@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");

:root {
  --bs-blue: #1262FF;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --primary-rgb: 68, 84, 195;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --body-bg-rgb: 242, 246, 249;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #2e384d;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --header-height: 3rem;
  --nav-width: 68px;
  --first-color: #1F3BB3;
  --first-color-light: #AFA5D9;
  --white-color: #fff;
  --body-font: "Rubik", sans-serif;
  --normal-font-size: 1rem;
  --z-fixed: 100;
  --primary-color: rgb(var(--primary-rgb));
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --black-05: rgba(0, 0, 0, 0.05);
  --default-text-color: #2e384d;
  --success-rgb: 45, 206, 137;
  --info-rgb: 69, 170, 242;
  --warning-rgb: 236, 180, 3;
  --danger-rgb: 255, 91, 81;
  --light-rgb: 232, 235, 242;
  background-color: transparent;
  background-image: linear-gradient(200deg, #ffffff 42%, #eef6ff 100%);
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  *,
  :after,
  :before {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
      Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
      Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block-start: 0.5rem;
    margin-block-end: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  p {
    margin-block-start: 0;
    margin-block-end: 0.9rem;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
    white-space: pre-wrap;
  }
  a {
    background-color: transparent;
    text-decoration: none;
    color: #5a8dee;
  }
  a:active,
  a:hover {
    color: #336;
  }
  a:not([href]):not([tabindex]),
  a:not([href]):not([tabindex]):focus,
  a:not([href]):not([tabindex]):hover {
    color: var(--default-text-color);
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):focus {
    outline: 0;
  }
  abbr[title] {
    border-block-end: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
    height: auto;
    max-width: 100%;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  figcaption {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
  }
  [hidden],
  template {
    display: none;
  }
  @media print {
    *,
    :after,
    :before {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre {
      white-space: pre-wrap !important;
    }
    blockquote,
    pre {
      -moz-column-break-inside: avoid;
      break-inside: avoid;
      border: 1px solid #ccc;
    }
    thead {
      display: table-header-group;
    }
    img,
    tr {
      -moz-column-break-inside: avoid;
      break-inside: avoid;
    }
    h2,
    h3,
    p {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      -moz-column-break-after: avoid;
      break-after: avoid;
    }
  }
  label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
  }
  input[type="date"],
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="url"],
  select,
  textarea {
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    /* padding: 0.5rem 1rem; */
    transition: all 0.3s;
  }
  input[type="date"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="url"]:focus,
  select:focus,
  textarea:focus {
    border-color: #333;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  [type="button"],
  [type="reset"],
  [type="submit"],
  button {
    /* width: auto; */
    -webkit-appearance: button;
  }
  [type="submit"],
  button {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #1262FF;
    border: 1px solid #1262FF;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
    font-family: var(--body-font);
    /* box-shadow: 6px 6px 20px 0px rgba(54.44770720108695, 141.2049603006116, 252.75, 0.47); */
    letter-spacing: 1.1px;
  }
  [type="button"]:focus:not(:focus-visible),
  [type="submit"]:focus:not(:focus-visible),
  button:focus:not(:focus-visible) {
    outline: none;
  }
 
  [type="submit"]:focus,
  [type="submit"]:hover,
  button:focus,
  button:hover {
    color: #fff;
    background-color: var(--bs-blue);
    text-decoration: none;
  }
  [type="button"]:not(:disabled),
  [type="submit"]:not(:disabled),
  button:not(:disabled) {
    cursor: pointer;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
    resize: vertical;
  }
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
 
  table {
    background-color: transparent;
    width: 100%;
    margin-block-end: 15px;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: .875rem;
    font-weight: 400;
    font-family: "Rubik", sans-serif;
    line-height: 1.5;
  }
  table td,
  table th {
    /* padding: 15px; */
    line-height: 1.5;
    vertical-align: top;
    /* border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843); */
  }
  table th {
    font-weight: 500;
  }
  table tfoot th,
  table thead th {
    font-size: 1em;
  }
  table caption + thead tr:first-child td,
  table caption + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table thead:first-child tr:first-child td,
  table thead:first-child tr:first-child th {
    border-block-start: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
  }
  table tbody > tr:nth-child(odd) > td,
  table tbody > tr:nth-child(odd) > th {
    /* background-color: hsla(0, 0%, 50.2%, 0.0705882353); */
    background-color: #fff;

  }
  table tbody tr:hover > td,
  table tbody tr:hover > th {
    background-color: hsla(0, 0%, 50.2%, 0.1019607843);
  }
  table tbody + tbody {
    border-block-start: 2px solid hsla(0, 0%, 50.2%, 0.5019607843);
  }
  @media (max-width: 767px) {
    table table {
      font-size: 0.8em;
    }
    table table td,
    table table th {
      padding: 7px;
      line-height: 1.3;
    }
    table table th {
      font-weight: 400;
    }
  }
  dd,
  dl,
  dt,
  li,
  ol,
  ul {
    margin-block-start: 0;
    margin-block-end: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  

  /* Side Bar CSS */
  aside#layout-menu {
    background-color: #455067d6;
    color: #fff;
    font-family: var(--body-font);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  aside#layout-menu .menu-icon {
    color: #fff;
  }

  .menu-vertical .menu-item .menu-link {
    font-size: 0.85rem;
    font-weight: 400;
  }

  .app-brand.demo {
    background-color: #fff;
  }

  .menu .app-brand {
    width: 100%;
    padding: 5px;
    align-items: center;
    justify-content: center;
  }

  .bg-menu-theme .menu-inner > .menu-item.active, .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
    background-color: #576277;
  }

  .tgl2 {
    background: #576277;
    color: white;
    width: 30px !important;
    height: 29px;
    text-align: center;
    border-radius: 10px 10px;
    padding-top: 2px;
    font-size: 25px;
}

.active::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2px;
  height: 40px;
  background-color: var(--white-color);
}

.notes.active::before {
  content: '';
  position: absolute;
  left: -15px;
  width: 2px;
  height: 40px;
  background-color: var(--white-color);
}


aside li[data-tooltip]:hover::after {
 
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;
  left: 50%;
  font-size: 10px;
  background-color: #fff;
  color: #576277;
  transform: translateX(-50%);
  padding: 2px 3px;
  z-index: 5;
  border-radius: 5px;
 
}

aside li[data-tooltip]:hover::after {
  opacity: 1;
}

.menu-vertical .menu-item .menu-link, .menu-vertical .menu-block {
  padding: 0.625rem 0rem;
  text-align: center;
}

.page_title_heading {
  font-family: var(--body-font);
  color: var(--default-text-color);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.03rem;
  margin: 0px;
}

.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
  left: 13rem;
}

div[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  background: #455067d6;
  color: #fff;
  font-size: 12px;
  padding: 5px 5px;
  border: 1px soild #455067d6;
  border-radius: 5px;
  white-space: nowrap;
  z-index: 5;
  top: 70%;
  left: 10%;
  transform: translateX(-50%);
  margin-top: 5px;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

div[data-tooltip]:hover::after {
  opacity: 1;
}



.top-header li[data-tooltip]:hover::after {
 
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;
  /* left: 50%; */
  background: #455067d6;
  color: #fff;
  font-size: 12px;
  padding: 5px 5px;
  border: 1px soild #455067d6;
  border-radius: 5px;
  transform: translateX(-50%);
  padding: 2px 3px;
  z-index: 5;
  border-radius: 5px;

}

.top-header li[data-tooltip]:hover::after {
  opacity: 1;
}

.layout-navbar{
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
}

.top-header-icon i{
  color: var(--default-text-color);
  cursor: pointer;
  font-size: 20px;
}

.top-header-icon #counter {
  background-color: #F0AB00;
  padding: 1px 4px;
  border-radius: 50%;
  font-size: 10px;
  vertical-align: top;
  color: var(--default-text-color);
  position: absolute;
  top: 0px;
  right: -2px;
}

.top_more_icon .dropdown-menu[data-bs-popper]{
  left: -120px;
}
.top_more_icon .dropdown-menu .dropdown-item {
  color: var(--default-text-color);
  font-family: var(--body-font);
  padding: .6667rem .75rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border-bottom: 1px solid #D2D2D278;
  font-size: .93rem;
  letter-spacing: .0386rem;
}
.dropdown-item {
  color: var(--default-text-color);
  font-family: var(--body-font);
  font-size: .93rem;
}

.top_more_icon .dropdown-menu .dropdown-item:hover {
   background-color: #1262FF;
   color: #fff;
}

.logout-bttn button{
  border: 0px;
  background: transparent;
  box-shadow: none;
}

.top-header .dropdown-item {
  color: var(--default-text-color);
}

.logout-bttn button:hover{
  background: rgba(90, 141, 238, 0.08);;
}
.logout-bttn button {
  text-align: left;
}
.new-dashboard .box-1 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}
.new-dashboard .box-2 {
  background:  linear-gradient(to right, #FFFFFF, rgba(0, 80, 255, 0.1));
 
}
.new-dashboard .box-3 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.new-dashboard .box-4 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}
.new-dashboard .box-5 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}
.new-dashboard .box-6 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}
.new-dashboard .stat-box i {
  padding: 5px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 10px;
  font-size: 25px;
}

