@import url("https://fonts.cdnfonts.com/css/google-sans");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html.dark-mode {
  background: #181a20;
}

:root {
  --font-primary: "Product Sans", sans-serif;
  --default-font-size: 13px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --elevation-base: rgba(0, 0, 0, 0.1) 0px 4px 8px;

  /* App BG */
  --app-bg: #FFF;

  /* App Navbar */
  --app-navbar-bg: #fff;
  --app-navbar-border: #ccc;

  /* Modals Popups */
  --color-surface-elevated: #fff;

  /* App Sections */
  --color-section-bg: #fff;

  /* Country Select */
  --color-app-country-select-bg: #fff;
  --color-app-country-select-border: #ccc;

  /* Tooltip */
  --tooltip-bg: #fff;
  --tooltip-border: #eef1f8;
  --main-chart-tooltip-bg: rgba(255, 255, 255, 0.8);

  /* Page Loader */
  --color-loader: #3895f9;
  --color-loader-bg: #fff;

  /* Switch */
  --switch-slide-default-bg: #e8eef6;
  --switch-slider-active-bg: #3895f9;
  --switch-circle-active-bg: #fff;
  --switch-circle-disabled-bg: #9a9898;
  --switch-slider-disabled-bg: #dfdfdf;

  /* Select */
  --color-app-select-primary-bg: #fff;
  --color-app-select-primary-text: #414956;

  --color-country-select-bg: #1e2329;
  --color-country-select-border: #2b3139;

  /* Page BG */
  --color-bg: #fff;
  --color-bg-secondary: #7687a3;
  --color-bg-tertiary: #eef1f8;
  --color-bg-quaternary: #f377e6;
  --color-bg-quinary: #e5f1ff;
  --color-bg-senary: #829ebe;
  --color-bg-septenary: #e8e8e8;
  --color-bg-octonary: #6b6b6b;
  --color-bg-nonary: #d0dae7;
  --color-bg-denary: #52bfd8;
  --color-bg-undecenary: #55bfd6;
  --color-bg-duodecenary: #e6f2ff;
  --color-bg-tredecenary: #e8eef6;
  --color-bg-quattuordecenary: #ff9900;
  --color-bg-quindecenary: #f6f6f6;
  --color-bg-sexdecenary: #e5e5e5;
  --color-bg-septendecenary: #f0f0f0;
  --color-bg-octodecenary: #d9dde7;
  --color-bg-novemdecenary: #a9a9a9;
  --color-bg-vigenary: #ccc;
  --color-bg-unvigenary: #35d63a;
  --color-bg-duovigenary: #ffb300;
  --color-bg-trivigenary: #3895f9;

  --color-bg-muted: #6c757d;
  --color-bg-subtle: #f6faff;
  --color-bg-neutral: #f2f2f2;

  /* Borders */
  --color-app-border-primary: #d0dae7;
  --color-app-border-secondary: #7687a3;
  --color-app-border-tertiary: #e8eef6;
  --color-app-border-quaternary: #eef1f8;
  --color-app-border-quinary: #f2f2f2;
  --color-app-border-senary: #9a0c0c;
  --color-app-border-septenary: #d9dde7;
  --color-app-border-octonary: #a9a9a9;
  --color-app-border-nonary: #ccc;
  --color-app-border-denary: #cdcdcd;
  --color-app-border-undenary: #3c8406;
  --color-app-border-duodenary: #3895f9;

  /* Buttons */
  --color-btn-primary-bg: #3895f9;
  --color-btn-primary-text: #ffffff;

  --color-btn-senary-bg: #ccc;
  --color-btn-senary-text: #ffffff;

  --color-btn-septenary-bg: #fff;
  --color-btn-septenary-text: #3895f9;
  --color-btn-septenary-border: #3895f9;

  /* Disabled Button */
  --color-app-btn-disabled-bg: #ededed;
  --color-app-btn-disabled-border: #ccc;
  --color-app-btn-disabled-text: #9e9e9e;
  --color-btn-disabled-placeholder: #bdbdbd;

  /* PPP Input BG */
  --ppp-input-success-bg: #e6f8ee;
  --ppp-input-danger-bg: #f8d7da;

  /* Fields (inputs, textareas) */
  --color-input-icon-container-bg: #f6f6f6;

  --color-input-icon-bg: #fff;
  --color-field-active-border: #3895f9;

  --color-radio: #3895f9;

  --color-app-field-primary-bg: #fff;
  --color-app-field-primary-text: #1d2126;
  --color-app-field-primary-border: #ccc;

  /* Disabled Field State */
  --color-field-disabled-bg: #e9ecef;
  --color-field-disabled-border: #e0e0e0;
  --color-field-disabled-text: #9e9e9e;
  --color-field-disabled-placeholder: #bdbdbd;

  /* Labels */
  --color-field-label-bg: #fff;

  /* Danger */
  --color-error-bg: #f8d7da;
  --color-error-text: #9a0c0c;
  --color-error-border: #f8285a;

  /* Success */
  --color-success-bg: #e6f8ee;
  --color-success-text: #237f57;
  --color-success-border: #a7e3c4;

  /* Warning */
  --color-warning-bg: #fef7e0;
  --color-warning-text: #ad7d24;
  --color-warning-border: #f4d083;
  --color-warning-icon: #fd7e14;

  /* ROI Custom TD */
  --roi-custom-row-td-bg: #e0ffff;

  /* Icon */
  --color-icon-primary: #3895f9;

  /* Data Table */
  --app-table-border: #ccc;

  /* Competition Analysis Table */
  --seller-fba-bg: #288428;
  --seller-fba-mf-bg: #52bfd8;
  --seller-mf-prime-bg: #55bfd6;
  --seller-mf: #ccc;

  --app-table-comp-analysis-td-bg: #f8f8f8;
  --app-table-comp-analysis-border: #fff;

  --app-table-th-bg: #fff;
  --app-table-th-border: #ccc;

  --app-table-td-bg: #fff;

  --color-table-pagination-btn-text: #3895f9;
  --color-table-pagination-btn-bg: #f6f6f6;
  --color-table-pagination-btn-border: #3895f9;

  /* Icons */
  --shiled-icon-color: #a855f7;

  /* Traffic Lights */
  --traffic-light-default: #e6e6e6;
  --traffic-light-danger: #ff1515;

  /* Text Colors */
  --color-text-primary: #414956;
  --color-text-secondary: #2f2f2f;
  --color-text-tertiary: #7687a3;
  --color-text-quaternary: #1d2126;
  --color-text-quinary: #eaecef;
  --color-text-senary: #ff9900;
  --color-text-septenary: #ff1515;
  --color-text-octonary: #ccc;
  --color-text-nonary: #35d63a;

  --color-text-muted: #6c757d;
  --color-text-inverse: #fff;
  --color-text-accent: #3895f9;

  --color-text-error: #9a0c0c;

  --color-text-warn: #ffb300;
  --color-text-success-dark: #3c8406;
  --color-text-success-darker: #288428;

  --color-insight-item-bg: #fff;

  --color-good-text: #237f57;
  --color-good-filter: brightness(0) saturate(100%) invert(41%) sepia(74%)
    saturate(440%) hue-rotate(102deg) brightness(82%) contrast(83%);

  --color-alert-text: #ad7d24;
  --color-alert-filter:  filter: brightness(0) saturate(100%) invert(48%) sepia(34%) saturate(866%) hue-rotate(0deg) brightness(97%) contrast(93%);

  --color-danger-text: #9a0c0c;
  --color-danger-filter: brightness(0) saturate(100%) invert(11%) sepia(95%)
    saturate(2715%) hue-rotate(348deg) brightness(105%) contrast(108%);

  /* Details */
  --total-cost-danger-bg: #f8d7da;

  /* Manual Sourcing */
  --manual-sourcing-navbar-bg: #fff;
  --manual-sourcing-bg: #f2f2f2;
  --country-filter-bg: #f6f6f6;
  --country-filter-active-bg: #e6f2ff;
  --country-filter-active-border: #3895f9;

  /* Mobile Search */
  --search-result-btn-bg: #FFF;

  /* AI Analysis Header */
  --ai-analysis-header-bg: linear-gradient(
    270.19deg,
    #62aeff 18.46%,
    #2e7bcd 59.55%,
    #215893 99.86%
  );

  /* Search Page BG */
  --app-search-bg: #f2f2f2;
  --app-search-header-bg:  #f6faff;

  /* Charts Switch */
  --switch-fba-color: #956b9f;
  --switch-amazon-color: #ffa500;
  --switch-lowestnew-color: #0000ff;
  --switch-fbm-color:#039be5;
  --switch-bsr-color: #87a487;
  --switch-buybox-color: #ff00b4;
  --switch-salesmap-color: #ff0000;
  --switch-sellprice-color: #dd58ed;
  --switch-be-color: #0e98ba;

  --switch-newoffer-color: #2a52be;
  --switch-reviewcount-color: #000080;
  
  --switch-seller-price-color: #5f94f6;
  --switch-seller-stock-color: #00007d;

  /* Filter For SVG Icons */
  --blueFilter: brightness(0) saturate(100%) invert(67%) sepia(55%)
    saturate(6493%) hue-rotate(192deg) brightness(102%) contrast(95%);
  --darkGrayFilter: brightness(0) saturate(100%) invert(51%) sepia(28%)
    saturate(367%) hue-rotate(178deg) brightness(102%) contrast(86%);
}

body.dark-mode {
  color-scheme: dark;

  /* App BG */
  --app-bg: #181a20;

  /* App Navbar */
  --app-navbar-bg: #1e2329;
  --app-navbar-border: #2b3139;

  /* App Footer */
  --app-footer-bg: #fff;
  --app-footer-border: #ccc;

  /* Modals Popups */
  --color-surface-elevated: #242832;

  /* App Sections */
  --color-section-bg: #1e2329;

  /* Tooltip */
  --tooltip-bg: #3e4047;
  --tooltip-border: #2b3139;

  /* Borders */
  --color-app-border-primary: #2b3139;
  --color-app-border-tertiary: #2b3139;
  --color-app-border-nonary: #2b3139;
  --color-app-border-septenary: #2b3139;
  --color-app-border-undenary: #61c5aa;
  --color-app-border-quinary: #2b3139;
  --color-app-border-duodenary: #244e7b;
  --color-bg-quinary: #4c637f;
  --color-app-border-senary: #ee586c;
  --color-btn-septenary-border: #244e7b;

  /* Country Select */
  --color-app-country-select-bg: #1e2329;
  --color-app-country-select-border: #2b3139;

  /* Page Loader */
  --color-loader-bg: #1e2329;
  --color-loader: #244e7b;

  /* Switch */
  --switch-slide-default-bg: #7c7c7c;
  --switch-slider-active-bg: #244e7b;
  --switch-circle-active-bg: #fff;
  --switch-circle-disabled-bg: #515151;
  --switch-slider-disabled-bg: #363636;

  /* Select */
  --color-app-select-primary-bg: #454c54;
  --color-app-select-primary-text: #eaecef;

  /* Page BG */
  --color-bg: #1e2329;
  --color-bg-secondary: #343b48;
  --color-bg-tertiary: #2b3139;
  --color-bg-octodecenary: #353843;
  --color-bg-quaternary: #df5fd2;
  --color-bg-tredecenary: #2f3442;
  --color-bg-quattuordecenary: #945f10;
  --color-bg-neutral: #4b4b4b;
  --color-bg-subtle: #3f4c5c;
  --color-bg-sexdecenary: #666565;
  --color-bg-septendecenary: #3d3d3d;
  --color-bg-septenary: #464646;
  --color-bg-vigenary: #686868;
  --color-bg-undecenary: #287486;
  --color-bg-senary: #596673;
  --color-bg-nonary: #3f4750;
  --color-bg-unvigenary: #08760c;

  /* Buttons */
  --color-btn-primary-bg: #244e7b;
  --color-btn-primary-text: #eaecef;

  /* Disabled Button */
  --color-app-btn-disabled-bg: #414141;
  --color-app-btn-disabled-border: #1e2329;
  --color-app-btn-disabled-text: #9e9e9e;
  --color-btn-disabled-placeholder: #bdbdbd;

  --color-btn-septenary-text: #eaecef;
  --color-btn-septenary-bg: #1c1f27;

  /* Disabled Field State  */
  --color-field-disabled-bg: #414141;
  --color-field-disabled-border: #1e2329;
  --color-field-disabled-text: #9e9e9e;
  --color-field-disabled-placeholder: #bdbdbd;

  /* Fields (inputs, textareas) */
  --color-app-field-primary-bg: #181a20;
  --color-app-field-primary-text: #eaecef;
  --color-app-field-primary-border: #2b3139;

  /* Label */
  --color-field-label-bg: #20232c;

  /*! Text Colors */
  --color-text-primary: #eaecef;
  --color-text-secondary: #eaecef;
  --color-text-tertiary: #9ab0d0;
  --color-text-quaternary: #eaecef;
  --color-text-quinary: #eaecef;
  /* --color-text-senary: #ff9900; */
  --color-text-septenary: #cd4d4d;
  /* --color-text-octonary: #ccc; */
  --color-text-nonary: #61c5aa;

  /* --color-text-muted: #6c757d; */
  --color-text-inverse: #eaecef;
  --color-text-accent: #85b0f4;

  /* --color-text-warn: #ffb300; */

  --color-text-error: #ee586c;
  --color-text-success-dark: #61c5aa;
  --color-text-success-darker: #61c5aa;

  /* PPP Input BG */
  --ppp-input-success-bg: #276241;
  --ppp-input-danger-bg: #7d2f36;

  /* Data Table */
  --app-table-border: #2b3139;

  /* Competition Analysis Table */
  --seller-fba-bg: #185e18;
  --seller-fba-mf-bg: #4399ac;
  --seller-mf-prime-bg: #417d8a;
  --seller-mf: #6d6d6d;

  --app-table-comp-analysis-td-bg: #5d5d5d;
  --app-table-comp-analysis-border: #2b3139;

  --app-table-th-bg: #1e2329;
  --app-table-th-border: #2b3139;

  --app-table-td-bg: #1e2329;

  --color-table-pagination-btn-text: #eaecef;
  --color-table-pagination-btn-bg: #5a5a5a;
  --color-table-pagination-btn-border: #2b3139;

    /* Danger */
  --color-error-bg: #f1808b;
  --color-error-text: #760404;
  --color-error-border: #760404;

  /* Traffic Lights */
  --traffic-light-default: #e6e6e6;
  --traffic-light-danger: #ee586c;

  /* Switch */
  --switch-circle-active-bg: #d1d1d1;

  /* Traffics Lights */
  --traffic-light-default: #c1c1c1;

  /* ROI Custom TD */
  --roi-custom-row-td-bg: #446868;

  /* Warning */
  --color-warning-bg: #ffedb1;
  --color-warning-text: #8c600d;
  --color-warning-border: #f4d083;
  --color-warning-icon: #fd7e14;

  /* Icon */
  --color-icon-primary: #244e7b;

  /* Tooltips */
  --main-chart-tooltip-bg: #3e4047;

  /* AI Analysios */
  --color-insight-item-bg: #262626;

  /* Manual Sourcing */
  --manual-sourcing-navbar-bg: #1e2329;
  --manual-sourcing-bg: #181a20;
  --country-filter-bg: #4c4c4c;
  --country-filter-active-bg: #465668;
  --country-filter-active-border: #244e7b;

  /* Mobile Search */
  --search-result-btn-bg: #181a20;

  --color-good-text: #61c5aa;
  --color-good-filter: brightness(0) saturate(100%) invert(70%) sepia(44%)
    saturate(401%) hue-rotate(113deg) brightness(93%) contrast(84%);

  --color-alert-text: #ffb300;
  --color-alert-filter: brightness(0) saturate(100%) invert(75%) sepia(15%)
    saturate(7038%) hue-rotate(360deg) brightness(104%) contrast(102%);

  --color-danger-text: #ee586c;
  --color-danger-filter: brightness(0) saturate(100%) invert(54%) sepia(63%)
    saturate(3178%) hue-rotate(318deg) brightness(95%) contrast(96%);

  /* Details */
  --total-cost-danger-bg: #6d2c31;

  /* AI Analysis Header */
  --ai-analysis-header-bg: linear-gradient(
    270.19deg,
    #1d2f46,
    #204a7a,
    #286398
  );

  /* Search Page BG */
  --app-search-bg: #181a20;
  --app-search-header-bg:  #1e2329;

  /* Filter For SVG Icons */
  --blueFilter: brightness(0) saturate(100%) invert(31%) sepia(40%)
    saturate(1418%) hue-rotate(184deg) brightness(102%) contrast(99%);
  --darkGrayFilter: brightness(0) saturate(100%) invert(71%) sepia(23%)
    saturate(410%) hue-rotate(177deg) brightness(98%) contrast(86%);

/* Charts Switch */
  --switch-fba-color: #a77ab3;
  --switch-amazon-color: #b6852b;
  --switch-lowestnew-color: #5454f8;
  --switch-fbm-color:#0a92d6;
  --switch-bsr-color: #5d985d;
  --switch-buybox-color: #ff14b9;
  --switch-salesmap-color: #f84949;
  --switch-sellprice-color: #d74be7;
  --switch-be-color: #0c98bb;
 
  --switch-newoffer-color: #6389f2;
  --switch-reviewcount-color: #5c5ce6;

  --switch-seller-price-color: #5e8ce2;
  --switch-seller-stock-color: #a2a2fb;
}

