@charset "UTF-8";
.hide {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.hide.hard {
  display: none !important;
}

.temp-hide {
  display: none !important;
}

.disable {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

* {
  box-sizing: border-box;
  outline: none;
  text-rendering: auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1024px) {
  * {
    -webkit-user-select: none;
  }
}

*::-webkit-scrollbar {
  display: none;
}

input, textarea {
  -webkit-user-select: text;
  font-family: "Open Sans", "Montserrat", sans-serif;
  resize: none;
}

h2 {
  white-space: initial;
}

.styled-select {
  min-width: 150px;
}

h6.styled-title {
  color: #bbb;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* height: 100%; */
  font-size: 90%;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  text-align: left;
}

.show-master-mode {
  display: none;
}
.master-mode .show-master-mode {
  display: block;
}

.styled-select, .styled-text {
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  cursor: pointer;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .styled-select, .styled-text {
    flex-direction: row;
  }
}
.styled-select .sp-colorize-container, .styled-text .sp-colorize-container {
  background-image: none;
}
.styled-select .sp-original-input-container, .styled-text .sp-original-input-container {
  position: absolute;
  width: 100%;
  display: inline;
}
.styled-select .error-title, .styled-text .error-title {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
  color: #de0808;
  position: absolute;
  padding: 5px 10px 5px 10px;
  font-size: 90%;
  font-weight: 300;
  z-index: 2;
  right: 0;
  top: 0;
}
.styled-select.error, .styled-text.error {
  box-shadow: inset 0px 0px 0px 1px #de0808;
}
.styled-select.error .error-title, .styled-text.error .error-title {
  opacity: 1;
}
.styled-select.error.too-short, .styled-text.error.too-short {
  border-color: #de0808;
}
.styled-select .select-title, .styled-select .styled-title, .styled-text .select-title, .styled-text .styled-title {
  color: #bbb;
  padding: 5px 5px 5px 5px;
  min-width: 30px;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* height: 100%; */
  font-size: 90%;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 1023px) {
  .styled-select .select-title.summarized, .styled-select .styled-title.summarized, .styled-text .select-title.summarized, .styled-text .styled-title.summarized {
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
  }
}
@media (min-width: 1024px) {
  .styled-select .select-title, .styled-select .styled-title, .styled-text .select-title, .styled-text .styled-title {
    padding: 5px 25px 25px 10px;
    justify-content: center;
    align-items: center;
  }
}
.styled-select select, .styled-select .screenshot, .styled-select textarea, .styled-select input[type=text], .styled-select input[type=email], .styled-select input[type=tel], .styled-select input[type=password], .styled-select input[type=phone], .styled-select input[type=number], .styled-select input[type=file], .styled-select textarea, .styled-text select, .styled-text .screenshot, .styled-text textarea, .styled-text input[type=text], .styled-text input[type=email], .styled-text input[type=tel], .styled-text input[type=password], .styled-text input[type=phone], .styled-text input[type=number], .styled-text input[type=file], .styled-text textarea {
  display: block;
  font-weight: 300;
  line-height: normal;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  /*-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;*/
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.1803921569);
  border: 0;
  border-radius: 0;
  color: #ddd;
  position: relative;
  border-right: 10px solid transparent;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  height: 100%;
}
@media (max-width: 1023px) {
  .styled-select select.summarized, .styled-select .screenshot.summarized, .styled-select textarea.summarized, .styled-select input[type=text].summarized, .styled-select input[type=email].summarized, .styled-select input[type=tel].summarized, .styled-select input[type=password].summarized, .styled-select input[type=phone].summarized, .styled-select input[type=number].summarized, .styled-select input[type=file].summarized, .styled-select textarea.summarized, .styled-text select.summarized, .styled-text .screenshot.summarized, .styled-text textarea.summarized, .styled-text input[type=text].summarized, .styled-text input[type=email].summarized, .styled-text input[type=tel].summarized, .styled-text input[type=password].summarized, .styled-text input[type=phone].summarized, .styled-text input[type=number].summarized, .styled-text input[type=file].summarized, .styled-text textarea.summarized {
    background-color: transparent;
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .styled-select select, .styled-select .screenshot, .styled-select textarea, .styled-select input[type=text], .styled-select input[type=email], .styled-select input[type=tel], .styled-select input[type=password], .styled-select input[type=phone], .styled-select input[type=number], .styled-select input[type=file], .styled-select textarea, .styled-text select, .styled-text .screenshot, .styled-text textarea, .styled-text input[type=text], .styled-text input[type=email], .styled-text input[type=tel], .styled-text input[type=password], .styled-text input[type=phone], .styled-text input[type=number], .styled-text input[type=file], .styled-text textarea {
    position: absolute;
    padding: 30px 10px 7.5px 10px;
  }
}
.styled-select.textarea, .styled-text.textarea {
  min-width: 300px;
  min-height: 120px;
}
.styled-select.textarea .select-title, .styled-select.textarea .styled-title, .styled-text.textarea .select-title, .styled-text.textarea .styled-title {
  align-self: flex-start;
}
.styled-select textarea, .styled-text textarea {
  height: 100%;
  line-height: 150%;
}
.styled-select select, .styled-text select {
  background-repeat: no-repeat, repeat;
  background-position: right 10px top 32px, 0 0;
  background-size: 0.65em auto, 100%;
}
@media (min-width: 1024px) {
  .styled-select select, .styled-text select {
    padding: 25px 10px 7.5px 5px;
  }
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
}

select option {
  font-weight: normal;
}

html, body, input, select {
  font-family: "Montserrat", sans-serif;
}

h4 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0 0 0px 0;
  padding: 20px 15px 20px 15px;
  line-height: normal;
  border-bottom: 1px solid #191919;
  width: 100%;
  background-color: #222222;
}

html, body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(149deg, #000000 0%, #060606 0%, #011533 100%);
  background-attachment: fixed;
  background-size: cover;
  background-position: right;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  html, body {
    background-size: cover;
    background-position: left;
    background: #1f1f1f;
  }
}

img {
  width: 100%;
}

.contained {
  width: 100%;
  max-width: 1100px;
  text-align: left;
  position: relative;
  padding: 0 20px;
}

.app .sp-colorize-container {
  background: none;
  background-color: none;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.loading {
  position: relative;
  z-index: 1;
}
.loading > div {
  opacity: 0;
}
.loading:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  opacity: 1;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  opacity: 1;
}
.loading:before {
  content: "";
  z-index: 3;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  border-top: 1.5px solid #508a22;
  border-right: 1.5px solid transparent;
  animation: spinner 590ms linear infinite;
}
.loading:before.inline {
  position: relative;
  width: 75px;
  display: inline-block;
}
.loading.inline.small:before {
  width: 25px;
  height: 25px;
  top: auto;
  left: auto;
  margin: 0;
}
.loading.inline-button {
  pointer-events: none;
  background-color: #222 !important;
  transition: all 100ms ease;
}
.loading.inline-button:after, .loading.inline-button:before {
  display: none;
}

.stretch {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
}

@media (max-width: 1023px) {
  .hide-mobile {
    display: none;
  }
  .hide-mobile.hard {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none;
  }
}
.show-level2Status-pending {
  display: none;
}

[level2status=pending] .show-level2Status-pending {
  display: block;
}

.show-level2Status-submitted {
  display: none;
}

[level2status=submitted] .show-level2Status-submitted {
  display: block;
}

.show-logged-in {
  display: none;
}

.user-logged-in .show-logged-in {
  display: block;
}
.user-logged-in .hide-logged-in {
  display: none;
}

.show-logged-in.main-app {
  z-index: 15;
}

.content-body .frame {
  display: block;
}
@media (min-width: 1024px) {
  .content-body .frame {
    animation: fade-in 400ms;
  }
}
.content-body .frame.hide {
  display: none;
}

.counter-box {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  background-color: #fe4f30;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 300ms ease;
}
.show-counter-box .counter-box {
  opacity: 1;
}

.tabs .tab {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.tabs .tab.active {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.tabs.section-tabs {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.tabs.section-tabs .tab {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
  flex-direction: row;
  overflow: auto;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab {
    flex-direction: column;
    overflow: hidden;
  }
}
.tabs.section-tabs .tab .tab-container {
  height: 100%;
  position: relative;
  /* padding: 20px; */
  display: flex;
  overflow: hidden;
  flex: 3;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab .tab-container {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .tabs.section-tabs .tab .tab-container {
    min-width: 100vw;
  }
}
.tabs.section-tabs .tab .tab-container .tab-header {
  border-bottom: 1px solid #171717;
  margin: 0 25px;
  padding: 25px 0;
}
.tabs.section-tabs .tab .tab-container .tab-columns {
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab .tab-container .tab-columns {
    flex-direction: row;
  }
}
.tabs.section-tabs .tab .tab-container .tab-column {
  display: flex;
  overflow: hidden;
  position: relative;
  height: 100%;
  flex: 1;
}
.tabs.section-tabs .tab .tab-container .tab-column .frame-body {
  width: 100%;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab .tab-container .tab-column {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .tabs.section-tabs .tab .tab-container .tab-column {
    min-width: 100vw;
  }
}
.tabs.section-tabs .tab .tab-container.full {
  padding-bottom: 0;
}
.tabs.section-tabs .tab .tab-container .tab-settings {
  padding: 10px 20px;
  background-color: #202020;
  display: flex;
  width: calc(100% - 0px);
  border-bottom: 1px solid #101010;
}
.tabs.section-tabs .tab .tab-container .tab-settings .setting-rows {
  width: 100%;
  position: relative;
}
.tabs.section-tabs .tab .tab-container .tab-settings .setting-rows .setting-row {
  margin-bottom: 7.5px;
  padding: 0 5px;
  display: flex;
}
.tabs.section-tabs .tab .tab-container .tab-settings .setting-rows .setting-row:last-child {
  margin-bottom: 0;
}
.tabs.section-tabs .tab .tab-container .tab-settings .setting {
  display: flex;
  margin-right: 15px;
}
.tabs.section-tabs .tab .tab-container .tab-settings .setting:last-child {
  margin-right: 0;
}
.tabs.section-tabs .tab .tab-container .tab-settings .label {
  font-weight: 600;
  font-size: 85%;
  white-space: nowrap;
  text-transform: uppercase;
  color: #777;
  margin-right: 5px;
}
.tabs.section-tabs .tab .tab-container .tab-settings select, .tabs.section-tabs .tab .tab-container .tab-settings input {
  border: 0;
  border-radius: 3px;
  padding: 2.5px 5px;
  font-family: inherit;
  font-weight: inherit;
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
.tabs.section-tabs .tab .tab-container .frame-footer {
  transition: all 300ms ease;
}
.tabs.section-tabs .tab .tab-container .list .items .item {
  transition: all 300ms ease;
}
.tabs.section-tabs .tab .tab-container.status-running .frame-footer {
  pointer-events: none;
  opacity: 0.3;
}
.tabs.section-tabs .tab .tab-container.status-running .list .items .item {
  opacity: 0.3;
}
.tabs.section-tabs .tab .tab-container.status-running .list .items .item.status-running {
  opacity: 1;
}
.tabs.section-tabs .tab.active {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  height: 100%;
  position: relative;
  /* padding: 20px; */
  display: flex;
  overflow: auto;
  flex: 5;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab.active {
    overflow: hidden;
  }
}
.tabs.section-tabs .tab-info {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  min-width: 300px;
}
@media (min-width: 1024px) {
  .tabs.section-tabs .tab-info {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .tabs.section-tabs .tab-info {
    min-width: 100vw;
  }
}
.tabs.section-tabs .tab-info .table .table-list label.table-item input {
  display: none;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item .sort-dir {
  opacity: 0;
  font-size: 14px;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item .label-title {
  flex: 1;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item .item-count {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2px 5px;
  font-size: 80%;
  font-weight: 500;
  text-transform: uppercase;
  align-self: flex-end;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item[sort-direction=desc] .sort-dir:before {
  content: "\f884";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item[sort-direction=asc] .sort-dir:before {
  content: "\f161";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.tabs.section-tabs .tab-info .table .table-list label.table-item.active {
  background-color: rgba(80, 139, 34, 0.1490196078);
}
.tabs.section-tabs .tab-info .table .table-list label.table-item.active .sort-dir {
  opacity: 1;
}
.tabs.section-tabs .tab-info .info-content {
  background-color: #1d1d1d;
  flex: 1;
  border-left: 1px solid #101010;
}
.tabs.section-tabs .tab-info .info-content .header {
  padding: 0 15px;
}
.tabs.section-tabs .tab-info .info-content .row {
  margin-bottom: 15px;
}
.tabs.section-tabs .tab-info .info-content .list .items {
  padding: 10px 10px 0 10px;
}
.tabs.section-tabs .tab-info .info-content h4 {
  background-color: #101010;
  padding: 15px;
}
.tabs.section-tabs .tab-info .info-content .buttons {
  margin-top: 15px;
  padding: 0;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 15;
}
.tabs.section-tabs .tab-info .info-content .button {
  width: 100%;
}
.tabs.section-tabs .tab-info .info-content .button.floater {
  width: auto;
}
.tabs.section-tabs .tab-info .info-content.left {
  border-right: 1px solid #101010;
  border-left: 0;
}
.tabs.section-tabs .tab-info .info-content.formable {
  background-color: #1c385d;
}
.tabs.section-tabs .tab-info .info-content textarea, .tabs.section-tabs .tab-info .info-content select, .tabs.section-tabs .tab-info .info-content input {
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.tabs.section-tabs .tab-info .info-content .module-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 15px;
}
.tabs.section-tabs .tab-info .info-content .module-title i {
  margin-right: 5px;
}
.tabs.section-tabs .tab-info .info-content .header .input-container {
  position: relative;
}
.tabs.section-tabs .tab-info .info-content .header .input-container .x {
  opacity: 0;
  transition: opacity 300ms ease;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  color: #000;
  font-size: 20px;
  cursor: pointer;
}
.tabs.section-tabs .tab-info .info-content .header .input-container input {
  font-size: 20px;
  font-weight: 600;
  padding: 15px;
  background-color: #323232;
}
.tabs.section-tabs .tab-info .info-content .header .input-container.typed input {
  background-color: #a3ce88;
  color: #222;
}
.tabs.section-tabs .tab-info .info-content .header .input-container.typed .x {
  opacity: 1;
}
.tabs.section-tabs .tab-info .info-content .info-settings .setting {
  margin-bottom: 15px;
}
.tabs.section-tabs .tab-info .info-content .info-settings .setting label {
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 3px;
}
.tabs.section-tabs .tab-info .info-content .info-settings .setting select, .tabs.section-tabs .tab-info .info-content .info-settings .setting input {
  border: 0;
  border-radius: 3px;
  padding: 5px 10px;
  font-family: inherit;
  font-weight: inherit;
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
.tabs.section-tabs .tab-info .info-content .info-settings .setting .image {
  padding-top: 56%;
  background-color: #222;
  width: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
}

.clean-select {
  margin: 0;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.0784313725);
  padding: 5px 10px;
  color: #ccc;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ffffff'><polygon points='0,0 100,0 50,50'/></svg>");
  background-repeat: no-repeat, repeat;
  background-position: right 10px top 15px, 0 0;
  background-size: 0.65em auto, 100%;
  font-weight: 300;
  line-height: inherit;
  box-sizing: border-box;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  border: 0;
  color: #ddd;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

input::placeholder, textarea::placeholder {
  color: #888;
  font-size: 95%;
  font-style: italic;
}

.fp-select {
  display: none;
  position: relative;
  background-color: #0095ff;
  overflow: hidden;
  border-radius: 5px;
  padding: 1px;
  cursor: pointer;
}
.fp-select .field-title {
  color: rgba(255, 255, 255, 0.7333333333);
  padding: 3px 15px 3px 15px;
  min-width: 30px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 90%;
  font-weight: 300;
  text-transform: uppercase;
}
.fp-select .selected-value {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1333333333);
  width: 100%;
  padding: 3px 20px 3px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}
.fp-select:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.1333333333);
  border-left: 1px solid #0095ff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  content: "\f0d7";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.select-black {
  background-color: #353535;
  color: inherit;
  border: 0;
  padding: 3px 5px;
  margin: 0;
  font-size: inherit;
  border-radius: 3px;
  /* text-decoration: underline; */
  margin-left: 3px;
}

input[type=text], input[type=password], select, input[type=phone], input[type=email], input[type=tel], input[type=number], input[type=file], textarea {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0px;
  background-color: #393939;
  padding: 5px 10px;
  color: #ccc;
}

label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
label input {
  margin-right: 10px;
}
@keyframes expand-bounce2 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes expand-bounce {
  0% {
    transform: scale(0);
    height: 0;
    overflow: hidden;
  }
  50% {
    transform: scale(1.05);
    height: auto;
  }
  100% {
    transform: scale(1);
  }
}
.expand-bounce {
  animation: expand-bounce 400ms;
}

.expand-bounce2 {
  animation: expand-bounce2 400ms;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  animation: fade-in 400ms;
}

.show-has-payment-method, .show-has-valid-contacts, .show-has-org-number {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.enable-has-payment-method, .enable-has-valid-contacts, .enable-has-org-number {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.show-no-payment-method {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.enable-no-payment-method {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.no-payment-method .show-no-payment-method {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.no-payment-method .enable-no-payment-method {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}

.has-payment-method .show-has-payment-method {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.has-payment-method .hide-has-payment-method {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.has-payment-method .enable-has-payment-method {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}
.has-payment-method .disable-has-payment-method {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.has-valid-contacts .show-has-valid-contacts {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.has-valid-contacts .hide-has-valid-contacts {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.has-valid-contacts .enable-has-valid-contacts {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}
.has-valid-contacts .disable-has-valid-contacts {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.has-org-number .show-has-org-number {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.has-org-number .hide-has-org-number {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.has-org-number .hide-has-org-number.hard {
  display: none;
}

.has-org-number .enable-has-org-number {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}
.has-org-number .disable-has-org-number {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.enable-has-credit {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.has-credit .enable-has-credit {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}

.disable-has-credit {
  pointer-events: all;
  opacity: 1;
  transition: opacity 300ms ease;
}
.has-credit .disable-has-credit {
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 300ms ease;
}

.active-select {
  position: relative;
  padding-right: 10px;
  color: #4171b3;
  border-radius: 2px;
  transition: all 100ms ease;
}
.active-select select {
  background-color: transparent;
  color: inherit;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 3px;
  margin-left: 0px;
  font-weight: 600;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: capitalize;
}
.active-select select.active {
  color: #0494fe;
}
.active-select:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  margin: 0 1px 0 3px;
  content: "\f0d7";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
  opacity: 0;
  transition: all 100ms ease;
}
.active-select:hover {
  box-shadow: 0px 0px 0px 4px #252525;
  background-color: #252525;
}
.active-select:hover:after {
  opacity: 1;
}

.show-module-signage {
  display: none;
}
.module-signage .show-module-signage {
  display: block;
}
.module-signage .show-module-signage.flex {
  display: flex;
}
.module-signage .show-module-signage.flex.th, .module-signage .show-module-signage.flex.td {
  display: table-cell;
}

.module-public .hide-module-public {
  display: none;
}

.show-module-menu {
  display: none;
}
.module-menu .show-module-menu {
  display: block;
}
.module-menu .show-module-menu.flex {
  display: flex;
}
.module-menu .show-module-menu.th, .module-menu .show-module-menu.td {
  display: table-cell;
}

.show-platform-cart {
  display: none;
}
.has-platform-cart .show-platform-cart {
  display: block;
}
.has-platform-cart .show-platform-cart.flex {
  display: flex;
}

.show-has-credit {
  display: none;
}
.has-credit .show-has-credit {
  display: block;
}
.has-credit .show-has-credit.flex {
  display: flex;
}

.hide-has-credit {
  display: block;
}
.has-credit .hide-has-credit {
  display: none;
}

.module-menu td.show-module-menu, .module-menu th.show-module-menu {
  display: table-cell;
}

.module-signage td.show-module-signage, .module-signage th.show-module-signage {
  display: table-cell;
}

.module-rewards td.show-module-rewards, .module-rewards th.show-module-rewards {
  display: table-cell;
}

.has-platform-cart td.show-platform-cart, .has-platform-cart th.show-platform-cart {
  display: table-cell;
}

/*
.show-module-messaging {
    display: none ;
    .module-messaging & {
        display: block ;
        &.flex {
            display: flex ;
        }
        &td, &th {
            display: table-cell ;
        }
    }
}*/
.show-module-rewards {
  display: none;
}
.module-rewards .show-module-rewards {
  display: block;
}
.module-rewards .show-module-rewards.flex {
  display: flex;
}
.module-rewards .show-module-rewardstd, .module-rewards .show-module-rewardsth {
  display: table-cell;
}

.show-module-website {
  display: none;
}
.module-messaging .show-module-website {
  display: block;
}
.module-messaging .show-module-website.flex {
  display: flex;
}
.module-messaging .show-module-websitetd, .module-messaging .show-module-websiteth {
  display: table-cell;
}

/*
.show-module-menu {
    display: none ;
    .module-menu & {
        display: block ;
        &.flex {
            display: flex ;
        }
    }
}
*/
@keyframes float {
  from {
    transform: translateY(100vh);
    opacity: 1;
  }
  to {
    transform: translateY(-300vh);
    opacity: 0;
  }
}
.confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease;
}
.confetti.show-me {
  opacity: 1;
}
.confetti canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.balloon-container {
  height: 100%;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 500ms ease;
}
.balloon-container.show-me {
  opacity: 1;
}
.balloon-container .balloon {
  height: 125px;
  width: 105px;
  border-radius: 75% 75% 70% 70%;
  position: relative;
}
.balloon-container .balloon:before {
  content: "";
  height: 75px;
  width: 1px;
  padding: 1px;
  background-color: #FDFD96;
  display: block;
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
  margin: auto;
}
.balloon-container .balloon:after {
  content: "▲";
  text-align: center;
  display: block;
  position: absolute;
  color: inherit;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto;
}

.card {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 30px 0px 15px 0px;
  transition: transform 0.5s ease, opacity 1500ms ease;
  box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.2);
  width: 100%;
  flex-direction: column;
  opacity: 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.card.rings-set {
  opacity: 1;
}
.card.rings-set .circles-container .progress-ring .progress-ring__circle {
  stroke-width: 7.5%;
  transition: stroke-width 750ms ease 500ms, stroke-dashoffset 750ms ease 250ms, stroke-dasharray 750ms ease 250ms;
}
.card.rings-set .circles-container .progress-ring2 .progress-ring__circle {
  stroke-width: 7.5%;
  transition: stroke-width 1500ms ease 500ms;
}
@media (min-width: 1024px) {
  .card {
    flex-direction: row;
  }
}
.card .info .info-row.color1 {
  color: #ff930f;
}
.card .info .info-row.color2 {
  color: #696cff;
}
.card .info .info-row.color3 {
  color: #78b136;
}
.card .info .info-row.color4 {
  color: #ff0000;
}
.card .info .info-row.color5 {
  color: #0000ff;
}
.card.small {
  padding: 0;
  box-shadow: none;
}
.card.small .info .info-row.color1 {
  color: #555555;
}
.card.small .info .info-row.color2 {
  color: #444444;
}
.card.small .info .info-row.color3 {
  color: #444444;
}
.card.small .info .info-row.color4 {
  color: #555555;
}
.card.small .info .info-row.color5 {
  color: #777777;
}
.card.small .circles-container {
  width: 40px;
  height: 40px;
  margin: 0;
}
@media (min-width: 1024px) {
  .card.small .circles-container {
    margin: 0;
  }
}
.card.small .circles-container .ring.color1 {
  color: #555555;
}
.card.small .circles-container .ring.color2 {
  color: #444444;
}
.card.small .circles-container .ring.color3 {
  color: #444444;
}
.card.small .circles-container .ring.color4 {
  color: #555555;
}
.card.small .circles-container .ring.color5 {
  color: #777777;
}
.card.nav-ring {
  padding: 0;
  box-shadow: none;
}
.card.nav-ring .info .info-row.color1 {
  color: #ff930f;
}
.card.nav-ring .info .info-row.color2 {
  color: #696cff;
}
.card.nav-ring .info .info-row.color3 {
  color: #78b136;
}
.card.nav-ring .info .info-row.color4 {
  color: #ff0000;
}
.card.nav-ring .info .info-row.color5 {
  color: #0000ff;
}
.card.nav-ring .circles-container {
  width: 40px;
  height: 40px;
  margin: 0;
}
@media (min-width: 1024px) {
  .card.nav-ring .circles-container {
    margin: 0;
  }
}
.card.nav-ring .circles-container .ring.color1 {
  color: #ff930f;
}
.card.nav-ring .circles-container .ring.color2 {
  color: #696cff;
}
.card.nav-ring .circles-container .ring.color3 {
  color: #78b136;
}
.card.nav-ring .circles-container .ring.color4 {
  color: #ff0000;
}
.card.nav-ring .circles-container .ring.color5 {
  color: #0000ff;
}
.card .circles-container {
  position: relative;
  height: 200px;
  width: 200px;
  align-items: center;
  margin: 0 0 40px 0;
}
@media (min-width: 1024px) {
  .card .circles-container {
    margin: 0 40px;
  }
}
.card .circles-container .dot {
  z-index: 2;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: transform 750ms ease 250ms;
  transform: rotate(0);
  top: 0;
  left: 0;
}
.card .circles-container .dot:after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  height: 7.5%;
  width: 10%;
  margin-top: 4px;
  background: transparent;
  border-radius: 100%;
}
.card .circles-container .ring {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 100%;
}
.card .circles-container .ring svg circle {
  stroke-linecap: round;
  fill: transparent;
}
.card .circles-container .ring svg linearGradient stop:first-child {
  offset: 0%;
}
.card .circles-container .ring svg linearGradient stop:last-child {
  offset: 100%;
}
.card .circles-container .ring.color1 {
  height: 100%;
  width: 100%;
  color: #ff930f;
}
.card .circles-container .ring.color1 .dot:after {
  top: calc((0%));
}
.card .circles-container .ring.color1:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.card .circles-container .ring.color1:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 27px;
  width: 27px;
  background: var(--background);
  border-radius: 100%;
}
.card .circles-container .ring.color1 svg circle {
  r: calc(50% - (0%) - 10px);
  cx: 50%;
  cy: 50%;
}
.card .circles-container .ring.color1 svg linearGradient stop:first-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color1 svg linearGradient stop:last-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color2 {
  height: 100%;
  width: 100%;
  color: #696cff;
}
.card .circles-container .ring.color2 .dot:after {
  top: calc((10%));
}
.card .circles-container .ring.color2:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.card .circles-container .ring.color2:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 27px;
  width: 27px;
  background: var(--background);
  border-radius: 100%;
}
.card .circles-container .ring.color2 svg circle {
  r: calc(50% - (10%) - 10px);
  cx: 50%;
  cy: 50%;
}
.card .circles-container .ring.color2 svg linearGradient stop:first-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color2 svg linearGradient stop:last-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color3 {
  height: 100%;
  width: 100%;
  color: #78b136;
}
.card .circles-container .ring.color3 .dot:after {
  top: calc((20%));
}
.card .circles-container .ring.color3:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.card .circles-container .ring.color3:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 27px;
  width: 27px;
  background: var(--background);
  border-radius: 100%;
}
.card .circles-container .ring.color3 svg circle {
  r: calc(50% - (20%) - 10px);
  cx: 50%;
  cy: 50%;
}
.card .circles-container .ring.color3 svg linearGradient stop:first-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color3 svg linearGradient stop:last-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color4 {
  height: 100%;
  width: 100%;
  color: #ff0000;
}
.card .circles-container .ring.color4 .dot:after {
  top: calc((30%));
}
.card .circles-container .ring.color4:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.card .circles-container .ring.color4:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 27px;
  width: 27px;
  background: var(--background);
  border-radius: 100%;
}
.card .circles-container .ring.color4 svg circle {
  r: calc(50% - (30%) - 10px);
  cx: 50%;
  cy: 50%;
}
.card .circles-container .ring.color4 svg linearGradient stop:first-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color4 svg linearGradient stop:last-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color5 {
  height: 100%;
  width: 100%;
  color: #0000ff;
}
.card .circles-container .ring.color5 .dot:after {
  top: calc((40%));
}
.card .circles-container .ring.color5:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.card .circles-container .ring.color5:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 27px;
  width: 27px;
  background: var(--background);
  border-radius: 100%;
}
.card .circles-container .ring.color5 svg circle {
  r: calc(50% - (40%) - 10px);
  cx: 50%;
  cy: 50%;
}
.card .circles-container .ring.color5 svg linearGradient stop:first-child {
  stop-color: currentColor;
}
.card .circles-container .ring.color5 svg linearGradient stop:last-child {
  stop-color: currentColor;
}
.card .circles-container .progress-ring, .card .circles-container .progress-ring2 {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.card .circles-container .progress-ring .progress-ring__circle, .card .circles-container .progress-ring2 .progress-ring__circle {
  transform: rotate(270deg);
  transform-origin: 50% 50%;
  stroke-width: 2px;
}
.card .circles-container .progress-ring .progress-ring__circle {
  stroke-dashoffset: 100%;
  stroke-dasharray: 100%, 300%;
}
.card .circles-container .progress-ring2 {
  opacity: 0.1;
}
.card .info {
  flex: 1;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .card .info {
    padding: 0 15px 0 0;
  }
}
.card .info .info-row {
  color: currentColor;
  margin: 7.5px;
  text-align: center;
  text-shadow: 1px 1px #000;
}
@media (min-width: 1024px) {
  .card .info .info-row {
    text-align: left;
    margin: 0 0 15px 0;
  }
}
.card .info .info-row .colorScore {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1px;
  line-height: normal;
  display: inline-flex;
  flex-wrap: wrap;
}
.card .info .info-row .colorScore .circleName {
  min-width: 100%;
  order: -1;
  margin-bottom: 1px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-size: 14px;
}
.card .info .info-row .circleDescription {
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
  max-width: 500px;
  color: #bbb;
}

/*
[title] {
    position: relative;
    &:after {
        content: "?";
        position: absolute;
        right: 0px;
        top: 0px;
        width: 15px;
        height: 15px;
        background-color: #ffff0011;
        color: #ddd;
        border-radius: 2px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}*/
@keyframes overlay-open {
  0% {
    transform: translateY(5%);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.app {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background-color: #18191b;
  color: #8c8989;
  width: 100%;
  align-self: flex-start;
  height: 100%;
  font-weight: 300;
  flex-direction: column;
}
.app .padding {
  padding: 15px;
}
.app .padding-item {
  padding: 5px 15px;
}
.app .app-no-payment-method {
  width: 100%;
  display: none;
}
.no-payment-method .app .app-no-payment-method {
  display: flex;
}
.app .app-no-payment-method .section-body {
  width: 100%;
  background-color: #3e2355;
  color: #fff;
}
.app .app-no-payment-method .section-body .the-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #151515;
  border-bottom: 0;
}
.app .app-no-payment-method .section-body .the-status h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.app .app-no-payment-method .section-body .the-status a {
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .app .app-no-payment-method {
    margin-left: 265px;
    width: calc(100% - 265px);
  }
  .lite .app .app-no-payment-method {
    margin-left: 0;
    width: 100%;
  }
}
.app .app-level2-status {
  width: 100%;
  display: flex;
}
.app .app-level2-status .level2-status {
  width: 100%;
  background-color: #223b8b;
  color: #fff;
}
.app .app-level2-status .level2-status .the-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #151515;
  border-bottom: 0;
}
.app .app-level2-status .level2-status .the-status h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.app .app-level2-status .level2-status .the-status a {
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .app .app-level2-status {
    margin-left: 265px;
    width: calc(100% - 265px);
  }
  .lite .app .app-level2-status {
    margin-left: 0;
    width: 100%;
  }
}
.app .system-messages {
  width: 100%;
  color: #fff;
  align-items: center;
  display: none;
  flex-direction: column;
  position: relative;
}
.active-system-messages .app .system-messages {
  display: flex;
}
.app .system-messages .system-message {
  display: flex;
  align-items: center;
  font-weight: 600;
  flex: 1;
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  min-height: 50px;
}
.app .system-messages .system-message .close-system-message {
  display: none;
  width: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  cursor: pointer;
}
.app .system-messages .system-message.type-outage {
  background-color: #5f170f;
}
.app .system-messages .system-message.type-notification {
  background-color: #064e80;
  padding-right: 50px;
}
.app .system-messages .system-message.type-notification .close-system-message {
  display: flex;
}
.app .system-messages .system-message .content {
  padding: 10px 25px;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
}
.app .system-messages .system-message i {
  margin-right: 10px;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .app .system-messages {
    margin-left: 265px;
    width: calc(100% - 265px);
  }
  .lite .app .system-messages {
    margin-left: 0;
    width: 100%;
  }
}
.app .content-body {
  background-color: #1f1f1f;
  color: #ccc;
  width: 100%;
  overflow: auto;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform 300ms ease-out, height 0ms ease 300ms;
  z-index: 11;
}
.fixed-menu .app .content-body {
  margin-left: 265px;
  width: calc(100% - 265px);
}
@media (min-width: 1024px) {
  .app .content-body {
    margin-left: 265px;
    width: calc(100% - 265px);
  }
  .lite .app .content-body {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .show-navigation .app .content-body {
    transition: transform 300ms ease-out, height 0ms ease 0ms;
    transform: translateX(265px);
  }
}
.app .content-body .frame-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
  z-index: 3;
}
.server-disconnected .app .content-body .frame-container {
  background-color: rgba(255, 0, 0, 0.1098039216);
}
.app .content-body .frame-container.frame-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1d1d1d;
  z-index: 15;
  animation: overlay-open 300ms;
  opacity: 1;
}
.app .content-body .frame-container.frame-overlay.overlay-keep {
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}
@media (min-width: 1024px) {
  .app .content-body .frame-container.frame-overlay.overlay-keep {
    width: 60%;
    height: 70%;
    left: 20%;
    top: 15%;
    border: 1px solid #000;
    box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.4666666667);
  }
}
.fixed-menu .app .content-body .frame-container.frame-overlay {
  width: 100%;
  left: auto;
  right: 0;
  z-index: 5;
}
@media (min-width: 1024px) {
  .app .content-body .frame-container.frame-overlay {
    width: 100%;
    left: auto;
    right: 0;
    position: absolute;
  }
}
.app .content-body .frame-container.frame-overlay .frame-main .frame-header .title {
  padding-left: 0;
}
.app .content-body .frame-container.frame-overlay .frame-main .icon.frame-closer {
  height: 100%;
  position: relative;
  display: flex;
  position: absolute;
  right: 0;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  color: #c5c5c5;
  background-color: #171717;
  border-left: 1px solid #101010;
  transition: all 150ms ease;
  border-bottom: 1px solid #101010;
  width: 60px;
  font-size: 30px;
}
.app .content-body .frame-container.frame-overlay .frame-main .icon.frame-closer:hover {
  background-color: #222222;
}
.app .content-body .frame-container.frame-overlay .frame-main .drilldown-wrapper {
  padding-right: 60px;
}
.app .content-body .frame-container.frame-overlay.clean-up {
  transition: opacity 300ms ease;
  opacity: 0;
  z-index: 4;
  pointer-events: none;
}
.app .content-body .frame-container.frame-overlay.clean-up div, .app .content-body .frame-container.frame-overlay.clean-up span, .app .content-body .frame-container.frame-overlay.clean-up input, .app .content-body .frame-container.frame-overlay.clean-up select {
  pointer-events: none !important;
}
.app .content-body .frame {
  display: flex;
  height: 100%;
  flex-direction: row;
  position: relative;
}
.app .content-body .frame .title {
  font-weight: 600;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  color: inherit;
}
.app .content-body .frame .title .label {
  width: 100%;
}
.app .content-body .frame .title .info {
  font-weight: 300;
  font-size: 85%;
}
.app .content-body .frame .title.more:after {
  content: "";
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
  margin-left: 10px;
  content: "\f054";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  flex: 1;
}
.app .content-body .frame .frame-header {
  position: relative;
  border-bottom: 1px solid #131313;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: #191919;
  min-height: 50px;
  max-height: 50px;
}
.app .content-body .frame .frame-header .frame-closer {
  padding: 15px;
  color: inherit;
}
.app .content-body .frame .frame-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: relative;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  border-left: 1px solid #131313;
  background-color: #1d1d1d;
}
.app .content-body .frame .frame-info .content {
  padding: 15px;
}
.app .content-body .frame .frame-info .module {
  border-bottom: 1px solid #131313;
}
.app .content-body .frame .frame-info .module.normal {
  padding: 15px;
}
.app .content-body .frame .frame-info .frame-info-content {
  overflow-y: auto;
  height: 100%;
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
}
.app .content-body .frame .frame-main {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.app .content-body .frame .frame-main .frame-actions {
  position: relative;
  background-color: #141414;
}
.app .content-body .frame .frame-main .frame-body {
  position: relative;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.0784313725);
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item .icon {
  width: 100px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  padding-left: 25px;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.1803921569);
}
.app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item .onboard-desc {
  width: 100%;
  padding: 25px 25px;
}
.app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item .onboard-desc h2 {
  margin: 0 0 0px 0;
  font-weight: 500;
}
.app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item .onboard-desc .onboard-container {
  margin: 15px 0 0 0;
}
.has-payment-method .app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item.disable-has-payment-method {
  background-color: rgba(46, 77, 22, 0.4705882353);
  opacity: 1;
  color: rgba(255, 255, 255, 0.1803921569);
  font-style: italic;
  padding: 0;
  transform: all 300ms ease;
}
.has-payment-method .app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item.disable-has-payment-method:after {
  content: "\f00c";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 100px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 20px;
  color: #508a22;
}
.has-credit .app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item.disable-has-credit {
  background-color: rgba(46, 77, 22, 0.4705882353);
  opacity: 1;
  color: rgba(255, 255, 255, 0.1803921569);
  font-style: italic;
  padding: 0;
  transform: all 300ms ease;
}
.has-credit .app .content-body .frame .frame-main .frame-body .onboard-items .onboard-item.disable-has-credit:after {
  content: "\f00c";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 100px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 20px;
  color: #508a22;
}
.app .content-body .frame .frame-main .frame-body .list {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.app .content-body .frame .frame-main .frame-body .list.wpadding {
  padding: 20px;
}
.app .content-body .frame .frame-main .frame-body .list .show-status-stopped {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .show-status-running {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .show-status-reviewing {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-complete .show-status-not-complete, .app .content-body .frame .frame-main .frame-body .list .status-cancelled .show-status-not-complete, .app .content-body .frame .frame-main .frame-body .list .status-failed .show-status-not-complete, .app .content-body .frame .frame-main .frame-body .list .status-reviewing .show-status-not-complete {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-complete .show-status-stopped, .app .content-body .frame .frame-main .frame-body .list .status-cancelled .show-status-stopped, .app .content-body .frame .frame-main .frame-body .list .status-failed .show-status-stopped, .app .content-body .frame .frame-main .frame-body .list .status-reviewing .show-status-stopped {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-complete .show-status-running, .app .content-body .frame .frame-main .frame-body .list .status-cancelled .show-status-running, .app .content-body .frame .frame-main .frame-body .list .status-failed .show-status-running, .app .content-body .frame .frame-main .frame-body .list .status-reviewing .show-status-running {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-complete .show-status-reviewing, .app .content-body .frame .frame-main .frame-body .list .status-cancelled .show-status-reviewing, .app .content-body .frame .frame-main .frame-body .list .status-failed .show-status-reviewing, .app .content-body .frame .frame-main .frame-body .list .status-reviewing .show-status-reviewing {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-stopped .show-status-running {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-stopped .show-status-reviewing {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-stopped .show-status-complete {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-stopped .show-status-stopped {
  display: flex;
}
.app .content-body .frame .frame-main .frame-body .list .status-running .show-status-running {
  display: flex;
}
.app .content-body .frame .frame-main .frame-body .list .status-running .show-status-reviewing {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-running .show-status-stopped {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-running .show-status-complete {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list .status-running .show-status-failed {
  display: none;
}
.app .content-body .frame .frame-main .frame-body .list.status-running .items .item {
  opacity: 0.3;
}
.app .content-body .frame .frame-main .frame-body .list.status-running .items .item.status-running {
  opacity: 1 !important;
  background-color: #171717;
  border-radius: 10px;
}
.app .content-body .frame .frame-main .frame-body .list.status-reviewing .items .item {
  opacity: 0.3;
}
.app .content-body .frame .frame-main .frame-body .list.status-reviewing .items .item.status-reviewing {
  opacity: 1 !important;
  background-color: #171717;
  border-radius: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  z-index: 9;
  position: relative;
  flex-wrap: wrap;
  border-bottom: 1px solid #222;
}
.app .content-body .frame .frame-main .frame-body .list .header input, .app .content-body .frame .frame-main .frame-body .list .header select, .app .content-body .frame .frame-main .frame-body .list .header textarea {
  border-radius: 0;
  font-size: 16px;
  padding: 10px 15px;
}
.app .content-body .frame .frame-main .frame-body .list .header.bottom {
  border-top: 1px solid #111;
  border-bottom: 0;
  padding: 10px;
  background-color: #272727;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed {
  flex-wrap: nowrap;
  padding-top: 20px;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed input, .app .content-body .frame .frame-main .frame-body .list .header.fixed select, .app .content-body .frame .frame-main .frame-body .list .header.fixed textarea {
  font-size: inherit;
  padding: 10px;
  color: #fff;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row {
  height: 100%;
  margin-right: 10px;
  flex: 1;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row.right {
  align-items: flex-end;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row.no-flex {
  flex: 0;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row:last-child {
  margin-right: 0;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row .field-set {
  flex-direction: column;
  height: 100%;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row .field-set .field-label {
  margin-bottom: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .header.fixed .row .field-set .field-value {
  height: 100%;
}
.app .content-body .frame .frame-main .frame-body .list .header .toggle-filters {
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app .content-body .frame .frame-main .frame-body .list .header .toggle-filters:before {
  content: "";
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  content: "\f0da";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 5px;
  width: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .header.show-filters .toggle-filters:before {
  content: "\f0d7";
}
.app .content-body .frame .frame-main .frame-body .list .header.show-filters .row.filters-row {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.app .content-body .frame .frame-main .frame-body .list .header .row {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.app .content-body .frame .frame-main .frame-body .list .header .row.filters-row {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.app .content-body .frame .frame-main .frame-body .list .header .row.margin {
  margin-bottom: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .header .row.margin-top {
  margin-top: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters {
  width: 100%;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  overflow: hidden;
  border-radius: 5px;
  background-color: #292929 !important;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter {
  flex: 2;
  border-right: 1px solid #222;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter input {
  margin-bottom: 0px;
  border-radius: 0;
  background-color: #313131;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter select {
  width: 100%;
  background-color: transparent;
  color: #999;
  border: 0;
  border-radius: 0;
  font-size: 95%;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter select option {
  padding: 3px 5px;
  text-transform: capitalize;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter select option:first-child {
  font-weight: 400;
}
.app .content-body .frame .frame-main .frame-body .list .header .row .filters .filter:last-child {
  border-right: 0;
}
.app .content-body .frame .frame-main .frame-body .list .header .item {
  padding: 7px 14px;
  background-color: #191919;
  border-radius: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 90%;
  border: 1px solid #171717;
}
.app .content-body .frame .frame-main .frame-body .list .header .item a {
  color: #aaa;
}
.app .content-body .frame .frame-main .frame-body .list .header .item i {
  padding: 0 8px 0 0;
  font-size: 80%;
}
.app .content-body .frame .frame-main .frame-body .list .header .item.spread {
  flex: 3;
  margin: 0;
  background-color: transparent;
  padding: 0;
  border: 0;
}
.app .content-body .frame .frame-main .frame-body .list .header .item.spread .label {
  white-space: nowrap;
  width: 200px;
}
.app .content-body .frame .frame-main .frame-body .list .header .item.spread .value {
  white-space: nowrap;
  width: 100%;
}
.app .content-body .frame .frame-main .frame-body .list .header .item.spread .value label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.app .content-body .frame .frame-main .frame-body .list .items {
  height: 100%;
  position: relative;
  overflow: auto;
  flex: 5;
  background-color: #1f1f1f;
}
.app .content-body .frame .frame-main .frame-body .list .items .item {
  display: flex;
  padding: 20px;
  transition: all 500ms ease;
  color: inherit;
  flex-wrap: wrap;
  cursor: default;
}
.app .content-body .frame .frame-main .frame-body .list .items .item:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.0784313725);
}
.app .content-body .frame .frame-main .frame-body .list .items .item.smaller {
  padding: 15px 0px;
  margin-bottom: 0;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.small {
  padding: 15px;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .button {
  cursor: pointer;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .status-label {
  position: absolute;
  right: 0px;
  font-size: 12px;
  color: #ccc;
  padding: 3px 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 400;
}
.app .content-body .frame .frame-main .frame-body .list .items .item:first-child, .app .content-body .frame .frame-main .frame-body .list .items .item:nth-child(2) {
  border-top: 0;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.more:after {
  content: "";
  align-self: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
  margin-left: 10px;
  content: "\f054";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: rgba(129, 129, 129, 0.2);
  flex: 1;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .avatar {
  max-width: 40px;
  width: 40px;
  min-width: 40px;
  max-height: 40px;
  height: 40px;
  min-height: 40px;
  background-color: #282a2b;
  margin-right: 10px;
  border-radius: 10px;
  border: 3px solid transparent;
  transition: all 300ms ease 5000ms;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  display: flex;
  color: #fff;
  background-color: #292828;
  font-size: 14px;
  color: #868686;
  line-height: normal;
  margin-right: 20px;
  font-weight: 400;
  max-height: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-pending .avatar {
  border: 3px solid #2e4d16;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-pending .status-label {
  background-color: #2e4d16;
  color: #fff;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-running {
  background-color: rgba(0, 0, 0, 0.368627451);
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-running .avatar {
  border: 3px solid #2e4d16;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-running .status-label {
  background-color: #2e4d16;
  color: #fff;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-reviewing {
  background-color: #98510a;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-reviewing .avatar {
  border: 3px solid #98510a;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-reviewing .status-label {
  background-color: #98510a;
  color: #fff;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-subscribed .avatar {
  border: 3px solid #0195ff;
  background-color: #0195ff;
  transition: all 300ms ease 0ms;
  color: #0195ff;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-unsubscribed .avatar {
  border: 3px solid #c32121;
  background-color: #c32121;
  transition: all 300ms ease 0ms;
  color: #c32121;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-sent .avatar {
  border: 3px solid #0195ff;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-sent .avatar:after {
  content: "";
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  content: "";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-submitted .avatar, .app .content-body .frame .frame-main .frame-body .list .items .item.status-approved .avatar {
  border: 3px solid #0195ff;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-submitted .avatar:after, .app .content-body .frame .frame-main .frame-body .list .items .item.status-approved .avatar:after {
  content: "";
  color: #0195ff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  content: "\f00c";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-delivered .avatar, .app .content-body .frame .frame-main .frame-body .list .items .item.status-finalized .avatar, .app .content-body .frame .frame-main .frame-body .list .items .item.status-success .avatar {
  border: 3px solid #0195ff;
  background-color: #0195ff;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-delivered .avatar:after, .app .content-body .frame .frame-main .frame-body .list .items .item.status-finalized .avatar:after, .app .content-body .frame .frame-main .frame-body .list .items .item.status-success .avatar:after {
  content: "";
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  content: "\f00c";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-failed .avatar {
  border: 3px solid #c32121;
  background-color: #c32121;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-failed .status-label {
  background-color: #c32121;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-stopped .avatar {
  border: 3px solid #e0cc3e;
  transition: all 300ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-stopped .status-label {
  background-color: #e0cc3e;
  color: #222;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-cancelled .meta, .app .content-body .frame .frame-main .frame-body .list .items .item.status-cancelled .body, .app .content-body .frame .frame-main .frame-body .list .items .item.status-cancelled .avatar {
  color: rgba(255, 255, 255, 0.1333333333);
  font-style: italic;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-cancelled .avatar {
  background-color: #111;
  border: 3px solid #111;
  transition: all 300ms ease 0ms;
  color: rgba(255, 255, 255, 0.2666666667);
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-cancelled .status-label {
  background-color: #333;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.warn .stat-failed {
  box-shadow: inset 0px 0px 0px 3px #c32121;
  border-radius: 10px;
}
.app .content-body .frame .frame-main .frame-body .list .items .item.status-complete .status-label {
  background-color: rgba(43, 64, 36, 0.2901960784);
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content {
  flex: 10;
  display: flex;
  flex-direction: column;
  margin-right: 22.5px;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .meta {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
  flex-wrap: wrap;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .meta .title {
  font-weight: 600;
  padding: 0;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .meta .sub-title {
  color: #999;
  margin-left: 5px;
  font-size: 80%;
  margin-right: 15px;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .body {
  width: 100%;
  font-size: 90%;
  font-size: 11px;
  color: #777;
  padding: 5px;
  border-radius: 5px;
  /* background-color: #1b1b1b; */
  font-style: italic;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .replies {
  margin-top: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 90%;
}
.app .content-body .frame .frame-main .frame-body .list .items .item .content .results {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  font-size: 90%;
}
.app .content-body .frame .frame-main .frame-body .list .items a.item {
  cursor: pointer;
}
.app .content-body .frame .frame-main.status-running .frame-footer {
  opacity: 0.3;
  pointer-events: none;
}
.app .content-body .frame .frame-main.status-running .frame-footer .form {
  border-color: #171717 !important;
}
.app .content-body .frame .frame-main.status-reviewing .frame-footer {
  opacity: 0.3;
  pointer-events: none;
}
.app .content-body .frame .frame-main.status-reviewing .frame-footer .form {
  border-color: #171717 !important;
}
.app .content-body .frame .frame-main .frame-footer {
  position: relative;
  padding: 0 0 25px 0;
  padding: 0px 20px 0px 20px;
}
.app .content-body .frame .frame-main .frame-footer.actions {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app .content-body .frame .frame-main .frame-footer .form {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  width: 100%;
  transition: all 200ms ease;
  transition: all 300ms ease;
  cursor: pointer;
  z-index: 9;
  max-height: 100px;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ddd;
  background-color: #2e4d16;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease;
  padding: 15px;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container {
  display: flex;
  padding: 0 15px;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container .conf-title {
  font-weight: 600;
  padding-bottom: 3px;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container .conf-message {
  font-size: 12px;
  display: flex;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container .conf-message .conf-image {
  margin-right: 10px;
  width: 70px;
  min-width: 70px;
  min-height: 70px;
  height: 70px;
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container .conf-message .conf-image.show {
  display: block;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-container .conf-message .conf-body {
  width: 100%;
  flex: 1;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-actions {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-actions a {
  padding: 8px 20px;
}
.app .content-body .frame .frame-main .frame-footer .form .execute-overlay .conf-actions a:first-child {
  margin-bottom: 7.5px;
}
.app .content-body .frame .frame-main .frame-footer .form.confirmed .execute-overlay {
  opacity: 1;
  pointer-events: all;
}
.app .content-body .frame .frame-main .frame-footer .form.confirmed .items .item.execute .button {
  pointer-events: all;
  background-color: #0095ff;
  color: #fff;
  opacity: 1;
  animation: expand-bounce2 300ms ease;
}
.app .content-body .frame .frame-main .frame-footer .form.has-text .items .item .actions .button {
  pointer-events: all;
  background-color: #0095ff;
  color: #fff;
  opacity: 1;
}
.app .content-body .frame .frame-main .frame-footer .form .lbl-received-preview {
  justify-content: flex-end;
  white-space: nowrap;
  font-size: 90%;
}
.app .content-body .frame .frame-main .frame-footer .form.edited {
  cursor: auto;
  background-color: #171717;
  color: #bfbfbf;
  max-height: 500px;
}
.app .content-body .frame .frame-main .frame-footer .form.edited.is-mms .items .item .value textarea {
  padding: 15px 15px 15px 100px;
}
.app .content-body .frame .frame-main .frame-footer .form.edited:hover {
  border-color: #171717;
}
.app .content-body .frame .frame-main .frame-footer .form.edited .items .item .actions {
  opacity: 1;
  cursor: auto;
}
.app .content-body .frame .frame-main .frame-footer .form.edited .items .item.execute .estimates {
  opacity: 1;
}
.app .content-body .frame .frame-main .frame-footer .form.edited .items .item .value textarea {
  cursor: auto;
}
.app .content-body .frame .frame-main .frame-footer .form.edited .items .item .value .counter {
  opacity: 1;
}
.app .content-body .frame .frame-main .frame-footer .form.edited .items .item .value .options {
  opacity: 1;
}
.app .content-body .frame .frame-main .frame-footer .form .items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item {
  display: flex;
  width: 100%;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .actions {
  position: relative;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all 300ms ease;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 5px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .actions .button {
  margin-top: 15px;
  pointer-events: none;
  border: 0;
  /*                                        background-color: #1b1b1b;
                                          color: #555;
                                          transition: all 300ms ease;*/
  opacity: 0.2;
  background-color: #383838;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.end {
  padding-top: 0px;
  display: flex;
  color: #ddd;
  font-size: 90%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute {
  background-color: #252525;
  padding: 15px 35px 15px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: all 700ms ease 0ms;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute .estimates {
  color: #ababab;
  font-size: 85%;
  background-color: rgba(72, 72, 72, 0.3490196078);
  border-radius: 10px;
  margin-top: 0px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 1000ms ease 200ms;
  opacity: 0;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute .estimates i {
  transform: rotate(-15deg);
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute .estimates .label {
  margin: 3px 15px 3px 0;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute .estimates .est-type {
  font-weight: 600;
  margin-right: 5px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item.execute .button {
  background-color: #383838;
  opacity: 0.2;
  pointer-events: none;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  transition: all 300ms ease;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px;
  justify-content: center;
  position: relative;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value label {
  width: 100%;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value textarea {
  padding: 15px 15px 15px 15px;
  width: 100%;
  background-color: #252525;
  height: 100px;
  border: 0;
  color: #bbb;
  font-size: 90%;
  cursor: pointer;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .options {
  position: relative;
  font-size: 12px;
  color: #777;
  opacity: 0;
  transition: all 300ms ease;
  padding: 5px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .options label {
  color: #777;
  cursor: pointer;
  border-radius: 3px;
  cursor: pointer;
  transition: all 300ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7.5px 15px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .options label:hover {
  background-color: #0095ff;
  color: #fff;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .options label i {
  margin-right: 0px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .counter {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
  color: #777;
  opacity: 0;
  transition: all 300ms ease;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .counter.warn-low {
  color: #e6c000;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .counter.warn-high {
  color: #e64100;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .counter.warn-high:before {
  content: "\f071";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 5px;
}
.app .content-body .frame .frame-main .frame-footer .form .items .item .value .counter:after {
  content: "chars";
  margin-left: 3px;
}

a {
  color: #96ad85;
  text-decoration: none;
  transition: all 200ms ease;
}
a:hover {
  color: #999;
}

.buttons {
  display: flex;
  padding: 15px;
}
.buttons .button {
  margin-right: 5px;
}
.buttons .button:last-child {
  margin-right: 0;
}

.button, button {
  background-color: #24398b;
  overflow: hidden;
  line-height: normal;
  padding: 10px 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  font-size: 85%;
  border: 1px solid #24398b;
  position: relative;
  transition: background 300ms ease, color 300ms ease, opacity 200ms ease, transform 100ms ease;
}
.button .sub-menu, button .sub-menu {
  right: -1px;
  position: absolute;
  top: calc(100% + 1px);
  background-color: #064ea5;
  width: 300px;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
  cursor: default;
}
.button:hover .sub-menu, .button:active .sub-menu, button:hover .sub-menu, button:active .sub-menu {
  pointer-events: all;
  opacity: 1;
}
.button.floater, button.floater {
  position: absolute;
  bottom: 80px;
  z-index: 100;
  left: auto;
  right: 35px;
  height: 70px;
  width: 70px;
  padding: 0;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .button.floater, button.floater {
    bottom: 35px;
  }
}
.button.icon, button.icon {
  padding: 15px;
  font-size: 14px;
}
.button.icon.small, button.icon.small {
  font-size: 10px;
  padding: 10px;
  padding: 5px 10px;
}
.button.icon.big, button.icon.big {
  font-size: 25px;
  height: 75px;
  width: 75px;
}
.button.icon.large, button.icon.large {
  font-size: 18px;
  height: 45px;
  width: 45px;
  align-items: center;
  justify-content: center;
}
.button:hover:after, button:hover:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.1333333333);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}
.button:active:after, button:active:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}
.button.margin, button.margin {
  margin-left: 15px;
}
.button.red, button.red {
  background-color: #c33333;
  border-color: rgba(0, 0, 0, 0.2);
}
.button.purple, button.purple {
  background-color: #3e2355;
  border-color: rgba(0, 0, 0, 0.2);
}
.button.green, button.green {
  background-color: #508a22;
  border-color: rgba(0, 0, 0, 0.2);
}
.button.green:hover, button.green:hover {
  opacity: 0.8;
}
.button.dark, button.dark {
  background-color: #202020;
  border-color: rgba(0, 0, 0, 0.2);
}
.button.lightblue, button.lightblue {
  background-color: #49bbde;
  border-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
.button.disabled, button.disabled {
  background-color: #999;
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.5;
  pointer-events: none;
  border-color: transparent;
  color: #ddd;
  font-style: italic;
}
.button.disabled-lite, button.disabled-lite {
  pointer-events: none;
  opacity: 0.5;
}

.subscribed .hide-subscribed {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.unsubscribed .hide-unsubscribed {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.h3, h3 {
  font-size: 120%;
  font-weight: 500;
  margin-bottom: 5px;
}

.desc {
  font-size: 90%;
  font-weight: 400;
  color: #999;
  max-width: 350px;
  margin-bottom: 30px;
}

@keyframes slide-right {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}
@keyframes slide-left {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
.animate-login .app .menu {
  animation: slide-right 500ms ease 750ms forwards;
  transform: translateX(-100vw);
}
.animate-login .app .content-body {
  animation: slide-right 500ms ease 1000ms forwards;
  transform: translateX(-100vw);
}
.animate-login .register {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.animate-login .register .highlight {
  transform: translateX(-100vw);
  transition: all 500ms ease 150ms;
}
.animate-login .register .main {
  transform: translateX(-100vw);
  transition: all 500ms ease;
}
.animate-login.hold-login .show-logged-in {
  transition: none !important;
}
.animate-login.user-logged-in .show-logged-in {
  transition: none !important;
}

.terminal-boxes2 .boxes {
  display: flex;
  flex: 3;
  font-size: 11px;
  padding-right: 10px;
}
.terminal-boxes2 .boxes:last-child:after {
  content: "";
  width: 20px;
  min-width: 20px;
}
.terminal-boxes2 .boxes .terminal-box {
  background-color: #222;
  flex: 1;
  line-height: normal;
  color: #ccc;
  min-width: 150px;
  max-width: 150px;
  margin-right: 7.5px;
  cursor: pointer;
  position: relative;
  transition: all 300ms ease;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.terminal-boxes2 .boxes .terminal-box .terminal-content {
  padding: 15px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.terminal-boxes2 .boxes .terminal-box .actions {
  display: flex;
  width: 100%;
  font-size: 14px;
  z-index: 1;
  position: relative;
}
.terminal-boxes2 .boxes .terminal-box .actions a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 10px;
  border-right: 0;
  color: rgba(255, 255, 255, 0.6);
}
.terminal-boxes2 .boxes .terminal-box.first-item {
  justify-content: center;
  font-weight: 700;
}
.terminal-boxes2 .boxes .terminal-box.first-item .actions {
  display: none;
}
.terminal-boxes2 .boxes .terminal-box.first-item .terminalName {
  font-weight: 700;
  line-height: 135%;
}
.terminal-boxes2 .boxes .terminal-box.first-item .totalItems, .terminal-boxes2 .boxes .terminal-box.first-item .orderTotal, .terminal-boxes2 .boxes .terminal-box.first-item .checkedIn, .terminal-boxes2 .boxes .terminal-box.first-item .bottom-part {
  display: none;
}
.terminal-boxes2 .boxes .terminal-box.active {
  opacity: 1;
  font-weight: 600;
}
.terminal-boxes2 .boxes .terminal-box.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  box-shadow: inset 0px 0px 0px 2px #762fb0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.terminal-boxes2 .boxes .terminal-box.active .actions .active {
  background-color: #3e2355;
  border-color: rgba(0, 0, 0, 0.2);
}
.terminal-boxes2 .boxes .terminal-box.alarmed .alarm {
  background-color: #7a2222;
}
.terminal-boxes2 .boxes .terminal-box.expired {
  background-color: rgba(78, 26, 26, 0.4784313725);
  color: #999;
}
.terminal-boxes2 .boxes .terminal-box.has-checkin {
  background-color: rgba(3, 90, 189, 0.3098039216);
}
.terminal-boxes2 .boxes .terminal-box .terminalName {
  text-align: center;
  text-transform: uppercase;
  word-break: break-word;
}
.terminal-boxes2 .boxes .terminal-box .displayName {
  text-align: center;
  text-transform: capitalize;
}
.terminal-boxes2 .boxes .terminal-box .phone {
  text-align: center;
}
.terminal-boxes2 .boxes .terminal-box .checkedIn {
  text-align: center;
}
.terminal-boxes2 .boxes .terminal-box .totalItems {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.terminal-boxes2 .boxes .terminal-box .orderTotal {
  font-weight: 400;
  font-size: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.terminal-boxes2 .boxes .terminal-box.idle:before {
  content: "Idle";
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  font-style: italic;
}
.terminal-boxes2 .boxes .terminal-box.idle .displayName, .terminal-boxes2 .boxes .terminal-box.idle .phone, .terminal-boxes2 .boxes .terminal-box.idle .checkedIn, .terminal-boxes2 .boxes .terminal-box.idle .totalItems, .terminal-boxes2 .boxes .terminal-box.idle .orderTotal {
  display: none;
}

.show-org-publisher {
  display: none;
}
.org-publisher .show-org-publisher {
  display: block;
}

.show-portal-mode {
  display: none;
}
.portal-mode .show-portal-mode {
  display: block;
}
.portal-mode .show-portal-mode.td {
  display: table-cell;
}

.portal-mode .hide-portal-mode {
  display: none !important;
}

.show-admin-mode {
  display: none;
}
.admin-mode .show-admin-mode {
  display: block;
}

.admin-mode .hide-admin-mode {
  display: none !important;
}

/*
.show-module-messaging {
    display: none;
    .module-messaging & {
        display: block;
    }
}
.show-module-rewards {
    display: none;
    .module-rewards & {
        display: block;
    }
}
.show-module-website {
    display: none;
    .module-website & {
        display: block;
    }
}
.show-module-signage {
    display: none;
    .module-signage & {
        display: block;
    }
}
.show-module-all {
    display: none;
    .module-all & {
        display: block;
    }
}
*/
.org-charging .disable-charging {
  pointer-events: none;
  opacity: 0.3;
}

.app .content-body .basic-layout .panel, .sideview .basic-layout .panel {
  padding-bottom: 15px;
  position: relative;
}
.app .content-body .basic-layout .frame-main .form, .sideview .basic-layout .frame-main .form {
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: row;
  width: 100%;
  transition: opacity 500ms ease;
  flex-wrap: nowrap;
}
.app .content-body .basic-layout .frame-main .form .show-enabled, .sideview .basic-layout .frame-main .form .show-enabled {
  display: none;
}
.app .content-body .basic-layout .frame-main .form .show-disabled, .sideview .basic-layout .frame-main .form .show-disabled {
  display: none;
}
.app .content-body .basic-layout .frame-main .form.is-enabled .show-enabled, .sideview .basic-layout .frame-main .form.is-enabled .show-enabled {
  display: block;
}
.app .content-body .basic-layout .frame-main .form.is-enabled .hide-enabled, .sideview .basic-layout .frame-main .form.is-enabled .hide-enabled {
  display: none !important;
}
.app .content-body .basic-layout .frame-main .form.is-disabled .show-disabled, .sideview .basic-layout .frame-main .form.is-disabled .show-disabled {
  display: block;
}
.app .content-body .basic-layout .frame-main .form.is-disabled .hide-disabled, .sideview .basic-layout .frame-main .form.is-disabled .hide-disabled {
  display: none !important;
}
@media (max-width: 1023px) {
  .app .content-body .basic-layout .frame-main .form, .sideview .basic-layout .frame-main .form {
    flex-wrap: wrap;
  }
  .app .content-body .basic-layout .frame-main .form.do-for-mobile, .sideview .basic-layout .frame-main .form.do-for-mobile {
    flex-direction: column;
  }
}
.app .content-body .basic-layout .frame-main .form .message-section, .app .content-body .basic-layout .frame-main .form .testing-section, .sideview .basic-layout .frame-main .form .message-section, .sideview .basic-layout .frame-main .form .testing-section {
  min-width: 100%;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .frame-main .form, .sideview .basic-layout .frame-main .form {
    flex-wrap: wrap;
    overflow: hidden;
    flex-direction: row;
  }
  .app .content-body .basic-layout .frame-main .form .message-section, .app .content-body .basic-layout .frame-main .form .testing-section, .sideview .basic-layout .frame-main .form .message-section, .sideview .basic-layout .frame-main .form .testing-section {
    min-width: auto;
  }
}
.app .content-body .basic-layout .frame-main .form .h3, .sideview .basic-layout .frame-main .form .h3 {
  font-size: 100%;
}
.app .content-body .basic-layout .frame-main .form .summary-panel, .sideview .basic-layout .frame-main .form .summary-panel {
  height: 100%;
  background-color: #191919;
  border-left: 1px solid #141414;
  overflow: auto;
  display: flex;
  flex-direction: column;
  min-width: 100%;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header, .sideview .basic-layout .frame-main .form .summary-panel .summary-header {
  background-color: #242250;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  font-size: 90%;
  padding: 7.5px 0 7.5px 0;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item:after, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  top: 1px;
  left: 1px;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: rgba(0, 0, 0, 0.2);
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item.half, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item.half {
  min-width: 50%;
  max-width: 50%;
  width: 50%;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .lbl, .app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .val, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .lbl, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .val {
  padding: 0px 10px 0 10px;
  z-index: 1;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .lbl, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .lbl {
  font-weight: 600;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .val, .sideview .basic-layout .frame-main .form .summary-panel .summary-header .summary-header-item .val {
  text-align: right;
}
.app .content-body .basic-layout .frame-main .form .summary-panel .summary-container, .sideview .basic-layout .frame-main .form .summary-panel .summary-container {
  flex: 1;
  padding: 10px;
  overflow: auto;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .frame-main .form .summary-panel, .sideview .basic-layout .frame-main .form .summary-panel {
    min-width: 50%;
  }
}
.app .content-body .basic-layout .frame-main .form .top-level, .sideview .basic-layout .frame-main .form .top-level {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 100%;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .frame-main .form .top-level, .sideview .basic-layout .frame-main .form .top-level {
    min-width: 50%;
  }
}
.app .content-body .basic-layout .frame-main .form .top-level.padded > .tab, .sideview .basic-layout .frame-main .form .top-level.padded > .tab {
  padding: 0px 15px 0 15px;
}
.app .content-body .basic-layout .frame-main .form .top-level .tabs-content, .sideview .basic-layout .frame-main .form .top-level .tabs-content {
  height: 100%;
  position: relative;
  width: 100%;
  display: flex;
  overflow: auto;
}
.app .content-body .basic-layout .frame-main .form .top-level .tabs-content .tab .list, .sideview .basic-layout .frame-main .form .top-level .tabs-content .tab .list {
  padding: 15px;
}
.app .content-body .basic-layout .frame-main .form .top-level.tabs .tab .elements, .sideview .basic-layout .frame-main .form .top-level.tabs .tab .elements {
  overflow: auto;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
.app .content-body .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements, .sideview .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements {
  flex-direction: row;
  flex-wrap: wrap;
  align-self: flex-start;
  max-height: 100%;
}
.app .content-body .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements .field, .sideview .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements .field {
  width: calc(50% - 0px);
  overflow: hidden;
}
.app .content-body .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements .field:nth-child(odd), .sideview .basic-layout .frame-main .form .top-level.tabs .tab.tab-colors .elements .field:nth-child(odd) {
  margin-right: 0px;
}
.app .content-body .basic-layout .frame-main .form .rowed, .sideview .basic-layout .frame-main .form .rowed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}
.app .content-body .basic-layout .frame-main .form .rowed.field-html, .sideview .basic-layout .frame-main .form .rowed.field-html {
  flex: 1;
}
.app .content-body .basic-layout .frame-main .form .rowed.invalid .label, .sideview .basic-layout .frame-main .form .rowed.invalid .label {
  color: #c83333;
}
.app .content-body .basic-layout .frame-main .form .rowed.invalid .value input, .app .content-body .basic-layout .frame-main .form .rowed.invalid .value select, .app .content-body .basic-layout .frame-main .form .rowed.invalid .value textarea, .sideview .basic-layout .frame-main .form .rowed.invalid .value input, .sideview .basic-layout .frame-main .form .rowed.invalid .value select, .sideview .basic-layout .frame-main .form .rowed.invalid .value textarea {
  border: 1px solid #c83333 !important;
}
.app .content-body .basic-layout .frame-main .form .rowed.required .label:after, .sideview .basic-layout .frame-main .form .rowed.required .label:after {
  content: "*";
  color: #0096ff;
  fonts-size: 115%;
  margin-left: 5px;
}
.app .content-body .basic-layout .frame-main .form .rowed .description, .sideview .basic-layout .frame-main .form .rowed .description {
  font-size: 90%;
  padding: 5px 5px 0 5px;
  top: 5px;
  right: 5px;
  z-index: 3;
}
.app .content-body .basic-layout .frame-main .form .rowed .label, .sideview .basic-layout .frame-main .form .rowed .label {
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 10px 0px 10px;
  z-index: 2;
  color: #6d855b;
  font-size: 90%;
  pointer-events: none;
  white-space: nowrap;
}
.app .content-body .basic-layout .frame-main .form .rowed .value, .sideview .basic-layout .frame-main .form .rowed .value {
  width: 100%;
  position: relative;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.1803921569);
  overflow: hidden;
}
.app .content-body .basic-layout .frame-main .form .rowed .value.readonly, .sideview .basic-layout .frame-main .form .rowed .value.readonly {
  background-color: transparent;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .html-select, .sideview .basic-layout .frame-main .form .rowed .value .html-select {
  display: flex;
  flex-wrap: wrap;
  padding: 35px 0 10px 0;
  gap: 15px;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .html-select .select-option, .sideview .basic-layout .frame-main .form .rowed .value .html-select .select-option {
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 300ms ease;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .html-select .select-option img, .sideview .basic-layout .frame-main .form .rowed .value .html-select .select-option img {
  height: 60px;
  width: 60px;
  object-fit: contain;
  object-position: center;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .html-select .select-option:hover, .sideview .basic-layout .frame-main .form .rowed .value .html-select .select-option:hover {
  box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 0, 0.6);
}
.app .content-body .basic-layout .frame-main .form .rowed .value .html-select .select-option.active, .sideview .basic-layout .frame-main .form .rowed .value .html-select .select-option.active {
  box-shadow: inset 0px 0px 0px 2px yellow;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input, .sideview .basic-layout .frame-main .form .rowed .value .tags-input {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5px;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input .tags, .sideview .basic-layout .frame-main .form .rowed .value .tags-input .tags {
  display: flex;
  flex-wrap: wrap;
  margin-right: 2px;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag, .sideview .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag {
  margin-right: 5px;
  background-color: #035abd;
  color: #eee;
  padding: 3px 10px;
  font-size: 90%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  word-break: break-word;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag i, .sideview .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag i {
  margin-left: 5px;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 3px;
  font-size: 85%;
  cursor: pointer;
  transition: all 300ms ease;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag:hover i, .sideview .basic-layout .frame-main .form .rowed .value .tags-input .tags .tag:hover i {
  background-color: #c83333;
}
.app .content-body .basic-layout .frame-main .form .rowed .value .tags-input .multi-text, .sideview .basic-layout .frame-main .form .rowed .value .tags-input .multi-text {
  width: auto;
  flex: 1;
  min-width: 100px;
  background-color: rgba(0, 0, 0, 0.1333333333);
  padding: 5px;
  margin: 3px;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.img, .sideview .basic-layout .frame-main .form .rowed .value a.img {
  position: relative;
  display: inline-flex;
  width: auto;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.img img, .sideview .basic-layout .frame-main .form .rowed .value a.img img {
  padding: 5px;
  border: 1px solid #555;
  background-color: #ccc;
  border-radius: 5px;
  transition: all 300ms ease;
  max-width: 400px;
  max-height: 400px;
  min-width: 100px;
  object-fit: contain;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.img img:hover, .sideview .basic-layout .frame-main .form .rowed .value a.img img:hover {
  background-color: #ddd;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.remove, .sideview .basic-layout .frame-main .form .rowed .value a.remove {
  color: #fff;
  position: absolute;
  top: 30px;
  left: 10px;
  display: inline-block;
  background-color: #c83333;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 25px;
  opacity: 0;
  transition: all 300ms ease;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.edit, .sideview .basic-layout .frame-main .form .rowed .value a.edit {
  color: #fff;
  position: absolute;
  top: 30px;
  left: 50px;
  display: inline-block;
  background-color: #3e2355;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 15px;
  opacity: 0;
  transition: all 300ms ease;
  z-index: 3;
}
.app .content-body .basic-layout .frame-main .form .rowed .value a.trim, .sideview .basic-layout .frame-main .form .rowed .value a.trim {
  color: #fff;
  position: absolute;
  top: 30px;
  left: 90px;
  display: inline-block;
  background-color: #3e2355;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 15px;
  opacity: 0;
  transition: all 300ms ease;
  z-index: 3;
}
.app .content-body .basic-layout .frame-main .form .rowed .value input, .app .content-body .basic-layout .frame-main .form .rowed .value textarea, .app .content-body .basic-layout .frame-main .form .rowed .value select, .app .content-body .basic-layout .frame-main .form .rowed .value .tags-input, .app .content-body .basic-layout .frame-main .form .rowed .value a.img, .sideview .basic-layout .frame-main .form .rowed .value input, .sideview .basic-layout .frame-main .form .rowed .value textarea, .sideview .basic-layout .frame-main .form .rowed .value select, .sideview .basic-layout .frame-main .form .rowed .value .tags-input, .sideview .basic-layout .frame-main .form .rowed .value a.img {
  width: 100%;
  border: 1px solid transparent;
  background-color: transparent;
  margin: 30px 10px 10px 10px;
  padding: 0;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .frame-main .form .rowed .value input, .app .content-body .basic-layout .frame-main .form .rowed .value textarea, .app .content-body .basic-layout .frame-main .form .rowed .value select, .app .content-body .basic-layout .frame-main .form .rowed .value .tags-input, .app .content-body .basic-layout .frame-main .form .rowed .value a.img, .sideview .basic-layout .frame-main .form .rowed .value input, .sideview .basic-layout .frame-main .form .rowed .value textarea, .sideview .basic-layout .frame-main .form .rowed .value select, .sideview .basic-layout .frame-main .form .rowed .value .tags-input, .sideview .basic-layout .frame-main .form .rowed .value a.img {
    padding: 30px 10px 10px 10px;
    margin: 0;
  }
}
.app .content-body .basic-layout .frame-main .form .rowed .value input[type=checkbox], .sideview .basic-layout .frame-main .form .rowed .value input[type=checkbox] {
  margin: 35px 15px 15px 15px;
  width: auto;
}
.app .content-body .basic-layout .frame-main .form .rowed .value select, .sideview .basic-layout .frame-main .form .rowed .value select {
  margin: 30px 5px 5px 5px;
  border-right: 15px solid transparent;
  padding: 0;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .frame-main .form .rowed .value select, .sideview .basic-layout .frame-main .form .rowed .value select {
    padding: 30px 5px 5px 5px;
    margin: 0;
  }
}
.app .content-body .basic-layout .frame-main .form .rowed .value textarea, .sideview .basic-layout .frame-main .form .rowed .value textarea {
  min-height: 150px;
}
.app .content-body .basic-layout .frame-main .form .rowed .value textarea[data-name=html], .sideview .basic-layout .frame-main .form .rowed .value textarea[data-name=html] {
  flex: 1;
  height: 100%;
}
.app .content-body .basic-layout .frame-main .form .rowed .value:hover a.remove, .sideview .basic-layout .frame-main .form .rowed .value:hover a.remove {
  opacity: 1;
}
.app .content-body .basic-layout .frame-main .form .rowed .value:hover a.edit, .sideview .basic-layout .frame-main .form .rowed .value:hover a.edit {
  opacity: 1;
}
.app .content-body .basic-layout .frame-main .form .rowed .value:hover a.trim, .sideview .basic-layout .frame-main .form .rowed .value:hover a.trim {
  opacity: 1;
}
.app .content-body .basic-layout .frame-info .field, .sideview .basic-layout .frame-info .field {
  width: 100%;
}
.app .content-body .basic-layout .frame-info .field .styled-select, .sideview .basic-layout .frame-info .field .styled-select {
  width: 100%;
}
.app .content-body .basic-layout .frame-info .list .items, .sideview .basic-layout .frame-info .list .items {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
.app .content-body .basic-layout .frame-info .list .items .item, .sideview .basic-layout .frame-info .list .items .item {
  display: flex;
}
.app .content-body .basic-layout .frame-info .list .items .item > div, .sideview .basic-layout .frame-info .list .items .item > div {
  margin-right: 10px;
}
.app .content-body .basic-layout .form, .sideview .basic-layout .form {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  width: 100%;
  transition: all 500ms ease;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app .content-body .basic-layout .form .h3, .sideview .basic-layout .form .h3 {
  width: 100%;
  margin-bottom: 15px;
}
.app .content-body .basic-layout .form .button, .sideview .basic-layout .form .button {
  align-self: center;
}
.app .content-body .basic-layout .form .field, .sideview .basic-layout .form .field {
  margin-bottom: 15px;
  min-width: 100%;
}
@media (min-width: 1024px) {
  .app .content-body .basic-layout .form .field, .sideview .basic-layout .form .field {
    min-width: calc(50% - 7.5px);
  }
}
.app .content-body .basic-layout .form .field.data-type-color .value:after, .sideview .basic-layout .form .field.data-type-color .value:after {
  content: "";
  position: absolute;
  z-index: 3;
  background-color: currentColor;
  width: 40px;
  height: calc(100% - 15px);
  right: 7.5px;
  top: 7.5px;
  cursor: pointer;
}

.tab-headers {
  display: flex;
  overflow: auto;
  background-color: #171717;
  width: 100%;
}
.tab-headers [tab-for] {
  min-height: 45px;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 300ms ease;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  flex: 1;
  text-align: center;
  padding: 15px;
  line-height: normal;
  position: relative;
}
.tab-headers [tab-for].disabled {
  pointer-events: none;
  color: #333;
}
.tab-headers [tab-for] .sub-title {
  font-weight: 400;
  text-align: center;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: 12px;
  font-size: 80%;
  transition: all 300ms ease;
  color: #888;
  opacity: 0;
}
.tab-headers [tab-for].show-sub-title {
  padding: 15px;
}
.tab-headers [tab-for].show-sub-title .sub-title {
  opacity: 1;
}
.tab-headers [tab-for]:last-child {
  border-right: 0;
}
.tab-headers [tab-for]:last-child:first-child {
  display: none;
}
.tab-headers [tab-for].active {
  background-color: #1f1f1f;
}
.tab-headers [tab-for]:hover {
  background-color: #1a1a1a !important;
}
.tab-headers.vert {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
  background-color: inherit;
  border: 0;
}
.tab-headers.vert [tab-for] {
  border-right: 0;
  font-weight: 400;
  font-size: 11px;
  background-color: inherit;
  text-transform: none;
  letter-spacing: -0.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  box-shadow: inset 1px 0px 0px 0px #000;
}
.tab-headers.vert [tab-for] i {
  margin-bottom: 7.5px;
  font-size: 20px;
}
.tab-headers.vert [tab-for]:hover {
  background-color: rgba(31, 31, 31, 0.6) !important;
}
.tab-headers.vert [tab-for].active {
  background-color: #1f1f1f !important;
  box-shadow: 0px 0px 0px 1px #000 !important;
  z-index: 5;
}
.tab-headers.vert [tab-for].active:hover {
  background-color: #1f1f1f !important;
}
.field.invalid input, .field.invalid select {
  border-color: #ff2121;
}

div.no-items {
  display: flex;
}

.no-items {
  font-style: italic;
  color: #999;
  padding: 20px 0;
  width: 100%;
}
.no-items h2 {
  margin: 0;
}
.no-items .item-col {
  padding: 20px 0;
  width: 100%;
}
.no-items.hide {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.show-has-mms {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.has-mms .show-has-mms {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}

.text-select {
  color: #4171b3;
  font-weight: 600;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: default;
  border: 1px solid transparent;
  height: 20px;
  overflow: hidden;
  transition: all 100ms ease;
  flex-direction: column;
}
.text-select .items {
  display: flex;
  flex-direction: column;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: all 200ms ease;
}
.text-select .items label {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}
.text-select:hover {
  height: auto;
}
.text-select:hover .items {
  background-color: #151515;
  box-shadow: 3px 5px 0px 15px #151515;
  pointer-events: all;
  opacity: 1;
}
.text-select .value-display {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.text-select .value-display:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  margin: 0 1px 0 3px;
  content: "\f0d7";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.no-items h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
}

.progress {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: rgba(12, 12, 12, 0.1882352941);
  box-shadow: 0px 0px 0px 0.5px rgba(0, 0, 0, 0.2784313725);
  min-width: 40px;
  height: 100%;
}
.progress .progress-meter {
  width: 0%;
  position: absolute;
  transition: all 100ms linear;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(5deg, #0752a5 0%, #005cc2 100%);
}

.do-more {
  position: relative;
  cursor: pointer;
  transition: all 300ms ease;
  position: relative;
}
.do-more:hover {
  background-color: rgba(0, 0, 0, 0.1333333333) !important;
}
.do-more:active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.do-more:after {
  content: "";
  top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: absolute;
  content: "\f054";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  flex: 1;
  right: 10px;
  opacity: 0;
}

.actions-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 7.5px;
  padding-bottom: 7.5px;
  width: 100%;
}
.actions-summary .summary-item {
  display: flex;
  flex-direction: column;
}

.field-set-group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .field-set-group {
    flex-wrap: nowrap;
  }
  .field-set-group .field-set {
    margin-right: 15px;
  }
  .field-set-group .field-set:last-child {
    margin-right: 0;
  }
}

.field-set {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
  min-width: 50%;
}
@media (min-width: 1024px) {
  .field-set {
    min-width: auto;
  }
}
.header .field-set {
  margin-bottom: 0px;
}
.field-set .field-label {
  width: 100%;
  min-width: 70px;
  font-weight: 800;
  font-size: 12px;
  flex: 1;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 85%;
  margin-bottom: 5px;
  font-weight: 400;
  opacity: 0.7;
}
.field-set.column {
  flex-direction: row;
}
.field-set.column .field-label {
  margin-bottom: 0;
  margin-right: 5px;
  min-width: 160px;
}
.field-set .field-value {
  width: 100%;
  display: flex;
  position: relative;
  height: 100%;
}
.field-set .field-value.media-list {
  overflow: auto;
  padding: 0 15px;
}
.field-set .field-value.media-list.wrap {
  flex-wrap: wrap;
  align-items: flex-start;
  max-height: 100%;
  height: auto;
}
.field-set .field-value.media-list.wrap .media-item {
  width: calc(50% - 4px);
  margin-top: 5px;
  margin-right: 5px;
  background-color: transparent;
}
.field-set .field-value.media-list.wrap .media-item:nth-child(even) {
  margin-right: 0;
}
.field-set .field-value.media-list.wrap .media-item.no-image {
  width: 100%;
  padding: 10px;
  min-width: 100%;
}
.field-set .field-value.media-list.wrap .media-item.no-image.selected {
  border-color: #289328;
  background-color: rgba(40, 147, 40, 0.1333333333);
  color: #fff;
}
.field-set .field-value.media-list .media-item {
  display: flex;
  min-width: 80px;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 12px;
  flex-direction: column;
  cursor: pointer;
  border: 2px solid transparent;
}
.field-set .field-value.media-list .media-item:hover {
  border-color: rgba(255, 255, 0, 0.6);
}
.field-set .field-value.media-list .media-item.selected {
  border-color: #762fb0;
  opacity: 1;
}
.field-set .field-value.media-list .media-item .thumbnail {
  object-fit: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.field-set .field-value.media-list .media-item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 60px;
  object-position: top;
}
.field-set .field-value .active-text {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.0784313725);
  padding: 0;
  color: #ccc;
  display: flex;
  align-items: center;
  line-height: normal;
  flex-wrap: wrap;
}
.field-set .field-value .active-text .current-values {
  display: flex;
  flex-wrap: wrap;
}
.field-set .field-value .active-text .current-values .current-value {
  margin-right: 10px;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 3px;
  margin: 5px;
  line-height: normal;
  background-color: #007fdc;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.field-set .field-value .active-text .current-values .current-value i {
  margin-left: 5px;
}
.field-set .field-value .active-text input[type=text], .field-set .field-value .active-text input[type=phone], .field-set .field-value .active-text input[type=email], .field-set .field-value .active-text input[type=number] {
  padding: 5px 5px;
  min-width: 150px;
  width: auto;
  flex: 1;
  background-color: transparent;
}
.field-set .field-value textarea {
  width: 100%;
}
.field-set .field-value .counter {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px;
  border-radius: 5px;
  opacity: 0.5;
  font-size: 12px;
}
.field-set .field-value .counter.warn-low {
  background-color: #8b7900;
}
.field-set .field-value .counter.warn-high {
  background-color: #952808;
}
.field-set .field-value select {
  border: 0;
  border-radius: 0px;
  padding: 4px 10px;
  font-family: inherit;
  font-weight: inherit;
  width: 100%;
}
.field-set .field-value .block-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.field-set .field-value .block-list .block-item {
  width: 50%;
  max-width: 50%;
  padding: 25px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #191919;
  flex-direction: column;
}
.field-set .field-value .block-list .block-item .button {
  background-color: rgba(255, 255, 255, 0.1490196078);
  border: 1px solid transparent;
}
.field-set .field-value .block-list .block-item.redemption {
  background-color: #5e35af;
}
.field-set .field-value .block-list .block-item.stamp {
  background-color: #c74325;
}
.field-set .field-value .block-list .block-item.discount {
  background-color: #3b841a;
}
.field-set .field-value .block-list .block-item:nth-child(odd) {
  border-right: 1px solid #191919;
}
.field-set .field-value .block-list .block-item .block-title {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #fff;
}
.field-set .field-value.action-set {
  display: flex;
  align-items: center;
  justify-content: center;
}
.field-set .field-value.action-set input {
  width: 100%;
}
.field-set .field-value.action-set a {
  margin-left: 10px;
}
.field-set .field-value.options {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.field-set .field-value.options .radio, .field-set .field-value.options .checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
  width: 100%;
  margin-right: 15px;
  transition: all 200ms ease;
}
.field-set .field-value.options .radio:before, .field-set .field-value.options .checkbox:before {
  content: "";
  border: 1px solid transparent;
  background-color: #999;
  width: 10px;
  height: 10px;
  position: relative;
  margin-right: 7.5px;
  border-radius: 100%;
  transition: all 200ms ease;
}
.field-set .field-value.options .radio input, .field-set .field-value.options .checkbox input {
  display: none;
}
.field-set .field-value.options .radio:last-child, .field-set .field-value.options .checkbox:last-child {
  border-right: 0;
}
.field-set .field-value.options .radio.active, .field-set .field-value.options .checkbox.active {
  background-color: transparent !important;
  color: #fff;
}
.field-set .field-value.options .radio.active:before, .field-set .field-value.options .checkbox.active:before {
  background-color: #0096ff;
}
.field-set .field-value.options .checkbox:before {
  border-radius: 3px;
  content: "";
  padding: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-status {
  position: fixed;
  z-index: 99;
  bottom: 20px;
  right: 20px;
  padding: 7.5px 25px;
  font-size: 12px;
  color: #222;
  background-color: #f4e13e;
  z-index: -1;
  opacity: 1;
  pointer-events: none;
  transition: all 1500ms ease;
  opacity: 0;
}
.popup-status.show {
  opacity: 1;
  z-index: 50;
}

.app .content-body .frame .category-list {
  margin-bottom: 15px;
  padding-bottom: 15px;
  background-color: #191919;
  padding: 15px;
  position: relative;
}
.app .content-body .frame .category-list .list-actions {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
}
.app .content-body .frame .category-list .list-actions .list-action {
  padding: 3px 6px;
  cursor: pointer;
  opacity: 1;
  transition: all 300ms ease;
}
.app .content-body .frame .category-list .list-actions .list-action select {
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: inherit;
  border: 0;
  padding: 2.5px 5px;
}
.app .content-body .frame .category-list .list-actions .list-action:hover {
  opacity: 0.8;
}
.app .content-body .frame .category-list:hover .list-actions {
  opacity: 1;
  pointer-events: all;
  z-index: 5;
}
.app .content-body .frame .category-list .title {
  margin: 0;
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  position: relative;
}
.app .content-body .frame .category-list .title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #2e4d16;
  height: 3px;
  width: 200px;
}
.app .content-body .frame .category-list .title input {
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.app .content-body .frame .category-list .categories {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.app .content-body .frame .category-list .categories .category-item {
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 1;
  padding-top: 18%;
  background-color: #222;
  background-size: cover;
}
.app .content-body .frame .category-list .categories .category-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.5;
}
.app .content-body .frame .category-list .categories .category-item .actions {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.app .content-body .frame .category-list .categories .category-item .actions .action {
  padding: 3px 6px;
  cursor: pointer;
  opacity: 1;
  transition: all 300ms ease;
}
.app .content-body .frame .category-list .categories .category-item .actions .action.cat-dragger {
  position: absolute;
  right: 0;
}
.app .content-body .frame .category-list .categories .category-item .actions .action:hover {
  opacity: 0.8;
}
.app .content-body .frame .category-list .categories .category-item:hover .actions {
  opacity: 1;
  pointer-events: all;
  z-index: 5;
}
.app .content-body .frame .category-list .categories .category-item:last-child {
  margin-right: 0;
}
.app .content-body .frame .category-list .categories .category-item .value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.app .content-body .frame .category-list .categories .category-item .value input {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.data-driven-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.data-driven-section .tab-info .list .items {
  width: 100%;
}
.data-driven-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.data-driven-section table, .data-driven-section tbody {
  width: 100%;
  display: block;
}
.data-driven-section tr {
  width: 100%;
}
.data-driven-section tr td:first-child, .data-driven-section tr th:first-child {
  padding-left: 20px !important;
}
.data-driven-section tr td:last-child, .data-driven-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.data-driven-section .list {
  display: flex;
  flex-wrap: wrap;
}
.data-driven-section .list .items {
  display: block;
  width: 100%;
}
.data-driven-section .list .items .item {
  width: 100%;
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.data-driven-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.data-driven-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.data-driven-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.data-driven-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.data-driven-section .list .items .item .meta {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.frame-closer {
  display: none;
}
.modal .frame-closer, .frame-overlay .frame-closer {
  display: flex;
}

.modal .app .content-body .frame.data-driven-form {
  width: 100%;
  height: 100%;
}
.app .content-body .frame.data-driven-form .properties-panel {
  width: 300px;
  padding: 15px;
  overflow: auto;
  height: 100%;
}
.app .content-body .frame.data-driven-form .form .elements {
  width: 100%;
}
.app .content-body .frame.data-driven-form .table {
  display: flex;
  flex-direction: column;
}
.app .content-body .frame.data-driven-form .preview-section {
  min-width: 50%;
  max-width: 50%;
  height: 100%;
  background-color: #242424;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.app .content-body .frame.data-driven-form .preview-section iframe {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
.lite .app .content-body .frame.data-driven-form .drilldown-container, .lite .app .content-body .frame.data-driven-form .frame-actions {
  display: none;
}
.app .content-body .frame.data-driven-form h3 {
  margin: 0 0 10px 0;
}
.app .content-body .frame.data-driven-form textarea {
  font-size: inherit;
}
.app .content-body .frame.data-driven-form .setting {
  flex: 1;
}
.app .content-body .frame.data-driven-form .setting input, .app .content-body .frame.data-driven-form .setting select {
  width: 100%;
  min-width: 50px;
}
.app .content-body .frame.data-driven-form .actions-summary {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0 5px 10px;
}
@media (min-width: 1024px) {
  .app .content-body .frame.data-driven-form .actions-summary {
    padding: 10px 0 0px 10px;
  }
}
.app .content-body .frame.data-driven-form .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.app .content-body .frame.data-driven-form .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.app .content-body .frame.data-driven-form .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .app .content-body .frame.data-driven-form .actions-row .actions-container {
    margin-top: 15px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .app .content-body .frame.data-driven-form .actions-row {
    padding: 0 20px 20px 20px;
  }
}
.app .content-body .frame.data-driven-form .is-new .hide-new {
  display: none !important;
}
.app .content-body .frame.data-driven-form .show-new {
  display: none;
}
.app .content-body .frame.data-driven-form.new-item .show-new {
  display: flex;
  flex-wrap: wrap;
}
.app .content-body .frame.data-driven-form .show-readonly {
  display: none;
}
.app .content-body .frame.data-driven-form.readonly .show-readonly {
  display: flex;
  flex-wrap: wrap;
}
.app .content-body .frame.data-driven-form.readonly .hide-readonly {
  display: none;
}
.app .content-body .frame.data-driven-form .show-existing {
  display: none;
}
.app .content-body .frame.data-driven-form.existing-item .show-existing {
  display: flex;
  flex-wrap: wrap;
}
.app .content-body .frame.data-driven-form .show-saving {
  display: none;
}
.app .content-body .frame.data-driven-form.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.app .content-body .frame.data-driven-form .show-status-incomplete {
  display: none;
}
.app .content-body .frame.data-driven-form.status-incomplete .show-status-incomplete {
  display: flex;
  flex-wrap: wrap;
}
.app .content-body .frame.data-driven-form .active-updates {
  pointer-events: none;
  opacity: 0.5;
  transition: all 300ms ease;
}
.app .content-body .frame.data-driven-form.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
}
.app .content-body .frame.data-driven-form .frame-main .frame-body .list {
  flex-wrap: nowrap;
  flex-direction: row;
}

.ui-datepicker {
  z-index: 9999 !important;
}

.is-chrome .is-not-chrome {
  display: none !important;
}

@media (max-width: 1023px) {
  .app {
    padding-bottom: 80px;
  }
  .lite .app {
    padding-bottom: 0;
  }
  .app .new-messages {
    display: none;
  }
  .menu-mobile {
    color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 10;
    background-color: #2d5111;
    width: 100%;
    display: flex;
    height: 80px;
    transition: all 300ms ease-out;
  }
  .lite .menu-mobile {
    display: none;
  }
  .show-navigation .menu-mobile {
    transform: translateY(80px);
  }
  .menu-mobile ul {
    display: flex;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .menu-mobile ul li {
    display: flex;
    margin: 0;
    padding: 0;
    flex: 1;
    border-right: 1px solid #25480d;
  }
  .menu-mobile ul li:last-child {
    border-right: 0;
  }
  .menu-mobile ul li a {
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    transition: all 300ms ease;
    flex-direction: column;
    line-height: normal;
  }
  .menu-mobile ul li a span {
    font-size: 8px;
    font-weight: 500;
    margin-top: 8px;
    color: #aaa;
    text-transform: uppercase;
  }
  .menu-mobile ul li a.active {
    box-shadow: inset 0px 4px 0 0px #63b622;
    background-color: rgba(99, 182, 34, 0.1333333333);
  }
  .menu-mobile ul li a.active i {
    color: #deff00;
  }
  .menu-mobile ul li a.active span {
    color: #deff00;
  }
  .navigation-trigger {
    position: absolute;
    padding: 30px 20px;
    z-index: 12;
    top: auto;
    right: 0;
    color: #fff;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
  }
  .show-navigation .navigation-trigger {
    opacity: 1;
    pointer-events: all;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) {
  .navigation-trigger {
    justify-content: flex-end;
  }
}
@media (max-width: 1023px) {
  .navigation-trigger .hamburger {
    width: 25px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .navigation-trigger.closer-only {
    opacity: 0;
    position: fixed;
    max-height: 50px;
    top: 25px;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) {
  .navigation-trigger.closer-only {
    max-height: 90px;
  }
}
@media (max-width: 1023px) {
  .show-navigation .navigation-trigger.closer-only {
    opacity: 1;
  }
  .navigation-trigger .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 0px;
  }
  .hamburger span:nth-child(2), .hamburger span:nth-child(3) {
    top: 8px;
  }
  .hamburger span:nth-child(4) {
    top: 16px;
    width: 75%;
  }
  .hamburger span:nth-child(3) {
    width: 55%;
  }
  .hamburger span:nth-child(2) {
    width: 100%;
    opacity: 0;
  }
  .show-navigation .hamburger span:nth-child(2), .show-navigation .hamburger span:nth-child(3), .show-navigation .hamburger span:nth-child(4) {
    opacity: 1;
    width: 100%;
    left: 0;
  }
  .show-navigation .hamburger span:nth-child(1) {
    top: 50%;
    width: 0%;
    left: 50%;
  }
  .show-navigation .hamburger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .show-navigation .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .show-navigation .hamburger span:nth-child(4) {
    top: 50%;
    width: 0%;
    left: 50%;
  }
}
@media (min-width: 1024px) {
  .menu-mobile {
    display: none;
  }
  .navigation-trigger {
    display: none;
  }
}
.menu {
  display: flex;
  font-weight: 400;
  color: #a8a8a8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  height: 100%;
  transform: translateX(-295px);
  transition: all 300ms ease-out;
}
.menu .fa-duotone {
  --fa-secondary-color: #b4b4b4;
  --fa-secondary-opacity: .4;
}
.lite .menu {
  display: none;
}
.menu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 265px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4666666667);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease-out;
}
.menu .progress-wrap {
  padding: 4px 4px;
  display: none;
}
.menu .progress-wrap.running {
  display: flex;
}
.show-navigation .menu, .fixed-menu .menu {
  transform: translateX(0);
}
@media (min-width: 1024px) {
  .menu {
    transform: translateX(0);
  }
}
.menu .my-orgs-list {
  min-width: 65px;
  max-width: 65px;
  width: 65px;
  background-color: #1b1b1b;
  padding-top: 1px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 1px;
}
.menu .my-orgs-list .progress-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  height: 15px;
  width: 100%;
  z-index: 4;
}
.menu .my-orgs-list .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex: 3;
  width: 100%;
  overflow-y: auto;
}
.menu .my-orgs-list .list .item {
  width: 100%;
  background-color: #272727;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 75%;
  color: #bbb;
  margin-bottom: 1px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.menu .my-orgs-list .list .item .counter {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  background-color: #fe4f30;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 300ms ease;
}
.menu .my-orgs-list .list .item.has-support-requests .counter {
  opacity: 1;
}
.menu .my-orgs-list .list .item.running .progress-wrap {
  display: flex;
}
.menu .my-orgs-list .list .item.portal-org, .menu .my-orgs-list .list .item.active.portal-org {
  background: repeating-linear-gradient(135deg, rgba(54, 89, 143, 0.2), rgba(54, 89, 143, 0.2) 2.5px, rgba(54, 89, 143, 0.3333333333) 2.5px, rgba(54, 89, 143, 0.3333333333) 5px);
  color: #fff;
}
.menu .my-orgs-list .list .item.portal-org.active, .menu .my-orgs-list .list .item.active.portal-org.active {
  background: transparent;
}
.menu .my-orgs-list .list .item .lbl {
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  width: 10px;
  pointer-events: none;
}
.menu .my-orgs-list .list .item .name {
  text-overflow: ellipsis;
  padding: 5px;
  max-width: 60px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
.menu .my-orgs-list .list .item.end {
  order: 100;
}
.menu .my-orgs-list .list .item.active {
  color: #fff;
  background-color: #2e4d16 !important;
}
.menu .my-orgs-list .list .item.active .counter {
  opacity: 0;
}
.menu .my-orgs-list .list .item.add {
  background-color: #233a8b;
  color: #ccc;
  font-size: 16px;
  border: 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  margin: 7px;
  width: calc(100% - 14px);
}
.menu .my-orgs-list .list .item.add .name {
  min-height: 48px;
}
.menu .my-orgs-list .logo img {
  width: 100%;
  padding: 20px 20px 10px 20px;
}
.menu .navigation {
  min-width: 200px;
  max-width: 200px;
  width: 200px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  background-color: #2a2a2a;
  border-right: 1px solid #151515;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.menu .navigation .my-dropdown {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.menu .navigation .my-dropdown .dropdown-item {
  width: 100%;
  padding: 5px 10px;
}
.menu .navigation.show-my-dropdown .my-dropdown {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  color: #000;
  top: 55px;
  width: 300px;
  position: absolute;
  padding: 10px;
  z-index: 10;
  background-color: white;
  border-radius: 5px;
}
.menu .navigation:hover .title a, .menu .navigation:active .title a {
  transform: scale(1);
  background-color: transparent;
  opacity: 0.3;
}
.menu .navigation a {
  text-decoration: none;
  color: inherit;
}
.menu .navigation .section {
  margin-bottom: 10px;
}
.menu .navigation .title {
  font-weight: 600;
  padding: 10px 10px 3px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
  color: #7e9b68;
}
.menu .navigation .title a {
  font-size: 65%;
  border-radius: 10px;
  height: 15px;
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.4);
  border: 1px solid #8c8989;
  background-color: #8c8989;
  transition: all 200ms ease;
  opacity: 0.1;
}
.menu .navigation .title a:hover {
  transform: scale(1.4);
  border-color: #0095ff;
  color: #fff;
  background-color: #0095ff;
  opacity: 1;
  transition: all 300ms ease;
}
.menu .navigation .nav-header {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  color: #fff;
  position: sticky;
  top: 0px;
  background-color: inherit;
  z-index: 6;
}
.menu .navigation .nav-header .nav-header-meta {
  flex: 2;
  width: calc(100% - 50px);
  color: #ccc;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 5px 10px;
  position: relative;
  z-index: 11;
}
.menu .navigation .nav-header .nav-header-meta .system-status {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
  align-items: center;
  justify-content: center;
}
.menu .navigation .nav-header .nav-header-meta .system-status:before {
  content: "";
  padding-right: 5px;
  font-weight: 300;
  font-size: 10px;
  text-transform: lowercase;
}
.menu .navigation .nav-header .nav-header-meta .system-status:after {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #0195ff;
  border-radius: 10px;
  position: relative;
}
.menu .navigation .nav-header .nav-header-meta .nav-organization {
  font-weight: 800;
  font-size: 120%;
  padding-bottom: 0px;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 15px);
}
.menu .navigation .nav-header .nav-header-meta .nav-me {
  color: #999;
  cursor: pointer;
}
.menu .navigation .nav-header .support-icon {
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.0666666667);
  border-left: 1px solid rgba(0, 0, 0, 0.0666666667);
  border-bottom: 1px solid rgba(0, 0, 0, 0.0666666667);
  font-size: 150%;
  line-height: normal;
  position: relative;
}
.menu .navigation .nav-header .support-icon .counter {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  background-color: #fe4f30;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 300ms ease;
}
.has-active-support-requests .menu .navigation .nav-header .support-icon .counter {
  opacity: 1;
}
.menu .navigation .nav-header .nav-balance {
  min-width: 50px;
  font-weight: 600;
  color: #888888;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu .navigation .nav-header .nav-balance a:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  margin-left: 5px;
  content: "\f054";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.menu .navigation .nav-header .nav-balance a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 15px 15px 15px;
  transition: all 200ms ease;
}
.menu .navigation .nav-header .nav-balance a.active {
  box-shadow: inset 0px -1px 0px 0px #0195ff;
}
.menu .navigation .nav-header .nav-balance i {
  padding-right: 3px;
  font-size: 90%;
}
.menu .navigation .nav-header .nav-me {
  width: 100%;
  padding-top: 0;
  font-size: 90%;
  padding-bottom: 0px;
}
.menu .navigation .nav-header .nav-search-wrapper {
  padding: 10px 10px 0px 10px;
  width: 100%;
  position: relative;
}
.menu .navigation .nav-header .nav-search {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.menu .navigation .nav-header .nav-search.edited input {
  padding: 10px 30px 10px 35px;
}
.menu .navigation .nav-header .nav-search.edited:after {
  opacity: 1;
  pointer-events: all;
}
.menu .navigation .nav-header .nav-search input {
  width: 100%;
  padding: 10px 10px 10px 35px;
  z-index: 2;
  position: relative;
  background-color: rgba(156, 156, 156, 0.0784313725);
  box-shadow: 0px 0px 0px 1px #202020;
}
.menu .navigation .nav-header .nav-search input::placeholder {
  color: #777;
  font-size: 12px;
  font-style: italic;
}
.menu .navigation .nav-header .nav-search:before {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  content: "\f002";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  left: 12px;
  top: 0;
  color: #717171;
  pointer-events: none;
  z-index: 3;
}
.menu .navigation .nav-header .nav-search:after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  content: "\f00d";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  right: 7px;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.menu .navigation .nav-header .nav-search-results {
  max-height: 500px;
  overflow-y: auto;
  width: 100%;
  position: relative;
  left: 0;
  z-index: 10;
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.menu .navigation .nav-header .nav-search-results.show {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.menu .navigation .nav-content {
  width: 100%;
  position: relative;
  z-index: 5;
  padding-bottom: 20px;
  font-weight: 500;
  padding-top: 10px;
}
.menu .navigation .nav-balance {
  font-size: 150%;
  font-weight: 800;
  color: #0095ff;
  color: #8c8989;
  line-height: normal;
}
.menu .navigation .section.expand .nav-item {
  display: flex;
}
.menu .navigation .section .nav-item {
  margin: 0 10px;
  display: none;
  transition: background 300ms ease, border 200ms ease 0ms;
  padding: 7px 5px 7px 10px;
}
.menu .navigation .section .nav-item .fa-duotone {
  transition: all 300ms ease;
}
.menu .navigation .section .nav-item .item-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.menu .navigation .section .nav-item .total-items {
  font-size: 11px;
  color: #bbbbbb;
  line-height: normal;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 3px;
  transition: all 300ms ease;
  background-color: rgba(12, 12, 12, 0.1882352941);
  padding: 0px 5px;
  box-shadow: inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.2784313725);
  display: flex;
  position: relative;
  overflow: hidden;
}
.menu .navigation .section .nav-item .total-items.blink {
  color: #fff;
}
.menu .navigation .section .nav-item .total-items.active {
  background-color: #af2800;
  color: #f1f1f1;
  padding: 3px 7px;
}
.menu .navigation .section .nav-item .beta-lbl {
  font-size: 8px;
  background-color: #99a369;
  padding: 2px 5px;
  line-height: normal;
  color: rgba(0, 0, 0, 0.8) !important;
  height: 15px;
  border-radius: 0px;
  align-self: center;
  transform: rotate(-13deg);
}
.menu .navigation .section .nav-item.active {
  transition: background 300ms ease, border 200ms ease 100ms;
  color: #ccc;
  background-color: #1f1f1f;
}
.menu .navigation .section .nav-item.active .fa-duotone {
  --fa-secondary-color: #73e816;
}
.menu .navigation .section .nav-item.active .total-items {
  color: inherit;
}
.menu .navigation .section .nav-item.active .icon.dot.active:after {
  color: #0095ff;
}
.menu .navigation .section .nav-item.enabled.active .icon {
  color: #c7c7c7;
}
.menu .navigation .section .nav-item.enabled .icon {
  color: #0095ff !important;
}
.menu .navigation .section .nav-item.enabled .icon.dot.active:after {
  background-color: #0095ff;
}
.menu .navigation .section .nav-item .icon {
  min-width: 25px;
  max-width: 25px;
  width: 25px;
  position: relative;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-size: 125%;
}
.menu .navigation .section .nav-item .icon.dot:after {
  content: "";
  position: relative;
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 10px;
}
.help {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 5px;
  background-color: rgba(118, 47, 176, 0.4196078431);
  z-index: 14;
  transition: all 250ms ease;
  color: #fff;
  font-size: 12px;
}
.sideview-active .help {
  transform: translateY(-50%) translateX(-500px);
}

.sideview {
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  background-color: #252525;
  z-index: 99;
  padding: 0px;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease;
  opacity: 1;
  pointer-events: none;
  flex-direction: column;
  border-left: 1px solid #101010;
  transform: translateX(100%);
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
}
@media (min-width: 1024px) {
  .sideview {
    width: 70%;
    height: 100%;
    min-width: 500px;
  }
}
.sideview-active .sideview {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0%);
  box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.6);
}
.sideview .sideview-container {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 2;
}
.sideview .sideview-container .sideview-content {
  overflow-y: auto;
  color: #ddd;
  position: relative;
  width: 100%;
}
.sideview .sideview-container .sideview-content .frame-container {
  height: 100%;
}
.sideview .sideview-container .sideview-content .frame-container .frame {
  height: 100%;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-body {
  padding: 15px;
  height: 100%;
  overflow: auto;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-actions {
  padding: 15px;
  display: flex;
  flex-direction: column;
  background-color: #171717;
  position: relative;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-actions.bottom-panel {
  padding: 0;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-actions.bottom-panel .button {
  border-radius: 0;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-actions .row {
  display: flex;
  width: 100%;
}
.sideview .sideview-container .sideview-content .frame-container .frame .frame-main .frame-actions .button {
  flex: 1;
}
.sideview .sideview-container .sideview-content .drilldown-container {
  padding: 0;
}
.sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper {
  height: 50px;
}
@media (min-width: 1024px) {
  .sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper {
    height: 68px;
  }
}
.sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper .drilldown-item {
  padding: 5px 10px;
}
.sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper .stat-drilldown {
  border-radius: 0;
  height: 100%;
}
@media (min-width: 1024px) {
  .sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper .stat-drilldown {
    padding: 5px 25px;
  }
}
.sideview .sideview-container .sideview-content .drilldown-container .drilldown-wrapper .stat-drilldown .drilldown-label {
  color: #fff;
  align-items: center;
  display: flex;
  gap: 7px;
}
.sideview .sideview-container .sideview-content .form {
  padding: 15px 15px 30px 15px;
}
.sideview .sideview-container .sideview-closer {
  padding: 15px 15px;
  top: 0;
  right: 0;
  z-index: 3;
  position: absolute;
}
@media (min-width: 1024px) {
  .sideview .sideview-container .sideview-closer {
    padding: 0;
    top: 12.5px;
    right: auto;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    line-height: 0;
    cursor: pointer;
    transition: all 200ms ease;
    background-color: #25388b;
    box-shadow: 0px 0px 0px 1px #0d153a;
  }
  .sideview .sideview-container .sideview-closer:hover {
    box-shadow: 0px 0px 0px 1px #2b2b2b;
    background-color: #1a1a1a;
  }
  .sideview-active .sideview .sideview-container .sideview-closer {
    left: -25px;
  }
}
.sideview .sideview-container .sideview-closer:after {
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  content: "\f00d";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: relative;
  cursor: pointer;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(39, 90, 135, 0.7098039216);
  height: 100%;
  width: 100%;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 300ms ease;
  opacity: 0;
  pointer-events: none;
  flex-direction: column;
}
.modal .row {
  margin-bottom: 15px;
}
.modal .row:last-child {
  margin-bottom: 0;
}
.modal .row.actions {
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
}
.modal-active .modal {
  opacity: 1;
  pointer-events: all;
}
.modal.full .modal-container .modal-content {
  width: 100vw;
  height: 100vh;
  min-width: 100vw;
  min-height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
}
.modal .modal-container {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .modal .modal-container {
    max-width: 75%;
  }
}
.modal .modal-container .modal-content {
  background-color: #232323;
  color: #ddd;
  position: relative;
  border: 1px solid #1e3951;
  min-width: 100vw;
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
}
@media (min-width: 1024px) {
  .modal .modal-container .modal-content {
    min-width: 600px;
    max-height: 85vh;
  }
}
.modal .modal-container .modal-content .frame-container.fitit {
  height: auto;
}
.modal .modal-container .modal-content .frame-container .frame {
  height: 100%;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-body {
  padding: 15px;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-actions {
  padding: 15px;
  display: flex;
  flex-direction: column;
  background-color: #171717;
  position: relative;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-actions.bottom-panel {
  padding: 0;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-actions.bottom-panel .button {
  border-radius: 0;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-actions .row {
  display: flex;
  width: 100%;
}
.modal .modal-container .modal-content .frame-container .frame .frame-main .frame-actions .button {
  flex: 1;
}
.modal .modal-container .modal-content .drilldown-container {
  padding: 0;
}
.modal .modal-container .modal-content .drilldown-container .drilldown-wrapper {
  height: 50px;
}
.modal .modal-container .modal-content .drilldown-container .drilldown-wrapper .drilldown-item {
  padding: 5px 10px;
}
.modal .modal-container .modal-content .drilldown-container .drilldown-wrapper .stat-drilldown {
  border-radius: 0;
  height: 100%;
}
.modal .modal-container .modal-content .drilldown-container .drilldown-wrapper .stat-drilldown .drilldown-label {
  color: #fff;
}
.modal .modal-container .modal-content .form {
  padding: 15px 15px 30px 15px;
}
.modal .modal-container .modal-closer {
  padding: 15px 15px;
  align-items: flex-end;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 0;
}
.modal .modal-container .modal-closer:after {
  color: #fff;
  margin-bottom: 5px;
  font-size: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  content: "\f00d";
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: relative;
  cursor: pointer;
}

@keyframes invalid-form {
  0% {
    transform: translateX(-5%);
  }
  25% {
    transform: translateX(5%);
  }
  50% {
    transform: translateX(-5%);
  }
  75% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
.invalid-form {
  animation: invalid-form 400ms;
}

.throttle-panel {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #000;
  color: #fff;
  min-height: 20px;
  z-index: 25;
}
@media (min-width: 1024px) {
  .master-mode .throttle-panel {
    display: flex;
  }
}
.throttle-panel .details {
  overflow: auto;
  padding: 10px;
  font-size: 11px;
  max-height: 300px;
}
.throttle-panel .details > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.throttle-panel .details > div span:last-child {
  margin-left: 10px;
}

.calendar-control a {
  color: inherit;
}
.calendar-control .calendar-title {
  font-weight: 600;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.calendar-control .calendar-title .calendar-controls {
  display: flex;
}
.calendar-control .calendar-title .calendar-controls .calendar-minus, .calendar-control .calendar-title .calendar-controls .calendar-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.calendar-control .calendar-month {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}
.calendar-control .calendar-day {
  min-width: calc(14.28% - 4px);
  flex: 1;
  max-width: calc(14.28% - 4px);
  position: relative;
  display: flex;
  margin: 2px;
  background-color: rgba(0, 0, 0, 0.231372549);
  transition: all 200ms ease;
}
.calendar-control .calendar-day.not-this-month {
  opacity: 0.5;
}
.calendar-control .calendar-day.past {
  opacity: 0.5;
}
.calendar-control .calendar-day.past.not-this-month {
  opacity: 0.2;
}
.calendar-control .calendar-day.today {
  opacity: 1;
}
.calendar-control .calendar-day.today .calendar-label {
  background-color: #253717;
}
.calendar-control .calendar-day.selected {
  opacity: 1 !important;
}
.calendar-control .calendar-day.selected .calendar-label {
  background-color: #2e4d16;
}
.calendar-control .calendar-day .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  z-index: 3;
}
.calendar-control .calendar-day:after {
  content: "";
  padding-top: 100%;
  position: relative;
  z-index: 1;
  width: 100%;
  display: inline-block;
}
.calendar-control .calendar-day .calendar-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.calendar-control .calendar-day.weekday {
  font-weight: 600;
  text-align: center;
}
.calendar-control .calendar-day.direct:hover {
  background-color: #000;
}

.etl .field {
  width: 100%;
}
.etl .show-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl.enabled .show-enabled {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl.enabled .hide-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl .show-webhook {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-webhook .hide-webhook {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-webhook .show-webhook {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl .show-shopify {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-shopify .hide-shopify {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-shopify .show-shopify, .etl.is-shopify .show-host {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl .show-host {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl .show-carrot {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-carrot .hide-carrot {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-carrot .show-carrot, .etl.is-carrot .show-host {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl .show-square {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-square .hide-square {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-square .show-square {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl .show-new {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-new .hide-new {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.etl.is-new .show-new {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.etl .styled-text {
  width: 100%;
}
.etl .frame-info-content .item {
  margin-bottom: 15px;
}

.disabled-no-payment-method {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}

.has-payment-method .disabled-no-payment-method {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}

.form.add-card {
  min-width: 300px;
}
.form.add-card .field {
  margin-bottom: 15px;
}

.app .content-body .frame.billing .form-autoload {
  display: flex;
  width: 100%;
}
.app .content-body .frame.billing .add-funds {
  display: flex;
  width: 100%;
  position: relative;
}
.app .content-body .frame.billing .tab-info .panel {
  padding: 20px 15px;
}
.app .content-body .frame.billing .frame-main .frame-body .items {
  background-color: transparent;
}

.payment-methods .list .items .item {
  display: flex;
  max-width: 200px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #292929;
}
.payment-methods .list .items .item:last-child {
  border-bottom: 0;
}

.customers-section {
  background-color: #222;
  /*
  .customer-list {
      //border-bottom: 1px solid #191919;
      margin-bottom: 20px;
      .items {
          padding: 15px;
          .no-items {
              padding: 0;
              padding-bottom: 30px;
          }
      }
  }
  .list.table {
      .items {
          align-items: flex-start;
          .data-elm {
              position: relative;
              &.external {
                  &:after {
                      content: "Free!";
                      position: absolute;
                      top: 5px;
                      right: 5px;
                      background-color: purple;
                      line-height: normal;
                      font-size: 11px;
                      padding: 3px 10px;
                      border-radius: 5px;
                      text-align: center;
                  }
              }
          }
      }
  }
  .tab-info {
      .list {
          padding: 0;
          width: 100%;
          .items {
              width: 100%;
              .item {
                  display: flex;
                  width: 100%; 
                  justify-content: space-between;
                  align-items: center;
              }
          }
      }
  }
  table, tbody {
      width: 100%;
      display: block;

  }
  tr {
      width: 100%;
      td, th {
          &:first-child {
              padding-left: 20px !important;
          }
          &:last-child {
              width: 100%;
              padding-right: 20px !important;
          }
      }
  }
  .list {
      display: flex;
      flex-wrap: wrap;
      //padding: 0 20px;
      .header  {
      }
      .channel-item-details {
          .image {

          }
          .meta {
              margin-bottom: 15px;
          }
      }
      .items {
          display: block;
          .item {
              flex: 1;

              position: relative;
              margin-right: 5px;
              margin-bottom: 5px;
              overflow: hidden;
              //opacity: .5;
              color: #fff;
              &:before {
                  content: "";
                  height: 100%;
                  width: 100%;
                  pointer-events: none;
                  position: absolute;
                  top: 0;
                  left: 0;
                  z-index: 5;
              }

              &:nth-child(5n) {
                  margin-right: 0;
              }
              .thumbnail {
                  object-fit: cover;
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  img {
                      object-fit: cover;
                      object-position: top;
                      width: 100%;
                      height: 100%;
                      position: relative;
                      z-index: -1;
                  }
              }
              .meta {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  padding: 3px 10px 3px 10px;
                  //background-color:#00000099;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  font-size: 12px;

              }

          }

      }
  }
  */
}
.customers-section .fontGreen {
  color: #57b821;
}
.customers-section .fontBlue {
  color: #0195ff;
}
.customers-section .fontRed {
  color: red;
}
.customers-section .notificationLabel {
  font-size: 12px;
  color: #ffffff;
  line-height: normal;
  justify-content: center;
  align-items: center;
  transition: all 300ms ease;
  padding: 0px 5px;
  box-shadow: inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.2784313725);
  display: inline-flex;
  overflow: hidden;
  background-color: #af2801;
  padding: 3px 7px;
  font-weight: 400;
}
.customers-section .notificationLabel.inline {
  position: relative;
  margin-left: 10px;
}
.customers-section .notificationLabel.absolute {
  position: absolute;
  top: 5px;
  left: 5px;
}
.customers-section .show-level-2-verified, .customers-section .show-level-2-declined, .customers-section .show-level-2-submitted, .customers-section .show-level-2-pending {
  display: none;
}
.customers-section [level-2-status=submitted] .show-level-2-submitted {
  display: inline-flex;
}
.customers-section [level-2-status=verified] .show-level-2-verified {
  display: inline-flex;
}
.customers-section [level-2-status=declined] .show-level-2-declined {
  display: inline-flex;
}
.customers-section [level-2-status=pending] .show-level-2-pending {
  display: inline-flex;
}
.customers-section span[data-bind=masterOrgLabel] {
  padding: 2px 7px;
  background-color: rgb(255, 152, 0);
  border: 1px solid #211809;
  border-radius: 25px;
  font-size: 10px;
  color: #000;
  text-transform: uppercase;
}
.customers-section .table-item {
  flex: 1;
  display: flex;
  min-width: 100%;
  padding: 15px;
  color: inherit;
}
.customers-section .table-item .meta {
  flex: 1;
}
.customers-section .table-item .meta .org-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 90%;
  text-align: left;
  margin-top: 5px;
}
.customers-section .table-item .action-buttons {
  display: flex;
  flex-direction: column;
}
.customers-section .table-item .action-buttons a {
  margin-bottom: 5px;
}
.customers-section .table-item .action-buttons a:last-child {
  margin-bottom: 0;
}
.customers-section .frame-body {
  width: 100%;
}
.customers-section .frame-body .items {
  width: 100%;
}

.register {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  color: #8c8989;
  width: 100%;
  align-self: flex-start;
  height: 100%;
  font-weight: 300;
  position: relative;
  position: fixed;
}
.user-logged-in .register {
  transition: none;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
}
.register .styled-text {
  min-width: 250px;
}
.register .highlight {
  width: 450px;
  background-color: #161717;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 3;
}
.register .highlight .logo {
  position: relative;
  padding: 30px;
}
.register .highlight .logo img {
  width: 100%;
  max-width: 150px;
}
.register .main {
  background-color: #18191b;
  position: relative;
  width: calc(100% - 450px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 4;
}
.register .actions {
  position: relative;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.register .form {
  position: relative;
}
.register .form .item {
  margin-bottom: 15px;
  position: relative;
}

.frame.campaign .drilldown-wrapper {
  margin-bottom: 0;
  z-index: 2;
}
.frame.campaign .tabs.campaign-tabs {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.frame.campaign .tabs.campaign-tabs .tab {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container {
  height: 100%;
  position: relative;
  /* padding: 20px; */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container .frame-footer {
  transition: all 300ms ease;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container .list .items .item {
  transition: all 300ms ease;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container.status-running .frame-footer {
  pointer-events: none;
  opacity: 0.3;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container.status-running .list .items .item {
  opacity: 0.3;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-container.status-running .list .items .item.status-running {
  opacity: 1;
}
.frame.campaign .tabs.campaign-tabs .tab.active {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  height: 100%;
  position: relative;
  /* padding: 20px; */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .frame.campaign .tabs.campaign-tabs .tab.active {
    flex-direction: row;
  }
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox {
  flex: 1;
  height: 100%;
  display: none;
  flex-direction: column;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox .button {
  width: 100%;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox:before {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 40px);
  background-color: #191919;
  border-radius: 5px;
  z-index: -1;
  pointer-events: none;
  content: "";
}
@media (min-width: 1024px) {
  .frame.campaign .tabs.campaign-tabs .tab .tab-infox {
    display: flex;
  }
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox.has-settings .info-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox .info-content {
  flex: 1;
  padding: 15px;
}
.frame.campaign .tabs.campaign-tabs .tab .tab-infox .info-settings {
  background-color: #131313;
  border-radius: 5px;
  border: 1px solid #1a1a1a;
  padding: 15px;
  overflow: auto;
  width: calc(100% - 20px);
  left: 10px;
  position: relative;
  margin-bottom: 10px;
}
.frame.campaign .no-items {
  padding: 20px 15px;
}
.frame.campaign .frame-main .form .actions {
  pointer-events: none;
}
.frame.campaign .frame-main .form.edited .actions {
  pointer-events: all;
}
.frame.campaign .campaign-tags {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign .campaign-tags .campaign-tag-type {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .campaign-tags .campaign-tag-type.active {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  margin-right: 5px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  line-height: normal;
  display: flex;
}
.frame.campaign .campaign-tags .campaign-tag-type .lbl {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  margin-right: 5px;
  color: #505050;
}
.frame.campaign .campaign-tags .campaign-tag-type .tag-items {
  display: flex;
}
.frame.campaign .campaign-tags .campaign-tag-type .tag-items .tag-item {
  margin: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
}
.frame.campaign .campaign-tags .campaign-tag-type.tag-type-banned {
  color: #d84242;
}
.frame.campaign .campaign-tags .campaign-tag-type.tag-type-banned .tag-items .tag-item {
  background-color: #c33333;
  color: #eee;
}
.frame.campaign .tags {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.frame.campaign .tags .tag-container-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-radius: 3px;
}
.frame.campaign .tags .tag-container-item.readonly select, .frame.campaign .tags .tag-container-item.readonly input {
  pointer-events: none;
  appearance: none;
}
.frame.campaign .tags .tag-container-item.multiple-elements {
  flex-direction: column;
  padding: 3px;
}
.frame.campaign .tags .tag-container-item.multiple-elements > .sub-tags {
  padding: 0 10px;
}
.frame.campaign .tags .tag-container-item.multiple-elements > .tag .tag-type {
  display: block;
}
.frame.campaign .tags .tag-container-item.multiple-elements > .sub-tags > .tag-container-item {
  padding: 3px;
}
.frame.campaign .tags .tag-container-item.multiple-elements > .sub-tags > .tag-container-item:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.0666666667);
}
.frame.campaign .tags .tag-container-item.multiple-elements > .sub-tags > .tag-container-item:first-child > .sub-tags > .tag-container-item > .tag > .tag-type {
  display: none;
}
.frame.campaign .tags .tag-container-item.no-indent > .sub-tags {
  padding: 0px;
}
.frame.campaign .tags .tag-container-item.no-indent > .tag {
  display: none !important;
}
.frame.campaign .tags .tag-container-item.object {
  color: #bfbfbf;
  background-color: rgba(46, 77, 22, 0.368627451);
  border-radius: 3px;
}
.frame.campaign .tags .tag-container-item.object.empty {
  padding: 0;
}
.frame.campaign .tags .tag-container-item.object.empty > .tag {
  display: none;
}
.frame.campaign .tags .tag-container-item.object.empty > .tag > .tag-type {
  display: none;
}
.frame.campaign .tags .tag-container-item.object.empty > .sub-tags {
  padding: 0;
}
.frame.campaign .tags .tag-container-item.object:last-child {
  padding-bottom: 0;
}
.frame.campaign .tags .tag-container-item.object > .tag {
  margin-bottom: 5px;
}
.frame.campaign .tags .tag-container-item.object > .tag input {
  display: none !important;
}
.frame.campaign .tags .tag-container-item.object > .tag .tag-value-type {
  display: none !important;
}
.frame.campaign .tags .tag-container-item.field-item > .tag input {
  display: none !important;
}
.frame.campaign .tags .tag-container-item.field-item > .tag .tag-value-type {
  display: none !important;
}
.frame.campaign .tags .tag-container-item.field-item > .tag .tag-type {
  display: block;
}
.frame.campaign .tags .tag-container-item.field-item2 > .tag .tag-type {
  display: block;
}
.frame.campaign .tags .tag-container-item:hover > .tag-remove {
  opacity: 1;
}
.frame.campaign .tags .tag-container-item select {
  margin-bottom: 5px;
}
.frame.campaign .tags .tag-container-item > .add-object {
  padding: 10px 10px;
  position: relative;
}
.frame.campaign .tags .tag-container-item > .add-object a {
  padding: 7px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.frame.campaign .tags .tag-container-item > .add-object a i {
  margin-right: 5px;
}
.frame.campaign .tags .tag-container-item .tag-remove {
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-radius: 25px;
  width: 20px;
  height: 20px;
  background-color: #c32121;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 5;
  transition: all 300ms ease;
}
.frame.campaign .tags .tag-container-item .tag-remove:after {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f068";
  cursor: pointer;
}
.frame.campaign .tags .tag {
  font-size: 80%;
  position: relative;
  cursor: pointer;
  width: 100%;
  transition: all 150ms ease;
}
.frame.campaign .tags .tag.tag-add {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background-color: #03a95c;
  font-size: 13px;
  color: #fff;
  line-height: normal;
  font-weight: 600;
  text-decoration: uppercase;
}
.frame.campaign .tags .tag.tag-add i {
  font-size: 14px;
  margin-right: 3px;
}
.frame.campaign .tags .tag .tag-type {
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-all;
  padding: 5px 10px;
  text-align: center;
  display: none;
}
.frame.campaign .tags .tag:hover {
  opacity: 0.8;
}
.frame.campaign .tags .tag:hover .tag-remove {
  opacity: 1;
}
.frame.campaign .item .buttons {
  display: flex;
  flex-direction: column;
}
.frame.campaign .item .buttons .button {
  margin-bottom: 5px;
}
.frame.campaign .item .buttons .button:last-child {
  margin-bottom: 0;
}
.frame.campaign .item .analysis.hide {
  display: none !important;
}
.frame.campaign .item .results {
  width: 100%;
}
.frame.campaign .item .results .progress {
  display: none;
}
.frame.campaign .item.status-running .results .progress {
  display: flex;
}
.frame.campaign .hide-defaultList {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  overflow: visible;
}
.frame.campaign .show-defaultList {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign.is-defaultList .hide-defaultList {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign.is-defaultList .show-defaultList {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.campaign .hide-general {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  overflow: visible;
}
.frame.campaign.is-general .hide-general {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .hide-channel {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.campaign.is-channel .hide-channel {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .hide-direct {
  display: flex !important;
}
.frame.campaign .show-direct {
  display: none !important;
}
.frame.campaign.is-direct .hide-direct {
  display: none !important;
}
.frame.campaign.is-direct .show-direct {
  display: flex !important;
}
.frame.campaign .styled-select {
  width: 100%;
}
.frame.campaign .submit {
  width: 100%;
}
.frame.campaign .analysis {
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 0;
  background-color: rgba(94, 94, 73, 0.1294117647);
  padding: 10px;
  border-radius: 5px;
  flex: 1;
  align-self: flex-end;
}
.frame.campaign .analysis .fa {
  margin-right: 2px;
  position: absolute;
  right: -15px;
  top: -15px;
  font-size: 15px;
}
.frame.campaign .analysis .area-title {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
  padding-bottom: 5px;
  color: #79795a;
  position: relative;
}
.frame.campaign .analysis .analysis-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  line-height: normal;
  background-color: rgba(0, 0, 0, 0.0666666667);
  padding: 5px 5px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 5px;
  flex: 1;
}
.frame.campaign .analysis .analysis-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.frame.campaign .analysis .analysis-item .analysis-title {
  padding: 0 10px;
  order: 1;
  text-align: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
}
.frame.campaign .analysis .analysis-item .analysis-value {
  border-radius: 5px;
  text-align: right;
  width: 100px;
  color: #717171;
  background-color: #1f1f1f;
  padding: 2px 5px;
  order: 2;
}
.frame.campaign .stat-area {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}
.frame.campaign .stat-area .stat-item {
  position: relative;
  margin-right: 7.5px;
  margin-bottom: 7.5px;
  margin: 0 3.25px 7.5px 3.25px;
}
.frame.campaign .stat-area .stat-item .area-title {
  margin-right: 10px;
  font-weight: 600;
  font-size: 12px;
}
.frame.campaign .show-mms {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .is-mms .add-image {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.campaign .is-mms .show-mms {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.campaign .is-mms .show-mms.image-preview {
  z-index: 2;
  display: flex;
  height: 100%;
  position: absolute;
  width: 100px;
  left: 0;
  top: 0;
  padding: 15px;
  flex-direction: column;
}
.frame.campaign .image-preview .remove-image {
  font-size: 85%;
  cursor: pointer;
  margin-top: 5px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 8px;
  background-color: #da0000;
  border-radius: 3px;
  color: #fff;
  width: auto;
  line-height: 0;
  align-self: flex-start;
  text-align: center;
  z-index: 5555;
  position: absolute;
  bottom: -10px;
  left: -10px;
}
.frame.campaign .image-preview .mms-preview {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  position: relative;
  z-index: 3;
  border-radius: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: all 150ms ease;
}
.frame.campaign .image-preview .mms-preview:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  pointer-events: none;
  transition: all 300ms ease;
  background-color: rgba(30, 76, 109, 0.6);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "View";
  color: transparent;
  font-size: 80%;
}
.frame.campaign .image-preview .mms-preview:hover:after {
  opacity: 1;
  color: #fff;
}
.frame.campaign .stat {
  padding: 5px 15px;
  background-color: rgba(84, 84, 84, 0.0666666667);
  color: #a5a5a5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  width: 100%;
  flex-direction: row;
  flex: 1;
  height: 100%;
  font-family: sans-serif, inherit;
}
.frame.campaign .stat .stat-title {
  padding-bottom: 0px;
  font-size: 95%;
  margin-right: 5px;
  color: #777;
}
.frame.campaign .stat .stat-value {
  color: #7b7979;
  font-size: 12px;
}
.frame.campaign .frame-body .items .item {
  /*padding: 10px;
  background-color: #292929;
  border: 2px solid #0195fe;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 5px;
  transition: all 500ms ease;
  font-size: 80%;*/
  margin-bottom: 0 !important;
}
.frame.campaign .frame-body .items .item .meta {
  white-space: nowrap;
  color: inherit;
}
.frame.campaign .frame-body .items .item .meta:hover {
  text-decoration: underline;
}
.frame.campaign .frame-body .items .item .avatar {
  padding: 30px;
  display: none !important;
}
.frame.campaign .frame-body .items .item .message {
  display: flex;
}
.frame.campaign .frame-body .items .item .message .body {
  order: 2;
}
.frame.campaign .frame-body .items .item .message .mms-image {
  width: 70px;
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 70px;
  display: none;
  margin-bottom: 10px;
  order: 1;
  margin-top: 10px;
}
.frame.campaign .frame-body .items .item.is-mms .message .mms-image {
  display: block;
}
.frame.campaign .frame-info .field {
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame.campaign .frame-info .field div {
  width: 100%;
}
.frame.campaign .frame-info .field div:first-child {
  width: 100px;
  text-align: right;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 11px;
  /* font-weight: 500; */
  color: #949494;
}
.frame.campaign .frame-info .landing-pages .list {
  display: flex;
  flex-direction: column;
  padding: 0 15px 15px 15px;
  line-height: normal;
}
.frame.campaign .frame-info .landing-pages .list .landing-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 10px 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #111;
}
.frame.campaign .frame-info .landing-pages .list .landing-page:last-child {
  border-bottom: 0;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .page-title {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .page-title .edit {
  margin-left: 3px;
  cursor: pointer;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .meta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .meta .copy {
  padding: 0px;
  margin-right: 5px;
  font-size: 9px;
  position: absolute;
  right: 0;
  top: 0;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .meta .url {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  font-size: 11px;
  width: 100%;
  white-space: normal;
  color: #8c8c8c;
  font-style: italic;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .meta .url a {
  white-space: normal;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
  color: #7d7d7d;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action {
  cursor: pointer;
  transition: all 200ms ease;
  margin-right: 10px;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action a {
  color: inherit;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action .copy-text .lbl:after {
  content: "Copy Link";
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action .copy-text.copied .lbl:after {
  content: "Copied!";
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action:last-child {
  margin-right: 0;
}
.frame.campaign .frame-info .landing-pages .list .landing-page .actions .action:hover {
  color: #ccc;
}

.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item .campaigns {
  display: none;
  flex-direction: column;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item.has-campaigns .campaigns {
  display: flex;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item .transactions {
  display: none;
  flex-direction: column;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item.has-transactions .transactions {
  display: flex;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item .meta {
  align-items: flex-start;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item .meta .name {
  flex: 1;
}
.app .content-body .frame .frame-main .tab-subscribers .frame-body .list .items .item .meta .row-info {
  min-width: 300px;
  flex: 1;
}
.frame.campaign-view .progress-status-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #111;
}
.frame.campaign-view .progress-status-bar .progress-status {
  background-color: #0095ff;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  transition: all 200ms ease 0s;
}
.frame.campaign-view .show-status-pending {
  display: none;
}
.frame.campaign-view.status-pending .show-status-pending {
  display: flex;
}
.frame.campaign-view .show-status-running {
  display: none;
}
.frame.campaign-view.status-running .show-status-running {
  display: flex;
}
.frame.campaign-view .show-status-stopped {
  display: none;
}
.frame.campaign-view.status-stopped .show-status-stopped {
  display: flex;
}
.frame.campaign-view .show-status-cancelled {
  display: none;
}
.frame.campaign-view.status-cancelled .show-status-cancelled {
  display: flex;
}
.frame.campaign-view.status-complete .show-status-complete {
  display: flex;
}
.frame.campaign-view.status-complete .progress-status-bar .progress-status {
  background-color: #00c90f;
}
.frame.campaign-view h3 {
  margin: 0 0 10px 0;
}
.frame.campaign-view textarea {
  font-size: inherit;
}
.frame.campaign-view .add-image {
  margin-left: 10px;
  color: #03a95c;
}
.frame.campaign-view .add-image i {
  margin-right: 3px;
}
.frame.campaign-view .preview-text img {
  max-height: 300px;
  max-width: 200px;
  object-fit: contain;
}
.frame.campaign-view .blast-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2e4d16;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
}
.frame.campaign-view.test-confirmed .blast-now {
  opacity: 1;
  pointer-events: all;
}
.frame.campaign-view .summary-item {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3411764706);
  margin-right: 5px;
  padding: 3px;
}
.frame.campaign-view .summary-item:last-child {
  margin-right: 0;
}
.frame.campaign-view .test-panel {
  display: flex;
  width: 100%;
}
.frame.campaign-view .test-panel .test-phones {
  width: 100%;
}
.frame.campaign-view .test-panel .test-messages {
  border-radius: 5px;
}
.frame.campaign-view .test-panel .test-message {
  margin-right: 10px;
  padding: 10px;
  background-color: #0b6fb5;
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  min-height: 100px;
  margin-bottom: 15px;
  min-width: 85%;
  max-width: 85%;
}
@media (min-width: 1024px) {
  .frame.campaign-view .test-panel .test-message {
    min-width: 75%;
    max-width: 75%;
  }
}
.frame.campaign-view .test-panel .test-message img {
  max-width: 200px;
}
.frame.campaign-view .test-panel .test-message .phone-from {
  font-weight: 600;
  text-transform: capitalize;
}
.frame.campaign-view .test-panel .test-message .phone-number-to {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 10px;
  font-weight: 600;
  width: 100%;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number {
  margin-right: 2px;
  padding: 2px 5px;
  margin-bottom: 2px;
  white-space: nowrap;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number .sep {
  margin: 0 3px;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number .carrier {
  max-width: 75px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number:before {
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 14px;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.added {
  background-color: #323232;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.added:before {
  content: "\f192";
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.sent {
  background-color: #323232;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.sent:before {
  content: "\f192";
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.queued {
  background-color: rgba(48, 48, 48, 0.5607843137);
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.queued:before {
  content: "\f192";
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.accepted {
  background-color: #1e5287;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.accepted:before {
  content: "\f35a";
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.delivered {
  background-color: #3f8315;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.delivered:before {
  content: "\f058";
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.failed {
  background-color: #bf3e3e;
}
.frame.campaign-view .test-panel .test-message .phone-number-to .to-number.failed:before {
  content: "\f00d";
}
.frame.campaign-view .test-panel .test-message .body {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #fff;
  display: flex;
  line-height: normal;
}
.frame.campaign-view .test-panel .test-message .body .img img {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  margin-right: 5px;
  max-height: 100px;
  object-fit: contain;
}
.frame.campaign-view .test-panel .test-message .body .content {
  flex: 1;
}
.frame.campaign-view .test-panel .test-message .body a {
  color: inherit;
  text-decoration: underline;
}
.frame.campaign-view .test-panel .test-message .body a:hover {
  text-decoration: none;
}
.frame.campaign-view .test-panel .blast-test-numbers {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-view .test-panel .blast-test-numbers label > * {
  display: block;
  pointer-events: none;
}
.frame.campaign-view .test-panel .blast-test-numbers label {
  display: flex;
  flex: 1;
  white-space: nowrap;
  font-size: 12px;
  background-color: #1c1c1c;
  margin-right: 5px;
  padding: 1px 5px;
  color: #b1b1b1;
  margin-bottom: 5px;
}
.frame.campaign-view .test-panel .blast-test-numbers label input {
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.frame.campaign-view .test-panel .confirm-test {
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
}
.frame.campaign-view .media-list .media-item {
  display: flex;
  min-width: 110px;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-size: 12px;
  flex-direction: column;
  cursor: pointer;
  border: 2px solid transparent;
}
.frame.campaign-view .media-list .media-item:hover {
  border-color: #ffff00;
}
.frame.campaign-view .media-list .media-item.selected {
  border-color: #00ff00;
}
.frame.campaign-view .media-list .media-item .thumbnail {
  object-fit: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.frame.campaign-view .media-list .media-item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 80px;
  object-position: top;
}
.frame.campaign-view .show-new {
  display: none;
}
.frame.campaign-view.new-blast .show-new {
  display: flex;
}
.frame.campaign-view .show-readonly {
  display: none;
}
.frame.campaign-view.readonly .show-readonly {
  display: flex;
}
.frame.campaign-view.readonly .hide-readonly {
  display: none;
}
.frame.campaign-view .show-existing {
  display: none;
}
.frame.campaign-view.existing-blast .show-existing {
  display: flex;
}
.frame.campaign-view .active-updates {
  pointer-events: none;
  opacity: 0.5;
  transition: all 300ms ease;
}
.frame.campaign-view.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
}

.contact .show-advanced {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.contact.is-advanced .show-advanced {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.spender-label {
  margin-top: 5px;
  border-radius: 5px;
  padding: 2px 5px;
  display: inline-block;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
}
.spender-label.spender-baller {
  background-color: #441766;
}
.spender-label.spender-top {
  background-color: #323232;
}
.spender-label.spender-mid {
  background-color: #574e20;
}
.spender-label.spender-value {
  background-color: #0b670b;
}

.contact-info-frame .show-live-chat-enabled {
  display: none;
}
.contact-info-frame.live-chat-enabled .show-live-chat-enabled {
  display: block;
}
.contact-info-frame .tab-live-chat iframe {
  border: 0;
  height: 100%;
  width: 100%;
}
.contact-info-frame .transaction-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.contact-info-frame .preferences {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contact-info-frame .preferences .preference {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 5px;
}
.contact-info-frame .preferences .preference .preference-title {
  font-weight: 600;
}
.contact-info-frame .chat-items-container {
  overflow: auto;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  flex: 1;
}
.contact-info-frame .chat-items-container .chat-items {
  padding: 10px;
  width: 100%;
  align-items: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}
.contact-info-frame .chat-items-container .chat-items .chat-item {
  font-size: 13px;
  margin-bottom: 15px;
  width: 100%;
  overflow-anchor: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
  gap: 20px;
}
.contact-info-frame .chat-items-container .chat-items .chat-item:last-child {
  overflow-anchor: auto;
}
.contact-info-frame .chat-items-container .chat-items .chat-item .body {
  padding: 5px 10px;
  border-radius: 15px;
  display: inline-block;
  max-width: 75%;
}
.contact-info-frame .chat-items-container .chat-items .chat-item .date {
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
}
.contact-info-frame .chat-items-container .chat-items .chat-item.outbound .body {
  background: #2a5f85;
}
.contact-info-frame .chat-items-container .chat-items .chat-item.outbound.status-pending .body {
  background: rgba(42, 95, 133, 0.2);
}
.contact-info-frame .chat-items-container .chat-items .chat-item.outbound.status-sent .body {
  background: rgba(42, 95, 133, 0.2);
}
.contact-info-frame .chat-items-container .chat-items .chat-item.outbound.status-accepted .body {
  background: rgba(42, 95, 133, 0.6);
}
.contact-info-frame .chat-items-container .chat-items .chat-item.outbound.status-failed .body {
  background: #b55015;
  color: #dbdbdb;
}
.contact-info-frame .chat-items-container .chat-items .chat-item.inbound .body {
  background-color: #353560;
}

.frame.contact-upload .frame-body .form .uploaded-message, .frame.contact-upload .frame-body .form .uploading-message {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.contact-upload .frame-body .form.uploading .uploading-message {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.contact-upload .frame-body .form.uploaded-all .uploaded-message {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  margin-bottom: 20px;
}
.frame.contact-upload .frame-body .form.uploaded-all .sub-message {
  display: none;
}
.frame.contact-upload .frame-body .form.uploaded-all select {
  pointer-events: none;
}
.frame.contact-upload .frame-body .form.uploading .add-item, .frame.contact-upload .frame-body .form.uploaded-all .add-item {
  opacity: 0;
  pointer-events: none;
}
.frame.contact-upload .frame-body .form.uploading .actions .action, .frame.contact-upload .frame-body .form.uploaded-all .actions .action {
  opacity: 0.3;
  pointer-events: none;
}
.frame.contact-upload .frame-body .form .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.frame.contact-upload .frame-body .form .actions-row .actions {
  display: flex;
  padding: 0px 0px;
  align-items: center;
  background-color: #232323;
  border-bottom: 1px solid #212121;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.frame.contact-upload .frame-body .form .actions-row .actions .action {
  padding: 15px;
}
.frame.contact-upload .frame-body .form .actions-row .actions .action .lbl {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.frame.contact-upload .frame-body .form .actions-row .actions .action:last-child {
  width: 100%;
  text-align: right;
}
.frame.contact-upload .frame-body .form .actions-row .actions .action:last-child .button {
  cursor: pointer;
  font-size: 16px;
  padding: 15px 60px;
  font-weight: 600;
}
.frame.contact-upload .frame-body .form .actions-row .actions .action:last-child .button:after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  margin: 0 3px 0 10px;
  content: "\f093";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.frame.contact-upload .frame-body .form .tabs {
  display: flex;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs {
  border: 1px solid #212121;
  border-top: 0;
  min-width: 250px;
  max-width: 250px;
  flex: 1;
  background-color: #272727;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-items {
  width: 100%;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item {
  padding: 10px;
  border-bottom: 1px solid #212121;
  cursor: pointer;
  transition: all 250ms ease;
  width: 100%;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.status-complete {
  background-color: #266b4a;
  color: #fff;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.status-complete .count {
  color: #ccc;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.status-complete:after {
  color: #99ff9d;
  content: "\f00c";
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item .title-row {
  display: flex;
  align-items: center;
  font-weight: 500;
  padding-right: 20px;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item .title-row i {
  margin-right: 5px;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item .count {
  margin-top: 2px;
  color: #777;
  font-size: 12px;
  font-weight: 300;
  margin-left: 20px;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item i {
  margin-left: 5px;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.add-item {
  border: 0;
  margin-top: 20px;
  cursor: pointer;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.add-item i {
  margin-left: 0;
  margin-right: 5px;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.active {
  background-color: #2e4d16;
  color: #eee;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.active .count {
  color: #999;
}
.frame.contact-upload .frame-body .form .tabs .file-tabs .file-item.active:after {
  opacity: 0;
}
.frame.contact-upload .frame-body .form .tabs .files {
  background-color: #272727;
  padding: 25px;
  border: 1px solid #212121;
  border-left: 0;
  border-top: 0;
  flex: 5;
  overflow: hidden;
}
.frame.contact-upload .frame-body .form .tabs .files .tab.uploaded .remove-file {
  display: none;
}
.frame.contact-upload .frame-body .form .tabs .files .tab .show-csv, .frame.contact-upload .frame-body .form .tabs .files .tab .show-image {
  display: none;
}
.frame.contact-upload .frame-body .form .tabs .files .tab.is-image .show-image {
  display: block;
}
.frame.contact-upload .frame-body .form .tabs .files .tab.is-image .preview {
  text-align: center;
}
.frame.contact-upload .frame-body .form .tabs .files .tab.is-csv .show-csv {
  display: block;
}
.frame.contact-upload iframe {
  display: none;
}
.frame.contact-upload .preview {
  max-width: 100%;
  overflow: auto;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.0196078431);
  display: inline-block;
  width: 100%;
  border-radius: 5px;
}
.frame.contact-upload .preview img {
  max-width: 50%;
}
.frame.contact-upload .preview-fields {
  flex-direction: column;
  display: inline-flex;
  margin-bottom: 15px;
}
.frame.contact-upload .preview-fields .mf {
  display: flex;
  align-items: center;
  padding: 3px;
  font-size: 90%;
}
.frame.contact-upload .preview-fields .mf i {
  margin-right: 10px;
  color: #0195ff;
}
.frame.contact-upload .preview-fields .mf .fld-a {
  width: 160px;
  background-color: rgba(1, 149, 255, 0.1803921569);
  padding: 3px 15px;
  color: #fff;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.frame.contact-upload .preview-fields .mf .fld-b {
  padding: 3px 15px;
  background-color: #252525;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 160px;
}
.frame.contact-upload .show-has-file {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.contact-upload .file-selected .drop-files-here {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.contact-upload .file-selected .show-has-file {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.contact-upload .processing {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.frame.contact-upload .status-loading {
  opacity: 0.3;
  pointer-events: none;
}
.frame.contact-upload .status-loading .processing {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.frame.contact-upload .drop-files-here {
  padding: 50px;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.0196078431);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
  transition: all 150ms ease;
  margin-top: 15px;
}
.is-dragover .frame.contact-upload .drop-files-here {
  background-color: rgba(0, 149, 255, 0.2196078431);
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  color: #fff;
  display: flex;
}
.frame.contact-upload table {
  width: 100%;
  border-radius: 5px;
}
.frame.contact-upload table tr td {
  padding: 5px 10px;
  margin: 0;
  white-space: nowrap;
  color: #777;
  font-size: 90%;
  border-right: 1px solid rgba(0, 0, 0, 0.1215686275);
}
.frame.contact-upload table tr td:last-child {
  width: 100%;
  background-color: transparent;
}
.frame.contact-upload table tr td.field-mapped {
  background-color: #2d3848;
  color: #cccccc;
}
.frame.contact-upload table tr td:last-child {
  border: 0;
}
.frame.contact-upload table tr:last-child td {
  border-top: 1px solid rgba(0, 0, 0, 0.1215686275);
  font-weight: 500;
}
.frame.contact-upload table tr.field-header td {
  background-color: #313131;
  color: #fff;
  padding: 5px 10px;
  font-size: 100%;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
.frame.contact-upload table tr.field-header td:last-child {
  width: 100%;
  background-color: transparent;
}
.frame.contact-upload table tr.field-selects {
  color: #ddd;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.frame.contact-upload table tr.field-selects td {
  background-color: #222;
  padding: 0;
}
.frame.contact-upload table tr.field-selects td select {
  width: 100%;
  background-color: transparent;
  border: 0;
  color: inherit;
}
.frame.contact-upload table tr.field-selects td:last-child {
  width: 100%;
  background-color: transparent;
}

.responder .field {
  width: 100%;
}
.responder .show-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.responder.enabled .show-enabled {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.responder.enabled .hide-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.number .field {
  width: 100%;
}
.number .show-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
  width: 100%;
}
.number.enabled .show-enabled {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.number.enabled .hide-enabled {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.number .show-new {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.number.is-new .hide-new {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.number.is-new .show-new {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  width: 100%;
}
.number .styled-text {
  width: 100%;
}
.number .frame-info-content .item {
  margin-bottom: 15px;
}

@keyframes blink {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.blink {
  animation: blink 500ms;
  transition: none !important;
  background-color: rgba(62, 132, 8, 0.4666666667) !important;
  color: #fff !important;
}
.blink .block-title {
  color: #fff !important;
  transition: none !important;
}
.blink .block-value {
  color: #fff !important;
  transition: none !important;
}

.drilldown-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.drilldown-wrapper .drilldown-label {
  font-size: 12px;
  padding: 12px 20px 12px 10px;
  font-weight: 800;
  align-self: center;
  text-transform: uppercase;
  color: #7e9b68;
}
@media (min-width: 1024px) {
  .drilldown-wrapper .drilldown-label {
    font-size: 22px;
    font-weight: 500;
  }
}
.drilldown-wrapper .drilldown-level {
  margin-right: 15px;
  color: #929191;
  text-transform: uppercase;
  padding: 15px 15px;
  flex: 0;
}
.drilldown-wrapper .stat-drilldown {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: #1a1a1a;
  padding: 5px 10px;
  width: 100%;
  border-bottom: 1px solid #151515;
}
.drilldown-wrapper .stat-drilldown .tabs-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  overflow-x: auto;
  position: relative;
}
.drilldown-wrapper .stat-drilldown .tabs-header [tab-for]:hover {
  background-color: rgba(25, 25, 25, 0.6);
}
.drilldown-wrapper .stat-drilldown .tabs-header [tab-for].active {
  background-color: #2c2c2c;
  color: #ddd;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item {
  padding: 12px 20px;
  padding: 5px 20px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  transition: all 200ms ease;
  border-radius: 0px;
  cursor: pointer;
  height: 30px;
  color: inherit;
  line-height: normal;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item i {
  font-size: 12px;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item input {
  display: none;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.end-item {
  width: 100%;
  text-align: right;
  padding: 0 20px;
  justify-content: flex-end;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.has-item .drilldown-title .selected-item {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item .radio {
  margin-right: 10px;
  display: none;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item .drilldown-title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  white-space: nowrap;
}
.drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item .drilldown-title .selected-item {
  margin-left: 6px;
  font-size: 11px;
  border-radius: 2px;
  padding: 0px 0 0 5px;
  line-height: 1px;
  color: #fff;
  line-height: normal;
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
}
.drilldown-wrapper .stat-drilldown .tabs-content {
  min-width: 100%;
  flex: 1;
  display: none;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab {
  transform: scale(0);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 300ms ease;
  border-radius: 5px;
  overflow: hidden;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-right: 1px solid rgba(0, 0, 0, 0.3803921569);
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .option-title {
  font-weight: 500;
  font-size: 13px;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3803921569);
  flex: 1;
  width: 100%;
  text-align: center;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  padding: 0;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items {
  background-color: rgba(0, 0, 0, 0.1803921569);
  padding: 4px 0;
  max-height: 125px;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 10px;
  line-height: normal;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item:hover, .drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item.active {
  background-color: rgba(0, 0, 0, 0.2);
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item .display {
  margin-right: 10px;
  text-transform: capitalize;
  width: 140px;
  white-space: normal;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item .transactions {
  margin-right: 10px;
  text-align: right;
  width: 50px;
  color: #999;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab .options .option .list .items .option-item .total {
  text-align: right;
  width: 50px;
  color: #999;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab.active {
  overflow: auto;
  transform: none;
  pointer-events: inherit;
  z-index: auto;
  position: relative;
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 300ms ease;
  background-color: #2e4d16;
  color: #ddd;
  overflow: hidden;
}
.drilldown-wrapper .stat-drilldown .tabs-content .tab.active a {
  color: #ddd;
}

.report-blocks {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  background-color: #2e4d16;
  border-bottom: 1px solid #151515;
  padding: 0px;
  padding: 5px;
  gap: 5px;
}
@media (max-width: 1023px) {
  .report-blocks {
    flex-wrap: wrap;
  }
}
.report-blocks .report-block {
  flex: 1;
  display: flex;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: column;
  transition: all 1000ms ease 600ms;
  position: relative;
  margin: 0px;
  line-height: normal;
  white-space: nowrap;
  text-align: center;
}
.report-blocks .report-block.major {
  background-color: #3d2222;
}
.report-blocks .report-block.major .block-value {
  color: #ff8282;
}
.report-blocks .report-block.minor {
  background-color: rgba(99, 100, 27, 0.4784313725);
}
.report-blocks .report-block.minor .block-value {
  color: #fffb8a;
}
@media (max-width: 1023px) {
  .report-blocks .report-block {
    padding: 10px 15px;
  }
}
.report-blocks .report-block.block-header {
  flex: 0;
  word-break: break-all;
  min-width: auto;
  text-align: center;
  letter-spacing: 0;
  line-height: 14px;
  user-select: none;
  padding: 0 30px 0 15px;
  text-transform: uppercase;
  font-weight: 300;
  color: #929191;
  transition: none;
  background-color: #1b1b1b;
  cursor: default;
  font-size: 13px;
  display: none;
}
.report-blocks .report-block.block-header .slash {
  font-size: 9px;
  line-height: normal;
  padding: 2px 0;
  color: #0195ff;
}
.report-blocks .report-block.block-header .top-clicker, .report-blocks .report-block.block-header .bottom-clicker {
  width: 100%;
  position: absolute;
  left: 0;
  height: 12px;
  background-color: #191919;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232323;
  cursor: pointer;
  transition: all 200ms ease;
}
.report-blocks .report-block.block-header .top-clicker {
  top: 0;
}
.report-blocks .report-block.block-header .block-date {
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 15px; */
  flex-direction: column;
}
.report-blocks .report-block.block-header .bottom-clicker {
  bottom: 0;
}
.report-blocks .report-block.block-header:hover .top-clicker, .report-blocks .report-block.block-header:hover .bottom-clicker {
  background-color: #0195ff;
  color: #bbb;
}
.report-blocks .report-block.block-header:hover .top-clicker.disabled, .report-blocks .report-block.block-header:hover .bottom-clicker.disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.report-blocks .report-block.block-header:hover .top-clicker:hover, .report-blocks .report-block.block-header:hover .bottom-clicker:hover {
  background-color: #005998;
}
.report-blocks .report-block .block-title {
  transition: all 1000ms ease 600ms;
  padding-top: 10px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  min-width: 60px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  order: 3;
}
.report-blocks .report-block .block-value {
  color: #7e9b68;
  font-size: 20px;
  font-weight: 800;
  line-height: 100%;
  width: 100%;
  text-align: center;
  transition: all 1000ms ease 600ms;
}
@media (max-width: 1023px) {
  .report-blocks .report-block .block-value {
    font-size: 18px;
  }
}

.table {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.table .table-list {
  width: 100%;
  padding: 0;
  border-collapse: collapse;
  font-size: 13px;
}
.table .table-list tbody {
  display: table;
  width: 100%;
  position: relative;
}
.table .table-list tr.table-item {
  display: table-row;
}
.table .table-list label.table-item {
  padding: 10px;
  cursor: pointer;
}
.table .table-list label.table-item .lbl-count {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2px 5px;
  font-size: 80%;
  font-weight: 500;
  text-transform: uppercase;
}
.table .table-list label.table-item .lbl-count.active {
  background-color: #af2800;
}
.table .table-list .table-item {
  transition: all 100ms ease;
  width: 100%;
  border-bottom: 1px solid rgba(16, 16, 16, 0.4509803922);
}
.table .table-list .table-item.table-header {
  transition: none;
}
.table .table-list .table-item:last-child {
  border-bottom: 0;
}
.table .table-list .table-item.defaultList {
  font-weight: 600;
}
.table .table-list .table-item .show-paused {
  display: none;
}
.table .table-list .table-item.paused .show-paused {
  display: inline-flex;
}
.table .table-list .table-item .show-pending {
  display: none;
}
.table .table-list .table-item.pending .show-pending, .table .table-list .table-item.active .show-pending {
  display: inline-flex;
}
.table .table-list .table-item:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.0784313725);
}
.table .table-list .table-item.do-more .item-col:last-child {
  margin-right: 20px;
}
.table .table-list .table-item th.item-col:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.table .table-list .table-item .item-col {
  padding: 10px 15px 10px 7.5px;
  white-space: nowrap;
  margin: 0;
  transition: all 100ms ease;
  position: relative;
  vertical-align: top;
  line-height: normal;
}
.table .table-list .table-item .item-col input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: transparent;
  border: 1px solid #323232;
  border-radius: 3px;
  /* Not removed via appearance */
  margin: 0;
  display: grid;
  place-content: center;
  margin: 0 10px;
}
.table .table-list .table-item .item-col input[type=checkbox]::before {
  content: "";
  width: 1em;
  height: 1em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #0195ff;
}
.table .table-list .table-item .item-col input[type=checkbox]:checked::before {
  transform: scale(1);
}
.table .table-list .table-item .item-col.wrappable {
  white-space: normal;
}
.table .table-list .table-item .item-col [data-bind=lastMessageBody] {
  word-break: break-word;
}
.table .table-list .table-item .item-col.wrappable {
  white-space: normal;
}
.table .table-list .table-item .item-col.vert-middle {
  vertical-align: middle;
}
.table .table-list .table-item .item-col.image {
  padding: 0;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 100%;
  height: 60px;
  position: relative;
  padding-left: 5px !important;
  padding: 5px;
}
.table .table-list .table-item .item-col.image img {
  height: 100%;
  width: 100%;
  border: 0;
  object-position: top left;
  object-fit: cover;
}
.table .table-list .table-item .item-col .scheduleDate, .table .table-list .table-item .item-col .highlight {
  background-color: #4b5004 !important;
  text-align: center;
  font-weight: 600;
}
.table .table-list .table-item .item-col .stat-labels {
  display: inline-flex;
  flex-wrap: wrap;
}
.table .table-list .table-item .item-col .stat-labels .stat-label {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.0901960784);
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  margin-top: 5px;
  white-space: nowrap;
  padding-right: 15px;
}
.table .table-list .table-item .item-col .stat-labels .stat-label.flex3 {
  min-width: 120px;
}
.table .table-list .table-item .item-col .stat-labels .stat-label.flex2 {
  min-width: 120px;
}
.table .table-list .table-item .item-col .stat-labels .stat-label span {
  margin-left: 5px;
}
.table .table-list .table-item .item-col .status {
  position: relative;
  right: 0;
  top: 0;
  pointer-events: none;
  padding: 5px 15px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: normal;
  min-width: 100px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.table .table-list .table-item .item-col .status .meter {
  width: 0%;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  z-index: 1;
}
.table .table-list .table-item .item-col .status:before {
  white-space: break-word;
  text-align: break-all;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 9px;
  z-index: 2;
}
.table .table-list .table-item .item-col.r {
  text-align: right;
}
.table .table-list .table-item .item-col.c {
  text-align: center;
}
.table .table-list .table-item .item-col .actions {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
.table .table-list .table-item .item-col .actions.vert {
  flex-direction: column;
}
.table .table-list .table-item .item-col .actions.vert a {
  width: 100%;
  margin-bottom: 5px;
}
.table .table-list .table-item .item-col .actions a {
  padding: 7.5px 15px;
  margin-left: 5px;
}
.table .table-list .table-item .item-col .actions a.remove-from-cart {
  display: none;
}
.table .table-list .table-item.center-aligned .item-col {
  vertical-align: middle;
}
.table .table-list .table-item .show-status-pending, .table .table-list .table-item .show-status-runnable, .table .table-list .table-item .show-status-editable, .table .table-list .table-item .show-status-run, .table .table-list .table-item .show-status-running, .table .table-list .table-item .show-status-reviewing, .table .table-list .table-item .show-status-paused, .table .table-list .table-item .show-status-stopped, .table .table-list .table-item .show-status-cancelled, .table .table-list .table-item .show-status-failed {
  display: none;
}
.table .table-list .table-item.status-runnable .show-status-runnable {
  display: inline-flex;
}
.table .table-list .table-item.status-editable .show-status-editable {
  display: inline-flex;
}
.table .table-list .table-item.status-run .show-status-run {
  display: inline-flex;
}
.table .table-list .table-item.status-pending .show-status-pending {
  display: inline-flex;
}
.table .table-list .table-item.status-pending .status {
  background: #242250;
  color: #dbdbdb;
}
.table .table-list .table-item.status-pending .status:before {
  content: "Ready";
}
.table .table-list .table-item.status-running {
  background-color: #183025;
  background-color: rgba(4, 58, 119, 0.3607843137);
}
.table .table-list .table-item.status-running .show-status-running {
  display: inline-flex;
}
.table .table-list .table-item.status-running .status {
  background: #005bc2;
  color: #fff;
}
.table .table-list .table-item.status-running .status:before {
  content: "Running";
}
.table .table-list .table-item.status-reviewing .status {
  background: #98510a;
  color: #fff;
}
.table .table-list .table-item.status-reviewing .status:before {
  content: "Reviewing";
}
.table .table-list .table-item.status-complete .show-status-complete {
  display: inline-flex;
}
.table .table-list .table-item.status-complete .status {
  background: #32610c;
}
.table .table-list .table-item.status-complete .status:before {
  content: "Done";
}
.table .table-list .table-item.status-failed .show-status-failed {
  display: inline-flex;
}
.table .table-list .table-item.status-failed .status {
  background: rgba(195, 33, 33, 0.3490196078);
}
.table .table-list .table-item.status-failed .status:before {
  content: "Failed";
}
.table .table-list .table-item.status-stopped .show-status-stopped, .table .table-list .table-item.status-stopped .show-status-paused, .table .table-list .table-item.status-paused .show-status-stopped, .table .table-list .table-item.status-paused .show-status-paused {
  display: inline-flex;
}
.table .table-list .table-item.status-stopped .status, .table .table-list .table-item.status-paused .status {
  background: rgba(137, 0, 255, 0.231372549);
}
.table .table-list .table-item.status-stopped .status:before, .table .table-list .table-item.status-paused .status:before {
  content: "Paused";
}
.table .table-list .table-item.status-cancelled .show-status-cancelled {
  display: inline-flex;
}
.table .table-list .table-item.status-cancelled .status {
  background: rgba(224, 204, 62, 0.5333333333);
}
.table .table-list .table-item.status-cancelled .status:before {
  content: "Cancelled";
  color: #ccc;
}
.table .table-list .table-item.cart-added .item-col .actions a.add-to-cart {
  display: none;
}
.table .table-list .table-item.cart-added .item-col .actions a.remove-from-cart {
  display: inline-block;
}
.table .table-list .table-item.date-item .item-col {
  cursor: pointer;
}
.table .table-list .table-item.date-item:hover {
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.table .table-list .table-item.highlight .item-col {
  background-color: rgba(46, 77, 22, 0.2);
}
.table .table-list .table-item.th {
  font-weight: 600;
  text-transform: uppercase;
  z-index: 5;
}
.table .table-list .table-item.th .item-col {
  background-color: #32402a;
  position: sticky;
  top: 0;
  text-align: left;
  z-index: 5;
  transition: none;
}
.table .table-list .table-item.th .item-col.r {
  text-align: right;
}
.table .table-list .table-item.th.lite .item-col {
  background-color: #272727;
}
.table .table-list .table-item.light .item-col {
  padding: 5px 10px 5px 7.5px;
}
.table .table-list .table-item.medium .item-col {
  padding: 10px 10px 10px 7.5px;
}

.report {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start;
}
.report .attainment {
  overflow: hidden;
  background-color: #1e1e1e;
  position: relative;
  width: 100%;
  border: 0px solid #111;
  height: 10px;
  border-radius: 2px;
}
.report .attainment .meter {
  height: 100%;
  position: absolute;
}
.report .attainment .meter.red {
  right: 50%;
  background: linear-gradient(5deg, #711511 0%, #692323 100%);
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.report .attainment .meter.black {
  left: 50%;
  background: linear-gradient(5deg, #044006 0%, #1b631c 100%);
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
@media (max-width: 1023px) {
  .report .stat-title {
    min-width: 100%;
  }
}
.report .block-date {
  line-height: normal;
  white-space: break-spaces;
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  padding: 10px;
  display: inline-block;
  padding: 5px 10px;
  color: #7e9b68;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .report .block-date {
    /*position: absolute;
    //width: 100%;
    left: 0;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);*/
    text-align: left;
    font-size: 18px;
    justify-content: flex-start;
  }
}
.report .sub-key-display {
  text-align: center;
  text-transform: capitalize;
  padding: 7.5px 15px;
  font-size: 135%;
  background-color: #1c5397;
  color: #fff;
  display: inline-block;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .report .sub-key-display {
    margin-left: 10px;
    text-align: left;
  }
}
.report .sub-key-display a {
  margin-left: 10px;
}
.report .today {
  font-size: 10px;
  padding: 2px 9px;
  background-color: #2e4d16;
  margin-left: 10px;
  line-height: normal;
  border-radius: 3px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #bdb8b8;
  align-self: center;
  text-transform: uppercase;
}
.report .today:before {
  content: "Today";
}
.report.fit-frame {
  padding: 0px;
  padding-top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.report.fit-frame .banner {
  margin-bottom: 0;
  position: relative;
  top: 0px;
  z-index: 10;
  left: 0;
  width: 100%;
}
.report.fit-frame .banner .stat-header {
  min-height: 50px;
  height: 100%;
}
.report.fit-frame .banner .stat-header.enhanced {
  border-bottom: 1px solid #151515;
  background-color: #1a1a1a;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  padding-bottom: 0;
  line-height: normal;
  font-weight: 800;
  white-space: nowrap;
  color: #7e9b68;
  padding: 15px 20px;
  flex-wrap: wrap;
}
.module-menu .report.fit-frame .banner .stat-header.enhanced {
  padding: 10px 10px 0 10px;
}
@media (min-width: 1024px) {
  .report.fit-frame .banner .stat-header.enhanced {
    padding: 15px 20px;
  }
  .module-menu .report.fit-frame .banner .stat-header.enhanced {
    padding: 0 10px;
    min-height: 68px;
  }
}
@media (min-width: 1024px) {
  .report.fit-frame .banner {
    width: 100%;
    left: 0;
  }
}
.report.fit-frame .stat-object {
  flex: 1;
  align-self: stretch;
  max-height: 500px;
  order: 2;
}
.report.fit-frame .stat-object.overlayed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: none;
  max-height: none;
  background-color: #1f1f1f;
  z-index: 10;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.report.fit-frame .stat-object.overlayed .stat-inner {
  overflow: hidden;
}
.report.fit-frame .stat-object.overlayed .stat-header {
  margin-top: 20px;
}
.report.fit-frame .stat-object.overlayed .stat-header .stat-title {
  cursor: default;
}
.report.fit-frame .stat-object.overlayed .stat-header .stat-title .bolder {
  font-size: 30px;
}
@media (min-width: 1024px) {
  .report.fit-frame .stat-object {
    max-height: 450px;
  }
  .report.fit-frame .stat-object.w50 {
    min-height: 450px;
  }
  .report.fit-frame .stat-object.w33 {
    min-height: 450px;
  }
}
.report.fit-frame .stat-object.stat-object-blocks {
  max-height: none;
}
.report.fit-frame .stat-object.stat-object-blocks .stat-overview-today.stat-inner .stat-container .stat-body {
  padding: 0;
}
.report.fit-frame .stats-lists-container {
  overflow: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  flex: 1;
}
.report.fit-frame .stats-lists-container .stats-list-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  flex: 1;
  padding: 10px;
}
.report .stat-object {
  min-width: 100%;
  position: relative;
  margin-bottom: 30px;
  padding: 0 7.5px;
}
@media (min-width: 1024px) {
  .report .stat-object.w33 {
    width: calc(33.3% - 7.5px);
    min-width: calc(33.3% - 7.5px);
  }
  .report .stat-object.w67 {
    width: calc(67% - 7.5px);
    min-width: calc(67% - 7.5px);
  }
  .report .stat-object.w100 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .report .stat-object.w35 {
    width: calc(35% - 7.5px);
    min-width: calc(35% - 7.5px);
  }
  .report .stat-object.w37 {
    width: calc(37.5% - 7.5px);
    min-width: calc(37.5% - 7.5px);
  }
  .report .stat-object.w40 {
    width: calc(40% - 7.5px);
    min-width: calc(40% - 7.5px);
  }
  .report .stat-object.w45 {
    width: calc(45% - 7.5px);
    min-width: calc(45% - 7.5px);
  }
  .report .stat-object.w50 {
    width: calc(50% - 7.5px);
    min-width: calc(50% - 7.5px);
  }
  .report .stat-object.w55 {
    width: calc(55% - 7.5px);
    min-width: calc(55% - 7.5px);
  }
  .report .stat-object.w60 {
    width: calc(60% - 7.5px);
    min-width: calc(65% - 7.5px);
  }
  .report .stat-object.w65 {
    width: calc(65% - 7.5px);
    min-width: calc(65% - 7.5px);
  }
  .report .stat-object.w25 {
    width: calc(25% - 7.5px);
    min-width: calc(25% - 7.5px);
  }
  .report .stat-object.w75 {
    width: calc(75% - 7.5px);
    min-width: calc(75% - 7.5px);
  }
  .report .stat-object.w20 {
    width: calc(20% - 7.5px);
    min-width: calc(20% - 7.5px);
  }
  .report .stat-object.w15 {
    width: calc(15% - 7.5px);
    min-width: calc(15% - 7.5px);
  }
}
.report .stat-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.report .stat-inner .stat-container {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.report .stat-inner .stat-container .stat-body {
  flex: 1;
  height: calc(100% - 100px);
}
.report .stat-inner .stat-container:hover .stat-header .download {
  opacity: 1;
}
.report .rotate-label .stat-body .y-plots {
  height: 30px;
}
.report .rotate-label .stat-body .y-plots .label {
  transform: rotate(60deg);
  font-size: 12px;
  position: absolute;
  bottom: -2px;
}
.report .rotate-label .stat-body .y-plots .label.dont-display {
  opacity: 0;
}
.report input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #999;
  /* Not removed via appearance */
  margin: 0;
  display: grid;
  place-content: center;
  margin-right: 10px;
}
.report input[type=checkbox]::before {
  content: "";
  width: 1em;
  height: 1em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #0195ff;
}
.report input[type=checkbox]:checked::before {
  transform: scale(1);
}
.report .stat-title.main-date {
  font-weight: inherit;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  background-color: #212c18;
  padding: 10px;
}
.report .stat-title.main-date .lbl {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 11px;
}
.report .stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report .stat-header .download {
  opacity: 0;
  transition: all 300ms ease;
  cursor: pointer;
  margin-right: 5px;
}
.report .stat-header .download:hover {
  color: #2e4d16;
}
.report .stat-header .stat-title {
  white-space: nowrap;
  font-weight: 500;
  flex: 1;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .report .stat-header .stat-title {
    order: 4;
  }
}
.report .stat-header .stat-title .bolder {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  color: #e2e2e2;
}
.report .stat-header .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  user-select: none;
  position: relative;
}
@media (min-width: 1024px) {
  .report .stat-header .actions {
    margin-top: 0;
    font-weight: 500;
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .report .stat-header .actions {
    margin-bottom: 15px;
  }
  .report .stat-header .actions .stat-title {
    min-width: 100%;
  }
}
.report .stat-header .actions .form-filters {
  position: absolute;
  right: 20px;
  top: -5px;
  z-index: 8;
  padding: 5px 20px 10px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  height: 30px;
  overflow: hidden;
  transition: all 100ms ease;
  transform: translateY(-10px);
}
.report .stat-header .actions .form-filters label {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  cursor: default;
  white-space: nowrap;
}
.report .stat-header .actions .form-filters:hover {
  background-color: #252525;
  border: 1px solid #333;
  height: auto;
}
.report .stat-header .actions .back, .report .stat-header .actions .fwd {
  background-color: #2e4d16;
  padding: 2px 20px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #909090;
  transition: all 200ms ease;
}
.report .stat-header .actions .back:hover, .report .stat-header .actions .fwd:hover {
  background-color: rgba(46, 77, 22, 0.7333333333);
}
.report .stat-header .actions .back i, .report .stat-header .actions .fwd i {
  font-size: 16px;
  line-height: normal;
}
.report .stat-header .actions .back.disabled, .report .stat-header .actions .fwd.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.report .stat-header .actions .back i {
  margin-right: 3px;
}
.report .stat-header .actions .fwd {
  margin-left: 1px;
}
.report .stat-header .actions .fwd i {
  margin-left: 5px;
}
.report .stat-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.report .stat-footer .total {
  padding: 10px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(5deg, #212121 0%, #252525 100%);
  color: #eee;
  margin-right: 1px;
}
.report .stat-footer .total:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.report .stat-footer .total:last-child {
  margin-right: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.report .stat-footer .total .label {
  text-align: center;
  font-size: 13px;
}
.report .stat-footer .total .value {
  font-size: 18px;
  font-weight: 600;
}
.report .stat-body {
  padding: 7.5px 0 7.5px 0;
  position: relative;
  height: 100%;
}
.report .stat-body .stat-content {
  position: relative;
  background-color: rgba(255, 255, 255, 0.0117647059);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.report .stat-body .stat-content .table .table-list .table-item .item-col {
  padding: 10px 15px 10px 7.5px;
}
.report .stat-body .stat-content .legend {
  padding: 15px;
  display: flex;
  font-size: 13px;
  background-color: #232323;
}
.report .stat-body .stat-content .legend .summary-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1px;
}
.report .stat-body .stat-content .legend .summary-row .summary-item {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 1px;
  flex-wrap: wrap;
  padding: 2.5px 7.5px;
  background-color: #222;
  height: 100%;
}
.report .stat-body .stat-content .legend .summary-row .summary-item:last-child {
  margin-right: 0;
}
.report .stat-body .stat-content .legend .summary-row .summary-item > span {
  padding: 0 7.5px;
  white-space: nowrap;
}
.report .stat-body .stat-content .legend .summary-row .summary-item > span:first-child {
  font-weight: 600;
  flex: 1;
}
.report .stat-body .stat-content .legend .item {
  display: flex;
  margin-right: 25px;
  justify-content: center;
  align-items: center;
}
.report .stat-body .stat-content .legend .item .box {
  margin-right: 5px;
  height: 12px;
  width: 12px;
  background: linear-gradient(5deg, #033389 0%, #0195ff 100%);
  border-radius: 3px;
}
.report .stat-body .stat-content .legend .item.item2 .box {
  background: linear-gradient(5deg, #b73d3d 0%, #ad2222 100%);
}
.report .stat-body .stat-content .stat-box {
  position: relative;
  padding: 0px;
  height: 100%;
  font-size: 13px;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .x-plots {
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  padding-bottom: 25px;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .x-plots .plot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .x-plots .plot .label {
  margin-right: 10px;
  text-align: right;
  font-size: 11px;
  position: relative;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .x-plots .plot .filler {
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.031372549);
  position: relative;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  top: 0;
  left: 0;
  padding: 15px;
  padding-left: 75px;
  padding-right: 25px;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-right: 1px;
  transition: all 200ms ease;
  align-items: center;
  border-right: 1px solid #292929;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:hover {
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 0, 0.0666666667);
  background-color: rgba(255, 255, 0, 0.0666666667);
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:hover .filler .value > div, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:hover .filler .value2 > div {
  opacity: 1;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler {
  height: calc(100% - 20px);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  opacity: 0;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 {
  width: 100%;
  max-width: 20px;
  min-width: 2px;
  height: 0%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background: linear-gradient(5deg, #033389 0%, #0195ff 100%);
  transition: all 500ms ease 0ms;
  position: relative;
  word-break: break-word;
  font-size: 8px;
  color: #fff;
  letter-spacing: 0px;
  text-align: center;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-bottom: 3px;
  line-height: 11px;
  justify-content: center;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value > div, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 > div {
  transition: all 300ms ease;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value .annotation, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 .annotation {
  position: absolute;
  top: -15px;
  color: #d0d85f;
  color: #9fa272;
  right: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value .annotation i, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 .annotation i {
  font-size: 7px;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value .annotation > div, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 .annotation > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value .annotation > div:after, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 .annotation > div:after {
  content: "";
  height: 1px;
  position: relative;
  width: 20px;
  margin: 0 5px;
  border-top: 1px dashed rgba(119, 119, 119, 0.3333333333);
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2 {
  margin-left: 1px;
  background: linear-gradient(5deg, #b73d3d 0%, #ad2222 100%);
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .filler .value2.has-annotation {
  background: linear-gradient(5deg, #842525 0%, #791111 100%);
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot .label {
  height: 20px;
  padding-top: 2px;
  padding-left: 3px;
  text-align: center;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(0) .filler {
  transition: all 0ms ease 0ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(0) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(0) .filler .value2 {
  transition: all 500ms ease 0ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(1) .filler {
  transition: all 0ms ease 15ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(1) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(1) .filler .value2 {
  transition: all 500ms ease 15ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(2) .filler {
  transition: all 0ms ease 30ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(2) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(2) .filler .value2 {
  transition: all 500ms ease 30ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(3) .filler {
  transition: all 0ms ease 45ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(3) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(3) .filler .value2 {
  transition: all 500ms ease 45ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(4) .filler {
  transition: all 0ms ease 60ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(4) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(4) .filler .value2 {
  transition: all 500ms ease 60ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(5) .filler {
  transition: all 0ms ease 75ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(5) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(5) .filler .value2 {
  transition: all 500ms ease 75ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(6) .filler {
  transition: all 0ms ease 90ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(6) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(6) .filler .value2 {
  transition: all 500ms ease 90ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(7) .filler {
  transition: all 0ms ease 105ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(7) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(7) .filler .value2 {
  transition: all 500ms ease 105ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(8) .filler {
  transition: all 0ms ease 120ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(8) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(8) .filler .value2 {
  transition: all 500ms ease 120ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(9) .filler {
  transition: all 0ms ease 135ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(9) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(9) .filler .value2 {
  transition: all 500ms ease 135ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(10) .filler {
  transition: all 0ms ease 150ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(10) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(10) .filler .value2 {
  transition: all 500ms ease 150ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(11) .filler {
  transition: all 0ms ease 165ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(11) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(11) .filler .value2 {
  transition: all 500ms ease 165ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(12) .filler {
  transition: all 0ms ease 180ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(12) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(12) .filler .value2 {
  transition: all 500ms ease 180ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(13) .filler {
  transition: all 0ms ease 195ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(13) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(13) .filler .value2 {
  transition: all 500ms ease 195ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(14) .filler {
  transition: all 0ms ease 210ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(14) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(14) .filler .value2 {
  transition: all 500ms ease 210ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(15) .filler {
  transition: all 0ms ease 225ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(15) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(15) .filler .value2 {
  transition: all 500ms ease 225ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(16) .filler {
  transition: all 0ms ease 240ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(16) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(16) .filler .value2 {
  transition: all 500ms ease 240ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(17) .filler {
  transition: all 0ms ease 255ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(17) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(17) .filler .value2 {
  transition: all 500ms ease 255ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(18) .filler {
  transition: all 0ms ease 270ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(18) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(18) .filler .value2 {
  transition: all 500ms ease 270ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(19) .filler {
  transition: all 0ms ease 285ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(19) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(19) .filler .value2 {
  transition: all 500ms ease 285ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(20) .filler {
  transition: all 0ms ease 300ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(20) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(20) .filler .value2 {
  transition: all 500ms ease 300ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(21) .filler {
  transition: all 0ms ease 315ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(21) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(21) .filler .value2 {
  transition: all 500ms ease 315ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(22) .filler {
  transition: all 0ms ease 330ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(22) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(22) .filler .value2 {
  transition: all 500ms ease 330ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(23) .filler {
  transition: all 0ms ease 345ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(23) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(23) .filler .value2 {
  transition: all 500ms ease 345ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(24) .filler {
  transition: all 0ms ease 360ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(24) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(24) .filler .value2 {
  transition: all 500ms ease 360ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(25) .filler {
  transition: all 0ms ease 375ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(25) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(25) .filler .value2 {
  transition: all 500ms ease 375ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(26) .filler {
  transition: all 0ms ease 390ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(26) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(26) .filler .value2 {
  transition: all 500ms ease 390ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(27) .filler {
  transition: all 0ms ease 405ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(27) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(27) .filler .value2 {
  transition: all 500ms ease 405ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(28) .filler {
  transition: all 0ms ease 420ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(28) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(28) .filler .value2 {
  transition: all 500ms ease 420ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(29) .filler {
  transition: all 0ms ease 435ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(29) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(29) .filler .value2 {
  transition: all 500ms ease 435ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(30) .filler {
  transition: all 0ms ease 450ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(30) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(30) .filler .value2 {
  transition: all 500ms ease 450ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(31) .filler {
  transition: all 0ms ease 465ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(31) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(31) .filler .value2 {
  transition: all 500ms ease 465ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(32) .filler {
  transition: all 0ms ease 480ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(32) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(32) .filler .value2 {
  transition: all 500ms ease 480ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(33) .filler {
  transition: all 0ms ease 495ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(33) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(33) .filler .value2 {
  transition: all 500ms ease 495ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(34) .filler {
  transition: all 0ms ease 510ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(34) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(34) .filler .value2 {
  transition: all 500ms ease 510ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(35) .filler {
  transition: all 0ms ease 525ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(35) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(35) .filler .value2 {
  transition: all 500ms ease 525ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(36) .filler {
  transition: all 0ms ease 540ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(36) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(36) .filler .value2 {
  transition: all 500ms ease 540ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(37) .filler {
  transition: all 0ms ease 555ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(37) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(37) .filler .value2 {
  transition: all 500ms ease 555ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(38) .filler {
  transition: all 0ms ease 570ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(38) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(38) .filler .value2 {
  transition: all 500ms ease 570ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(39) .filler {
  transition: all 0ms ease 585ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(39) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(39) .filler .value2 {
  transition: all 500ms ease 585ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(40) .filler {
  transition: all 0ms ease 600ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(40) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(40) .filler .value2 {
  transition: all 500ms ease 600ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(41) .filler {
  transition: all 0ms ease 615ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(41) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(41) .filler .value2 {
  transition: all 500ms ease 615ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(42) .filler {
  transition: all 0ms ease 630ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(42) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(42) .filler .value2 {
  transition: all 500ms ease 630ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(43) .filler {
  transition: all 0ms ease 645ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(43) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(43) .filler .value2 {
  transition: all 500ms ease 645ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(44) .filler {
  transition: all 0ms ease 660ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(44) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(44) .filler .value2 {
  transition: all 500ms ease 660ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(45) .filler {
  transition: all 0ms ease 675ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(45) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(45) .filler .value2 {
  transition: all 500ms ease 675ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(46) .filler {
  transition: all 0ms ease 690ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(46) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(46) .filler .value2 {
  transition: all 500ms ease 690ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(47) .filler {
  transition: all 0ms ease 705ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(47) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(47) .filler .value2 {
  transition: all 500ms ease 705ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(48) .filler {
  transition: all 0ms ease 720ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(48) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(48) .filler .value2 {
  transition: all 500ms ease 720ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(49) .filler {
  transition: all 0ms ease 735ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(49) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(49) .filler .value2 {
  transition: all 500ms ease 735ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(50) .filler {
  transition: all 0ms ease 750ms;
}
.report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(50) .filler .value, .report .stat-body .stat-content .stat-box.stat-type-bar .y-plots .plot:nth-child(50) .filler .value2 {
  transition: all 500ms ease 750ms;
}

@keyframes plot-load {
  0% {
    transform: scaleY(0);
    transform-origin: bottom left;
  }
  /*25% {
      transform: scaleY(.25);
      transform-origin: bottom left;
  }*/
  50% {
    transform: scaleY(1.05);
    transform-origin: bottom left;
  }
  100% {
    transform-origin: bottom left;
    transform: scaleY(1);
  }
}
.messenger-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.messenger-section .tab-info .list .items {
  width: 100%;
}
.messenger-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.messenger-section table, .messenger-section tbody {
  width: 100%;
  display: block;
}
.messenger-section tr {
  width: 100%;
}
.messenger-section tr td:first-child, .messenger-section tr th:first-child {
  padding-left: 20px !important;
}
.messenger-section tr td:last-child, .messenger-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.messenger-section .list {
  display: flex;
  flex-wrap: wrap;
}
.messenger-section .list .messenger-item-details .meta {
  margin-bottom: 15px;
}
.messenger-section .list .items {
  display: block;
}
.messenger-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.messenger-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.messenger-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.messenger-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.messenger-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.messenger-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

@keyframes bottom-in {
  0% {
    transform: translateY(calc(-150% + 30px));
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 0.8;
  }
}
@keyframes bottom-out {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(calc(-100% + 30px));
  }
}
.bottom-in {
  animation: bottom-in 400ms;
}

@keyframes disolve-out {
  0% {
    transform: translateY(0%);
    opacity: 0.8;
  }
  100% {
    transform: translateY(calc(100% + 30px));
    opacity: 0;
  }
}
.disolve-out {
  animation: disolve-out 400ms;
}

@keyframes disolve-up {
  0% {
    transform: translateY(0%);
    opacity: 0.8;
    margin-left: 0px;
  }
  90% {
    transform: translateY(calc(-100% + 30px));
    opacity: 0;
    margin-left: 0px;
  }
  100% {
    transform: translateY(calc(-100% + 30px));
    opacity: 0;
    margin-left: -50%;
  }
}
.disolve-up {
  animation: disolve-up 400ms ease forwards;
  overflow: hidden;
  transition: all 300ms ease 300ms;
}

.new-messages {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
  padding: 30px;
  pointer-events: none;
}
.new-messages .list {
  display: flex;
  flex-direction: column;
  pointer-events: all;
}
.new-messages .list .message {
  width: 300px;
  background-color: #0095ff;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid trasparent;
  display: flex;
  flex-direction: column;
  color: #fbfbfb;
  transition: all 200ms ease;
  animation: bottom-in 200ms;
  opacity: 0.8;
  margin-top: 15px;
  position: relative;
  line-height: normal;
}
.new-messages .list .message.stick {
  opacity: 1;
}
.new-messages .list .message .close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
}
.new-messages .list .message .title {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 10px;
  color: #e1ea65;
}
.new-messages .list .message .meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.new-messages .list .message .meta .name {
  margin-right: 10px;
  font-weight: 600;
}
.new-messages .list .message .meta .from {
  font-size: 13px;
}
.new-messages .list .message .body {
  font-size: 13px;
}
.new-messages .list .message.remove {
  opacity: 0;
  animation: none;
  transition: box-shadow 200ms ease, opacity 200ms ease 100ms;
}
.new-messages .list .message.go-away {
  animation: disolve-out 200ms forwards;
}

.app .content-body .frame.landingPageItem .frame-main .frame-body .list {
  display: flex;
  flex-direction: row;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .editor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .editor .content {
  display: flex;
  height: 100%;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .editor .actions {
  margin-top: 15px;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .preview {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  width: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .preview img {
  position: relative;
  z-index: 3;
  pointer-events: none;
}
.app .content-body .frame.landingPageItem .frame-main .frame-body .list .preview iframe {
  width: 130%;
  height: 133%;
  border: 0;
  background: transparent;
  position: absolute;
  top: -15%;
  left: -15%;
  z-index: 2;
  transform: scale(0.7);
  padding: 8px;
  border-radius: 10px;
}

@keyframes popup-open {
  0% {
    transform: translateX(375px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(25px);
  }
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #111;
  z-index: 10;
  overflow: none;
  display: none;
  position: absolute !important;
  z-index: 999;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice .popup-panel {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice .popup-closer {
  right: 0;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice {
    width: 370px;
    transform: translateX(370px);
    padding-right: 25px;
  }
  .app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice .popup-closer {
    right: 25px;
  }
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice.active {
  display: block;
  right: 0;
}
@media (min-width: 1024px) {
  .app .content-body .frame.website-pages-item-details-frame .tab-slides .popup-choice.active {
    animation: popup-open 500ms forwards ease;
  }
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .fonts {
  display: flex;
  flex-direction: column;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .fonts .font {
  width: 100%;
  padding: 10px 15px;
  cursor: pointer;
  font-weight: 300;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .fonts .font.active {
  background-color: #033a60;
  color: #fff;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .fonts .font .text {
  font-size: 20px;
  display: none;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .fonts .font .font-family {
  font-size: 14px;
  font-weight: 600;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .sp-original-input-container {
  opacity: 0;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .sp-original-input-container input {
  width: 1px;
  height: 1px;
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .bg {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4039215686);
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .action-color {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  min-width: 35px;
  flex-direction: column;
  line-height: normal;
  max-width: 35px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .action-color .value {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  padding-bottom: 10px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .color-chooser {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 5px;
  padding: 0 6px;
  width: 100%;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .background-color-chooser {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .tool-box {
  background-color: #202020;
  height: 100%;
  overflow: auto;
  min-width: 50px;
  border-right: 1px solid #101010;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body {
  background-color: #373737;
  flex: 1;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body [contenteditable] {
  user-select: text;
  -webkit-user-select: text;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .slide {
  overflow: hidden;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .slide .elm:first-child {
  pointer-events: none;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm {
  -webkit-font-smoothing: auto;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm .ui-resizable-handle {
  box-shadow: 0px 0px 0px 1px rgba(128, 0, 128, 0.2901960784);
  opacity: 0;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm .drag-handler {
  position: absolute;
  top: -12.5px;
  height: 7.5px;
  background-color: rgba(128, 0, 128, 0.2901960784);
  width: 100%;
  left: 0%;
  font-size: 0;
  cursor: grab;
  opacity: 1;
  border-radius: 2px;
  opacity: 0;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm .drag-handler:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.selected .xui-rotatable-handle.ui-draggable {
  opacity: 1;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.selected .slide-elm {
  box-shadow: inset 0px 0px 0px 2px #d78c04;
  z-index: 99;
  cursor: text;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.selected .slide-elm:after {
  border: 2px dashed rgba(153, 153, 153, 0.2);
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover .ui-resizable-handle, .app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover .drag-handler {
  opacity: 1;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover .slide-elm:after {
  border: 2px solid purple;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover.ui-resizable-resizing .slide-elm:after, .app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover.ui-draggable-dragging .slide-elm:after {
  border: 1px dotted rgba(151, 73, 199, 0.431372549);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover.ui-draggable-dragging .ui-resizable-handle, .app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover.ui-draggable-dragging .drag-handler {
  opacity: 0;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm:hover.ui-draggable-dragging .slide-elm:after {
  border: 0;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.left:before {
  width: 1px;
  height: 1000%;
  content: "";
  left: 0;
  top: -330%;
  border-left: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.top:after {
  width: 1000%;
  height: 1px;
  content: "";
  left: -330%;
  top: 0;
  border-top: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.centered-h:beforex {
  width: calc(100% - 2px);
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border-left: 1px dotted rgba(215, 140, 4, 0.6);
  border-right: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.centered-h:before {
  width: 1px;
  height: 1000%;
  content: "";
  left: calc(50% - 1px);
  top: -330%;
  border-right: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.centered-v:beforex {
  height: calc(100% - 4px);
  width: 100%;
  content: "";
  left: 0;
  top: 0;
  border-top: 2px dotted rgba(215, 140, 4, 0.6);
  border-bottom: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.centered-v:after {
  height: 1px;
  width: 1000%;
  content: "";
  top: calc(50% - 1px);
  left: -330%;
  border-top: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.width:before {
  width: calc(100% - 4px);
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border-left: 2px dotted rgba(215, 140, 4, 0.6);
  border-right: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .frame-body .elm.matched.height:before {
  height: calc(100% - 4px);
  width: 100%;
  content: "";
  left: 0;
  top: 0;
  border-top: 2px dotted rgba(215, 140, 4, 0.6);
  border-bottom: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .properties-box {
  background-color: #202020;
  height: 100%;
  overflow: auto;
  min-width: 250px;
  border-left: 1px solid #101010;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .element-properties .actions {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
  padding: 10px;
}
.app .content-body .frame.website-pages-item-details-frame .tab-slides .element-properties .actions.show {
  opacity: 1;
  pointer-events: all;
}
.app .content-body .frame.website-pages-item-details-frame .frame-main .preview-website {
  min-width: 0px;
  max-width: 0px;
  width: 0px;
  height: 100%;
  background-color: #242424;
  border-left: 1px solid #141414;
  flex: 1;
  position: relative;
  transition: all 300ms ease;
}
.app .content-body .frame.website-pages-item-details-frame .frame-main .preview-website.show {
  min-width: 400px;
  max-width: 400px;
  width: 400px;
}
.app .content-body .frame.website-pages-item-details-frame .frame-main .preview-website iframe {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 400px;
}
.app .content-body .frame.website-pages-item-details-frame .frame-main.is-new .preview-website {
  display: none;
}
.app .content-body .frame.website-pages-item-details-frame .frame-main.is-new .preview-website .no-cert {
  display: none;
}

.slides {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.slides .carousel.edit-mode {
  width: calc(100% - 15px);
  margin: 7.5px;
}
.landscape-screen .slides .carousel.edit-mode {
  width: calc(50% - 15px);
}

.editor-frame .carousel .item.slide .elm .slide-elm.elm-background .image-element {
  background-color: transparent !important;
}

.angle-image {
  overflow: visible;
}
.angle-image .item-wrapper {
  transform: rotate(-45deg);
  border-radius: inherit;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}
.angle-image .item-wrapper img {
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
}

.carousel {
  position: relative;
  padding-top: 64.65%;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .carousel {
    padding-top: 37%;
    width: 50%;
    box-shadow: none;
  }
  .carousel.slide-screen {
    width: 100%;
    padding-top: 64.65%;
  }
}
.landscape-screen .carousel {
  padding-top: 100%;
}
.carousel.edit-mode {
  padding-top: 64.65%;
  z-index: 5;
  font-size: 1.9vw;
}
.landscape-screen .carousel.edit-mode {
  padding-top: 85%;
}
.carousel.edit-mode:focus-within {
  z-index: 10;
}
.carousel.edit-mode .items .item {
  overflow: visible;
}
.carousel.edit-mode .editor-panel {
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 10px;
  opacity: 1;
  transition: all 300ms ease;
  display: flex;
  background-color: #121212;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
}
.carousel.edit-mode .editor-panel i {
  font-size: 16px;
  margin-right: 5px;
  line-height: inherit;
}
.carousel.edit-mode .editor-panel div {
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel.edit-mode .editor-panel select {
  padding: 1px 3px;
  border-radius: 3px;
}
.carousel.edit-mode .slide:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  background-size: 20px 20px;
  background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 700ms ease;
  opacity: 0;
}
.carousel.edit-mode .slide:before {
  content: "";
  position: absolute;
  width: calc(100% - 120px);
  height: 100%;
  left: 60px;
  pointer-events: none;
  transition: all 700ms ease;
  z-index: 2;
  opacity: 0;
}
.carousel.edit-mode .slide.dragging:after, .carousel.edit-mode .slide.dragging:before {
  opacity: 0.08;
}
.carousel.edit-mode .slide .elm {
  transition: background-color 300ms ease, box-shadow 300ms ease;
  border-radius: 5px;
  min-width: 75px;
  min-height: 30px;
  z-index: 3;
}
.carousel.edit-mode .slide .elm .ui-resizable-handle {
  opacity: 0;
  transition: all 100ms ease;
}
.carousel.edit-mode .slide .elm .actions {
  opacity: 0;
  display: flex;
  z-index: 5;
  position: absolute;
  bottom: auto;
  top: 100%;
  font-size: 16px;
  transition: all 100ms ease;
  padding: 5px;
  border-radius: 5px;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  left: 0 !important;
  right: auto !important;
}
.carousel.edit-mode .slide .elm .actions label {
  width: 120px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 3px;
  text-align: right;
  justify-content: flex-end;
}
.carousel.edit-mode .slide .elm .actions .action {
  transition: all 300ms ease 300ms;
  opacity: 1;
  cursor: pointer;
  padding: 5px 7.5px;
  display: flex;
}
.carousel.edit-mode .slide .elm .actions .action select {
  padding: 1px 3px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}
.carousel.edit-mode .slide .elm .actions .action:hover {
  opacity: 0.8;
}
.carousel.edit-mode .slide .elm:hover {
  cursor: grab;
}
.carousel.edit-mode .slide .elm:hover .ui-resizable-handle {
  opacity: 1;
}
.carousel.edit-mode .slide .elm:hover.ui-draggable-dragging {
  cursor: grabbing;
}
.carousel.edit-mode .slide .elm.selected {
  box-shadow: 0px 0px 0px 1px #350d89;
  background-color: rgba(53, 13, 137, 0.6);
  border-bottom-left-radius: 0px;
}
.editor-frame .carousel.edit-mode .slide .elm.selected {
  background-color: transparent;
}
.carousel.edit-mode .slide .elm.selected .actions {
  transition: all 300ms ease;
  opacity: 1;
  pointer-events: all;
  background-color: #350d89;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.carousel.edit-mode .slide .elm.ui-draggable-disabled {
  cursor: text;
}
.carousel.edit-mode .slide .elm .slide-elm {
  height: 100%;
  width: 100%;
  position: relative !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.carousel.edit-mode .slide .elm .slide-elm.slide-left-half, .carousel.edit-mode .slide .elm .slide-elm.slide-right-half {
  width: 100% !important;
  left: 0% !important;
  right: auto !important;
}
.carousel .items {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: 16px;
}
.carousel .items .item {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .carousel .items .item {
    box-shadow: none;
  }
}
.carousel .items .item .cta {
  position: absolute;
  line-height: normal;
  font-size: 4.3vw;
}
@media (min-width: 1024px) {
  .carousel .items .item .cta {
    font-size: 1.6vw;
  }
}
.carousel .items .item .cta .button {
  display: inline-block;
  border-radius: 5px;
  padding: 7.5px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 75%;
  font-weight: 500;
}
.carousel .items .item .cta .title {
  font-size: 200%;
  font-weight: 900;
  margin-bottom: 10px;
}
.carousel .items .item .cta .sub-title {
  margin-bottom: 25px;
  font-size: 90%;
  font-family: "Open Sans", "Times New Roman", Times, serif;
}
.carousel .items .item img {
  position: absolute;
}

@keyframes slide-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-drop-in {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.elm, .slide-elm {
  z-index: 4;
}
.elm.vignette, .slide-elm.vignette {
  overflow: hidden;
}
.elm.vignette:before, .slide-elm.vignette:before {
  z-index: 3;
  position: absolute;
  bottom: 0;
  height: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 200px 100px rgba(0, 0, 0, 0.6);
  width: 100%;
  content: "";
}

.slide {
  transition: opacity 700ms ease;
  pointer-events: none;
  line-height: normal;
}
.slide img {
  object-fit: contain;
  height: 100%;
}
.slide .fixed-item {
  position: absolute;
}
.slide .slide-header {
  font-weight: 900;
  font-size: 125%;
}
.slide .slide-button {
  text-align: center;
  font-weight: 600;
  font-size: 150%;
  display: inline-block;
  border-radius: 5px;
  padding: 7.5px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 75%;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.slide .slide-left-half {
  left: 0 !important;
  right: auto !important;
  height: 100% !important;
  width: 50% !important;
  top: 0 !important;
}
.slide .slide-right-half {
  right: 0 !important;
  left: auto !important;
  height: 100% !important;
  width: 50% !important;
  top: 0 !important;
}
.slide .elm, .slide .slide-elm {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slide .elm.slide-fade-in, .slide .slide-elm.slide-fade-in {
  opacity: 0;
}
.slide .elm.slide-drop-in, .slide .slide-elm.slide-drop-in {
  opacity: 0;
  transform: translateY(-20%);
}
.slide.show, .endless-active .slide {
  opacity: 1;
  pointer-events: all;
}
.slide.show .elm.slide-fade-in, .slide.show .slide-elm.slide-fade-in, .endless-active .slide .elm.slide-fade-in, .endless-active .slide .slide-elm.slide-fade-in {
  animation: slide-fade-in 0ms ease forwards;
}
.slide.show .elm.slide-drop-in, .slide.show .slide-elm.slide-drop-in, .endless-active .slide .elm.slide-drop-in, .endless-active .slide .slide-elm.slide-drop-in {
  animation: slide-drop-in 0ms ease forwards;
}
.slide.show .elm.delay-2000ms, .slide.show .slide-elm.delay-2000ms, .endless-active .slide .elm.delay-2000ms, .endless-active .slide .slide-elm.delay-2000ms {
  animation-delay: 2000ms;
}
.slide.show .elm.speed-2000ms, .slide.show .slide-elm.speed-2000ms, .endless-active .slide .elm.speed-2000ms, .endless-active .slide .slide-elm.speed-2000ms {
  animation-duration: 2000ms;
}
.slide.show .elm.delay-1500ms, .slide.show .slide-elm.delay-1500ms, .endless-active .slide .elm.delay-1500ms, .endless-active .slide .slide-elm.delay-1500ms {
  animation-delay: 1500ms;
}
.slide.show .elm.speed-1500ms, .slide.show .slide-elm.speed-1500ms, .endless-active .slide .elm.speed-1500ms, .endless-active .slide .slide-elm.speed-1500ms {
  animation-duration: 1500ms;
}
.slide.show .elm.delay-1000ms, .slide.show .slide-elm.delay-1000ms, .endless-active .slide .elm.delay-1000ms, .endless-active .slide .slide-elm.delay-1000ms {
  animation-delay: 1000ms;
}
.slide.show .elm.speed-1000ms, .slide.show .slide-elm.speed-1000ms, .endless-active .slide .elm.speed-1000ms, .endless-active .slide .slide-elm.speed-1000ms {
  animation-duration: 1000ms;
}
.slide.show .elm.delay-750ms, .slide.show .slide-elm.delay-750ms, .endless-active .slide .elm.delay-750ms, .endless-active .slide .slide-elm.delay-750ms {
  animation-delay: 750ms;
}
.slide.show .elm.speed-750ms, .slide.show .slide-elm.speed-750ms, .endless-active .slide .elm.speed-750ms, .endless-active .slide .slide-elm.speed-750ms {
  animation-duration: 750ms;
}
.slide.show .elm.delay-500ms, .slide.show .slide-elm.delay-500ms, .endless-active .slide .elm.delay-500ms, .endless-active .slide .slide-elm.delay-500ms {
  animation-delay: 500ms;
}
.slide.show .elm.speed-500ms, .slide.show .slide-elm.speed-500ms, .endless-active .slide .elm.speed-500ms, .endless-active .slide .slide-elm.speed-500ms {
  animation-duration: 500ms;
}
.slide.show .elm.delay-300ms, .slide.show .slide-elm.delay-300ms, .endless-active .slide .elm.delay-300ms, .endless-active .slide .slide-elm.delay-300ms {
  animation-delay: 300ms;
}
.slide.show .elm.speed-300ms, .slide.show .slide-elm.speed-300ms, .endless-active .slide .elm.speed-300ms, .endless-active .slide .slide-elm.speed-300ms {
  animation-duration: 300ms;
}
.slide.show .elm.delay-200ms, .slide.show .slide-elm.delay-200ms, .endless-active .slide .elm.delay-200ms, .endless-active .slide .slide-elm.delay-200ms {
  animation-delay: 200ms;
}
.slide.show .elm.speed-200ms, .slide.show .slide-elm.speed-200ms, .endless-active .slide .elm.speed-200ms, .endless-active .slide .slide-elm.speed-200ms {
  animation-duration: 200ms;
}
.slide.show .elm.delay-150ms, .slide.show .slide-elm.delay-150ms, .endless-active .slide .elm.delay-150ms, .endless-active .slide .slide-elm.delay-150ms {
  animation-delay: 150ms;
}
.slide.show .elm.speed-150ms, .slide.show .slide-elm.speed-150ms, .endless-active .slide .elm.speed-150ms, .endless-active .slide .slide-elm.speed-150ms {
  animation-duration: 150ms;
}
.slide.show .elm.delay-100ms, .slide.show .slide-elm.delay-100ms, .endless-active .slide .elm.delay-100ms, .endless-active .slide .slide-elm.delay-100ms {
  animation-delay: 100ms;
}
.slide.show .elm.speed-100ms, .slide.show .slide-elm.speed-100ms, .endless-active .slide .elm.speed-100ms, .endless-active .slide .slide-elm.speed-100ms {
  animation-duration: 100ms;
}

.slide {
  position: absolute !important;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 700ms ease;
  pointer-events: none;
  line-height: normal;
}
.slide .fixed-item {
  position: absolute;
}
.slide .slide-header {
  font-weight: 900;
  font-size: 125%;
}
.slide .slide-button {
  text-align: center;
  font-weight: 600;
  font-size: 150%;
  display: inline-block;
  border-radius: 5px;
  padding: 7.5px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 75%;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.slide .slide-left-half {
  left: 0 !important;
  right: auto !important;
  height: 100% !important;
  width: 50% !important;
  top: 0 !important;
}
.slide .slide-right-half {
  right: 0 !important;
  left: auto !important;
  height: 100% !important;
  width: 50% !important;
  top: 0 !important;
}
.slide .elm, .slide .slide-elm {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slide .elm.slide-fade-in, .slide .slide-elm.slide-fade-in {
  opacity: 0;
}
.slide .elm.slide-drop-in, .slide .slide-elm.slide-drop-in {
  opacity: 0;
  transform: translateY(-20%);
}
.slide.show {
  position: relative !important;
  opacity: 1;
  pointer-events: all;
}
.slide.show .elm.slide-fade-in, .slide.show .slide-elm.slide-fade-in {
  animation: slide-fade-in 0ms ease forwards;
}
.slide.show .elm.slide-drop-in, .slide.show .slide-elm.slide-drop-in {
  animation: slide-drop-in 0ms ease forwards;
}
.slide.show .elm.delay-2000ms, .slide.show .slide-elm.delay-2000ms {
  animation-delay: 2000ms;
}
.slide.show .elm.speed-2000ms, .slide.show .slide-elm.speed-2000ms {
  animation-duration: 2000ms;
}
.slide.show .elm.delay-1500ms, .slide.show .slide-elm.delay-1500ms {
  animation-delay: 1500ms;
}
.slide.show .elm.speed-1500ms, .slide.show .slide-elm.speed-1500ms {
  animation-duration: 1500ms;
}
.slide.show .elm.delay-1000ms, .slide.show .slide-elm.delay-1000ms {
  animation-delay: 1000ms;
}
.slide.show .elm.speed-1000ms, .slide.show .slide-elm.speed-1000ms {
  animation-duration: 1000ms;
}
.slide.show .elm.delay-750ms, .slide.show .slide-elm.delay-750ms {
  animation-delay: 750ms;
}
.slide.show .elm.speed-750ms, .slide.show .slide-elm.speed-750ms {
  animation-duration: 750ms;
}
.slide.show .elm.delay-500ms, .slide.show .slide-elm.delay-500ms {
  animation-delay: 500ms;
}
.slide.show .elm.speed-500ms, .slide.show .slide-elm.speed-500ms {
  animation-duration: 500ms;
}
.slide.show .elm.delay-300ms, .slide.show .slide-elm.delay-300ms {
  animation-delay: 300ms;
}
.slide.show .elm.speed-300ms, .slide.show .slide-elm.speed-300ms {
  animation-duration: 300ms;
}
.slide.show .elm.delay-200ms, .slide.show .slide-elm.delay-200ms {
  animation-delay: 200ms;
}
.slide.show .elm.speed-200ms, .slide.show .slide-elm.speed-200ms {
  animation-duration: 200ms;
}
.slide.show .elm.delay-150ms, .slide.show .slide-elm.delay-150ms {
  animation-delay: 150ms;
}
.slide.show .elm.speed-150ms, .slide.show .slide-elm.speed-150ms {
  animation-duration: 150ms;
}
.slide.show .elm.delay-100ms, .slide.show .slide-elm.delay-100ms {
  animation-delay: 100ms;
}
.slide.show .elm.speed-100ms, .slide.show .slide-elm.speed-100ms {
  animation-duration: 100ms;
}

.home-slide {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.home-slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.home-slide .image-container img {
  object-fit: cover;
}
.home-slide .dispensary-info {
  color: #fff;
  padding: 25px;
  width: 100%;
  z-index: 3;
  position: relative;
}
.home-slide .dispensary-info:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  z-index: 2;
  left: 0;
  box-shadow: 0px 0px 200px 100px #3a3b3a;
}
.home-slide .dispensary-info.no-vin:before {
  content: "";
  box-shadow: 0px 0px 0px 0px #000;
}
.home-slide .dispensary-info h1 {
  font-weight: 900;
  margin-bottom: 5px;
  position: relative;
  z-index: 5;
}
.home-slide .dispensary-info h2 {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.page-header {
  display: none !important;
}

.section-container {
  margin: 0 !important;
}

.navigation {
  display: none;
}

.section-inner {
  padding: 25px;
}

.screens-frame h1 {
  font-weight: 600;
}
.screens-frame .portrait, .screens-frame .landscape {
  display: flex;
  width: 100%;
  gap: 3px;
  padding: 15px;
  background-color: #333;
}
.screens-frame .portrait div, .screens-frame .landscape div {
  flex: 1;
  position: relative;
  width: 100%;
}
.screens-frame .portrait div iframe, .screens-frame .landscape div iframe {
  flex: 1;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
}
.screens-frame .portrait div {
  padding-top: 35%;
}
.screens-frame .landscape div {
  padding-top: 30%;
}

.order-frame.delivery-window .hide-delivery, .orders-frame.delivery-window .hide-delivery {
  display: none;
}
.order-frame .show-delivery, .orders-frame .show-delivery {
  display: none;
}
.order-frame .hide-delivery, .orders-frame .hide-delivery {
  display: flex;
  width: 100%;
}
.order-frame.delivery-window .show-delivery, .orders-frame.delivery-window .show-delivery {
  display: flex;
  width: 100%;
}
.order-frame .tab-settings.field-set, .orders-frame .tab-settings.field-set {
  margin: 0;
}
.order-frame .level-green, .orders-frame .level-green {
  background-color: #354626;
}
.order-frame .level-gold, .orders-frame .level-gold {
  background-color: #4c4618;
}
.order-frame .level-platinum, .orders-frame .level-platinum {
  background-color: #464646;
}
.order-frame .level-ambassador, .orders-frame .level-ambassador {
  background-color: #324a75;
}
.order-frame .field-set .field-value.radios .radio.active.order-type-option-kiosk, .order-frame .field-set .field-value.radios .radio.active.order-type-signup, .orders-frame .field-set .field-value.radios .radio.active.order-type-option-kiosk, .orders-frame .field-set .field-value.radios .radio.active.order-type-signup {
  background-color: #3b841a;
}
.order-frame .field-set .field-value.radios .radio.active.order-type-option-express, .order-frame .field-set .field-value.radios .radio.active.order-type-sales, .orders-frame .field-set .field-value.radios .radio.active.order-type-option-express, .orders-frame .field-set .field-value.radios .radio.active.order-type-sales {
  background-color: #5e35af;
}
.order-frame .field-set .field-value.radios .radio.active.order-type-option-curbside, .orders-frame .field-set .field-value.radios .radio.active.order-type-option-curbside {
  background-color: #c74325;
}
.order-frame .field-set .field-value.radios .radio.active.order-type-option-delivery, .orders-frame .field-set .field-value.radios .radio.active.order-type-option-delivery {
  background-color: #3c72ab;
}
.portal-mode .order-frame textarea, .portal-mode .orders-frame textarea {
  min-height: 40vh;
}
.order-frame .selected-item, .orders-frame .selected-item {
  background-color: rgba(0, 0, 0, 0);
  padding: 1px 10px !important;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item {
  padding: 5px 10px;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-kiosk, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-signup, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-kiosk, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-signup {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-kiosk .selected-item, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-signup .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-kiosk .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-signup .selected-item {
  border: 1px solid #3b841a;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-delivery, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-delivery {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-delivery .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-delivery .selected-item {
  border: 1px solid #3c72ab;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-express, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-sales, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-express, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-sales {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-express .selected-item, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-sales .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-express .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-sales .selected-item {
  border: 1px solid #5e35af;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-curbside, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-curbside {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-curbside .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.order-filter-curbside .selected-item {
  border: 1px solid #c74325;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-kiosk, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-signup, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-kiosk, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-signup {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-kiosk .selected-item, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-signup .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-kiosk .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-signup .selected-item {
  background-color: #3b841a;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-delivery, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-delivery {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-delivery .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-delivery .selected-item {
  background-color: #3c72ab;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-express, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-sales, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-express, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-sales {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-express .selected-item, .order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-sales .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-express .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-sales .selected-item {
  background-color: #5e35af;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-curbside, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-curbside {
  background-color: transparent;
}
.order-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-curbside .selected-item, .orders-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.order-filter-curbside .selected-item {
  background-color: #c74325;
}
.order-frame .checkbox, .orders-frame .checkbox {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #ddd;
  text-transform: none;
  margin-left: 7.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-frame .checkbox .selected-item, .orders-frame .checkbox .selected-item {
  font-size: 11px;
  line-height: normal;
}
.order-frame .checkbox input, .orders-frame .checkbox input {
  display: none;
}
.order-frame .checkbox.active, .orders-frame .checkbox.active {
  background-color: #2e4d16;
}
.order-frame .order-item .address-container, .orders-frame .order-item .address-container {
  display: none;
}
.order-frame .order-item.order-type-delivery .address-container, .orders-frame .order-item.order-type-delivery .address-container {
  display: block;
}
.order-frame .order-details, .orders-frame .order-details {
  padding: 7.5px;
}
.order-frame .order-details .order-products .no-items, .orders-frame .order-details .order-products .no-items {
  padding: 0 7.5px;
  margin-bottom: 7.5px;
  font-style: italic;
}
.order-frame .order-details .order-products table, .orders-frame .order-details .order-products table {
  padding: 0 0 7.5px 0;
  font-size: 13px;
}
.order-frame .order-details .order-products table th, .orders-frame .order-details .order-products table th {
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  padding: 7.5px 7.5px 1.5px 0px;
  font-weight: inherit;
}
.order-frame .order-details .order-products table .order-product, .orders-frame .order-details .order-products table .order-product {
  color: #ccc;
}
.order-frame .order-details .order-products table td, .orders-frame .order-details .order-products table td {
  padding: 3px 7.5px 3px 0px;
  vertical-align: top;
}
.order-frame .order-details .order-products table .order-product .product-points, .orders-frame .order-details .order-products table .order-product .product-points {
  display: none;
  text-align: right;
}
.order-frame .order-details .order-products table .order-product .product-points:before, .orders-frame .order-details .order-products table .order-product .product-points:before {
  content: "POINTS";
  background-color: #ff7600;
  padding: 2px 5px;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}
.order-frame .order-details .order-products table .order-product.use-points .product-points, .orders-frame .order-details .order-products table .order-product.use-points .product-points {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.order-frame .order-details .order-products table .order-product.use-points .product-price, .orders-frame .order-details .order-products table .order-product.use-points .product-price {
  display: none;
}
.order-frame .order-details .order-products table .order-product.use-points .product-use-points, .orders-frame .order-details .order-products table .order-product.use-points .product-use-points {
  color: #ffff00;
}
.order-frame .order-details .order-products table .product-qty, .orders-frame .order-details .order-products table .product-qty {
  text-align: right;
}
.order-frame .order-details .order-products table .product-price, .orders-frame .order-details .order-products table .product-price {
  text-align: right;
}
.order-frame .lbl, .orders-frame .lbl {
  text-transform: uppercase;
  font-size: 12px;
}
.order-frame .val, .orders-frame .val {
  font-weight: 600;
}

.order-frame .product-options {
  margin-top: 15px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  padding: 7.5px;
  font-size: 13px;
}
.order-frame .product-options .product-option {
  border-bottom: 1px solid #191919;
  padding-bottom: 7.5px;
  margin-bottom: 7.5px;
  display: flex;
  align-items: center;
}
.order-frame .product-options .product-option:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.order-frame .product-options .product-option .product-select {
  display: flex;
  align-self: normal;
  margin-right: 15px;
}
.order-frame .product-options .product-option .product-select .button {
  width: 50px;
  padding: 5px 10px;
}
.order-frame .product-options .product-option .product-info {
  flex: 3;
}
.order-frame .order-customer {
  display: flex;
  flex-direction: column;
}
.order-frame .order-customer .customer-meta {
  flex: 3;
  display: flex;
  align-items: center;
}
.order-frame .order-customer .customer-name {
  font-weight: 600;
  text-transform: uppercase;
}
.order-frame .order-customer .customer-level {
  font-size: 10px;
  display: inline-flex;
  padding: 3px 7.5px;
  margin-top: 3px;
  align-self: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
}
.order-frame .order-customer .customer-options {
  margin-top: 15px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  padding: 7.5px;
  font-size: 13px;
}
.order-frame .order-customer .customer-options .customer-option {
  border-bottom: 1px solid #191919;
  padding-bottom: 7.5px;
  margin-bottom: 7.5px;
  display: flex;
  align-items: center;
}
.order-frame .order-customer .customer-options .customer-option:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.order-frame .order-customer .customer-options .customer-option .customer-select {
  display: flex;
  align-self: normal;
  margin-right: 15px;
}
.order-frame .order-customer .customer-options .customer-option .customer-select .button {
  width: 50px;
  padding: 5px 10px;
}
.order-frame .order-customer .customer-options .customer-option .customer-info {
  flex: 3;
}
.order-frame .new-item .hide-new-item {
  display: none;
}
.order-frame .show-new-item {
  display: none;
}
.order-frame .new-item .show-new-item {
  display: block;
}
.order-frame .order-details {
  padding: 0;
}

.app .content-body .frame.orders-frame .frame-main .frame-body {
  overflow: auto;
}

.orders-frame {
  user-select: none;
}
.orders-frame .show-submitted-orders {
  margin-top: 20px;
}
.orders-frame .show-submitted-orders label {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  cursor: pointer;
}
.orders-frame .order-list {
  display: flex;
  height: 100%;
  padding-left: 20px;
}
.orders-frame .order-list:after {
  content: "";
  max-width: 12.5px;
  width: 12.5px;
  min-width: 12.5px;
  height: 100%;
}
.orders-frame .order-list .order-column {
  flex: 1;
  margin-right: 7.5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #191919;
  overflow: hidden;
  min-width: calc(30% - 7.5px);
  transition: background-color 250ms ease;
}
.orders-frame .order-list .order-column.hide {
  display: none;
}
.orders-frame .order-list .order-column:last-child {
  margin-right: 0;
}
.orders-frame .order-list .order-column.column-cancelled {
  display: none;
}
.orders-frame .order-list .order-column.column-submitted {
  font-style: italic;
}
.orders-frame .order-list .order-column.column-unsubmitted {
  font-style: italic;
  opacity: 0.5;
}
.orders-frame .order-list .order-column.ui-droppable-hover {
  background-color: #264875;
}
.orders-frame .order-list .order-column.ui-droppable-hover .column-title {
  background-color: #1d3350;
}
.orders-frame .order-list .order-column.ui-droppable-hover.column-completed {
  background-color: #233e26;
}
.orders-frame .order-list .order-column.ui-droppable-hover.column-completed .column-title {
  background-color: #1a311d;
}
.orders-frame .order-list .order-column.ui-droppable-hover.column-completed .column-list .no-items {
  opacity: 1;
  color: #fff;
}
.orders-frame .order-list .order-column .column-title {
  transition: background-color 250ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #141414;
}
.orders-frame .order-list .order-column .column-title .item-count {
  background-color: #333;
  display: flex;
  padding: 2px 8px;
  font-size: 13px;
  line-height: normal;
  margin-left: 10px;
}
.orders-frame .order-list .order-column .column-list {
  overflow-y: auto;
  height: 100%;
  padding: 3px;
}
.orders-frame .order-list .order-column .column-list .empty-list {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  text-transform: uppercase;
  pointer-events: none;
  top: 0;
  left: 0;
}
.orders-frame .order-list .order-column .column-list .order-item {
  line-height: normal;
  margin-bottom: 6px;
  background-color: #333;
  font-size: 13px;
  cursor: default;
  overflow: hidden;
  transition: box-shadow 500ms ease, border 500ms ease;
}
.orders-frame .order-list .order-column .column-list .order-item.clone {
  transition: box-shadow 0ms ease;
  z-index: 5;
  transform: rotate(2deg);
}
.orders-frame .order-list .order-column .column-list .order-item:last-child {
  margin-bottom: 0;
}
.orders-frame .order-list .order-column .column-list .order-item.has-issues .action-issues {
  background-color: red;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-kiosk, .orders-frame .order-list .order-column .column-list .order-item.order-type-signup {
  box-shadow: 0px -3px 0px 0px #3b841a;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-kiosk.highlight, .orders-frame .order-list .order-column .column-list .order-item.order-type-signup.highlight {
  box-shadow: 0px 0px 0px 3px #3b841a;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-delivery {
  box-shadow: 0px -3px 0px 0px #3c72ab;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-delivery.highlight {
  box-shadow: 0px 0px 0px 3px #3c72ab;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-curbside {
  box-shadow: 0px -3px 0px 0px #c74325;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-curbside.highlight {
  box-shadow: 0px 0px 0px 3px #c74325;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-express, .orders-frame .order-list .order-column .column-list .order-item.order-type-sales {
  box-shadow: 0px -3px 0px 0px #5e35af;
}
.orders-frame .order-list .order-column .column-list .order-item.order-type-express.highlight, .orders-frame .order-list .order-column .column-list .order-item.order-type-sales.highlight {
  box-shadow: 0px 0px 0px 3px #5e35af;
}
.orders-frame .order-list .order-column .column-list .order-item .kiosk:after, .orders-frame .order-list .order-column .column-list .order-item .signup:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #3b841a;
}
.orders-frame .order-list .order-column .column-list .order-item .delivery:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #3c72ab;
}
.orders-frame .order-list .order-column .column-list .order-item .express:after, .orders-frame .order-list .order-column .column-list .order-item .sales:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #5e35af;
}
.orders-frame .order-list .order-column .column-list .order-item .curbside:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #c74325;
}
.orders-frame .order-list .order-column .column-list .order-item .address-container {
  background-color: rgba(45, 118, 154, 0.3215686275);
  border-bottom: 1px solid #292929;
  padding: 7.5px;
  text-align: center;
  color: #ddd;
}
.orders-frame .order-list .order-column .column-list .order-item .address-container label {
  font-weight: 600;
  text-align: center;
  justify-content: center;
}
.orders-frame .order-list .order-column .column-list .order-item .order-type {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}
.orders-frame .order-list .order-column .column-list .order-item .order-customer {
  padding: 7.5px;
  display: flex;
  border-bottom: 1px solid #292929;
  background-color: rgba(58, 55, 49, 0.4784313725);
}
.orders-frame .order-list .order-column .column-list .order-item .order-customer .customer-meta {
  flex: 3;
}
.orders-frame .order-list .order-column .column-list .order-item .order-customer .customer-name {
  font-weight: 600;
  text-transform: uppercase;
}
.orders-frame .order-list .order-column .column-list .order-item .order-customer .customer-level {
  font-size: 10px;
  display: inline-flex;
  padding: 3px 7.5px;
  margin-top: 3px;
  align-self: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.orders-frame .order-list .order-column .column-list .order-item .order-customer .order-date {
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.orders-frame .order-list .order-column .column-list .order-item .order-notes, .orders-frame .order-list .order-column .column-list .order-item .admin-notes {
  padding: 7.5px;
  font-style: italic;
  line-height: normal;
  display: flex;
  align-items: center;
  background-color: rgba(90, 90, 71, 0.3333333333);
  border-bottom: 1px solid #292929;
}
.orders-frame .order-list .order-column .column-list .order-item .order-notes i, .orders-frame .order-list .order-column .column-list .order-item .admin-notes i {
  margin-right: 7.5px;
  color: #c1c159;
  font-size: 16px;
}
.orders-frame .order-list .order-column .column-list .order-item .admin-notes {
  background-color: rgba(255, 0, 0, 0.3333333333);
}
.orders-frame .order-list .order-column .column-list .order-item .admin-notes i {
  color: #ffffff;
}
.orders-frame .order-list .order-column .column-list .order-item .order-meta {
  padding: 7.5px;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  background-color: rgba(43, 43, 43, 0.6784313725);
}
.orders-frame .order-list .order-column .column-list .order-item .order-meta .order-date {
  font-size: 13px;
  text-transform: uppercase;
}
.orders-frame .order-list .order-column .column-list .order-item .order-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7.5px;
  margin-bottom: 7.5px;
}
.orders-frame .order-list .order-column .column-list .order-item .order-controls .order-status {
  padding: 0 7.5px;
  text-transform: uppercase;
  font-size: 13px;
}
.orders-frame .order-list .order-column .column-list .order-item .order-controls .control-back, .orders-frame .order-list .order-column .column-list .order-item .order-controls .control-next {
  flex: 2;
  padding: 7.5px;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: center;
}
.orders-frame .order-list .order-column .column-list .order-item .order-controls .control-back:hover, .orders-frame .order-list .order-column .column-list .order-item .order-controls .control-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.orders-frame .order-list .order-column .column-list .order-item .order-controls .control-next {
  text-align: center;
}
.orders-frame .order-list .order-column .column-list .order-item .order-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 7.5px;
  background-color: rgba(3, 3, 3, 0.2);
}
.orders-frame .order-list .order-column .column-list .order-item .order-actions .action-items {
  display: flex;
}
.orders-frame .order-list .order-column .column-list .order-item .order-actions .action-items .action {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 5px;
  cursor: pointer;
}
.orders-frame .order-list .order-column .column-list .order-item .order-actions .action-items .action:last-child {
  margin-right: 0;
}
.orders-frame .order-list .order-column .column-list .order-item .order-actions .action-items .action.green {
  background-color: #355a39;
}
.orders-frame .order-list .order-column .column-list .order-item.has-expedite .order-actions .action-items .action.action-expedite {
  background-color: #2e4d16;
}
.orders-frame .order-list .order-column .column-list .order-item.has-issues .order-actions .action-items .action.action-issues {
  background-color: #2e4d16;
}
.orders-frame .order-list .order-column.column-pending .column-list .order-item .order-actions .action-items .action.action-order-completed {
  display: none;
}
.orders-frame .order-list .order-column.column-pending .column-list .order-item .order-controls .control-back {
  opacity: 0.2;
  pointer-events: none;
}
.orders-frame .order-list .order-column.column-transport .column-list .order-item .order-controls .control-next {
  opacity: 0.2;
  pointer-events: none;
}
.orders-frame .order-list .order-column.column-working .column-list .order-item .order-actions .action-items .action.action-order-completed, .orders-frame .order-list .order-column.column-submitted .column-list .order-item .order-actions .action-items .action.action-order-completed, .orders-frame .order-list .order-column.column-unsubmitted .column-list .order-item .order-actions .action-items .action.action-order-completed {
  display: none;
}

.coupon-frame .tab-settings.field-set, .coupons-frame .tab-settings.field-set {
  margin: 0;
}
.coupon-frame .level-green, .coupons-frame .level-green {
  background-color: #354626;
}
.coupon-frame .level-gold, .coupons-frame .level-gold {
  background-color: #4c4618;
}
.coupon-frame .level-platinum, .coupons-frame .level-platinum {
  background-color: #464646;
}
.coupon-frame .level-ambassador, .coupons-frame .level-ambassador {
  background-color: #324a75;
}
.coupon-frame .field-set .field-value.radios .radio.active.coupon-type-option-discount, .coupons-frame .field-set .field-value.radios .radio.active.coupon-type-option-discount {
  background-color: #3b841a;
}
.coupon-frame .field-set .field-value.radios .radio.active.coupon-type-option-redemption, .coupons-frame .field-set .field-value.radios .radio.active.coupon-type-option-redemption {
  background-color: #5e35af;
}
.coupon-frame .field-set .field-value.radios .radio.active.coupon-type-option-stamp, .coupons-frame .field-set .field-value.radios .radio.active.coupon-type-option-stamp {
  background-color: #c74325;
}
.coupon-frame .selected-item, .coupons-frame .selected-item {
  background-color: rgba(0, 0, 0, 0);
  padding: 1px 10px !important;
  border-radius: 5px !important;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item {
  padding: 5px 10px;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-discount, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-discount {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-discount .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-discount .selected-item {
  border: 1px solid #3b841a;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-redemption, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-redemption {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-redemption .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-redemption .selected-item {
  border: 1px solid #5e35af;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-stamp, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-stamp {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-stamp .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.coupon-filter-stamp .selected-item {
  border: 1px solid #c74325;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-discount, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-discount {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-discount .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-discount .selected-item {
  background-color: #3b841a;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-redemption, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-redemption {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-redemption .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-redemption .selected-item {
  background-color: #5e35af;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-stamp, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-stamp {
  background-color: transparent;
}
.coupon-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-stamp .selected-item, .coupons-frame .drilldown-wrapper .stat-drilldown .tabs-header .drilldown-item.active.coupon-filter-stamp .selected-item {
  background-color: #c74325;
}
.coupon-frame .checkbox, .coupons-frame .checkbox {
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #ddd;
  text-transform: none;
  margin-left: 7.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coupon-frame .checkbox .selected-item, .coupons-frame .checkbox .selected-item {
  font-size: 11px;
  line-height: normal;
}
.coupon-frame .checkbox input, .coupons-frame .checkbox input {
  display: none;
}
.coupon-frame .checkbox.active, .coupons-frame .checkbox.active {
  background-color: #2e4d16;
}
.coupon-frame .coupon-item .address-container, .coupons-frame .coupon-item .address-container {
  display: none;
}
.coupon-frame .coupon-details, .coupons-frame .coupon-details {
  padding: 7.5px;
}
.coupon-frame .coupon-details .coupon-products .no-items, .coupons-frame .coupon-details .coupon-products .no-items {
  padding: 0 7.5px;
  margin-bottom: 7.5px;
  font-style: italic;
}
.coupon-frame .coupon-details .coupon-products table, .coupons-frame .coupon-details .coupon-products table {
  padding: 0 0 7.5px 0;
  font-size: 13px;
}
.coupon-frame .coupon-details .coupon-products table th, .coupons-frame .coupon-details .coupon-products table th {
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  padding: 7.5px 7.5px 1.5px 0px;
  font-weight: inherit;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product, .coupons-frame .coupon-details .coupon-products table .coupon-product {
  color: #ccc;
}
.coupon-frame .coupon-details .coupon-products table td, .coupons-frame .coupon-details .coupon-products table td {
  padding: 3px 7.5px 3px 0px;
  vertical-align: top;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product .product-points, .coupons-frame .coupon-details .coupon-products table .coupon-product .product-points {
  display: none;
  text-align: right;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product .product-points:before, .coupons-frame .coupon-details .coupon-products table .coupon-product .product-points:before {
  content: "POINTS";
  background-color: #ff7600;
  padding: 2px 5px;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product.use-points .product-points, .coupons-frame .coupon-details .coupon-products table .coupon-product.use-points .product-points {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product.use-points .product-price, .coupons-frame .coupon-details .coupon-products table .coupon-product.use-points .product-price {
  display: none;
}
.coupon-frame .coupon-details .coupon-products table .coupon-product.use-points .product-use-points, .coupons-frame .coupon-details .coupon-products table .coupon-product.use-points .product-use-points {
  color: #ffff00;
}
.coupon-frame .coupon-details .coupon-products table .product-qty, .coupons-frame .coupon-details .coupon-products table .product-qty {
  text-align: right;
}
.coupon-frame .coupon-details .coupon-products table .product-price, .coupons-frame .coupon-details .coupon-products table .product-price {
  text-align: right;
}
.coupon-frame .lbl, .coupons-frame .lbl {
  text-transform: uppercase;
  font-size: 12px;
}
.coupon-frame .val, .coupons-frame .val {
  font-weight: 600;
}

.coupon-frame .product-options {
  margin-top: 15px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  padding: 7.5px;
  border-radius: 5px;
  font-size: 13px;
}
.coupon-frame .product-options .product-option {
  border-bottom: 1px solid #191919;
  padding-bottom: 7.5px;
  margin-bottom: 7.5px;
  display: flex;
  align-items: center;
}
.coupon-frame .product-options .product-option:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.coupon-frame .product-options .product-option .product-select {
  display: flex;
  align-self: normal;
  margin-right: 15px;
}
.coupon-frame .product-options .product-option .product-select .button {
  width: 50px;
  padding: 5px 10px;
}
.coupon-frame .product-options .product-option .product-info {
  flex: 3;
}
.coupon-frame .coupon-customer {
  display: flex;
  flex-direction: column;
}
.coupon-frame .coupon-customer .customer-meta {
  flex: 3;
  display: flex;
  align-items: center;
}
.coupon-frame .coupon-customer .customer-name {
  font-weight: 600;
  text-transform: uppercase;
}
.coupon-frame .coupon-customer .customer-level {
  font-size: 10px;
  display: inline-flex;
  padding: 3px 7.5px;
  margin-top: 3px;
  border-radius: 3px;
  align-self: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
}
.coupon-frame .coupon-customer .customer-options {
  margin-top: 15px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  padding: 7.5px;
  border-radius: 5px;
  font-size: 13px;
}
.coupon-frame .coupon-customer .customer-options .customer-option {
  border-bottom: 1px solid #191919;
  padding-bottom: 7.5px;
  margin-bottom: 7.5px;
  display: flex;
  align-items: center;
}
.coupon-frame .coupon-customer .customer-options .customer-option:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.coupon-frame .coupon-customer .customer-options .customer-option .customer-select {
  display: flex;
  align-self: normal;
  margin-right: 15px;
}
.coupon-frame .coupon-customer .customer-options .customer-option .customer-select .button {
  width: 50px;
  padding: 5px 10px;
}
.coupon-frame .coupon-customer .customer-options .customer-option .customer-info {
  flex: 3;
}
.coupon-frame .new-item .hide-new-item {
  display: none;
}
.coupon-frame .show-new-item {
  display: none;
}
.coupon-frame .new-item .show-new-item {
  display: block;
}
.coupon-frame .coupon-details {
  padding: 0;
}

.app .content-body .frame.coupons-frame .frame-main .frame-body {
  overflow: auto;
}

.coupons-frame {
  user-select: none;
}
.coupons-frame .show-submitted-coupons {
  margin-top: 20px;
}
.coupons-frame .show-submitted-coupons label {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  cursor: pointer;
}
.coupons-frame .coupon-list {
  display: flex;
  height: 100%;
  border-radius: 5px;
  padding-left: 20px;
}
.coupons-frame .coupon-list:after {
  content: "";
  max-width: 12.5px;
  width: 12.5px;
  min-width: 12.5px;
  height: 100%;
}
.coupons-frame .coupon-list .coupon-column {
  flex: 1;
  margin-right: 7.5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #191919;
  border-radius: 5px;
  overflow: hidden;
  min-width: calc(30% - 7.5px);
  transition: background-color 250ms ease;
}
.coupons-frame .coupon-list .coupon-column.hide {
  display: none;
}
.coupons-frame .coupon-list .coupon-column:last-child {
  margin-right: 0;
}
.coupons-frame .coupon-list .coupon-column.column-cancelled {
  display: none;
}
.coupons-frame .coupon-list .coupon-column.column-submitted {
  font-style: italic;
}
.coupons-frame .coupon-list .coupon-column.column-unsubmitted {
  font-style: italic;
  opacity: 0.5;
}
.coupons-frame .coupon-list .coupon-column.ui-droppable-hover {
  background-color: #264875;
}
.coupons-frame .coupon-list .coupon-column.ui-droppable-hover .column-title {
  background-color: #1d3350;
}
.coupons-frame .coupon-list .coupon-column.ui-droppable-hover.column-completed {
  background-color: #233e26;
}
.coupons-frame .coupon-list .coupon-column.ui-droppable-hover.column-completed .column-title {
  background-color: #1a311d;
}
.coupons-frame .coupon-list .coupon-column.ui-droppable-hover.column-completed .column-list .no-items {
  opacity: 1;
  color: #fff;
}
.coupons-frame .coupon-list .coupon-column .column-title {
  transition: background-color 250ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #141414;
  border-radius: 5px;
}
.coupons-frame .coupon-list .coupon-column .column-title .item-count {
  background-color: #333;
  display: flex;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 13px;
  line-height: normal;
  margin-left: 10px;
}
.coupons-frame .coupon-list .coupon-column .column-list {
  overflow-y: auto;
  height: 100%;
  padding: 3px;
}
.coupons-frame .coupon-list .coupon-column .column-list .empty-list {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  text-transform: uppercase;
  pointer-events: none;
  top: 0;
  left: 0;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item {
  line-height: normal;
  margin-bottom: 6px;
  background-color: #333;
  font-size: 13px;
  cursor: default;
  border-radius: 3px;
  overflow: hidden;
  transition: box-shadow 500ms ease, border 500ms ease;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.clone {
  transition: box-shadow 0ms ease;
  z-index: 5;
  transform: rotate(2deg);
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item:last-child {
  margin-bottom: 0;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.has-issues .action-issues {
  background-color: red;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-discount {
  box-shadow: 0px -3px 0px 0px #3b841a;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-discount.highlight {
  box-shadow: 0px 0px 0px 3px #3b841a;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-stamp {
  box-shadow: 0px -3px 0px 0px #c74325;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-stamp.highlight {
  box-shadow: 0px 0px 0px 3px #c74325;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-redemption {
  box-shadow: 0px -3px 0px 0px #5e35af;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.coupon-type-redemption.highlight {
  box-shadow: 0px 0px 0px 3px #5e35af;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .discount:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #3b841a;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .redemption:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #5e35af;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .stamp:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: #c74325;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .address-container {
  background-color: rgba(45, 118, 154, 0.3215686275);
  border-bottom: 1px solid #292929;
  padding: 7.5px;
  text-align: center;
  color: #ddd;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .address-container label {
  font-weight: 600;
  text-align: center;
  justify-content: center;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-type {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-customer {
  padding: 7.5px;
  display: flex;
  border-bottom: 1px solid #292929;
  background-color: rgba(58, 55, 49, 0.4784313725);
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-customer .customer-meta {
  flex: 3;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-customer .customer-name {
  font-weight: 600;
  text-transform: uppercase;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-customer .customer-level {
  font-size: 10px;
  display: inline-flex;
  padding: 3px 7.5px;
  margin-top: 3px;
  border-radius: 3px;
  align-self: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-customer .coupon-date {
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-notes {
  padding: 7.5px;
  font-style: italic;
  line-height: normal;
  display: flex;
  align-items: center;
  background-color: rgba(90, 90, 71, 0.3333333333);
  border-bottom: 1px solid #292929;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-notes i {
  margin-right: 7.5px;
  color: #c1c159;
  font-size: 16px;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-meta {
  padding: 7.5px;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  background-color: rgba(43, 43, 43, 0.6784313725);
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-meta .coupon-date {
  font-size: 13px;
  text-transform: uppercase;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7.5px;
  margin-bottom: 7.5px;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .coupon-status {
  padding: 0 7.5px;
  text-transform: uppercase;
  font-size: 13px;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .control-back, .coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .control-next {
  flex: 2;
  padding: 7.5px;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: center;
  border-radius: 3px;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .control-back:hover, .coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .control-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-controls .control-next {
  text-align: center;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 7.5px;
  background-color: rgba(3, 3, 3, 0.2);
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-actions .action-items {
  display: flex;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-actions .action-items .action {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 5px;
  cursor: pointer;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-actions .action-items .action:last-child {
  margin-right: 0;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item .coupon-actions .action-items .action.green {
  background-color: #355a39;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.has-expedite .coupon-actions .action-items .action.action-expedite {
  background-color: #2e4d16;
}
.coupons-frame .coupon-list .coupon-column .column-list .coupon-item.has-issues .coupon-actions .action-items .action.action-issues {
  background-color: #2e4d16;
}
.coupons-frame .coupon-list .coupon-column.column-pending .column-list .coupon-item .coupon-actions .action-items .action.action-coupon-completed {
  display: none;
}
.coupons-frame .coupon-list .coupon-column.column-pending .column-list .coupon-item .coupon-controls .control-back {
  opacity: 0.2;
  pointer-events: none;
}
.coupons-frame .coupon-list .coupon-column.column-transport .column-list .coupon-item .coupon-controls .control-next {
  opacity: 0.2;
  pointer-events: none;
}
.coupons-frame .coupon-list .coupon-column.column-working .column-list .coupon-item .coupon-actions .action-items .action.action-coupon-completed, .coupons-frame .coupon-list .coupon-column.column-submitted .column-list .coupon-item .coupon-actions .action-items .action.action-coupon-completed, .coupons-frame .coupon-list .coupon-column.column-unsubmitted .column-list .coupon-item .coupon-actions .action-items .action.action-coupon-completed {
  display: none;
}

.media-frame .media-list, .media-details-frame .media-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
  width: 100%;
}
.media-frame .media-list .media-item-details, .media-details-frame .media-list .media-item-details {
  width: 100%;
}
.media-frame .media-list .media-item-details .thumbnail img, .media-details-frame .media-list .media-item-details .thumbnail img {
  max-height: 30vh;
  width: 100%;
  object-fit: contain;
}
.media-frame .media-list .media-item-details .media-meta, .media-details-frame .media-list .media-item-details .media-meta {
  margin-bottom: 15px;
}
.media-frame .media-list .media-item, .media-details-frame .media-list .media-item {
  flex: 1;
  min-width: calc(50% - 10px);
  max-width: calc(50% - 10px);
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #fff;
}
@media (min-width: 1024px) {
  .media-frame .media-list .media-item, .media-details-frame .media-list .media-item {
    min-width: calc(20% - 10px);
    max-width: calc(20% - 10px);
  }
}
.media-frame .media-list .media-item:before, .media-details-frame .media-list .media-item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.media-frame .media-list .media-item:nth-child(1n), .media-details-frame .media-list .media-item:nth-child(1n) {
  margin-right: 10px;
}
.media-frame .media-list .media-item .thumbnail, .media-details-frame .media-list .media-item .thumbnail {
  object-fit: cover;
  width: 100%;
  top: 0;
  left: 0;
}
.media-frame .media-list .media-item .thumbnail img, .media-details-frame .media-list .media-item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  position: relative;
  z-index: -1;
  max-height: 350px;
}
.media-frame .media-list .media-item .media-meta, .media-details-frame .media-list .media-item .media-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 10px 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.media-frame .media-list .media-item.has-promo:before, .media-details-frame .media-list .media-item.has-promo:before {
  box-shadow: 0px 0px 0px 5px #ffff00;
}
.media-frame .media-list .media-item.has-promo .media-meta, .media-details-frame .media-list .media-item.has-promo .media-meta {
  background-color: #ffff00;
  color: #333;
}
.media-frame .media-list .media-item.has-promo .media-meta:before, .media-details-frame .media-list .media-item.has-promo .media-meta:before {
  content: "Pending";
}
.media-frame .media-list .media-item.past-promo, .media-details-frame .media-list .media-item.past-promo {
  opacity: 0.5;
}
.media-frame .media-list .media-item.past-promo:before, .media-details-frame .media-list .media-item.past-promo:before {
  box-shadow: 0px 0px 0px 5px #ccc;
}
.media-frame .media-list .media-item.past-promo .media-meta, .media-details-frame .media-list .media-item.past-promo .media-meta {
  background-color: #ccc;
  color: #777;
}
.media-frame .media-list .media-item.past-promo .media-meta:before, .media-details-frame .media-list .media-item.past-promo .media-meta:before {
  content: "Ended";
}
.media-frame .media-list .media-item.active-promo, .media-details-frame .media-list .media-item.active-promo {
  opacity: 1;
}
.media-frame .media-list .media-item.active-promo:before, .media-details-frame .media-list .media-item.active-promo:before {
  box-shadow: 0px 0px 0px 5px #00ff00;
}
.media-frame .media-list .media-item.active-promo .media-meta, .media-details-frame .media-list .media-item.active-promo .media-meta {
  background-color: rgba(5, 151, 5, 0.8);
  color: #fff;
}
.media-frame .media-list .media-item.active-promo .media-meta:before, .media-details-frame .media-list .media-item.active-promo .media-meta:before {
  content: "Active";
}

.media-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.media-section .tab-info .list .items {
  width: 100%;
}
.media-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.media-section table, .media-section tbody {
  width: 100%;
  display: block;
}
.media-section tr {
  width: 100%;
}
.media-section tr td:first-child, .media-section tr th:first-child {
  padding-left: 20px !important;
}
.media-section tr td:last-child, .media-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.media-section .list {
  display: flex;
  flex-wrap: wrap;
}
.media-section .list .inventory-item-details .meta {
  margin-bottom: 15px;
}
.media-section .list .items {
  display: block;
  width: 100%;
}
.media-section .list .items .item {
  width: 100%;
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.media-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.media-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.media-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.media-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.media-section .list .items .item .meta {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.numbers-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.numbers-section .tab-info .list .items {
  width: 100%;
}
.numbers-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.numbers-section .toggle-item {
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  cursor: pointer;
}
.numbers-section .toggle-item.active {
  background-color: #191919;
}
.numbers-section.is-new .hide-new {
  display: none !important;
}
.numbers-section .show-new {
  display: none;
}
.numbers-section .show-autobuy-on {
  display: none;
}
.numbers-section .show-needs-numbers {
  display: none;
}
.numbers-section.needs-numbers .show-needs-numbers {
  display: block;
}
.numbers-section.autobuy-on .hide-autobuy-on {
  display: none !important;
}
.numbers-section.autobuy-on .show-autobuy-on {
  display: inline-block;
}
.numbers-section.is-new .show-new {
  display: inline-block;
}
.numbers-section.number-profile-details-frame h2 {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 3px solid rgba(255, 253, 253, 0.0588235294);
}
.numbers-section.number-profile-details-frame .tab-info {
  min-width: 100%;
}
@media (min-width: 1024px) {
  .numbers-section.number-profile-details-frame .tab-info {
    min-width: 50%;
  }
}
.numbers-section.number-profile-details-frame .show-saving {
  display: none;
}
.numbers-section.number-profile-details-frame.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.numbers-section.number-profile-details-frame .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.numbers-section.number-profile-details-frame .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.numbers-section.number-profile-details-frame .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1024px) {
  .numbers-section.number-profile-details-frame .actions-row .actions-container {
    margin-top: 10px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .numbers-section.number-profile-details-frame .actions-row {
    padding: 0 10px 10px 10px;
  }
}
.numbers-section .buy-now-frame {
  display: none;
}
.numbers-section.has-numbers .buy-now-frame {
  display: flex;
}
.numbers-section table, .numbers-section tbody {
  width: 100%;
  display: block;
}
.numbers-section tr {
  width: 100%;
}
.numbers-section tr td:first-child, .numbers-section tr th:first-child {
  padding-left: 20px !important;
}
.numbers-section tr td:last-child, .numbers-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.numbers-section .list {
  display: flex;
  flex-wrap: wrap;
}
.numbers-section .list .number-item-details .meta {
  margin-bottom: 15px;
}
.numbers-section .list .items {
  display: block;
}
.numbers-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.numbers-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.numbers-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.numbers-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.numbers-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.numbers-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.carousel-frame .slides .carousel.edit-mode.type-image {
  padding-top: 0;
}
.carousel-frame .slides .carousel.edit-mode.type-image .items {
  position: relative;
}
.carousel-frame .slides .carousel.edit-mode.type-image .items .item {
  height: auto;
  min-height: 100px;
}

.campaigns-section .calendar-control {
  padding: 15px;
}
.campaigns-section .calendar-control .calendar-month {
  font-size: 12px;
}
.campaigns-section .show-campaign-type-trigger-main {
  display: none;
}
.campaigns-section .show-campaign-type-one-time-main {
  display: none;
}
.campaigns-section.campaign-type-trigger .show-campaign-type-trigger-main {
  display: block;
}
.campaigns-section.campaign-type-trigger .show-campaign-type-trigger-main.inline {
  display: inline-block;
  text-align: center;
}
.campaigns-section.campaign-type-trigger .hide-campaign-type-trigger-main {
  display: none !important;
}
.campaigns-section.campaign-type-one-time .show-campaign-type-one-time-main {
  display: block;
}
.campaigns-section.campaign-type-one-time .show-campaign-type-one-time-main.inline {
  display: inline-block;
  text-align: center;
}
.campaigns-section.campaign-type-one-time .hide-campaign-type-one-time-main {
  display: none !important;
}
.campaigns-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.campaigns-section .tab-info .list .items {
  width: 100%;
}
.campaigns-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.campaigns-section table, .campaigns-section tbody {
  width: 100%;
  display: block;
}
.campaigns-section tr {
  width: 100%;
}
.campaigns-section tr td:first-child, .campaigns-section tr th:first-child {
  padding-left: 20px !important;
}
.campaigns-section tr td:last-child, .campaigns-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.campaigns-section .list {
  display: flex;
  flex-wrap: wrap;
}
.campaigns-section .list .campaign-item-details .meta {
  margin-bottom: 15px;
}
.campaigns-section .list .items {
  display: block;
}
.campaigns-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.campaigns-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.campaigns-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.campaigns-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.campaigns-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.campaigns-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.modal .frame.campaign-details {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .modal .frame.campaign-details {
    width: 85vw;
    min-height: 90vh;
    max-height: 90vh;
  }
}

.frame.campaign-details {
  /*
      &.status-complete {
          .show-status-complete {
              display: flex;
          }
          .progress-status-bar {
              .progress-status {
                  background-color: #00c90f;
              }
          }
      }*/
}
.frame.campaign-details .show-10dlc {
  display: none;
}
.frame.campaign-details.is-10dlc .show-10dlc {
  display: block;
}
.frame.campaign-details.is-10dlc .show-10dlc.flex {
  display: flex;
}
.frame.campaign-details .criteria-builder {
  margin-bottom: 10px;
  padding-right: 10px;
}
.frame.campaign-details .criteria-builder .criteria-builder-items {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details .criteria-builder .criteria-builder-items .criteria-builder-item {
  background-color: rgba(46, 77, 22, 0.2);
  padding: 5px;
}
.frame.campaign-details .criteria-builder .criteria-builder-items .criteria-builder-item .keyName {
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame.campaign-details .criteria-builder .criteria-builder-items .criteria-builder-item .keyName .remove {
  margin-left: 20px;
  padding: 5px;
  cursor: pointer;
}
.frame.campaign-details .criteria-builder .criteria-builder-items .criteria-builder-item .keyValue {
  text-transform: capitalize;
}
.frame.campaign-details .audience-list .min-max {
  display: none;
}
.frame.campaign-details .audience-list .sub-grouping {
  display: none;
}
.frame.campaign-details .audience-list.is-numeric-or-date .min-max {
  display: flex;
}
.frame.campaign-details .audience-list.is-grouping .sub-grouping {
  display: flex;
}
.frame.campaign-details .audience-list .items .audience-item {
  cursor: pointer;
}
.frame.campaign-details .audience-list .items .audience-item.active {
  background-color: rgba(46, 77, 22, 0.2);
}
.frame.campaign-details .audience-list .items .audience-item input {
  pointer-events: none;
}
.frame.campaign-details .audience-options select {
  display: none;
}
.frame.campaign-details .audience-options .audience-options-items {
  width: 100%;
}
.frame.campaign-details .audience-options .audience-options-items .audience-option {
  cursor: pointer;
  padding: 1px 0px;
}
.frame.campaign-details .audience-options .audience-options-items .audience-option.active {
  background-color: rgba(46, 77, 22, 0.2);
}
.frame.campaign-details .loading .tab {
  opacity: 0;
}
.frame.campaign-details .saving-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7333333333);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease;
}
.frame.campaign-details .dynamic-items {
  padding-bottom: 15px;
}
.frame.campaign-details .dynamic-items .dynamic-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.frame.campaign-details .dynamic-items .dynamic-item.tagging-item {
  background-color: #393d5a;
  padding: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.frame.campaign-details .dynamic-items .dynamic-item.tagging-item select, .frame.campaign-details .dynamic-items .dynamic-item.tagging-item input, .frame.campaign-details .dynamic-items .dynamic-item.tagging-item textarea {
  background-color: rgba(0, 0, 0, 0.1803921569);
}
.frame.campaign-details .dynamic-items .dynamic-item.tagging-item .field .styled-title {
  color: #fff;
}
.frame.campaign-details .dynamic-items .dynamic-item.actions-item {
  background-color: #1e262e;
  padding: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.frame.campaign-details .dynamic-items .dynamic-item.actions-item select, .frame.campaign-details .dynamic-items .dynamic-item.actions-item input, .frame.campaign-details .dynamic-items .dynamic-item.actions-item textarea {
  background-color: rgba(0, 0, 0, 0.1803921569);
}
.frame.campaign-details .dynamic-items .dynamic-item.actions-item .field .styled-title {
  color: #fff;
}
.frame.campaign-details .dynamic-items .dynamic-item .field {
  margin-right: 10px;
  min-width: auto;
  flex: 1;
  margin-bottom: 10px;
}
.frame.campaign-details .dynamic-items .dynamic-item .field .styled-title {
  color: #6d855b;
  height: 100%;
  font-weight: 700;
}
.frame.campaign-details .dynamic-items .dynamic-item .field input, .frame.campaign-details .dynamic-items .dynamic-item .field select, .frame.campaign-details .dynamic-items .dynamic-item .field textarea {
  color: #fff;
  height: 100%;
}
.frame.campaign-details .dynamic-items .dynamic-item .field.remove-row {
  min-width: 100%;
}
.frame.campaign-details .dynamic-items .dynamic-item select, .frame.campaign-details .dynamic-items .dynamic-item input, .frame.campaign-details .dynamic-items .dynamic-item textarea {
  background-color: rgba(0, 0, 0, 0.1803921569);
}
.frame.campaign-details .form .info-items {
  flex-wrap: wrap;
  border: 0;
  background-color: #141414;
  padding-top: 1px;
}
.frame.campaign-details .form .info-items .field {
  margin-bottom: 0;
  background-color: #222222;
  min-width: calc(33.33% - 1px);
  margin: 0 1px 1px 0;
  border: 0;
  flex: 1;
}
.frame.campaign-details .form .info-items .field:nth-child(3n) {
  margin-right: 0;
}
.frame.campaign-details .form .info-items .field:nth-child(4), .frame.campaign-details .form .info-items .field:nth-child(5), .frame.campaign-details .form .info-items .field:nth-child(6) {
  margin-bottom: 0;
}
.frame.campaign-details .form .info-items .field .value {
  width: 100%;
}
.frame.campaign-details .form .info-items .field .styled-title {
  color: #777;
  width: 100%;
  text-align: center;
}
.frame.campaign-details .form .info-items .field input {
  font-weight: 700;
  font-size: 105%;
  height: 100%;
  color: #bbb;
  text-align: center;
}
.frame.campaign-details .progress-status-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  z-index: 10;
  transition: all 300ms ease;
  opacity: 1;
}
.frame.campaign-details .progress-status-bar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #111;
  z-index: 1;
}
.frame.campaign-details .progress-status-bar .progress-status {
  background-color: #0095ff;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  z-index: 3;
  transition: all 200ms ease 0s;
}
.frame.campaign-details .disable-no-list-selected {
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms ease;
  display: none;
}
.frame.campaign-details .disable-no-list-selected.hard {
  flex: 0;
}
.frame.campaign-details .hide-no-list-selected {
  display: none;
}
.frame.campaign-details .toggle-item {
  padding: 5px 10px;
  cursor: pointer;
}
.frame.campaign-details .toggle-item.active {
  background-color: #233a11;
}
.frame.campaign-details .show-campaign-type-trigger {
  display: none;
}
.frame.campaign-details.campaign-type-trigger .show-campaign-type-trigger {
  display: block;
}
.frame.campaign-details.campaign-type-trigger .show-campaign-type-trigger.flex {
  display: flex;
}
.frame.campaign-details.campaign-type-trigger .hide-campaign-type-trigger {
  display: none !important;
}
.frame.campaign-details .show-campaign-type-repeating {
  display: none !important;
}
.frame.campaign-details .show-campaign-type-repeating label {
  width: 100px;
  justify-content: flex-start !important;
}
.frame.campaign-details .show-campaign-type-repeating label.small {
  width: 40px;
}
.frame.campaign-details .show-campaign-type-repeating label.medium {
  width: 70px;
}
.frame.campaign-details.campaign-type-repeating .show-campaign-type-repeating {
  display: block !important;
}
.frame.campaign-details.campaign-type-repeating .show-campaign-type-repeating.flex {
  display: flex !important;
}
.frame.campaign-details .show-campaign-type-one-time {
  display: none;
}
.frame.campaign-details.campaign-type-one-time .show-campaign-type-one-time {
  display: block;
}
.frame.campaign-details.campaign-type-one-time .show-campaign-type-one-time.flex {
  display: flex;
}
.frame.campaign-details.campaign-type-one-time .hide-campaign-type-one-time {
  display: none !important;
}
.frame.campaign-details.list-is-selected .disable-no-list-selected {
  opacity: 1;
  pointer-events: all;
  display: block;
}
.frame.campaign-details.list-is-selected .disable-no-list-selected.hard {
  flex: 1;
}
.frame.campaign-details.list-is-selected .hide-no-list-selected {
  display: block;
}
.frame.campaign-details.list-is-selected .show-no-list-selected {
  display: none !important;
}
.frame.campaign-details .show-status-pending {
  display: none;
}
.frame.campaign-details.status-pending .show-status-pending {
  display: flex;
}
.frame.campaign-details .show-scheduled {
  display: none;
}
.frame.campaign-details.prop-scheduled .show-scheduled {
  display: flex;
}
.frame.campaign-details.prop-scheduled .hide-scheduled {
  display: none !important;
}
.frame.campaign-details .show-status-running {
  display: none;
}
.frame.campaign-details.status-running .show-status-running {
  display: flex;
}
.frame.campaign-details .show-status-reviewing {
  display: none;
}
.frame.campaign-details.status-reviewing .show-status-reviewing {
  display: flex;
}
.frame.campaign-details .show-status-stopped {
  display: none;
}
.frame.campaign-details.status-stopped .show-status-stopped {
  display: flex;
}
.frame.campaign-details .show-status-cancelled {
  display: none;
}
.frame.campaign-details.status-cancelled .show-status-cancelled {
  display: flex;
}
.frame.campaign-details .campaign-status-bar {
  transition: all 300ms ease;
  background-color: #242250;
}
.frame.campaign-details.status-running .campaign-status-bar {
  background-color: #0555af;
  color: #ccc;
}
.frame.campaign-details.status-reviewing .campaign-status-bar {
  background-color: #98510a;
  color: #ccc;
}
.frame.campaign-details.status-stopped .campaign-status-bar {
  background-color: #380459;
  color: #ccc;
}
.frame.campaign-details.status-stopped .progress-status-bar .progress-status {
  background-color: #8900ff;
}
.frame.campaign-details.status-complete .campaign-status-bar {
  background-color: #32610c;
  color: #ccc;
}
.frame.campaign-details h3 {
  margin: 0 0 10px 0;
}
.frame.campaign-details textarea {
  font-size: inherit;
  height: 120px;
}
.email-blast .frame.campaign-details textarea {
  height: 350px;
}
.frame.campaign-details .add-image {
  margin-left: 10px;
}
.frame.campaign-details .add-image i {
  margin-right: 3px;
}
.frame.campaign-details .preview-text img {
  max-height: 300px;
  max-width: 200px;
  object-fit: contain;
}
.frame.campaign-details .blast-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
}
.frame.campaign-details.test-confirmed .blast-now {
  opacity: 1;
  pointer-events: all;
}
.frame.campaign-details .message-body {
  display: flex;
  height: 100%;
  width: 100%;
}
.frame.campaign-details .message-body .message-section {
  flex: 3;
  overflow: auto;
  padding: 15px;
  min-width: 85vw;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .frame.campaign-details .message-body .message-section {
    min-width: 0;
  }
}
.frame.campaign-details .message-body .testing-section {
  min-width: 50%;
  max-width: 50%;
  padding: 0px;
  height: 100%;
  overflow: auto;
  background-color: #242424;
  border-left: 1px solid #141414;
  display: flex;
  position: relative;
}
.frame.campaign-details .throughput-meter {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  align-items: flex-end;
  height: 6px;
  justify-content: flex-end;
  z-index: 1;
  overflow: hidden;
}
.frame.campaign-details .throughput-meter .throughput-item {
  max-width: 2px;
  width: 2px;
  min-width: 2px;
  position: relative;
  height: 50%;
  margin-left: 1px;
}
.frame.campaign-details .throughput-meter .throughput-item.grow-hard {
  background-color: #17763a;
}
.frame.campaign-details .throughput-meter .throughput-item.grow {
  background-color: #626a23;
}
.frame.campaign-details .throughput-meter .throughput-item.decrease {
  background-color: #555555;
}
.frame.campaign-details .throughput-meter .throughput-item.decrease-hard {
  background-color: #ab4444;
}
.frame.campaign-details .summary-items {
  padding: 7.5px;
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details .summary-items .summary-header {
  font-size: 95%;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  display: none;
}
.frame.campaign-details .summary-items .summary-column {
  display: flex;
  width: calc(50% - 1.5px);
  flex-direction: column;
  position: r relative;
}
.frame.campaign-details .summary-items .summary-column.last {
  margin-left: 3px;
}
.frame.campaign-details .summary-items .summary-detail {
  display: flex;
  line-height: normal;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  margin-bottom: 3px;
  padding: 7px 10px 7px 10px;
  background-color: #242424;
}
.frame.campaign-details .summary-items .summary-detail:last-child {
  margin-bottom: 0;
}
.frame.campaign-details .summary-items .summary-detail .lbl {
  white-space: nowrap;
  font-size: 85%;
  font-weight: 600;
  flex: 1;
  color: #bbb;
  z-index: 2;
  position: relative;
}
.frame.campaign-details .summary-items .summary-detail .lbl i {
  margin-right: 10px;
  width: 15px;
  font-size: 115%;
  display: none;
}
.frame.campaign-details .summary-items .summary-detail .val {
  text-align: right;
  flex: 1;
  font-size: 90%;
  color: #eee;
  z-index: 2;
  position: relative;
}
.frame.campaign-details .actions-summary {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0 5px 10px;
}
@media (min-width: 1024px) {
  .frame.campaign-details .actions-summary {
    padding: 10px 0 0px 10px;
  }
}
.frame.campaign-details .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.frame.campaign-details .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.frame.campaign-details .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1024px) {
  .frame.campaign-details .actions-row .actions-container {
    margin-top: 10px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .frame.campaign-details .actions-row {
    padding: 0 10px 10px 10px;
  }
}
.frame.campaign-details .summary-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: rgba(46, 77, 22, 0.7019607843);
  padding: 5px 5px 5px 5px;
  line-height: normal;
  border-radius: 3px;
  min-width: 100px;
  max-width: 150px;
  margin-right: 5px;
  margin-bottom: 5px;
  flex: 1;
}
.frame.campaign-details .summary-item .lbl {
  flex: 1;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: normal;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: right;
}
.frame.campaign-details .summary-item .lbl i {
  font-size: 14px;
}
.frame.campaign-details .summary-item .val {
  padding-top: 3px;
  margin-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.2196078431);
  font-size: 14px;
  font-weight: 800;
  line-height: normal;
  flex: 1;
  text-align: right;
  align-self: flex-end;
  width: 100%;
}
@media (min-width: 1024px) {
  .frame.campaign-details .summary-item {
    padding: 7.5px 10px 7.5px 10px;
    min-width: 100px;
    max-width: 175px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .frame.campaign-details .summary-item .val {
    font-size: 20px;
    padding-top: 7px;
    margin-top: 7px;
  }
}
.frame.campaign-details .test-panel {
  display: flex;
  width: 100%;
  background-color: #191919;
  position: relative;
  height: 100%;
}
.frame.campaign-details .test-panel .test-phones {
  width: 100%;
}
.frame.campaign-details .test-panel .test-message {
  margin-right: 10px;
  padding: 0px;
  color: #ddd;
  font-size: 12px;
  line-height: normal;
  min-height: 100px;
  padding: 5px;
  border-bottom: 1px solid #000;
  min-width: 100%;
  max-width: 100%;
  background-color: #151515;
  position: relative;
  margin-bottom: 10px;
}
.frame.campaign-details .test-panel .test-message .subject-part {
  display: none;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .frame.campaign-details .test-panel .test-message {
    min-width: 100%;
    max-width: 100%;
  }
}
.frame.campaign-details .test-panel .test-message.message-type-push-notification {
  display: block;
}
.frame.campaign-details .test-panel .test-message img {
  max-width: 200px;
}
.frame.campaign-details .test-panel .test-message .phone-from {
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
}
.frame.campaign-details .test-panel .test-message .phone-number-to {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 10px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number {
  position: relative;
  margin-bottom: 5px;
  padding: 5px 5px;
  white-space: nowrap;
  font-size: 11px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number .label {
  text-decoration: uppercase;
  font-weight: 600;
  position: relative;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number .val {
  position: relative;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number .sep {
  margin: 0 3px;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number .carrier {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number:before {
  margin-left: 8px;
  margin-right: 2px;
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 20px;
  order: 2;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.added {
  background-color: #31345c;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.added:before {
  content: "\e105";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.sent {
  background-color: #31345c;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.sent:before {
  content: "\e105";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.invalid {
  background-color: #5a2222;
  flex-wrap: wrap;
  color: #eee;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.invalid:after {
  content: "Invalid Content/Character";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.invalid:before {
  content: "\f057";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.timedout {
  background-color: #111;
  flex-wrap: wrap;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.timedout:after {
  content: "Timed Out";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.timedout:before {
  content: "\f057";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.queued {
  background-color: #31345c;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.queued:before {
  content: "\f192";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.accepted {
  background-color: #1e3b59;
  color: #eee;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.accepted:before {
  content: "\f35a";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.delivered {
  background-color: #2e4c1e;
  color: #eee;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.delivered:before {
  content: "\f058";
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.failed {
  background-color: #5a2222;
  color: #eee;
}
.frame.campaign-details .test-panel .test-message .phone-number-to .to-number.failed:before {
  content: "\f00d";
}
.frame.campaign-details .test-panel .test-message .subject {
  padding: 5px;
  font-weight: 600;
}
.frame.campaign-details .test-panel .test-message .body {
  padding: 5px;
  display: flex;
  line-height: normal;
  display: flex;
  flex-direction: column;
  position: relative;
}
.frame.campaign-details .test-panel .test-message .body .message {
  position: relative;
}
.frame.campaign-details .test-panel .test-message .body .message .loading {
  height: 50px;
}
.frame.campaign-details .test-panel .test-message .body .img img {
  width: auto;
  margin-bottom: 5px;
  max-height: 100px;
  object-fit: contain;
}
.frame.campaign-details .test-panel .test-message .body .content {
  flex: 1;
}
.frame.campaign-details .test-panel .test-message .body a {
  color: inherit;
  text-decoration: underline;
}
.frame.campaign-details .test-panel .test-message .body a:hover {
  text-decoration: none;
}
.frame.campaign-details .test-panel .blast-test-numbers {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details .test-panel .blast-test-numbers label > * {
  display: block;
  pointer-events: none;
}
.frame.campaign-details .test-panel .blast-test-numbers label {
  display: flex;
  flex: 1;
  white-space: nowrap;
  font-size: 12px;
  padding: 5px 10px;
  color: #b1b1b1;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 100%;
  line-height: normal;
  cursor: pointer;
}
.frame.campaign-details .test-panel .blast-test-numbers label:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.frame.campaign-details .test-panel .blast-test-numbers label:hover {
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.frame.campaign-details .test-panel .blast-test-numbers label div {
  flex-direction: column;
}
.frame.campaign-details .test-panel .blast-test-numbers label .number {
  font-weight: 600;
  padding-bottom: 3px;
}
.frame.campaign-details .test-panel .blast-test-numbers label input {
  margin: 0;
  padding: 0;
  margin-right: 15px;
}
.frame.campaign-details .test-panel .confirm-test {
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
}
.frame.campaign-details .mms-image-container {
  position: relative;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frame.campaign-details .mms-image-container .button {
  width: 100%;
}
.frame.campaign-details .mms-image-container .selected-mms-image {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  position: relative;
}
.frame.campaign-details .mms-image-container .selected-mms-image img {
  object-fit: contain;
  object-position: center;
}
.frame.campaign-details .media-list {
  overflow: auto;
  background-color: #343434;
  padding: 5px;
  border-radius: 5px;
  position: relative;
}
.frame.campaign-details .media-list .media-item {
  display: flex;
  min-width: 100px;
  margin-right: 2px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: transparent;
  border-radius: 0px;
  font-size: 12px;
  flex-direction: column;
  cursor: pointer;
  border: 0;
  border: 4px solid transparent;
  opacity: 0.5;
  padding: 0px;
  transition: all 200ms ease;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.frame.campaign-details .media-list .media-item.no-image {
  max-width: 1px;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  pointer-events: none;
}
.frame.campaign-details .media-list .media-item:hover {
  border-color: #ffff00;
  opacity: 1;
}
.frame.campaign-details .media-list .media-item.selected {
  border-color: #496a2e;
  background-color: rgba(73, 106, 46, 0.2);
  color: #ddd;
  opacity: 1;
}
.frame.campaign-details .media-list .media-item .thumbnail {
  object-fit: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  overflow: hidden;
}
.frame.campaign-details .media-list .media-item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: top;
}
.frame.campaign-details .media-list .media-item .active-date {
  position: absolute;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  bottom: 0;
  left: 0;
  line-height: 20px;
}
.frame.campaign-details .show-new {
  display: none;
}
.frame.campaign-details.new-blast .show-new {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.new-blast .disable-new-blast {
  pointer-events: none;
  opacity: 0.1;
}
.frame.campaign-details .show-email-blast {
  display: none;
}
.frame.campaign-details.email-blast .show-email-blast {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.email-blast .hide-email-blast {
  display: none !important;
}
.frame.campaign-details .show-push-notification-blast {
  display: none;
}
.frame.campaign-details.push-notification-blast .show-push-notification-blast {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.push-notification-blast .hide-push-notification-blast {
  display: none !important;
}
.frame.campaign-details .show-readonly {
  display: none;
}
.frame.campaign-details.readonly .show-readonly {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.readonly .hide-readonly {
  display: none !important;
}
.frame.campaign-details .show-existing {
  display: none;
}
.frame.campaign-details.existing-blast .show-existing {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details .show-saving {
  display: none;
}
.frame.campaign-details .show-saving.block {
  opacity: 0;
  transition: opacity 100ms ease;
}
.frame.campaign-details.saving .saving-panel {
  pointer-events: all;
  opacity: 1;
  z-index: 99;
  transition: all 300ms ease 500ms;
}
.frame.campaign-details.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.saving .show-saving.block {
  display: block;
  opacity: 1;
  transition: opacity 100ms ease 200ms;
}
.frame.campaign-details.saving .hide-saving {
  display: none !important;
}
.frame.campaign-details .show-status-incomplete {
  display: none;
}
.frame.campaign-details.status-incomplete .show-status-incomplete {
  display: flex;
  flex-wrap: wrap;
}
.frame.campaign-details.status-incomplete td.show-status-incomplete, .frame.campaign-details.status-incomplete th.show-status-incomplete {
  display: table-cell;
}
.frame.campaign-details .active-updates {
  pointer-events: none;
  opacity: 0.2;
  transition: all 300ms ease;
}
.frame.campaign-details.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
  animation: expand-bounce2 300ms ease;
}

.blasts-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.blasts-section .tab-info .list .items {
  width: 100%;
}
.blasts-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.blasts-section table, .blasts-section tbody {
  width: 100%;
  display: block;
}
.blasts-section tr {
  width: 100%;
}
.blasts-section tr td:first-child, .blasts-section tr th:first-child {
  padding-left: 20px !important;
}
.blasts-section tr td:last-child, .blasts-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.blasts-section .list {
  display: flex;
  flex-wrap: wrap;
}
.blasts-section .list .blast-item-details .meta {
  margin-bottom: 15px;
}
.blasts-section .list .items {
  display: block;
}
.blasts-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.blasts-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.blasts-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.blasts-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.blasts-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.blasts-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.modal .frame.blast-details {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .modal .frame.blast-details {
    width: 85vw;
    min-height: 90vh;
    max-height: 90vh;
  }
}

.frame.blast-details .progress-status-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #111;
}
.frame.blast-details .progress-status-bar .progress-status {
  background-color: #00c90f;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  transition: all 200ms ease 0s;
}
.frame.blast-details .disable-no-list-selected {
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease;
}
.frame.blast-details.list-is-selected .disable-no-list-selected {
  opacity: 1;
  pointer-events: all;
}
.frame.blast-details .show-status-pending {
  display: none;
}
.frame.blast-details.status-pending .show-status-pending {
  display: flex;
}
.frame.blast-details .show-status-running {
  display: none;
}
.frame.blast-details.status-running .show-status-running {
  display: flex;
}
.frame.blast-details .show-status-stopped {
  display: none;
}
.frame.blast-details.status-stopped .show-status-stopped {
  display: flex;
}
.frame.blast-details .show-status-cancelled {
  display: none;
}
.frame.blast-details.status-cancelled .show-status-cancelled {
  display: flex;
}
.frame.blast-details.status-complete .show-status-complete {
  display: flex;
}
.frame.blast-details.status-complete .progress-status-bar .progress-status {
  background-color: #0095ff;
}
.frame.blast-details h3 {
  margin: 0 0 10px 0;
}
.frame.blast-details textarea {
  font-size: inherit;
}
.frame.blast-details .add-image {
  margin-left: 10px;
}
.frame.blast-details .add-image i {
  margin-right: 3px;
}
.frame.blast-details .preview-text img {
  max-height: 300px;
  max-width: 200px;
  object-fit: contain;
}
.frame.blast-details .blast-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
}
.frame.blast-details.test-confirmed .blast-now {
  opacity: 1;
  pointer-events: all;
}
.frame.blast-details .message-body {
  display: flex;
  height: 100%;
  width: 100%;
}
.frame.blast-details .message-body .message-section {
  flex: 3;
  overflow: auto;
  padding: 15px;
  min-width: 85vw;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .frame.blast-details .message-body .message-section {
    min-width: 0;
  }
}
.frame.blast-details .message-body .testing-section {
  min-width: 300px;
  max-width: 300px;
  padding: 15px;
  height: 100%;
  overflow: auto;
  background-color: #1c1c1c;
}
.frame.blast-details .actions-summary {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0 5px 10px;
}
@media (min-width: 1024px) {
  .frame.blast-details .actions-summary {
    padding: 10px 0 0px 10px;
  }
}
.frame.blast-details .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.frame.blast-details .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.frame.blast-details .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .frame.blast-details .actions-row .actions-container {
    margin-top: 15px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .frame.blast-details .actions-row {
    padding: 0 20px 20px 20px;
  }
}
.frame.blast-details .summary-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: rgba(46, 77, 22, 0.7019607843);
  padding: 5px 5px 5px 5px;
  line-height: normal;
  border-radius: 3px;
  min-width: 100px;
  max-width: 150px;
  margin-right: 5px;
  margin-bottom: 5px;
  flex: 1;
}
.frame.blast-details .summary-item .lbl {
  flex: 1;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: normal;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame.blast-details .summary-item .lbl i {
  font-size: 14px;
}
.frame.blast-details .summary-item .val {
  padding-top: 3px;
  margin-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.2196078431);
  font-size: 14px;
  font-weight: 800;
  line-height: normal;
  flex: 1;
  text-align: right;
  align-self: flex-end;
  width: 100%;
}
@media (min-width: 1024px) {
  .frame.blast-details .summary-item {
    padding: 7.5px 10px 7.5px 10px;
    min-width: 100px;
    max-width: 175px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .frame.blast-details .summary-item .val {
    font-size: 20px;
    padding-top: 7px;
    margin-top: 7px;
  }
}
.frame.blast-details .test-panel {
  display: flex;
  width: 100%;
}
.frame.blast-details .test-panel .test-phones {
  width: 100%;
}
.frame.blast-details .test-panel .test-messages {
  border-radius: 5px;
}
.frame.blast-details .test-panel .test-message {
  margin-right: 10px;
  padding: 10px;
  background-color: #0b6fb5;
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  min-height: 100px;
  margin-bottom: 15px;
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .frame.blast-details .test-panel .test-message {
    min-width: 100%;
    max-width: 100%;
  }
}
.frame.blast-details .test-panel .test-message img {
  max-width: 200px;
}
.frame.blast-details .test-panel .test-message .phone-from {
  font-weight: 600;
  text-transform: capitalize;
}
.frame.blast-details .test-panel .test-message .phone-number-to {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 10px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number {
  margin-bottom: 3px;
  border-radius: 20px;
  padding: 3px 5px;
  white-space: nowrap;
  font-size: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number .sep {
  margin: 0 3px;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number .carrier {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number:before {
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 14px;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.added {
  background-color: #323232;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.added:before {
  content: "\f192";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.sent {
  background-color: #323232;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.sent:before {
  content: "\f192";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.invalid {
  background-color: #aa2b2b;
  flex-wrap: wrap;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.invalid:after {
  content: "Invalid Content/Character";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.invalid:before {
  content: "\f057";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.timedout {
  background-color: #111;
  flex-wrap: wrap;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.timedout:after {
  content: "Timed Out";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.timedout:before {
  content: "\f057";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.queued {
  background-color: rgba(48, 48, 48, 0.5607843137);
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.queued:before {
  content: "\f192";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.accepted {
  background-color: #1e5287;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.accepted:before {
  content: "\f35a";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.delivered {
  background-color: #3f8315;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.delivered:before {
  content: "\f058";
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.failed {
  background-color: #bf3e3e;
}
.frame.blast-details .test-panel .test-message .phone-number-to .to-number.failed:before {
  content: "\f00d";
}
.frame.blast-details .test-panel .test-message .body {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #fff;
  display: flex;
  line-height: normal;
  display: flex;
  flex-direction: column;
}
.frame.blast-details .test-panel .test-message .body .img img {
  width: auto;
  margin-bottom: 5px;
  max-height: 100px;
  object-fit: contain;
}
.frame.blast-details .test-panel .test-message .body .content {
  flex: 1;
}
.frame.blast-details .test-panel .test-message .body a {
  color: inherit;
  text-decoration: underline;
}
.frame.blast-details .test-panel .test-message .body a:hover {
  text-decoration: none;
}
.frame.blast-details .test-panel .blast-test-numbers {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details .test-panel .blast-test-numbers label > * {
  display: block;
  pointer-events: none;
}
.frame.blast-details .test-panel .blast-test-numbers label {
  display: flex;
  flex: 1;
  white-space: nowrap;
  font-size: 12px;
  background-color: #1c1c1c;
  margin-right: 5px;
  padding: 1px 5px;
  color: #b1b1b1;
  margin-bottom: 5px;
}
.frame.blast-details .test-panel .blast-test-numbers label input {
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.frame.blast-details .test-panel .confirm-test {
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
}
.frame.blast-details .media-list {
  overflow: auto;
  background-color: #343434;
  padding: 10px;
  border-radius: 5px;
}
.frame.blast-details .media-list .media-item {
  display: flex;
  min-width: 110px;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 12px;
  flex-direction: column;
  cursor: pointer;
  border: 2px solid transparent;
  opacity: 0.5;
}
.frame.blast-details .media-list .media-item:hover {
  border-color: #ffff00;
}
.frame.blast-details .media-list .media-item.selected {
  border-color: #00ff00;
  opacity: 1;
}
.frame.blast-details .media-list .media-item .thumbnail {
  object-fit: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
}
.frame.blast-details .media-list .media-item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 80px;
  object-position: top;
  border-radius: 3px;
}
.frame.blast-details .media-list .media-item .active-date {
  position: absolute;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 100%;
  color: #fff;
  bottom: 0;
  left: 0;
  line-height: 25px;
}
.frame.blast-details .show-new {
  display: none;
}
.frame.blast-details.new-blast .show-new {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details .show-readonly {
  display: none;
}
.frame.blast-details.readonly .show-readonly {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details.readonly .hide-readonly {
  display: none;
}
.frame.blast-details .show-existing {
  display: none;
}
.frame.blast-details.existing-blast .show-existing {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details .show-saving {
  display: none;
}
.frame.blast-details.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details .show-status-incomplete {
  display: none;
}
.frame.blast-details.status-incomplete .show-status-incomplete {
  display: flex;
  flex-wrap: wrap;
}
.frame.blast-details .active-updates {
  pointer-events: none;
  opacity: 0.5;
  transition: all 300ms ease;
}
.frame.blast-details.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
}

.channels-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.channels-section .tab-info .list .items {
  width: 100%;
}
.channels-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.channels-section .is-new .hide-is-new {
  display: none;
}
.channels-section textarea[data-bind=criteria] {
  height: 300px !important;
}
.channels-section table, .channels-section tbody {
  width: 100%;
  display: block;
}
.channels-section tr {
  width: 100%;
}
.channels-section tr td:last-child, .channels-section tr th:last-child {
  width: 100%;
}
.channels-section.defaultList-mode .delete-entry, .channels-section.defaultList-mode [tab-for=".tab-advanced"] {
  display: none !important;
}
.channels-section.defaultList-mode [data-name=title], .channels-section.defaultList-mode [data-name=description] {
  pointer-events: none;
}
.channels-section.main-section tr td:first-child, .channels-section.main-section tr th:first-child {
  padding-left: 20px !important;
}
.channels-section.main-section tr td:last-child, .channels-section.main-section tr th:last-child {
  padding-right: 20px !important;
}
.channels-section .tags {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 10px;
}
.channels-section .tags .tag-list .tag-container-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.channels-section .tags .tag-list .tag-container-item.readonly select, .channels-section .tags .tag-list .tag-container-item.readonly input {
  pointer-events: none;
  appearance: none;
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements {
  flex-direction: column;
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements > .sub-tags, .channels-section .tags .tag-list .tag-container-item.multiple-elements > .add-object {
  padding: 0 0 0 20px;
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements > .tag-type {
  display: block;
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements > .sub-tags > .tag-container-item {
  padding: 5px;
  transition: all 200ms ease;
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements > .sub-tags > .tag-container-item:hover {
  background-color: rgba(46, 77, 22, 0.368627451);
}
.channels-section .tags .tag-list .tag-container-item.multiple-elements > .sub-tags > .tag-container-item.no-indent:first-child > .sub-tags > .tag-container-item > .tag-type {
  opacity: 0;
}
.channels-section .tags .tag-list .tag-container-item div[object-info="$or"] > .tag-type, .channels-section .tags .tag-list .tag-container-item .tag-container-item.no-indent > .sub-tags > .tag-container-item:first-child > .tag-type {
  opacity: 1 !important;
  order: 1;
  margin-right: 10px;
  margin-left: 0;
}
.channels-section .tags .tag-list .tag-container-item.no-indent > .sub-tags, .channels-section .tags .tag-list .tag-container-item.no-indent > .add-object {
  padding: 0px;
}
.channels-section .tags .tag-list .tag-container-item.no-indent > .tag {
  display: none !important;
}
.channels-section .tags .tag-list .tag-container-item.no-indent > .tag-type {
  display: none;
}
.channels-section .tags .tag-list .tag-container-item.object {
  color: #bfbfbf;
}
.channels-section .tags .tag-list .tag-container-item.object.empty {
  padding: 0;
}
.channels-section .tags .tag-list .tag-container-item.object.empty > .tag {
  display: none;
}
.channels-section .tags .tag-list .tag-container-item.object.empty > .tag-type {
  display: none;
}
.channels-section .tags .tag-list .tag-container-item.object.empty > .sub-tags, .channels-section .tags .tag-list .tag-container-item.object.empty > .add-object {
  padding: 0;
}
.channels-section .tags .tag-list .tag-container-item.object:last-child {
  padding-bottom: 0;
}
.channels-section .tags .tag-list .tag-container-item.object > .tag {
  margin-bottom: 5px;
}
.channels-section .tags .tag-list .tag-container-item.object > .tag input {
  display: none !important;
}
.channels-section .tags .tag-list .tag-container-item.object > .tag .tag-value-type {
  display: none !important;
}
.channels-section .tags .tag-list .tag-container-item .tag-type-field {
  min-width: 100px;
}
.channels-section .tags .tag-list .tag-container-item .tag-value-type {
  margin-right: 5px;
  flex: 1;
  min-width: 50px;
  max-width: 50px;
}
.channels-section .tags .tag-list .tag-container-item.field-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.channels-section .tags .tag-list .tag-container-item.field-item:last-child {
  border-bottom: 0;
}
.channels-section .tags .tag-list .tag-container-item.field-item > .sub-tags > .tag-container-item > .tag {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.channels-section .tags .tag-list .tag-container-item.field-item .tag {
  margin-right: 5px;
  flex: 1;
}
.channels-section .tags .tag-list .tag-container-item.field-item > .tag input {
  display: none !important;
}
.channels-section .tags .tag-list .tag-container-item.field-item > .tag .tag-value-type {
  display: none !important;
}
.channels-section .tags .tag-list .tag-container-item.field-item2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.channels-section .tags .tag-list .tag-container-item.field-item2:last-child {
  border-bottom: 0;
}
.channels-section .tags .tag-list .tag-container-item.field-item2 > .sub-tags > .tag-container-item > .tag {
  display: flex;
  flex-direction: row;
}
.channels-section .tags .tag-list .tag-container-item.field-item2 .tag {
  display: flex;
}
.channels-section .tags .tag-list .tag-container-item.field-item2 .tag .tag-type-field, .channels-section .tags .tag-list .tag-container-item.field-item2 .tag .tag-value-type {
  margin-right: 5px;
}
.channels-section .tags .tag-list .tag-container-item.field-item2 > .tag-type {
  display: block;
}
.channels-section .tags .tag-list .tag-container-item:hover > .tag-remove {
  opacity: 1;
}
.channels-section .tags .tag-list .tag-container-item > .add-object {
  position: relative;
  margin-top: 5px;
}
.channels-section .tags .tag-list .tag-container-item > .add-object a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  padding: 5px 10px;
}
.channels-section .tags .tag-list .tag-container-item > .add-object a span {
  display: none;
}
.channels-section .tags .tag-list .tag-container-item .sub-tags {
  position: relative;
}
.channels-section .tags .tag-list .tag-container-item .tag-type {
  margin-right: 10px;
  color: #777;
  font-weight: 600;
  font-size: 80%;
  text-transform: uppercase;
}
.channels-section .tags .tag-list .tag-container-item .tag-remove {
  position: absolute;
  bottom: 5px;
  right: 0px;
  border-radius: 25px;
  width: 20px;
  height: 20px;
  background-color: #c32121;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 5;
  transition: all 300ms ease;
}
.channels-section .tags .tag-list .tag-container-item .tag-remove:after {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f068";
  cursor: pointer;
}
.channels-section .tags .tag {
  font-size: 80%;
  position: relative;
  cursor: pointer;
  width: 100%;
  transition: all 150ms ease;
  display: flex;
}
.channels-section .tags .tag.tag-add {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background-color: #03a95c;
  font-size: 13px;
  color: #fff;
  line-height: normal;
  font-weight: 600;
  text-decoration: uppercase;
}
.channels-section .tags .tag.tag-add i {
  font-size: 14px;
  margin-right: 3px;
}
.channels-section .tags .tag .tag-type {
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-all;
  padding: 5px 10px;
  text-align: center;
  display: none;
}
.channels-section .tags .tag:hover {
  opacity: 0.8;
}
.channels-section .tags .tag:hover .tag-remove {
  opacity: 1;
}
.channels-section .list {
  display: flex;
  flex-wrap: wrap;
}
.channels-section .list .channel-item-details .meta {
  margin-bottom: 15px;
}
.channels-section .list .items {
  display: block;
}
.channels-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.channels-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.channels-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.channels-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.channels-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.channels-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.templates-section {
  background-color: #222;
}
.templates-section .show-preview {
  display: none;
}
.templates-section.is-preview .show-preview {
  display: block;
}
.templates-section.is-preview .hide-preview {
  display: none !important;
}
.templates-section .template-list {
  margin-bottom: 20px;
}
.templates-section .template-list .items {
  padding: 15px;
}
.templates-section .template-list .items .no-items {
  padding: 0;
  padding-bottom: 30px;
}
.templates-section .list.table .items {
  align-items: flex-start;
}
.templates-section .list.table .items .data-elm {
  position: relative;
}
.templates-section .list.table .items .data-elm.external:after {
  content: "Free!";
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: purple;
  line-height: normal;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 5px;
  text-align: center;
}
.templates-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.templates-section .tab-info .list .items {
  width: 100%;
}
.templates-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.templates-section table, .templates-section tbody {
  width: 100%;
  display: block;
}
.templates-section tr {
  width: 100%;
}
.templates-section tr td:first-child, .templates-section tr th:first-child {
  padding-left: 20px !important;
}
.templates-section tr td:last-child, .templates-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.templates-section .list {
  display: flex;
  flex-wrap: wrap;
}
.templates-section .list .channel-item-details .meta {
  margin-bottom: 15px;
}
.templates-section .list .items {
  display: block;
}
.templates-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.templates-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.templates-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.templates-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.templates-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.templates-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.editor-frame .sp-original-input-container {
  opacity: 0;
}
.editor-frame .show-preview {
  display: none;
}
.editor-frame .preview-items {
  display: none;
  background-color: #1f1f1f;
  height: 100%;
  border-bottom: 1px solid #101010;
  overflow: auto;
  min-width: 110px;
  max-width: 110px;
}
.editor-frame .preview-items .items {
  display: flex;
  overflow: auto;
  flex-wrap: nowrap;
  flex-direction: column;
}
.editor-frame .preview-items .items .data-elm {
  flex: 1;
  max-width: 350px;
  padding: 0 2px;
  color: inherit;
  cursor: pointer;
  border: 3px solid transparent;
}
.editor-frame .preview-items .items .data-elm.active {
  border: 3px solid rgba(255, 255, 0, 0.6666666667);
}
.editor-frame .preview-items .items .data-elm img {
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: top center;
}
.editor-frame select.font-family, .editor-frame select.main-font-family {
  pointer-events: none;
}
.editor-frame.is-preview .show-preview {
  display: block;
}
.editor-frame.is-preview .preview-items {
  display: flex;
}
.editor-frame.is-preview .tab-info, .editor-frame.is-preview .popup-tools {
  display: none !important;
}
.editor-frame.is-preview .hide-preview {
  display: none !important;
}
.editor-frame.is-preview .frame-body {
  display: flex;
}
.editor-frame.is-preview .slides {
  width: 100%;
  overflow: hidden;
}
.editor-frame.is-preview .slides-frame {
  flex: 1 !important;
}
.editor-frame.webpage-type .hide-webpage {
  display: none;
}
.editor-frame.webpage-type .elm-main > img {
  position: absolute !important;
  opacity: 0;
}
.editor-frame.webpage-type .slides .items {
  font-size: 16px !important;
  line-height: 16px !important;
}
.editor-frame.webpage-type .slides .items .elm {
  font-size: 16px !important;
  line-height: 16px !important;
}
@keyframes popup-open {
  0% {
    transform: translateX(375px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(25px);
  }
}
.editor-frame .popup-choice {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #111;
  z-index: 10;
  overflow: none;
  display: none;
  position: absolute !important;
}
.editor-frame .popup-choice .popup-panel {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.editor-frame .popup-choice .popup-closer {
  right: 0;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .editor-frame .popup-choice {
    width: 370px;
    transform: translateX(370px);
    padding-right: 25px;
  }
  .editor-frame .popup-choice .popup-closer {
    right: 25px;
  }
}
.editor-frame .popup-choice.active {
  display: block;
  right: 0;
}
@media (min-width: 1024px) {
  .editor-frame .popup-choice.active {
    animation: popup-open 500ms forwards ease;
  }
}
@media (min-width: 1024px) {
  .editor-frame.is-preview .popup-choice {
    width: 200px;
  }
}
.editor-frame .fonts {
  display: flex;
  flex-direction: column;
}
.editor-frame .fonts .font {
  width: 100%;
  padding: 10px 15px;
  cursor: pointer;
  font-weight: 300;
}
.editor-frame .fonts .font.active {
  background-color: #033a60;
  color: #fff;
}
.editor-frame .fonts .font .text {
  font-size: 20px;
  display: none;
}
.editor-frame .fonts .font .font-family {
  font-size: 14px;
  font-weight: 600;
}
.editor-frame [contenteditable] {
  user-select: text;
  -webkit-user-select: text;
}
.editor-frame svg {
  pointer-events: none;
  fill: currentColor;
}
.editor-frame .save-template-button {
  transition: all 300ms ease 100ms;
  opacity: 0.3;
}
.editor-frame .save-template-button:hover {
  opacity: 1;
}
.editor-frame .save-template-button span {
  position: relative;
  width: 0px;
  overflow: hidden;
  opacity: 0;
  transition: width 150ms ease 300ms, opacity 300ms ease 300ms;
}
.editor-frame .save-template-button.green span {
  width: 50px;
  opacity: 1;
}
.editor-frame.no-background .disable-no-background {
  pointer-events: none !important;
  opacity: 0.3 !important;
}
.editor-frame.no-background .show-no-background {
  display: flex;
}
.editor-frame.no-background .tabs .tab.slides-frame {
  flex: 0;
}
.editor-frame.no-background .field-set {
  overflow: auto;
  padding: 15px;
}
.editor-frame.no-background .field-set .field-value.media-list.wrap {
  overflow: visible;
}
.editor-frame.no-background .field-set .field-value.media-list.wrap .media-item {
  width: calc(25% - 4px);
  padding: 15px;
}
.editor-frame.no-background .field-set .field-value.media-list.wrap .media-item .dims {
  font-size: 200%;
}
.editor-frame.no-background .field-set .field-value.media-list.wrap .media-item .thumbnail img {
  max-height: 200px;
}
.editor-frame .section-tabs.loading {
  opacity: 0;
}
.editor-frame .show-no-background {
  display: none;
}
.editor-frame .tabs .tab.slides-frame {
  transition: opacity 300ms ease, flex 200ms ease;
}
@media (orientation: portrait) and (max-width: 1023px) {
  .editor-frame .tabs .tab.slides-frame {
    min-width: 100vw;
  }
}
@media (orientation: portrait) and (max-width: 1023px) {
  .editor-frame .tabs .tab-info {
    min-width: 100vw;
  }
}
@media (orientation: portrait) and (max-width: 1023px) {
  .editor-frame .tabs.section-tabs {
    width: 100%;
    overflow-x: auto;
  }
}
.editor-frame.is-homepage .info-content {
  opacity: 0.5;
  pointer-events: none;
}
.editor-frame .tabs.section-tabs .tab-info {
  min-width: 90px;
  max-width: 92px;
}
.editor-frame .tabs.section-tabs .tab-info .top-level.tabs {
  justify-content: flex-end;
}
.editor-frame .tabs.section-tabs .tab-info .tab-info-content {
  overflow: visible;
  flex: 5;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  opacity: 0;
  position: absolute;
  width: calc(100% - 90px);
  min-width: 250px;
  transition: all 300ms ease;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.editor-frame .tabs.section-tabs .tab-info.quick .tab-info-content {
  transition: all 0ms ease;
}
.editor-frame .tabs.section-tabs .tab-info.show-all {
  min-width: 340px;
  max-width: 100%;
}
.editor-frame .tabs.section-tabs .tab-info.show-all .tab-info-content {
  opacity: 1;
  pointer-events: all;
}
.editor-frame .field-set .thumbnail {
  display: flex;
}
.editor-frame .field-set span[data-bind=active-date] {
  display: none;
}
.editor-frame .field-set .field-value.media-list {
  padding-bottom: 50px;
  display: flex;
  align-items: center;
}
.editor-frame .field-set .field-value.media-list .media-item {
  min-width: 100px;
  z-index: 3;
  transition: all 0ms ease 0ms;
}
.editor-frame .field-set .field-value.media-list .media-item.no-image {
  margin: 0;
}
.editor-frame .field-set .field-value.media-list .media-item .thumbnail {
  height: auto;
  width: auto;
  position: relative;
  overflow: visible;
  padding: 5px;
  border-radius: 5px;
}
.editor-frame .field-set .field-value.media-list .media-item .thumbnail .dims {
  position: absolute;
  bottom: 0%;
  right: 0%;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px rgba(255, 255, 255, 0.1333333333);
  padding: 2px 10px;
  background-color: #99a36a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-frame .field-set .field-value.media-list .media-item .thumbnail img {
  height: auto;
  max-height: 100px;
  position: relative;
  width: 100%;
  object-fit: initial;
  object-position: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: repeating-linear-gradient(135deg, rgba(16, 16, 16, 0.2), rgba(16, 16, 16, 0.2) 5px, rgba(0, 0, 0, 0.3333333333) 5px, rgba(0, 0, 0, 0.3333333333) 10px);
  background: repeating-linear-gradient(135deg, #eee, #eee 5px, #ccc 5px, #ccc 10px);
}
.editor-frame .field-set .field-value.media-list .media-item:hover {
  z-index: 5;
  opacity: 1;
}
.editor-frame .field-set .field-value.media-list .media-item:hover .thumbnail {
  overflow: visible;
}
.editor-frame .slides {
  height: 100%;
  background-size: 15px 15px;
  background-position: 0 0, 0 7.5px, 7.5px -7.5px, -7.5px 0px;
}
.editor-frame .slides.loaded .item {
  transition: all 1000ms ease;
  opacity: 1;
}
.editor-frame .slides.loading .item {
  transition: none;
  opacity: 0;
}
.editor-frame .slides .items {
  font-size: 28px !important;
  line-height: 38px !important;
}
.editor-frame .slides .items .elm {
  font-size: 100% !important;
  line-height: 100% !important;
}
.editor-frame .slides .item {
  transition: none;
  opacity: 0;
  font-size: inherit;
}
.editor-frame .elements-list {
  padding: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.editor-frame .elements-list .title {
  min-width: 100%;
}
.editor-frame .elements-list a {
  min-width: 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.editor-frame .elements-list a.new-element.full {
  width: 100%;
  min-width: 100%;
  padding: 0 15px;
  margin-bottom: 15px;
}
.editor-frame .elements-list a.new-element.full .elm-wrapper {
  flex: 1;
  font-size: 100%;
}
.editor-frame .elements-list a.new-element.full .elm-wrapper .item-wrapper {
  color: #fff !important;
}
.editor-frame .elements-list a.new-element.active {
  box-shadow: 0px 0px 0px 2px red;
}
.editor-frame .elements-list a.new-element.rounded .item-wrapper {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px rgba(5, 5, 5, 0.3019607843);
}
.editor-frame .elements-list a.new-element.svg-bg .elm-wrapper {
  width: 100%;
  height: 100px;
}
.editor-frame .elements-list a.new-element .elm-wrapper {
  display: flex;
  flex-direction: column;
  font-size: 30%;
}
.editor-frame .elements-list a.new-element .elm-wrapper .item-wrapper {
  flex: 1;
  color: transparent !important;
}
.editor-frame .elements-list a.new-element .elm-wrapper .item-wrapper.image-element img {
  height: 100px;
  width: 100%;
  object-fit: contain;
}
.editor-frame .elements-list a.new-element.add-shade .elm-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.2196078431);
}
.editor-frame .elements-list a.new-element.add-shade .elm-wrapper .item-wrapper {
  box-shadow: 0px 0px 0px 1px rgba(5, 5, 5, 0.3019607843);
}
.editor-frame .editor-tools {
  font-size: 16px;
  width: 100%;
  position: relative;
}
.editor-frame .editor-tools.top-aligned {
  height: 50px;
  min-height: 50px;
  background-color: #222;
  padding: 7.5px;
  overflow: auto;
  border-bottom: 1px solid #101010;
  display: flex;
  width: 100%;
}
.editor-frame .editor-tools.bottom-aligned {
  height: 50px;
  min-height: 50px;
  background-color: #222;
  padding: 7.5px;
  overflow: auto;
  border-bottom: 1px solid #101010;
  display: flex;
  width: 100%;
}
.editor-frame .editor-tools.bottom-aligned .actions {
  display: flex;
}
.editor-frame .editor-tools.simple {
  padding: 7.5px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.editor-frame .editor-tools.simple .actions {
  width: 100%;
}
.editor-frame .editor-tools.simple .actions .action {
  align-items: flex-start;
  justify-content: center;
}
.editor-frame .editor-tools.simple .actions .action .value {
  min-height: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px;
}
.editor-frame .editor-tools .actions {
  display: none;
  height: 100%;
  position: relative;
  flex: 5;
}
.editor-frame .editor-tools .actions .action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  min-width: 35px;
  flex-direction: column;
  line-height: normal;
}
.editor-frame .editor-tools .actions .action label {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  padding: 0px 0px 3px 0;
  color: #777;
}
.editor-frame .editor-tools .actions .action .value {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
}
.editor-frame .editor-tools .actions .action.empty .bg {
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}
.editor-frame .editor-tools .actions .action.action-type-number {
  min-width: 90px;
}
.editor-frame .editor-tools .actions .action.action-type-number .value {
  border-radius: 3px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.editor-frame .editor-tools .actions .action.action-type-number .value span {
  min-width: 25px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
}
.editor-frame .editor-tools .actions .action.action-type-number .value input {
  min-width: 40px;
  width: 100%;
  text-align: center;
  padding: 5px 5px;
}
.editor-frame .editor-tools .actions .action.action-type-number .value input::-webkit-outer-spin-button, .editor-frame .editor-tools .actions .action.action-type-number .value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.editor-frame .editor-tools .actions .action.active .value {
  background-color: rgba(0, 0, 0, 0.6);
}
.editor-frame .editor-tools .actions .action.sep, .editor-frame .editor-tools .actions .action.gap {
  min-width: 1px;
  max-width: 1px;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  flex: 0;
}
.editor-frame .editor-tools .actions .action.sep {
  background-color: #222;
  border-top: 0px solid #151515;
}
.editor-frame .editor-tools .actions .action select.fit, .editor-frame .editor-tools .actions .action input.fit {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.0666666667);
  border: 0;
}
.editor-frame .editor-tools .actions .action select {
  padding: 5px 5px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.0666666667);
  border: 0;
}
.editor-frame .editor-tools .actions .action.action-input input {
  width: 1px;
  height: 1px;
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
.editor-frame .editor-tools .actions .action .background-color-chooser, .editor-frame .editor-tools .actions .action .border-color-chooser, .editor-frame .editor-tools .actions .action .background-chooser, .editor-frame .editor-tools .actions .action .main-background-color-chooser, .editor-frame .editor-tools .actions .action .main-color-chooser {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.editor-frame .editor-tools .actions .action .background-color-chooser.large, .editor-frame .editor-tools .actions .action .border-color-chooser.large, .editor-frame .editor-tools .actions .action .background-chooser.large, .editor-frame .editor-tools .actions .action .main-background-color-chooser.large, .editor-frame .editor-tools .actions .action .main-color-chooser.large {
  width: 60px;
  height: 60px;
  padding: 0;
}
.editor-frame .editor-tools .actions .action .background-color-chooser .bg, .editor-frame .editor-tools .actions .action .border-color-chooser .bg, .editor-frame .editor-tools .actions .action .background-chooser .bg, .editor-frame .editor-tools .actions .action .main-background-color-chooser .bg, .editor-frame .editor-tools .actions .action .main-color-chooser .bg {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  position: relative;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4039215686);
}
.editor-frame .editor-tools .actions .action i {
  padding: 0 10px;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.editor-frame .editor-tools .actions .action .color-chooser {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 5px;
  padding: 0 6px;
  width: 100%;
}
.editor-frame .editor-tools .actions .action .color-chooser .bg {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4039215686);
}
.editor-frame .editor-tools.left-aligned .actions {
  flex-wrap: wrap;
}
.editor-frame .editor-tools.left-aligned .actions .action {
  margin-bottom: 20px;
  flex: 1;
  margin-right: 10px;
}
.editor-frame .editor-tools.left-aligned .actions .action:nth-child(odd) {
  margin-right: 0;
}
.editor-frame .editor-tools.properties .actions .action label {
  font-size: 90%;
}
.editor-frame .editor-tools.s-text .actions.show-text {
  display: flex;
}
.editor-frame .editor-tools.s-container .actions.show-container {
  display: flex;
}
.editor-frame .carousel {
  display: flex;
  overflow: hidden;
  height: 100%;
  background-color: #373737;
}
.editor-frame .carousel .items .item img {
  position: relative;
}
.editor-frame .carousel .editor-display {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.editor-frame .carousel .editor-panel {
  position: relative;
  opacity: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 5;
  padding: 0;
  max-width: 75px;
  width: 75px;
  min-width: 75px;
}
.editor-frame .carousel .editor-panel .tool {
  display: flex;
  position: relative;
  display: flex;
  height: 75px;
  width: 100%;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  padding: 0;
  z-index: 5;
}
.editor-frame .carousel .editor-panel .tool .tool-icon {
  background-color: #151515;
  transition: all 300ms ease;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.editor-frame .carousel .editor-panel .tool i {
  margin: 0;
}
.editor-frame .carousel .editor-panel .tool .tool-options {
  position: absolute;
  transform: translateX(-100%);
  left: 100%;
  background-color: #080808;
  pointer-events: none;
  opacity: 1;
  transition: all 300ms ease;
  padding-right: 15px;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-frame .carousel .editor-panel .tool:hover, .editor-frame .carousel .editor-panel .tool:active {
  background-color: #080808;
}
.editor-frame .carousel .editor-panel .tool:hover .tool-icon, .editor-frame .carousel .editor-panel .tool:active .tool-icon {
  background-color: #080808;
}
.editor-frame .carousel .editor-panel .tool:hover .tool-options, .editor-frame .carousel .editor-panel .tool:active .tool-options {
  transform: translateX(0%);
  opacity: 1;
  pointer-events: all;
}
.editor-frame .carousel .items {
  position: relative;
  flex: 10;
  z-index: 4;
  overflow: auto;
}
.editor-frame .carousel .download-image-wrapper {
  background: transparent;
  background-color: transparent;
}
.editor-frame .carousel .download-image-wrapper img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.editor-frame .carousel .download-image-wrapper .item.slide {
  background: transparent;
  background-color: transparent;
  border: 0;
}
.editor-frame .carousel .item.slide {
  height: auto !important;
  background-color: rgba(0, 0, 0, 0.2);
  color: #000;
  max-width: 100%;
  overflow: hidden;
  transform-origin: top left;
  transition: transform 100ms ease;
  background: linear-gradient(45deg, #2d2c2c 25%, transparent 25%), linear-gradient(-45deg, #2d2c2c 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #2d2c2c 75%), linear-gradient(-45deg, transparent 75%, #2d2c2c 75%);
  background-size: 15px 15px;
  border: 1px solid #252525;
  background-position: 0 0, 0 7.5px, 7.5px -7.5px, -7.5px 0px;
}
.editor-frame .carousel .item.slide .actions {
  background-color: #151515;
  color: #fff;
  bottom: auto;
  top: 100%;
  flex-direction: column;
  margin: 10px 0;
  transform-origin: top left;
  position: absolute;
  transition: top 0ms ease, left 0ms ease, opacity 200ms ease, transform 0ms ease;
  left: 0;
  top: 0;
  display: flex;
  position: absolute;
  font-size: 16px;
  padding: 5px;
  border-radius: 5px;
  pointer-events: none;
  opacity: 0;
}
.editor-frame .carousel .item.slide .actions .action {
  display: flex;
  align-items: center;
  transition: all 300ms ease 300ms;
  opacity: 1;
  cursor: pointer;
  padding: 5px 7.5px;
}
.editor-frame .carousel .item.slide .actions .action label {
  padding: 0;
  margin: 0;
  margin-right: 10px;
  font-size: 11px;
  text-transform: uppercase;
  width: 100px;
  font-weight: 700;
  text-align: right;
  color: #ccc;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.editor-frame .carousel .item.slide .actions .action input, .editor-frame .carousel .item.slide .actions .action select, .editor-frame .carousel .item.slide .actions .action textarea {
  border-radius: 0;
}
.editor-frame .carousel .item.slide .slide-elm {
  flex-direction: column;
  overflow: hidden;
}
.editor-frame .carousel .item.slide .elm {
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 1px;
  min-width: 1px;
  -webkit-font-smoothing: auto;
}
.editor-frame .carousel .item.slide .elm.locked, .editor-frame .carousel .item.slide .elm .locked {
  cursor: default;
}
.editor-frame .carousel .item.slide .elm.locked:hover, .editor-frame .carousel .item.slide .elm .locked:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
}
.editor-frame .carousel .item.slide .elm.locked .drag-handler, .editor-frame .carousel .item.slide .elm.locked .ui-resizable-handle, .editor-frame .carousel .item.slide .elm .locked .drag-handler, .editor-frame .carousel .item.slide .elm .locked .ui-resizable-handle {
  pointer-events: none !important;
  opacity: 0 !important;
}
.editor-frame .carousel .item.slide .elm.locked .image-element.item-wrapper, .editor-frame .carousel .item.slide .elm .locked .image-element.item-wrapper {
  pointer-events: none;
}
.editor-frame .carousel .item.slide .elm.locked .slide-elm, .editor-frame .carousel .item.slide .elm.locked.selected .slide-elm, .editor-frame .carousel .item.slide .elm .locked .slide-elm, .editor-frame .carousel .item.slide .elm .locked.selected .slide-elm {
  cursor: default;
}
.editor-frame .carousel .item.slide .elm.locked .slide-elm .item-wrapper.active, .editor-frame .carousel .item.slide .elm.locked.selected .slide-elm .item-wrapper.active, .editor-frame .carousel .item.slide .elm .locked .slide-elm .item-wrapper.active, .editor-frame .carousel .item.slide .elm .locked.selected .slide-elm .item-wrapper.active {
  box-shadow: none;
}
.editor-frame .carousel .item.slide .elm.locked .slide-elm:after, .editor-frame .carousel .item.slide .elm.locked.selected .slide-elm:after, .editor-frame .carousel .item.slide .elm .locked .slide-elm:after, .editor-frame .carousel .item.slide .elm .locked.selected .slide-elm:after {
  opacity: 0;
}
.editor-frame .carousel .item.slide .elm.fixed {
  cursor: default;
}
.editor-frame .carousel .item.slide .elm.fixed:hover {
  box-shadow: 0px 0px 0px 1px rgba(128, 0, 128, 0.2901960784);
}
.editor-frame .carousel .item.slide .elm.fixed .drag-handler, .editor-frame .carousel .item.slide .elm.fixed .ui-resizable-handle {
  pointer-events: none !important;
  opacity: 0 !important;
}
.editor-frame .carousel .item.slide .elm.fixed .slide-elm:after, .editor-frame .carousel .item.slide .elm.fixed.selected .slide-elm:after {
  opacity: 0;
}
.editor-frame .carousel .item.slide .elm .actions {
  transition: none;
  opacity: 0;
}
.editor-frame .carousel .item.slide .elm .ui-resizable-handle {
  box-shadow: 0px 0px 0px 1px rgba(128, 0, 128, 0.2901960784);
  opacity: 1;
}
.editor-frame .carousel .item.slide .elm .drag-handler {
  position: absolute;
  top: -12.5px;
  height: 7.5px;
  background-color: rgba(128, 0, 128, 0.2901960784);
  width: 100%;
  left: 0%;
  font-size: 0;
  cursor: grab;
  opacity: 1;
  border-radius: 2px;
  opacity: 0;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.editor-frame .carousel .item.slide .elm .drag-handler:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.editor-frame .carousel .item.slide .elm.matched.left:before {
  width: 1px;
  height: 1000%;
  content: "";
  left: 0;
  top: -330%;
  border-left: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.top:after {
  width: 1000%;
  height: 1px;
  content: "";
  left: -330%;
  top: 0;
  border-top: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.centered-h:beforex {
  width: calc(100% - 2px);
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border-left: 1px dotted rgba(215, 140, 4, 0.6);
  border-right: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.centered-h:before {
  width: 1px;
  height: 1000%;
  content: "";
  left: calc(50% - 1px);
  top: -330%;
  border-right: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.centered-v:beforex {
  height: calc(100% - 4px);
  width: 100%;
  content: "";
  left: 0;
  top: 0;
  border-top: 2px dotted rgba(215, 140, 4, 0.6);
  border-bottom: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.centered-v:after {
  height: 1px;
  width: 1000%;
  content: "";
  top: calc(50% - 1px);
  left: -330%;
  border-top: 1px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.width:before {
  width: calc(100% - 4px);
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border-left: 2px dotted rgba(215, 140, 4, 0.6);
  border-right: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm.matched.height:before {
  height: calc(100% - 4px);
  width: 100%;
  content: "";
  left: 0;
  top: 0;
  border-top: 2px dotted rgba(215, 140, 4, 0.6);
  border-bottom: 2px dotted rgba(215, 140, 4, 0.6);
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
.editor-frame .carousel .item.slide .elm .twrap {
  display: inline-block;
  line-height: inherit;
}
.editor-frame .carousel .item.slide .elm .elm-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.editor-frame .carousel .item.slide .elm .item-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  line-height: normal;
  transition: border 100ms ease;
}
.editor-frame .carousel .item.slide .elm .item-wrapper.image-element {
  cursor: pointer !important;
}
.editor-frame .carousel .item.slide .elm .item-wrapper.image-element img {
  z-index: 3;
}
.editor-frame .carousel .item.slide .elm .item-wrapper.image-element:hover {
  /*
  &:before {
      content: "Upload";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      background-color: #5e35af;
      color: #fff;
      padding: 5px 10px;
      z-index: 5;
      font-size: 12px;
      text-transform: uppercase;
  }*/
}
.editor-frame .carousel .item.slide .elm.text-elm, .editor-frame .carousel .item.slide .elm.auto-grow {
  height: auto !important;
}
.editor-frame .carousel .item.slide .elm .slide-elm.expanded .item-wrapper img, .editor-frame .carousel .item.slide .elm .slide-elm.elm-background .item-wrapper img {
  height: 100%;
}
.editor-frame .carousel .item.slide .elm .slide-elm.elm-background {
  pointer-events: none;
}
.editor-frame .carousel .item.slide .elm .slide-elm.elm-background .image-element {
  background-color: transparent !important;
}
.editor-frame .carousel .item.slide .elm .slide-elm {
  transition: border 100ms ease;
}
.editor-frame .carousel .item.slide .elm .slide-elm .item-wrapper img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}
.editor-frame .carousel .item.slide .elm .slide-elm:after {
  content: "";
  transition: all 100ms ease;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.editor-frame .carousel .item.slide .elm:hover .drag-handler {
  opacity: 1;
}
.editor-frame .carousel .item.slide .elm:hover .slide-elm:after {
  border: 2px solid purple;
}
.editor-frame .carousel .item.slide .elm:hover.ui-resizable-resizing .slide-elm:after, .editor-frame .carousel .item.slide .elm:hover.ui-draggable-dragging .slide-elm:after {
  border: 1px dotted rgba(151, 73, 199, 0.431372549);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.editor-frame .carousel .item.slide .elm:hover.xui-draggable-dragging .slide-elm:after {
  border: 0;
}
.editor-frame .carousel .item.slide .elm.selected .xui-rotatable-handle.ui-draggable {
  opacity: 1;
}
.editor-frame .carousel .item.slide .elm.selected .slide-elm:after {
  border: 2px dashed rgba(153, 153, 153, 0.2);
}
.editor-frame .carousel .item.slide .elm.selected .slide-elm .item-wrapper.active {
  box-shadow: inset 0px 0px 0px 2px #d78c04;
  z-index: 99;
  cursor: text;
}
.editor-frame .carousel .item.slide .elm-main {
  position: relative !important;
  height: auto !important;
  width: auto !important;
  left: 0% !important;
  top: 0% !important;
  overflow: hidden;
  cursor: default;
  border: 0px;
  z-index: 0 !important;
  user-select: none;
  flex: 1;
  pointer-events: none;
}
.editor-frame .carousel .item.slide .elm-main:after {
  opacity: 0;
}
.editor-frame .carousel .item.slide .elm-main.selected, .editor-frame .carousel .item.slide .elm-main:hover {
  box-shadow: 0px 0px 0px 0px transparent;
  z-index: 0 !important;
  border: 0 !important;
}
.editor-frame .carousel .item.slide .elm-main.selected:after, .editor-frame .carousel .item.slide .elm-main:hover:after {
  border: 0;
}
.editor-frame .carousel .item.slide .elm-main .actions {
  display: none;
}
.editor-frame .carousel.edit-mode {
  margin: 0;
  width: 100%;
}
.editor-frame .carousel.edit-mode .editor-panel {
  background-color: #151515;
}
.editor-frame .popup-tools {
  max-width: 40px;
  min-width: 40px;
  height: 100%;
}
.editor-frame .popup-tools .actions {
  display: block;
  flex-wrap: wrap;
  font-size: 75%;
  padding-top: 7.5px;
  overflow: auto;
  text-align: center;
  height: 100%;
}
.editor-frame .popup-tools .actions .action {
  flex: 1;
  width: 100%;
  min-width: 100%;
  padding: 7.5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-frame .info-settings .setting:last-child {
  margin-bottom: 0 !important;
}

.prizes-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.prizes-section .tab-info .list .items {
  width: 100%;
}
.prizes-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.prizes-section table, .prizes-section tbody {
  width: 100%;
  display: block;
}
.prizes-section tr {
  width: 100%;
}
.prizes-section tr td:first-child, .prizes-section tr th:first-child {
  padding-left: 20px !important;
}
.prizes-section tr td:last-child, .prizes-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.prizes-section .list {
  display: flex;
  flex-wrap: wrap;
}
.prizes-section .list .prize-item-details .meta {
  margin-bottom: 15px;
}
.prizes-section .list .items {
  display: block;
}
.prizes-section .list .items .item {
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.prizes-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.prizes-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.prizes-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.prizes-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.prizes-section .list .items .item .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.modal .frame.prize-details {
  width: 100%;
  height: 100%;
}
body {
  counter-reset: my-sec-counter;
}

.go-full-screen {
  z-index: 10;
  color: rgba(255, 255, 255, 0.6);
  font-size: 25px;
  cursor: pointer;
  transition: all 300ms ease;
}

.vote-form {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b1b1b;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: 25px;
  transition: all 300ms ease;
  display: none;
}
.vote-mode .vote-form {
  display: flex;
}
.vote-form .error-message {
  opacity: 0;
  transition: all 300ms ease;
  color: #d16565;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-style: italic;
}
.vote-form.invalid .enter-email {
  box-shadow: 0px 0px 0px 1px red;
  background-color: rgba(255, 0, 0, 0.2);
}
.vote-form.invalid .error-message {
  opacity: 1;
}
.vote-form.voted {
  opacity: 0;
  pointer-events: none;
}

.tab-wheel .tab-settings {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 25;
}
.tab-wheel .tab-container {
  background-color: #1b1b1b;
}
.tab-wheel .tab-container.is-idle .customer-panel, .tab-wheel .tab-container.is-idle .spinner {
  opacity: 0;
  pointer-events: none;
}
.tab-wheel .tab-container.is-idle .idle-panel {
  opacity: 1;
  pointer-events: none;
}
.tab-wheel .tab-container .idle-panel {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 700ms ease;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}

.frame.prize-details.analog-mode .tab-wheel .customer-panel {
  display: none !important;
}
.frame.prize-details.analog-mode .tab-wheel .tab-settings {
  display: none !important;
}
.frame.prize-details.analog-mode .tab-wheel .customer-panel, .frame.prize-details.analog-mode .tab-wheel .spinner {
  opacity: 1;
  pointer-events: all;
}
.frame.prize-details.analog-mode .tab-wheel .idle-panel {
  opacity: 0;
  pointer-events: none;
}
.frame.prize-details .progress-status-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #111;
}
.frame.prize-details .progress-status-bar .progress-status {
  background-color: #00c90f;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  transition: all 200ms ease 0s;
}
.lite .frame.prize-details .drilldown-container, .lite .frame.prize-details .frame-actions {
  display: none;
}
.frame.prize-details .disable-no-list-selected {
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease;
}
.frame.prize-details.list-is-selected .disable-no-list-selected {
  opacity: 1;
  pointer-events: all;
}
.frame.prize-details .show-status-pending {
  display: none;
}
.frame.prize-details.status-pending .show-status-pending {
  display: flex;
}
.frame.prize-details .show-status-running {
  display: none;
}
.frame.prize-details.status-running .show-status-running {
  display: flex;
}
.frame.prize-details .show-status-stopped {
  display: none;
}
.frame.prize-details.status-stopped .show-status-stopped {
  display: flex;
}
.frame.prize-details .show-status-cancelled {
  display: none;
}
.frame.prize-details.status-cancelled .show-status-cancelled {
  display: flex;
}
.frame.prize-details.status-complete .show-status-complete {
  display: flex;
}
.frame.prize-details.status-complete .progress-status-bar .progress-status {
  background-color: #0095ff;
}
.frame.prize-details h3 {
  margin: 0 0 10px 0;
}
.frame.prize-details textarea {
  font-size: inherit;
}
.frame.prize-details .customer-panel {
  opacity: 1;
  transition: all 700ms ease;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #333;
}
.frame.prize-details .customer-panel .customer-box {
  border-bottom: 1px solid #333;
}
.frame.prize-details .customer-panel.hide-me {
  opacity: 0;
}
.frame.prize-details .cart-list {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .cart-list .cart-item {
  background-color: #fff;
  flex: 1;
  min-width: 50%;
  max-width: 50%;
  padding: 10px;
  color: #222;
  font-size: 12px;
  line-height: normal;
  color: #484646;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.frame.prize-details .cart-list .cart-item .pricing-info {
  margin-top: 10px;
  font-weight: 500;
}
.frame.prize-details .cart-list .cart-item .product-brand {
  font-weight: 600;
}
.frame.prize-details .cart-list .cart-item .product-name {
  font-weight: 400;
}
.frame.prize-details .cart-list .cart-item:nth-child(odd) {
  border-right: 1px solid #eee;
}
.frame.prize-details .terminal-boxes .boxes {
  display: flex;
  flex: 3;
  font-size: 11px;
  padding-right: 10px;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box {
  background-color: rgba(0, 0, 0, 0.2);
  flex: 1;
  line-height: normal;
  color: #fff;
  min-width: 100px;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  transition: all 300ms ease;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box.active {
  box-shadow: 0px 0px 0px 5px #ccd037;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box.expired {
  background-color: rgba(78, 26, 26, 0.4784313725);
  color: #999;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box.has-checkin {
  background-color: rgba(3, 90, 189, 0.3098039216);
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .terminalName {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .displayName {
  text-align: center;
  text-transform: capitalize;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .phone {
  text-align: center;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .checkedIn {
  text-align: center;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .totalItems {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box .orderTotal {
  font-weight: 600;
  font-size: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box.idle:before {
  content: "Idle";
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  font-style: italic;
}
.frame.prize-details .terminal-boxes .boxes .terminal-box.idle .displayName, .frame.prize-details .terminal-boxes .boxes .terminal-box.idle .phone, .frame.prize-details .terminal-boxes .boxes .terminal-box.idle .checkedIn, .frame.prize-details .terminal-boxes .boxes .terminal-box.idle .totalItems, .frame.prize-details .terminal-boxes .boxes .terminal-box.idle .orderTotal {
  display: none;
}
.frame.prize-details .setting {
  flex: 1;
}
.frame.prize-details .setting input, .frame.prize-details .setting select {
  width: 100%;
  min-width: 50px;
}
.frame.prize-details .add-image {
  margin-bottom: 10px;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame.prize-details .add-image img {
  width: 100%;
  height: 100%;
}
.frame.prize-details .add-image i {
  margin-right: 3px;
}
.frame.prize-details .preview-text img {
  max-height: 300px;
  max-width: 200px;
  object-fit: contain;
}
.frame.prize-details .prize-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
}
.frame.prize-details.test-confirmed .prize-now {
  opacity: 1;
  pointer-events: all;
}
.frame.prize-details .messages-list {
  padding: 15px;
}
.frame.prize-details .message-body {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 15px;
  color: #fff;
  height: auto;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
  background-color: #fff;
  overflow: hidden;
}
.frame.prize-details .message-body:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: my-sec-counter;
  z-index: 20;
  padding: 5px;
  color: rgba(0, 0, 0, 0.7333333333);
}
.frame.prize-details .message-body input {
  color: #fff;
}
.frame.prize-details .message-body input::placeholder {
  color: rgba(238, 238, 238, 0.7333333333);
}
.frame.prize-details .message-body .background {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 1;
}
.frame.prize-details .message-body .background:before {
  content: "";
  z-index: 9;
  cursor: grab;
  height: 7px;
  background-color: rgba(255, 255, 255, 0.168627451);
  width: 100%;
  position: relative;
  display: flex;
}
.frame.prize-details .message-body .message-section {
  flex: 3;
  overflow: auto;
  min-width: 85vw;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 3;
}
.frame.prize-details .message-body .message-section .field {
  margin-bottom: 10px;
}
.frame.prize-details .message-body .message-section .field:last-child {
  margin-bottom: 0;
}
.frame.prize-details .message-body .message-section .field .styled-title {
  color: #fff;
  height: 100%;
  font-weight: 500;
}
.frame.prize-details .message-body .message-section .field input {
  height: 100%;
}
.frame.prize-details .message-body .message-section .field .sp-colorize-container {
  height: 100%;
}
@media (min-width: 1024px) {
  .frame.prize-details .message-body .message-section {
    min-width: 0;
  }
}
.frame.prize-details .message-body .testing-section {
  min-width: 300px;
  max-width: 300px;
  padding: 15px;
  height: 100%;
  overflow: auto;
  background-color: #1c1c1c;
}
.frame.prize-details .actions-summary {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0 5px 10px;
}
@media (min-width: 1024px) {
  .frame.prize-details .actions-summary {
    padding: 10px 0 0px 10px;
  }
}
.frame.prize-details .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.frame.prize-details .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.frame.prize-details .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .frame.prize-details .actions-row .actions-container {
    margin-top: 15px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .frame.prize-details .actions-row {
    padding: 0 20px 20px 20px;
  }
}
.frame.prize-details .summary-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: rgba(46, 77, 22, 0.7019607843);
  padding: 5px 5px 5px 5px;
  line-height: normal;
  border-radius: 3px;
  min-width: 100px;
  max-width: 150px;
  margin-right: 5px;
  margin-bottom: 5px;
  flex: 1;
}
.frame.prize-details .summary-item .lbl {
  flex: 1;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: normal;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame.prize-details .summary-item .lbl i {
  font-size: 14px;
}
.frame.prize-details .summary-item .val {
  padding-top: 3px;
  margin-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.2196078431);
  font-size: 14px;
  font-weight: 800;
  line-height: normal;
  flex: 1;
  text-align: right;
  align-self: flex-end;
  width: 100%;
}
@media (min-width: 1024px) {
  .frame.prize-details .summary-item {
    padding: 7.5px 10px 7.5px 10px;
    min-width: 100px;
    max-width: 175px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .frame.prize-details .summary-item .val {
    font-size: 20px;
    padding-top: 7px;
    margin-top: 7px;
  }
}
.frame.prize-details .test-panel {
  display: flex;
  width: 100%;
}
.frame.prize-details .test-panel .test-phones {
  width: 100%;
}
.frame.prize-details .test-panel .test-messages {
  border-radius: 5px;
}
.frame.prize-details .test-panel .test-message {
  margin-right: 10px;
  padding: 10px;
  background-color: #0b6fb5;
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  min-height: 100px;
  margin-bottom: 15px;
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .frame.prize-details .test-panel .test-message {
    min-width: 100%;
    max-width: 100%;
  }
}
.frame.prize-details .test-panel .test-message img {
  max-width: 200px;
}
.frame.prize-details .test-panel .test-message .phone-from {
  font-weight: 600;
  text-transform: capitalize;
}
.frame.prize-details .test-panel .test-message .phone-number-to {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 10px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number {
  margin-bottom: 3px;
  border-radius: 20px;
  padding: 3px 5px;
  white-space: nowrap;
  font-size: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number .sep {
  margin: 0 3px;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number .carrier {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number:before {
  margin-right: 5px;
  font-family: "Font Awesome 6 PRO";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 14px;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.added {
  background-color: #323232;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.added:before {
  content: "\f192";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.sent {
  background-color: #323232;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.sent:before {
  content: "\f192";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.invalid {
  background-color: #aa2b2b;
  flex-wrap: wrap;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.invalid:after {
  content: "Invalid Content/Character";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.invalid:before {
  content: "\f057";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.timedout {
  background-color: #111;
  flex-wrap: wrap;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.timedout:after {
  content: "Timed Out";
  width: 100%;
  position: relative;
  margin-top: 3px;
  text-align: center;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.timedout:before {
  content: "\f057";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.queued {
  background-color: rgba(48, 48, 48, 0.5607843137);
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.queued:before {
  content: "\f192";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.accepted {
  background-color: #1e5287;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.accepted:before {
  content: "\f35a";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.delivered {
  background-color: #3f8315;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.delivered:before {
  content: "\f058";
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.failed {
  background-color: #bf3e3e;
}
.frame.prize-details .test-panel .test-message .phone-number-to .to-number.failed:before {
  content: "\f00d";
}
.frame.prize-details .test-panel .test-message .body {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #fff;
  display: flex;
  line-height: normal;
  display: flex;
  flex-direction: column;
}
.frame.prize-details .test-panel .test-message .body .img img {
  width: auto;
  margin-bottom: 5px;
  max-height: 100px;
  object-fit: contain;
}
.frame.prize-details .test-panel .test-message .body .content {
  flex: 1;
}
.frame.prize-details .test-panel .test-message .body a {
  color: inherit;
  text-decoration: underline;
}
.frame.prize-details .test-panel .test-message .body a:hover {
  text-decoration: none;
}
.frame.prize-details .test-panel .prize-test-numbers {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .test-panel .prize-test-numbers label > * {
  display: block;
  pointer-events: none;
}
.frame.prize-details .test-panel .prize-test-numbers label {
  display: flex;
  flex: 1;
  white-space: nowrap;
  font-size: 12px;
  background-color: #1c1c1c;
  margin-right: 5px;
  padding: 1px 5px;
  color: #b1b1b1;
  margin-bottom: 5px;
}
.frame.prize-details .test-panel .prize-test-numbers label input {
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.frame.prize-details .test-panel .confirm-test {
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
}
.frame.prize-details .media-list {
  overflow: auto;
  background-color: #343434;
  padding: 10px;
  border-radius: 5px;
}
.frame.prize-details .media-list .media-item {
  display: flex;
  min-width: 110px;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 12px;
  flex-direction: column;
  cursor: pointer;
  border: 2px solid transparent;
  opacity: 0.5;
}
.frame.prize-details .media-list .media-item:hover {
  border-color: #ffff00;
}
.frame.prize-details .media-list .media-item.selected {
  border-color: #00ff00;
  opacity: 1;
}
.frame.prize-details .media-list .media-item .thumbnail {
  object-fit: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
}
.frame.prize-details .media-list .media-item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 80px;
  object-position: top;
  border-radius: 3px;
}
.frame.prize-details .media-list .media-item .active-date {
  position: absolute;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 100%;
  color: #fff;
  bottom: 0;
  left: 0;
  line-height: 25px;
}
.frame.prize-details .show-new {
  display: none;
}
.frame.prize-details.new-prize .show-new {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .show-readonly {
  display: none;
}
.frame.prize-details.readonly .show-readonly {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details.readonly .hide-readonly {
  display: none;
}
.frame.prize-details .show-existing {
  display: none;
}
.frame.prize-details.existing-prize .show-existing {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .show-saving {
  display: none;
}
.frame.prize-details.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .show-status-incomplete {
  display: none;
}
.frame.prize-details.status-incomplete .show-status-incomplete {
  display: flex;
  flex-wrap: wrap;
}
.frame.prize-details .active-updates {
  pointer-events: none;
  opacity: 0.5;
  transition: all 300ms ease;
}
.frame.prize-details.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
}

.spinner {
  width: 100%;
  position: relative;
  overflow: visible;
  user-select: none;
  opacity: 0;
  transition: opacity 700ms ease 0ms;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  /*
  .pieSlice:nth-child(1) .pie, &.winner-0 .winner, .slice-item-0 {
      background-color: #3abba9;
  }
  .pieSlice:nth-child(2) .pie, &.winner-1 .winner, .slice-item-1 {
      background-color: #57aee1;
  }
  .pieSlice:nth-child(3) .pie, &.winner-2 .winner, .slice-item-2 {
      background-color: #5668e1;
  }
  .pieSlice:nth-child(4) .pie, &.winner-3 .winner, .slice-item-3 {
      background-color: #8b56e1;
  }
  .pieSlice:nth-child(5) .pie, &.winner-4 .winner, .slice-item-4 {
      background-color: #ce55e2;
  }
  .pieSlice:nth-child(6) .pie, &.winner-5 .winner, .slice-item-5 {
      background-color: #e255ae;
  }
  .pieSlice:nth-child(7) .pie, &.winner-6 .winner, .slice-item-6 {
      background-color: #e25568;
  }
  .pieSlice:nth-child(8) .pie, &.winner-7 .winner, .slice-item-7 {
      background-color: #e38956;
  }
  .pieSlice:nth-child(9) .pie, &.winner-8 .winner, .slice-item-8 {
      background-color: #54b135;
  }
  .pieSlice:nth-child(10) .pie, &.winner-9 .winner, .slice-item-9 {
      background-color: #98b95f;
  }     
  */
}
.spinner.code-needed .resetter {
  display: none;
}
.spinner.code-needed .claim-conf {
  display: flex;
}
.spinner.ready {
  transition: opacity 700ms ease 0ms;
  opacity: 1;
}
.spinner:hover .go-full-screen {
  opacity: 1;
}
.spinner .resetter {
  position: absolute;
  z-index: 20;
  padding: 15px;
  bottom: 0;
  right: 0;
  transition: all 700ms ease 700ms;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.spinner .claim-conf {
  position: absolute;
  z-index: 20;
  padding: 15px;
  transition: all 700ms ease 700ms;
  pointer-events: none;
  opacity: 0;
  display: none;
  bottom: 0;
  right: 0;
}
.spinner.resetting .slices {
  transition: all 700ms ease;
}
@media (orientation: landscape) {
  .spinner .pieBackground, .spinner .pieSlice, .spinner .slices, .spinner .pie, .spinner .spin-guide, .spinner .wheel-guide, .spinner .wheel {
    width: 45vh;
    height: 45vh;
    min-width: 45vh;
    min-height: 45vh;
    max-width: 45vh;
    max-height: 45vh;
  }
  .spinner .pieSlice {
    clip: rect(0px, 45vh, 45vh, 22.5vh);
  }
  .spinner .pieSlice .pie {
    clip: rect(0px, 22.5vh, 22.5vh, 0px);
  }
  .lite .spinner .pieBackground, .lite .spinner .pieSlice, .lite .spinner .slices, .lite .spinner .pie, .lite .spinner .spin-guide, .lite .spinner .wheel-guide, .lite .spinner .wheel {
    width: 75vh;
    height: 75vh;
    min-width: 75vh;
    min-height: 75vh;
    max-width: 75vh;
    max-height: 75vh;
  }
  .lite .spinner .pieSlice {
    clip: rect(0px, 75vh, 75vh, 37.5vh);
  }
  .lite .spinner .pieSlice .pie {
    clip: rect(0px, 37.5vh, 37.5vh, 0px);
  }
}
@media (orientation: landscape) and (min-width: 1024px) {
  .spinner.small .pieBackground, .spinner.small .pieSlice, .spinner.small .slices, .spinner.small .pie, .spinner.small .spin-guide, .spinner.small .wheel-guide, .spinner.small .wheel {
    width: calc(45vw - 200px);
    height: calc(45vw - 200px);
    min-width: calc(45vw - 200px);
    min-height: calc(45vw - 200px);
    max-width: calc(45vw - 200px);
    max-height: calc(45vw - 200px);
  }
  .spinner.small .pieSlice {
    clip: rect(0px, calc(45vw - 200px), calc(45vw - 200px), calc(22.5vw - 100px));
  }
  .spinner.small .pieSlice .pie {
    clip: rect(0px, calc(22.5vw - 100px), calc(22.5vw - 100px), 0px);
  }
}
@media (orientation: portrait) {
  .spinner .pieBackground, .spinner .pieSlice, .spinner .slices, .spinner .pie, .spinner .spin-guide, .spinner .wheel-guide, .spinner .wheel {
    width: 55vw;
    height: 55vw;
    min-width: 55vw;
    min-height: 55vw;
    max-width: 55vw;
    max-height: 55vw;
  }
  .spinner .pieSlice {
    clip: rect(0px, 55vw, 55vw, calc(27.5vw - 0px));
  }
  .spinner .pieSlice .pie {
    clip: rect(0px, calc(27.5vw - 0px), calc(27.5vw - 0px), 0px);
  }
  .lite .spinner .pieBackground, .lite .spinner .pieSlice, .lite .spinner .slices, .lite .spinner .pie, .lite .spinner .spin-guide, .lite .spinner .wheel-guide, .lite .spinner .wheel {
    width: 75vw;
    height: 75vw;
    min-width: 75vw;
    min-height: 75vw;
    max-width: 75vw;
    max-height: 75vw;
  }
  .lite .spinner .pieSlice {
    clip: rect(0px, 75vw, 75vw, calc(37.5vw - 0px));
  }
  .lite .spinner .pieSlice .pie {
    clip: rect(0px, calc(37.5vw - 0px), calc(37.5vw - 0px), 0px);
  }
}
.spinner .wheel {
  position: relative;
  margin: 15px 0;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  touch-action: none;
  transition: all 700ms ease;
  transform: rotate3d(0, 0, 0, 45deg);
  cursor: grab;
  transform: rotate(-22.5deg);
}
.spinner .wheel .pieBackground {
  position: absolute;
  border-radius: 100%;
}
.spinner .wheel .slices {
  position: absolute;
  z-index: 3;
  box-shadow: 0px 0px 10px 0px #000000;
  border-radius: 100%;
}
.spinner .wheel .slices .pieSlice:nth-child(0) {
  z-index: 13;
}
.spinner .wheel .slices .pieSlice:nth-child(1) {
  z-index: 12;
}
.spinner .wheel .slices .pieSlice:nth-child(2) {
  z-index: 11;
}
.spinner .wheel .slices .pieSlice:nth-child(3) {
  z-index: 10;
}
.spinner .wheel .slices .pieSlice:nth-child(4) {
  z-index: 9;
}
.spinner .wheel .slices .pieSlice:nth-child(5) {
  z-index: 8;
}
.spinner .wheel .slices .pieSlice:nth-child(6) {
  z-index: 7;
}
.spinner .wheel .slices .pieSlice:nth-child(7) {
  z-index: 6;
}
.spinner .wheel .slices .pieSlice:nth-child(8) {
  z-index: 5;
}
.spinner .wheel .slices .pieSlice:nth-child(9) {
  z-index: 4;
}
.spinner .wheel .slices .pieSlice:nth-child(10) {
  z-index: 3;
}
.spinner .wheel .slices .pieSlice:nth-child(11) {
  z-index: 2;
}
.spinner .wheel .slices .pieSlice:nth-child(12) {
  z-index: 1;
}
.spinner .wheel .pieSlice {
  position: absolute;
  border-radius: 100%;
  opacity: 1;
  transition: all 700ms ease;
}
.spinner .wheel .pieSlice .pie {
  position: absolute;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.spinner .wheel .pieSlice .pie .lbl {
  color: #fff;
  text-align: center;
  width: 25%;
  position: relative;
  padding-top: 0px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 13px;
}
.spinner .wheel .pieSlice .pie .lbl .lbl-display {
  transform: rotate(-90deg);
  position: relative;
  top: 20%;
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 130%;
  margin-left: -15%;
  line-height: normal;
}
.spinner .wheel .pieSlice .pie .lbl .lbl-display .lbl-title {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 60%;
  font-size: 16px;
  font-weight: 500;
  word-break: break-word;
  color: rgba(255, 255, 255, 0.4784313725);
  line-height: normal;
  display: none;
}
.spinner .wheel .pieSlice .pie .lbl .lbl-display .chances {
  display: none;
}
.spinner .wheel .pieSlice .pie .lbl .lbl-display img {
  left: 15%;
  right: auto;
  position: absolute;
  width: 80%;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 5%;
}
.spinner .wheel .pieSlice .pie .lbl .chances {
  font-size: 12px;
  opacity: 0.8;
}
.spinner .spin-guide {
  position: absolute;
  transition: all 700ms ease;
  opacity: 0.5;
  pointer-events: none;
}
.spinner .spin-guide i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  transition: all 1000ms ease 100ms;
  opacity: 0;
}
.spinner.ready .spin-guide i {
  top: 15%;
  opacity: 0;
}
.spinner.ready.freeze .spin-guide i {
  top: 0%;
  opacity: 0;
}
.spinner .wheel-guide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 700ms ease;
}
.spinner .wheel-guide .pointer {
  position: absolute;
  width: 5%;
  left: 62%;
  height: 4%;
  z-index: 5;
  border-radius: 5px;
  background-image: url(/wp-content/themes/blackleaf/img/wheel-pointer.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
.spinner .wheel-guide .pointer:before, .spinner .wheel-guide .pointer:after {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  transform: rotate(8deg);
  left: -2px;
}
.spinner .wheel-guide .pointer:after {
  transform: rotate(-8deg);
  right: -2px;
  left: auto;
}
.spinner .wheel-guide .pointer-box {
  position: absolute;
  width: 25%;
  left: 37.5%;
  height: 25%;
  top: 37.5%;
  border-radius: 100%;
  background-image: url(/wp-content/uploads/2022/12/wheel-guide-dec2022.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
  box-shadow: 0px 0px 26px 4px #053d23;
  z-index: 4;
  transform: rotate(22.5deg);
}
.spinner .pointer, .spinner .pointer-box {
  transition: all 700ms ease;
}
.spinner.freeze .spin-guide {
  opacity: 0;
}
.spinner.freeze .spread-container {
  pointer-events: none;
}
.spinner.over .resetter {
  opacity: 1;
  pointer-events: all;
}
.spinner.over .claim-conf {
  opacity: 1;
  pointer-events: all;
}
.spinner.over .winner-box {
  opacity: 1;
  position: absolute;
  bottom: 10%;
}
@media (orientation: portrait) {
  .spinner.over .winner-box {
    bottom: 10%;
  }
}
.spinner.over.small .winner-box {
  bottom: 10%;
}
.spinner.over .winning-items {
  opacity: 0;
}
.spinner.over .pieSlice {
  opacity: 0.3;
}
.spinner.over .wheel {
  transform: scale(0.7) translateY(-25%) rotate(-22.5deg);
}
@media (orientation: portrait) {
  .spinner.over .wheel {
    transform: scale(0.6) translateY(-40%) rotate(-22.5deg);
  }
}
.spinner.over.small .wheel {
  transform: scale(0.7) translateY(-25%) rotate(-22.5deg);
}
.spinner .winning-items {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  opacity: 1;
  transition: all 700ms ease;
  position: relative;
  transform: translateY(0);
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 10;
  width: 80%;
  margin: 10%;
  background-color: #305413;
  border-radius: 20px;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 0px 0px 2px #000;
}
.spinner .winning-items.show {
  opacity: 1;
}
.spinner .winning-items .winning-items-list {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.spinner .winning-items h2 {
  width: 100%;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
.spinner .winning-items .winning-item {
  border-radius: 3px;
  padding: 10px;
  margin: 5px;
  width: calc(25% - 10px);
  min-width: calc(25% - 10px);
  max-width: calc(25% - 10px);
  flex: 1;
  text-align: center;
  text-transform: capitalize;
  font-weight: 900;
  font-size: 16px;
}
.spinner .winning-items .winning-item .chances {
  font-weight: 400;
  display: none;
}
.spinner .winning-items .winning-item img {
  margin-top: 10px;
  max-width: 100px;
  width: 100%;
  object-fit: contain;
}
.spinner.small .winning-items .winning-item {
  width: calc(50% - 10px);
  min-width: calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.spinner .winner-box {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transition: all 700ms ease;
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5;
  width: 100%;
  background-color: #000;
  max-width: 300px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0%;
}
.spinner .winner-box .background {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 1;
}
.spinner .winner-box h2 {
  margin-right: 10px;
}
.spinner .winner-box .winner {
  padding: 10px;
  color: #fff;
  display: flex;
  border-radius: 3px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.spinner .winner-box .winner .winner-item {
  border-bottom: 2px solid #fff;
}
.spinner .winner-box .description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 3;
}
.spinner .winner-box .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.spinner .winner-box img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  margin-top: 25px;
}
.spinner.winner-0 .pieSlice:nth-child(1) {
  opacity: 1;
}
.spinner.winner-1 .pieSlice:nth-child(2) {
  opacity: 1;
}
.spinner.winner-2 .pieSlice:nth-child(3) {
  opacity: 1;
}
.spinner.winner-3 .pieSlice:nth-child(4) {
  opacity: 1;
}
.spinner.winner-4 .pieSlice:nth-child(5) {
  opacity: 1;
}
.spinner.winner-5 .pieSlice:nth-child(6) {
  opacity: 1;
}
.spinner.winner-6 .pieSlice:nth-child(7) {
  opacity: 1;
}
.spinner.winner-7 .pieSlice:nth-child(8) {
  opacity: 1;
}
.spinner.winner-8 .pieSlice:nth-child(9) {
  opacity: 1;
}
.spinner.winner-9 .pieSlice:nth-child(10) {
  opacity: 1;
}

:root {
  --color-color1: #ff0000;
}

.show-fifo {
  display: none;
}
.strategy-fifo .show-fifo {
  display: block;
}

.show-fifd {
  display: none;
}
.strategy-fifd .show-fifd {
  display: block;
}

@keyframes table-show {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes table-show2 {
  0% {
    padding: 0px 15px 0px 7.5px;
    font-size: 0px;
    color: transparent;
  }
  25% {
    transform: rotateX(90deg);
  }
  50% {
    font-size: 14px;
    padding: 7.5px 15px 7.5px 7.5px;
    color: transparent;
  }
  100% {
    font-size: 14px;
    padding: 7.5px 15px 7.5px 7.5px;
  }
}
.app .content-body .frame.inventory-section .status-bar, .sideview-content .frame.inventory-section .status-bar {
  position: absolute;
  height: 100%;
  width: calc(100% - 5px);
  left: 5px;
  top: 0%;
  z-index: 0;
  border-radius: 3px;
  overflow: hidden;
}
.app .content-body .frame.inventory-section .status-bar .status, .sideview-content .frame.inventory-section .status-bar .status {
  width: 0%;
  position: absolute;
  height: 100%;
  top: 0%;
  max-width: calc(100% - 4px);
  border-radius: 3px;
  z-index: 2;
  opacity: 0.2;
}
.app .content-body .frame.inventory-section .status-bar .status:before, .sideview-content .frame.inventory-section .status-bar .status:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.app .content-body .frame.inventory-section .status-label, .sideview-content .frame.inventory-section .status-label {
  z-index: 2;
  position: relative;
  text-align: right;
  white-space: nowrap;
}
.app .content-body .frame.inventory-section.slots-mode .hide-slots-mode, .sideview-content .frame.inventory-section.slots-mode .hide-slots-mode {
  display: none;
}
.app .content-body .frame.inventory-section.filtered-mode .card, .sideview-content .frame.inventory-section.filtered-mode .card {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body, .sideview-content .frame.inventory-section .frame-body {
  display: flex;
  flex-direction: column;
}
.app .content-body .frame.inventory-section .frame-body .header, .sideview-content .frame.inventory-section .frame-body .header {
  position: sticky;
  left: 0;
}
.app .content-body .frame.inventory-section .frame-body .depth-1, .app .content-body .frame.inventory-section .frame-body .depth-2, .app .content-body .frame.inventory-section .frame-body .depth-3, .app .content-body .frame.inventory-section .frame-body .depth-4, .app .content-body .frame.inventory-section .frame-body .depth-5, .sideview-content .frame.inventory-section .frame-body .depth-1, .sideview-content .frame.inventory-section .frame-body .depth-2, .sideview-content .frame.inventory-section .frame-body .depth-3, .sideview-content .frame.inventory-section .frame-body .depth-4, .sideview-content .frame.inventory-section .frame-body .depth-5 {
  opacity: 0;
  font-size: 0px;
  line-height: normal;
  transition: font-weight 200ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-1 td, .app .content-body .frame.inventory-section .frame-body .depth-2 td, .app .content-body .frame.inventory-section .frame-body .depth-3 td, .app .content-body .frame.inventory-section .frame-body .depth-4 td, .app .content-body .frame.inventory-section .frame-body .depth-5 td, .sideview-content .frame.inventory-section .frame-body .depth-1 td, .sideview-content .frame.inventory-section .frame-body .depth-2 td, .sideview-content .frame.inventory-section .frame-body .depth-3 td, .sideview-content .frame.inventory-section .frame-body .depth-4 td, .sideview-content .frame.inventory-section .frame-body .depth-5 td {
  padding: 0px 15px 0px 7.5px;
  transform-origin: top left;
}
.app .content-body .frame.inventory-section .frame-body .depth-0, .sideview-content .frame.inventory-section .frame-body .depth-0 {
  opacity: 1;
  transform: none;
  font-size: 14px;
  line-height: normal;
}
.app .content-body .frame.inventory-section .frame-body .depth-0 td, .sideview-content .frame.inventory-section .frame-body .depth-0 td {
  padding: 7.5px 15px 7.5px 7.5px;
}
.app .content-body .frame.inventory-section .frame-body .depth-1, .sideview-content .frame.inventory-section .frame-body .depth-1 {
  animation: table-show 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-1 td, .sideview-content .frame.inventory-section .frame-body .depth-1 td {
  animation: table-show2 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-2, .sideview-content .frame.inventory-section .frame-body .depth-2 {
  animation: table-show 500ms forwards 150ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-2 td, .sideview-content .frame.inventory-section .frame-body .depth-2 td {
  animation: table-show2 500ms forwards 150ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-3, .sideview-content .frame.inventory-section .frame-body .depth-3 {
  animation: table-show 500ms forwards 150ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-3 td, .sideview-content .frame.inventory-section .frame-body .depth-3 td {
  animation: table-show2 500ms forwards 150ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-4, .sideview-content .frame.inventory-section .frame-body .depth-4 {
  animation: table-show 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-4 td, .sideview-content .frame.inventory-section .frame-body .depth-4 td {
  animation: table-show2 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-5, .sideview-content .frame.inventory-section .frame-body .depth-5 {
  animation: table-show 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body .depth-5 td, .sideview-content .frame.inventory-section .frame-body .depth-5 td {
  animation: table-show2 500ms forwards 0ms ease;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .table-levels [data-table-level="1"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .table-levels [data-table-level="1"].table-level {
  background-color: #2e4d16;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .depth-1, .app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .depth-2, .app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .depth-3, .app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .depth-4, .app .content-body .frame.inventory-section .frame-body[data-table-levels="1"] .depth-5, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .depth-1, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .depth-2, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .depth-3, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .depth-4, .sideview-content .frame.inventory-section .frame-body[data-table-levels="1"] .depth-5 {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .table-levels [data-table-level="1"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .table-levels [data-table-level="2"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .table-levels [data-table-level="1"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .table-levels [data-table-level="2"].table-level {
  background-color: #2e4d16;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .depth-2, .app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .depth-3, .app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .depth-4, .app .content-body .frame.inventory-section .frame-body[data-table-levels="2"] .depth-5, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .depth-2, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .depth-3, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .depth-4, .sideview-content .frame.inventory-section .frame-body[data-table-levels="2"] .depth-5 {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .depth-1, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .depth-1 {
  font-weight: 600;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="1"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="2"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="3"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="1"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="2"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .table-levels [data-table-level="3"].table-level {
  background-color: #2e4d16;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .depth-3, .app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .depth-4, .app .content-body .frame.inventory-section .frame-body[data-table-levels="3"] .depth-5, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .depth-3, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .depth-4, .sideview-content .frame.inventory-section .frame-body[data-table-levels="3"] .depth-5 {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .depth-1, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .depth-1 {
  font-weight: 800;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .depth-2, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .depth-2 {
  font-weight: 600;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="1"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="2"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="3"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="4"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="1"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="2"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="3"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .table-levels [data-table-level="4"].table-level {
  background-color: #2e4d16;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .depth-4, .app .content-body .frame.inventory-section .frame-body[data-table-levels="4"] .depth-5, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .depth-4, .sideview-content .frame.inventory-section .frame-body[data-table-levels="4"] .depth-5 {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .depth-1, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .depth-1 {
  font-weight: 900;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .depth-2, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .depth-2 {
  font-weight: 800;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .depth-3, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .depth-3 {
  font-weight: 600;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="1"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="2"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="3"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="4"].table-level, .app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="5"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="1"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="2"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="3"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="4"].table-level, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .table-levels [data-table-level="5"].table-level {
  background-color: #2e4d16;
}
.app .content-body .frame.inventory-section .frame-body[data-table-levels="5"] .depth-5, .sideview-content .frame.inventory-section .frame-body[data-table-levels="5"] .depth-5 {
  display: none;
}
.app .content-body .frame.inventory-section .frame-body .table-levels-container, .sideview-content .frame.inventory-section .frame-body .table-levels-container {
  position: sticky;
  left: 0;
  top: 309px;
  z-index: 70;
  background-color: #000;
  padding: 0px 20px;
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app .content-body .frame.inventory-section .frame-body .table-levels, .sideview-content .frame.inventory-section .frame-body .table-levels {
  display: flex;
  gap: 10px;
  display: flex;
  align-items: center;
}
.app .content-body .frame.inventory-section .frame-body .table-levels:before, .sideview-content .frame.inventory-section .frame-body .table-levels:before {
  content: "Levels to display";
  font-weight: 600;
  text-transform: uppercase;
  font-size: 90%;
}
.app .content-body .frame.inventory-section .frame-body .table-levels .table-level, .sideview-content .frame.inventory-section .frame-body .table-levels .table-level {
  background-color: #111;
  height: 25px;
  padding: 0 10px;
  cursor: pointer;
  transition: all 300ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 80%;
}
.app .content-body .frame.inventory-section .frame-body .table-levels .table-level:hover, .sideview-content .frame.inventory-section .frame-body .table-levels .table-level:hover {
  background-color: #2e4d16;
  opacity: 0.5;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList, .sideview-content .frame.inventory-section .frame-body .skuLabelsList {
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-0, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-0 {
  background-color: #181818;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td {
  padding: 15px 15px 15px 7.5px;
  font-weight: 600;
  position: sticky;
  top: 399px;
  background-color: #0d0d0d;
  font-size: 125%;
  z-index: 5;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td.dos, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td.dos {
  text-align: right;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td.profitMargin, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-0.sku-item td.profitMargin {
  text-align: right;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-1, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-1 {
  background-color: rgba(0, 0, 0, 0.3960784314);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-2, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-2 {
  background-color: rgba(0, 0, 0, 0.3333333333);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-2 td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-2 td {
  opacity: 0.7;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-3, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-3 {
  background-color: rgba(0, 0, 0, 0.2666666667);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-3 td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-3 td {
  opacity: 0.6;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-4, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 td {
  opacity: 0.5;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-4, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 {
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.depth-4 td {
  opacity: 0.4;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList tr.green, .sideview-content .frame.inventory-section .frame-body .skuLabelsList tr.green {
  background-color: green !important;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList th, .sideview-content .frame.inventory-section .frame-body .skuLabelsList th {
  background-color: #32402a;
  padding: 10px 15px 10px 7.5px;
  top: 360px;
  position: sticky;
  z-index: 55;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1333333333);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList th:first-child, .sideview-content .frame.inventory-section .frame-body .skuLabelsList th:first-child {
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td {
  position: relative;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td:before, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  box-shadow: inset 1px -1px 0px 0px #000;
  z-index: 10;
  pointer-events: none;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent {
  text-align: center;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos.very-low, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-low, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos.very-low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-low {
  color: #ff0000;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos.low, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.low, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos.low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.low, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.low {
  color: #ffff00;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos.high, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.high, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos.high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.high {
  color: #ffff00;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos.very-high, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-high, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos.very-high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-high, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-high {
  color: #ff0000;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList td.dos.very-good, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-good, .app .content-body .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-good, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.dos.very-good, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.profitMargin.very-good, .sideview-content .frame.inventory-section .frame-body .skuLabelsList td.salesPercent.very-good {
  box-shadow: inset 0px 0px 0px 0px rgba(33, 53, 28, 0.6);
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList .sku-item, .sideview-content .frame.inventory-section .frame-body .skuLabelsList .sku-item {
  text-transform: capitalize;
  padding: 3px 20px;
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList .sku-item td:first-child, .sideview-content .frame.inventory-section .frame-body .skuLabelsList .sku-item td:first-child {
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-item-grouping, .sideview-content .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-item-grouping {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-item-grouping .sku-item-title, .sideview-content .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-item-grouping .sku-item-title {
  flex: 1;
}
.app .content-body .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-stat, .sideview-content .frame.inventory-section .frame-body .skuLabelsList .sku-item .sku-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-size: 12px;
  padding: 2px;
  margin-left: 15px;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-label, .sideview-content .frame.inventory-section .frame-body .field-set .field-label {
  background-color: #171717;
  padding: 10px;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value, .sideview-content .frame.inventory-section .frame-body .field-set .field-value {
  margin-bottom: 10px;
  align-items: flex-start;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value .advanced-toggle, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .advanced-toggle {
  padding: 5px 5px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value.default .categoryLabel, .sideview-content .frame.inventory-section .frame-body .field-set .field-value.default .categoryLabel {
  font-style: italic;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value .categoryLabel, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .categoryLabel {
  min-width: 150px;
  text-transform: capitalize;
  text-align: right;
  padding-right: 10px;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value .input, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .input {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value .input input, .app .content-body .frame.inventory-section .frame-body .field-set .field-value .input select, .app .content-body .frame.inventory-section .frame-body .field-set .field-value .input textarea, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .input input, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .input select, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .input textarea {
  flex: 1;
}
.app .content-body .frame.inventory-section .frame-body .field-set .field-value .input textarea, .sideview-content .frame.inventory-section .frame-body .field-set .field-value .input textarea {
  min-height: 150px;
}
.app .content-body .frame.inventory-section .frame-body .report-blocks .report-block, .sideview-content .frame.inventory-section .frame-body .report-blocks .report-block {
  flex: 1 0 23.333333%;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list, .sideview-content .frame.inventory-section .frame-body .table .table-list {
  height: auto;
  width: calc(100% - 15px);
  overflow: visible;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list .table-item .groupingStatus, .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item .groupingStatus {
  padding: 2px 5px;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  left: 10px;
  top: 10px;
  line-height: normal;
  background-color: #313131;
  color: #cccccc;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list .table-item .product-title, .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item .product-title {
  display: flex;
  align-items: flex-start;
  white-space: normal;
  font-weight: 600;
  margin-bottom: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  gap: 5px;
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list .table-item .product-title .title, .app .content-body .frame.inventory-section .frame-body .table .table-list .table-item .product-title [data-bind=title], .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item .product-title .title, .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item .product-title [data-bind=title] {
  flex: 1;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list .table-item.live .groupingStatus, .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item.live .groupingStatus {
  background-color: #d6cb4f;
  color: #313131;
}
.app .content-body .frame.inventory-section .frame-body .table .table-list .table-item.th .item-col, .sideview-content .frame.inventory-section .frame-body .table .table-list .table-item.th .item-col {
  top: 309px;
  background-color: #32402a;
  padding: 10px 15px 10px 7.5px;
}
.app .content-body .frame.inventory-section .frame-body .criteria-row, .sideview-content .frame.inventory-section .frame-body .criteria-row {
  display: flex;
  min-height: 65px;
  max-height: 65px;
  background-color: #171717;
  border: 15px solid #1f1f1f;
  border-bottom: 0;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 16;
}
.app .content-body .frame.inventory-section .frame-body .criteria-row .criteria-config, .sideview-content .frame.inventory-section .frame-body .criteria-row .criteria-config {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2666666667);
  color: inherit;
  font-size: 125%;
}
.app .content-body .frame.inventory-section .frame-body .criteria-labels, .sideview-content .frame.inventory-section .frame-body .criteria-labels {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px;
}
.app .content-body .frame.inventory-section .frame-body .criteria-labels:before, .sideview-content .frame.inventory-section .frame-body .criteria-labels:before {
  font-weight: 900;
  text-transform: uppercase;
  padding: 0 10px;
}
.app .content-body .frame.inventory-section .frame-body .criteria-labels label, .sideview-content .frame.inventory-section .frame-body .criteria-labels label {
  display: flex;
  height: 100%;
  padding: 0 15px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: normal;
  background-color: rgba(0, 0, 0, 0.2666666667);
}
.app .content-body .frame.inventory-section .frame-body .criteria-labels label .attr, .sideview-content .frame.inventory-section .frame-body .criteria-labels label .attr {
  width: 100%;
  font-weight: 900;
  font-size: 70%;
  text-transform: uppercase;
  color: #7e9b68;
}
.app .content-body .frame.inventory-section .frame-body .criteria-labels label .val, .sideview-content .frame.inventory-section .frame-body .criteria-labels label .val {
  width: 100%;
  font-size: 115%;
  font-weight: 600;
  text-transform: uppercase;
}
.app .content-body .frame.inventory-section .frame-body .stats-items, .sideview-content .frame.inventory-section .frame-body .stats-items {
  padding: 0 0px 0px 0px;
  border: 15px solid #1e1e1e;
  flex-direction: column;
  align-items: flex-start;
  position: sticky;
  top: 65px;
  z-index: 15;
  left: 0;
}
.app .content-body .frame.inventory-section .frame-body .list, .sideview-content .frame.inventory-section .frame-body .list {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  height: auto;
}
.app .content-body .frame.inventory-section .frame-body .list .header, .sideview-content .frame.inventory-section .frame-body .list .header {
  position: sticky;
  left: 0;
}
.app .content-body .frame.inventory-section .frame-body .list .inventory-item-details .meta, .sideview-content .frame.inventory-section .frame-body .list .inventory-item-details .meta {
  margin-bottom: 15px;
}
.app .content-body .frame.inventory-section .frame-body .list .items, .sideview-content .frame.inventory-section .frame-body .list .items {
  display: block;
  width: 100%;
}
.app .content-body .frame.inventory-section .frame-body .list .items .data-elm .thumbnail, .sideview-content .frame.inventory-section .frame-body .list .items .data-elm .thumbnail {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
}
.app .content-body .frame.inventory-section .tab-info .price-range, .sideview-content .frame.inventory-section .tab-info .price-range {
  padding: 15px;
  display: flex;
  gap: 20px;
}
.app .content-body .frame.inventory-section .tab-info .price-range label, .sideview-content .frame.inventory-section .tab-info .price-range label {
  flex: 1;
}
.app .content-body .frame.inventory-section .tab-info .price-range label div, .sideview-content .frame.inventory-section .tab-info .price-range label div {
  padding-right: 5px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 80%;
}
.app .content-body .frame.inventory-section .tab-info .list, .sideview-content .frame.inventory-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.app .content-body .frame.inventory-section .tab-info .list .items, .sideview-content .frame.inventory-section .tab-info .list .items {
  width: 100%;
}
.app .content-body .frame.inventory-section .tab-info .list .items .item, .sideview-content .frame.inventory-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.app .content-body .frame.inventory-section table, .app .content-body .frame.inventory-section tbody, .sideview-content .frame.inventory-section table, .sideview-content .frame.inventory-section tbody {
  width: 100%;
  display: block;
}
.app .content-body .frame.inventory-section .table-list .table-item .skuCount, .sideview-content .frame.inventory-section .table-list .table-item .skuCount {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2px 5px;
  font-size: 80%;
  font-weight: 500;
  text-transform: uppercase;
}
.app .content-body .frame.inventory-section .table-list tr, .sideview-content .frame.inventory-section .table-list tr {
  width: 100%;
}
.app .content-body .frame.inventory-section .table-list tr td:first-child, .app .content-body .frame.inventory-section .table-list tr th:first-child, .sideview-content .frame.inventory-section .table-list tr td:first-child, .sideview-content .frame.inventory-section .table-list tr th:first-child {
  padding-left: 20px !important;
}
.app .content-body .frame.inventory-section .table-list tr td:last-child, .app .content-body .frame.inventory-section .table-list tr th:last-child, .sideview-content .frame.inventory-section .table-list tr td:last-child, .sideview-content .frame.inventory-section .table-list tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}

.email-section .tab-info .list {
  padding: 0;
  width: 100%;
}
.email-section .tab-info .list .items {
  width: 100%;
}
.email-section .tab-info .list .items .item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.email-section table, .email-section tbody {
  width: 100%;
  display: block;
}
.email-section tr {
  width: 100%;
}
.email-section tr td:first-child, .email-section tr th:first-child {
  padding-left: 20px !important;
}
.email-section tr td:last-child, .email-section tr th:last-child {
  width: 100%;
  padding-right: 20px !important;
}
.email-section .list {
  display: flex;
  flex-wrap: wrap;
}
.email-section .list .email-item-details .meta {
  margin-bottom: 15px;
}
.email-section .list .items {
  display: block;
  width: 100%;
}
.email-section .list .items .item {
  width: 100%;
  flex: 1;
  /*min-width: calc(20% - 5px);
  max-width: calc(20% - 5px);
  padding-top: 120px;
  */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
}
.email-section .list .items .item:before {
  content: "";
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.email-section .list .items .item:nth-child(5n) {
  margin-right: 0;
}
.email-section .list .items .item .thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.email-section .list .items .item .thumbnail img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.email-section .list .items .item .meta {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 10px 3px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.modal .frame.email-item-details-frame {
  width: 100%;
  height: 100%;
}
.frame.email-item-details-frame textarea.body {
  height: 300px;
}
.frame.email-item-details-frame .actions-row {
  margin-bottom: 0;
  justify-content: space-between;
}
.frame.email-item-details-frame .actions-row .actions-container {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.frame.email-item-details-frame .actions-row .actions-container .action-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .frame.email-item-details-frame .actions-row .actions-container {
    margin-top: 15px;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .frame.email-item-details-frame .actions-row {
    padding: 0 20px 20px 20px;
  }
}
.frame.email-item-details-frame .show-new {
  display: none;
}
.frame.email-item-details-frame.new-email-item .show-new {
  display: flex;
  flex-wrap: wrap;
}
.frame.email-item-details-frame .show-readonly {
  display: none;
}
.frame.email-item-details-frame.readonly .show-readonly {
  display: flex;
  flex-wrap: wrap;
}
.frame.email-item-details-frame.readonly .hide-readonly {
  display: none;
}
.frame.email-item-details-frame .show-existing {
  display: none;
}
.frame.email-item-details-frame.existing-email-item .show-existing {
  display: flex;
  flex-wrap: wrap;
}
.frame.email-item-details-frame .show-saving {
  display: none;
}
.frame.email-item-details-frame.saving .show-saving {
  display: flex;
  flex-wrap: wrap;
}
.frame.email-item-details-frame .show-status-incomplete {
  display: none;
}
.frame.email-item-details-frame.status-incomplete .show-status-incomplete {
  display: flex;
  flex-wrap: wrap;
}
.frame.email-item-details-frame .active-updates {
  pointer-events: none;
  opacity: 0.5;
  transition: all 300ms ease;
}
.frame.email-item-details-frame.has-updates .active-updates {
  pointer-events: all;
  opacity: 1;
}

.app .content-body .frame.website-item-details-frame .ui-sortable-helper {
  transition: none !important;
}
.app .content-body .frame.website-item-details-frame .frame-main .tag-label {
  background-color: #272727;
  display: inline-block;
  padding: 2px 5px;
  font-size: 12px;
}
.app .content-body .frame.website-item-details-frame .frame-main .preview-website {
  min-width: 400px;
  max-width: 400px;
  height: 100%;
  background-color: #242424;
  border-left: 1px solid #141414;
  flex: 1;
}
.app .content-body .frame.website-item-details-frame .frame-main .preview-website iframe {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
.app .content-body .frame.website-item-details-frame .frame-main.is-new .preview-website {
  display: none;
}
.app .content-body .frame.website-item-details-frame .frame-main.is-new .preview-website .no-cert {
  display: none;
}

.chats-section iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.frame.support-frame, .support-list-items {
  font-size: 115%;
}
.frame.support-frame.history-only .hide-history-only, .support-list-items.history-only .hide-history-only {
  display: none;
}
.frame.support-frame .items .table-item, .support-list-items .items .table-item {
  font-weight: 300;
  position: relative;
}
.frame.support-frame .items .table-item.lined, .support-list-items .items .table-item.lined {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1333333333);
}
.frame.support-frame .items .table-item .meta, .support-list-items .items .table-item .meta {
  flex: 1;
  position: relative;
  z-index: 1;
}
.frame.support-frame .items .table-item .status-lbl, .support-list-items .items .table-item .status-lbl {
  padding: 5px 12.5px;
  line-height: normal;
  background-color: #444;
  display: inline-flex;
  font-size: 80%;
  text-transform: uppercase;
  font-weight: 500;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 3;
}
.frame.support-frame .items .table-item .actions, .support-list-items .items .table-item .actions {
  margin-top: 10px;
}
.frame.support-frame .items .table-item .date, .support-list-items .items .table-item .date {
  text-transform: uppercase;
  font-size: 90%;
  font-weight: 800;
}
.frame.support-frame .items .table-item .description, .support-list-items .items .table-item .description {
  margin: 10px 0;
}
.frame.support-frame .items .table-item .client-ss, .support-list-items .items .table-item .client-ss {
  display: flex;
  flex-direction: column;
  display: flex;
  margin-left: 20px;
  position: relative;
  z-index: 1;
  padding-top: 25px;
}
.frame.support-frame .items .table-item .client-ss img, .support-list-items .items .table-item .client-ss img {
  margin-bottom: 10px;
  min-width: 75px;
  max-width: 75px;
  width: 75px;
  height: 60px;
  object-fit: cover;
}
.frame.support-frame .items .table-item .client-ss img:last-child, .support-list-items .items .table-item .client-ss img:last-child {
  margin-bottom: 0;
}
.frame.support-frame .items .table-item .show-status-open, .support-list-items .items .table-item .show-status-open {
  display: none;
}
.frame.support-frame .items .table-item.status-open .show-status-open, .support-list-items .items .table-item.status-open .show-status-open {
  display: block;
}
.frame.support-frame .items .table-item .show-status-closed, .support-list-items .items .table-item .show-status-closed {
  display: none;
}
.frame.support-frame .items .table-item.status-closed .show-status-closed, .support-list-items .items .table-item.status-closed .show-status-closed {
  display: block;
}
.frame.support-frame .items .table-item .show-status-working, .support-list-items .items .table-item .show-status-working {
  display: none;
}
.frame.support-frame .items .table-item.status-working .status-lbl, .support-list-items .items .table-item.status-working .status-lbl {
  background: #2e4d16;
}
.frame.support-frame .items .table-item.status-working .show-status-working, .support-list-items .items .table-item.status-working .show-status-working {
  display: block;
}
.frame.support-frame .items .table-item .show-status-pending, .support-list-items .items .table-item .show-status-pending {
  display: none;
}
.frame.support-frame .items .table-item.status-pending .status-lbl, .support-list-items .items .table-item.status-pending .status-lbl {
  background: #fe4f30;
  color: #fff;
}
.frame.support-frame .items .table-item.status-pending .show-status-pending, .support-list-items .items .table-item.status-pending .show-status-pending {
  display: block;
}
.frame.support-frame .items .table-item .show-status-assigned, .support-list-items .items .table-item .show-status-assigned {
  display: none;
}
.frame.support-frame .items .table-item.status-assigned .show-status-assigned, .support-list-items .items .table-item.status-assigned .show-status-assigned {
  display: block;
}
.frame.support-frame .items .table-item .show-status-complete, .support-list-items .items .table-item .show-status-complete {
  display: none;
}
.frame.support-frame .items .table-item.status-complete, .support-list-items .items .table-item.status-complete {
  font-style: italic;
  color: #454545;
}
.frame.support-frame .items .table-item.status-complete .status-lbl, .support-list-items .items .table-item.status-complete .status-lbl {
  background: rgba(43, 64, 36, 0.2901960784);
  color: #ddd;
}
.frame.support-frame .items .table-item.status-complete .show-status-complete, .support-list-items .items .table-item.status-complete .show-status-complete {
  display: block;
}
.frame.support-frame .items .table-item .show-status-cancelled, .support-list-items .items .table-item .show-status-cancelled {
  display: none;
}
.frame.support-frame .items .table-item.status-cancelled, .support-list-items .items .table-item.status-cancelled {
  font-style: italic;
  color: #333;
}
.frame.support-frame .items .table-item.status-cancelled img, .support-list-items .items .table-item.status-cancelled img {
  opacity: 0.5;
}
.frame.support-frame .items .table-item.status-cancelled .status-lbl, .support-list-items .items .table-item.status-cancelled .status-lbl {
  background: #222;
  color: #ddd;
  font-style: italic;
}
.frame.support-frame .items .table-item.status-cancelled .show-status-cancelled, .support-list-items .items .table-item.status-cancelled .show-status-cancelled {
  display: block;
}
.frame.support-frame .items .table-item .show-status-resolved, .support-list-items .items .table-item .show-status-resolved {
  display: none;
}
.frame.support-frame .items .table-item.status-resolved, .support-list-items .items .table-item.status-resolved {
  color: #454545;
}
.frame.support-frame .items .table-item.status-resolved .status-lbl, .support-list-items .items .table-item.status-resolved .status-lbl {
  background: #324229;
  color: #ddd;
}
.frame.support-frame .items .table-item.status-resolved .show-status-resolved, .support-list-items .items .table-item.status-resolved .show-status-resolved {
  display: block;
}
.frame.support-frame .form, .support-list-items .form {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: auto;
}
.frame.support-frame .form .screenshot .ss, .support-list-items .form .screenshot .ss {
  min-height: 100px;
}
.frame.support-frame .form .screenshot img, .support-list-items .form .screenshot img {
  position: relative;
  z-index: 2;
  margin-top: 20px;
}
.frame.support-frame .form .screenshot .remove, .support-list-items .form .screenshot .remove {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #ff0000;
  color: #fff;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sideview .frame.support-frame .form, .sideview .support-list-items .form {
  padding: 0;
  height: calc(100% - 50px);
}
.frame.support-frame .row, .support-list-items .row {
  margin-bottom: 15px;
}
.frame.support-frame .row.actions, .support-list-items .row.actions {
  border-top: 1px solid #191919;
}
.sideview .frame.support-frame .row.actions, .sideview .support-list-items .row.actions {
  margin: 0;
  padding: 10px;
}

.section-rewards .rewards-form {
  padding: 20px;
}
.section-rewards .rewards-form .rewards-time {
  position: relative;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 20px;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels .lbl {
  position: absolute;
  top: 0;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels .lbl.lbl-green {
  left: 0;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels .lbl.lbl-platinum {
  left: 33%;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels .lbl.lbl-black {
  left: 67%;
}
.section-rewards .rewards-form .rewards-time .rewards-time-labels.top .lbl:after {
  content: "";
  width: 1px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3333333333);
  position: absolute;
  left: 0%;
  top: 100%;
}
.section-rewards .rewards-form .rewards-time .rewards-time-remaining-label {
  text-align: center;
  margin-bottom: 10px;
}
.section-rewards .rewards-form .rewards-time .rewards-time-remaining-label .label {
  font-size: 13px;
  text-transform: uppercase;
  color: #aaa;
  font-weight: 800;
  margin-bottom: 1px;
}
.section-rewards .rewards-form .rewards-time .rewards-time-container {
  position: relative;
  height: 30px;
  width: 100%;
  overflow: hidden;
  background-color: #333;
  border-radius: 20px;
  z-index: 1;
}
.section-rewards .rewards-form .rewards-time .rewards-time-container .rewards-time-remaining {
  background-color: #2e4d16;
  position: absolute;
  width: 43%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
}

/*# sourceMappingURL=template-platform.css.map */