@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
.accouttype {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
}

.table {
  border-radius: 0.2rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  font-size: 14px;
  width: 100%;
  border-top: none !important;
}

.table tbody {
  box-shadow: none;
}

.table td {
  padding: 16px;
  vertical-align: middle;
}

.table th {
  border: 0;
  border-style: none;
  font-size: 18px;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 25px;
}

.table tbody tr:hover * {
  --bs-table-accent-bg: transparent;
}

.table:not(:first-child) {
  border-top: none !important;
}

.table * {
  border-top: none !important;
}

.table th:first-child,
.table td:first-child {
  position: sticky;
  left: 0;
  background-color: #ffffff;
}

.fa-check {
  color: #179149;
}

.fa-times {
  color: #cd0a10;
}

.titleLeftAcc {
  border: 0;
  font-weight: 700;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  white-space: normal;
  overflow: hidden;
}

.card-header {
  background: #F4F4F4;
  display: block;
  font-weight: 700;
  margin-bottom: 30px;
}

.card-width {
  padding: 1rem 1rem;
}

/*** Horizontal Scrollbar - custom style ***/
.wrapper {
  display: flex;
  overflow: auto;
  cursor: grab;
}

.wrapper::-webkit-scrollbar {
  height: 4px;
}

.wrapper::-webkit-scrollbar-thumb:horizontal {
  background-color: #888888;
}

.wrapper::-webkit-scrollbar-track:horizontal {
  background: #F1F1F1;
}

@media (max-width: 767.98px) {
  .titleLeftAcc {
    width: initial;
    min-width: initial;
    max-width: initial;
    white-space: normal;
    position: unset;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
  }
  .table td:first-child {
    position: unset;
    text-align: left;
  }
  .section:first-of-type {
    text-align: left;
  }
  .accountype {
    width: 180px;
    max-width: 180px;
    min-width: 180px;
  }
}

@media (max-width: 575.98px) {
  .titleLeftAcc {
    width: initial;
    min-width: initial;
    max-width: initial;
    white-space: normal;
    position: unset;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
  }
  .table th:first-child,
  .table td:first-child {
    background-color: transparent;
    box-shadow: none;
  }
  .table td {
    text-align: left;
    padding: 10px;
  }
  .table th {
    padding-bottom: 25px;
  }
  .accountype {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
  }
}