body {
  color-scheme: light;
  background: var(--color-bg);
  font-family: var(--font-primary);
  color: var(--color-text-quaternary);
  font-size: var(--default-font-size);
}

input,
select,
button,
textarea,
a {
  font-family: var(--font-primary);
  font-size: var(--default-font-size);
}

/* Page Loader */
div.dataTables_processing > div:last-child > div {
  background: var(--color-loader) !important;
}

/* Edit Mode */
body.editmode .llp_section:not(.hidden_section) .llp_section_header.editMode {
  display: flex;
  border-bottom: none;
  justify-content: space-between;
  border-radius: 10px;
}

body.editmode .llp_section.d-none:not(.hidden_section),
body.editmode .llp_section:not(.hidden_section) {
  display: inline-block !important;
}

body.editmode .llp_section {
  overflow: unset !important;
}

body.editmode
  .llp_section.fixed
  .llp_section_header.editMode
  .llp_section_header_title {
  pointer-events: none;
}

body.editmode .llp_section_header_icon,
body.editmode .llp_section_header {
  display: none;
}

body.editmode .llp_section_body_toggle {
  display: none !important;
}

body.editmode .llp_section_header_title {
  margin-left: unset;
  display: flex;
  align-items: center;
  gap: 5px;
}

body.editmode #editModeResetContainer,
body.editmode #saveWidgetButtonDiv {
  display: flex;
}

body.editmode #subNavbar,
body.editmode #trainingVideosDivContainer,
body.editmode #llpAdDiv,
body.editmode #trainingAndLogoutLinksDiv,
body.editmode #feedbackContainer,
body.editmode #analyzeReachLimitDiv {
  display: none !important;
}

body.editmode #llpSectionContainer.app {
  padding-inline: 25px;
}

select,
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="checkbox"] {
  accent-color: var(--color-text-accent);
}

input:focus,
select:focus,
textarea:focus,
input[type]:focus {
  outline: 0 none !important;
  box-shadow: none !important;
  border-color: var(--color-field-active-border) !important;
}

input:disabled,
select:disabled,
textarea:disabled {
  outline: 0 none !important;
  box-shadow: none !important;
  color: var(--color-field-disabled-text) !important;
  background: var(--color-field-disabled-bg) !important;
}

.no-mask-apply::-webkit-inner-spin-button,
.no-mask-apply::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-mask-apply {
  -moz-appearance: textfield;
}

@-moz-document url-prefix() {
  select {
    padding-inline: 5px;
  }
}

.upper-app-navbar {
  border-top: 1px solid var(--color-app-border-primary);
}

body.bbp-iframe-left.editmode .app-navbar {
  border-left: 0;
  border-right: 0;
}

.app-navbar {
  border-left: 1px solid var(--color-app-border-primary);
  border-right: 1px solid var(--color-app-border-primary);
}

.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 10px;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--app-navbar-bg);
  border-bottom: 1px solid var(--app-navbar-border);
}

.nav_menu_container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.llp_logo {
  line-height: 0;
}

.llp_logo img {
  width: 100%;
  max-width: 140px;
  object-fit: cover;
}

.theme-text {
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
  color: var(--color-text-tertiary);
}

.theme-text:hover {
  color: var(--color-text-accent);
}

.theme-container {
  margin-right: 75px;
}

.new-user-container {
  margin-right: 10px;
}

.check-this-out-div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding-inline: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.check-this-out-header .caret {
  position: absolute;
  width: 0;
  height: 0;
  top: -10px;
  right: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--color-app-border-tertiary);
}

.check-this-out-container {
  margin-left: auto;
  max-width: 215px;
  margin-top: 55px;
  border-radius: 10px;
  background: var(--color-surface-elevated);
}

.check-this-out-header {
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--color-bg-tredecenary);
}

.check-this-out-body {
  text-align: center;
  padding: 10px;
}

.gotIt-btn {
  display: block;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.gotIt-btn:hover {
  opacity: 0.7;
}

/* Utils */
.llp_border_radius1 {
  border-radius: 5px;
}

.llp_border_radius2 {
  border-radius: 10px;
}

.llp_border_top_radius2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.llp_border_bottom_radius2 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.pointer-events-none {
  pointer-events: none;
}
.cursor-move {
  cursor: move;
}

/* Font Size */
.fs-20 {
  font-size: 20px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-10 {
  font-size: 10px !important;
}

/* Width */
.w-full {
  width: 100% !important;
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.min-width-175 {
  min-width: 175px;
}

.min-width-120 {
  min-width: 120px;
}

.min-width-90 {
  min-width: 90px;
}

.min-width-60 {
  min-width: 60px;
}

.min-width-50 {
  min-width: 50px;
}

/* Display */
.d-block {
  display: block;
}

.d-none {
  display: none !important;
}

.d_inline_centered {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
}

.gap-20 {
  gap: 20px;
}

.gap-10 {
  gap: 10px;
}

.gap-3 {
  gap: 5px !important;
}

.gap-0 {
  gap: 0px !important;
}

/* Border */
.border-right-gray-1 {
  border-right: var(--color-app-border-nonary) 1px solid;
}

.border-right-darkGray-1 {
  border-right: var(--color-app-border-secondary) 1px solid;
}

/* Text */
.text-blue {
  color: var(--color-text-accent);
}

.text-yellow {
  color: var(--color-text-warn);
}

.text-black {
  color: var(--color-text-quaternary) !important;
}

.text-dark-gray {
  color: var(--color-text-tertiary) !important;
}

.text-green {
  color: var(--color-text-success-dark) !important;
}

.text-red {
  color: var(--color-text-error) !important;
}

.text-gray {
  color: var(--color-text-octonary) !important;
}

.text-white {
  color: var(--color-text-inverse);
}

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

.text-end {
  text-align: end !important;
}

.text-start {
  text-align: start !important;
}

/* Fonts */
.font-normal {
  font-weight: normal !important;
}

.font-bold {
  font-weight: bold !important;
}

/* Margin */
.mx-auto {
  margin-inline: auto !important;
}

.ml-auto {
  margin-left: auto;
}

.mr-10 {
  margin-right: 10px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

/* Padding */
.px-3 {
  padding-inline: 3px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.px-5 {
  padding-inline: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-10 {
  padding-inline: 10px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.tooltip-item {
  cursor: pointer;
}

/* BBP */
.llp_container {
  padding-inline: 10px;
}

.llp_1_column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.llp_grid_column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.llp_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 8px;
  height: 40px;
  padding: 7px 15px;
  width: fit-content;
  text-decoration: none;
}

.llp_btn_sm {
  height: 35px !important;
  padding: 7px 10px !important;
}

.llp_btn_xs {
  height: 25px !important;
  padding: 5px 6px !important;
  font-size: 12px;
}

.llp_btn:hover {
  opacity: 0.7;
}

/* Overflow */
.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-hidden {
  overflow: hidden;
}

.remove-later {
  display: none !important;
}

/* Release Notes */
#releaseNotePopup.modal {
  display: flex;
  align-items: start;
}

#releaseNotePopup .modal-content {
  max-width: 430px;
  border: 5px solid var(--color-app-border-nonary);
}

.releasenote-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 45px;
  padding: 10px 15px;
  background: var(--color-bg-neutral);
}

.releasenote-title {
  font-size: 14px;
}

.close_releasenote {
  border: none;
  outline: none;
  height: 30px;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.close_releasenote:hover {
  opacity: 0.7;
}

.releasenote-body .uploadedImageContainer {
  display: flex;
}

.releasenote-body img {
  display: block;
  object-fit: contain;
  margin-inline: auto;
  max-width: 150px;
}

.releasenote-body .deleteUploadImage {
  display: none;
}

.releaseNote-versionTxt {
  font-size: 12px;
  font-weight: bold;
  color: var(--color-text-primary);
}

.releasenote-body ul {
  margin-left: 20px;
}

.releasenote-body {
  padding: 10px;
  background: var(--color-surface-elevated);
}

.releasenote-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 45px;
  padding: 10px 15px;
  background: var(--color-bg-neutral);
}

/* Main Container */
body.bbp-iframe-left.editmode #mainContainer {
  border-left: 1px solid var(--color-app-border-primary);
}

#mainContainer {
  width: 100%;
  max-width: 700px;
  min-height: 100vh;
  margin-inline: auto;
  background: var(--app-bg);
}

/* Web View */
body.style-old .llp_section_header #mainContainer.is_webview,
#mainContainer.is_webview_settings,
#mainContainer.is_webview_settings .navbar {
  background: var(--color-bg-quindecenary);
}

#mainContainer.is_webview .llp_section_container,
#mainContainer.is_webview_settings .llp_section_container {
  column-gap: 50px;
}

#mainContainer.is_webview .llp_section,
#mainContainer.is_webview_settings .llp_section {
  margin-bottom: 30px;
}

/* BBP App */
#mainContainer.is_webview .navbar,
#mainContainer.is_webview #trainingVideosDivContainer,
#mainContainer.is_webview #trainingAndLogoutLinksDiv {
  display: none !important;
}

#mainContainer.is_webview .newuibannerDiv {
  padding-top: 10px;
}

/* Settings */
.settings-section-title {
  background: var(--color-bg-subtle);
}

.settings-page .footer-menu-tab {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-inline: 10px;
}

#mainContainer.is_webview_settings #feedbackContainer,
#mainContainer.is_webview_settings #settingsIconLink,
#mainContainer.is_webview_settings .navbar .llp_logo,
#mainContainer.is_webview_settings .llp_title_container,
#mainContainer.is_webview_settings .settingsAndTrainingContainer {
  display: none !important;
}

#mainContainer.is_webview_settings .navbar {
  flex-direction: column;
  margin-bottom: 0;
  border-bottom: 0;
}

#mainContainer.is_webview_settings .extension_title {
  font-size: 24px;
  color: var(--color-text-primary);
}

#mainContainer.is_webview_settings #extensionInfoDiv {
  margin-bottom: 20px;
}

.hidden_section {
  display: none !important;
}

.section_header_btn {
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  padding: 5px;
  min-width: 50px;
  border-radius: 5px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.section_header_btn:hover {
  opacity: 0.7;
}

.llp_dark_gray_btn_icon {
  filter: var(--darkGrayFilter);
}

.llp_dark_gray_btn_icon:hover,
.llp_dark_gray_btn_icon.active {
  filter: var(--blueFilter);
}

.llp_title_container {
  padding: 10px;
  text-align: center;
}

.llp_section_container {
  width: 100%;
  margin: 0 auto;
  column-count: 1;
  column-gap: 10px;
}

.llp_section {
  overflow: hidden;
  margin-inline: auto;
  display: inline-block;
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--color-app-border-primary);
  box-shadow: var(--elevation-base);
}

.llp_section:last-child {
  margin-bottom: 0px;
}

.llp_section_header {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding-inline: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--color-bg-octodecenary);
}

.llp_section_header.editMode {
  display: none;
}

.llp_section_body_toggle {
  display: block;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: var(--color-section-bg);
}

.llp_section_body {
  padding: 10px 0;
}

.llp_section_body2 {
  padding: 15px 0;
}

.llp_section_header_title {
  margin-left: auto;
}

.llp_section_header_icon {
  margin-left: auto;
  color: var(--color-text-quaternary);
}

.llp_section_header_icon2 {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 5px;
}

.llp_section_logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.llp_section_logo img {
  width: 100%;
  max-width: 150px;
  object-fit: contain;
}

#saveBtn {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

/* Text */
.llp_h3 {
  font-weight: 800;
  font-size: 14px !important;
  font-size: var(--default-font-size);
}

.llp_a_tag {
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-text-accent);
}

.llp_a_tag:hover {
  opacity: 0.7;
}

.bbp_adjuster_title {
  margin-left: 40px;
}

/* Form  */
.llp_form_container {
  position: relative;
}

.llp_form_container label.llp_form_helper {
  position: absolute;
  top: -10px;
  left: 5px;
  padding: 3px 5px;
  z-index: 2;
  cursor: pointer;
  border-radius: 2px;
  color: var(--color-text-tertiary);
  background: var(--color-field-label-bg);
}

.llp_form_container label.llp_form_helper.disabled-label {
  border-radius: 5px;
  background: var(--color-field-disabled-bg);
}

.llp_form_container label.llp_form_helper.active {
  color: var(--color-text-accent) !important;
}

.llp_select,
.llp_input {
  outline: none;
  overflow: hidden;
  width: 100%;
  height: 35px;
  font-weight: 800;
  padding-left: 10px;
  padding-right: 15px;
  border-radius: 10px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-field-primary-border);
}

.table-search-old {
  margin-top: 5px;
}

.table-search-old .llp_input::placeholder {
  color: transparent;
}

.llp_text_area {
  outline: none;
  resize: vertical;
  max-height: 130px;
  min-height: 70px;
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-field-primary-border);
}

.table_input {
  min-height: 24px;
  min-width: 70px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  border-radius: 5px;
  font-size: 12px;
  text-align: start;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-field-primary-border);
}

.llp_input::placeholder {
  color: var(--color-text-quaternary);
}

.input_icon_container {
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  padding: 10px;
}

.input_icon_container:hover {
  color: var(--color-text-accent);
}

/* Tooltip Design */
.tooltip {
  position: relative;
  pointer-events: none;
  z-index: 999;
  max-width: 250px;
  margin-inline: 10px;
}

.tooltip-inner {
  position: relative;
  text-align: center;
  z-index: 999;
  padding: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: var(--tooltip-bg);
  box-shadow: var(--elevation-base);
  border: 1px solid var(--tooltip-border);
}

/* Arrow */
.show-tooltip-down-arrow,
.show-tooltip-up-arrow,
.show-tooltip-left-arrow {
  position: relative;
}

.show-tooltip-down-arrow::before {
  content: "";
  position: absolute;
  bottom: 104%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: var(--color-bg-secondary) transparent transparent transparent;
}

.show-tooltip-up-arrow::before {
  content: "";
  position: absolute;
  top: 104%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent var(--color-bg-secondary) transparent;
}

.show-tooltip-left-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent var(--color-bg-secondary);
}

.section_loader {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-height: 50px;
  color: var(--color-loader);
  background: var(--color-loader-bg);
}

/* Multi Market Tooltip */
.tooltip-inner.multiMarketSellPrice {
  overflow: hidden;
  padding: 0;
  min-width: 150px;
  border-radius: 10px;
  background: var(--tooltip-bg);
}

/* BSR and Prices */
.bsr_predictor_tooltip {
  max-width: 180px;
  padding: 0;
}

.bsr-title-header {
  background: var(--color-bg-tredecenary);
}

.bsr-title-header .icon {
  display: none;
}

.bbPriceChangesTooltip {
  max-width: 190px;
}

.priceChangesValueContainer {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid var(--color-app-border-nonary);
}

.bsr-and-prices-item-title {
  flex: 1;
  padding-inline: 10px;
}

.bsr-and-prices-item-value {
  padding-inline: 10px;
}

/* Estimated Sales Tooltip */
.tooltip-inner.est-sales-custom-tooltip {
  overflow: hidden;
  padding: 0;
  min-width: 160px;
  border-radius: 10px;
  background: var(--tooltip-bg);
}

#estimatedSalesCalculatorLast30days {
  cursor: pointer;
  width: fit-content;
}

