/* Product 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: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;

  /* Defaults */
  --defaultTextFontSize: 14px;
  --llpBorderRadius1: 5px;
  --llpBorderRadius2: 10px;

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

  /* BBP Colors */
  --blueGray: #7687a3;

  --darkBlue: #3895f9;
  --royalBlue: #5e78fa;

  --peach: #ffbc99;
  --skyBlue: #b1e5fc;

  --darkGreen: #3c8406;
  --lightGreen: #2dc9b7;

  --green: #66d60e;
  --red: #ff0000;

  --orange: #ffb300;
  --orangeRed: #fd7e14;
  --whiteOrange: #ffeccb;

  --pink: #fc2de6;

  --lightPink3: #d8b4fe;

  --lightSlate: #e9ecef;
  --lightSlate3: #e9ecef;

  --slate: #6c757d;
  --gray: #ccc;
  --fadedBlue: #e6f2ff;
  --veryLightGray: #f2f2f2;

  --neutralLightGray2: #f3f4f6;

  --lightSkyBlue: #f6faff;

  --lightGray: #f6f6f6;
  --lightGray2: #f6f6f6;

  --lightBlueGray: #eef1f8;
  --lightBlueGray2: #eef1f8;
  --lightBlueGray3: #eef1f8;

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

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

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

  --dangerRedBg: #f8d7da;
  --dangerRedTxt: #9a0c0c;
  --dangerRedBorder: #f8285a;

  /* Affiliate Color */
  --affiliateBlack: #000;
  --affiliateGreen: #66d60e;
  --affiliateRed: #ff0000;
  --affiliateOrange: #ffb300;
  --affiliateGray: #cccccc;

  /* Text Colors */
  --llpTextColorWhite: #fff;
  --llpTextColorSlate: #6c757d;
  --llpTextColorDarkGray: #2f2f2f;
  --llpTextColorCharcoal: #414956;
  --llpTextColorBlueGray: #7687a3;
  --llpTextColorDarkBlue: #3895f9;
}

body.dark-mode {
  /* Colors */
  --blueGray: #677fa7;

  --darkBlue: #275fb7;
  --royalBlue: #484c86;

  --peach: #9d694d;
  --skyBlue: #89b1c2;

  --darkGreen: #499f08;
  --lightGreen: #249184;

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

  --orange: #eba603;
  --orangeRed: #c56515;

  --pink: #8b377d;

  --lightPink3: #9167bd;

  --lightSlate: #181717;
  --lightSlate3: #2b3139;

  --gray: #6b6b6b;
  --fadedBlue: #506e90;
  --veryLightGray: var(--darkModeMainColor);

  --lightSkyBlue: var(--darkModeSecondaryColor);

  --lightGray: var(--darkModeSecondaryColor);
  --lightGray2: var(--darkModeMainColor);

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

  --neutralLightGray2: var(--darkModeSecondaryColor);

  --white: var(--darkModeMainColor);
  --white2: var(--darkModeSecondaryColor);
  --white3: #9c9c9c;

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

  /* Affiliate Color */
  --affiliateBlack: #a5a5a5;
  --affiliateGreen: #71e913;
  --affiliateRed: #ea1717;
  --affiliateOrange: #fabc27;
  --affiliateGray: #4c4545;

  /* Text Colors */
  --llpTextColorWhite: var(--darkModeTextColor);
  --llpTextColorDarkBlue: var(--darkModeTextColor);
  --llpTextColorDarkGray: var(--darkModeTextColor);
  --llpTextColorCharcoal: var(--darkModeTextColor);
  --llpTextColorBlueGray: var(--darkModeTextColor);
}

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

.main_content {
  display: flex;
  position: relative;
}

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

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

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

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Utility */
.green {
  color: var(--green);
}
.red {
  color: var(--red);
}
.text-dark-green {
  color: var(--darkGreen);
}
.text-red {
  color: var(--red) !important;
}
.text-green {
  color: var(--green) !important;
}
.d-none {
  display: none !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.mx-auto {
  margin-inline: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.d-flex {
  display: flex !important;
}
/* Max */
.max-width-150 {
  max-width: 150px !important;
}
/* Min */
.min-width-180 {
  min-width: 180px !important;
}
.min-width-150 {
  min-width: 150px !important;
}
.min-width-120 {
  min-width: 120px !important;
}
.min-width-100 {
  min-width: 100px !important;
}
.min-width-80 {
  min-width: 80px !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.w-full {
  width: 100% !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.copy-icon {
  cursor: pointer;
  color: var(--darkBlue);
}

/* BbpUserLite Restrict */
.bbplite-restrict-div {
  width: 100%;
  padding: 15px;
  display: flex;
  text-align: center;
  align-items: center;
  margin-inline: auto;
  white-space: normal;
  justify-content: center;
  background: var(--whiteOrange);
  border: 1px solid var(--orange);
}

.bbplite-restrict-icon {
  margin-right: 3px;
  color: var(--orangeRed);
}

/* Darkmode Container */
.darkmode_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox {
  opacity: 0;
  position: absolute;
}
.checkbox-label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50px;
  height: 26px;
  padding: 5px;
  border-radius: 50px;
  background: var(--lightGray);
  border: 1px solid var(--lightSlate3);
}

.fa-moon {
  color: var(--orange);
}
.fa-sun {
  color: var(--orange);
}
.checkbox-label .ball {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  transition: transform 0.2s linear;
  background-color: var(--white3);
}
.checkbox:checked + .checkbox-label .ball {
  transform: translateX(24px);
}
/* End Darkmode */

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

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

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

.feedbackBtn:hover {
  color: var(--llpTextColorDarkBlue);
}
/* End Feedback */

/* BBP  */
.llp_header_container_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
  padding: 0 0 15px 0;
}

.llp_header_container_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 30px;
}

/* Header With Border */
.llp_header_border_b {
  border-bottom: 1px solid var(--lightBlueGray3);
}

.llp_header_1 {
  font-size: 26px;
  font-weight: 600;
  line-height: 100%;
}

.llp_header_2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}

.llp_header_3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 100%;
}

.llp_header_6 {
  font-weight: 500;
  line-height: 100%;
  color: var(--llpTextColorBlueGray);
}

.llp_a_tag {
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  color: var(--darkBlue);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.llp_a_tag:hover {
  text-decoration: underline;
  opacity: 0.5;
}

.llp_search_input_1_icon {
  position: absolute;
  left: 15px;
}

.llp_search_input_1 {
  width: 100%;
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  background: var(--lightSkyBlue);
  font-family: var(--primaryFont);
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.llp_input_container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px 12px;
}

.llp_label2 {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: 10px;
  padding: 3px 5px;
  background: var(--white);
}

.llp_label2.active {
  color: var(--darkBlue);
}

.llp_input_2 {
  outline: none;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border-radius: 10px;
  padding-right: 15px;
  background: var(--white);
  font-family: var(--primaryFont);
  color: var(--llpTextColorDarkGray);
  font-size: var(--defaultTextFontSize);
  border: 1px solid var(--lightBlueGray3);
}

.llp_input_title_2 {
  display: block;
  font-weight: bold;
  line-height: normal;
  color: var(--llpTextColorBlueGray);
}

.llp_input_container_with_icon {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 15px;
  background: var(--white);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.llp_input_icon_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  height: 40px;
  width: 100%;
  max-width: 40px;
  color: var(--llpTextColorCharcoal);
  border-radius: var(--llpBorderRadius1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--lightBlueGray);
}

.llp_input_container label.error {
  display: block;
  color: var(--red);
}

.llp_form_helper {
  display: block;
  color: var(--llpTextColorBlueGray);
}

.llp_input_1 {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  background: var(--white2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.llp_input_with_icon {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.llp_icon_and_input {
  display: flex;
}

.llp_input_title {
  display: block;
  line-height: normal;
  font-weight: 400;
  color: var(--llpTextColorBlueGray);
}

.llp_checkbox_title {
  line-height: normal;
  font-weight: 400;
  color: var(--llpTextColorBlueGray);
}

.llp_text_area {
  resize: none;
  width: 100%;
  min-height: 150px;
  line-height: 150%;
  padding: 15px 15px;
  font-family: var(--primaryFont);
  color: var(--llpTextColorDarkGray);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius1);
  background-color: var(--lightSkyBlue);
  border: 1px solid var(--lightBlueGray3);
}

.llp_select {
  font-weight: normal;
  cursor: pointer;
  outline: none;
  width: 100%;
  min-height: 40px;
  padding: 10px 15px;
  letter-spacing: 0em;
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  font-family: var(--primaryFont);
  background: var(--white2);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.llp_select_with_icon {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.llp_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  width: fit-content;
  padding: 7px 15px;
  min-height: 40px;
  gap: 8px;
  font-family: var(--primaryFont);
  color: var(--llpTextColorWhite);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius1);
}

.llp_btn_small {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 12px;
  padding: 0px 20px;
}

.llp_btn_2 {
  border-radius: var(--llpBorderRadius2);
}

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

/* BBP Backgrounds */
.llp_bg_white {
  background: var(--white);
}

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

.llp_bg_gray {
  background: var(--gray);
}

.llp_bg_darkBlue {
  background: var(--darkBlue);
}

.llp_bg_blueGray {
  background: var(--blueGray);
}

.llp_bg_lightGreen {
  background: var(--lightGreen);
}

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

.llp_bg_royalBlue {
  background: var(--royalBlue);
}

.llp_btn:hover {
  opacity: 0.5;
}

.llp-page-title-parent-link {
  text-decoration: none;
  color: var(--llpTextColorCharcoal);
}

.llp-page-title-parent-link:hover {
  color: var(--darkBlue);
}

.llp_page_title {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 25px;
  line-height: 100%;
}

.llp_page_title_icon {
  font-size: 20px;
}

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

.pages_title_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}

.item_loaders {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 30px;
  min-height: 10vh;
  color: var(--darkBlue);
}

.page_loader {
  display: flex;
  position: fixed;
  justify-content: center;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--white);
}

.page_loader_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 250px;
  font-size: 25px;
  max-width: 300px;
  margin-top: 100px;
  border-radius: 5px;
  color: var(--darkBlue);
}

/* Table Loader */
.lds-ellipsis {
  display: inline-block;
  position: relative;
}
.lds-ellipsis div {
  position: absolute;
  top: -13px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--darkBlue);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* End BBP */

/* trumbowyg-box */
.trumbowyg-box,
.trumbowyg-editor {
  background: var(--lightSkyBlue) !important;
}

.trumbowyg-box {
  border: 1px solid var(--lightBlueGray3) !important;
}

/* Modal */
.modal {
  display: none;
  overflow: auto;
  position: fixed;
  align-items: start;
  justify-content: center;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.4);
}

.admin_modal .modal_content {
  width: 80%;
  max-width: 1500px;
}

.modal.show {
  display: flex;
}

.modal_content.dialog_modal_content {
  text-align: center;
  max-width: 450px;
}

.modal_content {
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  margin-inline: 20px;
  border-radius: 10px;
  background-color: var(--white);
  box-shadow: var(--defaultBoxShadow);
}

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

.modal_body {
  padding: 15px 10px;
}

.modal_footer {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 10px;
  column-gap: 10px;
  border-top: 1px solid var(--lightBlueGray3);
}

.modal_footer.dialog_modal_footer {
  justify-content: center;
}

.modal_confirmation_btn {
  height: 30px;
  min-width: 70px;
  min-height: 30px;
}

.modal_cancel_btn {
  background: var(--lightSlate3);
  color: var(--llpTextColorSlate);
  border: var(--lightBlueGray) 1px solid;
}

.modal_close_btn {
  font-size: 28px;
  font-weight: bold;
}

.modal_close_btn:hover,
.modal_close_btn:focus {
  opacity: 0.5;
  cursor: pointer;
}

.dialog_btn {
  min-width: 70px;
  min-height: 30px;
}

.modal_form_container {
  padding: 10px;
  background: var(--white);
}
/* End Modal */

/* Sidebar */
.sidebar {
  position: sticky;
  width: 100%;
  max-width: 250px;
  transition: 0.3s ease-in-out width;
  height: 100dvh;
  min-height: 100vh;
  max-height: 100vh;
  top: 0;
  left: 0;
  z-index: 5;
  overflow-y: scroll;
  background: var(--white);
  -webkit-overflow-scrolling: touch;
}

.sidebar::-webkit-scrollbar {
  width: 2px;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: var(--llpTextColorBlueGray);
  border-radius: 2px;
}

.sidebar_copyright {
  text-align: center;
  margin-top: auto;
  font-size: 12px;
  padding-top: 30px;
  padding-bottom: 20px;
}

/* Dark */
body.dark-mode .sidebar.close #logoImageContainer {
  content: url("/content/images/logo-mobile-dark.png");
  width: 100%;
  max-width: 50px;
  min-width: 47px;
}

body.dark-mode .sidebar #logoImageContainer {
  content: url("/content/images/logo-desktop-dark.png");
  width: 100%;
  max-width: 164px;
}

body.dark-mode
  .sidebar.openMobile.close.mobile_view
  .sidebar_container.show
  #logoImageContainer {
  content: url("/content/images/logo-desktop-dark.png");
  max-width: 164px;
}

/* Icon Color */
.fa-trash-can {
  color: var(--red) !important;
}

/* Sidebar  */
.sidebar.close #logoImageContainer {
  content: url("/content/images/logo-mobile.png");
  width: 100%;
  max-width: 50px;
  min-width: 47px;
}

.sidebar #logoImageContainer {
  content: url("/content/images/logo-desktop.png");
  width: 100%;
  max-width: 164px;
}

.sidebar.openMobile.close.mobile_view
  .sidebar_container.show
  #logoImageContainer {
  content: url("/content/images/logo-desktop.png");
  max-width: 164px;
}

#sidebar_backdrop {
  display: none;
}

.sidebar.close {
  max-width: 96px;
  color: inherit;
  cursor: default;
  font-weight: normal;
  font-size: var(--defaultTextFontSize);
}

.sidebar.close .sidebar_container {
  padding: 10px 8px 10px 8px;
}

.sidebar_container {
  display: flex;
  flex-direction: column;
  min-height: inherit;
  width: 100%;
  padding: 10px 20px 10px 20px;
}

.sidebar .icon {
  font-size: 20px;
}

.sidebar .sidebar_logo_container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  gap: 10px;
  background: var(--white2);
}

.sidebar_logo_container a {
  text-decoration: none;
  line-height: 0px;
}

.sidebar.close .sidebar_btn {
  width: 100%;
  justify-content: center;
}

.sidebar .sidebar_btn {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 15px;
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: var(--llpBorderRadius2);
  color: var(--llpTextColorCharcoal);
}

.sidebar .chevron {
  position: absolute;
  color: var(--llpTextColorCharcoal);
  right: 20px;
}

.sidebar .chevron span {
  display: flex;
  align-items: center;
  justify-content: center;
}

#sidebarMenuMobile {
  display: none;
}

.sidebar_btn:hover {
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

.sidebar_btn:hover .icon,
.sidebar_btn:hover .sidebar_text_icon {
  color: var(--llpTextColorWhite);
}

.sidebar.close .sidebar_text {
  display: none;
}

.sidebar.close .chevron {
  right: 5px;
}

.active_page {
  background: var(--darkBlue) !important;
  color: var(--llpTextColorWhite) !important;
}

#admin_sidebar .active_page,
#admin_sidebar .sidebar_btn:hover {
  background: var(--orange) !important;
}

.sidebar .sidebar_text p {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.sidebar_text_icon {
  font-size: 12px;
  color: var(--darkBlue);
}

.sidebar.close .sidebar_text_icon {
  position: absolute;
  right: 8px;
}

.sidebar_menu_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}

.sidebar_item a {
  text-decoration: none;
}

.sidebar_menu_container .item2_sub_menu {
  flex-direction: column;
  gap: 10px 0;
  display: none;
  margin-left: 15px;
}

.sidebar_menu_container .item2_sub_menu.show {
  display: flex;
  margin-top: 15px;
  margin-left: 25px;
}

.sidebar.close .item2_sub_btn {
  padding: 0 4px;
  font-size: 18px;
  justify-content: center;
}

.sidebar.close .item2_sub_btn span {
  display: none;
}

.item2_sub_btn {
  outline: none;
  border: none;
  height: auto;
  display: flex;
  cursor: pointer;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  width: 100%;
  font-size: 15px;
  min-height: 44px;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 10px;
  text-decoration: none;
  background: var(--white);
  color: var(--llpTextColorCharcoal);
}

.item2_sub_btn:hover {
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

.training-btn {
  background: var(--blueGray);
  color: var(--llpTextColorWhite) !important;
}
/* End Sidebar */

/* Navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 0 10px;
  border-bottom: 0;
  min-height: 62px;
  padding: 15px 30px;
  background: var(--white);
  box-shadow: 1px 0px 0px 0px var(--lightGray) inset;
}

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

.navbar_hamburger_container,
.navbar_logo_container,
.page_footer {
  display: none;
}

.sidebar_menu_btn {
  display: flex;
  cursor: pointer;
  font-size: 20px;
  color: var(--llpTextColorDarkGray);
}

.navbar .nav_menu {
  display: flex;
  gap: 0 16px;
  align-items: center;
}

.navbar .avatar_container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 4px;
}

.avatar_container .avatar_chevron {
  cursor: pointer;
}

.navbar .notification_container {
  position: absolute;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  max-height: 405px;
  padding: 12px;
  width: 100%;
  max-width: 392px;
  z-index: 5;
  top: 75px;
  right: 30px;
  border-radius: 16px;
  overflow-y: auto;
  display: none;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border: 1px solid var(--lightSlate3);
}

.navbar .notification_container.show {
  display: flex;
}

.navbar .notification_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding-bottom: 6px;
  padding-inline: 12px;
  border-bottom: 1px solid var(--lightBlueGray3);
}

.navbar .notification_header h2 {
  font-size: 20px;
  font-weight: 600;
}

.navbar .notification_header a {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  color: var(--llpTextColorDarkBlue);
}

.navbar .notification_header a:hover {
  text-decoration: underline;
}

.navbar .notification_item_container {
  display: flex;
  flex-direction: column;
  padding: 12px;
  width: 100%;
  gap: 20px 0;
}

.navbar .notification_item {
  position: relative;
  display: flex;
  width: 100%;
  gap: 5px 12px;
}

.navbar .name {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 5px;
}

.notification_item {
  position: relative;
}

.notification_status {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  gap: 5px 16px;
  font-weight: 400;
  color: var(--llpTextColorBlueGray);
}

.notification_status .circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--darkBlue);
}

.navbar .product_item {
  font-size: 16px;
  font-weight: 400;
  color: var(--llpTextColorBlueGray);
}

.navbar .product_item span {
  font-weight: 800;
  color: var(--llpTextColorCharcoal);
}

.navbar .notification_avatar_con {
  position: relative;
}

.navbar .notification_avatar_img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--skyBlue);
}
s .navbar .notification_avatar_con img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar .shopping_bag {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  padding: 2px;
  font-size: 10px;
  border-radius: 50%;
  background: var(--darkBlue);
  border: 2px solid var(--white);
  color: var(--llpTextColorWhite);
}

.navbar .avatar_letter_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 48px;
  background: var(--peach);
  border: 2px solid var(--lightBlueGray2);
}

#avatarLetter {
  cursor: pointer;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.avatar_menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 12;
  min-width: 220px;
  top: 50px;
  right: 0;
  padding: 10px;
  border-radius: 20px;
  background: var(--white);
  border: 1px solid var(--lightSlate3);
}

.avatarMenuList {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding: 7px 0;
}

.avatarMenuList li {
  list-style: none;
}

.avatar_menu_tag {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 5px;
  color: var(--llpTextColorCharcoal);
}

.avatar_menu_tag:hover,
.avatar_menu_tag.active {
  background: var(--lightGray);
}

.avatar_tag_icon {
  margin-right: 10px;
}

.avatar_tag_external_icon {
  font-size: 10px;
  margin-left: 5px;
}

.avatarMenu_separator {
  border-bottom: 1px var(--lightSlate3) solid;
}

.navbar .notification_btn {
  cursor: pointer;
  color: var(--llpTextColorDarkGray);
  font-size: 20px;
}
/* End Navbar */

.content {
  width: calc(100% - 250px);
  min-height: 100dvh;
  overflow: hidden;
  height: auto;
  margin-left: auto;
  transition: 0.3s ease-in-out width;
  background: var(--lightGray);
}

.content.full {
  width: calc(100% - 96px) !important;
}

.container {
  padding: 30px 30px;
}

/* Auth Page */
.auth_container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  gap: 25px 20px;
  background: var(--white2);
}

