/* ============================================= */
/* :: CSS Variables & Root Settings
/* ============================================= */
:root {
  --nav-h: 64px; /* Updated by JS */
  --theme-switch-delay: 2000ms;
  --theme-switch-dur: 600ms;
   --mm-bg: rgba(0,0,0,0.85);
  --mm-panel-bg: #000000;
  --mm-text: #f4f6f8;
  --mm-link: #e5e7eb;
  --mm-link-hover: #ffffff;
}


html.no-theme-transitions,
html.no-theme-transitions * {
  transition: none !important;
  animation: none !important;
}

html[data-theme="dark"] body { 
  background: #000; 
  color: #fff; 
}

html[data-theme="light"] body { 
  background: #fcfcfc; 
  color: #0f172a; 
}


html[data-theme="dark"] #table_results.table > :not(caption) > * > td:first-child {
    font-weight: 300 !important;
    color: #6e788a !important;
}

body[data-theme="dark"] span.hh {
    font-weight: 700!important;
    color: #FFF!important;
}

body[data-theme="dark"] .table-striped tbody tr:nth-of-type(1n+1):hover {
    background-color: #12111b85 !important;
}

#div_advanced > div:nth-child(3) > label {
  position: relative!important;
  top:-1px;
}

#div_advanced > div:nth-child(2) > label {
    position: relative!important;
  top:5px;
}

small.note {
    font-family: "Inter", "Inter Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #A3AEBE;
}


/* Theme-aware tooltip colors */
.dl-thumb-tooltip { --dl-tip-fg: #ffffff; } /* default */
html[data-theme="light"] .dl-thumb-tooltip { --dl-tip-fg: #111827; }  /* dark gray in light mode */
html[data-theme="dark"]  .dl-thumb-tooltip { --dl-tip-fg: #ffffff; }  /* white in dark mode */

/* Apply color to spinner + caption + fallback text */
.dl-thumb-tooltip,
.dl-thumb-tooltip__caption,
.dl-thumb-tooltip__spinner { color: var(--dl-tip-fg); }

/* Optional: style for the fallback text */
.dl-thumb-tooltip__empty{
  font-size: 11px;
  opacity: .75;
  text-align: center;
}



/* === Thumb Tooltip (300×200) with shimmer + caption === */
.dl-thumb-tooltip {
  position: fixed;
  z-index: 999999;
  width: 300px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  pointer-events: none; /* avoid interfering with hover */
  transform: translate3d(0,0,0);
  border: 1px solid var(--border, rgba(16,24,40,.08));
  background: var(--bg, #fff);
}

/* Theme tokens */
html[data-theme="light"] .dl-thumb-tooltip {
  --bg: #ffffff;
  --sk1: #eeeeee;
  --sk2: #f7f7f7;
  --cap: #667085;
  --border: rgba(16,24,40,.08);
}
html[data-theme="dark"] .dl-thumb-tooltip {
  --bg: #0b0d10;
  --sk1: #2b2f36;
  --sk2: #3a3f47;
  --cap: #cbd5e1;
  --border: rgba(255,255,255,.08);
}

/* Shimmer (glimmer) placeholder shown while loading */
.dl-thumb-tooltip__shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--sk1) 25%, var(--sk2) 37%, var(--sk1) 63%);
  background-size: 400% 100%;
  animation: dl-shimmer 1.2s linear infinite;
}
@keyframes dl-shimmer {
  0%   { background-position: 100% 0; }
  100% { background-position:   0% 0; }
}

/* Spinner (centered) — same style as your Search button */
.dl-thumb-tooltip__spinner {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  top: 33px;
}

/* Image fades in over shimmer */
.dl-thumb-tooltip__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .18s ease;
}
.dl-thumb-tooltip.is-ready .dl-thumb-tooltip__img { opacity: 1; }
.dl-thumb-tooltip.is-ready .dl-thumb-tooltip__shimmer,
.dl-thumb-tooltip.is-ready .dl-thumb-tooltip__spinner { display: none; }

/* Tiny caption below the preview */
.dl-thumb-tooltip__caption {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 6px;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  color: var(--cap);
  opacity: .85;
  pointer-events: none;
  user-select: none;
  text-transform: none;
}





/* iPhone landscape – looser, but hits the 16e landscape size */
@media screen
  and (orientation: landscape)
  and (min-width: 820px) and (max-width: 900px)
  and (min-height: 380px) and (max-height: 430px) {

  .form-group.row .col-sm-4-cust {
    flex: 0 0 37.5% !important;   /* correct property */
    max-width: 37.5% !important;  /* single value */
  }

  /* if the first one has an offset, keep it proportional */
  .form-group.row .offset-sm-1 { margin-left: 6.25% !important; }
}


@media screen and (orientation: landscape)
  and (width: 852px) and (height: 393px) {
  .form-group.row .col-sm-4-cust { flex: 0 0 37.5% !important; max-width: 37.5% !important; }
}


