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

/* Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

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

:root {
  --primaryFont: "Product Sans", "Roboto", sans-serif;
  --defaultBoxShadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);

  /* Defaults */
  --defaultTextFontSize: 13px;

  /* Dark Mode Color Variations */
  --darkModeMainColor: #1e2329;
  --darkModeSecondaryColor: #181a20;
  --darkModeTextColor: #eaecef;

  /* BBP Colors */
  --blue: #3895f9;
  --deepBlue: #0875fa;
  --darkGrey: #7687a3;

  --lightBlue: #e8eef6;
  --lightBlue2: #e8eef6;

  --lightBlueGray: #eef1f8;
  --lightBlueGray3: #eef1f8;
  --midnightBlue: #0f1729;

  --green: #3c8406;
  --darkGreen: #288428;
  --lightGreen: #35d63a;

  --red: #9a0c0c;
  --lightRed: #ff1515;

  --orange: #ad9d0f;
  --lightOrange: #ff9900;

  --yellow: #ffc107;
  --lightYellow: #ffb300;
  --lightSlate: #e9ecef;

  --veryLightBlue: #f6faff;
  --softBlue: #e5f1ff;

  --veryLightGray: #f2f2f2;
  --veryLightGray2: #f2f2f2;

  --blueGray: #829ebe;

  --grayLight: #e8e8e8;
  --grayishBlack: #6b6b6b;
  --grayishBlue: #d0dae7;
  --skyBlue: #52bfd8;
  --lightSkyBlue: #55bfd6;
  --whitishBlue: #e6f2ff;

  --softGray: #f6f6f6;
  --softGray2: #f6f6f6;

  --whiteGray: #e5e5e5;

  --whiteLightGray: #f0f0f0;

  --white: #ffffff;
  --white2: #ffffff;
  --white3: #ffffff;
  --white4: #ffffff;

  --lightGray: #d9dde7;
  --lightGray2: #d9dde7;

  --lighterGray: #a9a9a9;
  --traficLightDefault: #e6e6e6;

  --failedRedBg: #f8d7da;

  --successGreenBg: #e6f8ee;
  --successGreenText: #237f57;
  --successGreenBorder: #a7e3c4;

  --warningYellowBg: #fef7e0;
  --warningYellowText: #ad7d24;
  --warningYellowBorder: #f4d083;

  --pink: #f377e6;

  --tableBorder: #ccc;
  --gray2: #ccc;

  /* Chart */
  --chartTooltipBg: #fff;
  --mainChartTooltipBg: rgba(255, 255, 255, 0.8);

  /* Switch Disabled */
  --gray: #ccc;
  --whitishGray: #ededed;
  --lightdarkgray: #cdcdcd;

  /* 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%);

  /* Data Table */
  --lightGrayTdBg: #f8f8f8;

  /* Text Colors */
  --llpTextBlue: #3895f9;
  --llpTextColorBlack: #1d2126;
  --llpTextColorDarkGrey: #7687a3;
  --llpTextColorWhite: #fff;
  --llpTextColorSlate: #eaecef;
  --llpTextGrayishBlue: #414956;
}

body.dark-mode {
  /* Colors */
  --blue: #275fb7;
  --darkGrey: #60769b;

  --lightBlue: #28303b;
  --lightBlue2: var(--darkModeSecondaryColor);

  --midnightBlue: #2a437d;

  --lightGreen: #15a519;

  --green: #2ebd85;
  --red: #f6465d;

  --lightRed: #a10202;

  --orange: #eba603;
  --lightOrange: #c67803;

  --yellow: #d3a20e;
  --lightYellow: #ffb300;

  --lightSlate: #32383e;

  --veryLightGray: var(--darkModeMainColor);
  --veryLightGray2: #3d3d3d;

  --grayishBlack: #555454;
  --grayishBlue: #596574;

  --blueGray: #6d829b;

  --softBlue: #8f9eaf;

  --veryLightBlue: #252d39;

  --grayLight: #676565;

  --lightGray: #2b3139;
  --lightGray2: var(--darkModeSecondaryColor);

  --whiteGray: #5e5e5e;

  --whiteLightGray: #4f4f4f;

  --whitishBlue: #506e90;

  --lighterGray: #2b3139;

  --traficLightDefault: #c1c1c1;

  --failedRedBg: #ffbac0;
  --successGreenBg: #b0efcc;
  --warningYellowBg: #f9e5a1;

  --white: var(--darkModeMainColor);
  --white2: var(--darkModeSecondaryColor);
  --white3: #d1d1d1;
  --white4: #26446b;

  --softGray: var(--darkModeMainColor);

  --tableBorder: #2b3139;

  --gray2: #2b3139;

  --lightBlueGray: var(--darkModeMainColor);
  --lightBlueGray3: #2b3139;

  --softGray2: var(--darkModeSecondaryColor);

  --pink: #df5fd2;

  /* Chart */
  --chartTooltipBg: #e0e0e0;
  --mainChartTooltipBg: rgba(224, 224, 224, 0.8);

  /* Switch Disabled */
  --gray: #737171;
  --whitishGray: #717171;
  --lightdarkgray: #484848;

  /* 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%);

  /* Data Table */
  --lightGrayTdBg: var(--darkModeSecondaryColor);

  /* Text Colors */
  --llpTextBlue: var(--blue);
  --llpTextColorBlack: var(--darkModeTextColor);
  --llpTextColorDarkGrey: var(--darkModeTextColor);
  --llpTextColorWhite: var(--darkModeTextColor);
  --llpTextGrayishBlue: var(--darkModeTextColor);
}