.new-dashboard .box-1 i {
  background-color: #8252E9;
}
.new-dashboard .box-2 i {
  background-color: #2163FE;
}
.new-dashboard .box-3 i {
  background-color: #00B8F2;
}
.new-dashboard .box-4 i {
  background-color: #487FFF;
}
.new-dashboard .box-5 i {
  background-color: #45B369;
}
.new-dashboard .box-6 i {
  background-color: #F4941E;
}
.new-dashboard .stat-box h4 {
  margin: 5px 0px;
  font-size: 1.33rem;
  font-weight:500;
  color: var(--default-text-color);
  font-family: var(--body-font);
}
.new-dashboard .stat-box p {
  font-size: 14px !important;
  color: #4B5563;
  margin: 0px;
}

.stats-container {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  margin-bottom: 40px;
}
.stat-box {
  background: #fff;
  padding: 20px 10px;
  border-radius: 10px;
  width: 200px;
  text-align: center;
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;
  border: 1px solid #d1d5db80;
  position: relative;
  flex: 1 1 auto;
  margin: 0px 10px;
}

.downloads-section h3, .downloads-section ul, .news-section h3 {
  margin-bottom: 5px;
  }
  
.dashboard-table .table-container {
    max-height: 280px; 
    overflow-y: auto;
    display: block;
    overflow-x: hidden;
}
.downloads-section h3, .news-section h3 {
  font-size: 1rem;
  color: var(--default-text-color);
  font-weight: 500;
  font-family: var(--body-font);
}
.downloads-section h3 i {
  color: #fff;
  background: #1262FF;
  padding: 5px 5px;
  border-radius: 6px;
  margin-right: 5px;
}

.activity-section,
.downloads-section,
.news-section {
    margin: 17px 0 0;
}
table.dataTable,.data-analysis-sec table {
  font-size: .875rem;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
  line-height: 1.5;
  border-collapse: separate !important;
}
.competitors-table table {
  font-size: .875rem;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  line-height: 1.5;
}
.competitors-table table th {
  font-weight: 500;
}
.competitors-table table td {
  font-weight: 400;
}
table.table-bordered.dataTable td, .data-analysis-sec table td {
  color: var(--default-text-color);
  font-size: .8rem;
  font-family: var(--body-font);
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
}

.dashboard-table table thead, .datatable-wrapper table thead{
  background: #D6E0EA;
 }
 .datatable-wrapper table thead, .dataTables_wrapper table thead, .data-analysis-sec table thead{
  position: sticky;
  top: 0;
  background: #D6E0EA;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  z-index: 1;
 }
 .dashboard-table table.table-bordered.dataTable th, .yajra-datatable thead tr th, .table.table-bordered.dataTable th {
    color: var(--default-text-color) !important;
    font-size: .8rem;
    text-align: left;
    font-weight: 400;
 }
 .dashboard-table table.table-bordered.dataTable th, .dashboard-table table.table-bordered.dataTable td{
  text-align: center;
 }
 .dashboard-table table tbody tr:nth-child(even) {
  background-color: #f4f7fa;
 }
 .btn-primary{
  color: #fff;
  background-color: #0176FF;
  border-color: #0176FF;
  /* box-shadow: 6px 6px 20px 0px rgba(54.44770720108695, 141.2049603006116, 252.75, 0.47); */
 }
 .btn-primary:hover {
  color: #fff;
  background-color: #0064da;
  border-color: #0064da;
  /* box-shadow: 6px 6px 20px 0px rgba(54.44770720108695, 141.2049603006116, 252.75, 0.47); */
}
.btn-dark {
  color: #fff;
  background-color: #455067d6;
  border-color: #455067d6;
}
.btn-dark:hover {
  color: #fff;
  background-color: #576277;
  border-color: #576277;
  /* box-shadow: 6px 6px 20px 0px rgba(54.44770720108695, 141.2049603006116, 252.75, 0.47); */
}
.clear-btn{
  color: var(--bs-blue);
  background-color: #fff;
  border-color: var(--bs-blue);
}
.clear-btn:hover{
  color: #fff;
  background-color: var(--bs-blue);
}
 .dashboard-table table tbody td .btn {
     background-color: #dcebfe;
     color: var(--bs-blue);
     border: 0px;
     transition: all 0.2s ease-in-out;
     font-size: 12px;
     font-weight: 500;
 }
 
 .dashboard-table table tbody td .btn:hover {
     /* border: 1px solid #6753a2; */
     color: #fff;
     background-color: var(--bs-blue);
 }

 .news-section::-webkit-scrollbar, .table-container::-webkit-scrollbar, .newsContainer::-webkit-scrollbar {
  width: 5px;
  }
  .news-section::-webkit-scrollbar-thumb, .table-container::-webkit-scrollbar-thumb, .newsContainer::-webkit-scrollbar {
  background-color: var(--bs-blue);
  }
  .news-section::-webkit-scrollbar-track, .table-container::-webkit-scrollbar-track, .newsContainer::-webkit-scrollbar {
  background-color: transparent; 
  }

  .news-section {
    background: #fff;
    padding: 0px;
    /* local Changes */
    max-height: 323px; 
    border-radius: 10px;
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;
}
.news-section:hover{
   /* background: rgb(252, 247, 247); */
}
.news-section .newsContainer .news-item {
    margin: 10px 5px;
    padding: 10px;
    /* background-color: #fff; */
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    text-align: center;
    background: linear-gradient(270deg, rgba(212, 225, 255, 0.15) 1.1%, rgba(72, 127, 255, 0.15) 98.9%);
}
.news-section .newsContainer{
    height: 90%; 
    max-height: 230px; 
    overflow-y: scroll;
    overflow-x:hidden;
    border-top: 1px solid #d4d8dd;
}
.news-item:hover{
   scale: 1.01;
}
.news-item h3 {
    margin: 0 0 5px 0;
    font-size: 12px;
    color: var(--default-text-color);
}
.news-item p {
    margin: 0;
     /* local Changes */
    font-size: 12px;
    color: #808080;
    text-align: center;
}

.news-section h3 i {
  color: #fff;
  background: var(--bs-blue);
  padding: 5px 5px;
  border-radius: 6px;
  margin-right: 5px;
}
.headingss h3 i {
  color: var(--bs-blue);
  background: none;
}

.news-modal .modal-header {
  background: #dcebfe;
  padding: 18px 10px;
}