/* ===== Hamburger visibility & header behavior at ≤768px ===== */
.hamburger{ display:none; border:0; background:transparent; padding:8px; cursor:pointer; }
.hamburger:focus-visible{ outline:2px solid #8ab4ff; outline-offset:2px; }
.hamburger__box{ display:inline-flex; flex-direction:column; gap:4px; }
.hamburger__bar{ width:24px; height:2px; background:currentColor; border-radius:2px; transition:transform .2s, opacity .2s; }
.hamburger[aria-expanded="true"] .hamburger__bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.hamburger[aria-expanded="true"] .hamburger__bar:nth-child(2){ opacity:0; }
.hamburger[aria-expanded="true"] .hamburger__bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

@media (max-width:768px){
  .hamburger{ display:inline-flex; }
  /* Keep welcome + theme toggle visible in the header on mobile */
  .welcome, [data-theme-toggle]{ display:inline-flex !important; align-items:center; }
  /* Hide only auth buttons in the header (they live in the overlay) */
  #btn_header_login, #btn_header_logout, #btn_header_register{ display:none !important; }
}

/* ===== Fullscreen overlay menu ===== */
.mobile-menu[hidden]{ display:none; }
.mobile-menu{ position:fixed; inset:0; z-index:9999; }
.mobile-menu__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); opacity:0; transition:opacity .25s ease; }
.mobile-menu__panel{
  position:absolute; inset:0;
  display:flex; flex-direction:column;
  background:var(--mm-panel-bg, #0b0c0f); color:var(--mm-text, #e5e7eb);
  opacity:0; transform:translateY(6px);
  transition:opacity .25s ease, transform .25s ease;
  overflow:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  padding-bottom:env(safe-area-inset-bottom);
}
.mobile-menu.is-open .mobile-menu__backdrop{ opacity:1; }
.mobile-menu.is-open .mobile-menu__panel{ opacity:1; transform:none; }

/* Top bar inside overlay */
.mobile-menu__header{
  position:sticky; top:0;
  display:flex; align-items:center; gap:12px; justify-content:space-between;
  padding:16px 20px; padding-top:calc(16px + env(safe-area-inset-top));
  background:inherit; border-bottom:1px solid rgba(255,255,255,.08);
      padding: 20px;
}
.mobile-menu__header .welcome{ font-weight:600; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mobile-menu__close{
  position:absolute; top:12px; right:12px;
  border:0; background:transparent; color:inherit; padding:10px; cursor:pointer;
}

/* Left-aligned links */
.mobile-menu__nav{ padding:24px 20px 40px; text-align:left; }
.mobile-menu__link{
  display:block; margin:8px 0; line-height:1.5;
  font-size:clamp(20px, 4.8vw, 36px); font-weight:600; letter-spacing:.2px;
  color:var(--mm-link, #cfd6de); text-decoration:none;
}
.mobile-menu__link:hover, .mobile-menu__link:focus-visible{ color:#fff; text-decoration:underline; }

/* Body scroll lock while menu is open */
.no-scroll{ overflow:hidden; }

.icon--to-light, .icon--to-dark { display:none; }
[data-theme="dark"]  .icon--to-light { display:inline-block; } /* show “sun” when dark */
[data-theme="light"] .icon--to-dark  { display:inline-block; } /* show “moon” when light */

/* ============================================= */
/* :: Base Typography & Body Styles
/* ============================================= */
body {
  background-color: #000000;
  color: #ffffff;
  font-family: "Inter", "Inter Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 400;
  color-scheme: dark;
}

h4 {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.2px !important;
  color: #ffffff;
}

p {
  font-family: inherit;
  font-weight: 300;
  font-size: 20px;
  line-height: auto !important;
  letter-spacing: -0.2px !important;
}

p, ul, li {
  font-family: inherit;
  font-weight: 300;
  font-size: 18px;
  line-height: 2.0rem;
  color: #000000;
}

a {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: -0.2px !important;
}

a:hover {
  opacity: 1;
  text-decoration: none;
}

li {
  margin-bottom: 10px;
  font-size: 18px;
  color: #000000;
  letter-spacing: -0.2px !important;
}

.small,
small {
  font-size: 90%;
  font-weight: 300;
  letter-spacing: .4px;
}


div.restricted__body {
        max-width: 530px !important;
    margin: 0px auto !important;
    display: block;
}

/* ============================================= */
/* :: Logo Management
/* ============================================= */
.logo { 
  display: none; 
}

body[data-theme="light"] .logo--light { 
  display: inline-block;
  width: 380px!important; 
}

body[data-theme="dark"] .logo--dark { 
  display: inline-block; 
  width: 380px!important;
}

.logo-image {
  opacity: 0.5;
  filter: grayscale(100%);
  width: 180px;
}

/* Brand swap animations */
.brand-swap {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.brand-swap__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.brand-swap .brand-swap__logo {
  display: none;
  height: 24px;
  width: auto;
}

body[data-theme="dark"] .app-nav:not(.show-logo) .brand-swap__icon .brand-swap__logo--light { 
  display: inline-block !important;
}

body[data-theme="light"] .app-nav:not(.show-logo) .brand-swap__icon .brand-swap__logo--dark { 
  display: inline-block !important;
}

.app-nav.show-logo .brand-swap__icon { 
  display: none !important; 
}

body[data-theme="light"] .app-nav.show-logo .brand-swap > .brand-swap__logo--light,
body[data-theme="dark"] .app-nav.show-logo .brand-swap > .brand-swap__logo--dark {
  display: inline-block !important; 
  animation: dl-fade .18s ease-out;
  position: relative;
  left: -26px;
}

@keyframes dl-fade { 
  from { opacity: 0; transform: translateY(1px); } 
  to { opacity: 1; transform: none; } 
}

@media (prefers-color-scheme: light) { 
  body:not([data-theme]) .logo--light { display: inline-block; } 
}

@media (prefers-color-scheme: dark) { 
  body:not([data-theme]) .logo--dark { display: inline-block; } 
}

/* ============================================= */
/* :: Navigation Styles
/* ============================================= */
.app-nav {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  background: rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.app-nav.is-scrolled {
  background: rgba(0,0,0,.55);
  box-shadow: 0 6px 24px rgba(0,0,0,.18);
}

.app-nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

body.has-fixed-nav main {
  padding-top: var(--nav-h);
}

.app-nav__left,
.app-nav__right {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 20px;
}

.app-nav__right {
  margin-left: auto;
}

.app-nav .welcome {
  color: #cbd5e1;
  font-weight: 400;
}

.app-nav * {
  max-width: none;
}

@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .app-nav {
    background: var(--nav-bg-solid, #0e0f12);
  }
}

/* ============================================= */
/* :: Forms & Inputs
/* ============================================= */
.form-control-sm {
  display: block;
  width: 100%;
  padding: .475rem .75rem;
  font-weight: 400;
  line-height: normal;
  color: #ffffff !important;
  background-color: #000000;
  background-clip: padding-box;
  border: 1px solid rgb(209 214 223);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease, box-shadow .15s ease;
  font-size: 16px;
  font-family: inherit;
  min-height: auto !important;
}

.search-input:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  color: inherit;
}

textarea.form-control-sm {
  min-height: 180px !important;
}

.form-check-input {
  background-color: #121213 !important;
  border: .5px solid #2d2f35 !important;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.15rem;
  height: 1.15rem;
  background: transparent;
  border: .5px solid #2c2e31;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.25rem;
  position: relative;
  top: -2px;
}

.col-form-label {
  padding-top: initial;
  padding-bottom: initial;
  color: #ffffff !important;
  line-height: normal !important;
  font-size: 16px !important;
  font-family: inherit;
  font-weight: 400 !important;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
  position: relative;
  top: 10px;
  font-size: .9rem;
  font-family: inherit;
  font-weight: 500;
}

::placeholder {
  color: #A3AEBE;
  font-weight: 400;
  letter-spacing: 0px;
  opacity: 1;
  font-family: inherit;
  line-height: 1.3;
  font-size: 18px;
}

.search-input {
  background: transparent;
  border: 0;
  color: #e6ebf3;
  padding: 40px 0px;
  -webkit-appearance: none;
  appearance: none;
}

.search-input::placeholder {
  color: #A3AEBE;
  font-family: inherit;
  font-weight: 400;
  font-size: 18px;
}

/* ============================================= */
/* :: Login & Authentication Styles
/* ============================================= */
.login-wrap .login {
  background: rgb(15 17 19 / 100%) !important;
}

.register-wrap .register {
  background: rgb(15 17 19 / 100%) !important;
}

.login-box {
  background: #000000 !important;
  border: .5px solid #3e414482 !important;
  box-shadow: 0px 15px 137px 10px rgb(20 18 35 / 99%);
  border-radius: 14px;
}

.login-box-custom {
  padding-bottom: 0px !important;
}

.login-visible {
  visibility: visible;
}

.register-visible {
  visibility: visible;
}

.restricted-custom {
  z-index: 102;
  position: relative;
  width: 100%;
  margin-top: -100px;
}

.restricted-info-custom {
  background: none !important;
  border: none !important;
}

.alert-ajax-response {
  padding: 10px;
  border-radius: 0px;
  color: #dcefe2;
  font-size: 1rem;
  font-weight: 100;
  letter-spacing: .4px;
}

.alert-ajax-response-custom {
  text-align: left;
  padding: 10px 14px;
  border-radius: 3px;
  margin-bottom: 10px;
  display: none;
  margin-left: 0px !important;
  -webkit-font-smoothing: antialiased;
}

.custom-paragraph {
  font-family: inherit;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #A3AEBE;
  text-align: left;
}

.modal-footer-custom {
  text-align: center;
  margin: 17px !important;
  display: block;
  margin-right: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 0px !important;
}

.modal-footer {
  background: inherit !important;
}

p.privacy-links {
  font-family: inherit;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #A3AEBE;
  text-align: center;
}

/* ============================================= */
/* :: Buttons & Interactive Elements
/* ============================================= */
.btn {
  font-family: inherit !important;
}

.btn-skeuo {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  border: 1px solid #1e2124;
  border-radius: 5px;
  background: transparent;
  color: #e6e6e6;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
}

.btn-skeuo:hover {
  background: rgba(255, 255, 255, 0.06);
  text-decoration: none !important;
}

.btn-skeuo:active {
  transform: translateY(0.5px);
}

.btn-skeuo--icon {
  padding: 9px;
}

.btn-skeuo--primary {
  background: #fff;
  color: #0a0a0a;
  border-color: #3D424B;
}

.btn-skeuo--primary:hover {
  background: #eaeaea;
}

.btn-p-12 {
  padding: 12px 20px;
}

a#btn_header_login,
a#btn_header_logout,
a#btn_header_register {
  display: inline-block;
  text-decoration: none !important;
  border: 1px solid #d3dde7;
}

.btn-search {
  border: 0;
  border-radius: 70px;
  padding: 19px 60px;
  font-weight: 700;
  white-space: nowrap;
  margin: 0 10px 0 8px;
  background-color: #C57A24;
  color: #fff;
  font-size: 1rem !important;
  padding-left: 50px;
  padding-right: 34px;
  position: relative;
  overflow: hidden;
  transition: background-color .2s ease, filter .2s ease;
  
  /* Search icon */
  --icon-size: 1.1em;
  --icon-left: 26px;
  --icon-gap: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m20.71 19.29-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 11a6 6 0 1 1 6 6 6 6 0 0 1-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: var(--icon-left) 50%;
  background-size: var(--icon-size) var(--icon-size);
}

.btn-search:hover {
  background-color: #dd8827 !important;
  color: #fff;
}

.btn-search.is-loading { background-image: none !important; }

.subscribeBtn {
  display: flex;
  font-family: inherit !important;
  padding: 16px 18px !important;
  font-size: 1rem;
  line-height: normal !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 500 !important;
  letter-spacing: .5px !important;
  border-radius: 3px !important;
  transition: all .3s ease;
  background: #c4771d !important;
  border: none !important;
}

.btn-outline-close {
  border: .5px solid #3f4144b3 !important;
  color: #ffffff !important;
  background: rgb(0 0 0) !important;
  font-size: 1rem;
  font-weight: 400;
  font-family: inherit !important;
  font-weight: 300;
}

.btn-outline-close:hover {
  border: .5px solid #91919130 !important;
  color: #ffffff !important;
  background: rgb(11 10 16) !important;
}

.btn-outline-back {
  background-color: rgb(29 31 33) !important;
  border-color: #4b4f5370 !important;
  color: #8f98a0 !important;
  border-width: 0.0425rem;
  padding: 6px 12px;
  font-weight: 400;
  text-transform: math-auto;
  font-size: 11px;
}

.btn-outline-success {
  border: .5px solid #c8c8c830 !important;
  color: #e6e6e6 !important;
  background: rgb(144 144 144 / 0%) !important;
}

button#btn_submit_suggestion {
  background-color: #dd8827 !important;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}

a#btn_suggestions {
    width: 138px;
    position: relative;
    left: -157px;
    top: -51px;
    z-index: 999;
    background: #FFF;
    color: #000;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 17px;
}


a#btn_suggestions:hover {
    background: #f9f9f9;
}


.back-button-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ============================================= */
/* :: Alerts & Messages
/* ============================================= */
.alert-success {
  color: #318942 !important;
  padding: 10px;
  border: .5px solid #5dd97921 !important;
  background: rgb(23 99 11 / 14%);
  font-family: inherit;
  font-weight: 300;
  padding: 1rem;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
}

.alert-danger,
.error,
.alert-error {
  color: #d86363 !important;
  padding: 1rem;
  border: .5px solid rgb(255 114 114 / 18%);
  background: rgb(238 113 113 / 10%);
  font-family: inherit;
  font-weight: 300;
  border-radius: 10px;
  opacity: 1;
  transition: opacity 1s;
  -webkit-font-smoothing: antialiased;
}

#error-container {
  opacity: 0;
}

#error-container.error {
  transition: opacity 1s;
  opacity: 1;
}

#error-container.hidden {
  display: none;
}

.thank-you-message {
  display: none;
  font-size: 1rem;
  color: #4CAF50;
  text-align: center;
}

.loading-message {
  text-align: center;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  font-size: 17px;
  font-weight: 400 !important;
}

/* ============================================= */
/* :: Pricing & Feature Boxes
/* ============================================= */
.price-box-title {
  color: hsl(217deg 3.42% 53.4%) !important;
  font-weight: 100;
  margin-bottom: 10px;
}