.auth_form_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  border-radius: var(--llpBorderRadius1);
}

.auth_form_input_container {
  display: flex;
  flex-direction: column;
  gap: 20px 20px;
  margin-bottom: 25px;
}

.auth_content {
  width: 100%;
  max-width: 460px;
  padding: 30px 25px;
  background: var(--white);
  border-radius: var(--llpBorderRadius2);
}

.auth_design {
  width: 100%;
  background-image: url("/content/images/auth-bg.png");
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 25px 20px;
}

.auth_design_text {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 20px;
  max-width: 450px;
  color: var(--llpTextColorWhite);
}

.auth_design_text .llp_header_2 {
  color: var(--llpTextColorWhite);
}

.auth_screens_image img {
  width: 100%;
  max-width: 520px;
}

.auth_header_container {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 15px 10px;
  margin-bottom: 30px;
}

.auth_logo_container {
  line-height: 0px;
  padding: 20px 20px;
  background: var(--white);
  border-radius: var(--llpBorderRadius2);
}

.auth_logo_container img {
  width: 100%;
  max-width: 170px;
}

/* Date Picker */
.report_range {
  cursor: pointer;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 15px;
  min-height: 40px;
  min-width: 300px;
  gap: 5px 8px;
  background: var(--lightSkyBlue);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

/* Custom Date Picker Color */
.daterangepicker {
  background-color: var(--white2) !important;
  border: 1px solid var(--lightBlueGray) !important;
}

.daterangepicker .calendar-table {
  background-color: var(--white) !important;
  border: 1px solid var(--lightBlueGray) !important;
}

.daterangepicker .drp-buttons {
  border: 1px solid var(--lightBlueGray) !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid var(--lightBlueGray) !important;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  background-color: var(--white) !important;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background-color: var(--darkBlue) !important;
  color: var(--llpTextColorWhite) !important;
}

.daterangepicker td.in-range {
  background: #ebf4f8 !important;
}

.daterangepicker td.active {
  background-color: var(--darkBlue) !important;
  color: var(--llpTextColorWhite) !important;
}

.daterangepicker .calendar-table .prev span {
  border: solid var(--llpTextColorCharcoal) !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.daterangepicker .calendar-table .next span {
  border: solid var(--llpTextColorCharcoal) !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
/* End Custom Date Picker Color */

.va_count_container {
  display: flex;
  align-items: center;
}

#vaCount {
  font-size: 18px;
}

.all_va_dropdown_filter {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  min-width: 250px;
  max-width: 300px;
  font-weight: 500;
  background: var(--lightSkyBlue);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.all_va_filter_btn {
  padding: 8px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

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

.all_va_filter_container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50px;
  z-index: 1;
  border-radius: 7px;
  padding: 15px 15px;
  flex-direction: column;
  gap: 14px 0;
  display: none;
  max-height: 180px;
  overflow-y: scroll;
  background: var(--white2);
  box-shadow: var(--defaultBoxShadow);
  border: 1px var(--lightBlueGray) solid;
}

.all_va_filter_container::-webkit-scrollbar {
  width: 2px;
}

.all_va_filter_container::-webkit-scrollbar-thumb {
  background-color: var(--llpTextColorBlueGray);
  border-radius: 2px;
}

.all_va_filter_container.show {
  display: flex;
}

.all_va_filter_item {
  display: flex;
  gap: 0 10px;
  font-weight: 500;
}

.all_va_filter_item label {
  cursor: pointer;
}

.asin_link {
  font-weight: normal;
  text-decoration: none;
}

/* Tooltip */
.tooltip {
  pointer-events: none;
  position: relative;
  z-index: 999;
  margin-inline: 15px;
}

/* Sidebar Menu */
.tooltip.sidebar-tooltip .tooltip-inner::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent var(--blueGray);
}

/* Deals */
.tooltip.dealsTitle .tooltip-inner::after {
  display: none;
}

.tooltip .tooltip-inner {
  position: relative;
  margin-inline: auto;
  text-align: center;
  z-index: 999;
  padding: 10px 15px;
  border: 1px solid var(--lightBlueGray);
  border-radius: var(--llpBorderRadius1);
  box-shadow: var(--defaultBoxShadow);
  background: var(--white2);
}

.tooltip.bs-tooltip-top .tooltip-inner {
  margin-bottom: 14px;
}

.tooltip.bs-tooltip-bottom .tooltip-inner {
  margin-top: 14px;
}

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

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

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

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

.tooltip.bs-tooltip-right .tooltip-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent var(--blueGray) transparent transparent;
}

.fees_tooltip_container {
  padding: 15px 12px;
  min-width: 260px;
}

.fees_tooltip_title {
  margin-bottom: 14px;
}

.bbpscore-title {
  font-size: 15px;
  font-weight: 500;
  margin: 5px 0 3px 0;
  text-align: center;
}

.bbpscore-tooltip {
  margin-top: 5px;
  max-width: 250px;
  padding-inline: 7px;
}

.bbpscore-tooltip li {
  list-style: none;
  padding: 6px 0;
  text-align: center;
  border-bottom: var(--lightBlueGray) 1px solid;
}

.bbpscore-tooltip li:last-child {
  border-bottom: none;
}

/* Fancy Box Design */
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
  width: fit-content;
  margin-inline: auto;
  padding: 10px 30px;
  margin-bottom: 10px;
  border-radius: var(--llpBorderRadius2);
  background: var(--white) !important;
  color: var(--llpTextColorCharcoal);
}

/* Data Table */
.custom_data_table_container {
  max-width: 100%;
  padding: 30px 25px;
  margin-inline: auto;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border-radius: var(--llpBorderRadius1);
}

.nested-table-container {
  overflow: auto;
  max-width: 100%;
  max-height: 400px;
  border-radius: 5px;
  padding: 10px 20px !important;
  background: var(--white);
  border: 1px solid var(--lightBlueGray3);
}

.nested-table-container .nested-table tbody tr:hover {
  background: var(--veryLightGray);
}

table.customDataTableV2.dataTable.nested-table > thead > tr > th,
table.customDataTableV2.dataTable.nested-table > tbody > tr > td {
  font-size: 13px;
  padding: 10px 20px !important;
}

table.customDataTableV2.dataTable.nested-table > thead > tr > th:first-child {
  padding-left: 0 !important;
}

.customDataTableV2_container
  .customDataTableV2.nested-table
  tbody
  td
  .llp_a_tag,
.customDataTableV2_container .customDataTableV2.nested-table tbody td p,
.customDataTableV2_container .customDataTableV2.nested-table tbody td span {
  font-size: 13px;
}

.nested-table-container .dataTables_wrapper .dataTables_filter {
  float: left;
  margin-bottom: 5px;
}

.nested-table-container .dataTables_wrapper .dataTables_filter input {
  height: 35px;
  margin-left: 0px;
  border-radius: 5px;
  padding-inline: 15px;
  background: var(--white);
  font-family: var(--primaryFont);
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  border: 1px solid var(--lightBlueGray3);
}

.nested-table-error {
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: var(--red);
  background: var(--dangerRedBg);
}

/* Data Table Design */
/* .customDataTable {
  width: 100% !important;
}

.customDataTable tbody td:first-child {
  text-align: start !important;
  padding-left: 0px !important;
} */

/* .customDataTable tbody td {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  max-width: 120px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 16px 18px !important;
  border-bottom: var(--lightBlueGray3) 1px solid;
} */

/* .customDataTable tbody tr .dataTables_empty {
  text-align: center !important;
} */

/* .dataTables_scrollHead thead tr th {
  font-size: 14px;
  overflow: hidden;
  word-wrap: break-word;
  font-weight: normal !important;
  text-align: center !important;
  max-width: 120px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 16px 18px !important;
  color: var(--llpTextColorBlueGray);
  border-bottom: 1px var(--lightBlueGray3) solid !important;
}

.dataTables_scrollHead thead tr th:first-child {
  text-align: start !important;
  padding-left: 0 !important;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

.dataTables_scrollHeadInner table {
  width: 100% !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none !important;
}

.dataTables_wrapper {
  overflow: auto;
  min-height: 50px;
  color: var(--llpTextColorCharcoal);
}

.dataTables_paginate.paging_simple_numbers span .paginate_button.current {
  color: #fff !important;
}

.dataTables_paginate.paging_simple_numbers span .paginate_button.current:hover {
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
  display: flex;
  justify-content: center;
}

.dataTables_wrapper .dataTables_paginate span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--llpTextColorBlueGray);
}

.dataTables_wrapper .dataTables_paginate span .ellipsis {
  width: fit-content;
  color: var(--llpTextColorBlueGray);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none !important;
  outline: none !important;
  margin-left: 0 !important;
  border-radius: 5px !important;
  color: var(--llpTextColorBlueGray);
  background: var(--lightGray) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--darkBlue) !important;
}

.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
  border: none !important;
  outline: none !important;
  background: none !important;
  color: var(--llpTextColorCharcoal) !important;
}

.dataTables_wrapper .paginate_button.previous.disabled,
.dataTables_wrapper .paginate_button.next.disabled {
  pointer-events: none !important;
}

.dataTables_scrollHead thead tr th::before,
.dataTables_scrollHead thead tr th::after {
  right: 0 !important;
} */

/* Data Table V2 */
.customDataTableV2_container {
  width: 100% !important;
  overflow: auto;
  position: relative;
}

.customDataTableV2_container table.customDataTableV2.dataTable {
  width: 100% !important;
}

div.dataTables_processing > div:last-child > div {
  background: var(--darkBlue) !important;
}

table.customDataTableV2.dataTable > thead > tr > th {
  white-space: nowrap;
  padding: 16px 30px;
  color: var(--llpTextColorBlueGray);
  border-bottom: solid 1px var(--lightBlueGray3) !important;
}

table.customDataTableV2.dataTable > tbody > tr > td {
  font-weight: normal;
  padding: 16px 30px;
  border-bottom: solid 1px var(--lightBlueGray3);
}

table.customDataTableV2.dataTable.no-footer {
  border-bottom: 0;
  width: 100% !important;
}

.customDataTableV2_container .customDataTableV2 thead th {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: break-word;
  padding: 16px 30px !important;
  color: var(--llpTextColorBlueGray);
  font-size: var(--defaultTextFontSize);
  border-bottom: 1px solid var(--lightBlueGray3);
}

.customDataTableV2_container .customDataTableV2 tbody td {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  word-wrap: break-word;
  vertical-align: middle;
  font-weight: 500;
  max-width: 200px;
  padding: 16px 18px !important;
  text-overflow: ellipsis !important;
  font-size: var(--defaultTextFontSize);
  border-bottom: 1px solid var(--lightBlueGray3);
}

.customDataTableV2_container .customDataTableV2 tr.dt-hasChild {
  background: var(--lightGray);
}

.customDataTableV2_container .customDataTableV2 tbody td.nested-td {
  padding: 10px !important;
  background: var(--lightGray);
}

.customDataTableV2_container .customDataTableV2 thead th:first-child,
.customDataTableV2_container
  .customDataTableV2
  tbody
  td:first-child:not(.dataTables_empty):not(.nested-td) {
  text-align: start !important;
  padding-left: 0px !important;
}

.customDataTableV2_container .customDataTableV2 thead th:last-child {
  text-align: center !important;
}

.customDataTableV2_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 15px;
}

.dataTables_wrapper .customDataTableV2_footer .dataTables_paginate,
.dataTables_wrapper .customDataTableV2_footer .dataTables_info {
  float: unset;
  display: flex;
  gap: 10px;
  padding-top: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none !important;
}

.dataTables_wrapper {
  overflow: auto;
  min-height: 50px;
  color: var(--llpTextColorCharcoal);
}

.dataTables_paginate.paging_simple_numbers span .paginate_button.current,
.dataTables_paginate.paging_simple_numbers span .paginate_button.current:hover {
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate {
  display: flex;
  justify-content: center;
  padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--llpTextColorBlueGray);
}

.dataTables_wrapper .dataTables_paginate span .ellipsis {
  width: fit-content;
  color: var(--llpTextColorBlueGray);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none !important;
  outline: none !important;
  margin-left: 0 !important;
  border-radius: 5px !important;
  color: var(--llpTextColorBlueGray);
  background: var(--lightGray) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--darkBlue) !important;
}

.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
  border: none !important;
  outline: none !important;
  background: none !important;
  color: var(--llpTextColorCharcoal) !important;
}

.dataTables_wrapper .paginate_button.previous.disabled,
.dataTables_wrapper .paginate_button.next.disabled {
  pointer-events: none !important;
}

.dataTables_scrollHead thead tr th::before,
.dataTables_scrollHead thead tr th::after {
  right: 0 !important;
}

/* Bundle Item CSS */
.bundle_recommendations_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px 20px;
  margin-bottom: 25px;
}

.productContainer {
  padding: 15px 20px;
  overflow: hidden;
  border-radius: var(--llpBorderRadius1);
  background: var(--white);
  border: 1px solid var(--lightBlueGray);
}

.product-title {
  padding: 10px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 5px 8px;
  width: 100%;
  color: var(--darkBlue);
  border-bottom: var(--lightBlueGray2) 1px solid;
}

.product-title span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product-title:hover {
  color: var(--llpTextColorDarkBlue);
  text-decoration: underline;
}

.product-top-info {
  display: flex;
  align-items: start;
  gap: 8px 15px;
  padding: 15px 0;
}

.product-image {
  min-height: auto;
  display: flex;
  align-items: start;
  justify-content: start;
  line-height: 0px;
  object-fit: contain;
  border-radius: var(--llpBorderRadius2);
}

.product-image a img {
  width: 140px;
  height: 140px;
  object-fit: contain;
}

.product-details {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  gap: 4px 8px;
  color: var(--llpTextColorCharcoal);
}

.product-details span b {
  color: var(--llpTextColorCharcoal);
}

.product-actions {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 15px;
  gap: 8px 12px;
}

.product_table_actions {
  display: flex;
  align-items: center;
  gap: 7px 12px;
}

/** ------------------------------------------------------- Inline CSS ------------------------------------------------------------- */

/*? ----------------------------------------------  Login Page ---------------------------------------------- */
.form .description {
  text-align: start;
  margin-bottom: 25px;
  color: var(--llpTextColorBlueGray);
}

.login_link_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}

.login_link_container a {
  font-weight: normal;
}

.buyLicenseKey {
  width: 100% !important;
  max-width: 250px;
  margin-top: 25px;
  margin-inline: auto;
  text-transform: uppercase;
}

/*? ----------------------------------------------  Forgot Password Page ---------------------------------------------- */
.cancel_btn {
  color: var(--llpTextColorBlueGray);
  border: 1px solid var(--lightBlueGray3);
}

.auth_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px 20px;
}

/*? ---------------------------------------------- Help Page ---------------------------------------------- */
.faq_container {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}

#faq .loader {
  padding: 20px;
  font-size: 20px;
  text-align: center;
  color: var(--darkBlue);
}

#faq .error {
  color: var(--red);
  text-align: center;
  padding: 10px;
  font-size: 16px;
}

.faq_item {
  border-radius: 14px;
  padding: 30px 25px;
  border: var(--lightBlueGray2) solid 1px;
  background: var(--white);
}

.faq_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  background: var(--white);
}

.faq_header h2 {
  font-size: 20px;
  font-weight: 800;
  color: var(--llpTextColorCharcoal);
}

.faq_header i {
  font-weight: 600;
  font-size: 20px;
  color: var(--llpTextColorDarkBlue);
}

.help_header_container {
  margin-bottom: 20px;
  display: flex;
  gap: 20px 80px;
  justify-content: space-between;
}

.help_menu_header_btn {
  width: 100%;
  padding: 25px 15px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
  border-radius: 12px;
  cursor: pointer;
  border: 2px var(--lightBlueGray2) solid;
}

.help_menu_header_btn .icon {
  color: var(--llpTextColorCharcoal);
}

.help_menu_header_btn.active {
  background: var(--white);
  border: 2px solid var(--darkBlue);
}

.help_menu_header_btn h2 {
  font-size: 24px;
  font-weight: 800;
}

.help_menu_header_btn.active h2 {
  color: var(--darkBlue);
}

.help_menu_header_btn .icon i {
  font-size: 50px;
}

.accordion_item {
  cursor: pointer;
}

.faq_content {
  max-height: 0;
  font-weight: 400;
  text-align: left;
  color: var(--llpTextColorBlueGray);
  background: var(--white);
  display: none;
}

.faq_content ul {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 5px;
}

.faq_content.active {
  display: block;
  max-height: max-content;
  margin-top: 15px;
}

.training_container {
  border-radius: 14px;
  padding: 30px 25px;
  color: var(--llpTextColorCharcoal);
  border: var(--lightBlueGray2) solid 1px;
  background: var(--white);
}

.training_container h3 {
  margin-bottom: 10px;
}

/*? ---------------------------------------------- FAQ Admin Page ------------------------------------------------- */
#faqAdmin .customDataTableV2_container .customDataTableV2 thead th {
  padding: 16px 18px !important;
}

.video-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.video_remove_btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-bottom: 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dangerRedBg);
  color: var(--dangerRedTxt);
}

.deleteUploadImage {
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.video_remove_btn:hover,
.deleteUploadImage:hover {
  opacity: 0.7;
}

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

#ddFilterCategories,
#ddFaqType {
  max-width: 150px;
  background: var(--lightSkyBlue);
}

.categoriesSearch_container {
  width: 100%;
  min-width: 250px;
}

#categoriesSearchInput {
  padding-left: 20px;
}

.faq_modal_form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

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

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

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

.faqTypeBtn_item label {
  cursor: pointer;
}

.categoryList_container {
  overflow-y: scroll;
  padding-right: 5px;
  max-height: 500px;
}

.categoryList_container::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--white);
}

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

/* Style the scrollbar */
.categoryList_container::-webkit-scrollbar {
  width: 3px;
}

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