.news-modal .modal-header h2 {
  color: var(--default-text-color) !important;
  margin: 0px auto;
  position: relative;
}
.news-modal .modal-header h2:before {
  background-image: linear-gradient(52deg, #190C2D 14.87%, #455067d6 86.11%);
  bottom: -10px;
  content: "";
  height: 3px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 120px;
}
.news-modal .news-modal-descriptions {
  padding: 0px !important;
}
.news-modal .news-modal-subheading {
  font-size: 17px !important;
  color: var(--bs-blue) !important;
}

.news-modal .modal-content{
  background-image: url("http://localhost/welexoapp/assets/img/news-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.news-modal .modal-body {
  padding: 1.5rem;
}
.new-dashboard-sec {
  overflow: hidden;
}

.notification-text a{
  color: var(--default-text-color);
  font-family: var(--body-font);
  /* font-weight: 500; */
  font-size: 0.875rem;
}

.notification-dates {
  font-family: var(--body-font);
  font-size: 0.7rem;
  font-weight: 400;
}

.notificaion-mark-read {
  cursor: pointer;
}

.notification-list {
  border-block-end: 1px solid #e2e8f0;
}

.profile-menu {
  background-color: var(--bs-blue);
}
.profile-menu a {
  color: #fff !important;
}

.my-profile-modal .modal-header{
  background-color: #576277;
}
.my-profile-modal .modal-header .modal-title {
  color: #fff;
  font-family: var(--body-font);
  font-size: 1rem;
  font-weight: 400;
}
.my-profile-modal .modal-header .btn-close {
  padding: 10px 15px;
}

.my-profile-modal .profile-form-hd h5{
  color: var(--default-text-color);
  font-family: var(--body-font);
  font-size: 1rem;
  font-weight: 500;
}

.my-profile-modal .modal-body label {
  color: var(--default-text-color);
  font-family: var(--body-font);
  font-size: 1rem;
  font-weight: 400;
}

img.icon-logo {
  padding: 5px;
}

.main-search-icon {
  width: 60px;
  height: 60px;
  background-color: var(--bs-blue);
  box-shadow: 6px 6px 20px 0px rgba(54.44770720108695, 141.2049603006116, 252.75, 0.47);
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0px auto;
  transition: all 0.4s;
}

.main-search-icon i {
  font-size: 35px;
  line-height: 60px;
  color: #fff;
}
.main-search-tab {
  border: 1px solid #d4d8dd;
  transition: all 0.2s ease-in-out;
  height: 100%;
}
.main-search-tab .card-body p {
  font-family: var(--body-font);
  font-size: 0.875rem;
  font-weight: 400;
}

.main-search-tab .card-header h5{
  font-family: var(--body-font);
  color: var(--default-text-color);
  font-size: 1rem;
  margin-bottom: 0px;
  margin-top: 10px;
}

.main-search-tab .card-footer a{
  background-color: #E4F1FF;
  color: var(--bs-blue);
  border: 1px solid var(--bs-blue);
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  font-weight: 500;
}

.main-search-tab:hover .card-footer a{
  background-color: var(--bs-blue);
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.main-search-tab:hover {
  border: 1px solid var(--bs-blue);
  box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-in-out;
}

.main-search-tab:hover .main-search-icon{
  transform: rotateY(180deg);
  transition: all 0.4s;
}

.new-page-heading {
  margin: 0px;
}

.new-page-heading h3{
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--default-text-color);
  font-family: var(--body-font);
}
.main-search-tab .card-footer {
  z-index: 1;
}
.main-search-tab::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 40%;
    background: url("http://localhost/welexoapp/public/assets/img/border-shape.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 0;
    opacity: 0.4;
}

.search-form-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  align-items: center;
}

.search-form-header .btn {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
  font-size: 14px;
  font-weight: 400;
}
.search-form-header .btn:hover {
  border: 1px solid #1262FF;
  color: #fff;
  background-color: #1262FF;
}

.search-form-header .form-header-text {
  margin: 0px;
  border: #dcebfe;
  padding: 5px 20px;
  border-radius: 5px;
  background: #dcebfe;
  color: #1262FF !important;
  font-weight: 500;
  font-size: 1rem;
  font-family: var(--body-font);
}
.search-form-header {
  transition: all 0.5 ease-in-out;
}

.form-label, .search-form-card form dt {
  color: #2e384d;
  font-size: 0.8rem;
  line-height: 1;
  display: block;
  font-family: var(--body-font);
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

.form-control, .form-select, .insight-form-control{
  font-family: var(--body-font);
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e384d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(204, 204, 204);
  border-radius: .267rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus, .form-select:focus {
  color: #2e384d;
  background-color: #fff;
  border-color: #0176FF;
  outline: 0;
  box-shadow: none;
}

span.select2-selection.select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    max-height: 40px !important; /* Set the height to 45px */
    overflow-y: auto !important; /* Enables vertical scrolling */
    display: flex !important;
    flex-wrap: wrap !important; 
    /* align-items: center !important;   */
    padding: 0.1px !important; /* Adjusts padding for better appearance */
}

/* Adjusts the selected items inside the Select2 container */
span.select2-selection__choice {
    /* margin-top: 2px !important; */
    font-size: 0.2em; /* Optionally, adjust font size */
}
/* .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
} */
.select2-container--default .select2-selection--multiple .select2-search--inline {
    line-height: 0 !important;
}
.select2-search__field{
  min-width: auto;
}

.card.search-form-toggle {
  border: 1px solid #d4d8dd;
}

.ship-header-title {
  align-items: center;
}

.ship-header-title h5 {
  text-align: right;

}
.shipments-tab-title {
  font-family: var(--body-font);
}
.filter-type-label-custom{
  font-size: 1rem !important;
  /* text-align: center; */
  font-family: var(--body-font);
  color: var(--default-text-color);
  font-weight: 500;
}
.filter-type-label span{
  color: var(--default-text-color);
  font-weight: 500;
}
.ship-header-title ul li {
  font-size: 13px !important;
}
.nav-pills .nav-link{
  background: #fff;
  color: var(--default-text-color);
  border: 1px solid #455067d6;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px;
}
.nav-pills .nav-link:hover,.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover{
  background:#455067d6;
  color: #fff !important;
}
.nav-pills .nav-link.active{
  background:#455067d6;
  color: #fff;
}
.shipment-tabs {
  box-shadow: none !important;
  border: 0px solid !important;
  padding: 0px;
}

.shipment_header_box {
  margin: 30px 0px;
}

.shipment_header_box .card {
  background: linear-gradient(to left, #FFFFFF, rgba(0, 80, 255, 0.1));
  border-radius: 8px;
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
  font-family: var(--body-font);
  border: 1px solid #d4d8dd;
}

.shipment_header_box .card:hover {
  /* border: 1px solid #9992f2; */
}

.shipment_header_box .card .avatar .avatar-initial {
  border: 1px solid #2163FE;
  border-radius: 100%;
  background: #2163FE;
  color: #fff !important;
}
.shipment_header_box .card-info small {
  font-size: 15px;
  color: var(--default-text-color) !important;
}

.shipment_header_box .progress {
  background-color: #fff;
  height: 7px;
  margin-top: 15px;
}
.shipment_header_box .progress .progress-bar {
  background-color: #8252E9;
}
.shipment_header_box img.value-tab-image {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25%;
}
.shipment_header_box .card-info .card-title {
  font-size: 1.23rem !important;
  color: var(--default-text-color);
}
.shipment_header_box.data_analysis_box .card4 .avatar .avatar-initial {
  border: 1px solid #4ADE80;
  border-radius: 100%;
  background: #BBF7D0;
  color: #16A34A !important;
}
.shipment_header_box.data_analysis_box .card5 .avatar .avatar-initial {
  border: 1px solid #F87171;
  border-radius: 100%;
  background: #FECACA;
  color: #DC2626 !important;
}

#total-value-in-rupee-box:hover #total-value-in-rupee {
  display: block;
}
#total-value-in-usd-box:hover #total-value-in-usd {
  display: block;
}

.shipments-data-box{
  box-shadow: 0 4px 20px 1px #0000000f, 0 1px 4px #00000014;
  border-radius: 10px;
  padding: 10px 10px 20px;
  margin: 10px 10px;
  justify-content: center;
}

.shipments-data-box .subheader .filter-btn {
  background: #455067d6;
  border: 1px solid #fff;
}
.shipments-data-box .subheader .filter-btn i {
  font-size: 20px;
  color: #fff;
}

.shipments-data-box .subheader .ld-more{
  background: #fff;
  border: 1px solid #455067d6;
  padding: 5px 18px;
}
.shipments-data-box .ld-more i {
  font-size: 25px;
  color: #455067d6;
}

.shipments-data-box .subheader .ld-more:hover {
  background: #455067d6;
}
.shipments-data-box .subheader .ld-more:hover i{
  color: #fff;
}
.shipments-data-box .subheader button:hover {
opacity: 0.8;
}
.shipments-data-box .subheader .subheader-btn, .select-add-column .subheader-btn{
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--body-font);
}
.shipments-data-box .subheader .subheader-btn:hover, .select-add-column .subheader-btn:hover {
  background: #1262FF !important;
  color: #fff !important;
}

.shipments-data-box .subheader .full-screen {
  background: #455067d6;
  border: 1px solid #fff;
}
.shipments-data-box .subheader .full-screen i {
  color: #fff;
}
.shipments-data-box .sidebar-filter-box {
  border: 1px solid #d4d8dd;
  border-radius: 10px;
}
.shipments-data-box .sidebar-filter-box:hover {
border: 1px solid #1262FF;
}
.subheader {
  position: sticky;
  top: 62px;
  background-color: #ffffff;
  padding: 10px 0px;
  z-index: 9;
}
.mobile-left-right {
  display: none;
}
.scroll-btn.outer-table {
  position: unset !important;
  transform: none !important;
}
/* .btn-info.active, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active  {
  background-color: #455067d6 !important;
  border-color: #455067d6 !important;
  color: #fff;
  } */
  .btn-info{
  background: #455067d6;
  margin-bottom: 5px !important;
  color: #fff;
  }
  .btn-info:hover{
  background-color: #455067d6;
  border-color: #455067d6;
  margin-bottom: 5px;
  color: #fff;
  }

.scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  border: none;
  cursor: pointer;
}

.scroll-btn.left {
    left: 0;
}

.scroll-btn.right {
    right: 0;
}
.shipments-data-table .dataTables_wrapper{
  overflow-x: auto;
  position: relative;
  width: 100%;
  max-height: 740px;
  scrollbar-width: thin;
}
.datatable-wrapper {
  white-space: nowrap;
}
.btn-check:focus + .btn-info, .btn-info:focus, .btn-info.focus {
  background-color: var(--bs-blue);
  border-color: var(--bs-blue);
}

.shipments-data-table .card-datatable {
  border: 1px solid #d4d8dd;
  border-radius: 10px;
}
.sidebar-filter-box .side-filt-hd{
  color: var(--bs-blue);
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 1rem;
}

.side-filter-close-btn {
  background-color: #fff;
  color: var(--bs-blue);
  padding: 0px 10px;
  border: 1px solid var(--bs-blue);
  font-size: 1rem;
  font-weight: 500;
}
.side-filter-close-btn:hover{
  background-color: var(--bs-blue);
  color: #fff;
  border: 1px solid var(--bs-blue);
}


.sidebar-filter-box summary {
  cursor: pointer;
  color: var(--default-text-color);
  padding: 10px;
  background: #dcebfe96;
  border-radius: 8px;
  border: 1px solid #d4d8dd;
  font-family: var(--body-font);
  font-size: 0.875rem;
  font-weight: 500;
}

.shipments-data-table table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  top: 0px;
}
.shipments-data-table table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  bottom: 10px;
}

#treeview, #hsn-treeview, #importer-treeview, #exporter-treeview, #domestic-treeview, #uqc-treeview, #description-treeview, #region-treeview {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  padding: 4px;
  border-radius: 5px;
  font-family: var(--body-font);
  font-size: 0.757rem;
}
.side-filter-cls {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  padding: 4px;
  border-radius: 5px;
  font-family: var(--body-font);
  font-size: 0.757rem;
}

.shipments-data-table .dataTables_length {
  margin: 14px auto !important;
  padding-left: 10px;
}
.dataTables_length .form-select.form-select-sm {
  padding: 0.469rem 1.735rem 0.469rem 0.735rem;
}

.statical-sec .filter-type-label-custom {
  text-align: left;
  line-height: 35px;
}

.statical-sec .download_dropdown {
  padding: 0px;
  text-align: right;
}
.statical-sec .download_dropdown .dropdown{
  display: inline-block;
}