/* IOSS Tooltip  */
[data-section-id="euvoec"] {
  position: relative;
}

.ioss-search-div {
  padding: 10px;
}

.ioss-table-div {
  padding-inline: 10px;
}

.ioss-table-loader {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  color: var(--color-loader);
  background: rgba(0, 0, 0, 0.08);
}

.iossVatTooltip-container {
  display: flex;
  flex-direction: column;
}

.ioss_basePrice_tooltip {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--color-app-border-nonary);
}

.iossTooltip_values {
  font-weight: bold;
}

.iossVat_rate {
  color: var(--color-text-tertiary);
}

/* Manual Sourcing */
#manualSourcingBtn {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

/* Asin History Tooltip */
.asinHistoryTooltip {
  text-align: start;
}

/* Details Tooltip */
.tooltip-inner.details-custom-tooltip {
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
  background: var(--tooltip-bg);
}

.tooltip-details-upper-ul {
  margin-bottom: 5px;
}

.tooltip-details-upper-ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  padding-inline: 10px;
  min-height: 24px;
  white-space: nowrap;
}

.tooltip-details-li-left {
  text-align: start;
  overflow: hidden;
}

.tooltip-details-li-right {
  color: var(--color-text-accent);
}

.tooltip-details-upper-ul li:nth-child(odd) {
  background-color: var(--color-bg-subtle);
}

/* Cost */
.cost-first-ul li,
.cost-second-ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px 30px;
  font-weight: 600;
  padding-inline: 10px;
  min-height: 24px;
  white-space: nowrap;
  font-weight: normal;
}

.cost-first-ul li:nth-child(even),
.cost-second-ul li:nth-child(odd) {
  background: var(--color-bg-subtle);
}

.totalFessContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 24px;
  font-weight: 600;
  padding-inline: 10px;
  color: var(--color-text-quaternary);
  background: var(--color-bg-nonary);
}

.grandTotalContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 25px;
  padding-inline: 10px;
  font-weight: 600;
  color: var(--color-text-inverse);
  background: var(--color-bg-secondary);
}

/* End Details Tooltip */
.tooltip-details-asin-header,
.est-sales-tooltip-container {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px;
  font-weight: 600;
  min-height: 30px;
  color: var(--color-text-inverse);
  background: var(--color-bg-secondary);
}

/* Roi Tooltip */
.roi-title {
  display: block;
  text-align: center;
  margin-bottom: 5px;
  width: 90%;
}

.roi-text {
  width: 90%;
  text-align: center;
}

.roi-100 {
  width: 10%;
  margin-top: 10px;
}

.roi-container {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 10px 8px;
  margin-bottom: 15px;
}

.roi-text .roi-profit {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-app-border-quinary);
}

.roi-footer {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 15px;
  background-color: var(--color-bg-neutral);
}

/* Footer */
.footer_container {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
}

#llpSectionContainer.fixed-footer .llp_section.footer_container {
  margin-bottom: 0 !important;
}

#llpSectionContainer .saveAndSyncBtnContainer {
  position: sticky;
  margin-inline: auto;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  bottom: 10px;
  max-width: 700px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Settings */
#factoryResetBtn {
  margin-left: auto;
  white-space: nowrap;
  background: var(--color-bg);
  color: var(--color-error-text);
  border: 1px solid var(--color-app-border-senary);
}

.settings_footer_btn {
  color: var(--color-btn-septenary-text);
  background: var(--color-btn-septenary-bg);
  border: 1px solid var(--color-btn-septenary-border);
}

.vat_fees_container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.with-mt-5-container {
  margin-top: 5px;
}

/* Modal */
.modal {
  display: none;
  cursor: default;
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding-bottom: 50px;
  padding-inline: 10px;
}

.close {
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  color: var(--color-text-tertiary);
}

.close:hover {
  color: var(--color-text-accent);
}

.modal-content {
  overflow: hidden;
  margin-inline: auto;
  width: 100%;
  max-width: 450px;
  margin-top: 50px;
  border-radius: 5px;
  background-color: var(--color-surface-elevated);
}

.modal_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid var(--color-app-border-septenary);
}

.modal_title {
  color: var(--color-text-accent);
}

.modal_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-top: 1px solid var(--color-app-border-septenary);
}

#iossTableArrow {
  cursor: pointer;
}

.vat_input_container {
  max-width: 80px;
  display: flex;
  align-items: center;
  justify-content: start;
}

#iossAddBtn {
  border-radius: 5px;
  color: var(--color-text-inverse);
  background: var(--color-bg-duovigenary);
}

#iossOkBtn {
  border-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

/* Google Sheet Tables And Modals */
#googleSheetsDivContainer {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
  border: 1px solid var(--color-app-border-tertiary);
}

#settingsGoogleSheetLink {
  font-size: 12px;
}

/* IOSS Table And Modal */
.modal_body.ioss {
  padding: 0;
  max-height: 400px;
  overflow-y: scroll;
}

#iossTable {
  border-collapse: collapse;
  width: 100%;
}

#iossTable th,
#iossTable td {
  border: 1px solid var(--color-app-border-septenary);
  text-align: left;
  padding: 8px;
}

#iossTable th {
  border-top: 0px;
  background-color: var(--color-bg);
}

#iossTable th:first-child {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 5px;
  border-right: none;
  border-bottom: none;
}

#iossTable tr:last-child td {
  border-bottom: none !important;
}

#iossTable tr td:first-child {
  text-align: center;
  cursor: pointer;
}

#iossTable td:first-child,
#iossTable td:last-child {
  width: 50px;
}

#iossTable td .llp_input {
  padding-left: 10px;
  font-weight: normal;
  background: var(--color-app-field-primary-bg);
}

.removeIossRow {
  cursor: pointer;
  font-size: 15px;
  color: var(--color-error-text);
}

/* Toogles */
input[type="radio"] {
  -webkit-appearance: none;
  outline: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--color-field-active-border);
}
input[type="radio"]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}
input[type="radio"]:checked:before {
  background: var(--color-radio);
}
input[type="radio"]:disabled:checked:before {
  background: var(--color-bg-vigenary) !important;
}
input[type="radio"]:checked {
  border-color: var(--color-radio);
}
input[type="radio"]:disabled {
  border: 1px solid var(--color-app-border-nonary) !important;
}

.switch {
  position: relative;
  width: 30px;
  height: 15px;
}

.switch.disabled-switch {
  pointer-events: none;
}

.switch.disabled-switch .slider {
  background-color: var(--switch-slider-disabled-bg) !important;
}

.switch.disabled-switch .slider::before {
  background-color: var(--switch-circle-disabled-bg) !important;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  background-color: var(--switch-slide-default-bg);
}

.switch .slider:before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  left: 4px;
  bottom: 4px;
  transition: 0.4s;
  background-color: var(--switch-slider-active-bg);
}
.switch .slider.round {
  border-radius: 20px;
}
.switch .slider.round.round:before {
  border-radius: 50%;
}
.switch.active .slider {
  background-color: var(--switch-slider-active-bg);
}
.switch.active .slider::before {
  background-color: var(--switch-circle-active-bg);
}

.switch:not(.disabled-switch).active .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

body.bbp-iframe-left.editmode #llpSectionContainer {
  border-left: 0;
  border-right: 0;
}

#llpSectionContainer {
  padding-top: 10px;
  position: relative;
  border-left: 1px solid var(--color-app-border-primary);
  border-right: 1px solid var(--color-app-border-primary);
}

#llpSectionContainer.settings-llp-section {
  padding-top: 0;
  border-bottom: 1px solid var(--color-app-border-nonary);
}

#mainContainer.is_webview #llpSectionContainer {
  border: 1px solid var(--color-app-border-primary);
}

/* Fixed Footer */
.no-extension {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  pointer-events: none !important;
}

/* Loader */
.loading {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 110px;
}

.loading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  inset: 0;
  z-index: -1;
  background-color: var(--color-loader-bg);
}

.loading_icon {
  font-size: 20px;
  color: var(--color-loader);
}

/* --------------------------------- Index - Main Page ------------------------------------------------- */

/* Header */
#rearrangeBtn {
  cursor: pointer;
}

#rearrangeBtn.active {
  color: var(--color-text-accent);
}

/* Nav */
.default-with-scroll-icon {
  content: url("/_content/LLPHybridApp.Shared/content/images/icons/layout-icon-default-with-scroll.svg");
}

.default-with-scroll-icon:hover,
.default-with-scroll-icon.active {
  content: url("/_content/LLPHybridApp.Shared/content/images/icons/layout-icon-default-with-scroll-blue.svg");
}

/* Reset Widget */
body.bbp-iframe-default #editModeResetContainer,
body.bbp-iframe-default-scroll #editModeResetContainer,
body.bbp-iframe-right.editmode #editModeResetContainer {
  border-left: 1px solid var(--color-app-border-primary);
  border-right: 1px solid var(--color-app-border-primary);
}

#editModeResetContainer {
  padding: 10px;
  display: none;
  flex-direction: column;
}

.editMode-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.minimalistUi-div {
  display: flex;
  margin-left: auto;
  width: fit-content;
  align-items: center;
  gap: 5px;
  height: 30px;
  border-radius: 10px;
  padding-inline: 10px;
  background: var(--color-bg-octodecenary);
  border: 1px solid var(--color-app-border-primary);
}

.editMode_actionBtn_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.widget_container {
  position: relative;
}

.select_widget_btn {
  gap: 10px;
  height: 30px;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
  pointer-events: auto;
  justify-content: center;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.widget_option_container {
  display: flex;
  position: absolute;
  flex-direction: column;
  right: 0;
  top: 120%;
  width: 100%;
  z-index: 999999;
  min-width: 180px;
  border-radius: 10px;
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-app-border-nonary);
}

.widget_option_container li {
  display: flex;
  cursor: pointer;
  list-style: none;
  justify-content: space-between;
  border-radius: 5px;
  padding: 8px 10px;
  background: var(--color-bg-sexdecenary);
}

.widget_option_container li:hover,
.widget_option_container li.active {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.customWidget_btnContainer {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.removeCustomWidgetBtn:hover {
  color: var(--color-text-septenary);
}

.editCustomWidgetBtn:hover {
  opacity: 0.7;
}

.widget_modal_container {
  padding: 20px 10px;
  background: var(--color-surface-elevated);
}

#widgetOptionLists {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-left: 5px;
  max-height: 300px;
}

#widgetOptionLists::-webkit-scrollbar {
  width: 5px;
}

#widgetOptionLists::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--color-bg-vigenary);
}

#addNewWidgetOption,
.rearrangeModal_btn {
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

#addNewWidgetOption {
  display: block;
  max-width: 120px;
  margin: 5px auto 10px auto;
}

.rearrangeModal_btn {
  padding: 5px;
  max-width: 70px;
  min-height: 35px;
  margin-left: auto;
}

#resetWidgetBtn {
  font-weight: 600;
  cursor: pointer;
  color: var(--color-text-accent);
}

#resetWidgetBtn:hover,
#addNewWidgetOption:hover,
.rearrangeModal_btn:hover {
  opacity: 0.7;
}

.handle_header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.handle_header i {
  font-size: 10px;
}

/* Save Widget Button */
body.bbp-iframe-default.editmode #saveWidgetButtonDiv,
body.bbp-iframe-default-scroll.editmode #saveWidgetButtonDiv,
body.bbp-iframe-right.editmode #saveWidgetButtonDiv {
  border-left: 1px var(--color-app-border-nonary) solid;
  border-right: 1px var(--color-app-border-nonary) solid;
  border-bottom: 1px var(--color-app-border-nonary) solid;
}

#saveWidgetButtonDiv {
  display: none;
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding: 10px;
}

#saveWidgetButton {
  border: none;
  outline: none;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 35px;
  min-height: 35px;
  font-weight: 500;
  border-radius: 10px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

#saveWidgetButton:hover {
  opacity: 0.7;
}

#selectTxtName {
  text-transform: capitalize;
}

#selectWidgetIcon {
  pointer-events: none;
}

/* Tags Button */
.layout_icons_container {
  gap: 8px;
}

.layout_icons_container a {
  line-height: 0;
  cursor: pointer;
}

/* Extension Info */
#extensionInfoDiv {
  margin-inline: 10px;
}

#extensionInfoDiv .container {
  padding: 10px;
  max-width: 500px;
  border-radius: 10px;
  margin-inline: auto;
  text-align: center;
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

/* Invalid Amazon ASIN */
#invalidAmazonAsinDiv {
  width: 100%;
  border-bottom: 1px var(--color-app-border-septenary) solid;
}

.invalidAmazon_container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  color: var(--color-warning-text);
  background: var(--color-warning-bg);
}

.warning_icon {
  color: var(--color-text-senary);
}

/* New UI Banner */
.newuibannerDiv {
  margin-inline: auto;
  padding: 10px;
  max-width: 100%;
  padding-bottom: 0;
  border-left: 1px solid var(--color-app-border-primary);
  border-right: 1px solid var(--color-app-border-primary);
}

.newuibanner {
  display: flex;
  text-align: center;
  align-items: center;
  margin-inline: auto;
  justify-content: space-between;
  gap: 5px;
  padding: 10px;
  max-width: 500px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--color-bg-tredecenary);
}

.newuibanner-close {
  cursor: pointer;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-text-tertiary);
  background-color: var(--color-bg-octodecenary);
}

.newuibanner-button {
  font-weight: bold;
  text-decoration: none;
  color: var(--color-text-accent);
}

.newuibanner-button:hover {
  text-decoration: underline;
}

/* Ads */
#llpAdDiv {
  position: relative;
  margin-bottom: 10px;
  margin-inline: 10px;
  border-radius: 10px;
  padding: 10px;
  background: var(--color-bg);
  border: 1px solid var(--color-app-border-nonary);
}

#llpAdDiv p,
#llpAdDiv span,
#llpAdDiv strong {
  color: var(--color-text-quaternary) !important;
}

#llpAdDiv strong {
  font-weight: 600;
}

#llpAdDiv span {
  font-weight: normal !important;
  font-size: var(--default-font-size) !important;
}

#llpAdCloseBtn {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
}

/* Training Videos */
#trainingVideosDivContainer {
  display: none;
  padding-top: 10px;
  border-left: 1px solid var(--color-app-border-primary);
  border-right: 1px solid var(--color-app-border-primary);
}

.training_videos_container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-top: 10px;
  border-radius: 10px;
  background: var(--color-bg-octodecenary);
}

#trainingCloseBtn {
  position: absolute;
  right: 20px;
}

#trainingCloseBtn:hover,
#llpAdCloseBtn:hover {
  color: var(--color-text-accent) !important;
}

/* Footer Training */
#trainingAndLogoutLinksDiv {
  padding: 10px;
  border-left: 1px var(--color-app-border-nonary) solid;
  border-right: 1px var(--color-app-border-nonary) solid;
  border-bottom: 1px var(--color-app-border-nonary) solid;
}

#trainingAndLogoutLinks {
  padding: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: var(--color-bg);
}

#trainingAndLogoutLinks a {
  cursor: pointer;
  text-decoration: none;
  color: var(--color-text-quaternary);
}

#trainingAndLogoutLinks a:hover {
  color: var(--color-text-accent);
}

/* Analyze Reach Limit */
.analyzeReachLimit {
  margin-inline: 10px;
}

.analyzeReachLimit-container {
  text-align: center;
  margin-inline: auto;
  max-width: fit-content;
  padding: 15px;
  border-radius: 10px;
  color: var(--color-warning-text);
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
}

.analyzeLimitTxt {
  font-weight: bold;
}

/* Overview */
.overview_image_data_container {
  align-items: unset;
}

.overview_image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  min-width: 94px;
  min-height: 90px;
  max-width: 200px;
  border-radius: 8px;
  border: 1px solid var(--color-app-border-primary);
}

.overview_image_container img {
  width: 100%;
  max-height: 75px;
  object-fit: contain;
}

.overview_grid {
  gap: 10px;
  min-height: 85px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.overview_item {
  display: flex;
  color: var(--color-text-tertiary);
}

.overview_item.right_item {
  width: 110px;
  column-gap: 0;
  margin-left: auto;
}

.overview_title {
  width: 37px;
}

.overview_title.right_title {
  width: 35px;
}

.overview_value_container {
  display: flex;
  column-gap: 3px;
}

.overview_value {
  white-space: nowrap;
  font-weight: bold;
  color: var(--color-text-quaternary);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 60px;
  display: block;
}

#overviewItemName {
  cursor: pointer;
  overflow: hidden;
  font-weight: bold;
  display: -webkit-box;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#overviewRating {
  font-weight: bold;
}