#categoryList td {
  padding: 3px;
  text-align: left;
}

#categoryList td:first-child {
  width: 30px;
}

#categoryList td:last-child {
  text-align: center;
  padding: 0;
}

#categoryInfo {
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}

#categoryInfo.error {
  background: var(--dangerRedBg);
  color: var(--dangerRedTxt);
}

#categoriesModal .modal_header {
  margin-bottom: 20px;
}

#categoriesModal .modal_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

#categoriesModal .cancelAndSaveContainer {
  display: flex;
  align-items: center;
  gap: 10px;
}

#cancelCategoryBtn {
  background: var(--lightSlate3);
  color: var(--llpTextColorSlate);
  border: var(--lightBlueGray) 1px solid;
}

#addCategoryBtn {
  background: var(--orange);
}

.category_no {
  max-width: 50px;
  width: 50px;
  cursor: move;
  text-align: center !important;
}

.category_name {
  padding: 15px;
  border-radius: 5px;
  background-color: var(--white2);
}

.categoryDelete_btn {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--red);
}

.categoryDelete_btn:hover {
  opacity: 0.7;
}

#faqTableConfirmationBox .modal_content,
#categoriesConfirmationBox .modal_content {
  text-align: center;
  max-width: 450px;
}

#faqTableConfirmationBox .modal_footer,
#categoriesConfirmationBox .modal_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#faqAdmin
  .customDataTableV2_container
  .customDataTableV2
  tbody
  td:first-child:not(.dataTables_empty),
#faqAdmin .customDataTableV2_container .customDataTableV2 thead th:first-child {
  text-align: center !important;
  max-width: 25px !important;
  width: 25px !important;
  padding: 0 !important;
}

#faqAdmin .customDataTableV2_container .customDataTableV2 thead th:nth-child(2),
#faqAdmin .customDataTableV2_container .customDataTableV2 thead th:nth-child(3),
#faqAdmin .customDataTableV2_container .customDataTableV2 tbody td:nth-child(2),
#faqAdmin
  .customDataTableV2_container
  .customDataTableV2
  tbody
  td:nth-child(3) {
  text-align: left !important;
}

.faq_input_title {
  padding-left: 15px;
  padding-right: 15px;
}

#faqDescription {
  padding: 15px;
  min-height: 250px;
  background: var(--lightSkyBlue);
}

#ddCategories {
  background: var(--lightSkyBlue);
}

#saveFaqBtn,
#updateFaqBtn {
  min-width: 80px;
}

.faqActionBtnContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.faqActionBtnContainer .llp_a_tag {
  font-size: 12px;
}

.faqActionBtnContainer button {
  cursor: pointer;
  outline: none;
  border: none;
  background: none;
}

.faqActionBtnContainer button.faqEditBtn {
  color: var(--darkBlue);
}

.faqActionBtnContainer button.faqDeleteBtn {
  color: var(--red);
}

.faqActionBtnContainer button:hover {
  opacity: 0.7;
}

/*? ---------------------------------------------- Admin Ads Page ----------------------------------------------*/
.ads_form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.countryLabel {
  cursor: pointer;
}

.ads_countries_chk {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 5px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--lightBlueGray3);
}

#adsShowXTxt,
.ads_countries_chk {
  background: var(--lightSkyBlue) !important;
}

.country_chk_item,
.ads_isActive_container {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

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

#tblAdsAdmin .deleteUploadImage {
  display: none;
}

#adsAdmin .customDataTableV2_container .customDataTableV2 tbody td {
  white-space: normal;
}

/*? ---------------------------------------------- Admin Settings Page ----------------------------------------------*/
.settingAdmin_page_loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 10vh;
}

.settingAdmin_page_loader span {
  font-size: 24px;
  color: var(--darkBlue);
}

.settingsAdmin_info_grid {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.settingsAdmin_info_title {
  font-weight: bold;
  margin-bottom: 10px;
}

.settingsAdmin_info_title span {
  font-weight: normal;
  color: var(--llpTextColorSlate);
}

/*? ------------------------------------- Admin Activations Page ----------------------------------------------*/
#activationsAdmin .customDataTableV2_container .customDataTableV2 thead th {
  padding: 16px 18px !important;
}

#activationsAdmin
  .customDataTableV2_container
  .customDataTableV2
  thead
  th:first-child {
  padding-inline: 0 !important;
}

.adminDeleteActivationBtn {
  display: flex;
  align-items: center;
  column-gap: 5px;
  min-width: 150px;
  background: var(--orangeRed);
}

.admin_action_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 10px;
}

.admin_search_container {
  display: flex;
  align-items: center;
  max-width: 500px;
  min-height: 40px;
  width: 100%;
  gap: 10px;
}

.adminSearchInput {
  padding-left: 20px;
}

.license_activation_search_btn {
  min-height: 40px;
  min-width: 70px;
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
  border: 1px solid var(--darkBlue);
}

#activationChkItems {
  font-family: sans-serif;
  font-weight: bold;
}

#tblActivationsAdmin .activationCellContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

#tblActivationsAdmin .activationCellContainer.email p {
  text-align: start !important;
}

#tblActivationsAdmin .activationCellContainer p {
  width: 100%;
}

#tblActivationsAdmin .activationCellContainer.email {
  justify-content: start;
}

#tblActivationsAdmin .activationCellContainer:hover .activationDeleteBtn {
  display: block;
  pointer-events: all;
  opacity: 1;
}

#tblActivationsAdmin .activationDeleteBtn {
  cursor: pointer;
  pointer-events: none;
  margin-left: 5px;
  opacity: 0;
}

#tblActivationsAdmin .activationDeleteBtn:hover {
  opacity: 0.7 !important;
}

#tblActivationsAdmin tbody td {
  max-width: unset !important;
}

#tblActivationsAdmin tbody td:first-child:not(.dataTables_empty),
#tblActivationsAdmin thead tr th:first-child {
  padding: 0 !important;
  min-width: 0;
  width: 15px;
}

#tblActivationsAdmin thead th.activationEmailCell {
  text-align: start;
}

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

.adminActivation_cards_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 25px;
}

.adminActivation_card {
  width: 100%;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
}

.activation_card_title {
  font-size: 20px;
  margin-bottom: 10px;
}

.adminActivation_card_item_container {
  display: flex;
  justify-content: center;
  gap: 5px 10px;
}

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

.activation_card_label {
  font-size: 16px;
}

.activation_card_value {
  font-weight: bold;
}

.activation_card_value.success {
  color: var(--green);
}

.activation_card_value.failed {
  color: var(--red);
}

/*? ------------------------------------ Subscription Card ----------------------------------------------*/
.subscription-card {
  box-shadow: var(--defaultBoxShadow);
  border-bottom: 1px solid var(--lightBlueGray3);
}

.subscription-card-header {
  display: flex;
  align-items: center;
  padding: 10px;
  min-height: 60px;
  background: var(--lightBlueGray);
  color: var(--llpTextColorDarkGray);
  border: 1px solid var(--lightBlueGray3);
}

.subscription-card-content {
  background: var(--white);
}

.subscription-card-item {
  display: flex;
  border-bottom: 1px solid var(--lightBlueGray3);
}

.subscription-card-item:last-child {
  border-bottom: 0;
}

.subcription-card-title,
.subscription-card-data {
  padding: 15px;
}

.subcription-card-title {
  width: 20%;
  font-weight: bold;
  background: var(--white);
  color: var(--llpTextColorBlueGray);
  border-left: 1px solid var(--lightBlueGray3);
}

.subscription-card-data {
  width: 80%;
  border-left: 1px solid var(--lightBlueGray3);
  border-right: 1px solid var(--lightBlueGray3);
}

.subscription-card-status-tag {
  display: block;
  width: fit-content;
  padding: 5px;
  border-radius: 5px;
}

.subscription-card-status-tag.active {
  background: var(--green);
  color: var(--white);
}

.subscription-card-status-tag.expired {
  background: var(--red);
  color: var(--white);
}

.subscription-card-sub-key-txt {
  white-space: normal;
  word-break: break-all;
  overflow-wrap: break-word;
  margin-right: 20px;
}

.subscription-card-total-activation-txt {
  font-weight: bold;
}

.subcription-payment-method {
  text-transform: capitalize;
}
/*? ------------------------------------ Subscription Card ----------------------------------------------*/

/*? ------------------------------------- Admin User Manager Page ----------------------------------------------*/
#userManagerAdmin .admin_search_container {
  max-width: 100%;
}

#userManagerAdmin .modal {
  align-items: center;
}

#userManagerAdmin .usrMngr_section_title {
  font-size: 20px;
  font-weight: 600;
}

#userManagerAdmin #usrMngrDeleteBtn {
  cursor: pointer;
  font-size: 14px;
}

#userManagerAdmin #usrMngrDeleteBtn:hover {
  opacity: 0.7;
}

#userManagerAdmin .generateType {
  font-weight: bold;
}

#userManagerAdmin #vaDashboardDetails {
  margin-bottom: 30px;
}

#userManagerAdmin #usrMngrVaTbl_wrapper .customDataTableV2_footer {
  display: none;
}

#userManagerAdmin #usrMngrActivationTblContainer {
  margin-top: 30px;
  box-shadow: var(--defaultBoxShadow);
  border: 1px solid var(--lightBlueGray3);
}

#usrMngrActivationTblContainer .admin_action_container {
  padding: 10px;
  min-height: 60px;
  background: var(--lightBlueGray);
  color: var(--llpTextColorDarkGray);
  border-bottom: 1px solid var(--lightBlueGray3);
}

#userManagerAdmin
  .customDataTableV2_container
  #usrMngrVaTbl.customDataTableV2
  tbody
  td:not(.dataTables_empty),
#userManagerAdmin
  .customDataTableV2_container
  #usrMngrVaTbl.customDataTableV2
  thead
  th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#userManagerAdmin
  #tblActivationsAdmin
  tbody
  td:first-child:not(.dataTables_empty),
#userManagerAdmin #tblActivationsAdmin thead tr th:first-child {
  padding-left: 15px !important;
}

#userManagerAdmin
  #tblActivationsAdmin
  tbody
  td:last-child:not(.dataTables_empty),
#userManagerAdmin #tblActivationsAdmin thead tr th:last-child {
  padding-right: 15px !important;
}

#userManagerAdmin .customDataTableV2_footer {
  padding-inline: 15px;
  margin-bottom: 20px;
}

#userManagerAdmin .usrMngrTblContainer {
  overflow-y: auto;
  max-height: 350px;
}

#userManagerAdmin .currentPassword_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0px;
}

#userManagerAdmin .currentPasswordTxt.active {
  font-size: 18px;
  margin-right: 20px;
  font-weight: bold;
  color: var(--green);
}

#userManagerAdmin .usermanager_generate_btn {
  background: var(--darkBlue);
}

#userManagerAdmin .va_status {
  font-weight: bold;
  text-transform: uppercase;
}

#userManagerAdmin .va_status.active {
  padding-right: 5px;
  color: var(--green);
}

#userManagerAdmin .va_status.passive {
  color: var(--red);
}

#userManagerAdmin .usrMngrSearchInput {
  width: 100%;
  max-width: 420px;
  padding-left: 20px;
}

#userManagerAdmin #tblInvoicesAdmin tbody td:first-child:not(.dataTables_empty),
#userManagerAdmin #tblInvoicesAdmin thead tr th:first-child {
  padding-left: 15px !important;
}

/*? --------------------------------------- Admin User Page ----------------------------------------------*/
#usersAdmin .admin_search_container {
  max-width: 700px;
}

#usersAdmin .admin_user_search_container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

/*? ---------------------------------------------- Formula Editor Admin Page ------------------------------------------------- */
.formulaEditor-action-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.formulaEditor_addBtn {
  background: var(--white);
  color: var(--llpTextColorCharcoal);
  border: 1px solid var(--lightBlueGray3);
}

#tblFormulaEditorAdmin tr.invalid-formula {
  background: var(--dangerRedBg);
}

.customDataTableV2_container #tblFormulaEditorAdmin.customDataTableV2 tbody td {
  vertical-align: top;
}

.formulaTxtInput_container {
  display: flex;
  flex-direction: column;
}

.invalidFormulatxt {
  text-align: center;
  margin-top: 15px;
  color: var(--red);
}

#saveFormulaBtn {
  margin-left: auto;
  min-width: 80px;
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

.formulaEditor_deleteBtn {
  cursor: pointer;
}

.formulaEditor_deleteBtn:hover {
  opacity: 0.7;
}

.formulaTxtArea_container {
  line-height: 0;
}

.deleteFormulaMsg {
  font-style: italic;
}

.formulaEditorTxtArea {
  resize: none;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  width: 100%;
  max-height: 40px;
  padding: calc(21px / 2) 0;
  padding-inline: 10px;
  background: var(--white2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

.formulaSelect_container {
  margin-bottom: 10px;
}

/*? ---------------------------------------------- Affiliates Admin Page ------------------------------------------------- */
#affiliatesAdmin .admin_action_container {
  justify-content: start;
}

#affiliatesAdmin .admin_search_container {
  max-width: 400px;
}

#affiliatesAdmin tr.matched-row {
  background: var(--lightBlueGray) !important;
}

#affiliatesAdmin th.userPayment-control-container {
  max-width: 30px;
}

#affiliatesAdmin td.userPayment-control-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#affiliatesAdmin .userPayment-control {
  cursor: pointer;
  color: var(--darkBlue);
}

#affiliatesAdmin tr .approve-and-deny-btn-container {
  display: none;
}

#affiliatesAdmin tr:hover .approve-and-deny-btn-container {
  display: flex;
  align-items: center;
  gap: 5px;
}

#affiliatesAdmin .status-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#affiliatesAdmin tr td:last-child {
  padding: 12px 18px !important;
}

.approve-deny-btn {
  width: 25px;
  padding: 5px;
  height: 25px;
  border-radius: 3px;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--llpTextColorWhite);
  font-family: var(--primaryFont);
  font-size: var(--defaultTextFontSize);
}

.approve-deny-btn.approve {
  background: var(--green);
}

.approve-deny-btn.deny {
  background: var(--red);
}

.approve-deny-btn:hover {
  opacity: 0.7;
}

.affiliatesDd {
  height: 40px;
  min-width: 130px;
  max-width: 200px;
  background: var(--lightSkyBlue);
}

.affiliate-status.pending {
  color: var(--affiliateBlack);
}

.affiliate-status.complete {
  color: var(--affiliateGreen);
}

.affiliate-status.failed {
  color: var(--affiliateOrange);
}

.affiliate-status.refunded {
  color: var(--affiliateRed);
}

.affiliate-status.abandoned {
  color: var(--affiliateGray);
}

.affiliate-status.failed.sub-table {
  color: var(--affiliateRed);
}

.affiliate-status.refunded.sub-table {
  color: var(--affiliateOrange);
}

.affiliatesRefreshBtn {
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

/*? ---------------------------------------------- Release Notes Admin Page ------------------------------------------------- */
#tblReleaseNotesAdmin .deleteUploadImage {
  display: none;
}

#tblReleaseNotesAdmin .uploadedImageContainer {
  display: flex;
  align-items: center;
}

#tblReleaseNotesAdmin .uploadedImageContainer img {
  line-height: 0;
  max-width: 150px;
}

.releaseNoteCreateBtn {
  border-radius: 10px;
  margin-left: auto;
  background: var(--darkBlue);
}

.releaseNote-delete-btn {
  cursor: pointer;
}

.releaseNoteForm {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.releaseNote-version-text {
  background: var(--lightSkyBlue) !important;
}

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

.releaseNote-edit-btn {
  cursor: pointer;
  color: var(--darkBlue);
}

.releaseNote-delete-btn:hover,
.releaseNote-edit-btn:hover {
  opacity: 0.7;
}

.releaseNote-saveBtn {
  border-radius: 10px;
  background: var(--darkBlue);
}

/*? ---------------------------------------------- Admin Pages ----------------------------------------------*/
.admin_header_page_title_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 80px;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border: 1px solid var(--lightSlate3);
}

.admin_header_page_title {
  font-size: 24px;
  color: var(--llpTextColorDarkBlue);
}

.adminIsActive {
  display: block;
  width: fit-content;
  margin-inline: auto;
  padding: 5px;
  border-radius: 5px;
}

.adminIsActive.Yes {
  background: var(--green);
  color: var(--white);
}

.adminIsActive.No {
  background: var(--red);
  color: var(--white);
}

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

.adminChk_item {
  display: flex;
  cursor: pointer;
  font-weight: bold;
  align-items: center;
  gap: 5px 10px;
  height: 40px;
  border-radius: 5px;
  padding-inline: 10px;
  background: var(--lightSkyBlue);
  border: 1px solid var(--lightBlueGray3);
}

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

/*? ---------------------------------------------- Web View Page ----------------------------------------------*/
.webview_menus_container {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  margin-bottom: 20px;
}

.webview_search_container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.webview_search_input {
  width: 100%;
  padding-left: 20px;
}

.webview_search_btn {
  width: 100%;
  max-width: 170px;
}

#webviewLoadingDiv {
  font-size: 22px;
  min-height: 10vh;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--darkBlue);
}

#webviewNoExtensionDiv {
  margin-bottom: 15px;
}

.webviewNoExtensionDiv_container {
  display: flex;
  text-align: center;
  align-items: center;
  margin-inline: auto;
  justify-content: center;
  padding: 15px;
  min-height: 10vh;
  max-width: 500px;
  border-radius: 10px;
  color: var(--red);
  background: var(--dangerRedBg);
}

.webviewNoExtensionDiv_container a {
  font-weight: bold;
  text-decoration: none;
  color: var(--red);
}

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

.webview_app_iframe_container {
  outline: none;
  border: none;
  width: 100%;
  min-height: calc(100vh - 240px);
}

.webview_app_iframe_container.settings {
  min-height: calc(100vh - 130px);
}

.webview_app_iframe {
  border: none;
  outline: none;
  min-height: inherit;
  width: 100%;
  height: 100%;
}

#webview .webview_search_input {
  background: var(--white);
}

#webview .country_select_menu {
  background: var(--white);
}

.country_btn {
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  max-width: 70px;
  border-radius: 5px;
  background: var(--lightGray);
  font-family: var(--primaryFont);
  color: var(--llpTextColorDarkGray);
  font-size: var(--defaultTextFontSize);
  border: 1px solid var(--lightBlueGray3);
}

.country_btn:hover,
.country_btn.active {
  border: 1px solid var(--darkBlue);
  background: var(--fadedBlue) !important;
}

/*? ---------------------------------------------- Charts Page ----------------------------------------------*/
#chartBasicProductContainer {
  margin-inline: auto;
  width: 100%;
  padding: 10px;
  max-width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
}

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

.overview_item.right_item {
  width: 100%;
}

.heatmap_container {
  line-height: 0;
}

.overview_title {
  width: 35px;
  margin-right: 10px;
}

.overview_title.right_title {
  width: 35px;
}

#chartsSearchInput {
  background: var(--white);
}

/* Country Select Menu */
.search_and_country_container {
  display: flex;
  align-items: center;
  width: 100%;
}

#scanHistory .country_select_container {
  margin-right: auto;
}