.price-box ul li {
  font-size: 16px;
  font-weight: 400;
  color: hsl(217deg 3.42% 53.4%) !important;
  font-weight: 200;
  line-height: 1.7rem;
  letter-spacing: .4px;
}

.price-box-no-border-right {
  border-right: none;
}

.feature-no-api {
  color: #85878d45 !important;
  font-weight: 700;
}

/* ============================================= */
/* :: Scrollbars
/* ============================================= */
/* Main scrollbar */
::-webkit-scrollbar {
  width: 25px;
}

::-webkit-scrollbar-track {
  background: #efefef !important;
}

::-webkit-scrollbar-thumb {
  background-color: #888 !important;
  border-radius: 10px;
  border: 3px solid #2c2c2c !important;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #888 #2c2c2c;
}

#keyword_bulk::-webkit-scrollbar {
  width: 10px;
}

#keyword_bulk::-webkit-scrollbar-track {
  background: #EEF1F5;
}

#keyword_bulk::-webkit-scrollbar-thumb {
  background-color: #C2CAD6;
  border-radius: 8px;
  border: 2px solid #EEF1F5;
}

#keyword_bulk::-webkit-scrollbar-thumb:hover {
  background-color: #9AA7BA;
}

#keyword_bulk {
  scrollbar-width: thin;
  scrollbar-color: #C2CAD6 #EEF1F5;
}

body[data-theme="dark"] #keyword_bulk {
  scrollbar-color: #606A78 #1C1F24;
}

body[data-theme="dark"] #keyword_bulk::-webkit-scrollbar-track {
  background: #1C1F24;
}

body[data-theme="dark"] #keyword_bulk::-webkit-scrollbar-thumb {
  background-color: #606A78;
  border-color: #1C1F24;
}

/* ============================================= */
/* :: Tables
/* ============================================= */
#table_results {
  --bs-table-border-color: #2c2e31;
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: transparent;
  color: #ffffff;
  background: transparent !important;
}

.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  background-color: transparent !important;
  border-bottom-width: 1px;
  box-shadow: none !important;
}

#table_results.table > :not(caption) > * > * {
  border-bottom-color: #1f2124e0 !important;
  border-bottom-width: 0.5px;
  font-size: 18px;
  color: #fff;
}

#table_results > thead > tr > td.position-relative.sorting {
  --bs-table-accent-bg: transparent !important;
  color: inherit;
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}

#table_results thead td,
#table_results thead th {
  text-transform: none !important;
}

#table_results tbody td { 
  text-transform: lowercase; 
}

#table_results td.expandable-cell::before {
  text-transform: none !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

.table-striped tbody tr:nth-of-type(2n+1):hover {
    background-color: #dfe3e726!important;
}

.table-striped tbody tr:nth-of-type(1n+1):hover {
    background-color: #dfe3e726!important;
}

.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: #000000 !important;
  color: #818892;
  font-family: inherit;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.2px;
}

/* Expandable cells */
#table_results td:nth-child(4) {
  max-width: 440px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
  position: relative;
}

#table_results td:nth-child(4).expanded {
  white-space: normal;
  max-width: none;
}

#table_results td.expandable-cell {
  position: relative;
  padding-right: 42px;
}

#table_results td.expandable-cell.expanded {
  padding-right: 64px;
  line-height: 2rem;
      padding-top: 15px;
      padding-bottom: 20px;
}

#table_results td.expandable-cell:not(.expanded)::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: clamp(160px, 20%, 220px);
  z-index: 1;
  pointer-events: auto !important;
  background-image: linear-gradient(to left, rgb(0 0 0) 20%, rgb(0 0 0 / 74%) 50%, rgba(0, 0, 0, 0) 100%);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 65px;
  border-bottom-left-radius: 71px;
}

#table_results td.expandable-cell .more-button {
  position: absolute;
  top: 14px;
  right: 8px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
  background: rgb(17 18 20);
  color: #fff;
  border: 1px solid rgb(255 255 255 / 8%);
}

#table_results td.expandable-cell .more-button:hover {
  background: rgb(37 39 43);
}

#table_results td.expandable-cell .icon-minus {
  display: none;
}

#table_results td.expandable-cell.expanded .icon-plus {
  display: none;
}

#table_results td.expandable-cell.expanded .icon-minus {
  display: inline;
}

/* Sorting indicators */
.sortable {
  cursor: pointer;
}

.sortable:after {
  padding-left: 5px;
}

.asc:after {
  content: url("data:image/svg+xml,%0A%3Csvg width='7.26324105px' height='4.1464514px' viewBox='0 0 7.26324105 4.1464514' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-1.3684, -1.9268)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.11979393,1.92677874 L1.8905467,1.92677874 C1.6809799,1.92555673 1.49122844,2.05045951 1.40949737,2.24343565 C1.3277663,2.43641179 1.37008896,2.65960478 1.51679186,2.80926445 L4.63141548,5.92388807 C4.8367872,6.12299899 5.16317135,6.12299899 5.36854307,5.92388807 L8.48316668,2.80926445 C8.62857793,2.6609563 8.67158871,2.44024841 8.59250657,2.24819176 C8.51342442,2.05613512 8.32747452,1.92970516 8.11979393,1.92677874 L8.11979393,1.92677874 Z' id='Path' transform='translate(5, 4) rotate(-180) translate(-5, -4)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: relative;
  top: -4px;
  right: -2px;
  opacity: .4;
}

.desc:after {
  content: url("data:image/svg+xml,%0A%3Csvg width='7.25689575px' height='4.14282899px' viewBox='0 0 7.25689575 4.14282899' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard-Copy' transform='translate(-1.3716, -1.9286)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.11706842,1.92858994 L1.89326317,1.92858994 C1.68387945,1.927369 1.49429377,2.05216266 1.4126341,2.24497021 C1.33097443,2.43777777 1.37326011,2.66077578 1.51983486,2.8103047 L4.63173748,5.92220732 C4.83692978,6.1211443 5.1630288,6.1211443 5.3682211,5.92220732 L8.48012373,2.8103047 C8.62540794,2.66212611 8.66838115,2.44161103 8.58936809,2.24972217 C8.51035503,2.05783331 8.32456758,1.9315138 8.11706842,1.92858994 L8.11706842,1.92858994 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: relative;
  top: -4px;
  left: 3px;
  opacity: .4;
}


/* ============================================= */
/* :: Search & Filter Components
/* ============================================= */
.search-pill {
  border-radius: 70px;
  background: #000;
  border: 0.5px solid rgb(163 174 190 / 23%);
  box-shadow: 0px 15px 137px 10px rgb(20 18 35 / 99%);
  align-items: center;
  padding: 6px;
}

.search-form .input-group.search-pill > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0 !important;
  border-top-left-radius: 70px !important;
  border-bottom-left-radius: 70px !important;
  position: relative;
  z-index: 999;
}

.match-wrap {
  align-items: center;
  padding: 0 16px;
  border-right: 1px solid rgba(163, 174, 190, 0.2);
}

.match-btn {
  background: transparent;
  border: 0;
  color: #cfd6e3;
  font-weight: 600;
  padding: 30px;
}

span#match_label {
  background: none !important;
  font-size: 18px;
  color: #a3aebd;
  font-family: inherit;
  letter-spacing: 0px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

.match-btn:focus {
  box-shadow: none;
}

.match-btn:focus-visible {
  outline: 2px solid rgba(163, 174, 190, .35);
  outline-offset: 2px;
  box-shadow: none !important;
}

.match-wrap .dropdown-toggle,
.match-wrap .dropdown-toggle:focus,
.match-wrap .dropdown-toggle:focus-visible,
.show > .match-wrap .dropdown-toggle.dropdown-toggle,
.match-btn:focus,
.match-btn:focus-visible,
.btn-check:focus + .match-btn,
.btn-check:focus-visible + .match-btn {
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================= */
/* :: Stats & Data Display
/* ============================================= */
.stat-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 17px;
  background-size: 100% 100%;
  border-radius: 16px;
  border: 0.5px solid rgb(163 174 190 / 18%);
}

.stats-box {
  margin: 7px;
}

.box-border-light {
  border: .5px solid #2c2e31 !important;
  border-radius: 5px;
  background: #1c1d1f;
}

.label-custom-box {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  display: flex;
  align-items: center;
  color: #596170;
}

.red-hat-ft {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  flex: none;
  order: 0;
  align-self: stretch;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

.progress {
  height: .35rem !important;
  background-color: #303436 !important;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0aa93c;
  transition: width .6s ease;
  border-radius: 2px;
}

.progress-bar-container {
  height: 8px;
}

.ad-competition-value {
  font-size: 90%;
  font-weight: 900;
  letter-spacing: 0.4px;
  position: absolute;
  top: 5px;
  right: 0px;
}

/* ============================================= */
/* :: Modals & Overlays
/* ============================================= */
.modal-content {
  border: 1px solid rgb(255 255 255 / 20%);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: inherit;
}

.suggestions-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.btn-modal-close {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 6px;
  line-height: 0;
  cursor: pointer;
  color: #A3AEBE;
}

.btn-modal-close:hover {
  opacity: .9;
}

/* ============================================= */
/* :: Footer
/* ============================================= */
.app-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 25px 24px;
  position: relative;
  z-index: 5;
  backdrop-filter: blur(8px) saturate(1.05);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
  border-top: 1px solid rgba(2, 6, 23, .08);
  background: rgba(0, 0, 0, .55);
  border-top: 1px solid #1e1f22;
  color: #cbd5e1;
  font-size: 16px;
  font-weight: 300;
}

.app-footer__left {
  font-size: 16px;
  font-weight: 300;
  color: #33393c;
  line-height: 1.4;
  white-space: nowrap;
}

.app-footer__links {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  color: #33393c;
}

.app-footer a {
  color: #33393c !important;
  text-decoration: none;
  font-weight: 300 !important;
  font-size: 16px;
  font-family: inherit;
  font-style: normal;
  line-height: 23px;
}

.app-footer a:hover,
.app-footer a:focus,
.app-footer a:active {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}

/* ============================================= */
/* :: Utility Classes
/* ============================================= */
.mt-25 {
  margin-top: 25px;
}

.hidden {
  display: none;
}

.fs-7 {
  font-size: 18px;
}

.p-175 {
  padding: 1.85rem 22px !important;
}

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

.show {
  display: block;
}

.dash-border-left {
  border-left: 1px dotted rgba(46, 49, 52, 0.35);
  padding-left: 30px;
  border-width: thin;
}

.heading-wrapper {
  display: flex;
  justify-content: left;
}

.heading-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.col-sm-4-cust {
  -ms-flex: 0 0 37.333333%;
  flex: 0 0 37.333333%;
  max-width: 37.333333%;
}

.stripe-bg {
  position: relative;
  z-index: 9999;
  background-color: #0e0f12;
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 4px, rgba(255, 255, 255, 0.02) 4px, rgba(255, 255, 255, 0.02) 8px);
}