.overviewAsinText {
  white-space: nowrap;
}

.dimsAndWtContainer {
  display: flex;
  column-gap: 3px;
  color: var(--color-text-tertiary);
}

.dimsAndWtContainer .valuesContainer {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-weight: bold;
  color: var(--color-text-quaternary);
}

#overviewInch,
#overviewCm {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 16px;
}

.circle_container {
  justify-content: center;
}

.circle_container span i.fa-circle {
  cursor: pointer;
  border-radius: 50%;
}

/* Confidence Score */
.confidence-bar-container {
  position: relative;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--color-bg-tredecenary);
}

.confidence-bar-score {
  width: 100%;
  bottom: 15px;
  text-align: center;
  position: absolute;
}

.confidence-bar {
  bottom: 0;
  height: 0;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  transform-origin: bottom;
  animation: stretch 1s ease-out forwards;
}

.confidence-text {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 100%;
  margin-bottom: 5px;
}

.confidence-text span {
  display: block;
}

.confidence-percent {
  font-size: 14px;
}

@keyframes stretch {
  from {
    transform: scaleY(0);
  }
}

.confidence_item_container {
  padding: 5px;
  min-height: 40px;
  background: var(--color-bg-tredecenary);
}

.analysisTextContent {
  overflow: hidden;
  white-space: normal;
  font-weight: normal;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--color-text-tertiary);
}

.analysisTextContent .score-short-desc {
  display: block;
  font-weight: bold;
  color: var(--color-text-quaternary);
}

/* Quick Info */
[data-section-id="quick_info"] .aiAnalysisGrid {
  margin-bottom: 0;
  padding-inline: 0;
}

.tooltip.est-sales-quick-info {
  width: 100%;
  max-width: 250px;
}

.tooltip-inner.est-sales-quick-info {
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
}

.tooltip-inner.est-sales-quick-info .cost-first-ul {
  display: grid;
  gap: 5px;
  padding: 5px;
  grid-template-columns: repeat(3, 1fr);
}

.tooltip-inner.est-sales-quick-info .cost-first-ul li {
  gap: 0px 5px;
  padding: 5px;
  font-size: 9px;
  border-radius: 5px;
  background: var(--color-bg);
  border: 1px solid var(--color-app-border-nonary);
}

.tooltip-inner.est-sales-quick-info
  .cost-first-ul
  li
  .tooltip-details-li-right {
  font-weight: bold;
  color: var(--color-text-quaternary);
}

.quick_info_data {
  display: flex;
  justify-content: space-around;
  gap: 5px;
}

.quick-info-value {
  color: var(--color-text-primary);
}

.quickInfoEligibleAndSubmitDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.quickInfoCircles_Div {
  border-top: var(--color-app-border-nonary) 1px solid;
}

.quickInfoCircles_Div i.fa-circle {
  border-radius: 50%;
}

.quick-info-input-div {
  align-items: start;
}

.analysis_loading_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 30px;
  color: var(--color-loader);
}

/* Sellerbility */
#sellerBilityDiscoverBtn {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.no_sellerBility_container {
  margin-inline: 10px;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-app-border-duodenary);
}

.no_sellerBility_container a {
  text-decoration: none;
  color: var(--color-text-accent);
}

.no_sellerBility_container a:hover {
  text-decoration: underline;
}

/* Wholesale */
.wholesale_container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px;
  border-radius: 10px;
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-app-border-duodenary);
}

.wholesale_logo_container {
  margin-right: 3px;
  line-height: 0px;
}

.wholesale_logo {
  width: 100%;
  max-height: 13px;
}

.wholesale_container .beta {
  font-weight: bold;
  padding-bottom: 3px;
  color: var(--color-text-warn);
}

/* Discount */
.divDiscountsDefaultDiv {
  padding: 10px;
}

.discounts_header_title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

#divDiscounts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 5px;
}

.discountDiv10,
.discountDiv11,
.discountDiv7 {
  grid-column: span 3;
}

.discountDiv8 {
  grid-column: span 2;
}

#divDiscounts .bbpDiscount {
  outline: none;
  cursor: pointer;
  height: auto;
  padding: 5px;
  border-radius: 5px;
  color: var(--color-text-quaternary);
  background: var(--color-bg-neutral);
  border: 1px solid var(--color-app-border-quinary);
}

#divDiscounts .bbpDiscount:focus {
  border: 1px solid var(--color-app-border-quinary) !important;
}

#divDiscounts #txtCustomDiscount {
  text-align: center;
  padding-right: 20px;
  color: var(--color-text-quaternary);
  background: var(--color-bg-neutral);
}

#divDiscounts #txtCustomDiscount::placeholder {
  opacity: 1;
  color: var(--color-text-quaternary);
}

#divDiscounts .percentInput {
  position: relative;
}

/* BBP Buttons */
#divDiscounts .bbpDiscount.active,
  #divDiscounts .bbpDiscount:hover,
  /* Discount Input */
  #divDiscounts #txtCustomDiscount.active,
  #divDiscounts #txtCustomDiscount.active::placeholder,
  #divDiscounts .percentInput:hover #txtCustomDiscount,
  #divDiscounts .percentInput:hover #txtCustomDiscount::placeholder,
  #divDiscounts .percentInput:hover .percent {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

#divDiscounts .percent {
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  right: 40px;
  top: 50%;
}

#divDiscounts .percent.active {
  color: var(--color-text-inverse);
  right: 53px;
}

/* Calculator */
.llp_section[data-section-title="Calculator"] {
  overflow: initial;
}

.calculator-header-buttons {
  margin-bottom: 15px;
}

#calculatorSwitches {
  justify-content: space-between;
}

.calculator-switch-title {
  font-weight: bold;
  margin-bottom: 5px;
}

#salesTaxPercentDiv {
  margin-top: -10px;
}

.txtInclusiveOfVatDiv {
  margin-top: 5px;
  font-size: 11px;
  cursor: pointer;
  color: var(--color-text-tertiary);
}

.txtInclusiveOfVat {
  font-weight: 600;
  color: var(--color-text-success-darker);
}

.calculator-current-currency-container {
  display: block;
  font-weight: bold;
  width: fit-content;
  margin: 5px auto;
  padding: 5px;
  border-radius: 5px;
  background: var(--color-bg-sexdecenary);
}

.align_start_column {
  align-items: start !important;
}

.calc-footer-item-bundle-div {
  min-height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.calculatorCurrencyContainerDiv {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 5px;
}

.calculator-divider {
  width: 100%;
  margin: 15px 0;
  border-bottom: 1px dashed var(--color-app-border-nonary);
}

.calculator-advance-basic-toggle {
  font-size: 20px;
  color: var(--color-text-tertiary);
}

.calculator-advance-basic-toggle:hover {
  color: var(--color-text-accent);
}

.calculatorCurrencyBtn {
  outline: auto;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 3px 8px;
  cursor: pointer;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.calculatorCurrencyBtn:disabled {
  outline: 0 none;
  box-shadow: none;
  pointer-events: none;
  color: var(--color-app-btn-disabled-text);
  background: var(--color-app-btn-disabled-bg);
}

#txtBuyPriceVatDiv {
  color: var(--color-text-tertiary);
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
}

#calculatorMfBtnDiv {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#fulfillmentSelect {
  min-height: auto;
  width: fit-content;
  font-weight: normal;
  font-size: 12px;
  border-radius: 5px;
  height: auto !important;
  padding: 3px 5px !important;
}

.calculatorMfBtnCustom {
  width: 100%;
  min-width: 60px;
}

.calculatorMfBtn {
  background: var(--color-bg-sexdecenary);
}

.calculatorMfBtnCustom input,
.calculatorMfBtn {
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
  width: 100%;
  padding: 5px;
  min-width: 50px;
  border-radius: 5px;
  color: var(--color-text-quaternary);
  border: 1px solid var(--color-app-border-primary);
}

.calculatorMfBtnCustom input {
  background-color: var(--color-app-field-primary-bg);
}

.calculatorMfBtn:hover,
.calculatorMfBtn.active {
  color: var(--color-text-inverse);
  background: var(--color-btn-primary-bg);
  border: 1px solid var(--color-btn-primary-bg);
}

.calculator-quantity-input-div {
  display: flex;
  justify-content: center;
}

#calculatorQuantity {
  width: 100%;
  max-width: 100px;
  margin-inline: auto;
}

#calculatorQuantity::-webkit-outer-spin-button,
#calculatorQuantity::-webkit-inner-spin-button,
#txtVatRateBuyPrice::-webkit-outer-spin-button,
#txtVatRateBuyPrice::-webkit-inner-spin-button,
#txtVatRate::-webkit-outer-spin-button,
#txtVatRate::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#calculatorQuantity[type="number"],
#txtVatRateBuyPrice[type="number"],
#txtVatRate[type="number"] {
  -moz-appearance: textfield;
}

.efn-or-pan-div {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 10px;
}

.efn-or-pan-div-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.efn-or-pan-chkContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}

.country_select_container {
  width: 100%;
}

.country_select_menu {
  cursor: pointer;
  position: relative;
  margin-inline: auto;
  width: 100%;
  max-width: 100px;
}

.selectedCountryIcon {
  margin-left: auto;
  pointer-events: none;
}

.select_country_card {
  display: flex;
  align-items: center;
  gap: 5px;
}

.selected_country {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-bg);
  background: var(--color-app-country-select-bg);
  border: 1px solid var(--color-app-country-select-border);
}

.select_country_list {
  width: 100%;
  z-index: 3;
  display: flex;
  position: absolute;
  flex-direction: column;
  background: var(--color-bg);
}

.country_select_item {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
}

.country_select_item:hover,
.country_select_item.active {
  background: var(--color-bg-tertiary);
}

.efn-or-pan-chkContainer {
  cursor: pointer;
}

/* Details */
.details_data li {
  height: 32px;
}

.details_data li,
.bsr_data li,
.prices_data li {
  list-style: none;
  font-weight: bold;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px var(--color-app-border-septenary) solid;
}

.details_data li:last-child,
.bsr_data li:last-child,
.prices_data li:last-child {
  border: none;
}

.details_title,
.details_value {
  cursor: pointer;
  padding-inline: 10px;
}

.details_value {
  font-weight: bold;
}

.storageCountContainer {
  width: 20px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-text-accent);
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-app-border-duodenary);
}

#totalCostsDiv.error {
  background: var(--total-cost-danger-bg);
}

.detailsTotalCostDiv {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

#estimatedFeesWarning {
  cursor: pointer;
  width: fit-content;
  color: var(--color-text-error);
}

.estimatedFeesWarningLink {
  color: var(--color-text-accent);
}

.detailsSliderContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 150px;
}

.details_asin_container {
  display: flex;
  align-items: center;
  gap: 3px;
}

#detailsAsin {
  text-decoration: underline;
  color: var(--color-text-accent);
}

#detailsAsinTooltipContainer {
  font-weight: 600;
  cursor: pointer;
  color: var(--color-text-quaternary);
}

#detailsBbSuppressed {
  font-size: 11px;
  padding: 2px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}

#detailsBbSuppressed.Yes {
  color: var(--color-app-border-senary);
  border: 1px solid var(--color-app-border-senary);
}

#detailsBbSuppressed.No {
  color: var(--color-text-success-dark);
  border: 1px solid var(--color-app-border-undenary);
}

#detailsBbSuppressed.Maybe {
  cursor: pointer;
  color: var(--color-text-warn);
  border: 1px solid var(--color-text-warn);
}

#detailsBbSuppressed.null {
  font-weight: bold;
  padding: 0;
  font-size: 13px;
}

#detailsSlider {
  cursor: pointer;
  max-width: 230px;
  width: 100%;
  height: 7px;
}

#detailsSlider .ui-slider-handle.ui-corner-all.ui-state-default {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: -5px;
  outline: none;
  border: none !important;
  background: var(--color-btn-primary-bg);
}

#profitXRow {
  background: var(--color-bg-subtle);
}

.ui-corner-all {
  border-radius: 10px;
}

.ui-widget-content {
  background: var(--color-btn-primary-bg) !important;
  border: 1px solid var(--color-app-border-duodenary) !important;
}

.ui-widget-header {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--color-btn-primary-bg) !important;
  border: 1px solid var(--color-app-border-duodenary) !important;
}

.amazonBtn {
  background: var(--color-bg-quattuordecenary);
}

.amazonBtn,
.dashboardYesOrNo {
  padding: 5px;
  min-width: 50px;
  min-height: 25px;
  border-radius: 20px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  color: var(--color-text-inverse) !important;
}

.bsr_buttons_container {
  justify-content: center;
  gap: 10px;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

/* BSR And Prices */
.bsr_and_prices_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 8px;
  height: 24px;
  min-width: 39px;
  border-radius: 5px;
  text-decoration: none;
  padding: 5px 9px;
  background: var(--color-bg-octodecenary);
}

.bsr_and_prices_btn.active,
.bsr_and_prices_btn:hover {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

/* Dashboard */
.dashboard-header-div {
  padding: 10px;
  min-height: 45px;
}

.dashboard_box_container {
  display: flex;
  justify-content: space-between;
  gap: 0;
}

.dashboardBox {
  padding: 7px 3px;
  outline: 1px solid var(--color-app-border-septenary);
}

.dashboard_login {
  text-decoration: none;
  color: var(--color-text-accent);
}

.dashboard_login:hover {
  text-decoration: underline;
}

.traffic_light_default {
  color: var(--traffic-light-default);
  background: var(--traffic-light-default);
}

.traffic_light_gray {
  color: var(--color-bg-novemdecenary);
  background: var(--color-bg-novemdecenary);
}

.traffic_light_yellow {
  color: var(--color-bg-duovigenary);
  background: var(--color-bg-duovigenary);
}

.traffic_light_red {
  color: var(--traffic-light-danger);
  background: var(--traffic-light-danger);
}

.traffic_light_green {
  color: var(--color-text-nonary);
  background: var(--color-text-nonary);
}

.traffic_light_orange {
  color: var(--color-text-senary);
  background: var(--color-bg-quattuordecenary);
}

.exclamation_icon_container {
  cursor: pointer;
}

.exclamation_icon_container.red {
  color: var(--color-text-septenary);
}

.exclamation_icon_container.orange {
  color: var(--color-text-senary);
}

.dg_apply,
.btn_ungate {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px;
  font-size: 10px;
  min-width: 32px;
  border-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.lnkUngateEligible {
  min-width: 50px;
  padding: 5px 10px;
  border-radius: 20px;
  display: block;
  width: fit-content;
  margin-inline: auto;
  text-decoration: none;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.lnkUngateSubmit {
  text-decoration: none;
  color: var(--color-text-accent);
}

.auto-ungate-not-qualify {
  cursor: pointer;
  color: var(--color-text-accent);
}

.myq-performance-check-heading-failure {
  margin-bottom: 10px;
}

.saw-performance-check-message-highlight h5 {
  display: flex;
  text-align: start;
  font-weight: normal;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
}

.eligibleSubmitDetails {
  font-size: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  color: var(--color-text-tertiary);
}

.eligibleSubmitDetails a {
  text-decoration: none;
  color: var(--color-text-tertiary);
}

.eligibleSubmitDetails a:hover {
  color: var(--color-text-accent);
}

.dashboard-title {
  display: block;
  margin-inline: auto;
}

/* BBP Analyis  */
[data-section-id="bbp_score"] .llp_section_body {
  padding: 0;
}

.aiAnalysisGrid {
  display: grid;
  gap: 10px;
  padding-inline: 10px;
  grid-template-columns: 1fr 3fr;
}

.aiAnalysis-percentContainer {
  width: 100%;
  height: 100%;
}

#llpSpqDiv {
  width: 100%;
  padding: 10px;
  min-height: 55px;
  border-radius: 5px;
  grid-column: 1 / 3;
  background: var(--color-bg-tredecenary);
}

.aiAnalysis-boxContainer {
  align-self: center;
}

.llp_aiAnalysis_textContainer {
  align-items: unset;
}

.spq_title_div {
  width: fit-content;
}

.spqTitle-normal {
  color: var(--color-text-tertiary);
}

.sqp_message {
  font-weight: bold;
}

#spqLoader {
  display: flex;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  color: var(--color-loader);
}

/* IOSS */
#iossDataTable th,
#iossDataTable td {
  width: 25%;
}