.country_select_container {
  position: relative;
  display: inline-block;
}

.country_select_menu {
  cursor: pointer;
  max-width: unset;
  position: relative;
  border-radius: 5px;
  background: var(--white2);
}

.selected_country {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  min-width: 100px;
}

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

.select_country_list {
  position: absolute;
  z-index: 6;
  top: 100%;
  width: 100%;
  left: 0;
  background: var(--white);
  border: 1px solid var(--lightBlueGray3);
}

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

.country_select_item:hover,
.country_select_item.active {
  background: var(--lightBlueGray3);
}

.country_select_item img {
  width: 20px;
  height: 15px;
  margin-right: 10px;
}

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

.selected_countries_container.hide_labels .selected_country_name {
  display: none;
}

.selected_countries_container.hide_labels .selected_country_image {
  margin-right: 0px;
}

.selected_countries_container .selected_country_image {
  width: 20px;
  height: 15px;
  margin-right: 10px;
}

.selected_countries_container .countryPlaceHolder {
  white-space: nowrap;
}

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

/*? ---------------------------------------------- AI Analysis ----------------------------------------------*/
.ai-analysis-div {
  margin-inline: auto;
  max-width: 800px;
}

.text-ai-title-div {
  margin-bottom: 15px;
  text-align: center;
}

.text-ai-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 15px;
  background: linear-gradient(to right, #cf7bf1, #902df4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  background-clip: text;
}

.text-ai-sub-title {
  font-size: 16px;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  color: var(--llpTextColorCharcoal);
}

.ai-analysis-container {
  width: 100%;
  scale: 0.97;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  transition: 0.3s ease-in-out all;
  box-shadow: var(--defaultBoxShadow);
}

.ai-analysis-container:hover {
  scale: 1;
}

.ai-analysis-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  min-height: 70px;
  background: linear-gradient(to right, #c958f5, #902df4);
}

.ai-analysis-icon {
  padding: 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  color: var(--llpTextColorWhite);
}

.ai-analysis-title-container {
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: var(--llpTextColorWhite);
}

.ai-analysis-title {
  font-size: 16px;
  font-weight: bold;
}

.ai-analysis-body {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 20px;
  padding: 15px;
  min-height: 40px;
  max-height: 450px;
  background: var(--white);
}

.ai-analysis-message-container:only-child {
  margin-bottom: 50px;
}

.ai-analysis-message-container {
  padding: 10px;
  min-width: 300px;
  max-width: 520px;
  line-height: 150%;
  width: fit-content;
}

.ai-analysis-message-container p {
  white-space: normal;
  word-wrap: break-word;
}

.ai-reply {
  border-radius: 10px;
  border-bottom-left-radius: 0;
  background: var(--neutralLightGray2);
}

.user-reply {
  margin-left: auto;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  background: var(--blue);
  color: var(--llpTextColorWhite);
}

.ai-analysis-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px;
  background: var(--white);
  border-top: 1px solid var(--lightBlueGray3);
}

.ai-analysis-send-btn {
  border: none;
  outline: none;
  cursor: pointer;
  background: var(--lightPink3);
  width: 35px;
  height: 35px;
  padding: 10px;
  border-radius: 50px;
  color: var(--llpTextColorWhite);
}

.ai-analysis-send-btn:hover {
  opacity: 0.7;
}

.aiAnalysisSendBtn {
  border-top: 1px solid var(--lightSlate3);
}

.ai-analysis-search-txt {
  width: 100%;
  min-height: 35px;
  border-radius: 20px;
  padding-inline: 20px;
  background: var(--white2);
  border: 1px solid var(--gray2);
  font-family: var(--primaryFont);
  color: var(--llpTextColorBlack);
  font-size: var(--defaultTextFontSize);
}

.ai-analysis-time {
  font-size: 13px;
}

.ai-reply .ai-analysis-time {
  color: var(--grayishBlack);
}

.user-reply .ai-analysis-time {
  color: var(--llpTextColorWhite);
}

.ai-sparkle {
  filter: brightness(0) saturate(100%) invert(38%) sepia(61%) saturate(2186%)
    hue-rotate(254deg) brightness(104%) contrast(92%);
}

/*? ---------------------------------------------- Settings Page ----------------------------------------------*/
.settings_form_header {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--lightBlueGray3);
}

.settings_form_container {
  margin-bottom: 30px;
}

.settings_form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 20px;
}

.settings_input_container {
  width: 48%;
}

.settings_input_container.none {
  display: none;
}

.settings_input_container.current_password {
  width: 100%;
}

.settings_input_container.current_password .settings_form_input {
  width: 48%;
}

.settings_form_input {
  width: 100%;
  color: var(--llpTextColorCharcoal) !important;
}

.settings_btn {
  margin-top: 20px;
  margin-left: auto;
}

/*? ---------------------------------------------- Scan History Page ----------------------------------------------*/
#tblScanHistory thead {
  display: none;
}

#tblScanHistory tbody td {
  font-weight: 500;
  overflow: hidden;
  word-wrap: unset !important;
  border-bottom: 0 !important;
  text-overflow: unset !important;
  white-space: unset !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--llpTextColorCharcoal);
}

#tblScanHistory tbody tr .dataTables_empty {
  width: 100%;
  padding: 16px !important;
  border-top: var(--lightBlueGray3) 1px solid !important;
  border-bottom: var(--lightBlueGray3) 1px solid !important;
}

#tblScanHistory.dataTable.no-footer {
  border-bottom: 0 !important;
}

#scanHistory .report_range {
  background: var(--white2);
}

#scanHistory .modal_content {
  width: 80%;
  max-width: 1000px;
}

#scanHistory .customDataTableV2_container .customDataTableV2 tbody td,
#scanHistory .customDataTableV2_container .customDataTableV2 thead th {
  padding: 6px 10px !important;
  font-size: 13px;
}

#scanHistory .customDataTableV2_container .customDataTableV2 thead th {
  min-width: 90px;
}

#scanHistory
  .customDataTableV2_container
  .customDataTableV2
  thead
  th:last-child {
  padding-right: 30px !important;
}

.scanhistory_header {
  margin-bottom: 40px;
}

.tags_search_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}

.tags_btn_checkbox_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}

.tags_search_btn {
  font-weight: 600;
}

.tags_checkbox_container {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 10px 20px;
  min-height: 40px;
  border-radius: 5px;
  background: var(--white2);
  border: 1px solid var(--lightBlueGray3);
}

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

.tags_checkbox_container label {
  cursor: pointer;
}

.tags_box_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 25px 15px;
}

.tags_card {
  display: flex;
  align-items: center;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid var(--lightBlueGray3);
}

.tags_image {
  width: 100px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tags_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

.tags_links h3 span i {
  margin-left: 5px;
  cursor: pointer;
}

.tags_links a {
  display: flex;
  gap: 0 8px;
  font-weight: 400;
}

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

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

.scanHistory_table_icon {
  display: flex;
}

.tags_title_text {
  width: auto;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 500px;
  font-size: 16px;
  font-weight: 600;
}

.tags_item_container {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  column-gap: 10px;
}

.tags_text_items {
  width: 100%;
}

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

.tags_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  min-width: 150px;
  padding: 15px 10px;
  border-left: 1px solid var(--lightBlueGray3);
}

.tags_btn_main_con {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 10px 15px;
}

.tags_action_btns_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  width: 100%;
  gap: 10px 15px;
  border-bottom: 1px solid var(--lightBlueGray3);
}

.tags_action_btn {
  text-align: center;
  cursor: pointer;
  color: var(--blueGray);
}

.tags_action_btn.active,
.tags_action_btn:hover {
  color: var(--darkBlue);
}

.tags_action_btn p {
  font-weight: 500;
  color: var(--llpTextColorBlueGray);
}

.featured_history_container {
  padding: 10px 15px;
  margin-top: 15px;
  gap: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--lightGray);
  border-radius: var(--llpBorderRadius1);
}

.featured_item {
  width: fit-content;
}

.featured_item h3 {
  font-weight: normal;
  font-size: 14px;
}

.featured_item h3 span {
  font-weight: 600;
  display: block;
  text-align: start;
  font-size: var(--defaultTextFontSize);
}

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

.featured_item_time_container {
  cursor: pointer;
  font-style: italic;
}

.analyze_details_count {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 12px;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background: var(--gray);
}

.analyze_details_count:hover {
  opacity: 0.7;
}

.scanHistory_analyze_modal_container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  gap: 10px;
}

#tblScanHistorySearchTxt {
  height: 35px;
}

.scanHistory_analyze_container_item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border-radius: 5px;
  background: var(--lightGray);
}

/*? ---------------------------------------------- Deals Page ----------------------------------------------*/
#deals .deals_search_container {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: auto;
  height: 40px;
  width: 24%;
  max-width: 360px;
}

#deals .deals_search_container .icon {
  position: absolute;
  left: 15px;
}

#deals .deals_action_btn_container {
  display: flex;
  justify-content: start;
  margin-inline: auto;
  gap: 0 15px;
  width: 70px;
}

#deals .deals_btn {
  cursor: pointer;
  color: var(--darkBlue);
}

#deals .deals_btn.sheet {
  color: var(--darkBlue);
}

#deals .deals_btn.amazon {
  color: var(--orange);
}

#deals .deals_btn:hover {
  opacity: 0.5;
}

/*? ---------------------------------------------- Screenshots Page ----------------------------------------------*/
#screenShots .all_va_dropdown_filter {
  margin-left: auto;
}

#screenShots .customDataTableV2_container .customDataTableV2 tbody td {
  height: unset !important;
}

.screenshot_delete_btn {
  display: none;
  border-radius: var(--llpBorderRadius2);
}

.screenshot_delete_btn.active {
  display: flex;
  background: var(--red) !important;
}

#screenShotDeleteText {
  display: flex;
  align-items: center;
  gap: 5px;
}

#screenShots .screenshots_card {
  width: 100%;
  height: 100%;
}

#screenShots .screenshots_card_container {
  padding: 20px 15px;
  width: 100%;
  height: 100%;
  background: var(--white2);
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray3);
}

#screenShots .screenshots_card_container:hover {
  border-color: var(--darkBlue);
}

#screenShots .screenshots_card_header {
  display: flex;
  justify-content: space-between;
  gap: 8px 10px;
  margin-bottom: 15px;
}

#screenShots .screenshots_card_header .name {
  color: var(--llpTextColorDarkBlue);
  font-weight: 600;
}

#screenShots .screenshots_card_header .screenshot_checkbox_container {
  color: var(--llpTextColorBlueGray);
  display: flex;
  align-items: center;
  gap: 5px;
}

#screenShots .screenshot_checkbox_container label {
  cursor: pointer;
}

#screenShots .screenshot_card_image {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100px;
}

#screenShots .screenshot_card_image img {
  object-fit: contain;
  width: 100%;
  max-height: 163px;
}

#tblScreenShots thead {
  display: none;
}

#tblScreenShots tbody tr .dataTables_empty {
  padding: 16px 10px !important;
}

#tblScreenShots tbody td {
  overflow: hidden;
  font-weight: 500;
  max-width: 100% !important;
  word-wrap: unset !important;
  border-bottom: 0 !important;
  text-overflow: unset !important;
  white-space: unset !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--llpTextColorCharcoal);
}

#tblScreenShots.dataTable.no-footer {
  border-bottom: 0 !important;
}

#tblScreenShots_wrapper {
  width: 100%;
}

#tblScreenShots tbody {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 30px 15px;
  margin-bottom: 10px;
  grid-template-columns: repeat(6, 1fr);
}

#tblScreenShots tbody.noData {
  margin-bottom: 0;
  grid-template-columns: repeat(1, 1fr);
}

#tblScreenShots tbody tr {
  display: flex;
  width: 100%;
  height: 100%;
}

/*? ------------------------------------------- Virtual Assistants Page -------------------------------------------*/
.va-permissions-div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.va-permission-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.va-permiission-desc {
  cursor: pointer;
  text-transform: capitalize;
}

.va_form {
  display: grid;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto;
  grid-template-columns: 1fr 1fr;
  gap: 25px 50px;
}

.va_headline_container {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  padding: 15px 20px;
  border-radius: var(--llpBorderRadius1);
  background: var(--lightBlueGray2);
}

.va_headline_container p {
  text-align: center;
  font-weight: 400;
}

.active_text_con p {
  text-transform: uppercase;
  font-weight: 800;
}

.active_text_con.active p {
  color: var(--green);
}

.active_text_con.inactive p {
  color: var(--red);
}

.va_search_container {
  display: flex;
  align-items: center;
  position: relative;
  width: 30%;
  max-width: 450px;
}

.va_search_container .icon {
  position: absolute;
  left: 15px;
}

#virtualAssistants .all_va_dropdown_filter {
  margin-left: auto;
}

/* Modal */
#virtualAssistants .modal_form {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 20px 30px;
  grid-template-columns: 1fr;
}

#virtualAssistants .modal_dropdown {
  display: flex;
}

#virtualAssistants .password-info-icon {
  cursor: pointer;
  margin-right: 3px;
  color: var(--llpTextColorDarkGray);
}

/*? -------------------------------- Manage Devices Page -----------------------------------------*/
#tblManageDevices tbody td {
  max-width: 100% !important;
}

#manageDevices .dataTables_scrollHead thead tr th {
  max-width: 100% !important;
}

/*? -------------------------------- Wholesale Page -----------------------------------------*/
#tblWholeSale.customDataTable tbody td {
  max-width: 100% !important;
}

#tblWholeSale.dataTables_scrollHead thead tr th {
  max-width: 100% !important;
}

/* Modal */
#wholeSale .modal_content {
  max-width: 1000px;
}

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

.youtubeIframe {
  width: 100%;
  min-height: 500px;
}

.wholesale_search_container {
  position: relative;
  display: flex;
  align-items: center;
  width: 40%;
  max-width: 360px;
}

#wholeSale .llp_header_container_2 {
  align-items: start;
}

.wholesale_action_btn_container {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px 15px;
}

#tblWholeSale_wrapper thead tr th:nth-child(2) {
  text-align: start !important;
  padding-left: 10px !important;
}

#tblWholeSale tbody td:nth-child(2) {
  text-align: start !important;
  padding-left: 0px !important;
}

.wholesale-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
}

.task-status-default {
  color: var(--darkBlue);
}

.task-status-orange {
  color: var(--orangeRed);
}

.task-status-green {
  color: var(--green);
}

.wholesale_file_container {
  display: flex;
  gap: 0 10px;
}

.back_btn {
  width: fit-content;
  display: block;
  margin-bottom: 15px;
}

.file_name_container {
  font-size: 16px;
  font-weight: 400;
  padding-left: 6px;
  color: var(--llpTextColorBlueGray);
}

/* Step 2 */
#tblStep2 thead tr th {
  font-weight: bold !important;
}

#tblStep2 thead tr th:first-child {
  padding-left: 0 !important;
}

table.customDataTableV2.dataTable#tblStep2 > tbody > tr > td {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
}

table.customDataTableV2.dataTable#tblStep2
  > tbody
  > tr
  > td:first-child:not(.dataTables_empty) {
  padding-left: 0;
}

.step2_form {
  margin-bottom: 30px;
}

.mapping_fields_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px 15px;
}

.mapping_fields_input_container.w-full {
  width: 100%;
  flex: unset;
}

.mapping_fields_input_container {
  width: 43%;
}

.mapping_fields_input_container .mapping_fields_input {
  max-width: 100%;
}

.mapping_fields_input_container .map_info {
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.mapping_fields_input_container .preview_btn {
  width: 43%;
  margin-left: auto;
  border-radius: var(--llpBorderRadius2);
}

.mapping_fields_input_container_double {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px 12px;
}

.mapping_fields_input_container_double_separator {
  width: 100px;
  text-align: center;
  color: var(--llpTextColorBlueGray);
}

/* Step 3 */
#tblPreview thead tr th {
  font-weight: bold !important;
}

#tblPreview tbody tr td.dataTables_empty {
  text-align: center !important;
}

.step_3_search_input_container {
  width: 40%;
  max-width: 360px;
  min-height: 40px;
  display: flex;
  position: relative;
  align-items: center;
}

.step_3_search_input_container .icon {
  position: absolute;
  left: 15px;
}

.preview-table-select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px 8px;
}

.preview-table-select {
  text-align: center;
  width: 80px;
  padding: 9px 8px;
  font-weight: 500;
  font-family: var(--primaryFont);
  background: var(--lightSkyBlue);
  color: var(--llpTextColorCharcoal);
  font-size: var(--defaultTextFontSize);
  border-radius: var(--llpBorderRadius2);
  border: 1px solid var(--lightBlueGray3);
}

#btnQueueText {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 12px;
}

.valid_green {
  color: var(--green);
  padding-left: 7px;
}

.inValid_red {
  color: var(--red);
  padding-left: 7px;
}

#alertErrorMessage {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px 0;
  min-height: 50px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding-inline: 15px;
  background: var(--lightBlueGray2);
}

#alertErrorMessage label {
  display: flex;
  cursor: pointer;
  margin-left: auto;
  align-items: center;
  font-weight: 600;
  color: var(--llpTextColorCharcoal);
}

#alertErrorMessage input {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

#tblPreview tbody tr.invalid td {
  color: var(--red) !important;
}

.preview_error_message {
  font-weight: 600;
  color: var(--llpTextColorCharcoal);
}

/*? -------------------------------- Wholesale Task Details Page -----------------------------------------*/
#wholesaleTaskExportToGSheetModal .modal_content {
  padding: 0;
  max-width: 550px;
  border-radius: 5px;
}

#wholesaleTaskExportToGSheetModal .modal_body {
  padding: 20px;
}

#wholesaleTaskExportToGSheetModal .modal_footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 0;
  padding: 10px;
  border-top: 1px solid var(--lightBlueGray3);
}

#wholesaleTaskExportToGSheetModal .modal_footer .right {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.gSheetExport_btn {
  background: var(--darkBlue);
}

.gSheetExport_btn.disabled {
  pointer-events: none;
  background: var(--gray);
}

.goToSheetsManagerBtn {
  cursor: pointer;
}

.goToSheetsManagerBtn .icon {
  font-size: 12px;
  margin-left: 5px;
}

.goToSheetsManagerBtn:hover {
  color: var(--darkBlue);
}

#tblRows_wrapper {
  overflow: hidden;
}

#tblRows {
  border-bottom: none;
  width: auto !important;
}

#tblRows thead th {
  padding: 16px 18px;
}

#wholesaleTask
  .customDataTableV2_container
  .customDataTableV2
  thead
  th:first-child,
#wholesaleTask
  .customDataTableV2_container
  .customDataTableV2
  tbody
  td:first-child {
  text-align: center !important;
  padding: 16px 30px !important;
}

#tblRows tbody td,
#tblRows thead th {
  min-width: 100px;
}

.wholesale_gSheet_select {
  display: block;
}

.exportText {
  text-decoration: none;
  color: var(--darkGreen);
}

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

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

#exportTextsDiv:empty {
  display: none;
}

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

.csv_name i {
  color: var(--royalBlue);
}

.csv_name a {
  font-size: 18px;
}

.csv_name a span {
  font-weight: normal;
  color: var(--llpTextColorBlueGray);
}