.bg-soft-light {
  --bs-bg-soft-opacity: 1;
  background-color: transparent !important;
}

.bg-soft-light .margin-center h3 {
  font-family: inherit;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.bg-soft-light .margin-center h4,
.bg-soft-light .margin-center p.fs-16 {
  font-family: inherit;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
}

div#div_found {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: left;
  color: #596170;
}

.row-100 {
  width: 100%;
}

.estibot-image {
  position: relative;
  top: -3px;
  max-width: 70px;
  left: 5px;
}

.estibot-image-position {
  position: relative;
  top: 1px;
}

.margin-left-2em {
  margin-left: 2em;
}

.margin-left-0 {
  margin-left: 0px;
}

/* ============================================= */
/* :: Scroll to Top Button
/* ============================================= */
#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 45px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
  background-color: rgb(27 29 30) !important;
  border: 0.5px solid #323437;
  color: #8f98a0 !important;
}

#scrollToTopBtn:hover {
  background-color: rgb(24 26 27) !important;
  border: 0.5px solid #252628;
}

/* ============================================= */
/* :: Tooltips
/* ============================================= */
.tooltip-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 7px;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.997-111.043 248-248 248C119.043 504 8 392.99 8 256 8 119.083 119.043 8 256 8c136.957 0 248 111.083 248 248ZM262.65 90c-54.5 0-89.255 22.95-116.549 63.75-3.54 5.28-2.36 12.41 2.71 16.25l34.69 26.31c5.2 3.94 12.62 3 16.66-2.13 17.86-22.66 30.113-35.797 57.3-35.797 20.42 0 45.69 13.14 45.69 32.958 0 14.97-12.363 22.667-32.54 33.976-23.53 13.18-54.66 29.6-54.66 70.65v4c0 6.62 5.37 12 12 12h56c6.62 0 12-5.38 12-12v-1.34c0-28.47 83.18-29.65 83.18-106.667 0-58.01-60.17-102-116.531-102Zm-6.66 248c-25.37 0-46 20.63-46 46 0 25.36 20.63 46 46 46 25.36 0 46-20.64 46-46 0-25.37-20.64-46-46-46Z' fill='%23dfe3e7'/%3E%3C/svg%3E");
  color: #596170 !important;
  position: relative;
  top: 1px;
  cursor: pointer;
}

.tooltip .tooltip-inner {
  padding: 18px 20px !important;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #101112 !important;
  border-radius: 5px !important;
  white-space: pre-wrap !important;
  font-size: 15px;
  line-height: 1.6em;
  font-family: inherit !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased !important;
  border: .5px solid #303336 !important;
  text-transform: none !important;
  letter-spacing: 0px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: transparent !important;
}

/* ============================================= */
/* :: Dropdowns
/* ============================================= */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #ffffff;
  text-align: left;
  list-style: none;
  background-color: color(srgb 0.08 0.08 0.09);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 15px !important;
}

.dropdown-menu.show {
  display: block !important;
}

.dropdown .dropdown-menu .dropdown-item {
  margin: 0px 10px !important;
  padding: 3px 15px !important;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 5px;
  transition: all .3s ease;
  width: -webkit-fill-available;
}

.dropdown .dropdown-menu .dropdown-item.active,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:hover {
  color: #ffffff;
  background-color: #1c1c21;
  transition: all .3s ease;
}

/* Dropdown item padding overrides */
body > main > div:nth-child(4) > 
div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100 > 
div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(1),
body > main > div:nth-child(4) > 
div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100 > 
div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(2),
body > main > div:nth-child(4) > 
div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100 > 
div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(3) {
  padding: 13px 15px !important;
}

/* ============================================= */
/* :: Theme Toggle & Sliders
/* ============================================= */
#theme_toggle .icon {
  display: none;
}

#theme_toggle .icon--to-light {
  display: none;
}

#theme_toggle .icon--to-dark {
  display: none;
}

.slider::after {
  min-width: 196px !important;
}

.slider-bulk {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dfe3e7;
  -webkit-transition: .4s;
  transition: .4s;
}

/* ============================================= */
/* :: Miscellaneous Components
/* ============================================= */
.suggestions-lbl {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}

.check-title {
  margin-left: 3px;
  position: relative;
  top: -1px;
  color: #a3aebf;
  font-size: 1rem !important;
}

.toggle-label {
  color: #A3AEBE;
  font-size: 14px;
}

.domain {
  font-size: 12px;
}

label.radio-align {
  margin-right: 0px;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.75em;
}

span.hh {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  color: #586170;
}

.th-label {
  color: #FFF !important;
  font-weight: 600;
}

#legend > label.mx-3.developed::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #d96363;
  margin-right: 8px;
  border-radius: 10px;
  top: -1px;
  position: relative;
}

#legend > label.ml-3.undeveloped::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #afbac4;
  margin-right: 5px;
  border-radius: 10px;
  top: -1px;
  position: relative;
}

a.developed {
  font-weight: 500 !important;
  font-size: 18px !important;
}

a.undeveloped {
  font-weight: 500 !important;
  font-size: 18px !important;
}

.power-by {
  font-size: 15px;
  letter-spacing: .3px;
  opacity: .6;
  font-weight: 300;
  position: relative;
  top: 4px;
}

.sep {
  border-bottom: .5px solid #1f2023 !important;
}

.form-control:focus {
    box-shadow: none!important;
}

/* ============================================= */
/* :: Container & Layout Overrides
/* ============================================= */
@media (min-width: 992px) {
  .container {
    max-width: 1300px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1440px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1440px;
  }
}

/* ============================================= */
/* :: DARK THEME STYLES
/* ============================================= */
body[data-theme="dark"] {
  background: #000000;
  color: #ffffff;
  color-scheme: dark;
}

body[data-theme="dark"] main.w-100.h-100.full-light-bg {
  background: #000 !important;
}

body[data-theme="dark"] .dash-border-left {
  border-left: 1px solid rgb(20 20 20);
  padding-left: 30px;
}

body[data-theme="dark"] .text-dark {
  color: #FFF !important;
}

body[data-theme="dark"] .table-header-text {
    color: #FFF!important;
    font-weight: 600;
}


body[data-theme="dark"] .btn-skeuo {
  border: 1px solid #1f2124;
  color: #FFF !important;
  font-family: inherit;
  font-weight: 100;
}

body[data-theme="dark"] a#btn_header_login,
body[data-theme="dark"] a#btn_header_logout,
body[data-theme="dark"] a#btn_header_register {
  border: 1px solid #1e2124 !important;
}

body[data-theme="dark"] a#btn_header_login:hover,
body[data-theme="dark"] a#btn_header_logout:hover,
body[data-theme="dark"] a#btn_header_register:hover {
  background: #ffffff;
  color: #000000 !important;
  border: 1px solid #d3dde7;
  border-color: #FFF !important;
}

body[data-theme="dark"] p,
body[data-theme="dark"] ul,
body[data-theme="dark"] li {
  color: #c8d3e3;
}

body[data-theme="dark"] h4 {
  color: #ffffff !important;
}

body[data-theme="dark"] a.text-white.estibot-bold {
  font-weight: 700 !important;
  color: #FFF !important;
}

body[data-theme="dark"] #theme_toggle .icon--to-light {
  display: inline;
}

body[data-theme="dark"] a {
  color: #A3AEBE !important;
  font-weight: 300;
}

body[data-theme="dark"] a.developed {
  color: #D96363 !important;
  font-weight: 300;
}

body[data-theme="dark"] a.undeveloped {
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}

body[data-theme="dark"] .app-footer {
  background: rgba(0, 0, 0, 0.55);
  border-top: 1px solid #1e1f22;
  color: #cbd5e1;
}

body[data-theme="dark"] .app-footer__left,
body[data-theme="dark"] .app-footer__links {
  color: #A3AEBE;
}

body[data-theme="dark"] .modal-content {
    background-color: #000000 !important;
    border: 1px solid #3e414482 !important;
}

body[data-theme="dark"] .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
  background-color: rgb(197, 122, 36) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-color: rgb(197, 122, 36) !important;
}

body[data-theme="dark"] input#keyword {
  background: none !important;
  font-size: 18px;
  color: #FFF;
  font-family: inherit;
}

body[data-theme="dark"] .heading-row {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
}

body[data-theme="dark"] .search-input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}