.statical-sec .right___side___btn{
border: 1px solid #1262FF;
background-color: #dcebfe;
color: #1262FF;
font-size: 14px;
font-weight: 400;
font-family: var(--body-font);
}
.statical-sec .right___side___btn:hover{
  background: #1262FF !important;
  color: #fff !important;
} 

.graph-box .chart__heading img {
  width: 5%;
  border-radius: 5px;
  padding: 4px 4px;
  background: #2163FE;
  margin: 0px 8px;
}

.card.graph-box{
  border: 1px solid #d4d8dd;
  border-radius: 8px;
}
.card-header.chart__heading  {
  display: flex;
  align-items: center;
  background-color: #D6E0EA;
}
.imp-exp-box {
  overflow: hidden;
}
.imp-exp-box .card{
  border: 1px solid #d4d8dd;
}
.card-header.imp-exp-header, .card-header.data-analysis-header {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid #d4d8dd;
}
.card-header.chart__heading h3{
  font-size: 1rem;
  color: var(--default-text-color);
  font-weight: 500;
  font-family: var(--body-font);
  margin: 0px;
}
.graph-box.total-usd-graph .chart__heading img {
  width: 2%;
}
#csv1, #csv2 {
  display: none;
}

.graph-box .map__section {
  background: #F3F4F6;
  margin: 20px 10px;
  border-radius: 10px;
  border: 1px solid #d1d5db80;
}

#right__tbl_wrapper .row .dataTables_filter {
  position: relative;
  left: -170px;
  margin: 10px 0px !important;
}

.top-countries-table .dataTables_filter label {
  color: var(--bs-blue);
  font-size: 16px;
  font-weight: 500;
}

.graph-box .map__right__section {
  margin: 20px 10px;
  border-radius: 10px;
  border: 1px solid #d1d5db80;
}

.map__right__section .top-countries-table {
  height: 400px;
  overflow-y: scroll;
  scrollbar-width: thin;
}

.top-countries-table .dataTables_wrapper {
  padding: 12px 0px;
}

.imp-exp-header button {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 10px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}

.imp-exp-header button:hover {
  color: #fff;
  background: #1262FF;
}

.contact-detail-msg {
   opacity: 0;
  position: absolute;
  transition: all 0.2s ease-in-out;
  top: -37px;
  left: 260px;
  transform: translateX(-50%);
  background: #455067b8;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #455067b8;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  font-size: 12px;
  width: max-content;
}

/* .imp-exp-header:hover .contact-detail-msg {
  opacity: 1 !important;
  top: 39px !important;
  left: 353px;
} */
 .imp-exp-header button:hover .contact-detail-msg {
  opacity: 1 !important;
}

.contact-detail-msg::before {
  content: '';
  position: absolute;
  top: 20px;
  left: -6px;
  transform: rotate(-42deg); 
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #45506797 transparent;
  z-index: 9;
}

#unique_exporters_wrapper, #unique_importers_wrapper {
  max-height: 1000px;
}

#DataAnalysisModal .form-header-text {
  margin: 0px;
  border: #dcebfe;
  padding: 5px 20px;
  border-radius: 5px;
  background: #dcebfe;
  color: #1262FF !important;
  font-weight: 500;
  font-size: 1rem;
  font-family: var(--body-font);
}
#DataAnalysisModal .card, #CounterModal .card {
  border: 1px solid #d4d8dd;
  box-shadow: none;
}
.data-analysis-sec table thead th {
  cursor: move;
}
.data-analysis-sec #shipment-table-container {
  min-height: 200px;
  max-height: 700px;
}

.data-analysis-sec .filterBtnMonthlyShipmentTbl, .filterBtnMonthlyShipmentTbl:active, #shipment-table-container table thead .set_width {
  background-color: transparent !important;
  border-color: transparent !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  font-family: var(--body-font);
  color: var(--default-text-color);
  padding: 0px;
}
#shipment-table-container table thead .set_width{
  padding: 0.625rem 1.5rem !important;
  display: block;
  width: 250px;
}
.data-analysis-sec table thead th{
  position: relative;
}
.data-analysis-sec table thead th .dropdown-toggle::after {
  display: none;
}
.data-analysis-sec .productIcon {
  position: absolute;
  top: 3px;
  left: 186px;
}
.data-analysis-sec .customFilter {
  min-width: 12rem !important;
  padding: 5px 10px 10px;
  box-shadow: none;
  border: 1px solid lightgray;
  max-width: 250px;
  font-family: var(--body-font);
}

.data-analysis-sec .treeviewBox {
  list-style-type: none;
  padding: 0;
  overflow-y: scroll;
  margin-bottom: 10px;
  max-height: 200px;
  font-family: var(--body-font);
  font-size: 0.75rem;
  font-weight: 400;
}

.data-analysis-sec .checkboxesForFilters {
  width: max-content;
}

.data-analysis-sec .filtered__clomun {
  background-color: #97a6b5 !important;
}

.quantity-filter-box .advance-num-filter-sec {
  display: flex;
  margin: 5px 0px 10px;
}
.data-analysis-sec .treeviewBox input[type="checkbox"] {
  margin-right: 10px;
  height: 0.7rem;
  width: 0.7rem;
}

.quantity-filter-box .advance-num-filter-sec li label {
  display: flex;
  align-items: center;
}

.advance-num-filter label {
  color: var(--bs-blue) !important;
  font-weight: 500 !important;
}
.data-analysis-sec .clear-btn {
  margin-left: 5px;
}

.data-analysis-sec .pagination__box .dataTables_length label {
  display: inline-flex;
  align-items: center;
}
.data-analysis-sec .pagination__box .pagination .page-item .page-link {
  cursor: pointer;
}
.card-footer.pagination__box {
  border-top: 1px solid #d4d8dd;
}
.competitors-search-form .form-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr) 50px;
  gap: 20px;
  align-items: center;
  width: 100%;
  padding: 10px 10px;
  font-family: var(--body-font);
  font-size: 0.8rem;
  color: var(--default-text-color);
}
.competitors-search-form .form-grid .input-group {
  display: flex;
  flex-direction: column;
  box-shadow: none !important;

}
.competitors-search-form .form-grid .input-group .insight-form-control, .trade-insight-header .dropdown-container .input-group .insight-form-control {
  border-top-left-radius: .267rem !important; 
  border-bottom-left-radius: .267rem !important; 
}
.competitors-search-form .form-grid .input-group label, .trade-insight-header .dropdown-container .input-group label{
  margin-bottom: 7px;
}
.competitors-search-form .search-mycompany, .search-insight {
  margin-top: 20px;
  padding: 5px 10px;
}
.competitors-tables .card{
  border: 1px solid #d4d8dd;
}
.competitors-tables .card .card-header{
  border-bottom: 1px solid #d4d8dd;
}

#comparePopup {
  display: block;
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  width: 600px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
  z-index: 1000;
  border-radius: 10px;
}

#comparePopup .card{
  box-shadow: none;
}
#comparePopup #closePopup {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px;
}

.trade-insight-header .dropdown-container {
  margin: auto;
  display: flex;
  width: 100%;
  font-size: 12px;
  border-radius: 8px;
  padding: 10px 0px;
  font-family: var(--body-font);
  font-size: 0.8rem;
  color: var(--default-text-color);
}
.trade-insight-header .dropdown-container .input-group {
  margin: 0px 5px;
}

.bottom-left-ui {
  position: fixed;
  bottom: 10px;
  /* left: 20px; */
  color: #fff;
  background-color: var(--bs-blue);
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 10px 20px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: auto;
}

.trade-insight-map-sec .card-body{
  background-image: url(https://welexoapp.com/public/new_template/images/trade-insight-bg.png);
  background-size: 30% 30%;
  border: 3px solid #fff;
  border-radius: 10px;
  /* box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important; */
}

.country_i_details_sec {
  overflow: hidden;
}

.financial-filter button, .calender-filter button {
  border: 1px solid #455067d6;
  background-color: #fff;
  color: #455067d6;
  font-size: 11px;
  font-weight: 400;
  padding: 8px 8px;
}
 
.financial-filter button:hover, .calender-filter button:hover {
  border: 1px solid #455067d6;
  color: #fff;
  background-color: #455067d6;
}
 
.financial-filter button.active, .calender-filter button.active {
  border: 1px solid #455067d6;
  color: #fff;
  background-color: #455067d6;
}

.filter-label-hd {
  margin: 0px;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--default-text-color);
  font-family: var(--body-font);
}

.radio-card::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 44px;
  background-color: #1262FF;
  border-radius: 100px;
  right: -1px;
  top: 24px;
  box-shadow: 2px 1px 7px 0px rgba(33, 93, 245, 0.6);
}
.stats-dashboard-form label{
  display: block;
  line-height: 1.5;
  font-family: var(--body-font);
  font-size: 1rem;
  font-weight: 400;
}

.monitoring-box .card-value-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.card-data {
  font-family: var(--body-font);
}
.card-data p {
  color: var(--default-text-color);
}
.card-data h4 {
  font-size: 1.23rem !important;
  color: var(--default-text-color);
  font-family: var(--body-font);
}

.h-50-px {
  height: 3.125rem;
}
.w-50-px {
  width: 3.125rem;
}
.bg-cyan {
  background-color: #00B8F2;
}
.monitoring-box .card-data i {
  color: #fff;
  font-size: 22px;
  padding: 3px;
}