body {
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
  background: var(--white);
  color: var(--llpTextColorBlack);
}

/* Edit Mode */
body.editmode .llp_section:not(.hidden_section) .llp_section_header.editMode {
  display: flex;
  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;
}

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

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

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

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

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

.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;
}

.new-user-div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.new-user-div .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(--lightBlue);
}

.new-user-div-container {
  margin-left: auto;
  max-width: 220px;
  margin-top: 55px;
  margin-right: 20px;
  border-radius: 10px;
  background: var(--white);
}

.new-user-header {
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--lightBlue);
}

.new-user-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(--blue);
  color: var(--llpTextColorWhite);
}

.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;
}

/* Border */
.border-blue {
  border: 1px solid var(--blue);
}

.border-red {
  border: 1px solid var(--red);
}

.border-darkGray {
  border: 1px solid var(--darkGrey);
}

.border-bottom-lightblue {
  border-bottom: 1px solid var(--lightBlue);
}

/* 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(--gray2) 1px solid;
}

.border-right-darkGray-1 {
  border-right: var(--darkGrey) 1px solid;
}

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

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

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

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

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

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

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

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

.text-grayish-blue {
  color: var(--llpTextGrayishBlue);
}

.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;
}

/* BBP BG */
.llp_blue_bg {
  background: var(--blue) !important;
}

.llp_yellow_bg {
  background: var(--yellow) !important;
}

.llp_veryLightBlue_bg {
  background: var(--veryLightBlue) !important;
}

.llp_lightBlue_bg {
  background: var(--lightBlue) !important;
}

.llp_white_bg {
  background: var(--white) !important;
}

.llp_lightGray_bg {
  background: var(--lightGray);
}

.llp_green_bg {
  background: var(--green) !important;
}

.llp_orange_bg {
  background: var(--orange);
}

.llp_red_bg {
  background: var(--red);
}

.llp_grayishBlack_bg {
  background: var(--grayishBlack) !important;
}

/* 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(--gray);
}

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

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

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

.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(--llpTextGrayishBlue);
}

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

.releasenote-body {
  padding: 10px;
  background: var(--white2);
}

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

/* Main Container */
#mainContainer {
  width: 100%;
  max-width: 700px;
  min-height: 100vh;
  margin-inline: auto;
  background: var(--white2);
}

/* Web View */
#mainContainer.is_webview,
#mainContainer.is_webview_settings,
#mainContainer.is_webview_settings .navbar {
  background: var(--softGray);
}

#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 */
#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(--llpTextGrayishBlue);
}

#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(--blue);
  font-family: var(--primaryFont);
  color: var(--llpTextColorWhite);
  font-size: var(--defaultTextFontSize);
}

.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(--gray2);
  box-shadow: var(--defaultBoxShadow);
}

.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(--lightGray);
}

.llp_section_header.editMode {
  display: none;
}

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

.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(--llpTextColorBlack);
}

.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;
}

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

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

.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;
  color: var(--llpTextColorDarkGrey);
  background: var(--white);
}

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

.llp_form_container label.llp_form_helper.active {
  color: var(--llpTextBlue) !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;
  background: var(--white2);
  border: 1px solid var(--gray2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  font-size: var(--defaultTextFontSize);
}

.llp_text_area {
  outline: none;
  resize: vertical;
  max-height: 130px;
  min-height: 70px;
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  background: var(--white2);
  border: 1px solid var(--gray2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  font-size: var(--defaultTextFontSize);
}

.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;
  background: var(--white);
  font-family: var(--primaryFont);
  border: 1px solid var(--gray);
  color: var(--llpTextColorBlack);
}

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

.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(--blue);
}

/* 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(--white2);
  border: 1px solid var(--gray2);
  box-shadow: var(--defaultBoxShadow);
}

/* 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(--darkGrey) 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(--darkGrey) 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(--darkGrey);
}

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

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

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

.bbPriceChangesTooltip {
  max-width: 190px;
}

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

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

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

/* IOSS Tooltip  */
.iossVatTooltip-container {
  display: flex;
  flex-direction: column;
}

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

.iossTooltip_values {
  font-weight: bold;
}

.iossVat_rate {
  color: var(--llpTextColorDarkGrey);
}

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

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

.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(--llpTextBlue);
}

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

/* 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(--veryLightBlue);
}

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

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

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

/* 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(--veryLightGray);
}

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

/* 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.fixed-footer .saveAndSyncBtnContainer {
  margin-top: 10px;
}

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

#saveBtn {
  margin-bottom: 10px;
}

/* Settings */
#factoryResetBtn {
  margin-left: auto;
  white-space: nowrap;
  font-family: var(--primaryFont);
}

.settings_footer_btn {
  color: var(--blue);
  background: var(--white2);
  border: 1px solid var(--blue);
}

.vat_fees_container {
  display: flex;
  align-items: center;
  gap: 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(--llpTextColorDarkGrey);
}

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

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

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

.modal_title {
  color: var(--blue);
}

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

#iossTableArrow {
  cursor: pointer;
}

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

#iossAddBtn {
  border-radius: 5px;
  color: var(--white);
  background: var(--yellow);
}

#iossOkBtn {
  border-radius: 5px;
  color: var(--white);
  background: var(--blue);
}