.fileOriginalName {
  font-size: 16px;
  color: var(--llpTextColorCharcoal) !important;
}

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

.btnSaveForDetailedAnalysis i {
  margin-right: 5px;
}

.csv_download_btn_container .download_btn {
  flex-direction: column;
  text-align: center;
}

.csv_download_btn_container .download_btn.done_download {
  pointer-events: none;
  background: var(--orange);
}

.csv_download_btn_container .exportToGSheetBtn {
  background: var(--darkBlue);
}

.custom_toolbar_container {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 30px;
}

.custom_toolbar_container .left {
  position: relative;
  display: flex;
  align-items: start;
  gap: 5px 8px;
}

.wholesale_task_search_container {
  display: flex;
  flex-direction: column;
  gap: 5px 10px;
}

.wholesale_task_search_container .search_term_input {
  padding-left: 15px !important;
}

.wholesale_task_search_container p {
  font-weight: 400;
}

#advancedFilters {
  position: absolute;
  width: 100%;
  z-index: 10;
  padding: 15px;
  top: 100%;
  max-width: 250px;
  padding-top: 25px;
  display: none;
  background: var(--white2);
  color: var(--llpTextColorCharcoal);
  box-shadow: var(--defaultBoxShadow);
  border: 1px solid var(--lightBlueGray3);
}

.range-slider-container {
  padding: 0px 10px;
  margin-bottom: 15px;
}

.slider-min-max-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-top: 7px;
}

.slider-min-max-title {
  text-align: start;
  font-size: 13px;
}

.slider-input-min-max-container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sliderMinMaxInput {
  outline: none;
  width: 100%;
  padding: 5px;
  font-size: 13px;
  border-radius: 5px;
  font-family: var(--primaryFont);
  background: var(--lightSkyBlue);
  color: var(--llpTextColorDarkGray);
  border: 1px solid var(--lightBlueGray3);
}

.noUi-target.noUi-horizontal {
  height: 5px;
  cursor: pointer;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -12px;
  cursor: pointer;
  left: auto;
}

.noUi-handle::before,
.noUi-handle::after {
  display: none !important;
}

.noUi-target.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  top: -6px;
  border-radius: 50%;
  outline: none;
}

.noUi-target {
  border: 1px solid var(--lightBlueGray) !important;
  background: var(--white) !important;
}

.noUi-connect {
  background: var(--darkBlue) !important;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  border: none;
  box-shadow: none;
  background: var(--darkBlue);
}

.noUi-target.noUi-horizontal .noUi-tooltip {
  background: var(--darkBlue);
}

.range-slider-container > span {
  font-size: 12px;
  margin-top: 5px;
  display: block;
  text-align: center;
}

.filter-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.filter-radio label:first-child {
  width: 100px !important;
}

.filter-radio label {
  margin: 0;
  cursor: pointer;
}

.filter-radio input[type="radio"] {
  margin-right: 3px;
  accent-color: var(--darkBlue);
}

.custom_toolbar_container .left select {
  width: fit-content;
  background: var(--lightSkyBlue);
}

.custom_toolbar_container .right {
  display: flex;
  align-items: center;
  gap: 5px 8px;
}

.tableColumnCustomizer.active,
.tableColumnCustomizer:hover {
  color: var(--darkBlue);
}

.advanced_filters_close_container {
  margin-top: 15px;
  padding-top: 10px;
  border-top: solid 1px var(--lightBlueGray);
}

#advancedFiltersBtn {
  margin-top: 3px;
  cursor: pointer;
  width: fit-content;
  color: var(--llpTextColorBlueGray);
}

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

#columnVisibilityDropdown {
  display: none;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  z-index: 10;
  padding-top: 5px;
  max-width: 175px;
  max-height: 580px;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border: solid 1px var(--lightBlueGray3);
}

#columnVisibilityDropdown::-webkit-scrollbar {
  width: 2px;
}

#columnVisibilityDropdown::-webkit-scrollbar-thumb {
  border-radius: 2px;
}

#columnVisibilityDropdown li {
  list-style: none;
  padding: 8px 12px;
  background: var(--white);
  color: var(--llpTextColorCharcoal);
  border-bottom: 1px solid var(--lightBlueGray3);
}

#columnVisibilityDropdown li label {
  cursor: pointer;
}

#columnVisibilityDropdown li:last-child {
  padding: 8px 5px;
}

#columnVisibilityDropdown li input {
  margin-right: 4px;
}

#columnVisibilityDropdownButton,
#resetColumnsBtn {
  background: var(--white2);
  color: var(--llpTextColorCharcoal);
  border: 1px solid var(--lightBlueGray3);
}

#closeAdvancedFilters {
  margin-left: auto;
  color: var(--llpTextColorCharcoal);
  border: 1px solid var(--lightBlueGray3);
}

.btnDetailAnalysisToggle {
  margin-top: 8px;
  color: var(--llpTextColorCharcoal);
  border: 1px solid var(--lightBlueGray3);
}

.btnDetailAnalysisToggle.btn-warning {
  background: var(--orange);
}

.btnDetailAnalysis_chk {
  margin-inline: auto;
  margin-top: 5px;
  background: var(--gray);
}

.bbpscore {
  padding: 8px 15px;
  border-radius: var(--llpBorderRadius2);
  background-color: var(--red) !important;
}

.itemrows {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
  font-weight: 400;
}

#wholesaleTask .dataTables_scrollHead thead tr th {
  max-width: 100% !important;
  text-align: unset !important;
}

#wholesaleTask .dataTables_scrollHead thead tr th:first-child {
  text-align: center;
  padding: 16px 18px !important;
}

#wholesaleTask .customDataTableV2 tbody td {
  font-weight: 400;
  max-width: 100% !important;
  color: var(--llpTextColorCharcoal);
}

#wholesaleTask .customDataTableV2 tbody td.negative {
  color: var(--red);
}

#wholesaleTask .customDataTableV2 tbody td.positive {
  color: var(--green);
}

.tableColumnCustomizer {
  background: var(--white2);
  color: var(--llpTextColorCharcoal);
  border: 1px solid var(--lightBlueGray3);
}

.mygrid.avgValues {
  color: var(--llpTextColorCharcoal);
}

.mygrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  text-align: start;
}

.mygrid-left {
  font-weight: 600;
}

.mygrid-right {
  font-weight: normal;
  text-align: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.trafficlights__light--red {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--red);
}

.trafficlights__light--yellow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--orange);
}

.trafficlights__light--green {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--green);
}

.trafficlights__light--light {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--lightBlueGray2);
}

.estimated-salesV3 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px 0;
  width: 180px;
  padding: 5px 8px;
  border-radius: 16px;
  border: 1px solid var(--lightBlueGray3);
}

.estimated-salesV3 li {
  cursor: pointer;
  list-style: none;
  width: 100%;
  padding: 8px 15px;
  border-radius: var(--llpBorderRadius1);
  border-bottom: 1px solid var(--lightBlueGray3);
}

.estimated-salesV3 li:hover {
  background: var(--lightGray);
}

.estimated-salesV3 li:last-child {
  border-bottom: 0;
}

/*? -------------------------------- Bundle List Page -----------------------------------------*/
#bundleList .dataTables_scrollHead thead tr th {
  max-width: 100% !important;
  white-space: normal !important;
}

#bundleList
  .customDataTableV2_container
  .customDataTableV2
  thead
  th:first-child {
  text-align: center !important;
}

#bundleList .dataTables_scrollHead thead tr th:nth-child(2) {
  text-align: start !important;
}

#dataTables_length,
#tblBundleItems_filter {
  margin-bottom: 15px;
}

#tblBundleItems_filter input {
  border-radius: 5px;
  padding-left: 15px;
  background: var(--white);
}

#bundleList tbody td {
  max-width: 100% !important;
}

#bundleList tbody td:first-child {
  text-align: center !important;
  padding: 16px 18px !important;
}

#bundleList tbody td.bundle_title_container {
  white-space: normal !important;
  max-width: 400px !important;
  min-width: 150px;
}

#bundleList tbody td .action_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.asin-container {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 5px 7px;
}

.bundle_list_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 25px;
  color: var(--llpTextColorCharcoal);
}

.btnDelete .fa-trash-can {
  color: var(--red);
}

.btn_edit_bundle_list {
  color: var(--llpTextColorCharcoal);
}

/*? -------------------------------- Bundle Find Page -----------------------------------------*/
.bundle_find_header_container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px 15px;
  margin-bottom: 25px;
}

.bundle_find_form_container {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 15px 20px;
}

.bundle_find_search_container {
  width: 60%;
}

.bundle_find_search_container input {
  color: var(--llpTextColorCharcoal) !important;
}

.bundle_find_select_container {
  width: 20%;
}

.bundle_find_btn_container {
  width: 20%;
}

.bundle_find_btn_container button {
  gap: 8px 15px;
}

/*? -------------------------------- Bundle Recommendations Page -----------------------------------------*/
#productsTable {
  width: 100%;
}

#productsTable_filter {
  display: none;
}

#bundleRecommendations .customDataTable thead tr th {
  font-size: 14px;
  overflow: hidden;
  word-wrap: break-word;
  max-width: 100% !important;
  font-weight: normal !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  color: var(--llpTextColorBlueGray);
  border-bottom: 1px solid var(--lightBlueGray3);
}

#bundleRecommendations .dataTables_scrollHead thead tr th:first-child {
  text-align: center !important;
}

#bundleRecommendations .dataTables_scrollHead thead tr th:nth-child(2) {
  text-align: start !important;
}

#bundleRecommendations .customDataTable tbody td {
  border-top: 0;
  max-width: 100% !important;
  border-bottom: 1px solid var(--lightBlueGray3);
}

#bundleRecommendations
  .customDataTable
  tbody
  td.bundle_recommendations_title_container {
  white-space: normal !important;
  text-align: start !important;
  max-width: 400px !important;
  min-width: 150px;
}

#bundleRecommendations
  .customDataTable
  tbody
  td.bundle_recommendations_title_container
  a {
  text-decoration: none;
  font-weight: 500;
  color: var(--llpTextColorCharcoal);
}

#bundleRecommendations .customDataTable tbody td:first-child {
  text-align: center !important;
  padding: 16px 18px !important;
}

#bundleRecommendations .customDataTable tbody td .product-image {
  display: block;
  margin-inline: auto;
}

.bundle-ideas-container {
  margin-bottom: 25px;
  padding: 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  border-radius: var(--llpBorderRadius1);
  color: var(--llpTextColorCharcoal);
  background-color: var(--white);
  border: solid 1px var(--lightBlueGray2);
}

.idea_icon {
  font-size: 24px;
  color: var(--orange);
}

.removeBundleItem {
  color: var(--llpTextColorCharcoal);
}

.mainAsin a {
  text-decoration: none;
  color: var(--darkBlue);
}

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

.mainAsin a i {
  margin-left: 5px;
}

.product_table_actions {
  display: flex;
  align-items: center;
  gap: 7px 12px;
}

.addBundleItem {
  color: var(--llpTextColorCharcoal);
}

.addBundleItem.d-none {
  display: none;
}

.emptyProduct {
  width: 100%;
  height: 100%;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--llpBorderRadius1);
}

/*? -------------------------------- Bundle Preview Page -----------------------------------------*/
#bundleRecommendationsContainer.preview .removeBundleItem {
  display: none !important;
  opacity: 0 !important;
}

.bundle_preview_container {
  display: flex;
  gap: 15px 20px;
}

.bundle_preview_container_item {
  width: 100%;
  border-radius: var(--llpBorderRadius1);
  border: solid 1px var(--lightBlueGray2);
  background: var(--white);
}

.bundle_preview_item_header {
  padding: 20px 25px;
  width: 100%;
  color: var(--llpTextColorCharcoal);
  border-bottom: solid 1px var(--lightBlueGray2);
}

.bundle_preview_item_body {
  padding: 20px 25px;
  color: var(--llpTextColorCharcoal);
}

.bundle_preview_data_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  border-bottom: dashed 1px var(--blueGray);
}

.bundle_preview_data_container:last-child {
  border-bottom: none;
}

.bundle_preview_tools {
  text-align: end;
}

.bundle_preview_tools input {
  text-align: end;
  color: var(--llpTextColorCharcoal);
}

.bundle_preview_footer_container {
  margin: 25px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn_save_and_generate {
  margin-left: auto;
}

.go_back_btn {
  background: var(--lightSkyBlue);
  color: var(--llpTextColorBlueGray);
  border: solid 1px var(--lightBlueGray);
}

/*? -------------------------------- Bundle Details Page -----------------------------------------*/
#bundleRecommendationsContainer.preview .removeBundleItem {
  display: none !important;
  opacity: 0 !important;
}

.bundle_details_container {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

.bundle_details_item {
  margin-bottom: 30px;
}

.bundle_detail_item_container {
  padding: 30px 30px;
  margin-bottom: 25px;
  color: var(--llpTextColorCharcoal);
  border-radius: var(--llpBorderRadius2);
  background: var(--white);
}

.bundle_detail_item_container.feature label {
  margin-bottom: 10px;
}

.bundle_detail_item_container input {
  color: var(--llpTextColorCharcoal);
  background: var(--lightSkyBlue);
}

.upload_container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 15px;
}

.upload_btn_container {
  margin-top: auto;
}

.img-container {
  width: fit-content;
  display: flex;
  gap: 15px 15px;
  padding: 12px;
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray2);
}

.img-item {
  width: fit-content;
  position: relative;
  line-height: 0px;
}

.img-item img {
  width: 180px;
  object-fit: cover;
  max-height: 220px;
  border-radius: var(--llpBorderRadius1);
}

.removeImage {
  position: absolute;
  bottom: 10px;
  right: 10px;
  outline: none;
  border: none;
  padding: 8px 12px;
  background: var(--pink);
  border-radius: var(--llpBorderRadius1);
}

.removeImage i.fa-trash-can {
  color: var(--white) !important;
}

.removeImage:hover {
  background: #d82ac7;
}

.form_tool_input {
  margin-bottom: 20px;
}

.form_tool_input:last-child {
  margin-bottom: 0;
}

.form_tool_input .dimensions_and_weight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.dimensions,
.weight {
  display: flex;
  line-height: 40px;
}

.form_tool_input select,
.form_tool_input input {
  color: var(--llpTextColorCharcoal);
  background: var(--lightSkyBlue);
}

.form_tool_input .dimensions_and_weight select {
  width: 200px !important;
}

.arrow_container {
  font-size: 22px;
}

/*? -------------------------------- Dashboard Page -----------------------------------------*/
#dashboard .dataTables_scrollHead thead tr th {
  max-width: 100% !important;
}

.dasboard_scan_history_container {
  padding: 20px;
  margin-bottom: 30px;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border-radius: var(--llpBorderRadius1);
}

.db_sh_btn {
  width: 100%;
  max-width: 55px;
  color: var(--darkBlue);
  background: var(--lightBlueGray);
  border: 1px solid var(--darkBlue);
}

.db_sh_btn.active,
.db_sh_btn:hover {
  opacity: 1;
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

.db_scan_history_btn_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dbScanHistoryChart_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  min-height: 10vh;
  color: var(--darkBlue);
}

.dbscanhistory_error {
  padding: 10px;
  min-height: 50px;
  border-radius: 5px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--red);
  background: var(--dangerRedBg);
}

#dashboardScanHistoryChart {
  width: 100%;
  height: 250px !important;
}

/* Deals */
#tblLatestDeals tbody td:first-child {
  position: relative;
}

/* Screenshots */
#tblLatestScreenshots_wrapper {
  overflow: initial;
}

#tblLatestScreenshots_wrapper thead {
  display: none;
}

#tblLatestScreenshots tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

#tblLatestScreenshots tbody.noData {
  grid-template-columns: repeat(1, 1fr);
}

#tblLatestScreenshots tbody tr {
  display: flex;
  justify-content: center;
  width: 100%;
}

#tblLatestScreenshots tbody td {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  border-bottom: 0px !important;
  padding: 0 !important;
}

.screenshots_card {
  width: 100%;
}

.screenshots_card_container {
  padding: 15px 15px;
  width: 100%;
  text-align: start;
  border-radius: var(--llpBorderRadius1);
  border: 1px solid var(--lightBlueGray2);
  background: var(--white2);
}

.screenshots_card_container:hover {
  border-color: var(--darkBlue);
}

.screenshots_card_header {
  display: flex;
  justify-content: space-between;
  gap: 8px 10px;
  margin-bottom: 10px;
}

.screenshots_card_header .time_ago {
  color: var(--llpTextColorBlueGray);
}

.screenshots_card_footer .name {
  color: var(--llpTextColorDarkBlue);
  font-weight: 600;
}

.screenshots_card_footer {
  margin-top: 10px;
}

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

.screenshot_card_image img {
  object-fit: contain;
  line-height: 0;
  width: 100%;
  height: 100px;
}

/* Dashboard */
.dashboard_container {
  margin-bottom: 30px;
}

.dashboard_container_item2 {
  width: 100%;
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 25px;
}

.dashboard_container_item2 .custom_data_table_container {
  margin-inline: unset;
  overflow-y: auto;
  max-height: 837px;
}

.dashboard_container:last-child {
  margin-bottom: 0;
}

.dashboard_card_container {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.dashboard_card {
  width: 100%;
  max-width: 100%;
  padding: 30px 25px;
  background: var(--white);
  box-shadow: var(--defaultBoxShadow);
  border-radius: var(--llpBorderRadius2);
}

.dashboard_card_icon_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-bottom: 10px;
  background: var(--lightSkyBlue);
  color: var(--darkBlue);
}

.dashboard_card.error .dashboard_card_icon_container {
  margin-inline: auto;
  color: var(--red);
  background: var(--dangerRedBg);
}

.dashboard_card.error .dashboard_box_text {
  margin-bottom: 0;
  text-align: center;
}

.dashboard_box_text {
  margin-bottom: 10px;
}

.dashboard_box_text h3 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 5px;
  color: var(--llpTextColorBlueGray);
}

.dashboard_box_text h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
}

.dashboard_card_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
  min-height: 50px;
  color: var(--darkBlue);
}

.dashboard_box_text_label {
  font-weight: bold;
  margin-bottom: 5px;
}

.dashboard_card.error .dashboard_box_value_container {
  justify-content: center;
  margin-top: 5px;
}

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

.dashboard_previous_day_count {
  cursor: pointer;
  align-self: end;
  font-family: sans-serif;
  font-size: 20px;
  padding-bottom: 3px;
}

.dashboard_item_change {
  margin-bottom: 5px;
  color: var(--green);
}

.dashboard_current_period_value {
  text-decoration: none;
  color: var(--llpTextColorCharcoal);
}

.dashboard_current_period_value:hover {
  text-decoration: underline;
  color: var(--llpTextColorDarkBlue);
}

.dashboard_motivational_text {
  font-style: italic;
}

.dashboard_thumb_icon {
  margin-right: 5px;
  color: var(--darkBlue);
}

.latest_deals_va_name {
  color: var(--llpTextColorDarkBlue);
}

.dashboard_con_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 5px;
}

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

