:root {
  --theme-default: #6539c3;
  --theme-secondary: #5fdff3;
  --rewash-purple: #6539c3;
  --rewash-purple-dark: #4f2aa2;
  --rewash-aqua: #5fdff3;
  --rewash-aqua-soft: #e8fbfe;
  --rewash-ink: #081f22;
}

a,
.txt-primary,
.text-primary {
  color: var(--rewash-purple) !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background: linear-gradient(92deg, var(--rewash-purple) 0%, var(--rewash-purple-dark) 58%, #49cfe7 140%) !important;
  border-color: var(--rewash-purple) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background: linear-gradient(92deg, var(--rewash-purple-dark) 0%, var(--rewash-purple) 64%, var(--rewash-aqua) 145%) !important;
  border-color: var(--rewash-purple-dark) !important;
  box-shadow: 0 0 0 0.2rem rgba(101, 57, 195, 0.18) !important;
}

.form-control,
.form-select {
  border-color: rgba(101, 57, 195, 0.18);
}

.form-control:focus,
.form-select:focus,
.input-group-wrapper .input-group .form-control:focus,
.input-radius .form-control:focus {
  border-color: var(--rewash-purple) !important;
  box-shadow: 0 0 0 0.2rem rgba(95, 223, 243, 0.28) !important;
}

.dataTables_wrapper .datatable-toolbar {
  align-items: center !important;
  margin-bottom: 18px !important;
}

.dataTables_wrapper .datatable-toolbar > [class*="col-"] {
  position: static !important;
}

.dataTables_wrapper .dt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.dataTables_wrapper .dataTables_filter {
  float: none !important;
  margin: 0 !important;
  text-align: right !important;
}

.dataTables_wrapper .dataTables_filter label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_filter input[type=search] {
  width: 240px;
  max-width: 100%;
  height: 38px;
  margin-left: 0 !important;
  border-radius: 4px;
}

@media (max-width: 767.98px) {
  .dataTables_wrapper .datatable-toolbar {
    gap: 12px;
  }

  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_filter label {
    width: 100%;
  }

  .dataTables_wrapper .dataTables_filter {
    text-align: left !important;
  }

  .dataTables_wrapper .dataTables_filter input[type=search] {
    flex: 1 1 auto;
    min-width: 0;
  }
}

.login-card {
  background:
    radial-gradient(circle at 50% 8%, rgba(95, 223, 243, 0.16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 46%, #f8fbfc 100%) !important;
}

.login-card .logo img {
  width: 176px !important;
  max-width: 42vw;
}

.login-card .login-main {
  border: 1px solid rgba(101, 57, 195, 0.08);
  box-shadow: 0 24px 70px rgba(101, 57, 195, 0.12);
}

.login-card .login-main .theme-form h4 {
  color: var(--rewash-ink);
}

.login-card .login-main .theme-form p {
  color: #6d7378;
}

.login-card .login-main .theme-form input {
  background-color: var(--rewash-aqua-soft);
  border-color: rgba(95, 223, 243, 0.35);
}

.login-card .login-main .theme-form input:hover,
.login-card .login-main .theme-form input:focus {
  border-color: var(--rewash-purple) !important;
  box-shadow: 0 0 0 0.2rem rgba(95, 223, 243, 0.24) !important;
}

.login-card .login-main .theme-form .text-danger,
.invalid-feedback,
.invalid-tooltip {
  color: #f06449 !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a:hover {
  color: var(--rewash-purple) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover svg {
  stroke: var(--rewash-purple) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background:
    radial-gradient(circle at 18% 9%, rgba(95, 223, 243, 0.28), transparent 24%),
    linear-gradient(180deg, #167fbd 0%, #1cabe0 42%, #18a2d6 100%) !important;
  border-right: 1px solid rgba(223, 252, 255, 0.32) !important;
  box-shadow: 8px 0 28px rgba(8, 31, 34, 0.06) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  background: linear-gradient(135deg, #0873af 0%, #1688c4 52%, #1cabe0 100%) !important;
  border-bottom: 1px solid rgba(223, 252, 255, 0.34) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
  height: 90px !important;
  min-height: 90px !important;
  padding: 14px 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .menu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper img {
  width: 64px !important;
  height: 64px !important;
  max-height: 64px !important;
  max-width: none !important;
  display: block !important;
  object-fit: contain !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper img.sidebar-brand-logo {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  transform: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-main-title h6,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .pin-title h6 {
  color: rgba(244, 253, 255, 0.72) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a {
  color: #f4fdff !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(95, 223, 243, 0.34)) !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #5fdff3, 0 12px 24px rgba(8, 70, 105, 0.14) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu a {
  color: rgba(244, 253, 255, 0.84) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu a:hover,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu a.active {
  color: #ffffff !important;
  background: rgba(101, 57, 195, 0.28) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .according-menu i {
  color: #ffffff !important;
}

@media (max-width: 575.98px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    width: min(285px, 100vw) !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: auto !important;
    overflow-x: hidden !important;
  }

  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
  body.rtl .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    left: auto !important;
    right: 0 !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(calc(-100% - 1px)) !important;
  }

  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon,
  body.rtl .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(calc(100% + 1px)) !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    height: 82px !important;
    min-height: 82px !important;
    padding: 12px 18px !important;
    gap: 12px !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .menu-link {
    justify-content: center !important;
    min-width: 0 !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper img,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper img.sidebar-brand-logo {
    width: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 82px) !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
    max-width: calc(100vw - 32px) !important;
  }
}

.badge-primary,
.bg-primary,
.product-sub.bg-primary-light,
.total-project .bubbles .bubble {
  background-color: var(--rewash-purple) !important;
}

.bg-primary-light,
.light-primary {
  background-color: rgba(95, 223, 243, 0.16) !important;
  color: var(--rewash-purple) !important;
}

.loader-wrapper .loader4 {
  border-color: var(--rewash-aqua);
  border-top-color: var(--rewash-purple);
}

.boost-up-card {
  background:
    radial-gradient(circle at 88% 18%, rgba(95, 223, 243, 0.48), transparent 23%),
    linear-gradient(100deg, #0873af 0%, #18a2d6 48%, #5fdff3 125%) !important;
  border: 0 !important;
  box-shadow: 0 18px 45px rgba(31, 158, 216, 0.18) !important;
}

.boost-up-card .img-boostup {
  opacity: 0.72;
}