#iossDataTable tr td:first-child:not(.dataTables_empty) {
  text-align: start;
}

#iossDataTable tr th:first-child {
  text-align: start;
}

#iossDataTable tr th:last-child,
#iossDataTable tr td:last-child:not(.dataTables_empty) {
  text-align: end;
}

#iossDataTable tr th {
  background: var(--app-table-th-bg);
}

.table_container table#iossDataTable th {
  border: none;
  position: relative;
  height: 28px;
  color: var(--color-text-tertiary);
}

.table_container table#iossDataTable th::before,
.table_container table#iossDataTable th::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  z-index: 5;
  opacity: 1;
  margin: auto 0;
  pointer-events: none;
  background: var(--app-table-th-border);
}

.table_container table#iossDataTable th:last-child {
  border-right: none;
}

.table_container table#iossDataTable td {
  border: none;
  height: 28px;
  background: var(--app-table-td-bg);
  border-bottom: 1px solid var(--color-app-border-primary);
}

.table_container table#iossDataTable tr:last-child td {
  border-bottom: 0;
}

.ioss-roi-header {
  width: fit-content;
  margin-left: auto;
}

/* Export Data */
.googleSheetUrl_input_container {
  display: flex;
  align-items: center;
}

.googleSheetUrl_arrowBtn {
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  right: 0;
  width: 30px;
  height: 35px;
  font-size: 25px;
  color: var(--color-text-accent);
}

.exportBtnDiv_loader {
  display: block;
  text-align: center;
  grid-column: span 2;
  color: var(--color-loader);
}

.export_data_icon {
  width: 30px;
  padding: 5px;
}

.export_data_text_info {
  font-size: 12px;
}

#requestTokenInfo {
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  background: var(--color-bg-octodecenary);
}

#requestTokenInfo.error {
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

#requestTokenInfo a {
  font-size: 13px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  color: var(--color-text-accent);
}

#requestTokenInfo a:hover {
  opacity: 0.7;
}

#exportDataBtnsDiv {
  display: grid;
  gap: 5px;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
}

#exportDataBtnsDiv:not(:empty) {
  margin-top: 10px;
}

#exportTextsDiv {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 5px;
}

.export-to-ac-section {
  position: relative;
  margin-top: 15px;
}

.export-to-ac-section::before {
  content: "";
  display: block;
  margin-inline: auto;
  width: 80%;
  padding-top: 15px;
  border-top: 1px var(--color-app-border-nonary) dashed;
}

.export-to-ac-title {
  display: block;
  font-weight: bold;
  text-align: center;
}

.export-input-and-select-container {
  display: flex;
  gap: 10px;
}

.export-ac-source-url-container {
  flex: 1;
  flex-shrink: 0;
}

.export-ac-select {
  flex: 3;
  font-weight: normal;
}

.export-to-ac-btn {
  border: none;
  height: 35px;
  border-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.export-ac-texts-div:not(:empty) {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.exportText {
  text-decoration: none;
}

.exportText:hover {
  text-decoration: underline;
}

.export-sheet-link {
  font-size: 12px;
  margin-left: 5px;
  color: var(--color-text-accent);
}

.exportData_input {
  font-weight: normal;
  padding-right: 50px;
  color: var(--color-text-quaternary);
}

.export-url-check-container {
  position: absolute;
  line-height: 0;
  right: 30px;
}

.exportData_input::placeholder {
  color: var(--color-text-tertiary);
}

.exportData_btn {
  border: none;
  outline: none;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px;
  min-width: 50px;
  border-radius: 5px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.exportData_btn.disabled {
  pointer-events: none;
  color: var(--color-app-btn-disabled-text);
  background: var(--color-app-btn-disabled-bg);
}

.exportData_btn:hover {
  opacity: 0.7;
}

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

.gSheetLastExportDiv {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  overflow: auto;
  gap: 3px;
  max-height: 300px;
}

.gSheet-last-exported-header {
  font-weight: bold;
  margin-bottom: 5px;
}

.unableToConnectContainer {
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--color-bg-tredecenary);
}

.exportData_link {
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-accent);
}

/* Variations */
[data-section-id="variations"] {
  position: relative;
}

.variation-column-filter {
  height: 25px;
  border-radius: 5px;
  padding-left: 10px !important;
  font-weight: normal;
}

.custom-variation-field-row {
  padding-inline-start: 0 !important;
}

.custom-variation-field-row td {
  padding: 5px !important;
}

.variation-table-empty {
  padding: 10px;
  text-align: center;
}

.variation-loader {
  min-height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-loader);
}

.variationsSeactionContainer {
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.titleAndBtnVariationContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}

.variationChartContainer {
  padding: 10px;
}

.vartion-empty-container {
  padding: 10px;
  min-height: 40px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--color-warning-text);
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
}

.variationPieChartHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pieChartBtnContainer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
}

#variationFooterInfo {
  margin-top: 10px;
}

.variationPieChart_btn {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2px 10px;
  border-radius: 5px;
  color: var(--color-btn-septenary-text);
  background: var(--color-btn-septenary-bg);
  border: 1px solid var(--color-app-border-duodenary);
}

.variationPieChart_btn:hover,
.variationPieChart_btn.active {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
  border: 1px solid var(--color-app-border-duodenary);
}

.variations_table_container {
  overflow-x: auto;
  white-space: nowrap;
  max-height: 320px;
}

.variations_table_container::-webkit-scrollbar {
  width: 8px;
  height: 12px;
}

.variations_table_container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--color-bg-secondary);
}

.variationsTableHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.variations_switch_div {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}

.variation_switchItem {
  display: flex;
  align-items: center;
  gap: 5px;
}

.variations_search_div {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
}

.variationSearchIcon {
  position: absolute;
  left: 10px;
}

.variationsSearch {
  outline: none;
  width: 100%;
  padding: 5px;
  border-radius: 10px;
  padding-left: 25px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-field-primary-border);
}

#variationsDataTable {
  border-bottom: 0px;
  width: 100% !important;
}

#variationsDataTable_wrapper::after {
  display: none;
}

#variationsDataTable.dataTable thead > tr > th.sorting::before,
#variationsDataTable.dataTable thead > tr > th.sorting::after {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  color: var(--color-text-tertiary);
}

#variationsDataTable.dataTable thead > tr > th.sorting::before {
  right: 0;
}

#variationsDataTable.dataTable thead > tr > th.sorting::after {
  right: 0;
}

#variationsDataTable thead tr th {
  font-weight: normal;
  position: relative;
  padding: 7px;
  padding-inline: 10px;
  background: var(--app-table-th-bg);
  color: var(--color-text-quaternary);
  border-bottom: 1px solid var(--app-table-border);
}

#variationsDataTable thead {
  position: sticky;
  top: 0;
  background: var(--app-table-th-bg);
}

#variationsDataTable thead::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5px;
  width: 100%;
  display: block;
  background: var(--color-bg-secondary);
}

#variationsDataTable tbody tr {
  cursor: pointer;
}

#variationsDataTable tbody tr.activeAsin {
  font-weight: bold;
}

#variationsDataTable tbody tr:nth-child(odd) {
  background-color: var(--color-bg-subtle);
}

#variationsDataTable tbody td {
  padding: 7px;
  min-width: 50px;
}

.variations_priceTooltip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.variations_sellerTooltip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.variations_reviewTooltip {
  display: grid;
  grid-template-columns: 1fr;
}

.variations_priceTooltipItem {
  border: 1px solid var(--color-app-border-nonary);
  padding: 5px;
}

.variationsTooltip_title {
  background: var(--color-bg-duodecenary);
}

#variationCheckCount {
  font-family: sans-serif;
  font-weight: 700;
  font-size: 13px;
}

/* Charts */
[data-section-id="charts"].simple-mode #avgPricesDiv,
[data-section-id="charts"].simple-mode #avgBsrDiv,
[data-section-id="charts"].simple-mode #newOfferCountDiv,
[data-section-id="charts"].simple-mode #sellerAndStockChartDiv {
  display: none;
}

[data-section-id="charts"] .llp_section_header {
  position: relative;
}

.charts-header-items {
  gap: 5px;
  right: 35px;
  display: flex;
  position: absolute;
  align-items: center;
}

#dashboardChartBtn {
  white-space: nowrap;
}

#dashboardChartBtn span {
  font-size: 12px;
  margin-left: 3px;
}

.chart_app_toggle_title {
  font-weight: bold;
}

.charts_container {
  padding: 10px;
}

.charts_title {
  display: flex;
  align-items: center;
  gap: 3px;
}

.heatmap_container {
  line-height: 0;
}

.chartsInfo {
  padding-inline: 10px;
}

.charts_info_container {
  display: flex;
  text-align: center;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  max-width: 500px;
  margin-top: 10px;
  font-weight: 600;
  margin-bottom: 10px;
  border-radius: 5px;
  background: var(--color-bg-tredecenary);
}

.charts_info_container.error {
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

.chart_fullscreen_container {
  margin-left: 5px;
}

.chartDaysContainer {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.chartDaysTitle {
  font-weight: bold;
}

.chartDaysBtnContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.chartDaysBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 26px;
  border-radius: 10px;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  color: var(--color-text-accent);
  background: var(--color-bg-tredecenary);
  border: 1px solid var(--color-app-border-duodenary);
}

.chartDaysBtn.active,
.chartDaysBtn:hover {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.chart_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--color-bg-septendecenary);
}

.chart_title_container {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 5px;
}

.chart_title {
  font-weight: 700;
  color: var(--color-text-quaternary);
}

.header_switch_container {
  display: flex;
  gap: 5px;
}

.chart_header.collapse .header_switch_container {
  display: none;
}

.header_switch_container.switch_labels {
  justify-content: flex-end;
}

.header_switch_container.switch_labels .chart_switch_item:nth-child(even) {
  min-width: unset;
  margin-left: unset;
}

.switch.active.sharpBlue .slider,
.switch.sharpBlue .slider:before {
  background-color: var(--switch-newoffer-color);
}

.switch.active.navy .slider,
.switch.navy .slider:before {
  background-color: var(--switch-reviewcount-color);
}

.switch.active.crisp-blue .slider,
.switch.crisp-blue .slider:before {
  background-color: var(--switch-lowestnew-color);
}

.switch.active.teal .slider,
.switch.teal .slider:before {
  background-color: var(--switch-fbm-color);
}

.switch.active.purple .slider,
.switch.purple .slider:before {
  background-color: var(--switch-fba-color);
}

.switch.active.yellow .slider,
.switch.yellow .slider:before {
  background-color: var(--switch-amazon-color);
}

.switch.active.skyBlue .slider,
.switch.skyBlue .slider:before {
  background-color: var(--switch-fbm-color);
}

.switch.active.lightPink .slider,
.switch.lightPink .slider:before {
  background-color: var(--switch-buybox-color);
}

.switch.active.crisp-red .slider,
.switch.crisp-red .slider:before {
  background-color: var(--switch-salesmap-color);
}

/* .switch.active.pink .slider,
.switch.pink .slider:before {
  background-color: #e56f89;
} */

.switch.active.grayish-green .slider,
.switch.grayish-green .slider:before {
  background-color: var(--switch-bsr-color);
}

.switch.active.cyan-blue .slider,
.switch.cyan-blue .slider:before {
  background-color: var(--switch-be-color);
}

.switch.active.sellGreen .slider,
.switch.sellGreen .slider:before {
  background-color: var(--switch-sellprice-color);
}

.switch.active.pink .slider:before,
.switch.active.sharpBlue .slider:before,
.switch.active.navy .slider:before,
.switch.active.purple .slider:before,
.switch.active.yellow .slider:before,
.switch.active.skyBlue .slider:before,
.switch.active.lightPink .slider:before,
.switch.active.teal .slider:before,
.switch.active.crisp-blue .slider:before,
.switch.active.grayish-green .slider:before,
.switch.active.crisp-red .slider:before,
.switch.active.cyan-blue .slider:before,
.switch.active.sellerStock .slider:before,
.switch.active.sellerPrice .slider:before,
.switch.active.sellGreen .slider:before {
  background-color: var(--switch-circle-active-bg);
}

.chartItem {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted var(--color-app-border-nonary);
}

.chartItem:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.chart-line-toggle-container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.chart-line-toggle-container.purple {
  color: #956b9f;
}

.chart-line-toggle-container.skyblue {
  color: #039be5;
}

.chart-line-toggler {
  display: none;
  font-size: 10px;
}

.chart-line-toggle-container.diamond .chart-line-toggler.diamond {
  display: block;
}

.chart-line-toggle-container.line .chart-line-toggler.line {
  display: block;
}

.line {
  height: 2px;
  width: 10px;
}

.line.purple {
  background: #956b9f;
}

.line.skyblue {
  background: #039be5;
}

.bbpChartContainer {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}

.bbpChartContainer.empty-chart::before {
  content: "Empty Chart Data";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  font-weight: bold;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
  color: var(--llpTextColorCharcoal);
}

.bbpChartContainer canvas {
  width: 100%;
  height: 200px !important;
  background: var(--color-bg);
}

.reset-zoom {
  border: none;
  outline: none;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  min-height: 25px;
  border-radius: 5px;
  padding-inline: 8px;
  margin-right: 30px;
  color: var(--color-text-inverse);
  background: var(--color-bg-quattuordecenary);
}

.reset-zoom.sub-chart {
  position: absolute;
  top: 10px;
  right: 20px;
}

.main_chart_switch_div {
  display: flex;
  width: 100%;
}

.main_chart_switch_toggle_container {
  margin-left: auto;
  height: fit-content;
  margin-top: 3px;
  color: var(--color-text-accent);
}

.main_chart_switch_toggler {
  display: flex;
  cursor: pointer;
  font-size: 25px;
}

.chart_switches_container {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.chart_switch_item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.chart_switch_item .switch:not(.active) .slider {
  background-color: var(--color-bg-vigenary);
}

.chart_switch_item .switch:not(.active) ~ .switch_name {
  color: var(--color-text-tertiary);
}

.chart_switch_item .switch:not(.active) ~ .chart-line-toggle-container {
  pointer-events: none;
  color: var(--color-app-border-nonary);
}

.chart_switch_item .switch:not(.active) .slider::before {
  background-color: var(--color-bg-octodecenary);
}

.switch_name {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.switch_name.disabled {
  pointer-events: none;
  color: var(--color-app-btn-disabled-text) !important;
}

.switch_name .fa-circle {
  font-size: 8px;
}

.switch_name p {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
}

.switch_name.fba-price {
  color: var(--switch-fba-color);
}

.switch_name.lowest-new {
  color: var(--switch-lowestnew-color);
}

.switch_name.bsr {
  color: var(--switch-bsr-color);
}

.switch_name.amazon {
  color: var(--switch-amazon-color);
}

.switch_name.buy-box {
  color: var(--switch-buybox-color);
}

.switch_name.sales-heatmap {
  color: var(--switch-salesmap-color);
}

.switch_name.fbm {
  color: var(--switch-fbm-color);
}

.switch_name.sellPrice {
  color: var(--switch-sellprice-color);
}

.switch_name.be {
  color: var(--switch-be-color);
}

.switch_name.newoffer-count {
  color: var(--switch-newoffer-color);
}

.switch_name.new-offer-count {
  color: var(--switch-newoffer-color);
}

.switch_name.new-price-average {
  color: var(--switch-reviewcount-color);
}

.switch_name.review-count {
  color: var(--switch-reviewcount-color);
}

.switch_name.amazon-price-average {
  color: var(--switch-amazon-color);
}

.switch_name.rating {
  color: var(--switch-fbm-color);
}

.switch_name.fba-price-average {
  color: var(--switch-fba-color);
}

.switch_name.buybox-price-average {
  color: var(--switch-buybox-color);
}

/* Seller & Stock */
.switch.active.sellerPrice .slider,
.switch.sellerPrice .slider:before {
  background-color: var(--switch-seller-price-color);
}

.switch.active.sellerStock .slider,
.switch.sellerStock .slider:before {
  background-color: var(--switch-seller-stock-color);
}

.switch_name.sellerPrice {
  color:  var(--switch-seller-price-color);
}

.switch_name.sellerStock {
  color:  var(--switch-seller-stock-color);
}

.main-chart-close-up-toggle {
  cursor: pointer;
  color: var(--color-app-btn-disabled-bg);
}

.main-chart-close-up-toggle.enabled {
  color: var(--color-text-accent);
}

/* Chart Custom Tooltip */
.custom-chart-tooltip-div {
  position: relative;
  padding: 5px;
  max-width: 220px;
  border-radius: 5px;
  background: var(--tooltip-bg);
  border: 1px solid var(--color-app-border-duodenary);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.custom-chart-tooltip-div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid var(--color-app-border-duodenary);
  z-index: 1;
}

.custom-chart-tooltip-div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  z-index: 2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid var(--tooltip-bg);
}

.custom-chart-tooltip-right::before {
  left: auto;
  right: -7px;
  border-right: none;
  border-left: 7px solid var(--color-app-border-duodenary);
}

.custom-chart-tooltip-right::after {
  left: auto;
  right: -5px;
  border-right: none;
  border-left: 5px solid var(--tooltip-bg);
}

.custom-chart-tooltip-title-container {
  margin-bottom: 5px;
}

.custom-chart-tooltip-title {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
  color: var(--color-text-accent);
}

.custom-chart-tooltip-box {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
}

.custom-chart-tooltip-item-container {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.custom-chart-tooltip-item {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--color-text-quaternary);
}

#buyBotProSalesChartTooltip .custom-chart-tooltip-div {
  padding: 5px 7px;
  background: var(--main-chart-tooltip-bg);
}

