.logo img {
  max-height: 36px;
  margin-right: 0;
}

.register .logo img {
  max-height: 46px;
}

.card-body-no-title {
  padding: 20px;
}

.sites-container-scrollable {
  max-height: 200px;
  overflow-y: auto;
}

.message-recipients-container-scrollable {
  max-height: 200px;
  overflow-y: auto;
}

.permissions-container-scrollable {
  max-height: 200px;
  overflow-y: auto;
}

.delete-payment-range-button, .add-payment-range-button {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.positions-page .positions-table-container {
  overflow-x: auto;
}

.positions-page .positions-table-container table.positions-table .keyword-chart-row {
  transition: height 0s ease;
}

.positions-page .positions-table-container table.positions-table thead {
  position: sticky;
  z-index: 2;
  top: 0;
}

.positions-page .positions-table-container table.positions-table .checkbox-col {
  width: 29px;
}

.positions-page .positions-table-container table.positions-table td.sticky, .positions-page .positions-table-container table.positions-table th.sticky {
  z-index: 1;
  position: sticky;
  left: 0;
}

.positions-page .positions-table-container table.positions-table td.sticky:nth-child(2), .positions-page .positions-table-container table.positions-table th.sticky:nth-child(2) {
  z-index: 1;
  position: sticky;
  left: 29px;
}

.positions-page .positions-table-container table.positions-table.wide-positions-table .date-range-element {
  font-size: 14px;
  padding: .25rem .25rem;
}

.positions-page .positions-table-container table.positions-table .date-range-element {
  text-align: center;
}

.positions-page .positions-table-container table.positions-table .date-range-element-today {
  text-decoration: underline;
}

.positions-page .positions-table-container table.positions-table .date-range-month {
  text-align: center;
  font-size: 14px;
  padding: 0;
  border-bottom: 0;
  border-right: 1px solid #dee2e6;
}


.positions-page .positions-table-container table.positions-table .month-change-container .date-range-month:last-child {
  border-right: none;
}

.positions-page .positions-table-container table.positions-table .keyword-category {
}

.positions-page .positions-table-container table.positions-table .keyword-checkbox-td {
  text-align: center;
  align-content: center;
}

.positions-page .positions-table-container table.positions-table .keyword-position {
  text-align: center;
  align-content: center;
}

.positions-page .positions-table-container table.positions-table .keyword-position-copied span {
  color: #808080;
}

.positions-page .positions-table-container table.positions-table .keyword-position-copied a {
  color: #808080 !important;
}

.positions-page .positions-table-container table.positions-table .keyword-position span {
  cursor: pointer;
}

.positions-page .positions-table-container table.positions-table .keyword-position a {
  cursor: pointer;
}

.positions-page .positions-table-container table.positions-table .keyword-position input {
  padding-left: 1px;
  padding-right: 1px;
  text-align: center;
}

.positions-page .positions-table-container table.positions-table .keyword-position .maps-position {
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  rotate: 45deg;
  float: right;
  margin: -7px -7px 0 0;
}

.positions-page .positions-table-container table.positions-table .keyword-name small {
  display: block;
  margin-top: -8px;
}

.positions-page .positions-table-container table.positions-table .keyword-name-with-buttons small {
  margin-top: -4px;
}

.positions-page .positions-table-container table.positions-table .keyword-name small a {
  color: #2b2f32;
  font-size: 11px;
}

@media (min-width: 576px) {
  .positions-page .positions-table-container table.positions-table .keyword-name small a {
    white-space: nowrap;
  }
}

@media (min-width: 576px) {
  .positions-page .positions-table-container table.positions-table .keyword-name {
    min-width: 200px;
  }
}

@media (max-width: 576px) {
  .positions-page .positions-table-container table.positions-table .keyword-name {
    max-width: 100px;
  }
}

.positions-page .positions-table-container table.positions-table .positions-category-toggle {
  cursor: pointer;
}

.positions-page .positions-table-container table.positions-table .hide-keywords .keyword-row {
  display: none;
}

.positions-page .info-card {
  padding-bottom: 10px;
}

.dashboard .card-icon, .positions-page .card-icon {
  font-size: 24px;
  line-height: 0;
  width: 45px;
  height: 45px;
  flex-shrink: 0;
  flex-grow: 0;
}

.dashboard .info-card h5, .positions-page .info-card h5 {
  font-size: 16px;
}

.positions-page .info-card h6 {
  font-size: 28px;
  color: #012970;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.btn-xxs {
  padding: .15rem .2rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.btn-opacity:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
.btn-opacity {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.alert {
  word-wrap: break-word;     /* For legacy support */
  overflow-wrap: break-word; /* Modern, recommended */
}

tr.row-category-transition td {
  border-top:5px solid #6c757d;
}

.dashboard .check-progress .card-title {
  padding-right: 50px;
}

.card .filter {
  position: absolute;
  right: 0px;
  top: 15px;
}

.card .filter .icon {
  color: #aab7cf;
  padding-right: 20px;
  padding-bottom: 5px;
  transition: 0.3s;
  font-size: 16px;
}

.card .filter .icon:hover,
.card .filter .icon:focus {
  color: #4154f1;
}

.card .filter .dropdown-header {
  padding: 8px 15px;
}

.card .filter .dropdown-header h6 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #aab7cf;
  margin-bottom: 0;
  padding: 0;
}

.card .filter .dropdown-item {
  padding: 8px 15px;
  cursor: pointer;
}

.card .filter-with-button {
  position: absolute;
  right: 20px;
  top: 15px;
}

.card .filter-with-button .form-check .form-check-input {
  margin-left: 0;
}

.card .filter-with-button .form-check-label {
  margin-left: 5px;
  margin-right: 10px;
  cursor: pointer;
  width: 100%;
}

.table-striped-row td {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

@media (min-width: 1200px) {
  .toggle-sidebar-auto #main, .toggle-sidebar-auto #footer {
    margin-left: 0;
  }

  .toggle-sidebar-auto .sidebar {
    left: -300px;
  }
}

#myCollapseChart {
  transition: height 1s ease;
}

.card-table__mobile-title {
  font-weight: 600;
}

@container cardTableContainer (min-width:992px) {
  .card-table__mobile-title {
    display: none;
  }
}

@container cardTableContainer (max-width:991px) {
  .card-table {
    counter-reset: rowNumber;
    display: block;
    border: none;

    tr.row-category-transition td {
      border-top: none;
    }

    td,
    tr {
      display: block;
      border: none;
    }

    tr {
    }

    thead {
      display: none;
    }

    tbody {
      display: flex;
      width: 100%;
      overflow-x: scroll;
      gap: 20px;
      scroll-snap-type: x proximity;
      padding: 15px;
      scroll-padding: 15px;
      padding-bottom: 20px;
    }

    tr {
      width: 250px;
      flex-shrink: 0;
      border: 1px solid gray;
      scroll-snap-align: start;
      border-radius: 5px;
    }

    .stat-table-key {
      float: left;
      display: inline;
      font-weight: normal;
      margin-top: 10px;
    }

    .stat-table-value {
      float: right;
      display: inline;
      margin-top: 10px;
    }

    .stat-table-entry {
      clear: both;
      display: block;
      padding: 3px 0;
      border-bottom: 1px solid #dee2e6;
    }

    .stat-table-site-entry {
      min-height: 72px;
    }

    .stat-table-site-entry .card-table__mobile-title span::before {
      counter-increment: rowNumber;
      content: counter(rowNumber) ".";
      padding-right: 0.3em;
      text-align: right;
    }
  }
}

.card-table-container {
  container-type: inline-size;
  container-name: cardTableContainer;

  @media screen and (max-width: 991px) {
    padding: 0;
  }
}

.positions-public-page #main, .positions-public-page #footer {
  margin-top: 0;
  margin-left: 0;
}