/* Google Sheet Tables And Modals */
#googleSheetsDivContainer {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
}

#settingsGoogleSheetLink {
  font-size: 12px;
}

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

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

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

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

#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(--white2);
}

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

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

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

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

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

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

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

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

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

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

#llpSectionContainer {
  position: relative;
}

/* 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(--white);
}

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

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

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

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

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

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

/* Reset Widget */
#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(--lightGray);
  border: 1px solid var(--gray2);
}

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

.widget_container {
  position: relative;
}

.select_widget_btn {
  padding: 5px 10px;
  min-height: 30px;
  border-radius: 5px;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

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

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

.widget_option_container li:hover,
.widget_option_container li.active {
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

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

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

.editCustomWidgetBtn:hover {
  opacity: 0.7;
}

.widget_modal_container {
  padding: 20px 10px;
  background: var(--white);
}

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

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

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

#addNewWidgetOption,
.rearrangeModal_btn {
  padding: 5px;
  border-radius: 5px;
  width: 100%;
  outline: none;
  border: none;
  cursor: pointer;
  background: var(--blue);
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
}

#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(--blue);
}

#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 */
#saveWidgetButtonDiv {
  display: none;
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding: 10px;
}

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

#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(--red);
  background: var(--failedRedBg);
}

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

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

.warning_icon {
  color: var(--lightOrange);
}

/* New UI Banner */
.newuibannerDiv {
  margin-inline: auto;
  max-width: 500px;
}

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

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

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

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

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

#llpAdDiv p,
#llpAdDiv span,
#llpAdDiv strong {
  color: var(--llpTextColorBlack) !important;
  font-family: var(--primaryFont) !important;
}

#llpAdDiv strong {
  font-weight: 600;
}

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

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

/* Training Videos */
#trainingVideosDivContainer {
  display: none;
}

.training_videos_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
}

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

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

/* Footer Training */
#trainingAndLogoutLinksDiv {
  padding: 10px;
}

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

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

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

/* 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(--warningYellowText);
  background: var(--warningYellowBg);
  border: 1px solid var(--lightYellow);
}

.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(--gray2);
}

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

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

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

.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(--llpTextColorBlack);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 60px;
  display: block;
}

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

.overviewAsinText {
  white-space: nowrap;
}

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

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

#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(--lightBlue);
}

.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;
}

.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(--llpTextColorDarkGrey);
}

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

/* Quick Info */
.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(--white);
  border: 1px solid var(--gray);
}

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

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

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

.quickInfoCircles_Div {
  border-top: var(--gray2) 1px solid;
}

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

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

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

/* Sellerbility */
.no_sellerBility_container {
  margin-inline: 10px;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  border: 1px solid var(--blue);
  background: var(--veryLightBlue);
}

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

.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;
  border: 1px solid var(--blue);
  background: var(--veryLightBlue);
}

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

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

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

/* Discount */
.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(--llpTextColorBlack);
  background: var(--veryLightGray2);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
  border: 1px var(--veryLightGray) solid;
}

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

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

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

#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(--blue);
  color: var(--llpTextColorWhite);
}

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

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

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

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

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

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

.txtInclusiveOfVat {
  font-weight: 600;
  color: var(--darkGreen);
}

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

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

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

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

.calculatorCurrencyBtn:disabled {
  outline: 0 none;
  box-shadow: none;
  pointer-events: none;
  background: var(--whitishGray);
  color: var(--llpTextColorDarkGrey);
}

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

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

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

.calculatorMfBtn {
  background: var(--whiteGray);
}

.calculatorMfBtnCustom input,
.calculatorMfBtn {
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
  width: 100%;
  padding: 5px;
  min-width: 50px;
  border-radius: 5px;
  color: var(--llpTextColorBlack);
  border: 1px solid var(--gray2);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.calculatorMfBtnCustom input {
  background-color: var(--white2);
}

.calculatorMfBtn:hover,
.calculatorMfBtn.active {
  background: var(--blue);
  color: var(--llpTextColorWhite);
  border: 1px solid var(--blue);
}

#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(--white2);
  border: 1px solid var(--lightBlueGray3);
}

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

.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(--lightBlueGray3);
}

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

/* Details */
.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(--lightGray) solid;
}

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

.details_title {
  cursor: pointer;
}

.storageCountContainer {
  width: 20px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--llpTextBlue);
  border: 1px var(--blue) solid;
  background: var(--veryLightBlue);
}

#totalCostsDiv.error {
  background: var(--failedRedBg);
}

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

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

.estimatedFeesWarningLink {
  color: var(--blue);
}

.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 {
  color: var(--blue);
  text-decoration: underline;
}

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

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

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

#detailsBbSuppressed.No {
  color: var(--green);
  border: 1px solid var(--green);
}

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

#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(--deepBlue);
}

#profitXRow {
  background: var(--veryLightBlue);
}

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

.ui-widget-content {
  background: var(--blue) !important;
  border: 1px solid var(--blue) !important;
}

.ui-widget-header {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--blue) !important;
  border: 1px solid var(--blue) !important;
}

.amazonBtn {
  background: var(--lightOrange);
}

.amazonBtn,
.dashboardYesOrNo {
  border-radius: 20px;
  text-decoration: none;
  padding: 5px;
  min-width: 50px;
  text-align: center;
  font-weight: normal;
  min-height: 26px;
  color: var(--llpTextColorWhite) !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(--lightGray);
}