.custom-chart-tooltip-value-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 5px;
}

.custom-chart-tooltip-label {
  color: var(--color-text-tertiary);
}

/* Estimated Sales */
.salesPastMonthContainer {
  cursor: pointer;
  text-align: center;
  margin-bottom: 10px;
}

#spnMonthlySold {
  font-weight: bold;
}

.speedUpSalesBtn {
  font-weight: bold;
  width: 100%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.estimatedSalesCalcContainer,
.competionAnalysisContainer {
  display: flex;
  flex-direction: column;
  gap: 3px 0;
  padding-inline: 5px;
  border-right: 1px var(--color-app-border-septenary) solid;
}

.estimatedSalesCalcContainer:first-child,
.competionAnalysisContainer:first-child {
  padding-left: 0;
}

.estimatedSalesCalcContainer:last-child,
.competionAnalysisContainer:last-child {
  border-right: none;
}

.est-val {
  font-weight: bold;
  color: var(--color-text-quaternary);
}

/* Competition Analysis */
[data-section-id="competition_analysis"] {
  position: relative;
}

[data-section-id="competition_analysis"] .table_container {
  position: relative;
}

.compAnalysisRadioBtnContainer {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 10px;
}

.compAnalysisRadioItem {
  display: flex;
  gap: 5px;
}

.compAnalysisRadioBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
}

.compAnalysisLoader {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  color: var(--color-text-accent);
  background: rgba(0, 0, 0, 0.08);
}

.section_header_container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.zipCodeInputWrapper {
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 2px 5px;
  border-radius: 5px;
  border: 1px solid transparent;
}

.zipCodeInputWrapper.entered {
  background: var(--color-bg);
  border: 1px solid var(--color-app-border-secondary);
}

.zipCodeInputWrapper:hover {
  border: 1px solid var(--color-app-border-secondary);
}

.zipCodeIcon {
  left: 5px;
  font-size: 10px;
  position: absolute;
}

.zipCodeTxtName {
  width: 100%;
  max-width: 100px;
  padding-left: 15px;
  border: none;
  background: transparent;
  color: var(--color-text-tertiary);
}

#zipCodeInputTxt {
  margin-top: 15px;
  margin-bottom: 10px;
}

.exportCompBtnContainer,
.zipCodeCompBtnContainer {
  padding-left: 20px;
}

.exportCompBtnContainer {
  padding-left: 20px;
}

#exportCompAnalysisBtn {
  height: 19px;
  font-size: 10px;
  min-width: 35px;
  padding: 3px 8px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

#competitionAnalysisDataTable {
  font-size: 13px;
}

#competitionAnalysisDataTable tbody tr td.dataTables_empty {
  padding: 3px !important;
  display: table-cell;
}

#competitionAnalysisDataTable,
#competitionAnalysisDataTable thead tr th {
  border: none;
  background: none;
  border-bottom: none;
}

#competitionAnalysisDataTable thead tr th {
  height: 22px;
  color: var(--color-text-quaternary);
}

#competitionAnalysisDataTable tbody tr {
  background: var(--color-bg-subtle);
}

#competitionAnalysisDataTable tbody td {
  border: none;
  overflow: hidden;
  white-space: nowrap;
  width: fit-content;
  max-width: fit-content;
  min-height: 30px;
  background: var(--app-table-comp-analysis-td-bg);
  border-bottom: 1px solid var(--app-table-comp-analysis-border);
}

#competitionAnalysisDataTable tbody td:first-child {
  overflow: unset;
  background: none;
  height: 100%;
  width: 30px;
  padding: 0px !important;
}

#competitionAnalysisDataTable tbody td:nth-child(2) {
  padding: 0 !important;
  overflow: visible !important;
}

#competitionAnalysisDataTable tbody td .compAnalysisNumContainer {
  width: 100%;
  height: 100%;
  min-height: 30px;
  display: flex;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  color: var(--color-text-quaternary);
  background: var(--app-table-comp-analysis-td-bg);
}

#competitionAnalysisDataTable tbody td .compAnalysisNumContainer.disabled {
  pointer-events: none;
}

.sellers-store-link {
  margin-top: 3px;
  display: block;
  text-decoration: none;
  color: var(--color-text-accent);
}

#competitionAnalysisDataTable
  tbody
  td
  .compAnalysisNumContainer.isYourMerchant {
  background: var(--color-bg-quaternary);
  color: var(--color-text-inverse);
}

#competitionAnalysisDataTable tbody td:nth-child(3) {
  background: var(--color-bg-quinary);
}

#competitionAnalysisDataTable tbody td:nth-child(5) {
  background: var(--color-bg-septenary);
}

#competitionAnalysisDataTable tbody td:nth-child(7) {
  color: var(--color-text-inverse);
  background: var(--color-bg-senary);
}

.comp-anaylsis-footer-title {
  color: var(--color-text-tertiary);
}

.compAnalysisFooterFigure {
  font-weight: 600;
  font-size: 14px;
}

#compAnalysisLivePagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 10px;
}

#compAnalysisLivePagination:empty {
  margin: 0;
}

#compAnalysisLivePagination .page-link,
#compAnalysisLivePagination .current {
  cursor: pointer;
}

#compAnalysisLivePagination .page-link,
#compAnalysisLivePagination .current,
#compAnalysisLivePagination .ellipse {
  width: 30px;
  height: 24px;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  color: var(--color-table-pagination-btn-text);
  background: var(--color-table-pagination-btn-bg);
  border: 1px solid var(--color-table-pagination-btn-border);
}

#compAnalysisLivePagination .ellipse:first-of-type {
  display: none;
}

#compAnalysisLivePagination
  .ellipse:nth-last-of-type(2)
  ~ .ellipse:first-of-type {
  display: inline-block;
}

#compAnalysisLivePagination .current.prev,
#compAnalysisLivePagination .current.next {
  pointer-events: none;
  color: var(--color-app-btn-disabled-text) !important;
  background: var(--color-app-btn-disabled-bg) !important;
  border: 1px var(--color-app-btn-disabled-border) solid !important;
}

#compAnalysisLivePagination .current,
#compAnalysisLivePagination .page-link:hover,
#compAnalysisLivePagination .ellipse:hover {
  color: var(--color-btn-primary-text) !important;
  background: var(--color-btn-primary-bg) !important;
}

/* Multi Market Analyzer */
.multimarket_container {
  padding-inline: 10px;
  background: var(--color-bg);
}

#multiMarketAnalyzerDataTable {
  overflow: hidden;
}

#multiMarketAnalyzerDataTable tbody tr {
  cursor: pointer;
}

#multiMarketAnalyzerDataTable tbody tr td:first-child {
  line-height: 0px;
}

#multiMarketAnalyzerDataTable tbody tr td:nth-child(3) {
  display: flex;
  background: none;
  height: 100%;
  padding: 0 !important;
}

#multiMarketAnalyzerDataTable tbody td span.price_container {
  width: 100%;
  height: 100%;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--app-table-td-bg);
}

#multiMarketAnalyzerDataTable tbody td span.price_container.no-price {
  pointer-events: none;
}

.table_container table#multiMarketAnalyzerDataTable thead tr th {
  height: 30px;
  position: relative;
  color: var(--color-text-tertiary);
  background: var(--app-table-th-bg);
  border-bottom: 1px solid var(--app-table-border);
}

.table_container table#multiMarketAnalyzerDataTable thead tr th::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  background: var(--app-table-th-border);
}

.table_container
  table#multiMarketAnalyzerDataTable
  thead
  tr
  th:last-child::before {
  display: none;
}

.table_container table#multiMarketAnalyzerDataTable td {
  background: var(--app-table-th-bg);
}

.country-image {
  width: 100%;
  max-width: 23px;
  cursor: pointer;
  object-fit: contain;
}

.multiMarketCloseImageCloseDiv {
  margin-bottom: 5px;
  text-align: end;
}

#multiMarketImageCloseBtn {
  cursor: pointer;
}

#multiMarketImageCloseBtn:hover {
  color: var(--color-text-accent);
}

#multiMarketImageContainer {
  padding-bottom: 10px;
  padding-inline: 10px;
  line-height: 0px;
}

#multiMarketImageDiv img {
  width: 100%;
  object-fit: contain;
}

.seller-amazon {
  background-color: var(--color-bg-quattuordecenary) !important;
  color: var(--color-text-inverse) !important;
}

.seller-fba {
  color: var(--color-text-inverse) !important;
  background-color: var(--seller-fba-bg) !important;
}

.seller-fba-mf {
  color: var(--color-text-inverse) !important;
  background-color: var(--seller-fba-mf-bg) !important;
}

.seller-mf-prime {
  color: var(--color-text-inverse) !important;
  background-color: var(--seller-mf-prime-bg) !important;
}

.seller-mf {
  background-color: var(--seller-mf) !important;
}

.multiMarketFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  font-size: 11px;
  min-height: 35px;
  color: var(--color-text-tertiary);
}

.multimarket_currency_container {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* VA Toolbox */
[data-section-id="va_toolbox"] {
  position: relative;
}

#vAToolBoxSaveBtn {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.vaTimerAndInfoContainer,
.vaNotSupportedDiv,
.va-inactive-div {
  padding: 10px;
}

#vaLoaderDiv {
  display: flex;
  position: absolute;
  align-items: start;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  padding-top: 50px;
  background: rgba(0, 0, 0, 0.08);
  color: var(--color-loader);
}

.va-inactive-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.va-inactive-div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.4;
  background: #000;
}

.va-inactive-container {
  padding: 20px 15px;
  border-radius: 5px;
  background: var(--color-bg);
}

.va-inactivity-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 10px;
  border-radius: 10px;

  color: var(--color-warning-text);
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
}

.session-ended-txt {
  font-weight: bold;
}

.idleYes-btn {
  border: none;
  outline: none;
  margin-inline: auto;
  height: 30px;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.vaToolbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.dealCriteriaTooltipGrid {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2, 1fr);
}

.dealCriteria_tooltipItem {
  padding: 5px;
  border-radius: 5px;
  background: var(--color-bg-tredecenary);
  border: 1px solid var(--color-app-border-primary);
}

.dealCriteria_tooltipValue {
  display: block;
  font-weight: bold;
  margin-top: 3px;
}

.vaNotSupportedContainer {
  display: flex;
  text-align: center;
  margin-inline: auto;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 10px;
  min-height: 50px;
  border-radius: 10px;
  color: var(--color-warning-text);
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
}

.va-timer-error {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
  color: var(--color-error-text);
  background: var(--color-error-bg);
  border: 1px solid var(--color-error-border);
}

.vaToolbox_title {
  align-self: start;
}

.vaSaved_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 10px;
  color: var(--color-text-tertiary);
}

#VAEmailInputDiv {
  margin-bottom: 10px;
}

#vAToolBoxSaveBtn {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 34px;
  min-width: 57px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: var(--color-text-inverse);
}

#vaToolBoxStopBtn,
#vaToolBoxStartBtn,
#vaToolBoxSubmitDealBtn {
  width: 100%;
  border-radius: 10px;
  color: var(--color-text-accent);
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-app-border-duodenary);
}

#vaToolBoxStopBtn:disabled,
#vaToolBoxStartBtn:disabled,
#vaToolBoxSubmitDealBtn:disabled {
  pointer-events: none;
  outline: 0 none !important;
  box-shadow: none !important;
  color: var(--color-field-disabled-text) !important;
  background: var(--color-field-disabled-bg) !important;
  border: 1px solid var(--color-field-disabled-border) !important;
}

#vaToolBoxStartBtn {
  margin-bottom: 10px;
}

#vaToolBoxStopBtn {
  margin-bottom: 10px;
  color: var(--color-text-success-darker) !important;
  border: 1px solid var(--color-text-success-darker) !important;
}

#vaInputErrorDiv {
  text-align: center;
  margin-bottom: 10px;
  color: var(--color-text-error);
}

#vAToolBoxLogoutBtn {
  cursor: pointer;
  color: var(--color-text-accent);
}

#vAToolBoxLogoutBtn:hover {
  text-decoration: underline;
}

#stopAndSubmitDealDiv {
  margin-bottom: 10px;
}

@keyframes blink-animation {
  0%,
  100% {
    color: var(--color-bg-unvigenary);
  }
  50% {
    color: var(--color-bg);
  }
}

.blink-animation {
  animation: blink-animation 1s infinite;
}

.deal_criterea_grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.dealCriteriaItem {
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  background: var(--color-bg-tredecenary);
  border: 1px solid var(--color-app-border-primary);
}

.dealCriteriaItem .criteria_title {
  font-weight: normal;
  margin-bottom: 3px;
  color: var(--color-text-tertiary);
}

.dealCriteriaItem .criteria_value {
  color: var(--color-text-quaternary);
  font-weight: 600;
}

.vaToolbox_footerContainer {
  padding: 10px;
  display: flex;
  background: var(--color-bg-tredecenary);
  justify-content: space-between;
}

#dealCriteriaBtn {
  cursor: pointer;
  width: fit-content;
  margin-inline: auto;
}

/* PPP */
[data-section-id="ppp"] {
  position: relative;
}

#pppMarketPlaceDataTableDiv {
  padding-bottom: 10px;
}

#unmatchedPPPSettings {
  padding-bottom: 10px;
  display: block;
  cursor: pointer;
  width: fit-content;
  text-align: center;
  margin-inline: auto;
  color: var(--color-text-warn);
}

.tooltip-inner.save-ppp-tooltip {
  max-width: 240px;
  border-radius: 0px;
  border: 2px solid var(--color-app-border-duodenary);
}

.ppp-unmatched-tooltip {
  max-width: 240px;
}

.pppFull-loading {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  font-size: 20px;
  color: var(--color-loader);
}

.pppFull-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.pppUnmatchedGrid {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  margin-top: 10px;
}

.pppUnmatchedGrid .pppUnmatchedGridItem {
  padding: 3px;
  border: 1px solid var(--color-app-border-nonary);
}

.pppUnmatchedGrid .pppUnmatchedGridItem:first-child {
  margin-left: -1.5px !important;
  margin-top: -1.5px !important;
}

.pppUnmatchedGrid .pppUnmatchedGridItem:nth-child(n + 2) {
  margin-left: -1px;
  margin-top: -1px;
}

.pppUnmatchedTitle {
  text-align: center;
  font-weight: bold;
}

.section-pop-up {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.section-pop-up::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.section-pop-up-container {
  position: relative;
  text-align: center;
  margin-inline: auto;
  padding: 10px;
  max-width: 270px;
  border-radius: 5px;
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-app-border-nonary);
}

.section-pop-up-close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  cursor: pointer;
}

.section-pop-up-close-btn:hover {
  color: var(--color-text-accent);
}

.section-pop-up-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 5px;
}

.section-pop-up-btn {
  min-width: 40px;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
}

.section-pop-up-btn.noBtn {
  color: var(--color-text-quaternary);
  background: var(--color-bg-neutral);
}

