:root {
  --app-primary-rgb: 105, 108, 255;
  --app-success-rgb: 40, 199, 111;
  --app-danger-rgb: 255, 62, 29;
  --app-warning-rgb: 255, 171, 0;
}

a {
  color: #696cff;
}

a:hover {
  color: #5558d9;
}

.text-primary {
  color: #696cff !important;
}

.bg-primary {
  background-color: #696cff !important;
}

.border-primary {
  border-color: #696cff !important;
}

.btn-primary {
  color: #fff;
  background-color: #696cff;
  border-color: #696cff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: #5558d9;
  border-color: #5558d9;
}

.btn-outline-primary {
  color: #696cff;
  border-color: #696cff;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff;
  background-color: #696cff;
  border-color: #696cff;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #a7a9ff;
  box-shadow: 0 0 0 0.2rem rgba(var(--app-primary-rgb), 0.18);
}

.form-check-input:checked {
  background-color: #696cff;
  border-color: #696cff;
}

.page-link {
  color: #696cff;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #696cff;
  border-color: #696cff;
}

.flex-1 {
  flex: 1 1 auto !important;
}

.flex-center,
.flex-between-center {
  display: flex;
  align-items: center;
}

.flex-center {
  justify-content: center;
}

.flex-between-center {
  justify-content: space-between;
}

.min-vh-50 {
  min-height: 50vh !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.8125rem !important;
}

.fs-9 {
  font-size: 0.75rem !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.g-10,
.gx-10 {
  --bs-gutter-x: 6rem;
}

.g-10,
.gy-10 {
  --bs-gutter-y: 6rem;
}

.text-body-highlight,
.text-body-emphasis {
  color: #263446 !important;
}

.text-body-secondary {
  color: #667085 !important;
}

.text-body-tertiary {
  color: #98a2b3 !important;
}

.text-primary-emphasis {
  color: #4d50c7 !important;
}

.text-success-emphasis,
.text-success-dark {
  color: #198754 !important;
}

.text-danger-emphasis {
  color: #b42318 !important;
}

.text-warning-emphasis {
  color: #8a5a00 !important;
}

.text-facebook {
  color: #4267b2 !important;
}

.bg-body-secondary,
.bg-gray-100 {
  background-color: #f2f4f7 !important;
}

.bg-body-tertiary {
  background-color: #f8f9fc !important;
}

.bg-primary-subtle {
  background-color: rgba(var(--app-primary-rgb), 0.12) !important;
}

.border-black {
  border-color: #000 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-translucent {
  border-color: rgba(33, 37, 41, 0.12) !important;
}

.text-bg-light {
  color: #344054 !important;
  background-color: #f2f4f7 !important;
}

.text-bg-warning-subtle {
  color: #8a5a00 !important;
  background-color: rgba(var(--app-warning-rgb), 0.14) !important;
}

.alert-subtle-primary {
  color: #4d50c7;
  background-color: rgba(var(--app-primary-rgb), 0.12);
  border-color: rgba(var(--app-primary-rgb), 0.2);
}

.btn-subtle-primary,
.btn-subtle-success,
.btn-subtle-danger {
  border-color: transparent;
}

.btn-subtle-primary {
  color: #5d60df;
  background-color: rgba(var(--app-primary-rgb), 0.12);
}

.btn-subtle-success {
  color: #198754;
  background-color: rgba(var(--app-success-rgb), 0.13);
}

.btn-subtle-danger {
  color: #b42318;
  background-color: rgba(var(--app-danger-rgb), 0.11);
}

.btn-subtle-primary:hover,
.btn-subtle-primary:focus {
  color: #fff;
  background-color: #696cff;
}

.btn-subtle-success:hover,
.btn-subtle-success:focus {
  color: #fff;
  background-color: #28c76f;
}

.btn-subtle-danger:hover,
.btn-subtle-danger:focus {
  color: #fff;
  background-color: #ff3e1d;
}

.form-icon-container {
  position: relative;
}

.form-icon-input {
  padding-left: 2.5rem;
}

.form-icon {
  position: absolute;
  top: 50%;
  left: 0.9rem;
  z-index: 2;
  color: #98a2b3;
  transform: translateY(-50%);
  pointer-events: none;
}

.form-icon-label {
  padding-left: 2.5rem;
}

.divider-content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 0.75rem;
  color: #98a2b3;
  background-color: #fff;
  font-size: 0.8125rem;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.sticky-sidebar {
  position: sticky;
  z-index: 1;
}

.top-navbar-height {
  top: 1rem;
}

.scrollbar {
  overflow: auto;
  scrollbar-color: #d0d5dd transparent;
  scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #d0d5dd;
  border-radius: 999px;
}

@media (min-width: 768px) {
  .fs-md-7 {
    font-size: 0.875rem !important;
  }

  .fs-md-8 {
    font-size: 0.8125rem !important;
  }
}

@media (min-width: 1200px) {
  .fs-xl-6 {
    font-size: 1rem !important;
  }

  .fs-xl-7 {
    font-size: 0.875rem !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }
}

@media (min-width: 1400px) {
  .fs-xxl-5 {
    font-size: 1.25rem !important;
  }
}