.monitoring-box .card-value-2 {
  background: linear-gradient(to left, #FFFFFF, rgba(0, 80, 255, 0.1));
}
.bg-blue {
  background-color: var(--bs-blue);
}
.monitoring-box .card-value-3 {
  background: linear-gradient(to left, #FFFFFF, #EEFBFF);
}
.monitoring-box .card-value-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}
.bg-success-main {
  background-color: #45B369;
}
.yoy-down-arrow {
  background: rgba(239, 71, 112, 0.1490196078);
  color: #EF4A00 !important;
  border-radius: 5px;
}
.yoy-up-arrow {
  background: rgba(69, 179, 105, 0.1490196078);
   color: #45B369 !important;
   border-radius: 5px;
}

.blur-chart img {
  width: 100%;
  filter: blur(5px);
  pointer-events: none;
  position: relative;
}
.blur-chart i {
  position: absolute;
  top: 46%;
  left: 46%;
  font-size: 60px;
  text-shadow: -1px -1px 0 #D3D3D3, 1px -1px 0 #D3D3D3, -1px 1px 0 #D3D3D3, 1px 1px 0 #D3D3D3;
}
#map_countries_wrapper {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.yoy-header button {
  margin: 0px auto;
}

.exp-imp-value-trend.monthely-trends {
  height: 365px;
  overflow: auto;
  scrollbar-width: thin;
}

.exp-imp-value-trend table th{
  font-weight: 400;
}
.exp-imp-value-trend table thead {
  position: sticky;
  top: 0;
  background: #D6E0EA;
  z-index: 1;
}

.yoy-growth-table table td.profit span, .monthely-trends td.profit span {
  background-color: rgba(69, 179, 105, 0.1490196078);
  color: #45B369;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  width: 100px;
}

.yoy-growth-table table td.loss span, .monthely-trends td.loss span {
  background-color: rgba(239, 71, 112, 0.1490196078);
  color: #EF4A00;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  width: 100px;
}
.tradefigure-table thead {
  background: #D6E0EA;
}
.tradefigure-table td{
  color: var(--default-text-color);
}
.imp-exp-btn {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
}
.imp-exp-btn.status-active {
  border: 1px solid #1262FF;
  background-color: #1262FF;
  color: #fff;
}
.trade-fig-btn button {
  border: 1px solid #1262FF;
  background-color: #1262FF;
  color: #fff;
}
.trade-fig-btn button.s-active {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
}
.new-pricing-sec {
  font-family: var(--body-font);
}
.new-pricing-sec .first-card .card-header{
  border-bottom: 1px solid #d4d8dd;
}
.new-pricing-sec .card .card-body ul {
  padding: 0px;
  margin: 0px;
  font-family: var(--body-font);
}
.new-pricing-sec .card {
  border-radius: 16px;
  overflow: hidden;
}
.new-pricing-sec .card .card-body ul li {
  list-style-type: none;
  margin-top: .5rem;
  text-align: left;
  font-size: 0.875rem;
  position: relative;
  font-family: var(--body-font);
  line-height: 1.5rem;
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
}

.new-pricing-sec .card .card-body ul li .info-icon {
  float: right;
  margin-top: 5px;
}

.new-pricing-sec .p_header_card {
  border-radius: 0.3125rem;
}
.new-pricing-sec .card.first-card .card-header{
  background: linear-gradient(to bottom, rgba(246, 248, 253, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  position: relative;
}
.new-pricing-sec .card.price-card .card-header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 250px;
  line-height: 32px;
}

.new-pricing-sec .info-icon:hover::after {
  content: attr(data-title);
  position: absolute;
  background-color: #576277;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  top: 0px;
  left: 75px;
  width: 250px;
  white-space: wrap;
  font-size: 0.75rem;
  z-index: 100;
  font-family: var(--body-font);
  font-weight: 400;
}
.new-pricing-sec .small-gst-i {
  font-size: 56%;
  vertical-align: middle;
}
.info-icon-GST:hover::after {
  width: 135px !important;
  text-align: center;
  top: 156px !important;
  left: 128px !important;
}
.usd {
  display: none;
}
.new-pricing-sec .price-card .card-header .plan-image{
  /* width: 35px; */
  height: 65px;
}

.new-pricing-sec .price-card .card-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.new-pricing-sec .price-card .card-header h5 {
  font-size: 1.7rem;
  font-family: var(--body-font);
}
.new-pricing-sec .fa-info-circle {
  color: #455067d6;
}
.new-pricing-sec .price-card .card-header .plan_validity {
  color: #455067d6;
  font-size: 0.875rem;
}
.new-pricing-sec .card .card-header {
  background-color: transparent;
}
.new-pricing-sec .card .card-header h5{
  color: #1262FF;
}
/* .new-pricing-sec .card.second-card .card-header {
  background: linear-gradient(to bottom, rgba(235, 239, 251, 0.65) 0%, rgba(235, 239, 251, 0) 100%);
} */
/* .new-pricing-sec .card.second-card .card-header .subscrib-btn{
  color: #fff;
  background-color: #202B47;
} */
/* .new-pricing-sec .card.third-card .card-header{
  background: linear-gradient(to bottom, rgb(122 152 236 / 31%) 0%, rgba(235, 239, 251, 0) 100%);
} */
/* .new-pricing-sec .card.third-card .card-header .subscrib-btn{
  color: #fff;
  background-color: #314f9c;
} */
/* .new-pricing-sec .card.third-card .card-header h5 {
  color: #314f9c;
} */
/* .new-pricing-sec .card.fourth-card .card-header{
  background: linear-gradient(to bottom, rgb(10 78 250 / 49%) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* .new-pricing-sec .card.fourth-card .card-header .subscrib-btn{
  color: #fff;
  background-color: #402eb1;
} */
/* .new-pricing-sec .card.fourth-card .card-header h5 {
  color: #402eb1;
} */
/* .new-pricing-sec .card.fifth-card .card-header{
  background: linear-gradient(to bottom, rgb(199 224 255) 0%, rgba(235, 239, 251, 0) 100%);
} */
/* .new-pricing-sec .card.fifth-card .card-header .subscrib-btn{
  color: #fff;
  background-color: #1262FF ;
} */
/* .new-pricing-sec .card.fifth-card .card-header h5 {
  color: #1262FF ;
} */

.new-pricing-sec .active-user-pr {
  position: absolute;
  top: -28px;
  left: 35%;
  display: none;
  transition: all 0.2s ease-in-out;
  color: #fff;
  background-color: #455067d6;
  padding: 2px 5px;
  font-size: 14px;
  border-radius: 3px;
}
.new-pricing-sec .col-md-3:hover .active-user-pr,.new-pricing-sec .col-md-4:hover .active-user-pr {
 display: block
}
.new-pricing-sec .card .card-header .subscrib-btn {
  color: #fff;
  background-color: #1262FF;
  border-radius: 8px;
  width: 100%;
  transition: opacity .3s;
  font-size: 0.875rem;
}
.new-pricing-sec .card .card-header .subscrib-btn:hover {
  opacity: 0.7;
}
.new-pricing-sec .card .card-header .price_value{
  margin-bottom: 8px;
}
.new-pricing-sec .card .card-header .pricing-title{
  margin-bottom: 5px;
}
.new-pricing-sec .card .popular-highlights {
 position: absolute;
  top: 29px;
  right: -40px;
  background-color: #1262FF;
  color: #fff;
  transform: rotate(45deg);
  padding: 7px 40px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
/* .new-pricing-sec .card .card-header .popular {
  margin: 12px 0px;
  font-family: var(--body-font);
  background: #1261ff45;
  color: #1262FF;
  font-size: 0.7rem;
  padding: 4px 1rem;
  border-radius: 12px;
  letter-spacing: .12em;
  font-weight: 500;
} */
.new-pricing-sec .card .card-body .fa-times, .new-pricing-sec .card .card-body .fa-check, .new-pricing-sec .card-body ul li span{
  background: linear-gradient(white, white) padding-box, linear-gradient(to top, white, #CAD1E5) border-box;
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .12);
  padding: 3px 8px;
  border-radius: 8px;
  margin-right: 8px;
}
.new-pricing-sec .card-body ul li span {
  color: var(--bs-blue);
}
.new-pricing-sec .card .card-body .fa-times {
  color: #2e384dba;
  font-size: 17px;
}
.new-pricing-sec .card .card-body .fa-check {
  color: #16A34A;
  font-size: 16px;
}


.imp-notes {
  text-align: center;
  font-size: 13px;
  font-family: var(--body-font);
}
.imp-notes .stars{
  color: red;
}
.new-pricing-sec .row{
  background: linear-gradient(to bottom, #ebeffb 0%, rgba(235, 239, 251, 0) 100%);
}

.contact-header-text {
  width: 15%;
  margin: 0px auto;
    border: #dcebfe;
    padding: 5px 20px;
    border-radius: 5px;
    background: #dcebfe;
    color: #1262FF !important;
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--body-font);
}

.contact-details-card {
  background-image: url(https://demo2.strongtheme.com/coinone/wp-content/uploads/sites/5/2021/08/Rectangle-670.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-details-card h4 a, .contact-details-card h4 {
  font-size: 1.2rem;
  color: var(--default-text-color);
  font-family: var(--body-font);
  font-weight: 400;
  text-align: left;
}
.contact-details-card .badge {
  margin: 0px 15px;
}
.accordion {
  font-family: var(--body-font);
}
.login-account-img {
  background: #fff;
  border-radius: 6px;
}
.new-login-page .new-logo img {
  width: 18%;
  border-radius: 6px;
}
.new-login-page .login-card {
  background-color: #2163FE;
  font-family: var(--body-font);
  z-index: 11;
}

.new-login-page .login-form-sec .form-group{
  position: relative;
}
.new-login-page .login-form-sec i.fa.fa-eye,.new-login-page .login-form-sec i.fa.fa-envelope-o, .new-login-page .login-form-sec i.fa.fa-eye-slash {
  position: absolute;
  right: 10px;
  top: 50%;
  /* transform: translate(0px, -9px); */
}

.new-login-page .login-form-sec .form-header h3{
  position: absolute;
  width: 100%;
  background: #2163FE;
  display: block;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: block;
  inset-block-start: 25px;
  padding: 0 20px;
  color: #fff;
}

.new-login-page .login-form-sec .form-header p {
  color: var(--default-text-color);
  text-align: center;
  font-family: var(--body-font);
  font-size: 0.875rem;
  font-weight: 400;
}

.new-login-page .login-form-sec .form-group label{
  color: #fff;
  margin-bottom: 0.3rem;
  font-family: var(--body-font);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: capitalize;
}
.new-login-page .login-form-sec .form-group input{
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.new-login-page .login-form-sec .login-btn{
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  padding: 8px;
}
.new-login-page .login-form-sec .forgot-pass-link {
 text-align: right;
}
.new-login-page .login-form-sec .forgot-pass-link a {
  color: #fff;
}
.new-login-page .login-form-sec .back-to-home {
  color: #fff;
  text-align: center;
}
.new-login-page {
  /* background-image: url('http://localhost/welexoapp/public/assets/img/signup-bg2.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  height: 100%;
}

@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

@keyframes movingX {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
40% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}

.jump {
  -webkit-animation: jumpAni 7s linear infinite;
  animation: jumpAni 7s linear infinite;
}
.movingX {
  -webkit-animation: movingX 8s linear infinite;
  animation: movingX 8s linear infinite;
}
.new-login-page .dot-animation-img{
  position: absolute;
  top: -58px;
  left: -100px;
}
.new-login-page .privacy-nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  color: #fff;
  padding: 0px;
}

.new-login-page .privacy-nav ul li {
  margin: 0px 5px;
}
.new-login-page .privacy-nav ul li a {
  color: #fff;
}

.new-login-page .login-form-sec input[type="email"]::placeholder, .new-login-page .login-form-sec input[type="password"]::placeholder {
  color: gray !important;
  opacity: 1; 
}

#download-modal .modal-header, #download-modal .modal-footer {
  padding: 0.5rem 1.5rem;
}
#download-modal .modal-header {
  background-color: #D6E0EA;
  color: var(--default-text-color);
}
#download-modal .modal-header .close {
  background-color: var(--default-text-color);
  padding: 2px 10px;
}
#download-modal .modal-body {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.search_shipments_saved_list table td a.save-search-view {
  background-color: #1262FF;
  color: #fff;
}

.search_shipments_saved_list table td a.delete_search_action {
  background-color: red;
  color: #fff !important;
}
.eclips {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.max_width_product_desc {
  max-width: max-content;
  transition: all 0.5s ease;
}
.new-dashboard-sec .card {
  height: 95%;
}
.new-dashboard .stats-container.last {
  margin-bottom: 0px;
}
.dataTables_length select{
  padding: 0px 30px;
}
#DataAnalysisModal .modal-header .close {
  background-color: #0176FF;
  padding: 0px 10px;
}
.swal2-styled.swal2-confirm {
  background-color: var(--bs-blue) !important;
}
.select2-selection__choice .silkroute-flag-img {
  margin-left: 0px;
}
.select2-container .select2-search--inline .select2-search__field {
  font-size: 0.8rem !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  background-color: var(--bs-blue);
  border-color: var(--bs-blue);
  color: #fff;
}
.ldr-txt {
  position: absolute;
  top: 61%;
  left: 52%;
  font-size: 18px;
  font-weight: 600;
  color: #2e384d;
  transform: translate(-25%, 37%);
  z-index: 1;
  border-top: 0px !important;
}

.mail-item-new {
  padding: 5px 10px;
  border: 1px solid #e14a54;
  margin: 0 10px 10px 0;
}
.mail-box-new {
  display: flex;
  flex-wrap: wrap;
}

.maintenance-tab{
  width: 190px;
  padding: 10px;
}

#flexSwitchCheckDefaultText{
  margin-bottom: 3px;
}

.maintainceModeLoginBtn {
  cursor: not-allowed !important;
  opacity: 0.9; /* Reduces opacity for a more disabled appearance */
}

.countdownLogin, .maintainenc_section {
  text-align: center;
}

.countdownLogin h1 {
  font-size: 20px;
  color: #fff;
}

#timerLogin {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  margin-bottom: 30px;
}

#timerLogin p {
  font-size: 22px;
  margin: 0 10px;
  padding: 5px 10px;
  background-color: #fff;
  color: #2163FE;
  border-radius: 8px;
}

.message {
  /* font-size: 18px; */
  color: #fff;
  /* margin-top: 20px; */
}

.unread {
  /* background-color: #f8d7da !important; */
  /* font-weight: bold; */
}

.scrolling-text {
  white-space: nowrap;
  overflow: hidden;
  width: fit-content;
  box-sizing: border-box;
}

.scrolling-text p {
  margin: 0;
  color: #000;
  display: inline-block;
  animation: scroll-text 20s linear infinite;
}

/* style 05 May, 2025 contains and does not contains css */
.add_contains_field i{
  border: 1px solid rgb(204, 204, 204);
  border-radius: .267rem;
  padding: 7px 5px;
  margin-top: 17px;
}
 
.add_contains_field{
  cursor: pointer;
}
 
.add_contains_field.disabled {
  pointer-events: none;
  opacity: 0.5;
  user-select: none;
}
#contains_options .contains_and {
  background: linear-gradient(to top, #62cff4, #2c67f2);
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .12);
    padding: 2px 3px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
}
 
#contains_or_not, #contains_description {
  background-color: #dcebfe7a;
  border-color: #1262ff85;
} 