.section-pop-up-btn.yesBtn {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.section-pop-up-btn:hover {
  opacity: 0.7;
}

#defaultPPPDiv {
  padding-bottom: 10px;
}

.no-ppp-acount-div {
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  margin-inline: 10px;
  background: var(--color-bg-tertiary);
}

.ppp-account-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  color: var(--color-loader);
}

#pppInputsDiv {
  display: flex;
  flex-direction: column;
  padding-inline: 10px;
  gap: 5px;
}

#pppErrorDiv p {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

.pppInputContainer {
  height: auto;
  display: flex;
  max-height: 35px;
  border-radius: 5px;
  border: 1px solid var(--color-app-border-primary);
}

.pppLabel {
  flex: 1;
  padding: 7px;
  font-size: 12px;
  display: flex;
  align-items: center;
  background: var(--color-bg-tredecenary);
  border-right: 1px solid var(--color-app-border-primary);
}

.pppData {
  flex: 2;
  min-height: 33px;
  display: flex;
  position: relative;
  align-items: center;
  background: var(--color-bg-tredecenary);
}

.pppData #pppMaxSoldPriceBtn {
  outline: none;
  border: none;
  position: absolute;
  right: 0;
  cursor: pointer;
  padding: 10px;
  min-height: 34px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.pppData #pppMaxSoldPriceBtn:hover {
  opacity: 0.7;
}

.pppData select {
  width: 100%;
  padding: 7px;
  height: 33px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  color: var(--color-app-select-primary-text);
  background: var(--color-app-select-primary-bg);
}

.pppData input {
  border: none;
  outline: none;
  width: 100%;
  padding: 7px;
  height: 33px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
}

#txtAsinPPP,
#txtMaxSoldPricePPP {
  padding: 7px;
  text-wrap: nowrap;
}

#pppMarketPlaceDataTable {
  margin-top: 10px;
}

#pppMarketPlaceDataTable tbody tr td:first-child {
  line-height: 0px;
}

#pppMarketPlaceDataTable tbody tr td.dataTables_empty {
  padding: 10px !important;
}

#pppMarketPlaceDataTable thead tr th {
  border-bottom: none;
}

.pppTableBe {
  display: flex;
  align-items: center;
  gap: 5px;
}

.flag-country-container {
  display: block;
  line-height: 0;
}

.pppDataTableInput,
.pppDataTableSelect {
  text-align: start;
  width: 100%;
  font-size: 11px;
  min-width: 45px;
  min-height: 24px;
  border-radius: 5px;
  padding-inline: 5px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-border-primary);
}

.pppDataTableInput.redInput {
  background: var(--ppp-input-danger-bg) !important;
}

.pppDataTableInput.greenInput {
  background: var(--ppp-input-success-bg) !important;
}

#pppFooterTableBtnsDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-top: 10px;
  padding-inline: 10px;
}

.pppFooterTableBtn {
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 12px;
  min-height: 35px;
  border-radius: 5px;
  border: 1px solid var(--color-app-border-duodenary);
}

.pppFooterTableBtn:hover {
  opacity: 0.7;
}

.pppFooterTableBtn.automate {
  color: var(--color-btn-septenary-text);
  background: var(--color-btn-septenary-bg);
  min-width: 100px;
}

.pppFooterTableBtn.saveInPPP {
  min-width: 85px;
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

.pppFooterTableBtn.saveInPPP.disable {
  border: var(--color-bg-octonary);
  background: var(--color-bg-octonary);
}

#saveInPPPResultDiv,
#noActiveMarketPlaceDiv,
#invalidPPPCredentialsErrorDiv {
  padding-bottom: 10px;
}

#saveInPPPResultDiv .result_container {
  text-align: center;
  padding: 10px;
}

#saveInPPPResultDiv .result_container.failed {
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

#saveInPPPResultDiv .result_container.success {
  color: var(--color-success-text);
  background: var(--color-success-bg);
}

#noActiveMarketPlaceDiv .container,
#invalidPPPCredentialsErrorDiv .container {
  padding: 10px;
  text-align: center;
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

/* Seller Central */
.sellerCentralBtnContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}

.sellerCentralBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 5px;
  border-radius: 10px;
  gap: 5px;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  color: var(--color-text-accent);
  background: var(--color-bg-subtle);
  border: 1px var(--color-app-border-duodenary) solid;
}

.sellerCentralBtn:hover {
  background: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-text);
}

/* Search */
.search-section-old {
  display: none;
}

.search_section_container {
  display: flex;
  justify-content: space-around;
  gap: 5px;
}

.search_section_btn {
  width: 100%;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px;
  gap: 3px;
  text-decoration: none;
  cursor: pointer;
  color: var(--color-text-accent);
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-app-border-duodenary);
}

.search_section_btn img {
  max-width: 60px;
  object-fit: contain;
}

/* All Tables */
.table_container {
  overflow-x: auto;
  white-space: nowrap;
}

.table_container table {
  border-bottom: none !important;
}

.table_container table thead tr th {
  text-align: center;
  font-weight: 400;
  border-bottom: none;
  color: var(--color-text-quaternary);
  background: var(--color-bg-tredecenary);
}

.table_container table thead tr th span {
  display: block;
}

.table_container table td,
.table_container table th {
  text-align: center;
  padding: 3px !important;
  background: var(--app-table-td-bg);
  border-bottom: 1px solid var(--app-table-border);
}

/* ASIN History */
.asinHistoryTableDiv {
  height: 200px;
  overflow: auto;
  padding-inline: 10px;
  padding-bottom: 10px;
}

.asin-history-table-loader {
  display: flex;
  align-items: start;
  min-height: inherit;
  justify-content: center;
  color: var(--color-loader);
}

#asinHistoryDataTable tbody tr td.dataTables_empty {
  vertical-align: middle;
}

#totalAsinHistory {
  font-family: sans-serif;
  font-weight: 700;
  font-size: 13px;
}

.asinHeaderSortContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}

.asinHeaderSortContainer #asinHistoryArrowIndicator {
  font-size: 10px;
  font-weight: bold;
}

#asinHistoryDataTable tbody tr td:nth-child(2) {
  text-align: start;
}

#asinHistoryDataTable thead tr th {
  height: 21px;
  position: relative;
  border-bottom: none;
  color: var(--color-text-tertiary);
  background: var(--app-table-th-bg);
}

.table_container table#asinHistoryDataTable th::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  z-index: 5;
  opacity: 1;
  margin: auto 0;
  pointer-events: none;
  background: var(--app-table-th-border);
}

.table_container table#asinHistoryDataTable th:last-child::before {
  display: none;
}

#asinHistoryDataTable tbody tr td {
  height: 28px;
  background: var(--app-table-td-bg);
}

.asinHistorySourceContainer {
  display: flex;
  align-items: center;
  gap: 3px;
}

.asinHistorySourceContainer .icon_container {
  cursor: pointer;
}

.asinHistorySourceContainer a {
  cursor: default;
  text-decoration: none;
  color: var(--color-text-quaternary);
}

.asinHistorySourceContainer a.hasLink {
  color: var(--color-text-accent);
  cursor: pointer;
}

.asinHistorySourceContainer a.hasLink:hover {
  text-decoration: underline;
}

/* Return on Investment Table*/
#returnOnInvestmentDataTable tbody tr:first-child td {
  border: none;
  height: 40px;
}

.returnoninvestment_container {
  position: relative;
  padding-inline: 10px;
}

.roi-table-loader {
  display: flex;
  position: absolute;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  min-height: 514px;
  padding-top: 50px;
  background: rgba(0, 0, 0, 0.08);
  color: var(--color-loader);
}

.table_container table#returnOnInvestmentDataTable thead tr th {
  height: 38px;
  border: none;
  background: none;
  position: relative;
  color: var(--color-text-tertiary);
  background: var(--app-table-th-bg);
  border-bottom: 1px solid var(--color-app-border-primary);
}

.table_container table#returnOnInvestmentDataTable thead tr th::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  background: var(--app-table-th-border);
}

.table_container table#returnOnInvestmentDataTable td {
  height: 28px;
  background: var(--app-table-td-bg);
}

.table_container table#returnOnInvestmentDataTable td:first-child {
  min-width: 29px;
}

.table_container
  table#returnOnInvestmentDataTable
  thead
  tr
  th:last-child::before {
  display: none;
}

.roiCustomRow td {
  background: var(--roi-custom-row-td-bg) !important;
}

.returnoninvestment_footer {
  display: flex;
  align-items: center;
  min-height: 35px;
  margin-top: 5px;
  color: var(--color-text-tertiary);
}

.roiMaxSoldPriceRow_background {
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 1;
  width: 100%;
  height: 35px;
  pointer-events: none;
  background: var(--color-bg);
}

.roiMaxSoldPriceRow_background.hasCustomRoi {
  top: 125px;
}

.roiMaxSoldPriceRow td:first-child {
  line-height: 0px;
  cursor: pointer;
}

.roiMaxSoldPriceRow {
  position: relative;
  z-index: 3;
}

.roiMaxSoldPriceRow td {
  border: none !important;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg) !important;
}

.maxsoldprice-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(167deg) brightness(106%) contrast(102%);
}

.roiTableInput {
  outline: none;
  overflow: hidden;
  text-align: center;
  width: 100%;
  min-width: 70px;
  min-height: 28px;
  font-size: 12px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--color-app-field-primary-text);
  background: var(--color-app-field-primary-bg);
  border: 1px solid var(--color-app-field-primary-border);
}

/* ASIN Average Statistics */
.asinAvgTableDiv {
  padding: 10px;
}

.table_container table#asinAverageStatisticsDataTable thead tr th {
  position: relative;
  height: 22px;
  background: var(--app-table-th-bg);
  color: var(--color-text-tertiary);
}

.table_container table#asinAverageStatisticsDataTable thead tr th::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  z-index: 5;
  opacity: 1;
  margin: auto 0;
  pointer-events: none;
  background: var(--app-table-th-border);
}

.table_container
  table#asinAverageStatisticsDataTable
  thead
  tr
  th:first-child::before,
.table_container
  table#asinAverageStatisticsDataTable
  thead
  tr
  th:last-child::before {
  display: none;
}

.table_container table#asinAverageStatisticsDataTable td,
.table_container table#asinAverageStatisticsDataTable th {
  border: none;
}

.table_container table#asinAverageStatisticsDataTable td {
  height: 28px;
  background: var(--app-table-td-bg);
  border-bottom: 1px solid var(--color-app-border-primary);
}

.table_container table#asinAverageStatisticsDataTable td:first-child {
  width: 70px;
}

.table_container table#asinAverageStatisticsDataTable tr:last-child td {
  border-bottom: none !important;
}

/* Buy Box */
#buyBoxDaysButtonContainer {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-inline: 10px;
}

#buyBoxDaysButtonContainer .buyBoxBtn_container {
  display: flex;
  gap: 5px;
}

#buyBoxDaysButtonContainer .buyBoxBtn {
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-bg-octodecenary);
}

#buyBoxDaysButtonContainer .buyBoxBtn.active,
#buyBoxDaysButtonContainer .buyBoxBtn:hover {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.buyBoxDataTableDiv {
  padding-inline: 10px;
}

#buyBoxDataTable .dataTables_empty {
  vertical-align: middle;
  height: 50px !important;
  border-bottom: none !important;
  background: var(--color-bg);
  border-top: 1px solid var(--color-app-border-nonary) !important;
}

#buyBoxDataTable_paginate {
  margin-bottom: 10px;
}

#buyBoxDataTable .bb-fba {
  font-size: 16px;
}

.table_container table#buyBoxDataTable thead tr th {
  border: none;
  position: relative;
  height: 25px;
  color: var(--color-text-tertiary);
  background: var(--app-table-th-bg);
}

.table_container table#buyBoxDataTable thead tr th::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 40%;
  background: var(--app-table-th-border);
}

.table_container table#buyBoxDataTable thead tr th:last-child::before {
  display: none;
}

.table_container table#buyBoxDataTable th {
  background: var(--app-table-th-bg);
}

.table_container table#buyBoxDataTable td {
  height: 28px;
  background: var(--app-table-td-bg);
}

/* Global App Data Table */
#mainContainer  .dataTables_wrapper .dataTables_paginate span {
  width: unset;
}

#mainContainer .customDataTableV2_container {
  overflow: auto;
  position: relative;
  width: 100%;
}

#mainContainer .dataTables_wrapper .customDataTableV2_footer .dataTables_paginate .paginate_button.previous {
  order: 1;
}

#mainContainer .dataTables_wrapper .customDataTableV2_footer .dataTables_paginate .paginate_button.next {
  order: 3;
}

#mainContainer .customDataTableV2_footer {
  width: 100%;
  margin-top: 0;
  gap: 0 !important;
}

#mainContainer .customDataTableV2_footer .dataTables_info {
  text-align: center;
  margin-top: 10px;
  padding-top: 0 !important;
  float: initial !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  float: unset !important;
  padding-top: 10px !important;
  margin-top: 0px !important;
  gap: 3px;
  width: 100%;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  span {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  gap: 3px;
  margin: 0px;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  span.ellipsis {
    order: unset;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button,
#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .ellipsis {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  text-overflow: ellipsis;
  justify-content: center;
  font-size: 11px;
  padding: 5px 10px;
  width: 30px !important;
  height: 24px !important;
  margin-left: 0 !important;
  border-radius: 5px !important;
  color: var(--color-table-pagination-btn-text) !important;
  background: var(--color-table-pagination-btn-bg) !important;
  border: 1px solid var(--color-table-pagination-btn-border) !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button:hover,
#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button.current,
#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button.current:hover {
  color: var(--color-btn-primary-text) !important;
  background: var(--color-btn-primary-bg) !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button.disabled {
  pointer-events: none;
  color: var(--color-app-btn-disabled-text) !important;
  background: var(--color-app-btn-disabled-bg) !important;
  border: 1px var(--color-app-btn-disabled-border) solid !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button:active {
  box-shadow: none;
  background: unset;
  color: var(--color-text-accent);
}

/* ------------------------- Seller Store Statistics -------------------------------- */
.sellerStore-page {
  width: 100%;
  min-height: 100vh;
  background: var(--color-bg);
}

#sellerStore_container {
  padding: 10px;
  max-width: 500px;
  margin-inline: auto;
  background: var(--color-bg);
}

.store_section .sellerStore_tableTitle {
  font-size: 16px;
  margin-bottom: 10px;
}

.store_section table {
  width: 100%;
  border-collapse: collapse;
}

.store_section table thead tr th:last-child,
.store_section table tbody tr td:last-child {
  min-width: 100px;
  text-align: end;
}

.store_section th,
.store_section td {
  text-align: left;
  padding: 8px;
  border: 1px solid var(--app-table-border);
}

.store_section tr:nth-child(even) {
  background: var(--color-bg-neutral);
  border: 1px solid var(--app-table-border);
}

/* Store Details Container */
#storeDetailsDiv table tr td:first-child {
  font-weight: bold;
}

#topBrandsDiv {
  margin: 20px 0;
}

.store_section table a {
  text-decoration: none;
  color: var(--color-text-accent);
}

.store_section table a:hover {
  text-decoration: underline;
}

/* ------------------------------ Manual Sourcing Statistics -------------------------------- */
/* Manual Sourcing Main Container  */
#mainContainerManualSourcing {
  width: 100%;
  margin-inline: auto;
}

.manualSourcing_header_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-inline: 10px;
  background: var(--manual-sourcing-navbar-bg);
}

.manualSourcing_header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 10px;
  min-height: 70px;
}

.exportCsv-manualsourcing-container {
  padding: 5px;
}

.manualSourcingExport-btn {
  cursor: pointer;
  font-size: 16px;
  color: var(--color-text-tertiary);
}

.manualSourcingExport-btn:hover {
  color: var(--color-text-accent);
}

.manualSourcing_header_container .feedback_container {
  padding-right: 25px;
}

.manualSourcing_header .logo {
  max-width: 130px;
  object-fit: contain;
}

.manualSourcing_header p {
  font-weight: 600;
}

.country_filter_navbar {
  display: flex;
  overflow-x: auto;
  align-items: center;
  justify-content: start;
  gap: 10px;
  padding: 10px;
  min-height: 75px;
  border-radius: 5px;
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-app-border-tertiary);
}