body[data-theme="dark"] textarea#suggestion > .form-control-sm::placeholder, ::placeholder {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #A3AEBE!important;
    font-family: inherit!important;
    font-weight: 300 !important;
}

body[data-theme="dark"] span.hh {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: #586170;
}

.sep {
    border-bottom: .5px solid #d1d6df !important;
}
body[data-theme="dark"] .sep {
  border-bottom: .5px solid #1f2023 !important;
}

body[data-theme="dark"] a#btn_suggestions {
width: 138px;
    position: relative;
    left: -157px;
    top: -50px;
    z-index: 999;
    background: #1b1d1e;
    border-color: #333437;
}

body[data-theme="dark"] a#btn_suggestions:hover {
    background-color: rgb(24 26 27) !important;
    border-color: #252628;
}

body[data-theme="dark"] input:focus {
  border-color: #33353a !important;
}

body[data-theme="dark"] .slider-bulk {
  background-color: #28282c;
}

body[data-theme="dark"] input:checked + .slider-bulk {
  background-color: #3e8c6c;
}

body[data-theme="dark"] .slider {
  background-color: #28282c;
}

body[data-theme="dark"] input:checked + .slider {
  background-color: #3e8c6c;
}

body[data-theme="dark"] .form-control-sm {
  border: 1px solid rgb(38 40 44);
}

body[data-theme="dark"] .tooltip-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23596170' d='M504 256c0 136.997-111.043 248-248 248C119.043 504 8 392.99 8 256 8 119.083 119.043 8 256 8c136.957 0 248 111.083 248 248ZM262.65 90c-54.5 0-89.255 22.95-116.549 63.75 -3.54 5.28-2.36 12.41 2.71 16.25l34.69 26.31c5.2 3.94 12.62 3 16.66-2.13 17.86-22.66 30.113-35.797 57.3-35.797 20.42 0 45.69 13.14 45.69 32.958 0 14.97-12.363 22.667-32.54 33.976 -23.53 13.18-54.66 29.6-54.66 70.65v4c0 6.62 5.37 12 12 12h56c6.62 0 12-5.38 12-12v-1.34c0-28.47 83.18-29.65 83.18-106.667 0-58.01-60.17-102-116.531-102Zm-6.66 248c-25.37 0-46 20.63-46 46 0 25.36 20.63 46 46 46 25.36 0 46-20.64 46-46 0-25.37-20.64-46-46-46Z'/%3E%3C/svg%3E");
  opacity: .6;
}

body[data-theme="dark"] .tooltip .tooltip-inner {
  padding: 18px 20px !important;
  background: #000 !important;
  font-size: 15px;
  line-height: 1.6em;
  font-family: inherit !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased !important;
  border: .5px solid #303336 !important;
  text-transform: none !important;
  letter-spacing: 0px;
}

/* ============================================= */
/* :: LIGHT THEME STYLES
/* ============================================= */
body[data-theme="light"] {
  background: #ffffff;
  color: #0f172a;
  color-scheme: light;
}

body[data-theme="light"] main.w-100.h-100.full-light-bg {
  background: #fcfcfc !important;
}

body[data-theme="light"] .custom-file.active,
body[data-theme="light"] .custom-file.focus,
body[data-theme="light"] .custom-file:active,
body[data-theme="light"] .custom-file:focus,
body[data-theme="light"] .custom-select.active,
body[data-theme="light"] .custom-select.focus,
body[data-theme="light"] .custom-select:active,
body[data-theme="light"] .custom-select:focus,
body[data-theme="light"] .form-control.active,
body[data-theme="light"] .form-control.focus,
body[data-theme="light"] .form-control:active,
body[data-theme="light"] .form-control:focus,
body[data-theme="light"] .form-select.active,
body[data-theme="light"] .form-select.focus,
body[data-theme="light"] .form-select:active,
body[data-theme="light"] .form-select:focus,
body[data-theme="light"] input.active,
body[data-theme="light"] input.focus,
body[data-theme="light"] input:active,
body[data-theme="light"] input:focus {
  outline: 0;
  color: #283c50;
  border-color: #b9bdc4 !important;
  box-shadow: none;
}

body[data-theme="light"] .dash-border-left {
  border-left: 1px solid rgb(235 235 235);
  padding-left: 30px;
}

body[data-theme="light"] .heading-row {
  border-bottom-color: rgb(235 235 237);
  background: #fafafa;
}

body[data-theme="light"] .back-button-with-icon {
  color: #000000;
}

body[data-theme="light"] h4 {
  color: #000000 !important;
}

body[data-theme="light"] button.btn-skeuo {
  border: .5px solid #d3dde7 !important;
}

body[data-theme="light"] button.btn-skeuo:hover {
  border: .5px solid #d3dde7 !important;
  background: #e8e8ef4d !important;
}

body[data-theme="light"] #theme_toggle .icon--to-dark {
  display: inline;
}

body[data-theme="light"] a {
  color: #33393c;
  font-weight: 700;
}

body[data-theme="light"] a.developed {
  color: #D14B4B;
  font-weight: 500;
  font-size: 18px;
}

body[data-theme="light"] a#btn_header_login:hover,
body[data-theme="light"] a#btn_header_logout:hover,
body[data-theme="light"] a#btn_header_register:hover {
  background: #000000;
  color: #ffffff;
}

body[data-theme="light"] .app-nav {
  background: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid rgba(2, 6, 23, 0.08);
}

body[data-theme="light"] .app-nav.is-scrolled {
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 6px 24px rgba(2, 6, 23, 0.10);
}

body[data-theme="light"] .app-nav .welcome {
  color: #000000;
  font-weight: 400;
}

body[data-theme="light"] a.mini-l {
  filter: brightness(0.1);
}

body[data-theme="light"] svg.light-svg-icon {
  fill: #000000;
}

body[data-theme="light"] .red-hat-ft {
  color: #000000 !important;
}

body[data-theme="light"] .text-white {
  color: #000000 !important;
}

body[data-theme="light"] .bg-soft-light .margin-center h4,
body[data-theme="light"] .bg-soft-light .margin-center p.fs-16 {
  font-family: inherit;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #2C3035;
}

body[data-theme="light"] .app-footer {
  background: rgba(255, 255, 255, 0.75);
  border-top: 1px solid rgba(2, 6, 23, 0.08);
  color: #0f172a;
}

body[data-theme="light"] .btn-modal-close {
  color: #475569;
}

body[data-theme="light"] .btn-skeuo {
  border: 1px solid #d9e4f0;
}

body[data-theme="light"] .stat-box {
  background-size: 100% 100%;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: #fff;
  border: 0.5px solid rgba(163, 174, 190, 0.5);
  box-shadow: 0px 8px 24px rgb(149 157 165 / 14%);
}

body[data-theme="dark"] .stat-box {
  background: #000!important;
}

body[data-theme="light"] div#div_found {
  color: #475569;
}

body[data-theme="light"] #table_results {
  --bs-table-border-color: #e5e7eb;
  color: #0f172a;
  background: #fff;
}

body[data-theme="light"] #table_results.table > :not(caption) > * > * {
  border-bottom-color: #edeef0 !important;
  border-bottom-width: 0.5px;
  --bs-table-accent-bg: #fafafa !important;
  color: #000000;
}

body[data-theme="light"] #table_results td.expandable-cell .more-button {
  background: rgba(255, 255, 255, .9);
  color: #111;
  border: 1px solid rgba(2, 6, 23, .12);
}

body[data-theme="light"] #table_results td.expandable-cell .more-button:hover {
  background: rgb(247 247 247 / 90%);
  color: #111;
  border: 1px solid rgba(2, 6, 23, .12);
}

body[data-theme="light"] #table_results td.expandable-cell:not(.expanded)::after {
background-image: linear-gradient(to left, rgb(252 252 252) 20%, rgb(255 255 255 / 85%), rgb(255 255 255 / 49%)) !important;
}

body[data-theme="dark"] #table_results td.expandable-cell:not(.expanded)::after {
background-image: linear-gradient(to left, rgb(0 0 0) 20%, rgb(0 0 0 / 70%), rgba(7, 7, 7, 0.15)) !important;
}


body[data-theme="light"] .search-pill {
  border-radius: 70px;
  background: #ffffff;
  border: 0.5px solid rgba(163, 174, 190, 0.5);
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);
  align-items: center;
  padding: 6px;
}

body[data-theme="light"] .stripe-bg {
  background-color: #f6f7f9;
  background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.06) 0px, rgba(0, 0, 0, 0.06) 4px, rgba(0, 0, 0, 0.02) 4px, rgba(0, 0, 0, 0.02) 8px);
}

body[data-theme="light"] .dropdown-menu {
  color: #111827;
  background-color: #ffffff;
  border: 1px solid rgba(2, 6, 23, .08);
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
}


body > main > div:nth-child(5) > div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100.sep.sep-padding > div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(1),
body > main > div:nth-child(5) > div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100.sep.sep-padding > div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(2),
body > main > div:nth-child(5) > div.results > div.d-flex.flex-column.flex-md-row.align-items-center.justify-content-center.justify-content-md-between.my-4.w-100.sep.sep-padding > div.d-flex.gap-2.mt-3.mt-md-0 > div > div > a:nth-child(3) {
  padding: 11px 17px !important;
  font-size: 14px!important;
      padding-left: 10px !important;
}

body[data-theme="light"] .dropdown .dropdown-menu .dropdown-item {
  color: #111827;
  border-radius: 6px;
  transition: all .2s ease;
}

body[data-theme="light"] .dropdown .dropdown-menu .dropdown-item:hover {
  color: #0f172a;
  background-color: #f3f4f6;
}