.bsr_and_prices_btn.active,
.bsr_and_prices_btn:hover {
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

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

.dashboardBox {
  padding: 7px 3px;
  border: 1px solid var(--lightGray);
}

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

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

.traffic_light_default {
  color: var(--traficLightDefault);
  background: var(--traficLightDefault);
}

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

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

.traffic_light_red {
  color: var(--lightRed);
  background: var(--lightRed);
}

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

.traffic_light_orange {
  color: var(--lightOrange);
  background: var(--lightOrange);
}

.exclamation_icon_container {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

.ai-analysis-header-title {
  padding: 5px;
  margin-bottom: 10px;
  background: var(--lightBlue);
}

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

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

#llpSpqDiv {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  grid-column: 1 / 3;
  background: var(--lightBlue);
}

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

.llp_aiAnalysis_textContainer {
  align-items: unset;
}

.spq_title_div {
  width: fit-content;
}

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

.sqp_message {
  font-weight: bold;
}

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

/* 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(--white);
}

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

.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(--gray);
}

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

.table_container table#iossDataTable td {
  border: none;
  height: 28px;
  background: var(--white2);
  border-bottom: 1px solid var(--gray2);
}

.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(--blue);
}

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

.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(--lightGray);
}

#requestTokenInfo.error {
  background: var(--failedRedBg);
  color: var(--red);
}

#requestTokenInfo a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  color: var(--blue);
}

#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(--gray2) 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;
  background: var(--blue);
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.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(--blue);
}

.exportData_input {
  font-weight: normal;
  color: var(--llpTextColorDarkGrey);
}

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

.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(--blue);
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.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(--lightBlue);
}

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

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

.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(--warningYellowText);
  background: var(--warningYellowBg);
  border: 1px solid var(--warningYellowBorder);
}

.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 {
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
  cursor: pointer;
  outline: none;
  border: none;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid var(--blue);
  background: var(--white);
  color: var(--blue);
}

.variationPieChart_btn:hover,
.variationPieChart_btn.active {
  border: var(--deepBlue);
  background: var(--blue);
  color: var(--white);
  border: 1px solid var(--blue);
}

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

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

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

.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;
  background: var(--white2);
  color: var(--llpTextColorBlack);
  font-family: var(--primaryFont);
  border: 1px solid var(--darkGrey);
  font-size: var(--defaultTextFontSize);
}

#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(--darkGrey);
}

#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;
  color: var(--llpTextColorBlack);
}

#variationsDataTable thead tr th {
  border-bottom: 1px solid var(--lighterGray);
}

#variationsDataTable thead {
  position: sticky;
  top: 0;
  background: var(--white);
}

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

#variationsDataTable tbody tr {
  cursor: pointer;
}

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

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

#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(--gray);
  padding: 5px;
}

.variationsTooltip_title {
  background: var(--whitishBlue);
}

#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;
}

#chartAppSettingsToggle {
  border-bottom: 1px solid var(--gray2);
}

#dashboardChartBtn {
  white-space: nowrap;
}

.chart_app_settings_toggle {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
}

.chart_app_toggle_title {
  font-weight: bold;
}

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

.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(--lightBlue);
}

.charts_info_container.error {
  color: var(--red);
  background: var(--failedRedBg);
}

.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;
  outline: none;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  color: var(--blue);
  background: var(--lightBlue);
  border: 1px solid var(--blue);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.chartDaysBtn.active,
.chartDaysBtn:hover {
  color: var(--llpTextColorWhite);
  background: var(--blue);
}

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

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

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

.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: #2a52be;
}

.switch.active.navy .slider,
.switch.navy .slider:before {
  background-color: #000080;
}

.switch.active.crisp-blue .slider,
.switch.crisp-blue .slider:before {
  background-color: #0000ff;
}

.switch.active.teal .slider,
.switch.teal .slider:before {
  background-color: #00bfff;
}

.switch.active.purple .slider,
.switch.purple .slider:before {
  background-color: #956b9f;
}

.switch.active.yellow .slider,
.switch.yellow .slider:before {
  background-color: #ffa500;
}

.switch.active.skyBlue .slider,
.switch.skyBlue .slider:before {
  background-color: #039be5;
}

.switch.active.lightPink .slider,
.switch.lightPink .slider:before {
  background-color: #ff00b4;
}

.switch.active.crisp-red .slider,
.switch.crisp-red .slider:before {
  background-color: #ff0000;
}

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

.switch.active.grayish-green .slider,
.switch.grayish-green .slider:before {
  background-color: #87a487;
}

.switch.active.cyan-blue .slider,
.switch.cyan-blue .slider:before {
  background-color: #0e98ba;
}

.switch.active.sellGreen .slider,
.switch.sellGreen .slider:before {
  background-color: #dd58ed;
}

.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(--white3);
}

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

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

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

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

.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;
  background: var(--lightOrange);
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
}

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

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

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

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

.switch_name.disabled {
  pointer-events: none;
  color: var(--gray) !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: #956b9f;
}

.switch_name.lowest-new {
  color: #0000ff;
}

.switch_name.bsr {
  color: #87a487;
}

.switch_name.amazon {
  color: #ffa500;
}

.switch_name.buy-box {
  color: #ff00b4;
}

.switch_name.sales-heatmap {
  color: #ff0000;
}

.switch_name.fbm {
  color: #039be5;
}

.switch_name.sellPrice {
  color: #dd58ed;
}

.switch_name.be {
  color: #0e98ba;
}

.switch_name.newoffer-count {
  color: #00f;
}

.switch_name.review-count {
  color: #87a487;
}

.switch_name.rating {
  color: #009688;
}

.switch_name.new-offer-count {
  color: #2a52be;
}

.switch_name.new-price-average {
  color: #0000ff;
}

.switch_name.review-count {
  color: #000080;
}

.switch_name.amazon-price-average {
  color: #ffa500;
}

.switch_name.rating {
  color: #00bfff;
}

.switch_name.fba-price-average {
  color: #956b9f;
}

.switch_name.buybox-price-average {
  color: #ff00b4;
}

/* Seller & Stock */
.switch.active.sellerPrice .slider,
.switch.sellerPrice .slider:before {
  background-color: #5f94f6;
}

.switch.active.sellerStock .slider,
.switch.sellerStock .slider:before {
  background-color: #00007d;
}

.switch_name.sellerPrice {
  color: #5f94f6;
}

.switch_name.sellerStock {
  color: #00007d;
}

/* Chart Custom Tooltip */
.custom-chart-tooltip-div {
  position: relative;
  padding: 5px;
  max-width: 220px;
  border-radius: 5px;
  border: 1px #3895f9 solid;
  background: var(--chartTooltipBg);
  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 #3895f9;
  z-index: 1;
}

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

.custom-chart-tooltip-right::before {
  left: auto;
  right: -7px;
  border-right: none;
  border-left: 7px solid #3895f9;
}

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

.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: #3895f9;
}