.countryBtnContainer {
  width: 100%;
  padding: 5px;
  max-width: 55px;
  min-width: 50px;
  border-radius: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  color: var(--color-text-quaternary);
  background: var(--country-filter-bg);
  border: 1px solid var(--color-app-border-tertiary);
}

.countryBtnContainer:hover,
.countryBtnContainer.active {
  background: var(--country-filter-active-bg);
  border: 1px solid var(--country-filter-active-border);
}

.countryBtnContainer .countryImage {
  object-fit: contain;
  width: 25px;
  height: 25px;
  line-height: 0px;
}

.manualSourcing_search {
  display: flex;
  align-items: start;
  gap: 10px;
  padding: 10px;
  min-height: 55px;
  justify-content: space-between;
  background: var(--color-bg-subtle);
}

.manual-search-input-info {
  text-align: center;
  margin-top: 5px;
}

.loadMoreBtn_Container {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loadMoreBtn {
  padding: 10px;
  min-width: 40px;
  border-radius: 10px;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

#loadMoreBtn:hover {
  opacity: 0.7;
}

.manualSourcing_search .llp_form_container label.llp_form_helper {
  background: var(--color-bg-subtle);
}

.manualSourcing_search .llp_input {
  background: var(--color-app-field-primary-bg);
}

#appclose_btn {
  margin-inline: 10px;
  margin-bottom: 10px;
}

#manualSourcingSearchBtn,
#appclose_btn {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  min-width: 110px;
  height: 35px;
  border-radius: 10px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

#manualSourcingSearchBtn:hover,
#appclose_btn:hover {
  opacity: 0.7;
}

.ms_searchResultContainer.llp-app-open {
  padding: 0;
  overflow: hidden;
}

.ms_searchResultContainer {
  height: calc(100vh - 220px);
  padding: 10px;
  gap: 10px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  background: var(--manual-sourcing-bg);
}

.ms_searchResultContainer::-webkit-scrollbar {
  width: 10px;
}

.ms_searchResultContainer::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--color-bg-vigenary);
}

.manualSourcing_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background: var(--color-bg);
  box-shadow: var(--elevation-base);
}

.manualSourcing_item.no_result {
  justify-content: center;
  text-align: center;
  padding: 20px;
  color: var(--color-text-error);
}

.searchResult_image {
  line-height: 0px;
  text-align: center;
  flex: 1;
}

.searchResult_image img {
  width: 100%;
  max-height: 100px;
  max-width: 80px;
  object-fit: contain;
}

.searchResult_text {
  flex: 2;
}

.searchResult_title {
  margin-bottom: 5px;
}

.searchResult_reviews {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.searchResult_reviewCount {
}

.searchResult_reviewCount a {
  text-decoration: none;
  color: var(--color-text-accent);
}

.searchResult_reviewCount a:hover {
  text-decoration: underline;
}

.star_container {
  color: var(--color-text-warn);
}

.searchResult_asin_sellprice_container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.searchResult_asin_sellprice_container.is-store-front {
  display: flex;
  align-items: start;
  flex-direction: column-reverse;
}

.searchResult_asin_sellprice_container.is-store-front .searchResult_asin {
  padding-inline: 0;
}

.searchResult_prices_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.searchResult_asin {
  position: relative;
  padding-left: 10px;
  color: var(--color-text-accent);
}

.asin_link,
.asin_copy {
  font-size: 12px;
  color: var(--color-text-accent);
}

.searchResult_price {
  position: relative;
  width: fit-content;
  max-width: 100px;
}

.searchResult_price_value {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-text-success-dark);
}

.searchResult_price::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10%;
  width: 1px;
  height: 90%;
  padding-right: 7px;
  border-right: 1px solid var(--color-app-border-secondary);
}

.searchResult_bsr {
  margin-bottom: 5px;
}

.searchResult_offerCount {
  margin-bottom: 5px;
}

.searchResult_boughtPastMonth {
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 4px;
  margin-bottom: 5px;
  background-color: var(--color-bg-septendecenary);
}

.searchResult_llpBtn {
  gap: 10px;
  width: 100%;
  height: 35px;
  max-width: 150px;
  border-radius: 10px;
  padding-inline: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  justify-content: space-between;
  color: var(--color-text-accent);
  background: var(--search-result-btn-bg);
  border: 1px solid var(--color-app-border-duodenary);
}

.searchResult_llpBtn img {
  width: 100%;
  height: 15px;
  width: fit-content;
  object-fit: contain;
}

.slide_item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-carousel__dots {
  gap: 5px;
}

.f-carousel__dots li button {
  width: unset;
}

.f-carousel__dot {
  width: 10px;
  height: 10px;
  background: var(--color-bg-secondary);
}

.is-current .f-carousel__dot {
  background: var(--color-text-accent);
}

.f-carousel {
  --f-button-svg-width: 14px;
  --f-button-svg-height: 14px;
  --f-button-svg-stroke-width: 2.5;
}

.is-horizontal .f-carousel__nav .f-button.is-next {
  /* right: var(--f-button-next-pos); */
  right: -10px;
}
.is-horizontal .f-carousel__nav .f-button.is-prev {
  /* left: var(--f-button-prev-pos); */
  left: -10px;
}

.f-button svg {
  stroke: var(--color-bg-secondary);
}

.no-image-container {
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
}

/* Search And Store Button */
#searchAndStoreTab {
  display: flex;
  gap: 5px;
}

.searchAndStoreTabBtn {
  outline: none;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-bg);
  color: var(--color-text-quaternary);
  border: 1px solid var(--color-app-border-nonary);
}

.searchAndStoreTabBtn.active,
.searchAndStoreTabBtn:hover {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
  border: 1px solid var(--color-app-border-duodenary);
}

/* Feedback */
.feedback_container {
  display: flex;
  align-items: center;
  justify-content: end;
}

.feedback_tooltip_link {
  color: var(--color-text-accent);
}

.feedbackBtn {
  cursor: pointer;
  font-size: 20px;
  color: var(--color-text-tertiary);
}

.feedbackBtn:hover {
  color: var(--color-text-accent);
}

/* AI Analysis */
.new_ai_analysis_body {
  padding: 0;
}

.new_ai_analysis_header {
  padding: 10px;
  position: relative;
  color: var(--color-text-inverse);
  background: var(--ai-analysis-header-bg);
}

.new_ai_analysis_header_container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.brain-icon {
  filter: brightness(0) invert(100%);
}

.new-ai-analysis-title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.new-ai-analysis-beta {
  text-transform: uppercase;
  margin-left: 5px;
  padding: 3px 8px;
  font-weight: 500;
  line-height: 1rem;
  font-size: 0.75rem;
  border-radius: 3px;
  color: var(--color-text-quaternary);
  background: var(--color-bg-unvigenary);
}

.no-product-analysis {
  text-align: center;
  margin: 10px;
  padding: 15px 10px;
  border-radius: 5px;
  background: var(--color-bg-tredecenary);
  border: 1px solid var(--color-app-border-septenary);
}

.new_analysis_start_container {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.new_analysis_start_container.chunk-loading {
  padding: 0;
  margin-top: 10px;
}

.ai-analysis-loading-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ai-analysis-loading-icon {
  display: block;
  text-align: center;
  color: #2e7bcd;
  font-size: 20px;
}

.new_analysis_start_container .analysis-loading-text {
  font-size: 14px;
  margin-top: 5px;
  line-height: 20px;
  color: var(--color-text-tertiary);
}

.new_analysis_start_container.chunk-loading .analysis-loading-text {
  display: none;
}

.start_analysis_icon {
  transform: scale(0.7);
  filter: brightness(0) invert(100%);
}

.start_analysis_btn {
  border: none;
  outline: none;
  cursor: pointer;
  align-items: center;
  white-space: nowrap;
  margin-inline: auto;
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  padding-left: 12px;
  padding-right: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: var(--color-text-inverse);
  background: var(--color-btn-primary-bg);
}

.start_analysis_btn:hover {
  opacity: 0.7;
}

.ai_analysis_tab_container {
  padding: 15px 10px;
}

.ai-tab-btn-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.ai-icon.all {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(15%)
    hue-rotate(167deg) brightness(92%) contrast(102%);
}

.ai-tab-btn {
  border: none;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  width: 100%;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-bg-tredecenary);
  color: var(--color-text-quaternary);
}

.ai-tab-btn:hover,
.ai-tab-btn.active {
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.ai-tab-btn:hover .ai-icon,
.ai-tab-btn.active .ai-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%)
    hue-rotate(218deg) brightness(109%) contrast(101%);
}

.btn-ai-text-and-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.tab-insight-container {
  display: flex;
  overflow-y: auto;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
}

.btn-count-total {
  font-weight: bold;
  font-size: 14px;
}

.ai-analyis-error {
  padding: 15px 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  color: var(--color-error-text);
  background: var(--color-error-bg);
  border: 1px solid var(--color-error-border);
}

.tab-insight-item {
  display: flex;
  gap: 5px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background: var(--color-insight-item-bg);
  border: 1px solid var(--color-app-border-septenary);
  color: var(--color-text-quaternary) !important;
}

/* Alert */
.tab-insight-item.yellow strong {
  color: var(--color-alert-text);
}
.tab-insight-item.yellow .tab-insight-icon-container {
  filter: var(--color-alert-filter);
}
.ai-tab-btn[data-type="yellow"] .btn-ai-text-and-icon  {
  filter: var(--color-alert-filter);
} 

/* Good */
.tab-insight-item.green strong {
  color: var(--color-good-text);
}
.tab-insight-item.green .tab-insight-icon-container {
  filter: var(--color-good-filter);
}
.ai-tab-btn[data-type="green"] .btn-ai-text-and-icon {
  filter: var(--color-good-filter);
} 

/* Danger */
.tab-insight-item.red strong {
  color: var(--color-danger-text);
}
.tab-insight-item.red .tab-insight-icon-container {
  filter: var(--color-danger-filter);
}
.ai-tab-btn[data-type="red"] .btn-ai-text-and-icon {
  filter: var(--color-danger-filter);
} 

.no-insights {
  text-align: center;
  width: 100%;
  padding: 15px 10px;
  border-radius: 5px;
  background: var(--color-bg);
  border: 1px solid var(--color-app-border-septenary);
}

.tab-insight-text-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.tab-insight-text-container .short-comment {
  display: none;
}

.tab-insight-text-container.short-active .short-comment {
  display: block;
}

.tab-insight-text-container.short-active .full-comment {
  display: none;
}

.more-or-less-comment-btn {
  cursor: pointer;
  width: fit-content;
}

.more-or-less-comment-btn:hover {
  color: var(--color-text-accent);
}

.more-or-less-arrow-icon {
  font-size: 10px;
}

/* Search */
.search-app-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  width: 100%;
  padding: 20px;
  min-height: 140px;
  background: var(--app-search-header-bg);
}

.search-header-logo {
  padding: 10px 20px;
  border-radius: 5px;
  background: var(--color-bg);
}

.search-header-logo .logo {
  max-width: 130px;
  object-fit: contain;
}

.search-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.search-btn {
  border: none;
  outline: none;
  width: 100%;
  height: 35px;
  max-width: 90px;
  border-radius: 10px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.search-container {
  padding: 10px;
  height: calc(100vh - 140px);
  overflow: auto;
  background: var(--app-search-bg);
}

.search-result-div {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.search-result-item.error {
  padding: 20px;
  margin-inline: auto;
  justify-content: center;
  color: var(--color-error-text);
  background: var(--color-error-bg);
}

.search-result-item.searching {
  padding: 20px;
  margin-inline: auto;
  justify-content: center;
  color: var(--color-text-success-dark);
}

.search-result-item {
  display: flex;
  overflow: hidden;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background: var(--color-bg);
  box-shadow: var(--elevation-base);
}

.search-result-image-container {
  width: 100%;
  min-width: 80px;
  max-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-result-img {
  width: 100%;
  max-width: 80px;
  object-fit: contain;
}

.search-result-text-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 0;
  max-width: 64%;
  flex-shrink: 1;
  flex-basis: auto;
}

.search-result-title {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-result-reviews {
  display: flex;
  align-items: center;
  gap: 5px;
}

.search-result-price-container {
  gap: 5px;
  display: flex;
  align-items: center;
}

.result-review-count {
  font-weight: normal;
  text-decoration: none;
  color: var(--color-text-accent);
}

.result-review-count:hover {
  text-decoration: underline;
}

.search-price-txt {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-text-success-dark);
}

.search-separator {
  width: 1px;
  height: 90%;
  border-right: 1px solid var(--color-app-border-secondary);
}

.search-asin-txt {
  color: var(--color-text-accent);
}

.search-result-bought {
  width: fit-content;
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 4px;
  margin-bottom: 5px;
  background-color: var(--color-bg-septendecenary);
}

.search-result-analyze-btn {
  border: none;
  outline: none;
  height: 35px;
  border-radius: 10px;
  color: var(--color-btn-primary-text);
  background: var(--color-btn-primary-bg);
}

.search-result-analyze-btn-div {
  margin-top: auto;
}

/* Quick Info Page */
#quickInfoMainPage {
  padding: 10px;
  max-width: 430px;
  margin-inline: auto;
}

/* Media Queries */
@media screen and (min-width: 276px) {
  #exportDataBtnsDiv {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 320px) {
  .overview_item.right_item {
    width: 100%;
  }

  .overview_value {
    max-width: 70px;
  }

  .dimsAndWtContainer {
    column-gap: 5px;
  }
}

@media screen and (min-width: 350px) {
  .overview_item.right_item {
    width: 140px;
  }

  .overview_value {
    max-width: 100%;
  }

  .tooltip.est-sales-quick-info {
    max-width: 270px;
  }

  .tooltip-inner.est-sales-quick-info .cost-first-ul li {
    font-size: 10px;
  }
}

@media screen and (min-width: 400px) {
  .overview_value {
    max-width: 100%;
  }

  .overview_item.right_item {
    width: 140px;
  }

  .overview_value_container {
    column-gap: 5px;
  }

  .dimsAndWtContainer .valuesContainer.dims {
    display: flex;
    line-height: normal;
  }

  .dimsAndWtContainer {
    column-gap: 0;
  }

  #mainContainer.is_webview_settings .navbar {
    margin-bottom: 20px;
    flex-direction: row;
  }

  .pppDataTableInput,
  .pppDataTableSelect {
    font-size: 12px;
    min-width: 55px;
  }

  .pppLabel,
  .pppFooterTableBtn {
    font-size: 13px;
  }

  /* Charts */
  .reset-zoom {
    margin-right: 0;
  }

  /* Manual Sourcing */
  .country_filter_navbar {
    justify-content: center;
  }

  /* Search */
  .search-container {
    padding: 20px;
  }

  .tooltip.est-sales-quick-info {
    max-width: 315px;
  }

  .tooltip-inner.est-sales-quick-info .cost-first-ul li {
    font-size: 11px;
  }

  .tooltip-inner.est-sales-quick-info .cost-first-ul {
    gap: 10px;
    padding: 10px;
  }
}

@media screen and (min-width: 600px) {
  .tooltip {
    max-width: 250px;
  }

  .llp_form_container label.llp_form_helper {
    left: 10px;
  }

  .llp_select,
  .llp_input {
    padding-left: 15px;
  }

  .overview_title {
    width: 45px;
  }

  .overview_title.right_title {
    width: 35px;
  }

  .search-result-item {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
    justify-content: start;
  }

  .bbpChartContainer canvas {
    height: 250px !important;
  }

  .bbpChartContainer .main-charts {
    height: 300px !important;
  }
}

@media screen and (min-width: 700px) {
  #mainContainer {
    max-width: 100%;
  }

  .llp_section {
    max-width: 100%;
  }

  .llp_section_container {
    column-count: 2;
  }

  .manualSourcing_item {
    justify-content: center;
  }

  .searchResult_image {
    flex: unset;
    margin-inline: 50px;
  }

  .searchResult_text {
    flex: unset;
  }

  .dimsAndWtContainer {
    column-gap: 7px;
  }

  .search-result-div {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

@media screen and (min-width: 750px) {
  #overviewInch {
    max-width: 100%;
  }

  .dimsAndWtContainer {
    column-gap: 0;
  }

  .tooltip {
    max-width: 300px;
  }
}

@media screen and (min-width: 1200px) {
  .llp_section_container {
    column-count: 3;
  }
}

@media screen and (min-width: 1700px) {
  .llp_section_container {
    column-count: 4;
  }

  .search-result-div {
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
  }
}