body[data-theme="light"] input#keyword {
  background: none !important;
  font-size: 18px;
  color: #0f172a;
  font-family: inherit;
}

body[data-theme="light"] span.hh {
  color: #111827;
  font-weight: 700;
  font-size: 18px;
}

body[data-theme="light"] .th-label {
  color: #0f172a !important;
  font-weight: 700;
}

body[data-theme="light"] .progress {
  height: .35rem !important;
  background-color: #DFE3E8 !important;
}

body[data-theme="light"] .col-form-label {
  color: #000000 !important;
}

body[data-theme="light"] .form-control-sm {
  background-color: #ffffff;
  color: #000 !important;
}

body[data-theme="light"] .form-control-sm {
  background-color: #ffffff;
  color: #000 !important;
}

/* Light mode: make typed text black when focused or not placeholder-only */
body[data-theme="light"] input.form-control-sm:focus,
body[data-theme="light"] input.form-control-sm:not(:placeholder-shown),
body[data-theme="light"] textarea.form-control-sm:focus,
body[data-theme="light"] textarea.form-control-sm:not(:placeholder-shown),
body[data-theme="light"] .search-input:focus,
body[data-theme="light"] .search-input:not(:placeholder-shown) {
  color: #000 !important;
  caret-color: #000;
}

/* (Optional) fix WebKit autofill so text stays black */
body[data-theme="light"] input.form-control-sm:-webkit-autofill,
body[data-theme="light"] .search-input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
}


body[data-theme="light"] .form-check-input {
  background-color: #a3aebf0d !important;
  border: .5px solid #adafb3 !important;
}

body[data-theme="light"] .form-check-input:checked[type="checkbox"] {
  background-color: #000000 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
  border-color: #000000 !important;
}

body[data-theme="light"] .check-title {
  color: #000000;
  font-size: 1rem;
}

body[data-theme="light"] button#btn_submit_suggestion:hover {
  border-color: #dd8827 !important;
}

body[data-theme="light"] .modal-open .modal {
  background-color: #FFF !important;
}

body[data-theme="light"] .modal-body {
  background: #ffffff !important;
  border: .5px solid #f1f1f1ff !important;
  box-shadow: 0 15px 137px 10px rgba(196, 196, 205, 0.99) !important;
}

body[data-theme="light"] .search-input:-webkit-autofill {
  -webkit-text-fill-color: #0f172a !important;
}

/* Light theme fallback */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  body[data-theme="light"] .app-nav {
    background: #ffffff;
  }
}

/* ============================================= */
/* :: Mobile Responsive Styles
/* ============================================= */
@media (min-width: 1100px) and (max-width: 1470px) {

    .container {
    max-width: 95%;
  }
    .stat-box {
    padding: 35px 38px 35px 13px !important;
  }
  .label-custom-box {
  font-size: 14px;
}

 div.col-12.col-lg-7 {
      -ms-flex: 0 0 75.333333%;
        flex: 0 0 75.333333%;
        max-width: 75.333333%;
    }

    .red-hat-ft {
  font-size: 25px;
}

  #scrollToTopBtn {
  bottom: 41px!important;
}
}

@media (min-width: 767.98px) and (max-width: 1100px) {



    .container {
        max-width: 944px!important;
    }

    div.col-12.col-lg-7 {
      -ms-flex: 0 0 84.333333%;
        flex: 0 0 84.333333%;
        max-width: 84.333333%;
    }

      .stats-box .stat-box {
    display: flex;              
    flex-wrap: wrap;
    row-gap: 12px;              
  }

  .stats-box .stat-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 8px;           
    padding-right: 8px;
            margin-top: 40px;
  }
      .stat-box {
        padding: 0px 45px 35px 30px !important;
    }


   #table_results td::before{
    text-transform: none !important;  
  }
  #table_results td:nth-child(1)::before{ content:"SLD"!important; }
  #table_results td:nth-child(2)::before{ content:"TLDs taken"!important; }
  #table_results td:nth-child(3)::before{ content:"TLDs developed"!important; }
  #table_results td.expandable-cell::before{ content:"TLDs List"!important; }

    /* the SLD cell (1st td) */
  #table_results tbody tr td:nth-child(1){
    position: relative;              
    display: flex;
    align-items: center;
    justify-content: flex-end;       
    gap: 0px;
    padding-left: 56px !important;   
    text-align: right !important;   
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  /* the label */
  #table_results tbody tr td:nth-child(1)::before{
    content: "SLD" !important;       
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
    margin: 0 !important;
    opacity: 1;
  }

  #table_results td.expandable-cell{
    display: grid;
    grid-template-columns: 50% 50%;   
    align-items: start;
    gap: 3px;
    position: relative;
    padding-top: 0;                    
  }

  body[data-theme] #table_results td.expandable-cell::before{
    position: static;                 
    grid-column: 1;
    grid-row: 1;
    text-transform: none;
    z-index: 1;
  }

  /* Links/body live in the right column */
  #table_results td.expandable-cell .expandable-body{
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }

  #table_results td.expandable-cell:not(.expanded) .expandable-body{
    max-height: 2.6em;
    -webkit-mask-image: linear-gradient(180deg, #000 65%, transparent);
            mask-image: linear-gradient(180deg, #000 65%, transparent);
  }
  #table_results td.expandable-cell.expanded .expandable-body{
    max-height: none;
    -webkit-mask-image: none;
            mask-image: none;
  }

  #table_results td.expandable-cell .more-button{
    grid-column: 2;
    justify-self: end;
    align-self: start;
  }

  .match-wrap .dropdown-toggle, .match-wrap .dropdown-toggle:focus, .match-wrap .dropdown-toggle:focus-visible, .show > .match-wrap .dropdown-toggle.dropdown-toggle, .match-btn:focus, .match-btn:focus-visible, .btn-check:focus + .match-btn, .btn-check:focus-visible + .match-btn {
outline: none !important;
box-shadow: none !important;
float: left!important;
padding-left: 25px!important;
}
.bg-soft-light .margin-center h4 {
    line-height: 2rem!important;
}



  /* Mobile table responsiveness */
  #table_results,
  #table_results thead,
  #table_results tbody,
  #table_results tr {
    display: block !important;
    width: 100% !important;
  }

  #table_results thead {
    position: absolute;
    left: -9999px;
  }

  #table_results tr {
    border-top: none!important;
  }

  #div_advanced > div:nth-child(3) > label {margin-bottom: 20px;}

  #table_results tbody tr {
    border-bottom: 1px solid rgb(209 214 223 / 33%);
  }

   body[data-theme="light"] #table_results tbody tr {
        border-radius: 16px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        background: #fff;
        border: 0.5px solid rgba(163, 174, 190, 0.5);
        box-shadow: 0px 8px 24px rgb(149 157 165 / 14%);
        margin-bottom: 20px;
        padding: 12px 23px 18px 25px;
    }


  body[data-theme="dark"] #table_results tbody tr {
        border-radius: 16px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        background: #070707;
        border: 0.5px solid rgb(30 31 34);
        box-shadow: 0px 8px 24px rgb(0 0 0);
        margin-bottom: 20px;
        padding: 12px 23px 18px 25px;
    }

      #div_advanced > div:nth-child(3) > label {
  position: relative!important;
  top:10px!important;
}

  #table_results td {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    text-align: left !important;
    overflow: hidden;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  #table_results td.expandable-cell .more-button {
  top: 5px;
  right: 0px;
}

body[data-theme="dark"] #table_results td.expandable-cell:not(.expanded)::after {
    background-image: linear-gradient(to left, rgb(7 7 7) 20%, rgb(7 7 7 / 80%), rgba(7, 7, 7, 0.15)) !important;
}
body[data-theme="light"] #table_results td.expandable-cell:not(.expanded)::after {
    background-image: linear-gradient(to left, rgb(255 255 255) 20%, rgb(255 255 255 / 69%), rgb(255 255 255 / 49%)) !important;
}

  #table_results td::before {
    display: block;
    font-weight: 600 !important;
    color: color(srgb 0.6864 0.736 0.78);
    margin-right: 16px;
    flex: 0 0 auto;
  }

  a#btn_suggestions {display: none;}

  #table_results td:nth-child(1)::before {
    content: "SLD" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(2)::before {
    content: "TLDs Taken" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(3)::before {
    content: "TLDs Developed" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(4)::before {
    content: "TLDs List" !important;
    font-size: 18px !important;
  }


  #scrollToTopBtn {
  bottom: 41px!important;
}



}


@media (min-width: 576px) and (max-width: 768px)  {
  div.col-sm-4-cust {
    -ms-flex: 0 0 37.1%!important; 
    flex: 0 0 37.1%!important;
    max-width: 37.1%!important;
  }
}