.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: #222222;
}

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

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

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

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

#spnMonthlySold {
  font-weight: bold;
}

.speedUpSalesBtn {
  background: var(--blue);
  color: var(--llpTextColorWhite);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: bold;
}

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

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

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

/* Competition Analysis */
.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 {
  text-align: center;
  padding-inline: 10px;
  margin-bottom: 10px;
  color: var(--blue);
}

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

.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(--white);
  background: var(--blue);
}

#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(--llpTextColorBlack);
}

#competitionAnalysisDataTable tbody tr {
  background: var(--veryLightBlue);
}

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

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

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

#competitionAnalysisDataTable tbody td a.compAnalysisNumContainer {
  width: 100%;
  height: 100%;
  min-height: 30px;
  display: flex;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  color: var(--llpTextColorBlack);
  background: var(--lightGrayTdBg);
}

#competitionAnalysisDataTable
  tbody
  td
  a.compAnalysisNumContainer.isYourMerchant {
  background: var(--pink);
  color: var(--llpTextColorWhite);
}

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

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

#competitionAnalysisDataTable tbody td:nth-child(7) {
  background: var(--blueGray);
  color: var(--llpTextColorWhite);
}

.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,
#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(--llpTextBlue);
  border: 1px var(--blue) solid;
  background: var(--veryLightBlue);
}

#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;
  background: var(--whitishGray) !important;
  color: var(--llpTextColorDarkGrey) !important;
  border: 1px var(--lightdarkgray) solid !important;
}

#compAnalysisLivePagination .current,
#compAnalysisLivePagination .page-link:hover,
#compAnalysisLivePagination .ellipse:hover {
  background: var(--blue) !important;
  color: var(--llpTextColorWhite) !important;
}

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

#multiMarketAnalyzerDataTable {
  overflow: hidden;
}

#multiMarketAnalyzerDataTable tbody tr {
  cursor: pointer;
}

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

#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(--white2);
}

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

.table_container table#multiMarketAnalyzerDataTable thead tr th {
  height: 30px;
  position: relative;
  background: var(--white);
  color: var(--llpTextColorDarkGrey);
  border-bottom: 1px var(--tableBorder) solid !important;
}

.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(--gray);
}

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

.table_container table#multiMarketAnalyzerDataTable td {
  background: var(--white2);
}

.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(--llpTextBlue);
}

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

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

.seller-amazon {
  background-color: var(--lightOrange) !important;
  color: var(--llpTextColorWhite) !important;
}

.seller-fba {
  background-color: var(--darkGreen) !important;
  color: var(--llpTextColorWhite) !important;
}

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

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

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

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

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

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

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

.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(--white);
}

.va-inactivity-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 10px;
  border-radius: 10px;
  color: var(--warningYellowText);
  background: var(--warningYellowBg);
  border: 1px solid var(--lightYellow);
}

.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;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

.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(--lightBlue);
  border: 1px solid var(--grayishBlue);
}

.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(--warningYellowText);
  background: var(--warningYellowBg);
  border: 1px solid var(--lightYellow);
}

.va-timer-error {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
  background: var(--failedRedBg);
  color: var(--llpTextColorBlack);
  border: 1px solid var(--lightRed);
}

.vaToolbox_title {
  align-self: start;
}

.vaSaved_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 10px;
  color: var(--llpTextColorDarkGrey);
}

#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(--llpTextColorWhite);
}

#vaToolBoxStopBtn,
#vaToolBoxStartBtn,
#vaToolBoxSubmitDealBtn {
  width: 100%;
  border-radius: 10px;
  color: var(--blue);
  border: 1px solid var(--blue);
  background: var(--veryLightBlue);
}

#vaToolBoxStopBtn:disabled,
#vaToolBoxStartBtn:disabled,
#vaToolBoxSubmitDealBtn:disabled {
  pointer-events: none;
  outline: 0 none !important;
  box-shadow: none !important;
  background: var(--gray) !important;
  color: var(--llpTextColorSlate) !important;
  border: 1px solid var(--lighterGray) !important;
}

