a {
  text-decoration: none;
}

*:not(.fa) {
  box-sizing: border-box;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #2D2D2D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0 !important;
}

.wysiwyg p {
  margin-bottom: 0;
}

.bold {
  font-weight: 700;
}

.white {
  color: #fff;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.cursor-pointer {
  cursor: pointer;
}

.general-section {
  width: 100%;
}

.maxw-350 {
  max-width: 350px;
}

form:focus-visible {
  outline: none;
}

.space-between {
  justify-content: space-between;
}

body {
  background: #F1F5F9;
}

.general-container {
  height: 100%;
  margin-left: 315px;
  margin-top: 75px;
  margin-right: auto;
  margin-bottom: auto;
  background: #F1F5F9;
  padding-bottom: 75px;
}

.general-container-full {
  height: 100%;
  margin-top: 75px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  background: #F1F5F9;
  padding-bottom: 75px;
}

.general-container-center {
  max-width: 1250px;
  width: calc(100% - 60px);
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
}

.general-container-center-full {
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
.general-container-center-full.mt-full {
  margin-top: 75px;
}

.ls-delete {
  cursor: pointer;
}

.general-container-center-sm {
  max-width: 1024px;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}

.ls-title-20 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.ls-search-container {
  display: flex;
  gap: 10px;
  padding-bottom: 15px;
}

.ls-notices-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ls-notices-container .notice {
  padding: 7px 10px;
  font-weight: 700;
}
.ls-notices-container .notice a {
  font-weight: 700;
}
.ls-notices-container .notice.error {
  color: #CF0000;
}
.ls-notices-container .notice.error * {
  color: #CF0000;
}
.ls-notices-container .notice.success {
  color: #0D7B0D;
}
.ls-notices-container .notice.success * {
  color: #0D7B0D;
}

.ls-link {
  color: #5258F6;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}
.ls-link.white {
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.ls-card {
  padding: 20px;
  border-radius: 8px;
  border: solid 1px #CBD5E1;
  background: #fff;
}
.ls-card .ls-title-container {
  display: flex;
  flex-direction: column;
}
.ls-card .ls-title-container .top {
  padding: 15px 0;
  border-bottom: solid 1px #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ls-card .ls-title-container .top .ls-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.ls-card .ls-title-container .bottom {
  padding: 15px 0;
}
.ls-card .ls-title-container .bottom .ls-text {
  font-size: 18px;
  line-height: 22px;
}

.ls-form-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ls-form-container .ls-form-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.ls-form-container .ls-form-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ls-form-container .ls-form-column.station-tag-container {
  gap: 10px;
}
.ls-form-container .ls-form-column.station-tag-container .single-station {
  font-size: 16px;
  line-height: 20px;
}
.ls-form-container .ls-form-column.station-tag-container .single-station .app {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ls-form-container .ls-form-column.station-tag-container .single-station .app .img-container {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.ls-form-container .ls-details-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ls-form-container .ls-details-box .title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}
.ls-form-container .ls-details-box .title.with-image {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ls-form-container .ls-details-box .title.with-image .img-container {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.ls-form-container .ls-details-box .details-bar {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.ls-form-container .ls-details-box .details-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.ls-form-container .ls-details-box .details-row .label {
  width: 100%;
  color: #64748B;
}
.ls-form-container .ls-details-box .details-row .values {
  width: 100%;
}

.ls-flag-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.ls-flag-container .ls-flag {
  font-size: 12px;
  padding: 3px 10px;
  border: solid 1px black;
  border-radius: 20px;
}

.table > :not(caption) > * > * {
  background: transparent;
}

table tbody {
  position: relative;
}

#ls-fade-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: #2D2D2D 0% 0% no-repeat;
  display: none;
  opacity: 0.7;
}
#ls-fade-wrapper.active {
  display: block;
}

.ls-table {
  border-collapse: separate !important;
  border-spacing: 0 5px;
  /* horizontal | vertical */
}
.ls-table.table-layout-fixed {
  table-layout: fixed;
}
.ls-table.nogap {
  border-spacing: 0;
  border: solid 1px #CBD5E1;
  border-radius: 5px;
  overflow: hidden;
}
.ls-table.nogap thead.hide-it tr {
  visibility: hidden;
}
.ls-table.nogap thead.hide-it tr th {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  border: none;
}
.ls-table thead th {
  border-top: solid 1px #CBD5E1;
  border-bottom: solid 1px #CBD5E1;
  padding: 20px 0;
}
.ls-table thead th:first-child {
  padding-left: 20px;
  border-left: solid 1px #CBD5E1;
  border-radius: 4px 0 0 4px;
}
.ls-table thead th:last-child {
  padding-right: 20px;
  border-right: solid 1px #CBD5E1;
  border-radius: 0 4px 4px 0;
}
.ls-table thead th.orderby {
  position: relative;
  cursor: pointer;
}
.ls-table thead th.orderby::after {
  content: url("/wp-content/themes/looksomething/assets/images/icons/orderby-default.png");
  margin-left: 5px;
}
.ls-table thead th.orderby.desc::after {
  content: url("/wp-content/themes/looksomething/assets/images/icons/orderby-desc.png");
}
.ls-table thead th.orderby.asc::after {
  content: url("/wp-content/themes/looksomething/assets/images/icons/orderby-asc.png");
}

.ls-table-row {
  background: #fff;
  border-radius: 4px;
}
.ls-table-row .ls-table-cell {
  padding: 10px 0;
  border-top: solid 1px #CBD5E1;
  border-bottom: solid 1px #CBD5E1;
  vertical-align: middle;
}
.ls-table-row .ls-table-cell:first-child {
  padding-left: 20px;
  border-left: solid 1px #CBD5E1;
  border-radius: 4px 0 0 4px;
}
.ls-table-row .ls-table-cell:last-child {
  padding-right: 20px;
  border-right: solid 1px #CBD5E1;
  border-radius: 0 4px 4px 0;
}
.ls-table-row .ls-table-cell.row-title {
  font-size: 20px;
  font-weight: 700;
  padding: 16px 12px !important;
}
.ls-table-row .ls-table-cell.tag-cell .tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.ls-table-row .ls-table-cell.tag-cell .tag-container .single-tag {
  font-size: 12px;
  line-height: 14px;
  padding: 3px 8px;
  background: #F9FAFF;
  border: solid 1px #CBD5E1;
  border-radius: 12px;
}
.ls-table-row .ls-table-cell.views-cell .views-cell-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.ls-table-row .ls-table-cell.cell-status {
  font-weight: 700;
}
.ls-table-row .ls-table-cell.cell-status.online {
  color: #0D7B0D;
}
.ls-table-row .ls-table-cell.cell-status.offline {
  color: #B91C1C;
}
.ls-table-row .action-container {
  cursor: pointer;
}
.ls-table-row .app {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.ls-table-row .app .left .img-container {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.ls-table-row .app .left .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ls-table-row .app .right {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
}
.ls-table-row .app .right .bottom {
  opacity: 0.7;
}
.ls-table-row.translation-row:last-child .ls-table-cell {
  padding: 4px 12px 12px;
}
.ls-table-row.translation-row .ls-table-cell {
  padding: 4px 12px;
  border: none;
}
.ls-table-row.translation-row input {
  padding: 0 12px;
  min-height: 30px;
}

.ls-sidebar {
  position: fixed;
  top: 0;
  right: -550px;
  width: 550px;
  height: 100vh;
  overflow: auto;
  z-index: 30;
  background: #fff;
  transition: all 0.3s ease;
}
.ls-sidebar .bold-title {
  font-size: 20px;
  font-weight: 700;
}
.ls-sidebar #selected-app {
  position: relative;
}
.ls-sidebar.active {
  right: 0;
}
.ls-sidebar .ls-sidebar-part {
  padding: 20px 30px;
}
.ls-sidebar .ls-sidebar-title {
  font-size: 20px;
  font-weight: 700;
}
.ls-sidebar .ls-socials-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.ls-sidebar .ls-socials-container .social-box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  border-radius: 10px;
  border: solid 1px #CBD5E1;
}
.ls-sidebar .ls-socials-container .social-box .bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.ls-sidebar .ls-socials-container .social-box .delete-row {
  display: flex;
  flex-direction: row;
}
.ls-sidebar .ls-socials-container .social-box .delete-row .delete {
  cursor: pointer;
}
.ls-sidebar .ls-schedule-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.ls-sidebar .ls-schedule-container .schedule-box {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 0.2fr;
  gap: 10px;
  align-items: flex-end;
}
.ls-sidebar .ls-schedule-container .schedule-box select {
  border: solid 1px #CBD5E1;
  border-radius: 4px;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.ls-sidebar .ls-schedule-container .schedule-box .ls-delete img {
  cursor: pointer;
}
.ls-sidebar .header {
  display: flex;
  flex-direction: row;
  gap: 20px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  border-bottom: solid 1px #CBD5E1;
}
.ls-sidebar .header .save {
  display: flex;
  flex-direction: row;
  gap: 5px;
  color: #5258F6;
  cursor: pointer;
}
.ls-sidebar .header .save button {
  border: none;
  background: transparent;
}
.ls-sidebar .header .delete {
  display: flex;
  flex-direction: row;
  gap: 5px;
  cursor: pointer;
}
.ls-sidebar .header .send-notification {
  cursor: pointer;
}
.ls-sidebar .header .close {
  margin-left: auto;
  cursor: pointer;
}
.ls-sidebar .body {
  border-bottom: solid 1px #CBD5E1;
  position: relative;
}

#ls-loader-container {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
}

.ls-border {
  border-bottom: solid 1px #CBD5E1;
  width: 100%;
  height: 1px;
}

.status {
  display: flex;
  align-items: anchor-center;
  gap: 5px;
}
.status .dot {
  width: 8px;
  height: 8px;
  display: inline-flex;
  border-radius: 50%;
}
.status .label {
  font-size: 12px;
  line-height: 12px;
}

.online {
  background: #22C55E;
}

.waiting {
  background: #00F2B8;
}

.pending {
  background: #B9EF00;
}

.awaiting-dev {
  background: #EFB001;
}

.awaiting-update {
  background: #048ED5;
}

.in-development-progress {
  background: #3122C5;
}

.in-store-review {
  background: #A622C5;
}

.offline {
  background: #A4AEFE;
}

.cancelled {
  background: #B91C1C;
}

.delete-permanently {
  background: #B91C1C;
}

.ls-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}

.ls-loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #5258F6;
  animation: prixClipFix 2s linear infinite;
}

.ls-sortable-list-wrapper {
  position: relative;
}

.ls-handler {
  cursor: pointer;
}

.ls-sortable-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: none;
  padding: 0;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow: hidden;
}
.ls-sortable-list .sortable-li-row {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
}
.ls-sortable-list .sortable-li-row.ls-builder-block {
  width: 100%;
  padding: 5px;
}
.ls-sortable-list .sortable-li-row.ls-builder-block .ls-inner-sortable {
  padding: 10px 5px;
}
.ls-sortable-list .sortable-li-row.ls-builder-block .ls-inner-sortable .label-container {
  padding-bottom: 10px;
}
.ls-sortable-list .sortable-li-row.disabled {
  opacity: 0.5;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border: solid 1px #CBD5E1;
  background-color: #fff;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable .inner {
  width: 100%;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable .ls-table-cell {
  border: none;
  display: flex;
  align-items: center;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable .ls-table-cell.sortable-cell {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable .sortable-online {
  color: #0D7B0D;
}
.ls-sortable-list .sortable-li-row .ls-inner-sortable .sortable-offline {
  color: #B91C1C;
}
.ls-sortable-list .sortable-li-row ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
#page-404 .general-container-full {
  min-height: calc(100vh - 75px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
#page-404 .general-container-full .error-message {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 20px !important;
}
#page-404 .general-container-full .img-container {
  max-width: 300px;
  width: 100%;
}
#page-404 .general-container-full .img-container img {
  width: 100%;
  height: 100%;
}

.ls-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.ls-component.editors-box {
  flex-direction: row;
  justify-content: flex-start;
  gap: 0;
}
.ls-component.editors-box.in-sidebar {
  flex-direction: column;
  gap: 4px;
}
.ls-component.editors-box .editor-box {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}
.ls-component.editors-box .editor-row {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ls-component.bold .label {
  font-weight: 700;
}
.ls-component .tooltip-box {
  cursor: pointer;
  position: relative;
  color: #fff;
  background: rgba(45, 45, 45, 0.5019607843);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.ls-component .tooltip-box::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #5258F6;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: normal;
  width: max-content;
  max-width: 240px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ls-component .tooltip-box::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 4px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #5258F6;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ls-component .tooltip-box:hover::after, .ls-component .tooltip-box:hover::before {
  opacity: 1;
}
.ls-component .ls-input {
  border: solid 1px #CBD5E1;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  min-height: 47px;
}
.ls-component .ls-input:focus-visible {
  outline: none;
}
.ls-component .label-container {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
}
.ls-component .label-container .label {
  font-size: 14px;
  display: flex;
  gap: 5px;
}
.ls-component.upload-input .input-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.ls-component.upload-input .fake-upload {
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}
.ls-component.upload-input .fake-upload:hover {
  background: #F1F2F6;
  filter: drop-shadow(0px 1px 2px #CBD5E1);
}
.ls-component.upload-input .text {
  opacity: 0.5;
}
.ls-component.controlled-input .input-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.ls-component.controlled-input .input-container .ls-input {
  width: 100%;
}
.ls-component.controlled-input .input-container .ls-input.inactive {
  pointer-events: none;
  background: #F9FAFF;
}
.ls-component.controlled-input .input-container .ls-button-container {
  width: unset;
}
.ls-component.text-input {
  position: relative;
}
.ls-component.text-input.password .ls-link {
  position: absolute;
  bottom: 14px;
  right: 10;
}
.ls-component.text-input.preview-input {
  position: relative;
}
.ls-component.text-input.preview-input:hover input {
  background: #F1F2F6;
}
.ls-component.text-input.preview-input::before {
  content: url("/wp-content/themes/looksomething/assets/images/icons/pencil.png");
  position: absolute;
  bottom: 12px;
  left: -15px;
  scale: 0.9;
}
.ls-component.text-input.preview-input input {
  border: none;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  transition: all 0.3s ease;
}
.ls-component.tag-input tags.tagify {
  border: solid 1px #CBD5E1;
  border-radius: 4px;
  padding: 3px;
  font-size: 14px;
  width: 100%;
}
.ls-component.group-switch {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  align-items: flex-start;
}
.ls-component.group-switch .title-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ls-component.group-switch .title-container .title {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.ls-component.group-switch .title-container .small-title {
  font-size: 14px;
  font-weight: 700;
  opacity: 0.5;
}
.ls-component.group-switch .ls-switch-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.ls-component.group-switch .ls-switch-container .ls-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
.ls-component.group-switch .ls-switch-container .ls-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ls-component.group-switch .ls-switch-container .ls-switch input + .slider {
  background: #979797;
}
.ls-component.group-switch .ls-switch-container .ls-switch input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
  background: #fff;
}
.ls-component.group-switch .ls-switch-container .ls-switch input:checked + .slider {
  background: #22C55E;
}
.ls-component.group-switch .ls-switch-container .ls-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 22px;
  -moz-box-shadow: 0 0 3px #fff;
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
}
.ls-component.group-switch .ls-switch-container .ls-switch .slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.ls-component.group-switch .ls-switch-container .ls-switch-label {
  font-size: 16px;
}
.ls-component.upload-input-with-preview {
  align-items: center;
}
.ls-component.upload-input-with-preview img {
  max-width: 200px;
}

.ls-button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.ls-button-container .ls-button {
  border-radius: 2px;
  transition: all 0.3s ease;
  padding: 15px;
  text-align: center;
  cursor: pointer;
  color: #2D2D2D;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  white-space: nowrap;
  max-height: 48px;
}
.ls-button-container .ls-button.full-width {
  width: 100%;
}
.ls-button-container .ls-button.padding-btn {
  padding-left: 30px;
  padding-right: 30px;
}
.ls-button-container .ls-button.primary {
  background: #5258F6;
  color: #fff;
  border: none;
}
.ls-button-container .ls-button.primary:hover {
  background: #393FDE;
}
.ls-button-container .ls-button.white {
  background: #fff;
  border: solid 1px #CBD5E1;
}
.ls-button-container .ls-button.white:hover {
  background: #F1F2F6;
}
.ls-button-container .ls-button.turquoise {
  background: #80F3E2;
}
.ls-button-container .ls-button.turquoise:hover {
  background: #fff;
}
.ls-button-container .ls-button.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.ls-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.ls-single-app {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  border: solid 1px #CBD5E1;
  border-radius: 80px;
  background: #fff;
  transition: all 0.3s ease;
}
.ls-single-app:hover {
  background: #F9FAFF;
}
.ls-single-app .img-container {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
.ls-single-app .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ls-single-app .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.ls-single-app .details .status-bar {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  color: rgba(45, 45, 45, 0.5019607843);
}
.ls-single-app .details .status-bar .type {
  font-size: 12px;
  line-height: 12px;
  opacity: 0.5;
}

.ls-page-header {
  padding: 30px 30px 0;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(51, 65, 85, 0.1019607843);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ls-page-header .top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.ls-page-header .top .box {
  width: 40px;
  height: 40px;
  background: #FFDD00;
}
.ls-page-header .top .title {
  font-size: 26px;
  line-height: 31px;
  font-weight: 700;
}
.ls-page-header .bottom {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.ls-page-header .bottom .page-link {
  color: #979797;
  padding: 9px;
  transition: all 0.3s ease;
  border-bottom: solid 2px transparent;
}
.ls-page-header .bottom .page-link:hover {
  color: #2D2D2D;
  border-color: #2D2D2D;
}
.ls-page-header .bottom .page-link.active {
  color: #5258F6;
  border-color: #5258F6;
}

#login {
  background: transparent linear-gradient(0deg, #5258F6 0%, #393FDE 100%) 0% 0% no-repeat;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#login .form-container {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 16px rgba(45, 45, 45, 0.2784313725);
  border: solid 1px #CBD5E1;
  padding: 55px 40px 40px;
  width: 100%;
  max-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#login .form-container .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#login .form-container .top .title {
  font-size: 50px;
  line-height: 55px;
}
#login .form-container .top .subtitle {
  font-size: 20px;
  line-height: 22px;
}
#login .form-container .bottom form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 0;
}
#login .form-container .bottom form .ls-button-container {
  margin-top: 10px;
}
#login .form-container .bottom .toggle-forms {
  margin-top: 30px;
  color: #5258F6;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}

.header-horizontal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: #5258F6;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-right: 30px;
  border-bottom: solid 1px #CBD5E1;
  z-index: 10;
}
.header-horizontal .logo-container {
  background: #2D2D2D;
  max-width: 315px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-horizontal .breadcrumbs-container {
  padding: 0 30px;
  display: flex;
  align-items: center;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  gap: 10px;
  margin-left: 10px;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row .ls-breadcrumb {
  font-size: 16px;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row .ls-breadcrumb.base {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row .ls-breadcrumb.inner {
  color: #fff;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row .ls-breadcrumb.last {
  color: #80F3E2;
}
.header-horizontal .breadcrumbs-container .breadcrumbs-row .icon-container img {
  transform: rotate(90deg);
  width: 12px;
}
.header-horizontal .actions-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 40px;
}
.header-horizontal .actions-container .profile {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  position: relative;
  transition: all 0.3s ease;
}
.header-horizontal .actions-container .profile.active {
  background: #80F3E2;
}
.header-horizontal .actions-container .profile.active .profile-row .name {
  color: #2D2D2D;
}
.header-horizontal .actions-container .profile .profile-row {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.header-horizontal .actions-container .profile .profile-row .img-container {
  width: 40px;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.header-horizontal .actions-container .profile .profile-row .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-horizontal .actions-container .profile .profile-row .toggle-icon {
  width: 12px;
}
.header-horizontal .actions-container .profile .toggle-profile {
  position: absolute;
  top: 75px;
  width: 315px;
  right: 0px;
  transition: all 0.3s ease;
  max-height: 0;
  overflow: hidden;
}
.header-horizontal .actions-container .profile .toggle-profile.active {
  max-height: 700px;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  border: solid 1px #CBD5E1;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item {
  padding: 12px 30px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  transition: all 0.3s ease;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item:hover {
  background: #5258F6;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item:hover .label {
  color: #fff;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item.active {
  background: #5258F6;
  border-right: solid 6px #80F3E2;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item.border-top {
  border-top: solid 1px #CBD5E1;
}
.header-horizontal .actions-container .profile .toggle-profile .profile-menu-container .navigation-item .img-container {
  max-width: 16px;
  width: 100%;
}

.header-vertical {
  position: fixed;
  top: 75px;
  background: #2D2D2D;
  max-width: 315px;
  width: 100%;
  height: calc(100vh - 75px);
  z-index: 10;
  overflow: auto;
}
.header-vertical .installation-container {
  padding: 30px;
  border-bottom: solid 1px #CBD5E1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header-vertical .installation-container .label {
  color: #CED2F6;
  font-size: 16px;
}
.header-vertical .installation-container .installation-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.header-vertical .installation-container .installation-row .img-container {
  width: 40px;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.header-vertical .installation-container .installation-row .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-vertical .installation-container .installation-row .details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.header-vertical .installation-container .installation-row .details .title {
  color: #fff;
  font-size: 16px;
}
.header-vertical .installation-container .installation-row .details .status {
  color: #fff;
}
.header-vertical .installation-container .installation-row .actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
}
.header-vertical .installation-container .installation-row .actions .action {
  cursor: pointer;
}
.header-vertical .navigation-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 100px;
}
.header-vertical .navigation-container .navigation-item {
  padding: 12px 30px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  transition: all 0.3s ease;
}
.header-vertical .navigation-container .navigation-item:not(.main-label):hover {
  background: #5258F6B3;
}
.header-vertical .navigation-container .navigation-item.active {
  background: #5258F6;
  border-right: solid 6px #80F3E2;
}
.header-vertical .navigation-container .navigation-item.main-label {
  color: #919CF8;
  margin-top: 15px;
}
.header-vertical .navigation-container .navigation-item .label {
  color: #fff;
}
.header-vertical .navigation-container .navigation-item .img-container {
  max-width: 16px;
  width: 100%;
}

#onboarding .main-title-section {
  background: #5258F6;
}
#onboarding .main-title-section .main-title-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 30px 0 80px;
}
#onboarding .main-title-section .main-title-container .back-row {
  display: flex;
  flex-direction: row;
}
#onboarding .main-title-section .main-title-container .main-title {
  color: #80F3E2;
  font-size: 80px;
  line-height: 90px;
  text-align: center;
}
#onboarding .main-title-section .main-title-container .main-title * {
  color: #80F3E2;
  font-size: 80px;
  line-height: 90px;
}
#onboarding .main-title-section .main-title-container .main-title strong {
  font-weight: 700;
}
#onboarding .actions-section .actions-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}
#onboarding .actions-section .actions-container .img-container {
  max-width: 550px;
  width: 100%;
}
#onboarding .actions-section .actions-container .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#onboarding .actions-section .actions-container .details {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 550px;
  width: 100%;
}
#onboarding .actions-section .actions-container .details .title {
  font-size: 40px;
  line-height: 48px;
  color: #5258F6;
  font-weight: 700;
}
#onboarding .wizard-title-section {
  background: #5258F6;
  padding-bottom: 100px;
}
#onboarding .wizard-title-section .wizard-title-container {
  padding: 30px 0;
}
#onboarding .wizard-title-section .wizard-title-container .main-title {
  color: #80F3E2;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 50px;
}
#onboarding .wizard-section .wizard-container {
  margin-top: -140px;
}
#onboarding .wizard-section .wizard-container .tab-content {
  padding-top: 30px;
}
#onboarding .wizard-section .wizard-container .nav-tabs {
  display: flex;
  flex-direction: row;
  gap: 65px;
  border: none;
  pointer-events: none;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item {
  display: flex;
  flex-direction: row;
  gap: 10px;
  opacity: 0.5;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item.active {
  opacity: 1;
  position: relative;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item.active::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #5258F6;
  z-index: 2;
  border-radius: 50%;
  top: 10px;
  left: 10px;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item.passed {
  opacity: 1;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item.passed .dot-step {
  background: #80F3E2;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item .dot-step {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  background: #fff;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item .details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item .details .upper-title {
  color: #fff;
}
#onboarding .wizard-section .wizard-container .nav-tabs .nav-tab-item .details .title {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
}
#onboarding .wizard-section .wizard-container .tab-container .ls-button-container {
  justify-content: space-between;
  margin-top: 30px;
}
#onboarding .wizard-section .wizard-container .tab-container .ls-button-container .primary {
  margin-left: auto;
}
#onboarding .wizard-section .wizard-container .download-container {
  width: 100%;
  flex-direction: column;
  align-items: flex-start !important;
}
#onboarding .wizard-section .wizard-container .download-container .primary {
  margin-left: unset !important;
}