.wholesale_filename_container .file_name {
  word-wrap: break-word;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

.wholesale_scanned_status.active {
  color: var(--green);
  text-transform: capitalize;
}

/*? --------------------------- G Auth Page ----------------------------- */
.g-auth-page-loader-div {
  display: flex;
  justify-content: center;
}

.g-auth-page-loader {
  padding: 20px;
  font-size: 22px;
  color: var(--darkBlue);
}

/*? --------------------------- Google Sheets Manager ----------------------------- */
#googleSheetsMainContainer .table-div {
  position: relative;
  width: 100%;
  height: 100%;
}

#googleSheetsMainContainer .custom_data_table_container {
  overflow: auto;
  max-height: 70vh;
}

#googleSheetsMainContainer .custom_data_table_container::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}

#googleSheetsMainContainer
  .custom_data_table_container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--blueGray);
}

#googleSheetsMainContainer
  .custom_data_table_container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: var(--white);
}

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

#spreadSheetsTable tr[data-is-deleted="true"] {
  display: none;
  pointer-events: none;
}

#spreadSheetsTable th {
  min-width: 30px;
  padding: 16px 18px;
  color: var(--llpTextColorBlueGray);
}

#spreadSheetsTable th:first-child {
  text-align: start;
  padding-left: 0 !important;
}

#spreadSheetsTable td {
  text-align: left;
  vertical-align: middle;
  min-width: 140px;
  padding: 10px 15px;
  border-top: 1px solid var(--lightBlueGray3);
  border-bottom: 1px solid var(--lightBlueGray3);
}

#spreadSheetsTable td:first-child {
  padding-left: 0;
}

#spreadSheetsTable td:last-child,
#spreadSheetsTable td:nth-child(4),
#spreadSheetsTable td:nth-child(6),
#spreadSheetsTable td:nth-child(7) {
  text-align: center;
}

#spreadSheetsTable td:nth-child(7) {
  width: 240px;
}

.googleSheetsHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.googleSheetsDeleteBtn {
  cursor: pointer;
  color: var(--red);
}

.googleSheetsCloneBtn {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  color: var(--darkBlue);
}

.googleSheetsDeleteBtn:hover,
.googleSheetsCloneBtn:hover {
  opacity: 0.7;
}

.customise_title {
  font-size: 20px;
  color: var(--darkBlue);
}

.googleSheetsManagerBtnContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}

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

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

.downloadColumnDropDown {
  max-width: 120px;
}

.gManagerCustomiseBtn {
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  color: var(--darkBlue);
}

.gManagerCustomiseBtn:hover {
  opacity: 0.7;
}

.google_manager_modal {
  position: fixed;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  padding-inline: 10px;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
}

.google_modal_content {
  margin: auto;
  width: 100%;
  max-width: 500px;
  border-radius: 5px;
  background: var(--white);
  border: 1px solid var(--lightBlueGray3);
}

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

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

.modal_logout_text {
  font-style: italic;
}

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

.google_modal_footer_btnContainer {
  display: flex;
  gap: 10px;
}

#googleGrantAccessModal {
  z-index: 15;
}

#googleGrantAccessModal .google_modal_content {
  max-width: 600px;
}

#googleGrantAccessModal .google_modal_body {
  text-align: start;
  padding: 20px;
}

.grantAccessInstructionDiv {
  padding: 20px;
  margin: 15px 0;
  border-radius: 10px;
  background: var(--lightGray);
  border: 1px solid var(--lightSlate3);
}

.grantAccessTitle {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.grantAccessInstructions_list {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-left: 20px;
}

.grantAccess_email_div {
  display: flex;
  column-gap: 5px;
  margin-top: 5px;
  margin-left: 3px;
}

.grantAccess_email {
  font-weight: bold;
  width: fit-content;
  text-decoration: none;
  color: var(--darkBlue);
}

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

.google_modal_footer.delete_modal {
  justify-content: center;
}

.createSheet_inputContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 10px;
}
.addDefaultHeadersContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}

#chkAddDefaultHeaders {
  cursor: pointer;
  accent-color: var(--darkBlue);
}

.addDefaultHeadersContainer label {
  cursor: pointer;
}

.x_btn {
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  color: var(--llpTextColorDarkGray);
}

.x_btn:hover {
  color: var(--darkBlue);
}

.deleteSheet_modal_body {
  padding: 20px 15px;
  text-align: center;
}

.deleteSheetBtn {
  height: 30px;
  font-size: 13px;
  min-height: 30px;
  padding: 5px 10px;
}

.closeSheetsModalBtn {
  background: var(--blueGray);
}

.expire-docs-access {
  color: var(--llpTextColorCharcoal);
}

.expire-docs-access:empty {
  display: none;
}

.google-sheets-action-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

#spreadSheetsTableInfoText {
  display: flex;
  overflow: hidden;
  text-align: center;
  position: relative;
  align-items: center;
  margin-inline: auto;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  max-width: 500px;
  padding: 16px 18px;
  border-radius: 5px;
  color: var(--red);
}

#spreadSheetsTableInfoText::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
  background: var(--gray);
}

#syncSheets {
  min-width: 120px;
  background: var(--darkGreen);
}

#sheetTutorialModal .modal_content {
  max-width: 1000px;
}

.watchSheetTutorialBtn {
  margin-left: auto;
  background: var(--orange);
}

.logged_in_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 10px;
  column-gap: 15px;
}

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

.googleProfileImgContainer {
  line-height: 0;
  width: 30px;
  height: 30px;
}

.googleProfileImgContainer img {
  object-fit: contain;
  width: 100%;
  border-radius: 50%;
}

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

#googleSheetsMainContainer .modal_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 0;
}

#googleSheetsMainContainer .modal_footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 10px;
  margin-top: 0;
}

#googleSheetsMainContainer .modal_footer .btn_container {
  display: flex;
  align-items: center;
  gap: 10px;
}

#googleSheetsMainContainer .label_title_left {
  font-weight: bold;
}

#googleSheetsMainContainer .label_title_italic {
  text-align: end;
  font-style: italic;
  color: var(--llpTextColorSlate);
}

.modal_body.googleSheetModal {
  display: grid;
  overflow: auto;
  gap: 5px;
  gap: 10px;
  padding: 10px;
  max-height: 245px;
  border: solid 1px var(--lightBlueGray3);
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.modal_body.googleSheetModal li {
  list-style: none;
}

.modal_body.googleSheetModal .googleSheetModalItem {
  display: flex;
  border: 1px solid var(--gray);
}

.highlight {
  background: var(--lightSlate);
}

.modal_body.googleSheetModal .googleSheetModalItem .letter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 25px;
  min-width: 25px;
  font-size: 11px;
  background: var(--slate);
  color: var(--llpTextColorWhite);
  border-right: solid 1px var(--gray);
}

.modal_body.googleSheetModal .googleSheetModalItem .title_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px 10px;
  width: 100%;
}

.modal_body.googleSheetModal .googleSheetModalItem .title {
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 5px;
  font-size: 12px;
  color: var(--llpTextColorCharcoal);
}

.modal_body.googleSheetModal .googleSheetModalItem .title .title_x_btn {
  display: none;
  cursor: pointer;
  color: var(--llpTextColorCharcoal);
}

.modal_body.googleSheetModal .googleSheetModalItem .title:hover .title_x_btn {
  display: flex;
}

.modal_body.googleSheetModal .googleSheetModalItem .title .title_x_btn:hover {
  color: var(--red);
  opacity: 0.7;
}

.moreAndLessBtn {
  cursor: pointer;
  align-self: center;
  width: fit-content;
  font-weight: bold;
}

.moreAndLessBtn:hover {
  color: var(--darkBlue);
}

.googleSheet_resetBtn_container {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 10px 0;
  padding-inline: 10px;
}

.sheetCustomiseBtn {
  height: 30px;
  font-size: 12px;
  min-height: 30px;
  padding: 0px 15px;
  border-radius: 5px;
}

.googlesheet_title_list {
  display: grid;
  overflow: auto;
  gap: 5px;
  gap: 10px;
  padding: 10px;
  max-height: 245px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.label_title_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-inline: 10px;
}

.googlesheet_title_list li {
  list-style: none;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  color: var(--llpTextColorSlate);
  border: 1px dashed var(--gray);
}

.googlesheet_title_list li:hover {
  background: var(--lightGray);
}

.googlesheet_title_list li .title_x_btn {
  display: none;
  pointer-events: none;
}

.googleSheetModalOk {
  background: var(--darkBlue);
}

.loadFromSelect {
  padding: 10px;
  max-width: 180px;
  background: var(--softBlue);
  border: 1px solid var(--blue);
}

.gsheet-warning-box {
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin-inline: auto;
  max-width: fit-content;
  color: var(--warningYellowText);
  background: var(--warningYellowBg);
  border: 1px solid var(--warningYellowBorder);
}

.column-settings-btn {
  background: var(--blueGray);
}

#gSheetNotLoggedWarning {
  margin-bottom: 10px;
}

/*? -------------------------------- Column Settings Page -----------------------------------------*/
#columnSettings .modal-content {
  overflow: hidden;
  margin-inline: auto;
  width: 100%;
  max-width: 80%;
  margin-top: 50px;
  border-radius: 5px;
  margin-bottom: 50px;
  background-color: var(--white);
}

#columnSettings .modal_footer .btn_container {
  display: flex;
  align-items: center;
  gap: 10px;
}

#columnSettings .modal_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 0;
}

#columnSettings .dialog_modal_content {
  text-align: center;
  max-width: 450px;
}

#columnSettings .settingsNameTxt-container {
  padding: 10px;
}

#columnSettings .dialog-modal-body {
  padding: 15px;
}

#columnSettings .dialog_modal_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 0;
  padding-bottom: 10px;
}

#columnSettings #columnSettingsAddBtn {
  margin-left: auto;
  background: var(--blue);
}

#columnSettings #settingsNameTxt {
  font-weight: normal;
  color: var(--llpTextColorCharcoal);
}

.loadFromSelect-container {
  gap: 10px;
  width: 100%;
  max-width: 250px;
  display: flex;
  align-items: center;
}

/*? -------------------------------- Feedbacks Page -----------------------------------------*/
#feedbacks .customDataTableV2 tbody tr td:not(.dataTables_empty) {
  cursor: pointer;
}

#feedbacks .customDataTableV2 tbody tr:hover td:not(.dataTables_empty) {
  background: var(--lightGray);
}

#feedbacks .feedback_search_container {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  max-width: 360px;
}

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

.feedbackType_txt {
  text-transform: capitalize;
}

/*? ---------------------------------------------- Billing Page ----------------------------------------------*/
#billingSubDetails {
  margin-bottom: 25px;
}

.billing-table-title-div {
  margin-bottom: 10px;
}

.billing-table-title {
  font-size: 18px;
  font-weight: bold;
}

.billing-download-link {
  color: var(--darkBlue);
}

.billing-download-link:hover {
  opacity: 0.7;
}

.billing-status {
  text-transform: capitalize;
  padding: 5px;
  border-radius: 3px;
}

.billing-status.abandoned {
  background: var(--gray);
  color: var(--llpTextColorBlueGray);
  border: 1px solid var(--lightBlueGray3);
}

.billing-status.complete {
  color: var(--successGreenText);
  background: var(--successGreenBg);
  border: 1px solid var(--successGreenBorder);
}

.billing-status.failed {
  color: var(--warningYellowText);
  background-color: var(--warningYellowBg);
  border: 1px solid var(--warningYellowBorder);
}

.billing-status.refunded {
  color: var(--dangerRedTxt);
  background: var(--dangerRedBg);
  border: 1px solid var(--dangerRedBorder);
}

.payment-gateway {
  text-transform: capitalize;
}

/*? -------------------------------- Feedbacks Admin Page -----------------------------------------*/
#feedbacksAdmin .customDataTableV2 tbody tr td:not(.dataTables_empty) {
  cursor: pointer;
}

#feedbacksAdmin .customDataTableV2 tbody tr:hover td:not(.dataTables_empty) {
  background: var(--lightGray);
}

#feedbacksAdmin
  .customDataTableV2_container
  #tblFeedbacksAdmin.customDataTableV2
  thead
  th:nth-child(2),
#feedbacksAdmin
  .customDataTableV2_container
  #tblFeedbacksAdmin.customDataTableV2
  tbody
  td:nth-child(2) {
  text-align: start !important;
  padding-left: 18px !important;
}

.tbl_feedbackTxt {
  text-decoration: none;
  color: var(--llpTextColorDarkGray);
}

.general {
  color: var(--green);
}

.feature {
  color: var(--darkBlue);
}

.bug {
  color: var(--red);
}

/*? -------------------------------- Feedback Details Page -----------------------------------------*/
#feedbackDetails .pages_title_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px 20px;
}

#feedbackDetails .feedbackHeaderDate {
  font-size: 20px;
}

#feedbackDetails .custom_data_table_container {
  padding: 0;
}

#feedbackDetails .feedbackDetails_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  min-height: 20vh;
  color: var(--darkBlue);
}

#feedbackDetails .feedbackLink {
  text-decoration: none;
  color: var(--llpTextColorCharcoal);
}

#feedbackDetails .feedbackLink:hover {
  color: var(--darkBlue);
}

#feedbackDetails .feedbackdetails_content {
  display: flex;
  flex-direction: column;
  background-color: var(--lightBlueGray3);
}

#feedbackDetails #feedbackDataContent {
  gap: 5px;
  width: 100%;
  padding: 10px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#feedbackDetails #feedbackDetails_replyForm {
  padding: 20px;
}

#feedbackDetails #feedbackDataContent .feedback_data_title {
  font-weight: bold;
}

#feedbackDetails .reply_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#feedbackDetails .reply_header_sender {
  font-weight: bold;
}

#feedbackDetails .feedbackDetails_replies {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 10px;
  color: var(--llpTextColorDarkGray);
}

#feedbackDetails .feedbackDetails_replies .reply_item {
  width: 100%;
  max-width: 50%;
}

#feedbackDetails .feedbackDetails_replies_container {
  background-color: var(--lightSkyBlue);
  border-left: 1px solid var(--lightBlueGray);
  border-right: 1px solid var(--lightBlueGray);
  border-bottom: 1px solid var(--lightBlueGray);
}

#feedbackDetails .feedbackDetails_replies .reply_item .reply_content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 10px;
  min-width: 300px;
}

#feedbackDetails .feedbackDetails_replies .sender_reply {
  display: flex;
  margin-left: auto;
  gap: 10px;
}

#feedbackDetails .feedbackDetails_replies .sender_reply .reply_content {
  margin-left: auto;
  width: 100%;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  background: var(--veryLightGray);
}

#feedbackDetails .feedbackDetails_replies .reply_content .deleteUploadImage {
  display: none !important;
}

#feedbackDetails
  .feedbackDetails_replies
  .reply_content
  .uploadedImageContainer {
  display: block;
  width: 100%;
  line-height: 0px;
  max-width: 250px;
}

#feedbackDetails
  .feedbackDetails_replies
  .reply_content
  .feedbackDetails_img_container {
  text-decoration: none;
}

#feedbackDetails .feedbackDetails_replies .reply_content .feedbackDetails_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 250px;
  max-height: 250px;
}

#feedbackDetails
  .feedbackDetails_replies
  .reply_content
  .feedbackDetails_img.more {
  margin-top: 10px;
}

#replyFeedbackTxt .feedbackDetails_img_container {
  text-decoration: none;
}

#replyFeedbackTxt .feedbackDetails_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 400px;
  line-height: 0px;
}

#feedbackDetails .feedbackDetails_replies .recipient_reply {
  display: flex;
  margin-right: auto;
  flex-direction: row-reverse;
  gap: 10px;
}

#feedbackDetails .feedbackDetails_replies .recipient_reply .reply_content {
  margin-right: auto;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  background: var(--darkBlue);
  color: var(--llpTextColorWhite);
}

#feedbackDetails .reply_avatar_container {
  align-self: end;
}

#feedbackDetails .reply_avatar_container .reply_avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background: var(--peach);
}

#feedbackDetails #sendReplyFeedbackBtn {
  margin-left: auto;
  margin-top: 10px;
}

#feedbackDetails #feedbackDetailsError {
  min-height: 15vh;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dangerRedTxt);
  background: var(--dangerRedBg);
}

/*? --------------------------- ADS Page ----------------------------- */
#adsAdmin .customDataTable tbody td {
  white-space: normal !important;
  overflow: unset;
}

#adsAdmin .dataTables_scrollHead thead tr th:first-child {
  width: 50% !important;
  min-width: 300px;
}

#adsAdmin .customDataTable tbody td:first-child {
  min-width: 300px;
}

#adsAdmin .dataTables_scrollHead thead tr th {
  width: 10% !important;
}
/*? --------------------------- End ADS Page ----------------------------- */

/*? -------------------- Release Notes Page -------------------------------*/
.releasenote-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

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

.close_releasenote {
  cursor: pointer;
}

.close_releasenote:hover {
  color: var(--darkBlue);
}

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

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

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

.releaseNote-version {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px 10px;
  margin-bottom: 10px;
}

.releaseNote-versionTxt {
  font-size: 18px;
  font-weight: 600;
}

.releasenote-body ul {
  margin-left: 20px;
}
/*? --------------------------- End Release Notes Page ----------------------------- */

/** ----------------------------------------------------- End Inline CSS -------------------------------------------------------------------*/

/* ------  Media Query  ------ */
@media screen and (max-width: 1700px) {
  /*! --------------------- Screenshots Page  -------------------------*/
  #tblScreenShots tbody {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 1500px) {
  .product-top-info {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    gap: 15px 12px;
  }

  .product-details {
    justify-content: center;
    text-align: center;
    align-items: center;
  }

  .product-actions {
    justify-content: center;
  }

  /*! -------------------- Bundle Details Page ---------------------------*/
  .dimensions_and_weight input {
    width: 100%;
  }

  /*! --------------------- Bundle Find Page  -------------------------*/
  .bundle_find_select_container,
  .bundle_find_btn_container {
    width: 23%;
  }

  /*! --------------------- Screenshots Page  -------------------------*/
  #tblScreenShots tbody {
    grid-template-columns: repeat(4, 1fr);
  }

  /*! ---------------- License Activation Page  -----------------*/
  .adminActivation_card_item {
    flex-direction: column;
  }
}

@media screen and (max-width: 1400px) {
  /*! -------------------- Dashboard Page ---------------------------*/
  .dashboard_container_item2 {
    grid-template-columns: 1fr;
  }

  #tblLatestScreenshots tbody {
    grid-template-columns: repeat(4, 1fr);
  }

  /*! ------------------- Bundle Details Page -----------------------*/
  .img-container {
    width: auto;
    justify-content: space-between;
  }

  .img-item {
    width: 100%;
    max-width: 180px;
  }

  .img-item img {
    width: 100%;
  }

  /*! ----------------- Bundle Find Page  -----------------------*/
  .bundle_find_select_container,
  .bundle_find_btn_container {
    width: 29%;
  }

  /*! --------------------- Scan History ------------------------*/
  .tags_info {
    align-items: start;
    flex-direction: column;
    gap: 15px 0;
  }

  /*! --------------------- Whole Sale Page  ---------------------*/

  /*! ---------------- Wholesale Task Details Page  -----------------*/
  .custom_toolbar_container {
    flex-direction: column;
    gap: 20px 15px;
  }

  .custom_toolbar_container .left {
    order: 2;
  }

  .custom_toolbar_container .right {
    order: 1;
    margin-left: auto;
  }

  /*! ---------------- Scan History Page  -----------------*/
  .featured_history_container {
    flex-wrap: wrap;
    gap: 10px;
  }

  .featured_item.time {
    width: 100%;
  }

  /*! ---------------- Feedback Details -----------------*/
  #feedbackDetails .feedbackDetails_replies .reply_item {
    max-width: 60%;
  }
}