@media (max-width: 767.98px) {
[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(1),
[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(2),
[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(3),
[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(4) {
  margin-bottom: -7px;
}

[data-theme="light"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(1),
[data-theme="light"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(2),
[data-theme="light"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(3),
[data-theme="light"] #searchForm > div.input-group.select-wd-sm.search-pill > div > ul > li:nth-child(4) {
  margin-bottom: -7px!important;
}




[data-theme="dark"] .app-nav .welcome {
  color: #cbd5e1 !important;
  font-weight: 400 !important;
}

:is(html, body)[data-theme="dark"] nav.app-nav .welcome {
  color: #cbd5e1 !important;
  font-weight: 400 !important;
}


#table_results td.expandable-cell .more-button {
right: 0px!important;
}



  body[data-theme="dark"] .dropdown-menu.show {
display: block !important;
border: .5px solid #3b3d41!important;
}

body[data-theme="dark"] .dropdown .dropdown-menu .dropdown-item {
margin: 0px 10px !important;
padding: 12px 15px !important;
color: #ffffff;
font-size: 16px;
font-weight: 600;
}


body[data-theme="light"] .dropdown .dropdown-menu .dropdown-item {
margin: 0px 10px !important;
padding: 12px 15px !important;
font-size: 16px;
font-weight: 600;
}


  input[type="checkbox"] {
width: 1.35rem!important;
height: 1.35rem!important;
border: .5px solid #3b3d41!important;
top: -3px!important;
}

  body > main > div:nth-child(4) > div > div > div > div.col-6.col-md-2.text-start.stat-item.pe-0 > div.stat-row {
    top:-3px!important;
  }

  .btn-search {background-image: none!important;}

body[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill {
  background: rgb(0, 0, 0)!important;
    border: 0.5px solid rgba(163, 174, 190, 0.23)!important;
    box-shadow: rgba(20, 18, 35, 0.99) 0px 15px 137px 10px!important;
}


  body[data-theme="light"] .logo--light { 
  width: 280px!important; 
}

body[data-theme="dark"] .logo--dark { 
  width: 280px!important;
}



body[data-theme="dark"] .search-pill {
    background: rgb(0, 0, 0)!important;
    border: 0.5px solid rgba(163, 174, 190, 0.23)!important;
    box-shadow: rgba(20, 18, 35, 0.99) 0px 15px 137px 10px!important;
}
 html, body {
    overflow-x: clip;           
  }
  .search-form .input-group,
  .search-form .search-pill {
    max-width: 100%;
    width: 100%;
  }

  .search-form .d-flex[style*="padding-right"] {
    padding-right: 0 !important;
left: -230px;
position: relative;
  }

  #table_results_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  [style*="100vw"], .w-100vw {
    width: 100% !important;
  }



   #table_results td::before{
    text-transform: none !important;   
  }

  #table_results td:nth-child(1)::before{ content:"SLD"!important; }
  #table_results td:nth-child(2)::before{ content:"TLDs taken"!important; }
  #table_results td:nth-child(3)::before{ content:"TLDs developed"!important; }
  #table_results td.expandable-cell::before{ content:"TLDs List"!important; }

  #table_results tbody tr td:nth-child(1){
    position: relative;              
    display: flex;
    align-items: center;
    justify-content: flex-end;      
    gap: 0px;
    padding-left: 56px !important;   
    text-align: right !important;   
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  #table_results tbody tr td:nth-child(1)::before{
    content: "SLD" !important;     
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
    margin: 0 !important;
    opacity: 1;
  }

  #table_results td.expandable-cell{
    display: grid;
    grid-template-columns: 50% 50%;   
    align-items: start;
    gap: 3px;
    position: relative;
    padding-top: 0;                   
  }

  /* Place the pseudo-label in the first column */
  body[data-theme] #table_results td.expandable-cell::before{
    position: static;                
    grid-column: 1;
    grid-row: 1;
    text-transform: none;
    z-index: 1;
  }

  #table_results td.expandable-cell .expandable-body{
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }

  #table_results td.expandable-cell:not(.expanded) .expandable-body{
    max-height: 2.6em;
    -webkit-mask-image: linear-gradient(180deg, #000 65%, transparent);
            mask-image: linear-gradient(180deg, #000 65%, transparent);
  }
  #table_results td.expandable-cell.expanded .expandable-body{
    max-height: none;
    -webkit-mask-image: none;
            mask-image: none;
  }

  #table_results td.expandable-cell .more-button{
    grid-column: 2;
    justify-self: end;
    align-self: start;
  }

  .match-wrap .dropdown-toggle, .match-wrap .dropdown-toggle:focus, .match-wrap .dropdown-toggle:focus-visible, .show > .match-wrap .dropdown-toggle.dropdown-toggle, .match-btn:focus, .match-btn:focus-visible, .btn-check:focus + .match-btn, .btn-check:focus-visible + .match-btn {
outline: none !important;
box-shadow: none !important;
float: left!important;
padding-left: 15px!important;
}
.bg-soft-light .margin-center h4 {
    line-height: 2rem!important;
}

body[data-theme="light"].logo--light {
    max-width: 300px!important;
}
body[data-theme="dark"].logo--dark {
    max-width: 300px!important;
}

body > main > div.row.bg-soft-light.py-5 > div > div {
  padding-top:1.5rem!important;
}

button#btn_user_guide {
  padding: 16px 20px;
    font-size: 16px !important;
    font-weight: 500;
}

button#btn_export {
    padding: 16px 20px;
    font-size: 16px !important;
    font-weight: 500;
}

#mobileMenu > div.mobile-menu__panel > header > button.mobile-menu__close {
margin: 4px!important;
transform: scale(1.9);
}



body[data-theme="light"] {
  .mobile-menu__panel {
      background: #ffffff!important;
  }
}

body[data-theme="light"] {
  .mobile-menu__panel {
      background: #ffffff!important;
  }
}

body[data-theme="light"] .mobile-menu__header .welcome {
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000!important;
}

    body[data-theme="light"].hamburger__bar {
        background: #000!important;
    }
body[data-theme="dark"].hamburger__bar {
        background: #FFF!important;
    }

    body[data-theme="light"] #hamburger > span > span:nth-child(1) {
      background: #000!important;
    }
    body[data-theme="light"] #hamburger > span > span:nth-child(2) {
      background: #000!important;
    }

body[data-theme="light"] #hamburger > span > span:nth-child(3) {
      background: #000!important;
    }

    body[data-theme="light"] h4.mb-0.text-white.mt-3.red-hat-ft {
          margin-top: 5px !important;
    }
    body[data-theme="dark"] h4.mb-0.text-white.mt-3.red-hat-ft {
          margin-top: 5px !important;
    }

    body[data-theme="dark"] #hamburger > span > span:nth-child(1) {
      background: #fff!important;
    }
    body[data-theme="dark"] #hamburger > span > span:nth-child(2) {
      background: #fff!important;
    }

body[data-theme="dark"] #hamburger > span > span:nth-child(3) {
      background: #fff!important;
    }

div.col-6.col-md-2.text-start.stat-item {
  margin-top:40px!important;
}


body[data-theme="light"] #mobileMenu > div.mobile-menu__panel > header {
    border-bottom: 1px solid #d3dde7!important;
}

    body[data-theme="light"] #mobileMenu > div.mobile-menu__panel > header > button.mobile-menu__close {
        margin: 4px !important;
        color: #000!important;
    }

 body[data-theme="light"] .mobile-menu__link:hover, .mobile-menu__link:focus-visible {
    color: #000!important;
    text-decoration: none!important;
}

 body[data-theme="light"] .mobile-menu__header {
    border-bottom: 1px solid #d3dde7!important;
}

 body[data-theme="dark"] .mobile-menu__link:hover, .mobile-menu__link:focus-visible {
    color: #fff!important;
    text-decoration: none!important;
}

body[data-theme="light"] #table_results td:nth-child(4).expanded {
    white-space: normal!important;
    max-width: none!important;
            margin-top: 15px!important;
        margin-bottom: 15px!important;
}
body[data-theme="dark"] #table_results td:nth-child(4).expanded {
    white-space: normal!important;
    max-width: none!important;
            margin-top: 35px!important;
        margin-bottom: 15px!important;
}
body[data-theme="dark"] .label-custom-box {
    font-size: 13px!important;
}

body[data-theme="light"] .label-custom-box {
    font-size: 13px!important;
}

body[data-theme="light"] #table_results.table > :not(caption) > * > * {
  border-bottom: none!important;
  font-family: inherit!important;
        font-weight: 500!important;
}

body[data-theme="dark"] #table_results.table > :not(caption) > * > * {
  border-bottom: none!important;
  font-family: inherit!important;
        font-weight: 500!important;
}




  .app-nav {
    padding-left: 12px;
    padding-right: 12px;
  }

  .app-nav__right {
    gap: 8px;
  }

  .btn-skeuo {
    padding: 10px 12px;
    font-size: 12px !important;
  }

  .match-btn {
    background: transparent;
    border: 0;
    color: #cfd6e3;
    font-weight: 600;
    padding: 17px !important;
  }

  .col-form-label {
    font-size: 1rem !important;
    margin-bottom: 10px !important;
  }

  div.col-sm-4-cust {
    -ms-flex: 0 0 49.8%;
    flex: 0 0 49.8%;
    max-width: 49.8%;
  }

  body > main > div.row.bg-soft-light.py-5 {
    padding: 0px 20px!important;
  }

  body > main > div:nth-child(3) {
    margin-top: 0px;
  }

  .search-form .input-group.search-pill {
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    border-radius: 18px;
  }

  .match-wrap {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(163, 174, 190, .2);
    padding: 6px 12px;
    border-right: 0px !important;
  }

  .search-input {
    padding: 12px;
    font-size: 16px;
  }
  input#btn_submit {
    height: 60px;
  }

  .btn-search {
    width: 100%;
    margin: 2px 0 0 0;
    padding: 14px 18px;
    position: relative;
    top: 140px;
  }

  button#theme_toggle {
    display: none !important;
  }

  input#keyword {
    width: 100%;
    min-height: 52px;
    margin-bottom: -57px;
    font-weight: 16px !important;
    text-indent: 15px!important;
  }

  div.container.up-container.pt-3 {
    padding: 0px 20px!important;
top: 50px!important;
  }
  .table-striped > tbody > tr:nth-of-type(odd) > *, .table-striped > tbody > tr:nth-of-type(even) > * {
    letter-spacing: 0;
  }

   .table-striped > tbody > tr:nth-of-type(odd) > *, .table-striped > tbody > tr:nth-of-type(odd) > * {
    letter-spacing: 0;
  }

  .bg-soft-light .margin-center h3 {
    font-size: 32px !important;
  }

  .bg-soft-light {
    padding: 0px;
  }


  div#div_found {
    font-size: 16px !important;
  }

  /* Mobile table responsiveness */
  #table_results,
  #table_results thead,
  #table_results tbody,
  #table_results tr {
    display: block !important;
    width: 100% !important;
  }

  body[data-theme="light"] #table_results {