.theme-colors-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.theme-colors-container .box {
  width: 24px;
  height: 24px;
  border: solid 1px #CBD5E1;
}
.theme-colors-container .box.primary {
  width: 44px;
}

#select-app {
  padding-bottom: 150px;
}
#select-app .select-app-title-section {
  background: #5258F6;
}
#select-app .select-app-title-section .main-title-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 30px 0 80px;
  margin-top: 75px;
}
#select-app .select-app-title-section .main-title-container .back-row {
  display: flex;
  flex-direction: row;
}
#select-app .select-app-title-section .main-title-container .main-title {
  color: #80F3E2;
  font-size: 60px;
  line-height: 70px;
  text-align: left;
}
#select-app .select-app-title-section .main-title-container .main-title * {
  color: #80F3E2;
  font-size: 80px;
  line-height: 90px;
}
#select-app .select-app-title-section .main-title-container .main-title strong {
  font-weight: 700;
}
#select-app .select-app-title-section .main-title-container .subtitle {
  color: #fff;
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}

.select-app-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: -40px;
  padding-top: 40px;
  padding-bottom: 100px;
}
.select-app-container .search-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.select-app-container .search-container input {
  height: 100%;
}
.select-app-container .search-container .ls-component {
  max-width: 200px;
}
.select-app-container .app-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.select-app-container .app-container .title {
  font-size: 16px;
  line-height: 20px;
  opacity: 0.8;
}
.select-app-container .app-container .app-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#profile {
  padding-bottom: 100px;
}
#profile .form-1 .ls-form-container-row {
  display: flex;
  flex-direction: row;
  gap: 25px;
}
#profile .form-1 .ls-form-container-row .left {
  width: 220px;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