#vaToolBoxStartBtn {
  margin-bottom: 10px;
}

#vaToolBoxStopBtn {
  margin-bottom: 10px;
  color: var(--darkGreen) !important;
  border: 1px solid var(--darkGreen) !important;
}

#vaInputErrorDiv {
  text-align: center;
  color: var(--red);
  margin-bottom: 10px;
}

#vAToolBoxLogoutBtn {
  color: var(--blue);
  cursor: pointer;
}

#vAToolBoxLogoutBtn:hover {
  text-decoration: underline;
}

#stopAndSubmitDealDiv {
  margin-bottom: 10px;
}

@keyframes blink-animation {
  0%,
  100% {
    color: var(--lightGreen);
  }
  50% {
    color: var(--white);
  }
}

.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(--lightBlue);
  border: 1px solid var(--grayishBlue);
}

.dealCriteriaItem .criteria_title {
  font-weight: normal;
  margin-bottom: 3px;
  color: var(--llpTextColorDarkGrey);
}

.dealCriteriaItem .criteria_value {
  color: var(--llpTextColorBlack);
  font-weight: 600;
}

.vaToolbox_footerContainer {
  padding: 10px;
  display: flex;
  background: var(--lightBlue);
  justify-content: space-between;
}

#dealCriteriaBtn {
  cursor: pointer;
  width: fit-content;
  margin-inline: auto;
}

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

#unmatchedPPPSettings {
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
  width: fit-content;
  text-align: center;
  margin-inline: auto;
  color: var(--lightYellow);
}

.tooltip-inner.save-ppp-tooltip {
  max-width: 240px;
  border-radius: 0px;
  border: 2px solid var(--blue);
}

.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(--blue);
}

.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(--gray);
}

.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.3);
}

.section-pop-up-container {
  position: relative;
  text-align: center;
  margin-inline: auto;
  padding: 10px;
  max-width: 270px;
  border-radius: 5px;
  background: var(--white);
  border: 1px solid var(--gray);
}

.section-pop-up-close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  cursor: pointer;
}

.section-pop-up-close-btn:hover {
  color: var(--blue);
}

.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;
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.section-pop-up-btn.noBtn {
  color: var(--llpTextColorBlack);
  background: var(--veryLightGray2);
}

.section-pop-up-btn.yesBtn {
  color: var(--llpTextColorWhite);
  background: var(--blue);
}

.section-pop-up-btn:hover {
  opacity: 0.7;
}

.no-ppp-acount-div {
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  margin-inline: 10px;
  background: var(--lightBlueGray);
}

.ppp-account-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
}

#pppInputsDiv {
  display: flex;
  flex-direction: column;
  padding-inline: 10px;
  gap: 5px;
}

#pppErrorDiv p {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  background: var(--failedRedBg);
  color: var(--red);
}

.pppInputContainer {
  height: auto;
  display: flex;
  max-height: 35px;
  border-radius: 5px;
  border: 1px solid var(--grayishBlue);
}

.pppLabel {
  flex: 1;
  padding: 7px;
  font-size: 12px;
  display: flex;
  align-items: center;
  background: var(--lightBlue);
  border-right: 1px solid var(--grayishBlue);
}

.pppData {
  flex: 2;
  min-height: 33px;
  display: flex;
  position: relative;
  align-items: center;
  background: var(--lightBlue);
}

.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(--llpTextColorWhite);
  background: var(--blue);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.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;
  background: var(--white2);
  color: var(--llpTextColorBlack);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.pppData input {
  border: none;
  outline: none;
  width: 100%;
  padding: 7px;
  height: 33px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: var(--white);
  color: var(--llpTextColorBlack);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

#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;
}

.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;
  background: var(--white2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  border: 1px solid var(--grayishBlue);
}

.pppDataTableInput.redInput {
  background: var(--failedRedBg) !important;
}

.pppDataTableInput.greenInput {
  background: var(--successGreenBg) !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;
  min-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  border: 1px solid var(--blue);
  font-family: var(--primaryFont);
}

.pppFooterTableBtn:hover {
  opacity: 0.7;
}

.pppFooterTableBtn.automate {
  color: var(--blue);
  background: var(--white);
  min-width: 100px;
}

.pppFooterTableBtn.saveInPPP {
  min-width: 85px;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

.pppFooterTableBtn.saveInPPP.disable {
  border: var(--grayishBlack);
  background: var(--grayishBlack);
}

#saveInPPPResultDiv,
#noActiveMarketPlaceDiv,
#invalidPPPCredentialsErrorDiv {
  padding-bottom: 10px;
}

#saveInPPPResultDiv .result_container {
  text-align: center;
  padding: 10px;
}

#saveInPPPResultDiv .result_container.failed {
  color: var(--red);
  background: var(--failedRedBg);
}

#saveInPPPResultDiv .result_container.success {
  color: var(--darkGreen);
  background: var(--successGreenBg);
}

#noActiveMarketPlaceDiv .container,
#invalidPPPCredentialsErrorDiv .container {
  padding: 10px;
  text-align: center;
  color: var(--red);
  background: var(--failedRedBg);
}