.submitBtnAdmin{
  font-size: 12px !important;
  background-color: var(--bs-blue) !important;
  border-color: var(--bs-blue) !important;
}

.statusBtnDashboard{
      border-radius: 5px;
    border: 1px solid #333333;
    background: #fff;
    color: #333333;
    padding: 5px 10px;
}

.anotherBtnAdmin{
    color: var(--bs-blue);
    background-color: #fff;
    border-color: var(--bs-blue);
    border-radius: none;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    font-size: 12px;
}

.anotherBtnAdmin:hover, .anotherBtnAdmin:active, .anotherBtnAdmin:focus {
    color: #fff;
    border-color: var(--bs-blue);
    background-color: var(--bs-blue);
    box-shadow: none;
}

.adminDashboardTextFont, h5.card-title.mb-0.adminDashboardTextFont, div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label, .highcharts-subtitle{
  color: #333333 !important;
}

.adminTBlHeading{
  font-size: 14px !important;
  font-weight: 900;
  /* margin: auto; */
}

.admin_dashboard_card{
  background: #fff;
  margin-bottom: 10px;
}

.admin_dashboard_card .card-body h6{
  font-size: 14px !important;
  font-weight: 900;
  color: #000;
}

.bxs-trash{
  color: rgba(220, 53, 69) !important;
}

.admin_dashboard_card .card-body h3{
  font-size: 20px !important;
  font-weight: 900;
  color: #000;
}

.admin_dashboard_card .card-body p{
  font-size: 14px !important;
  font-weight: 700;
  color: #000;
}

.admin_dashboard_card_icon{
  color: var(--bs-blue);
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 20px;
  border: 1px solid var(--bs-blue);
}

.notificationTabs.active{
  background-color: #1262FF !important;
  color: #fff !important;
}
.notificationTabsBox{
  color: #000 !important;
  /* border: 1px solid #1262FF !important; */
  /* border-radius: 5px !important; */
}
.notificationTabsBox:hover .notificationTabs{
  /* border-right: 1px solid #1262FF !important; */
  /* border-top: 1px solid #1262FF !important; */
  border: 1px solid silver !important;
  /* color: #000000 !important; */
}

/* end css */
/*  27 May Adil CSS */