@media screen and (max-width: 1300px) {
  .llp_header_container_1 {
    flex-direction: column;
    align-items: start;
  }

  #scanHistory .report_range {
    margin-left: unset;
  }

  .report_range {
    gap: 5px;
  }

  /*! ------------------- Dashboard Page --------------------------*/
  #tblLatestScreenshots tbody {
    grid-template-columns: repeat(3, 1fr);
  }

  /*! ------------------ Bundle Details Page ---------------------*/
  #bundleDetails .llp_header_container_1 {
    flex-direction: row;
    gap: 15px;
  }

  .arrow_container {
    margin-left: auto;
  }

  /*! ------------------- Bundle Find Page -----------------------*/
  .bundle_find_select_container,
  .bundle_find_btn_container {
    width: 34%;
  }

  /*! ------------------- Whole Sale Page  ----------------------*/
  .mapping_fields_input_container {
    width: 48%;
  }

  .mapping_fields_input_container .preview_btn {
    width: 48%;
  }

  .step_3_search_input_container {
    width: 100%;
    max-width: 350px;
    order: 2;
  }

  .step3_header_title {
    order: 2;
  }

  .save_and_queue_btn_container {
    margin-left: auto;
    display: block;
    order: 1;
  }

  .preview-table-select-container {
    order: 1;
    margin-left: auto;
  }

  #alertErrorMessage {
    flex-direction: column-reverse;
    align-items: start;
    justify-content: center;
    padding: 15px;
  }

  /*! ------------------- Wholesale Task Details Page  ----------------------*/
  .csv_download_btn_container {
    margin-left: auto;
  }

  /*! --------------------- Virtual Assistants Page  -------------------------*/
  .va_search_container {
    max-width: 300px;
    width: 100%;
  }

  /*! ------------------- Screenshots Page  ------------------------*/
  #tblScreenShots tbody {
    grid-template-columns: repeat(3, 1fr);
  }

  /*! ------------------- Scan History ----------------------*/
  #scanHistory .country_select_container {
    margin-right: unset;
  }

  .tags_card {
    flex-direction: column;
  }

  .tags_title_text {
    max-width: 250px;
  }

  .featured_history_container {
    justify-content: center;
    align-items: end;
  }

  .featured_item {
    text-align: center;
    width: 13%;
  }

  .featured_item h3 span {
    display: block;
    text-align: center;
  }

  .featured_item.time {
    justify-content: center;
  }

  .tags_info {
    border-left: none;
  }

  .tags_btn_checkbox_container {
    flex-wrap: wrap;
  }

  .tags_search_btn {
    margin-left: unset;
  }

  /*! -------------------- Deals Page ------------------------*/
  #deals .deals_search_container {
    width: auto;
    min-width: 150px;
    max-width: 300px;
  }

  #deals .all_va_dropdown_filter {
    width: auto;
  }

  /*! -------------------- FAQ Admin Page ------------------------*/
  .filterFaq_btn_container {
    order: 2;
  }
}

@media screen and (max-width: 1200px) {
  /* Custom Table V2 */
  .customDataTableV2_footer {
    flex-direction: column;
  }

  .dataTables_wrapper .customDataTableV2_footer .dataTables_paginate {
    padding: 0 !important;
  }

  .dataTables_wrapper .customDataTableV2_footer .dataTables_info {
    padding: 0 !important;
    justify-content: center;
  }

  .dataTables_wrapper .dataTables_info {
    text-align: center;
    width: 100%;
    padding: 0 !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    padding: 0 !important;
  }

  .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 15px 8px;
  }

  .dataTables_wrapper .dataTables_paginate span {
    flex-wrap: wrap;
    width: 100%;
  }

  .paginate_button.previous {
    order: 2;
  }

  .paginate_button.next {
    order: 3;
  }

  /* .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 0 !important;
  } */

  /*! -------------------- Dashboard Page ---------------------------*/
  .dashboard_card_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .dashboard_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 20px;
    max-width: 100%;
  }

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

  .content .dashboard_card_icon_container {
    margin-bottom: 0;
    width: 50px;
    height: 50px;
  }

  .dashboard_box_text h2 {
    font-size: 24px;
  }

  .dashboard_previous_day_count {
    font-size: 16px;
  }

  /*! --------------------- Bundle Find Page  -----------------------*/
  .bundle_find_form_container {
    flex-direction: column;
  }

  .bundle_find_search_container {
    width: 100%;
    max-width: 100%;
  }

  .bundle_find_select_container,
  .bundle_find_btn_container {
    width: 100%;
  }

  .label_spacer {
    display: hidden !important;
  }

  /*! --------------------- Whole Sale Page  -------------------------*/
  #tblPreview thead tr th {
    width: 100% !important;
  }

  /*! ---------------- Wholesale Task Details Page  -----------------*/
  .fileOriginalName {
    display: block;
  }

  .filename_arrow {
    display: none;
  }

  /*! ----------------------  Help Page  --------------------------*/
  .help_menu_header_btn {
    flex-direction: column;
    gap: 8px 0;
    padding: 15px 10px;
  }

  /*! ----------------------  Screenshot Page  --------------------------*/
  #screenShots .all_va_dropdown_filter {
    width: auto;
  }

  /*! ----------------------  Feedback Details Page  --------------------------*/
  #feedbackDetails .feedbackDetails_replies .reply_item {
    max-width: 70%;
  }
}

@media screen and (max-width: 1100px) {
  .bundle_recommendations_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .product-actions {
    margin-top: 10px;
  }

  .productContainer {
    width: 48%;
  }

  /*! -------------------- Dashboard Page ---------------------------*/
  .dashboard_card {
    max-width: 100%;
  }

  .dashboard_card_header {
    align-items: start;
    flex-direction: column;
  }

  /*! ------------------ Bundle Details  Page  ----------------------*/
  .dimensions_and_weight input {
    width: 100%;
  }

  /*! --------------------- Screenshots Page  -----------------------*/
  #screenShots .screenshots_card_container {
    padding: 20px 12px;
  }

  /*! ----------------------- Help Page  -----------------------------*/
  .help_menu_header_btn h2 {
    text-align: center;
  }

  .help_menu_header_btn h2 span {
    display: block;
  }

  /*! ----------------------- Scan History Page  -----------------------------*/
  .featured_item {
    width: 23%;
  }

  /*! ----------------------- Deals Page  -----------------------------*/
  #deals .llp_header_container_2 {
    flex-wrap: wrap;
  }

  #deals .report_range {
    order: 1;
  }

  #deals .deals_search_container {
    width: 100%;
    order: 3;
  }

  #deals .all_va_dropdown_filter {
    width: 100%;
    order: 2;
  }

  /*! ----------------------- Screenshots Page  -----------------------------*/
  #screenShots .llp_header_container_2 {
    flex-wrap: wrap-reverse;
    justify-content: end;
  }
}

@media screen and (max-width: 1000px) {
  .navbar {
    padding: 15px 25px;
  }

  #sidebar_backdrop {
    height: 100vh;
    width: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
  }

  #sidebar_backdrop.show {
    display: block;
  }

  .sidebar {
    max-width: 194px;
    transition: none;
    background: unset;
  }

  .sidebar.close {
    background: var(--white);
  }

  .sidebar.close.openMobile {
    z-index: 15;
    max-width: 100% !important;
    position: fixed;
    background: unset;
  }

  .sidebar.close.openMobile .sidebar_text_icon {
    position: static;
  }

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

  .sidebar .chevron {
    right: 3px;
  }

  .sidebar.close .sidebar_container.show {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0 10px 0;
    max-width: 250px;
    min-height: 100vh;
    background: var(--white);
  }

  .sidebar.close .sidebar_container.show .sidebar_btn {
    justify-content: start;
    margin-inline: auto;
    max-width: 180px;
  }

  .sidebar.close .sidebar_container.show .sidebar_logo_container {
    text-align: start !important;
    margin-inline: auto;
    position: relative;
    width: fit-content;
    padding-inline: 20px;
  }

  .sidebar.close .sidebar_container.show .sidebar_text {
    display: block;
  }

  .sidebar.close .sidebar_container.show .item2_sub_btn span {
    display: block;
    margin-left: 5px;
  }

  .sidebar.close .sidebar_container.show .sidebar_menu_container {
    justify-content: center;
    position: relative;
    margin-left: 0;
  }

  .sidebar_container.show .sidebar_menu_container .item2_sub_menu.show {
    margin-left: 50px;
  }

  .sidebar_container.show .item2_sub_btn {
    width: 90%;
  }

  .sidebar.close .sidebar_container.show .item2_sub_btn {
    justify-content: start;
    padding: 4px 10px;
  }

  .item2_sub_btn {
    font-size: 15px;
  }

  .item2_sub_btn i {
    font-size: 19px;
  }

  .sidebar.close .item2_sub_btn {
    font-size: 15px;
  }

  .sidebar.close #logoImageContainer,
  body.dark-mode .sidebar.close #logoImageContainer {
    padding-left: 0;
  }

  .sidebar .sidebar_logo_container {
    padding-top: 10px;
    gap: 5px;
  }

  .sidebar_menu_btn {
    margin-left: auto;
  }

  #sidebarMenu {
    display: none;
  }

  #sidebarMenuMobile {
    display: block;
  }

  .sidebar {
    max-width: 220px;
  }

  .sidebar_container {
    padding: 10px 15px 10px 15px;
  }

  .sidebar .chevron {
    right: 5px;
  }

  .container {
    padding: 30px 25px;
  }

  .content {
    width: calc(100% - 220px);
  }

  .all_va_dropdown_filter {
    max-width: 270px;
  }

  /* Auth */
  .auth_container {
    flex-direction: column-reverse;
    justify-content: start;
  }

  .auth_screens_image {
    display: none;
  }

  .auth_design_text {
    display: none;
  }

  .bundle_preview_container {
    gap: 20px 20px;
    flex-direction: column;
  }

  /*! -------------------- Dashboard Page ---------------------------*/
  .dashboard_card {
    padding: 25px;
    max-width: 100%;
  }

  #tblLatestScreenshots tbody {
    grid-template-columns: repeat(2, 1fr);
  }

  /*! ------------------ Bundle Details  Page ----------------------*/
  .img-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .img-item {
    min-width: 180px;
  }

  .form_tool_input .dimensions_and_weight {
    align-items: start;
    flex-direction: column;
  }

  /*! ------------- Bundle Recommendations Page  -----------------*/
  .bundle-ideas-container {
    flex-direction: column;
    gap: 20px 10px;
  }

  /*! ------------------  Whole Sale Page -----------------------*/
  .step_3_search_input_container {
    max-width: 300px;
  }

  .mapping_fields_input_container {
    width: 100%;
  }

  .mapping_fields_input_container.sheet_name {
    order: 1;
  }

  .mapping_fields_input_container.product_code {
    order: 2;
  }

  .mapping_fields_input_container.buy_price {
    order: 3;
  }

  .mapping_fields_input_container.market_place {
    order: 4;
  }

  .mapping_fields_input_container.remaining_task_rows {
    order: 5;
  }

  .mapping_fields_input_container.title {
    order: 6;
  }

  .mapping_fields_input_container.sell_price {
    order: 7;
  }

  .mapping_fields_input_container.vat_rate {
    order: 8;
  }

  .mapping_fields_input_container:last-child {
    order: 9;
  }

  .mapping_fields_input_container .preview_btn {
    width: 100%;
  }

  .file_name_container {
    display: block;
    margin-top: 3px;
    padding-left: 0;
  }

  .inValid_red {
    display: block;
    padding-bottom: 7px;
    padding-left: 0;
  }

  .valid_green {
    display: block;
    padding-left: 0;
    padding-bottom: 7px;
    margin-top: 5px;
  }

  /*! ----------------- Wholesale Task Details Page  ---------------------*/
  .custom_toolbar_container .left {
    flex-wrap: wrap;
  }

  .wholesale_task_search_container {
    width: 40%;
  }

  #advancedFiltersBtn {
    margin-top: 0;
  }

  /*! ----------------- Virtual Assistants Page  ---------------------*/
  .va_search_container {
    width: 100%;
    max-width: 300px;
  }

  .va_form {
    gap: 25px 30px;
  }

  #virtualAssistants .llp_header_container_2 {
    flex-wrap: wrap-reverse;
    justify-content: end;
  }

  /*! --------------------- Screenshots Page  -------------------------*/
  #tblScreenShots tbody {
    grid-template-columns: repeat(2, 1fr);
  }

  #screenShots .screenshots_card_container {
    padding: 20px 15px;
  }

  /*! -------------------- Settings Page  -----------------------------*/
  .settings_form {
    flex-direction: column;
  }

  .settings_input_container {
    width: 100%;
  }

  .settings_input_container.current_password .settings_form_input {
    width: 100%;
  }

  /*! --------------------- Scan History ------------------------*/
  .tags_checkbox_container {
    gap: 0 15px;
  }

  .tags_card {
    text-align: center;
    align-items: center;
    flex-direction: column;
  }

  .tags_item_container {
    flex-direction: column;
    position: relative;
  }

  .tags_title_header {
    margin-left: 100px;
    margin-top: 50px;
  }

  .tags_image {
    position: absolute;
  }

  .tags_info {
    align-items: center;
    top: 0;
  }

  .tags_links {
    gap: 10px;
  }

  .tags_links a {
    justify-content: center;
  }

  .featured_history_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 15px;
  }

  .tags_action_btns_container {
    margin-inline: auto;
  }

  .tags_btn_main_con {
    margin-inline: auto;
    flex-direction: column;
    gap: 15px 15px;
  }

  .tags_search_container {
    flex-direction: column;
    gap: 15px;
  }

  .tags_search_input {
    width: 100%;
    max-width: 100%;
  }

  .tags_checkbox_container {
    order: 2;
  }

  .country_select_container {
    order: 3;
  }

  .tags_search_btn {
    order: 4;
  }

  .featured_item {
    width: 31%;
  }

  /*! --------------------- Google Sheets ------------------------*/
  .googleSheetsHeader {
    gap: 10px;
  }

  .googleSheetsManagerTitle {
    margin-right: auto;
  }

  #columnSettings .modal-content,
  #googleSheetsMainContainer .modal-content {
    max-width: 90%;
  }

  /*! --------------------- Admin Activation Page ------------------------*/
  .adminActivation_cards_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .adminActivation_card {
    width: 47%;
  }

  .admin_action_container {
    align-items: start;
    flex-direction: column;
  }

  .adminDeleteActivationBtn {
    margin-left: auto;
  }

  /*! --------------------- Admin Affiliates Page ------------------------*/
  #affiliatesAdmin .admin_action_container {
    align-items: center;
    flex-direction: unset;
  }

  /*! --------------------- Admin Release Notes Page ------------------------*/
  #releaseNotesAdmin .admin_action_container {
    flex-direction: unset;
    flex-wrap: wrap-reverse;
  }

  /*! --------------------- Admin User Manager Page ------------------------*/
  .subcription-card-title {
    width: 18%;
  }

  .subscription-card-data {
    width: 82%;
  }

  /*! ---------------- Feedback Details -----------------*/
  #feedbackDetails .feedbackDetails_replies .reply_item {
    max-width: 80%;
  }
}

@media screen and (max-width: 900px) {
  .dashboard_card {
    flex-direction: column;
  }

  .dashboard_card_header {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  .dashboard_box_text {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 800px) {
  .navbar {
    padding: 15px 20px;
  }

  .container {
    padding: 25px 20px;
  }

  .bundle_recommendations_container {
    flex-direction: column;
    align-items: center;
  }

  .productContainer {
    width: 100%;
    max-width: 550px;
  }

  .all_va_dropdown_filter {
    max-width: 270px;
  }

  .report_range {
    width: 100%;
    gap: 3px 10px;
    justify-content: center;
    text-align: center;
    min-width: fit-content;
  }

  .llp_header_container_2 {
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }

  /*! -------------------- Admin Pages ---------------------------*/
  .admin_header_page_title_container {
    margin-bottom: 15px;
  }

  /*! -------------------- Dashboard Page ---------------------------*/
  .latest_screenshots_container {
    grid-template-columns: 1fr;
    gap: 20px 15px;
  }

  .dashboard_container {
    margin-bottom: 25px;
  }

  .dashboard_card {
    padding: 25px 25px;
  }

  /*! ---------------- Wholesale Page  --------------------- */
  #wholeSale #step-1 .wholesale_search_container {
    order: 1;
    width: 100%;
    max-width: 270px;
  }

  #wholeSale #step-1 .wholesale_action_btn_container {
    margin-left: auto;
  }

  /*! ---------------- Wholesale Task Details Page  --------------------- */
  .wholesale_task_search_container {
    width: 100%;
  }

  .custom_toolbar_container .left select {
    width: 193px;
  }

  /*! ----------------- Virtual Assistants Page  --------------------- */
  .va_form {
    grid-template-columns: 1fr;
  }

  #virtualAssistants .llp_header_container_2 {
    flex-direction: column-reverse;
  }

  #virtualAssistants .all_va_dropdown_filter {
    margin-left: unset;
  }

  #openVAModal {
    margin-left: auto;
  }

  .va_search_container {
    max-width: 270px;
  }

  .va_gdrive_link {
    display: block;
  }

  /*! --------------------- Screenshots Page  ------------------------- */
  #screenShots .screenshots_card_header {
    flex-direction: column-reverse;
  }

  #screenShots .screenshots_card_header .name {
    text-align: end;
  }

  /*! -------------------  Help Page  ------------------------------ */
  .help_menu_header_btn h2 {
    font-size: 20px;
    font-weight: 600;
  }

  /*! --------------------- Scan History ------------------------- */
  .tags_btn_checkbox_container {
    align-items: start;
  }

  .tags_title_header {
    flex-direction: column;
    align-items: start;
  }

  .tags_image {
    top: 40px;
  }

  /*! --------------------- FAQ Admin Page ------------------------- */
  .filterFaq_btn_container {
    flex-wrap: wrap;
  }

  .createFaq_btn_container {
    flex-wrap: wrap;
    justify-content: end;
  }

  .admin_header_page_title_container {
    min-height: 60px;
  }

  .admin_header_page_title {
    font-size: 22px;
  }

  #categoriesSearchInput {
    max-width: 310px;
  }

  .categoriesSearch_container {
    min-width: 100%;
  }

  /*! --------------------- Web View Page ------------------------- */
  .webview_search_btn {
    max-width: 150px;
  }

  /*! --------------------- Deals Page ------------------------- */
  #deals .deals_search_container {
    max-width: 270px;
  }

  /*! --------------------- Screenshots Page ------------------------- */
  #screenShots .llp_header_container_2 {
    flex-direction: column;
    justify-content: start;
  }

  #screenShots .screenshot_delete_btn {
    margin-left: auto;
    order: 1;
  }

  #screenShots .report_range {
    order: 2;
  }

  #screenShots .all_va_dropdown_filter {
    margin-left: unset;
    max-width: 300px;
    width: 100%;
    order: 3;
  }

  /*! --------------------- Google Sheets ------------------------- */
  #columnSettings .modal-content,
  #googleSheetsMainContainer .modal-content {
    max-width: 95%;
    position: relative;
  }

  .googleSheet_resetBtn_container {
    top: 0;
    right: 25px;
    position: absolute;
  }

  .label_title_container {
    margin-top: 10px;
  }

  .sheetCustomiseBtn {
    padding: 0 10px;
    height: 27px !important;
    min-height: 27px !important;
  }

  #googleSheetsMainContainer .pages_title_container {
    margin-bottom: 0;
  }

  .googleSheetsHeader {
    flex-direction: column;
    align-items: end;
  }

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

  .googlesheet_title_list {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }

  /*! --------------------- Admin User Manager Page ------------------------*/
  .subcription-card-title {
    width: 20%;
  }

  .subscription-card-data {
    width: 80%;
  }

  /*! --------------------- Admin User Page ------------------------*/
  #usersAdmin .admin_user_search_container {
    flex-direction: column;
  }

  #usersAdmin .search_separator {
    display: none;
  }

  /*! --------------------- Admin Feedback Page ------------------------*/
  #feedbackDetails .feedbackHeaderDate {
    font-size: 18px;
  }

  /*! --------------------- Admin Affiliates Page ------------------------*/
  #affiliatesAdmin .admin_action_container {
    flex-wrap: wrap;
  }

  #affiliatesAdmin .admin_search_container {
    max-width: 800px;
  }
}