/* 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;
  background: var(--veryLightBlue);
  color: var(--llpTextBlue);
  border: 1px var(--llpTextBlue) solid;
}

.sellerCentralBtn:hover {
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

/* Search */
.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;
  border: 1px solid var(--blue);
  color: var(--llpTextBlue);
  background: var(--veryLightBlue);
}

.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 !important;
  background: var(--lightBlue);
  color: var(--llpTextColorBlack);
}

.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(--lightGrayTdBg);
  border-bottom: 1px solid var(--tableBorder);
}

/* ASIN History */
#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;
  background: var(--white);
  color: var(--llpTextColorDarkGrey);
}

.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(--gray);
}

.table_container table#asinHistoryDataTable th:last-child::before {
  display: none;
}

#asinHistoryDataTable tbody tr td {
  height: 28px;
  background: var(--white2);
}

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

.asinHistorySourceContainer .icon_container {
  cursor: pointer;
}

.asinHistorySourceContainer a {
  cursor: default;
  text-decoration: none;
  color: var(--llpTextColorBlack);
}

.asinHistorySourceContainer a.hasLink {
  color: var(--llpTextBlue);
  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;
}

.table_container table#returnOnInvestmentDataTable thead tr th {
  height: 38px;
  border: none;
  background: none;
  position: relative;
  background: var(--white);
  color: var(--llpTextColorDarkGrey);
  border-bottom: 1px var(--gray2) solid !important;
}

.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(--gray);
}

.table_container table#returnOnInvestmentDataTable td {
  height: 28px;
  background: var(--white2);
}

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

.roiCustomRow td {
  background: #e0ffff !important;
}

.returnoninvestment_footer {
  display: flex;
  align-items: center;
  min-height: 35px;
  margin-top: 5px;
}

.roiMaxSoldPriceRow_background {
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 1;
  width: 100%;
  height: 35px;
  pointer-events: none;
  background: var(--blue);
}

.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(--llpTextColorWhite);
  background: var(--blue) !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;
  background: var(--white);
  font-family: var(--primaryFont);
  border: 1px solid var(--gray);
  color: var(--llpTextColorBlack);
}

/* ASIN Average Statistics */
.table_container table#asinAverageStatisticsDataTable thead tr th {
  position: relative;
  height: 22px;
  background: var(--white);
  color: var(--llpTextColorDarkGrey);
}

.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(--gray);
}

.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(--white2);
  border-bottom: 1px solid var(--gray2);
}

.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(--lightGray);
}

#buyBoxDaysButtonContainer .buyBoxBtn.active,
#buyBoxDaysButtonContainer .buyBoxBtn:hover {
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

#buyBoxDataTable .dataTables_empty {
  vertical-align: middle;
  background: var(--white);
  height: 50px !important;
  border-bottom: none !important;
  border-top: 1px solid var(--gray2) !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;
  background: var(--white);
  color: var(--llpTextColorDarkGrey);
}

.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(--gray);
}

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

.table_container table#buyBoxDataTable th,
.table_container table#buyBoxDataTable td {
  background: var(--white);
}

.table_container table#buyBoxDataTable td {
  height: 28px;
  background: var(--white2);
}

/* Global App Data Table */
#mainContainer .customDataTableV2_container {
  overflow: auto;
  position: relative;
  width: 100%;
}

#mainContainer .customDataTableV2_footer {
  width: 100%;
}

#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;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  margin: 0px;
}

#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;
  background: var(--veryLightBlue);
  color: var(--llpTextBlue) !important;
  border: 1px var(--blue) solid !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 {
  background: var(--blue) !important;
  color: var(--llpTextColorWhite) !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button.disabled {
  pointer-events: none;
  background: var(--whitishGray) !important;
  color: var(--llpTextColorDarkGrey) !important;
  border: 1px var(--lightdarkgray) solid !important;
}

#mainContainer
  .dataTables_wrapper
  .customDataTableV2_footer
  .dataTables_paginate
  .paginate_button:active {
  box-shadow: none;
  background: unset;
  color: var(--blue);
}

/* ------------------------- Seller Store Statistics -------------------------------- */
.sellerStore-page {
  width: 100%;
  min-height: 100vh;
  background: var(--white);
}

#sellerStore_container {
  padding: 10px;
  max-width: 500px;
  margin-inline: auto;
  background: var(--white2);
}

.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(--gray);
}

.store_section tr:nth-child(even) {
  border: 1px solid var(--gray);
  background: var(--veryLightGray);
}

/* Store Details Container */
#storeDetailsDiv table tr td:first-child {
  font-weight: bold;
}

#topBrandsDiv {
  margin: 20px 0;
}

.store_section table a {
  color: var(--blue);
  text-decoration: none;
}

.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(--white2);
}

.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(--darkGrey);
}

.manualSourcingExport-btn:hover {
  color: var(--llpTextBlue);
}

.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(--lightBlueGray);
  border: 1px solid var(--lightBlueGray3);
}

.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;
  background: var(--softGray2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  font-size: var(--defaultTextFontSize);
  border: 1px solid var(--lightBlueGray3);
}

.countryBtnContainer:hover,
.countryBtnContainer.active {
  border: 1px solid var(--blue);
  background: var(--whitishBlue);
}

.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(--veryLightBlue);
}

.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;
  background: var(--blue);
  font-family: var(--primaryFont);
  color: var(--llpTextColorWhite);
  font-size: var(--defaultTextFontSize);
}

#loadMoreBtn:hover {
  opacity: 0.7;
}

.manualSourcing_search .llp_form_container label.llp_form_helper {
  background: var(--veryLightBlue);
}