.new-imp-exp-sec .card {
  background: linear-gradient(to left, #FFFFFF, rgba(0, 80, 255, 0.1));
  margin: 15px 0px;
}
.new-imp-exp-sec .card .card-header.unique-imp-exp-hd .righ-content h3 {
  font-size: 1rem;
  color: var(--default-text-color);
  font-weight: 500;
  font-family: var(--body-font);
  margin: 0px 0px 0px 10px;
}
 
.new-imp-exp-sec .card .card-header.unique-imp-exp-hd .left-content button {
  border: 1px solid #1262FF;
  background-color: #fff;
  color: #1262FF;
  font-size: 14px;
  font-weight: 400;
  border-radius: 25px;
}
 
.new-imp-exp-sec .card .card-header.unique-imp-exp-hd .left-content button:hover {
  border: 1px solid #1262FF;
  color: #fff;
  background-color: #1262FF;
}
 
.new-imp-exp-sec .card .card-body.unique-imp-exp-bd .row div.border-left{
   border-left: 1px solid #d4d8dd;
}
.new-imp-exp-sec .card .card-body.unique-imp-exp-bd {
  padding: 20px 10px;
}
.new_unique_import, .new_unique_exporter {
  max-height: none !important;
   position: relative;
}
.new_unique_import .unique_importers thead, .new_unique_import .unique_importers tbody, .new_unique_exporter .unique_exporters thead, .new_unique_exporter .unique_exporters tbody, .new_unique_exporter .unique_exporters_silkroute thead, .new_unique_exporter .unique_exporters_silkroute tbody, .new_unique_import .unique_importers_silkroute thead, .new_unique_import .unique_importers_silkroute tbody  {
  display: none;
}
.new_unique_import .dataTables_wrapper .row .dataTables_length,.new_unique_import .dataTables_wrapper .row .dataTables_filter {
position: absolute;
top: 0px;
}
.new_unique_exporter .dataTables_wrapper .row .dataTables_length,.new_unique_exporter .dataTables_wrapper .row .dataTables_filter {
position: absolute;
top: 0px;
}
.new_unique_import .dataTables_wrapper .row .dataTables_filter, .new_unique_exporter .dataTables_wrapper .row .dataTables_filter {
  right: 28px;
}
.new_unique_import #importer-container, .new_unique_exporter #exporter-container,.new_unique_exporter #exporter-container-silkroute, .new_unique_import #importer-container-silkroute  {
  margin-top: 85px;
}
 
.new-imp-exp-header {
  position: relative;
  bottom: -50px;
  z-index: 9;
  width: 358px;
  /* text-align: center; */
  display: flex;
  margin: 0px auto;
}
.new-imp-exp-header button{
  margin: 0px auto;
}
/* .new-imp-exp-header:hover .contact-detail-msg {
  top: 0px;
  left: 260px;
 
} */
 
.ship-header-title .nav-pills .nav-item.pro_tab {
  position: relative;
  overflow: hidden;
}
.ship-header-title .nav-pills .nav-item.pro_tab .filter__tabs {
  /* background-color: #dcebfe7a;
  border-color: #1262FF;
  color: #1262FF; */
}
.ship-header-title .nav-pills .nav-item.pro_tab .filter__tabs:hover {
  /* background-color: #1262FF; */
  /* color: #1262FF !important; */
}
.ship-header-title .nav-pills .nav-item.pro_tab span {
  position: absolute;
  top: 3px;
  background: #1262FF;
  color: #fff;
  padding: 0px 13px;
  right: -11px;
  transform: rotate(45deg);
  font-size: 10px;
}
 
.chart-box.blur {
  filter: blur(3px);
  pointer-events: none;
  opacity: 0.6;
}
 
@media print {
    #print_pdf_data_analysis_section .col-md-4,
    #print_pdf_data_analysis_section .col-md-6,
    #print_pdf_data_analysis_section .col-md-8,
    #print_pdf_data_analysis_section .col-md-12 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
    }
 
    .chart-container, canvas {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
 
    .card-body {
        overflow: visible !important;
    }
 
    .modal-xl {
        max-width: 100% !important;
        width: 100% !important;
    }
}
 
/* end css */

/* Rating CSS */
.mood-box {
  cursor: pointer;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}
.mood-box i {
  font-size: 60px;
  border-radius: 50%;
  opacity: 0.5;
  color: #0176FF;
  transition: color 0.2s ease-in-out;
}
#RatingForm .mood-box small {
  font-size: 15px;
  display: block;
  margin-top: 10px;
}
.mood-box:hover,
.mood-icons input:checked + .mood-box,
.mood-box.selected {
  transform: scale(1.1);
  background-color: #fff;
  transition: 0.3s ease all;
}
.mood-icons label:nth-child(1):hover .mood-box i {
  color: #dc3545;
}
.mood-icons label:nth-child(2):hover .mood-box i {
  color: #fd7e14;
}
.mood-icons label:nth-child(3):hover .mood-box i {
  color: #65c77c;
  opacity: 0.7;
}
.mood-icons label:nth-child(4):hover .mood-box i {
  color: #20c997;
}
.mood-icons label:nth-child(5):hover .mood-box i {
  color: #28a745;
}
.mood-icons input:checked + .mood-box .fa-face-sad-tear {
  color: #dc3545;
  opacity: 1;
  transition: 0.3s ease all;
}
.mood-icons input:checked + .mood-box .fa-face-frown {
  color: #fd7e14;
  opacity: 1;
  transition: 0.3s ease all;
}
.mood-icons input:checked + .mood-box .fa-face-smile {
  color: #65c77c;
  opacity: 1;
  transition: 0.3s ease all;
}
.mood-icons input:checked + .mood-box .fa-face-laugh-beam {
  color: #20c997;
  opacity: 1;
  transition: 0.3s ease all;
}
.mood-icons input:checked + .mood-box .fa-face-grin-stars {
  color: #28a745;
  opacity: 1;
  transition: 0.3s ease all;
}
/* Rating CSS End */
 
/* Feature Notifications CSS Start */
.notification-icon {
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: #fff;
}
.notification-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: orange;
  border-radius: 50%;
  border: 1px solid white;
}
.notification-text {
  display: inline-block;
  margin-left: 8px;
  /*color: #fff; */
  font-size: 16px;
}
.menu-link.highlight {
  /* background-color: rgba(255, 255, 0, 0.2); */
  border-radius: 5px;
}
.menu-item.active .menu-link {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.1);
}
.notification-dot {
  position: absolute;
  top: 10px;
  left: 70%;
  transform: translate(-50%, -50%);
  padding: 2px;
  height: 5px;
  width: 5px;
  background-color: #ffc107;
  border: 1px solid #f8f9fa;
  border-radius: 50%;
  z-index: 2;
}
.notification-dot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  background-color: rgba(255, 193, 7, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  animation: wave 1.5s infinite ease-out;
  z-index: 1;
}
@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.userNotificationCard {
  min-height: 400px;
  height: 400px;
  overflow-y: scroll;
}
.userNotificationCard::-webkit-scrollbar {
  width: 5px;
}
.userNotificationCard::-webkit-scrollbar-track {
  background: transparent
}
.userNotificationCard::-webkit-scrollbar-thumb {
  background: silver;
  border-radius: 4px;
}
.userNotificationCard::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #fd7e14, #dc3545);
}
.feature-announcement{
  transform: rotate(-30deg);
}
/* Feature Notifications CSS End */

/* Shipment View and Global Contries */
.shipment-view-label {
  color: var(--bs-blue);
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 1rem;
}
.sh_details-header {
  background-color: #4550679c;
  color: #fff;
}
.sh_details-header h3 {
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 1rem;
  margin: 0px;
}
#select2-country-results {
  width: 750px;
  background-color: #fff;
  overflow-x: hidden;
  border: 1px solid #999;
}
#select2-country-results .select2-results__group.with-checkbox, #select2-country-results .select2-results__group{
  background-color: #e9ecee;
  margin: 10px 0px;
}
#select2-country-results .select2-results__options.select2-results__options--nested {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
#select2-country-results .select2-results__options.select2-results__options--nested li span img {
  margin: 0px 5px;
}
/* end  Shipment View and Global Contries */
/* Modal Padding */
.modal-body {
   padding: 1.5rem;
}
/* End Modal Padding */
/*user rating chart start */
.rating_chart{
  width: 700px; 
  /* height: 400px;  */
  margin: auto;
  margin-bottom: 50px;
}
/*user rating chart end */
/* User notification start */

.notificationBox{
  max-height: 400px;
  overflow-y: auto;
}
.notificationBox li{
  
}

.notificationBoxHeader{
  display: flex;
  justify-content: space-between;
  margin: 20px 15px;
}
.notif-title{
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid;
  margin-right: 3px;
}
.notif-count{
  background: var(--default-text-color);
  padding: 5px 8px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
}
.notification_text{
  /* min-width: auto; */
  /* background: red; */
}
.notif-clear{
  font-size: 12px;
  float: right;
}
.notification-text {
  cursor: pointer;
  font-size: 14px;
}
#dropdownMenu_notifications{
  min-width: 400px;
}
.notif-clear-btn{
  font-size: 12px;
  float: right;
  color: #000;
}
#notificationCanvas{
  padding: 20px;
  width: 500px !important;
}
.canvas-header-style{
  padding: 10px 20px;
  border-bottom: 2px solid #E0D3D1;
}
/* User notification end */
.tbl_linkedin_space{
  display:flex; 
  justify-content:space-between; 
  align-items:center;
  width:100%;
}
.tbl_linkedin_space .text-link {
  margin-right: 20px;
}

/* New UI Competitors Analysis */
.competitors-table table tbody tr td{
  color: #000;
}
.competitors-chart-modal .modal-header .competitors-graph-btn {
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
  font-size: 14px;
  font-weight: 400;
}
.competitors-chart-modal .modal-header .competitors-graph-btn:hover, .modal-header .competitors-graph-btn.active {
  border: 1px solid #1262FF;
  color: #fff;
  background-color: #1262FF;
}
.competitors-chart-modal .modal-body .chart-type-btn {
  border: 1px solid #455067d6;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.competitors-chart-modal .modal-body .chart-type-btn:hover , .competitors-chart-modal .modal-body .chart-type-btn.active {
  border: 1px solid #455067d6;
  color: #fff;
  background-color: #455067d6;
}
 
.competitors-matrics-table thead tr{
   background-color: #455067d6;
   color: #fff;
}
.competitors-matrics-table thead tr th{
  color: #fff !important;
}
.competitors-matrics-table tbody tr td{
  color: #000 !important;
}
.select2-container--default #select2-country-results .select2-results__option[aria-disabled=true]{
    text-decoration: line-through;
    color: #999999a3;
}
 
