:root {
  --bb-header-color: #e0e0e0;
  --bb-header-bg: #702cf8;
}

.layout {
  --bb-layout-header-background: var(--bb-header-bg);
  --bb-layout-sidebar-banner-background: var(--bb-header-bg);
  --bb-layout-header-color: var(--bb-header-color);
  --bb-layout-title-color: var(--bb-header-color);
  --bb-layout-sidebar-width: 180px;
}

.layout-header {
  border-bottom: 1px solid var(--bs-border-color);
}

.layout-header .widget {
  margin-right: 2rem;
}

.layout-banner {
  border-bottom: 1px solid var(--bs-border-color);
}

.layout-banner .layout-logo {
  border: 0px solid var(--bb-header-color);
}

.layout-side {
  border-right: 1px solid var(--bs-border-color);
}

.layout-footer {
  border-top: 1px solid var(--bs-border-color);
}

.dropdown-logout {
  --bb-logout-text-color: var(--bb-header-color);
}

.logout-avatar {
  border-radius: 50%;
}

.dropdown-user img {
  border-radius: 50%;
}

.layout-drawer {
  padding: 6px;
  cursor: pointer;
}

.widget {
  --bb-widget-toggle-color: var(--bb-header-color);
}

.widget .dropdown-menu {
  --bs-dropdown-min-width: 16rem;
}

.widget .dropdown-body h3 {
  color: #666666;
  font-size: 14px;
  margin-bottom: 10px;
}

.widget .dropdown-body h4 {
  color: #444444;
  font-size: 15px;
  margin: 0;
}

.widget .dropdown-body small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.widget .dropdown-item {
  padding: 0.5rem 1rem;
  min-width: 100px;
}

.widget .dropdown-item > div:not(.progress):last-child {
  width: calc(100% - 40px);
}

.widget .dropdown-item.active,
.widget .dropdown-item:active {
  color: inherit;
}

.widget .dropdown-item:not(:nth-of-type(odd)):active {
  background-color: inherit;
}

.widget .progress {
  height: 7px;
}

.table-cell {
  height: 100%;
  width: 100%;
}

.table-cell img {
  width: 46px;
  border-radius: var(--bs-border-radius);
}

.table-cell .progress {
  height: 6px;
  margin-top: .5rem;
}

.user-demo-address {
  margin-top: .25rem;
  font-size: 86%;
  color: #c0c4cc;
}

.table-demo {
  height: calc(100% - 56px);
}

.table-users-demo {
  height: calc(100vh - 162px);
}

.table-users {
  height: calc(100% - 93px);
}

.cell-label {
  line-height: 35px;
}

.menu {
  --bb-menu-active-color: #702cf8;
  --bb-menu-bar-bg: #702cf8;
  --bb-menu-item-hover-bg: #702cf8;
  --bb-menu-item-hover-color: #fff;
}

.btn-card {
  padding: 0.4rem 0.2rem !important;
}

.grid-table .table > tbody {
  vertical-align: middle !important;
}

.grid-table .table thead th  {
  text-align: center !important;
  vertical-align: middle !important;
}

.modal-header, .card-header {
  background-color: #702cf8;
}

.dropdown-menu {
  overflow: visible !important;
}

.container {
  --bs-gutter-x: 0rem !important;
}

.blockquote-footer, .quote-normal {
  color: #c0c4cc !important;
}

.quote-success::before, .quote-warning::before {
  content: "— "
}

.quote-warning, .quote-success, .quote-normal {
  --bs-text-opacity: 1;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
}

.quote-warning {
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.quote-success {
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.ts-control, .ts-control input, .ts-dropdown {
  color: var(--bs-body-color) !important;
}

.ts-wrapper.multi .ts-control > div {
  background: #495057 !important;
  color: var(--bs-body-color) !important;
}

.modal-footer {
  justify-content: flex-start !important;
}

.payinfo-dlg .modal-footer {
  justify-content: space-around !important;
}

.mask-asdp {
  background-image: url(./images/bg-asdp.svg);
  background-repeat: no-repeat;
  position: absolute;
  /* background-size: cover; */
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.card-asdp {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 0;
  --bs-card-border-color: rgba(0, 0, 0, 0.125);
  --bs-card-border-radius: 0.75rem;
  --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --bs-card-inner-border-radius: 0.75rem;
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: #fbfcfe;
  --bs-card-cap-color:;
  --bs-card-height:;
  --bs-card-color:;
  --bs-card-bg: #fbfcfe;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  /* min-width: 0; */
  width: var(--max-width-6, 552px);
  /* min-width: var(--max-width-6, 552px); */
  /* max-width: var(--max-width-7, 648px); */
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}