.manualSourcing_search .llp_input {
  background: var(--white2);
}

#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;
  background: var(--blue);
  color: var(--llpTextColorWhite);
  font-size: var(--defaultTextFontSize);
  font-family: var(--primaryFont);
}

#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(--veryLightGray);
}

.ms_searchResultContainer::-webkit-scrollbar {
  width: 10px;
}

.ms_searchResultContainer::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--gray);
}

.manualSourcing_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background: var(--white2);
  box-shadow: var(--defaultBoxShadow);
}

.manualSourcing_item.no_result {
  justify-content: center;
  text-align: center;
  padding: 20px;
  color: var(--red);
}

.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 {
  color: var(--blue);
}

.searchResult_reviewCount a {
  color: var(--blue);
  text-decoration: none;
}

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

.star_container {
  color: var(--yellow);
}

.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(--blue);
}

.asin_link,
.asin_copy {
  font-size: 12px;
  color: var(--blue);
}

.searchResult_price {
  position: relative;
  width: fit-content;
  max-width: 100px;
}

.searchResult_price_value {
  font-size: 15px;
  font-weight: bold;
  color: var(--green);
}

.searchResult_price::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10%;
  width: 1px;
  height: 90%;
  padding-right: 7px;
  border-right: 1px solid var(--darkGrey);
}

.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(--whiteLightGray);
}

.searchResult_llpBtn {
  max-width: 150px;
  width: 100%;
  height: 35px;
  cursor: pointer;
  padding-inline: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--blue);
  background: var(--white);
  color: var(--blue);
  font-size: var(--defaultTextFontSize);
  font-family: var(--primaryFont);
}

.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(--darkGrey);
}

.is-current .f-carousel__dot {
  background: var(--blue);
}

.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(--darkGrey);
}

.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(--white2);
  color: var(--llpTextColorBlack);
  border: var(--gray) 1px solid;
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.searchAndStoreTabBtn.active,
.searchAndStoreTabBtn:hover {
  border: var(--blue) 1px solid;
  color: var(--llpTextColorWhite);
  background: var(--blue);
}

/* Feedback */
.feedback_container {
  display: flex;
  align-items: center;
  justify-content: end;
}

.feedback_tooltip_link {
  color: var(--blue);
}

.feedbackBtn {
  cursor: pointer;
  font-size: 20px;
  color: var(--darkGrey);
}

.feedbackBtn:hover {
  color: var(--llpTextBlue);
}

/* AI Analysis */
.new_ai_analysis_body {
  padding: 0;
}

.new_ai_analysis_header {
  padding: 10px;
  position: relative;
  color: var(--llpTextColorWhite);
  background: linear-gradient(
    270.19deg,
    #62aeff 18.46%,
    #2e7bcd 59.55%,
    #215893 99.86%
  );
}

.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;
  background: var(--lightGreen);
  color: var(--llpTextColorBlack);
}

.no-product-analysis {
  text-align: center;
  margin: 10px;
  padding: 15px 10px;
  border-radius: 5px;
  background: var(--lightBlue);
  border: 1px solid var(--lightGray);
}

.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(--llpTextColorDarkGrey);
}

.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);
  background: var(--llpTextBlue);
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
}

.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(--lightBlue);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  font-size: var(--defaultTextFontSize);
}

.ai-tab-btn:hover,
.ai-tab-btn.active {
  background: var(--blue);
  color: var(--llpTextColorBlack);
}

.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(--red);
  border: 1px solid var(--red);
  background: var(--failedRedBg);
}

.tab-insight-item {
  display: flex;
  gap: 5px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background: var(--white2);
  border: 1px solid var(--lightGray);
}

.tab-insight-item.yellow strong {
  color: var(--warningYellowText);
}

.tab-insight-item.green strong {
  color: var(--successGreenText);
}

.tab-insight-item.red strong {
  color: var(--red);
}

.no-insights {
  text-align: center;
  width: 100%;
  padding: 15px 10px;
  border-radius: 5px;
  background: var(--white2);
  border: 1px solid var(--lightGray);
}

.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(--blue);
}

.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(--veryLightBlue);
}

.search-header-logo {
  padding: 10px 20px;
  border-radius: 5px;
  background: var(--white);
}

.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;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

.search-container {
  padding: 10px;
  height: calc(100vh - 140px);
  overflow: auto;
  background: var(--veryLightGray);
}

.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;
  color: var(--lightRed);
  background: var(--feedbackFailedRedBg);
}

.search-result-item.searching {
  padding: 20px;
  margin-inline: auto;
  justify-content: center;
  color: var(--green);
}

.search-result-item {
  display: flex;
  overflow: hidden;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background: var(--white2);
  box-shadow: var(--defaultBoxShadow);
}

.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(--blue);
}

.result-review-count:hover {
  text-decoration: underline;
}

.search-price-txt {
  font-size: 15px;
  font-weight: bold;
  color: var(--green);
}

.search-separator {
  width: 1px;
  height: 90%;
  border-right: 1px solid var(--darkGrey);
}

.search-asin-txt {
  color: var(--blue);
}

.search-result-bought {
  width: fit-content;
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 4px;
  margin-bottom: 5px;
  background-color: var(--whiteLightGray);
}

.search-result-analyze-btn {
  border: none;
  outline: none;
  height: 35px;
  border-radius: 10px;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

.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;
  }

  /* 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));
  }
}