.info-weekly-icon:hover::after {
  content: attr(data-title);
  position: absolute;
  background-color: #576277;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  top: -6px;
  left: 114px;
  width: 250px;
  white-space: wrap;
  font-size: 0.75rem;
  z-index: 100;
  font-family: var(--body-font);
  font-weight: 400;
}
 
.new-pricing-sec .currency-btn {
  padding: 0.469rem 1.375rem;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #1262FF;
  background-color: #dcebfe;
  color: #1262FF;
}
 
.countries-insights-table {
  height: 474px;
  overflow-y: auto;
}
 
.country-insights-blur {
  filter: blur(3px);
}
#insights-table_filter {
  position: relative;
  left: -190px;
}
 
.new-trade-insight-details .cont-insights-card {
  border-top: 5px solid #455067d6;
  border-radius: 10px;
  position: relative;
}
 
.new-trade-insight-details .back-shape img {
  width: 130px;
}
.new-trade-insight-details .cont-insights-card .bxs-package {
  color: #8252e9;
  /* color: #97000D; */
}
.new-trade-insight-details .cont-insights-card .bx-world{
  color: #4ade80;
   /* color: #026289; */
}
.new-trade-insight-details .cont-insights-card .bxs-dollar-circle {
  color: #facd07;
  /* color: #FA9B07; */
}
.new-trade-insight-details .cont-insights-card .card-body p {
  font-weight: 400;
}
.new-trade-insight-details .cont-insights-card a {
  border: #dcebfe;
  /* padding: 5px 20px; */
  border-radius: 10px;
  /* background: #dcebfe; */
  /* text-align: center; */
  color: #1262FF !important;
  font-weight: 500;
  font-size: 1rem;
  font-family: var(--body-font);
}
 
.new-insights-details .unique_exporters thead, .new-insights-details .unique_exporters tbody{
  display: none;
}
.new-insights-details .dataTables_wrapper .row .dataTables_length, .new-insights-details .dataTables_wrapper .row .dataTables_filter {
  position: absolute;
  top: 0px;
}
.new-insights-details .dataTables_wrapper .row .dataTables_filter {
  right: 28px;
}
 
.insights-toggle {
  background-color: #dcebfe;
  color: #1262FF;
  border-radius: 20px;
  padding: 5px 10px 10px 48px;
  border: 1px solid #1262FF;
  font-weight: 500;
}
 
.flag-icon {
  margin: 0px 5px;
}
 
.highcharts-tooltip span {
  font-size: 13px !important;
  font-weight: 400;
  color: #333;  /* optional */
}
/* New UI Competitors Analysis and all */
.stats-dashboard-form .graphical-field-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 0px;
  gap: 14px;
  align-items: center;
  width: 100%;
}
/* diwali animated text */
.text-diwali-animation {
    font-family: var(--body-font);
    font-size: 1.5rem;
    font-weight: 500;
    background-image:
        linear-gradient(
            90deg,
            #FF6B6B,
            #BF40BF,  /* red */
            #FFD93D,  /* yellow */
            #FF9F1C
              /* orange */
        );
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: diwali-gradient 3s ease-in-out infinite;
    text-align: center;
}
 
/* Smooth gradient movement */
@keyframes diwali-gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
 
.diwali-hd {
  margin: 0px auto;
  display: flex;
  align-items: center;
  height: 90px;
}
.diwali-hd img {
  height: 90px;
}
 
.price-revised-text p{
    color: red;
    font-weight: 500;                
    /* background-color: #FFF4E5;
    padding: 8px 15px;
    border-radius: 5px;
    border-left: 5px solid #FFA500; */
    animation: blink 3s infinite;  
    text-align: center;
}
 
/* Blinking keyframes */
@keyframes blink {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;   /* hide text at 25% and 75% */
    }
}
/* diwali end */
.competitors-graph-btn.dpd-btn {
  color: var(--default-text-color) !important;
  background-color: transparent !important;
  border: 1px solid lightgray !important;
}
 
.pro-menu-sidebar .pro {
  position: absolute;
  right: -13px;
  color: #fff;
  background-color: #0176FF;
  border-radius: 10rem;
  font-size: 8px;
  opacity: 1 !important;
  line-height: 1;
 
}
 
 
.swal-gradient-bg {
  background: linear-gradient(to top, #fff, #dcebfe) !important;
  border-radius: 17px !important;
  font-family: var(--body-font) !important;
  /* color: #fff !important; */
}
.swal-gradient-bg .swal2-image {
  margin: 0px auto !important;
}
 
.pro-menu-sidebar  .collp-pro {
  position: absolute;
  /* top: -10px; */
  right: -14px;
  color: #fff;
  background-color: #0176FF;
  border-radius: 50%;
  opacity: 1 !important;
  /* line-height: 1; */
  height: 20px;
  width: 20px;
  padding: 4px;
}
.pro-menu-sidebar .collp-pro i {
  font-size: 11px;
}
 
.sidebar_ai_icon {
  padding: 10px;
  text-align: center;
}
.sidebar_ai_icon img {
  width: 60px;
  border-radius: 8px;
}
.shipment_grid_box {
  display: grid;
  grid-gap: .5rem;
  grid-template-columns: repeat(5, 1fr);
}
.shipment_header_box .box-even .card {
 background: linear-gradient(45deg, #868CFF 0%, #4318FF 100%);
 border: 1px solid #2163FE;
}
.shipment_header_box .box-even .card .avatar .avatar-initial{
  background: #fff;
  color: #2163FE !important;
}
.shipment_header_box .box-even .card .card-info .card-title {
  color: #fff !important;
}
.shipment_header_box .box-even .card .card-info small {
  color: #fff !important;
}
.new_stats_grp .card.graph-box {
  height: 100%;
}
.card-header.new_static_heading {
    display: flex;
    align-items: center;
    /* background-color: #D6E0EA; */
    padding: 0px;
}
.graph-box .new_static_heading img {
    width: 35px;
    border-radius: 5px;
    padding: 4px 4px;
    background: #2163FE;
    margin: 0px 8px;
}
.card-header.new_static_heading h3 {
  font-size: 1.2rem;
  color: var(--default-text-color);
  font-weight: 500;
  font-family: var(--body-font);
  margin: 0px;
}
 
.inner-footer .card {
  padding: 20px 32px;
}
.inner-footer .card h6 {
  color: var(--default-text-color);
  font-family: var(--body-font);
  font-weight: 400;
}
.small-counts {
  background-color: #1262ff;
  padding: 5px 5px;
  border-radius: 50%;
  font-size: 10px;
  vertical-align: top;
  color: #fff;
  position: absolute;
  top: -17px;
  right: -2px;
}
.unique-imp::before, .unique-exp::before {
  display: none;
}
.inner-footer img {
  width: 120px;
  vertical-align: baseline;
}
.company-per-form {
  z-index: 1;
}
.shipments-data-table #upper-table-div table thead tr th {
  cursor: move;
}
.cu-offer {
  font-size: 14px;
  border: none;
  background: rgb(22,9,240);
  background: linear-gradient(0deg, rgb(18 98 255) 0%, rgb(49 110 244 / 70%) 100%);
  color: #fff;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  /* -webkit-text-stroke: 1px black; */
  text-shadow:
      -1px -1px 0 #455067d6,
       1px -1px 0 #455067d6,
      -2px  1px 0 #455067d6,
       1px  1px 0 #455067d6;
}
.cu-offer:hover {
    text-decoration: none;
    color: #fff;
}
.cu-offer:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 5s ease-in-out infinite;
}
.cu-offer:hover{
  opacity: .7;
}
.cu-offer:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
 
/* current offer product image */
 
.image-gallery {
  /* margin: 0 auto; */
  display: table;
}
 
.primary,
.thumbnails {
  display: table-cell;
}
 
.thumbnails {
  width: 300px;
}
 
.primary {
  width: 600px;
  height: 400px;
  background-color: transparent;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #455067d6;
}
 
.thumbnail:hover .thumbnail-image,
.selected .thumbnail-image {
  border: 2px solid #1262FF;
}
 
.thumbnail-image {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.primary.zoom-active {
    background-size: 200% !important; /* zoom level */
    cursor: move;
}
.product-details p {
  padding: 5px 10px;
}
.offer-terms {
  border: 1px solid #d4d8dd;
  padding: 5px 10px;
}
.image-gallery .gift-ribbon {
  position: absolute;
  top: -44px;
  right: -70px;
  rotate: 36deg;
}
.image-gallery .gift-ribbon img {
  width: 160px;
}
.company-per-form select{
  width: 169px;
}
.company-per-form select .select2-selection {
  width: 169px;
}
.modal {
  font-family: var(--body-font);
}
.to-order-disclaimer {
  background-color: #dcebfe9e;
  color: #1262FF;
  border: 1px solid #dcebfe;
  border-radius: 10px;
  padding: 10px;
}
.to-order-disclaimer b {
  color: #000;
}
.to_order_link i {
  color: #5a8dee;
}
.to-order-table thead{
  background: linear-gradient(0deg, rgb(18 98 255) 0%, rgb(49 110 244 / 70%) 100%);
  color: #fff;
}
.to-order-table thead tr th {
  color: #fff !important;
}
.company-per-form .select2-container {
  width: 250px !important;
}