--bs-table-border-color: #e5e7eb;
color: #0f172a;
background: #fff!important;
}

  body[data-theme="dark"] #table_results {
--bs-table-border-color: #e5e7eb;
color: #0f172a;
background: #000!important;
}


  #table_results thead {
    position: absolute;
    left: -9999px;
  }

  #table_results tr {
    border-top: none!important;
  }

  #div_advanced > div:nth-child(3) > label {margin-bottom: 30px !important;}

  #table_results tbody tr {
    border-bottom: 1px solid rgb(209 214 223 / 33%);
  }

   body[data-theme="light"] #table_results tbody tr {
        border-radius: 16px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        background: #fff;
        border: 0.5px solid rgba(163, 174, 190, 0.5);
        box-shadow: 0px 8px 24px rgb(149 157 165 / 14%);
        margin-bottom: 20px;
        padding: 12px 23px 18px 25px;
    }


  body[data-theme="dark"] #table_results tbody tr {
        border-radius: 16px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        background: #070707;
        border: 0.5px solid rgb(30 31 34);
        box-shadow: 0px 8px 24px rgb(0 0 0);
        margin-bottom: 20px;
        padding: 12px 23px 18px 25px;
    }
  #table_results td {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    text-align: left !important;
    overflow: hidden;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  #table_results td::before {
    display: block;
    font-weight: 600 !important;
    color: color(srgb 0.6864 0.736 0.78);
    margin-right: 16px;
    flex: 0 0 auto;
  }

  /*a#btn_suggestions {display: none;}*/

  #table_results td:nth-child(1)::before {
    content: "SLD" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(2)::before {
    content: "TLDs Taken" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(3)::before {
    content: "TLDs Developed" !important;
    font-size: 18px !important;
  }

  #table_results td:nth-child(4)::before {
    content: "TLDs List" !important;
    font-size: 18px !important;
  }

  .app-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .app-footer__left {
    white-space: normal;
  }

  .app-footer__links {
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  .power-by {
    font-size: 15px;
    letter-spacing: .3px;
    opacity: .6;
    font-weight: 300;
    position: relative;
    top: 4px;
  }

  body > main > div:nth-child(3) > div > div > div > div {
    -ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 27px;
  }

.stat-box {
padding: 0px 30px 35px 15px !important;
}

}

@media (max-width: 576px) {

  .btn-search {background-image: none!important;}

  .alert-ajax-response {
    margin-top: 30px;
  }

  h4.restricted__intro.text-white {
    padding-top: 20px !important;
  }

  .login-box {
    background: #1d1f21 !important;
    border: .5px solid #303336 !important;
    max-width: 376px !important;
    margin: 0px auto !important;
    display: block;
    padding: 0px 35px !important;
  }

  div.powerd-by-login {
    display: flex !important;
    max-width: 300px;
    margin-top: 20px !important;
    color: #FFF;
    margin: 0px auto;
  }

  div.powerd-by-login > p {
    margin-right: 10px;
    position: relative;
    top: 3px;
  }

  div.restricted__info {
    display: block;
    max-width: 345px;
    margin: 0px auto;
    z-index: 10 !important;
    position: relative !important;
  }

  .modal-footer-custom {
    text-align: center;
    margin: 0px !important;
    display: block;
    margin-right: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 0px !important;
  }

  .subscribeBtn {
    color: #FFF !important;
  }

  p.privacy-links {
    font-size: .95rem !important;
  }
}



/* iPhone 12/13/14 Pro specific */
@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {


body[data-theme="dark"] #searchForm > div.input-group.select-wd-sm.search-pill {
  background: rgb(0, 0, 0)!important;
    border: 0.5px solid rgba(163, 174, 190, 0.23)!important;
    box-shadow: rgba(20, 18, 35, 0.99) 0px 15px 137px 10px!important;
}

.btn-search {background-image: none!important;}

  .btn {
    font-size: 18px !important;
    letter-spacing: 0px !important;
  }

  .alert-ajax-response {
    line-height: 1.4em;
    max-width: 94.5% !important;
    display: table;
    margin: 0px auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    border: .5px solid rgb(216 99 99 / 10%) !important;
    background: rgb(216 99 99 / 3%) !important;
  }

  body {
    font-size: 16px !important;
  }

  .alert-ajax-response {
    max-width: 320px;
    margin: 0px auto;
  }

  .login-box {
    background: #1d1f21 !important;
    border: .5px solid #303336 !important;
    max-width: 340px !important;
    margin: 0px auto !important;
    display: block;
  }

  div.powerd-by-login {
    display: flex !important;
    max-width: 300px;
    margin-top: 20px !important;
    color: #FFF;
    margin: 0px auto;
  }

  div.powerd-by-login > p {
    margin-right: 10px;
    position: relative;
    top: 3px;
  }

  div.restricted__info {
    display: block;
    max-width: 305px;
    margin: 0px auto;
    z-index: 10 !important;
    position: relative !important;
  }

  .modal-footer-custom {
    text-align: center;
    margin: 0px !important;
    display: block;
    margin-right: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .row.p-3.box-border-light > .col-md-2 {
    -ms-flex: 0 0 14.666667% !important;
    flex: 0 0 14.666667% !important;
    max-width: 14.666667% !important;
  }

  .table-striped > tbody > tr:nth-of-type(odd) > *,
  .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: #000000 !important;
    color: #818892;
    font-family: inherit;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.2px;
  }
}

.form-control-sm::placeholder {
  font-size: 14px;          
}

.form-control-sm:not(:placeholder-shown) {
  font-size: 16px;          
}
.form-control-sm.has-value { font-size: 18px; }
.form-control-sm:-webkit-autofill,
.form-control-sm:-webkit-autofill:focus,
.form-control-sm:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  font-size: 18px !important;                
  box-shadow: 0 0 0 1000px #000 inset !important; 
  border: .5px solid rgba(82,87,96,.48) !important;
}

@media (max-width: 996px) {
  #page-main > div.row.heading-row.py-4 > div > div {
      padding-left: 7%;
}
}


 .modal-content {
    width: auto!important;
  }
    body[data-theme="dark"]  #suggestionsModal > div > div > div {
    background: #000000!important;
  border: .5px solid #3e414482!important;
  }

@media (max-width: 768px) {

  #div_advanced > div:nth-child(3) > label {
  position: relative!important;
  top:13px!important;
}


.modal-content {
  margin-top:120px!important;
}

  body[data-theme="dark"]  #suggestionsModal > div > div > div {
    background: #000000!important;
  border: .5px solid #3e414482!important;
  }




  #scrollToTopBtn > span {
font-size: 14px !important;
left: -151px;
position: relative;
top: -55px;
background: color(srgb 0.1041 0.114 0.1182);
padding: 16px;
border-radius: 45px;
border: 1px solid color(srgb 0.1394 0.1493 0.1535);
z-index: 9999;
  }



  #div_bulk > div > label {
    margin-bottom: 20px!important;
  }

  div#div_advanced {
    padding:0px 5px!important;
  }
  .app-nav__right {
    display: contents;
    align-items: center;
    gap: 10px;
  }
    .app-nav.show-logo .brand-swap > .brand-swap__logo--light, 
  .app-nav.show-logo .brand-swap > .brand-swap__logo--dark {
    left: 0!important;
    max-width: 180px!important;
  }

  #theme_toggle { order: 1; }
  #span_header_welcome {
    order: 2;
    margin-left: auto;                 
    text-align: right;
    max-width: 45vw;                    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #hamburger { order: 3; }

  .hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .hamburger__box { display: inline-flex; flex-direction: column; gap: 10px; }
  .hamburger__bar {
    display: block;
    width: 22px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
  }
  .hamburger__bar:nth-child(2) { display: none; }
}

.icon--to-light, .icon--to-dark { display: none; }
[data-theme="dark"]  .icon--to-light { display:inline-block; }
[data-theme="light"] .icon--to-dark  { display:inline-block; }


.up-container-custom {
    top: 0rem;
    position: relative;
    z-index: 3;
    padding-right: 0px;
    padding-left: 0px;
}

.stat-row-offset {
    position: relative;
    top: -9px;
}

.ad-competition-position {
    position: absolute;
    top: -3px;
}

.progress-bar-width {
    width: 30%;
}

.sep-padding {
    padding-bottom: 25px;
}

.btn-guide {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    padding: 12px 18px;
}

.btn-export {
    display: inline-block;
    font-size: 14px;
    padding: 12px 18px;
}

.dropdown-item-custom {
    font-size: 14px;
}

.col-width-20 {
    width: 20%;
}

.col-width-15 {
    width: 15%;
}

.col-width-17 {
    width: 17%;
}

.table-header-text {
    color: auto;
    font-weight: 600;
}

.legend-position {
    position: absolute;
    right: 0px;
    top: 1px;
}

.btn-nav-auth {
    font-size: 14px;
    font-weight: 600;
}

.sun-icon {
    min-width: 26px;
    min-height: 20px;
    padding: 1px;
}

.moon-icon {
    max-height: 20px;
    padding: 0px;
    min-width: 26px;
}

.search-input-indent {
    text-indent: 25px;
}

.toggle-controls {
    padding-right: 247px;
}

.label-offset-top {
    top: -1px;
}

.label-offset-bottom {
    top: 7px;
}

.form-group-bottom-margin {
    margin-bottom: 23px;
}