#profile .form-1 .ls-form-container-row .left .img-container {
  width: 165px;
  height: 165px;
  border-radius: 50%;
  overflow: hidden;
}
#profile .form-1 .ls-form-container-row .left .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#profile .form-1 .ls-form-container-row .right {
  width: 100%;
}
#profile .form-2 #nav-tab {
  border-bottom: none;
  padding: 30px 0;
}
#profile .form-2 #nav-tab .ls-tab-button {
  padding: 12px 18px;
  border: solid 1px #CBD5E1;
  color: #2D2D2D;
  cursor: pointer;
}
#profile .form-2 #nav-tab .ls-tab-button.active {
  background: #5258F6;
  border: solid 1px #5258F6;
  color: #fff;
}

#general-ads .container-1 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}
#general-ads .container-1 .container-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
#general-ads .container-1 .container-2 .grid-column {
  grid-column: 1/3;
}
#general-ads .container-1 .os-card.blurred {
  opacity: 0.5;
}
#general-ads .container-1 .os-card.blurred input[type=text] {
  pointer-events: none;
}

#general-translation .ls-search-container {
  max-width: 500px;
  flex-direction: row;
  align-items: flex-end;
}

#general-about-us form {
  max-width: 600px;
}

#dashboard .main-title-section {
  background: #5258F6;
}
#dashboard .main-title-section .main-title-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 30px 0 0;
}
#dashboard .main-title-section .main-title-container .back-row {
  display: flex;
  flex-direction: row;
}
#dashboard .main-title-section .main-title-container .main-title {
  color: #80F3E2;
  font-size: 60px;
  line-height: 70px;
  text-align: left;
  padding: 30px 0 30px 20px;
}
#dashboard .main-title-section .main-title-container .main-title * {
  color: #80F3E2;
  font-size: 60px;
  line-height: 70px;
}
#dashboard .main-title-section .main-title-container .main-title strong {
  font-weight: 700;
}
#dashboard .dashboard-container {
  margin-top: 0;
  position: relative;
}
#dashboard .dashboard-container::before {
  content: "";
  width: 100%;
  height: 100px;
  background: #5258F6;
  position: absolute;
}
#dashboard .main-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  position: relative;
  z-index: 1;
}
#dashboard .main-container .white-title {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
}
#dashboard .main-container .content-container {
  padding: 20px;
  border-radius: 8px;
  border: solid 1px #CBD5E1;
  background: #fff;
}
#dashboard .main-container > .left {
  width: 66%;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  display: flex;
}
#dashboard .main-container > .left .canvas-container {
  width: 100%;
}
#dashboard .main-container > .left .ads-list-container {
  width: 100%;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#dashboard .main-container > .left .ads-list-container .title {
  font-size: 16px;
}
#dashboard .main-container > .left .ads-list-container .ads-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#dashboard .main-container > .left .ads-list-container .ads-list .ad-list-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
#dashboard .main-container > .left .ads-list-container .ads-list .ad-list-row .dot-container .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 3px;
}
#dashboard .main-container > .left .ads-list-container .ads-list .ad-list-row .details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#dashboard .main-container > .left .ads-list-container .ads-list .ad-list-row .details .name {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 18px;
}
#dashboard .main-container > .left .ads-list-container .ads-list .ad-list-row .details .views {
  font-size: 12px;
  opacity: 0.8;
}
#dashboard .main-container > .left .ads-list-container .ls-button-container {
  margin-top: auto;
}
#dashboard .main-container > .right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 500px;
}
#dashboard .main-container > .right nav {
  border-bottom: solid 1px #CBD5E1;
}
#dashboard .main-container > .right nav .nav-tabs {
  border: none;
}
#dashboard .main-container > .right nav .nav-tabs .nav-link {
  background: transparent;
  border: none;
  cursor: pointer;
  padding-left: 0;
}
#dashboard .main-container > .right nav .nav-tabs .nav-link.active {
  color: #5258F6;
  border-bottom: solid 2px #5258F6;
}
#dashboard .main-container > .right table .auto-increment {
  width: 65px;
}

/*# sourceMappingURL=looksomething.min.css.map */