@media screen and (max-width: 767px) {
  .content {
    width: calc(100% - 96px);
    transition: none;
  }

  .navbar .notification_container {
    right: 15px;
  }

  .navbar .search {
    width: fit-content;
    color: var(--llpTextColorCharcoal);
  }

  .dataTables_wrapper .customDataTableV2_footer .dataTables_paginate {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .main_content {
    display: initial;
  }

  .sidebar {
    display: none;
  }

  .content {
    min-height: calc(100dvh - 50px);
  }

  .content.full {
    width: 100% !important;
  }

  .sidebar.close.openMobile {
    display: block !important;
  }

  .navbar_hamburger_container {
    display: flex;
  }

  .navbar_logo_container {
    display: flex;
    line-height: 0;
    max-width: 150px;
  }

  .navbar_logo_container img {
    object-fit: contain;
    line-height: 0;
    width: 100%;
  }

  .page_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
  }
}

@media screen and (max-width: 600px) {
  .fancybox-caption__body span {
    display: block;
  }

  .sidebar.close {
    max-width: 80px;
  }

  .sidebar.close .sidebar_container {
    padding: 10px 5px 10px 5px;
  }

  .sidebar .chevron span {
    font-size: 16px;
  }

  .sidebar_menu_container .item2_sub_menu.show {
    margin-left: 15px;
  }

  .avatar_menu {
    padding: 10px;
    min-width: 215px;
  }

  .custom_data_table_container {
    padding: 25px 15px;
  }

  .auth_content {
    padding: 25px 20px;
  }

  .llp_header_2 {
    font-size: 20px;
  }

  .report_range {
    padding: 10px;
  }

  .all_va_filter_btn {
    padding: 10px;
  }

  .admin_header_page_title {
    font-size: 20px;
  }

  .youtubeIframe {
    min-height: 250px;
  }

  /*! -------------------- Dashboard Page ---------------------------*/
  .dashboard_card_container {
    flex-direction: column;
  }

  .dashboard_card {
    width: 100%;
    max-width: 100%;
    padding: 25px 20px;
    text-align: center;
  }

  .dashboard_card_header {
    flex-direction: column;
  }

  .dashboard_card_icon_container {
    margin-inline: auto;
  }

  .dashboard_con_header {
    flex-wrap: wrap;
    gap: 10px 15px;
    flex-direction: column-reverse;
    align-items: start;
  }

  .dashboard_container_item2 .custom_data_table_container {
    max-height: 850px;
  }

  .dashboard_con_header .llp_a_tag {
    margin-left: auto;
  }

  .dashboard_box_value_container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .dashboard_container {
    margin-bottom: 20px;
  }

  .dasboard_scan_history_container {
    padding: 25px 15px;
  }

  /*! ------------------------ Bundle Details  Page  ----------------------------- */
  .bundle_detail_item_container {
    padding: 25px 15px;
  }

  .form_tool_input .dimensions_and_weight select {
    width: 80px !important;
  }

  /*! --------------------- Bundle Preview Page  ------------------------- */
  .bundle_preview_item_header {
    padding: 20px 15px;
  }

  .bundle_preview_item_body {
    padding: 20px 15px;
  }

  .bundle_preview_data_container.input_con .bundle_preview_tools {
    width: 100%;
    text-align: start;
  }

  .bundle_preview_data_container.input_con {
    flex-direction: column;
    align-items: start;
  }

  .bundle_preview_data_container.input_con input {
    text-align: start;
    padding-left: 10px;
    padding-right: 20px;
  }

  .bundle_preview_footer_container {
    margin: 20px 0 20px 0;
    gap: 20px 15px;
    flex-direction: column-reverse;
    align-items: center;
  }

  .btn_save_and_generate {
    margin-inline: auto;
  }

  .productContainer {
    padding: 15px;
  }

  /*! --------------------- Bundle Recommendations Page  ------------------------- */
  .bundle-ideas-container {
    gap: 15px 10px;
  }

  .bundle-ideas-container h3 {
    text-align: center;
  }

  .mainAsin {
    display: block;
  }

  /*! --------------------- Bundle Find Page  ------------------------- */
  .bundle_find_btn_container button {
    padding: 10px 10px;
  }

  .bundle_find_form_container label span {
    display: block;
  }

  /*! -------------------------- Bundle List Page  ------------------------------- */
  .bundle_list_header {
    flex-direction: column;
    align-items: start;
  }

  .bundle_header_action {
    margin-left: auto;
  }

  /*! ------------------- Wholesale Task Details Page  ---------------------- */
  .custom_toolbar_container .left {
    flex-direction: column;
  }

  .custom_toolbar_container .left {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
  }

  .custom_toolbar_container .right {
    flex-direction: column;
    align-items: start;
  }

  .tableColumnCustomizer {
    width: 100%;
  }

  .csv_name {
    align-items: start;
    flex-direction: column;
  }

  /*! -------------------------- Whole Sale Page  ------------------------------- */
  .mapping_fields_input_container_double {
    flex-direction: column;
  }

  .mapping_fields_input_container label span {
    display: block;
    padding-top: 5px;
  }

  .preview-table-select-container {
    margin-left: auto;
  }

  /*! --------------------- Virtual Assistants Page ------------------------- */
  .va_form_container {
    padding: 15px 15px;
  }

  .va_headline_container p {
    font-size: 12px;
  }

  .va_headline_container .va_gdrive_link a {
    font-size: 12px;
  }

  /*! --------------------- Screenshots Page  ------------------------- */
  #tblScreenShots tbody {
    gap: 15px;
  }

  #screenShots .screenshots_card {
    max-width: 350px;
    margin-inline: auto;
  }

  /*! --------------------- Web View Page  ------------------------- */
  .overview_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .overview_item.right_item {
    width: 140px;
  }

  .overview_title.right_title {
    margin-right: 0;
  }

  .overview_title {
    margin-right: 10px;
  }

  /*! ---------------------  Help Page  -------------------------- */
  .help_header_container {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
  }

  .help_menu_header_btn {
    padding: 10px 10px;
  }

  .help_menu_header_btn {
    max-width: 250px;
    margin-inline: auto;
  }

  .faq_item {
    padding: 25px 20px;
  }

  /*! --------------------- Scan History ------------------------- */
  .featured_item h3 span {
    display: block;
    margin-top: 5px;
  }

  .tags_links a {
    flex-direction: column-reverse;
  }

  .tags_search_container {
    flex-direction: column;
    gap: 10px;
  }

  .tags_search_input {
    max-width: 100%;
    padding-left: 10px;
  }

  .tags_action_btns_container {
    gap: 15px 15px;
  }

  .tags_action_btn {
    width: 47%;
  }

  .tags_links {
    font-weight: 400;
  }

  .featured_item {
    width: 44%;
  }

  .featured_item.time {
    flex-direction: column;
  }

  /*! -------------------- Settings Page ---------------------------*/
  .country_btn {
    min-width: 60px;
  }

  .webview_search_container {
    flex-direction: column;
    gap: 10px;
  }

  .webview_search_btn {
    max-width: 100%;
  }

  /*! -------------------- Google Sheets Manager Page ---------------------------*/
  .googleSheetManagerAuthBtnContainer {
    align-items: start;
  }

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

  .googlesheet_title_list li {
    overflow: hidden;
  }

  .googlesheet_title_list li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  #syncSheets {
    min-width: fit-content;
  }

  .googleBtn_text {
    display: none;
  }

  .loadFromSelect-container {
    align-items: start;
    flex-direction: column;
    gap: 5px;
  }

  #googleSheetsMainContainer .modal_footer {
    align-items: start;
  }

  /*! --------------------- Column Settings ------------------------*/
  #addColumnSettingsModal .modal_footer {
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    gap: 10px;
  }

  #columnSettings .llp_page_title {
    font-size: 22px;
  }

  /*! --------------------- AI Analysis Page ------------------------*/
  .ai-analysis-message-container {
    max-width: 95%;
    min-width: 230px;
  }

  .text-ai-title-div {
    margin-bottom: 10px;
  }

  .text-ai-title {
    margin-bottom: 10px;
  }

  .text-ai-title {
    font-size: 20px;
  }

  .text-ai-sub-title {
    font-size: 14px;
    line-height: 140%;
  }

  /*! --------------------- Admin Activation Page ------------------------*/
  .adminActivation_cards_container {
    row-gap: 15px;
  }

  .adminActivation_card {
    width: 100%;
    padding: 15px 10px;
  }

  .admin_search_container {
    max-width: 100%;
    flex-direction: column;
    align-items: start;
  }

  /*! --------------------- Admin User Manager Page ------------------------*/
  .subcription-card-title {
    width: 30%;
  }

  #userManagerAdmin .usrMngr_section_title {
    font-size: 18px;
    font-weight: 600;
  }

  .subscription-card-data {
    width: 70%;
  }

  #userManagerAdmin #vaDashboardDetails {
    margin-bottom: 15px;
  }

  #userManagerAdmin #usrMngrActivationTblContainer {
    margin-top: 15px;
  }

  /*! --------------------- Admin Affiliates Page ------------------------*/
  #affiliatesAdmin .admin_action_container {
    flex-wrap: wrap;
  }

  /*! ---------------------  Feedback Details Page ------------------------*/
  #feedbackDetails .reply_header {
    align-items: start;
    flex-direction: column;
  }

  #feedbackDetails .feedbackDetails_replies .reply_item {
    max-width: 90%;
  }

  #feedbackDetails .feedbackDetails_replies .reply_item .reply_content {
    min-width: 200px;
  }

  #feedbackDetails .reply_avatar_container .reply_avatar {
    width: 30px;
    height: 30px;
  }

  #feedbackDetails .feedbackHeaderDate {
    font-size: 16px;
  }
}

@media screen and (max-width: 576px) {
  .navbar .notification_container {
    max-width: 350px;
  }

  .navbar .notification_container {
    right: 15px;
    margin-inline: auto;
  }

  .sidebar.close .sidebar_container.show::before {
    width: 250px;
  }

  .sidebar_menu_container .item2_sub_menu.show {
    margin-left: 25px;
  }
}

@media screen and (max-width: 500px) {
  .navbar .notification_container {
    max-width: 325px;
  }

  .content {
    min-height: calc(100dvh - 40px);
  }

  .container {
    padding: 20px 20px;
  }

  .pages_title_container {
    margin-bottom: 15px;
  }

  .llp_page_title {
    font-size: 22px;
  }

  .llp_header_container_2 {
    margin-bottom: 20px;
  }

  .llp_btn {
    height: 35px;
    min-height: 35px;
  }

  .custom_data_table_container {
    padding: 15px 15px;
  }

  .report_range {
    justify-content: space-between;
    max-width: 100%;
  }

  .all_va_dropdown_filter {
    max-width: 100%;
    min-width: unset;
  }

  .dataTables_paginate {
    gap: 10px;
  }

  .customDataTableV2_container
    .customDataTableV2
    thead
    th:not(.nested-table th) {
    height: 40px;
    font-size: 13px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .customDataTableV2_container
    .customDataTableV2
    tbody
    td:not(.nested-table td) {
    height: 40px;
    font-size: 13px;
    padding: 5px 10px !important;
  }

  .customDataTableV2_footer {
    gap: 10px !important;
  }

  .page_footer {
    height: 40px;
    font-size: 13px;
  }

  /*! --------------------- Admin Pages ------------------------- */
  .admin_action_container {
    margin-bottom: 15px;
  }

  /*! --------------------- Dashboard Page ------------------------- */
  .dashboard_motivational_text {
    display: none;
  }

  .content .dashboard_card_icon_container {
    display: none;
  }

  .dashboard_card_container {
    gap: 10px;
  }

  .dashboard_card {
    padding: 10px;
    gap: 8px;
  }

  .dashboard_main_title {
    display: none;
  }

  .dashboard_box_text h2 {
    font-size: 22px;
  }

  .dashboard_card_loader {
    font-size: 20px;
  }

  .dashboard_item_change {
    margin-bottom: 0;
    font-size: 12px;
  }

  .dasboard_scan_history_container {
    padding: 15px;
  }

  #tblLatestScreenshots tbody {
    gap: 15px;
  }

  /*! --------------------- Scan History ------------------------- */
  .tags_btn_checkbox_container {
    flex-direction: column;
  }

  .tags_checkbox_container {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }

  .tags_action_btns_container {
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 15px 10px;
  }

  .scanhistory_header {
    margin-bottom: 20px;
  }

  .tags_image {
    position: static;
    margin-inline: auto;
    margin-bottom: 10px;
  }

  .tags_title_header {
    margin-top: 0;
    margin-left: 0;
  }

  .tags_title_text {
    max-width: 220px;
  }

  .featured_history_container {
    margin-top: 10px;
  }

  /*! --------------------- Screen Shots Page ------------------------- */
  #screenShots .all_va_dropdown_filter {
    max-width: 100%;
  }

  /*! --------------------- Chart ------------------------- */
  #charts_page .custom_data_table_container {
    padding: 15px 0;
  }

  .overview_title {
    margin-right: 5px;
  }

  .overview_title.right_title,
  .overview_title {
    width: 30px;
  }

  /*! --------------------- Virtual Assitants Page ------------------------- */
  .va_search_container {
    max-width: 100%;
  }

  #tblManageDevices .llp_input_1 {
    height: 35px;
  }

  /*! --------------------- Deals Page ------------------------- */
  #deals .deals_search_container {
    max-width: 100%;
  }

  /*! --------------------- Wholesale Page ------------------------- */
  #wholeSale #step-1 .wholesale_action_btn_container {
    flex-direction: column;
    gap: 10px;
  }

  #wholeSale #step-1 .wholesale_search_container {
    max-width: 100%;
  }

  #tblWholeSale .llp_input_1 {
    height: 35px;
  }

  /*! --------------------- Settings Page ------------------------- */
  .settings_form_container {
    margin-bottom: 20px;
  }

  .settings_form_header {
    margin-bottom: 15px;
  }

  .settings_form {
    gap: 15px;
  }

  .settings_btn {
    margin-top: 0;
  }

  /*! --------------------- Google Sheets Page ------------------------- */
  .modal_body.googleSheetModal .googleSheetModalItem .title_container {
    padding: 5px;
  }

  .modal_body.googleSheetModal .googleSheetModalItem .title p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 60px;
  }

  #spreadSheetsTable th {
    height: 40px;
    font-size: 13px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #spreadSheetsTable td {
    height: 40px;
    font-size: 13px;
    padding: 5px 10px !important;
  }

  #spreadSheetsTable td .llp_input_1,
  #spreadSheetsTable td .llp_select {
    height: 35px;
    min-height: 35px;
    font-size: 13px;
  }

  .loadFromSelect {
    max-width: 125px;
  }

  /*! --------------------- Column Settings ------------------------*/
  #columnSettings .llp_page_title {
    font-size: 18px;
    flex-wrap: wrap;
  }

  /*! --------------------- Admin User Manager Page ------------------------*/
  .subcription-card-title {
    width: 40%;
  }

  .subscription-card-data {
    width: 60%;
  }

  #userManagerAdmin
    .customDataTableV2_container
    #usrMngrVaTbl.customDataTableV2
    tbody
    td:not(.dataTables_empty),
  #userManagerAdmin
    .customDataTableV2_container
    #usrMngrVaTbl.customDataTableV2
    thead
    th {
    height: 40px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .subscription-card-item.va_container {
    flex-direction: column;
  }

  .subscription-card-item.va_container .subcription-card-title {
    width: 100%;
    border-bottom: 1px solid var(--lightBlueGray3);
  }

  .subscription-card-item.va_container .subscription-card-data {
    width: 100%;
    padding-top: 0;
  }

  /*! --------------------- License Activation Admin Page ------------------------- */
  .adminActivation_card {
    padding: 10px;
  }

  #activationsAdmin .customDataTableV2_container .customDataTableV2 thead th {
    height: 40px;
    font-size: 13px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .adminActivation_cards_container {
    row-gap: 10px;
  }

  /*! --------------------- Feedback Details Page ------------------------- */
  #feedbackDetails .feedbackDetails_replies .reply_item {
    max-width: calc(100% - 40px);
  }

  /*! ---------------------------------- Charts Page ------------------------------------*/
  #chartBasicProductContainer {
    padding: 0;
    font-size: 13px;
  }

  #chartBasicProductContainer .overview_grid {
    gap: 5px;
  }

  /*! --------------------- Admin Affiliates Page ------------------------*/
  .ddAffiliates_container {
    width: 100%;
  }

  .affiliatesDd {
    max-width: 100%;
  }
}

@media screen and (max-width: 400px) {
  /*! --------------------- Auth Pages ------------------------- */
  .auth_content {
    padding: 0;
  }

  .form .description {
    max-width: 270px;
  }

  .auth_logo_container {
    padding: 8px 25px;
  }

  .auth_form_container {
    padding: 0 25px 10px 25px;
  }

  .buyLicenseKey {
    width: 70% !important;
    min-width: 175px;
  }

  .llp_page_title {
    font-size: 20px;
  }

  /*! --------------------- Scan History ------------------------- */
  .tags_item_container {
    padding: 10px;
  }

  .featured_item {
    width: 47%;
  }

  .tags_title_text {
    max-width: 150px;
  }

  /*! --------------------- License Activation Page ------------------------- */
  .activation_card_label {
    gap: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /*! --------------------- Google Sheets Page ------------------------- */
  .modal_body.googleSheetModal .googleSheetModalItem .title p {
    max-width: 40px;
  }

  /*! --------------------- Virtual Assistants Page ------------------------- */
  .va_headline_container .va_gdrive_link a {
    font-size: 10px;
  }
}

@media screen and (max-width: 375px) {
  .report_range {
    font-size: 13px;
  }
}