.table .col-fit {
  width: 1%;
  white-space: nowrap;
}

.siteActionList .siteAction-completed .site-action-not-completed-button {
  display: none;
}

.siteActionList .siteAction-completed .siteAction-description {
  text-decoration: line-through;
}

.siteActionList .siteAction-not-completed .site-action-completed-button {
  display: none;
}

.siteActionList .siteAction-template {
  display: none;
}


.header-nav .languages {
  inset: 8px -15px auto auto !important;
  padding-bottom: 0;
}

.languages .language-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: normal;
}

/* Theme toggle: header nav (icon-only, matches .nav-link.nav-icon) */
.header-nav .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}

.header-nav .nav-item button:hover, .header-nav .nav-item a:hover {
  color: var(--bs-link-color);
}

.header, .sidebar {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] {
  body {
    background-color: #2b3035;
    color: var(--bs-body-color);
  }

  .header-nav .nav-icon, .header-nav .nav-profile {
    color: inherit;
  }

  .dropdown-menu .dropdown-item:hover {
    background-color: #343a40;
  }

  @media (min-width: 768px) {
    .dropdown-menu-arrow::before {
      background: inherit;
      border-top: 1px solid var(--bs-dropdown-bg);
      border-left: 1px solid var(--bs-dropdown-bg);
    }
  }

  .header .toggle-sidebar-btn {
    color: inherit;
  }

  .pagetitle h1 {
     color: var(--bs-body-color);
   }

  .sidebar-nav .nav-link {
    color: #dee2e6;
    background-color: #2b3035;
  }

  .sidebar-nav .nav-link.collapsed {
    color: #dee2e6;
    background-color: unset;
  }

  .sidebar-nav .nav-content a {
    color: inherit;
  }

  a, .sidebar-nav .nav-content a.active {
    color: #8bb9fe;
  }

  .card-title, .info-card h6 {
    color: inherit;
  }

  a.btn {
    color: inherit;
  }

  .dropdown-menu .dropdown-item {
    color: inherit;
  }

  .footer .copyright {
    color: inherit;
  }

  .positions-page .positions-table-container .positions-table {
    .keyword-category td {
      background-color: #343a40;
      color: #dee2e6;
    }

    .keyword-name small a {
      color: #6c757d;
    }

    .table-danger {
      --bs-table-bg: #9e4951;
      --bs-table-striped-bg: color-mix(in srgb, #9e4951 90%, black);
      color: white;
      border-color: inherit;
    }

    .table-success {
      --bs-table-bg: #226847;
      --bs-table-striped-bg: color-mix(in srgb, #226847 90%, black);
      color: white;
      border-color: inherit;
    }
  }

  .daterangepicker {
    background-color: #212529;

    .ranges li:hover:not(.active) {
      color: #dee2e6;
      background-color: #2b3035;
    }
  }

  .positions-page .table-secondary td {
    background-color: #343a40;
    color: #dee2e6;

  }


  .datatable-pagination a:hover,
  .datatable-pagination button:hover,
  .datatable-pagination .datatable-active a,
  .datatable-pagination .datatable-active a:focus,
  .datatable-pagination .datatable-active a:hover,
  .datatable-pagination .datatable-active button,
  .datatable-pagination .datatable-active button:focus,
  .datatable-pagination .datatable-active button:hover {
    color: #dee2e6;
    background-color: #2b3035;
  }

  .theme-toggle.btn-light, .language-toggle.btn-light {
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-color: #fff;

    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;

    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    color: inherit;
  }
}