@charset "UTF-8";
:root {
  --bs-dark: #1a1b2d;
  --bs-primary: #04abff;
  --bs-light: #717d96;
}

@media screen and (max-width: 576px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 576px) {
  html {
    font-size: 16px; /* small screens */
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 18px; /* large screens */
  }
}
/* body {
      background-color: #1e1e1e;
      margin: 0;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    } */
.sidebar {
  background: linear-gradient(180deg, #007eeb 0.22%, #008ffa 55.88%, #00c0ff 99.69%);
  width: 62px;
  padding: 5px;
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: 15px;
  transition: width 0.3s ease-in-out;
  z-index: 1050;
  font-family: "poppins-regular";
}
.sidebar ::-webkit-scrollbar {
  width: 0px;
  display: none;
}

.hover-logo {
  display: none;
}

.logo {
  display: inline-block;
}

.sidebar .mediDiscount-logo {
  margin: 12px 0px 15px 0px;
  justify-content: center;
}

.plus-icon {
  display: none;
}

.sidebar:hover {
  width: 276px;
}
.sidebar:hover .hover-logo {
  display: inline-block;
}
.sidebar:hover .logo {
  display: none;
}
.sidebar:hover .mediDiscount-logo {
  justify-content: flex-start;
  padding-left: 10px;
}
.sidebar:hover .plus-icon {
  display: inline-block;
}

.nav-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  color: white;
  border-radius: 10px;
  margin: 5px 0;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

.nav-item:hover {
  background: rgba(2, 72, 107, 0.2509803922);
}

.icon-btn.active .nav-item {
  background: rgba(2, 72, 107, 0.2509803922);
}

.nav-item i {
  font-size: 18px;
  width: 25px;
  text-align: center;
}

.nav-item span {
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s;
  font-weight: 500;
}

.sidebar:hover .nav-item span {
  opacity: 1;
}

.sidebar .sidebar-icon {
  width: 18px;
  height: 18px;
  opacity: 1;
  display: inline-block;
  fill: #ffffff; /* keep icons visible on gradient */
  flex-shrink: 0;
}

.sidebar-content {
  padding: 5px;
  overflow-y: scroll;
}
.sidebar-content a {
  text-decoration: none;
  opacity: 0.8;
  font-size: 1rem;
}
.sidebar-content a:hover, .sidebar-content a.active {
  opacity: 1;
}

.submenu {
  display: none;
  margin-bottom: 0;
}

.submenu-item {
  color: #fff;
  font-size: 14px;
  padding: 6px 0px 6px 12px;
  text-decoration: none;
  display: block;
  opacity: 0.85;
  transition: opacity 0.3s ease;
}

.submenu-item:hover {
  opacity: 1;
  background: rgba(2, 72, 107, 0.2);
  border-radius: 8px;
}

.submenu-item::before {
  content: "•";
  color: #fff;
  margin-right: 10px;
  font-size: 14px;
}

@font-face {
  font-family: poppins-regular;
  src: url("../Fonts/Poppins-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: poppins-medium;
  src: url("../Fonts/Poppins-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: poppins-semibold;
  src: url("../Fonts/Poppins-SemiBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: poppins-bold;
  src: url("../Fonts/Poppins-Bold.ttf");
  font-display: swap;
}
.success-bagde {
  background-color: #eaf6ec;
  color: #28a745;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 500;
  align-items: center;
  display: flex;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "poppins-medium";
}

.warning-bagde {
  background-color: #fff9e6;
  color: #e8b006;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 500;
  align-items: center;
  display: flex;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "poppins-medium";
}

.danger-bagde {
  background-color: #FCEBEC;
  color: #DC3545;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 500;
  align-items: center;
  display: flex;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "poppins-medium";
}

button {
  font-family: "poppins-regular" !important;
}

.ghost-grey-btn {
  border-radius: 10px;
  font-size: 1rem;
  padding: 14px 18px;
  border: none;
  --bs-btn-color: #666672;
  --bs-btn-bg: #EDF0F7;
  --bs-btn-hover-bg: #E2E7F0;
  --bs-btn-hover-border-color: none;
  --bs-btn-active-bg: #E2E7F0;
  --bs-btn-active-border-color: none;
  --bs-btn-disabled-color: grey;
  --bs-btn-disabled-bg: rgba(251, 238, 236, 1);
  --bs-btn-disabled-border-color: rgba(244, 204,  196,  0.7);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #049ce8;
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #049ce8;
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  border-radius: 10px;
  font-weight: 500;
  font-size: 1rem;
  padding: 14px 18px;
  border: none;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #E6F7FF;
  --bs-btn-border-color: none;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #36BCFF;
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #049CE8;
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  border-radius: 10px;
  font-weight: 500;
  font-size: 1rem;
  padding: 14px 18px;
  border: none;
}

.btn-toggle {
  border: 1px solid #e6e8eb;
  background-color: 1px solid #e6e8eb;
  color: #555;
  padding: 8px 20px;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-toggle.active {
  background-color: #fbeeec;
  border: 1px solid #ffe0d4;
  color: #db5942;
}

.btn-toggle input[type=radio] {
  display: none;
}

.radio-icon {
  width: 18px;
  height: 18px;
  border: 2px solid #596279;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.btn-toggle.active .radio-icon {
  border: 5px solid #db5942;
}

.btn-toggle.active .radio-icon::after {
  display: none;
}

.modal .modal-content {
  border-radius: 10px;
  border: none;
}
.modal .modal-title {
  font-family: "poppins-medium";
  font-size: 1.125rem;
  color: #2d3648;
}
.modal button {
  padding: 10px 14px !important;
}
.modal .modal-footer {
  border-top: none;
}
.modal .form-control[type=number]::-webkit-inner-spin-button,
.modal .form-control[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.modal .form-control[type=number] {
  -moz-appearance: textfield;
}

#add-new-customer {
  background-color: #fff;
  border-radius: 1.25rem;
  width: 50%;
}

.btn-close:focus {
  box-shadow: none;
}

#add-new-customer > div:first-child {
  padding: 0.93rem 1.25rem;
  border-bottom: 1px solid rgb(203, 210, 224);
  gap: 0.625rem;
}

#add-new-customer > div:nth-child(2) {
  padding: 1.25rem;
}

#add-new-customer > div:nth-child(3) {
  padding: 1rem 1.25rem;
  padding-top: 0;
}

#add-new-customer > div:nth-child(3) .btn-primary {
  font-weight: 400;
  padding: 0.563rem 1rem;
}

.form-label {
  margin-bottom: 0.375rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  font-family: "poppins-regular";
}

.form-control {
  padding: 14px 16px 14px 16px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  color: #717d96;
  background-color: #f7f9fc;
  border: none;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  box-shadow: none;
  cursor: pointer;
  resize: none;
  font-family: "poppins-regular" !important;
}

.select-type .form-control {
  padding: 14px 34px 14px 16px !important;
}

.form-control::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  color: #8d93a3;
}

.form-control::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  color: #8d93a3;
}

.form-control:hover {
  border: none;
  background-color: #edf0f7;
}

.form-control:focus {
  box-shadow: none;
  border: none;
  background-color: #edf0f7;
}

.form-select {
  padding: 11px 16px 11px 16px;
  background-color: #f7f9fc;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 400;
  font-size: 1rem;
  color: #717d96;
  transition: all 0.1s ease-in-out;
}

.form-select:hover {
  background-color: #edf0f7;
  color: #cbd2e0;
}

.form-select:focus {
  box-shadow: none;
  background-color: #edf0f7;
  color: var(--bs-dark);
}

.form-input {
  border-radius: 100px;
  border: 1px solid #cbd2e0;
  padding: 11px 16px 11px 16px;
}
.form-input:hover, .form-input:focus, .form-input:active {
  border: 1px solid #ffe0d4;
}

.form-input::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  color: #8d93a3;
}

.form-input::placeholder {
  font-weight: 400;
  font-size: 1rem;
  color: #8d93a3;
}

textarea.form-control {
  resize: none;
  color: #717d96 !important;
  font-size: 0.875rem !important;
  border-radius: 6px !important;
}

.delete-customer .heading {
  color: #071437;
  font-size: 1.25rem;
  font-weight: 600;
}
.delete-customer .para {
  color: #596279;
  font-size: 1rem;
}

.notification-modal .info-box {
  background-color: #e6f7ff;
  border: 2px dashed #8cd8ff;
  border-radius: 8px;
  padding: 1rem;
}
.notification-modal .info-box p {
  font-size: 0.875rem;
  color: #2d3648;
  margin-bottom: 0.5rem;
}
.notification-modal .info-box ul {
  padding-left: 1.25rem;
  margin-bottom: 0;
}
.notification-modal .info-box ul li {
  font-size: 0.875rem;
  color: #2d3648;
}
.notification-modal .info-box ul li::marker {
  color: #04abff;
}
.notification-modal .info-box ul li span {
  color: #04abff;
}

.toggle-container {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.toggle-container .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.toggle-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #717d96;
  transition: 0.3s;
  border-radius: 22px;
}
.toggle-container .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.toggle-container input:checked + .slider {
  background: linear-gradient(135deg, #8cd8ff 0%, #04abff 100%);
}
.toggle-container input:checked + .slider:before {
  transform: translateX(15px);
}
.toggle-container .status-text {
  font-weight: 500;
  color: #2d3648;
  width: 80px;
  text-align: right;
}
.toggle-container:has(input:checked) .status-text {
  color: #04abff;
}

.custom-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  color: #1a1b2d;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out;
}
.custom-check input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #717d96;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
.custom-check:hover span {
  color: #04abff;
  transition: all 0.2s ease-in-out;
}
.custom-check input:checked {
  background: #04abff;
  border-color: #04abff;
}
.custom-check input:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-check input:checked + span {
  color: #007bff;
}

.auth-container {
  background-color: #f3fbff;
}

.auth-component {
  background-color: white;
  box-shadow: 2px 4px 15px 0px rgba(194, 208, 220, 0.2509803922);
  padding: 45px 25px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 45px;
  max-width: 510px;
}
.auth-component .title {
  font-family: "poppins-semibold";
  font-size: 1.5rem;
}
.auth-component .description {
  font-family: "poppins-regular";
  font-size: 1rem;
  color: #717d96;
}
.auth-component .description span {
  color: var(--bs-primary);
}
.auth-component .email-input-wrapper,
.auth-component .password-input-wrapper,
.auth-component .confirm-password-input-wrapper {
  position: relative;
  width: 100%;
}
.auth-component .email-input-wrapper input,
.auth-component .password-input-wrapper input,
.auth-component .confirm-password-input-wrapper input {
  width: 100%;
  padding-left: 50px;
}
.auth-component .email-input-wrapper #email-icon,
.auth-component .password-input-wrapper #lock-icon,
.auth-component .confirm-password-input-wrapper #lock-icon {
  position: absolute;
  left: 14px;
  top: 14px;
}
.auth-component .password-input-wrapper #eye-icon,
.auth-component .password-input-wrapper #eye-slash-icon {
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.auth-component .confirm-password-input-wrapper #eye-icon2,
.auth-component .confirm-password-input-wrapper #eye-slash-icon2 {
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.auth-component .forget-password {
  display: flex;
  font-size: 1rem;
  color: #e35d6a;
  font-family: "poppins-regular";
  text-decoration: none;
  justify-content: flex-end;
}
.auth-component .forget-password a {
  text-decoration: none;
  cursor: pointer;
  color: #e35d6a;
}

@media screen and (max-width: 576px) {
  .auth-component {
    margin: 20px;
  }
}
.otp-input {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  background-color: #f7f9fc;
  border: none;
  font-size: 20px;
  color: #333;
  transition: all 0.2s ease;
}

.otp-input:focus {
  outline: none;
  border: 1px solid #04abff;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(4, 171, 255, 0.2);
}

.resend-otp {
  color: var(--bs-primary);
  cursor: pointer;
  text-decoration: none;
  font-size: 1rem;
}

.back-to-login-link {
  text-decoration: none !important;
}
.back-to-login-link:hover {
  color: inherit;
}

::-webkit-scrollbar {
  width: 0px;
  display: none;
}

.pageTitle {
  font-size: 1.25rem;
  font-family: "poppins-semibold";
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.headings {
  color: var(--primary-color);
  font-size: 1.125rem;
  font-family: "poppins-semibold" !important;
}

body {
  font-family: "poppins-regular" !important;
  min-height: 100vh !important;
  background-color: #f0faff;
}

.navbar-container {
  left: 80px !important;
  margin-top: 6px;
}

.page-wrapper {
  padding-right: 3px;
  padding-top: 75px;
  padding-bottom: 20px;
  position: fixed;
  top: 0;
  right: 0;
  left: 90px;
  bottom: 0;
}

.wrapper-content {
  height: 100%;
  overflow-y: auto;
}

.nav-breadcrumb .breadcrumb-item .main-path {
  font-size: 0.874rem;
  text-decoration: none;
  color: #717d96;
  font-family: "poppins-regular";
}
.nav-breadcrumb .breadcrumb-item.active {
  font-size: 0.874rem;
  color: var(--bs-primary);
  font-family: "poppins-regular";
}
.nav-breadcrumb .breadcrumb-item.active::before {
  content: "-";
  color: #717d96;
}

.components {
  background-color: #ffffff;
  box-shadow: 2px 4px 15px 0px rgba(194, 208, 220, 0.2509803922);
  padding: 20px;
  border-radius: 20px;
}

.my-navbar {
  padding: 15px;
}

.profile-name {
  font-size: 1rem;
  color: #0e0929;
  font-family: "poppins-medium";
}

.profile-description {
  font-size: 0.875rem;
  color: var(--bs-light);
  font-family: "poppins-regular";
}

.text-muted {
  font-size: 0.875rem;
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: none;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.custom-table thead tr {
  border-bottom: dashed !important;
}

.table-container {
  overflow: auto;
  position: relative;
  font-family: "poppins-regular";
}

.table {
  overflow: scroll;
}
.table tbody tr {
  vertical-align: middle;
  border-bottom: 1px solid #e8e8ea;
}
.table tbody td {
  font-size: 0.875rem;
}

.table thead th {
  border-bottom: 1.5px dashed #e8e8ea;
  position: sticky;
  font-size: 0.875rem;
  background-color: white;
  top: 0;
  z-index: 100;
  color: #717d96;
  font-family: "poppins-medium" !important;
  font-weight: 500;
}

.text-primary {
  color: var(--bs-primary) !important;
  font-family: "poppins-regular";
}

.text-dark {
  color: var(--bs-dark) !important;
  font-family: "poppins-regular" !important;
}

.text-light {
  color: var(--bs-light) !important;
  font-family: "poppins-regular";
}

.text-slate {
  color: #2D3648 !important;
  font-family: "poppins-regular";
}

.btn-icon-primary {
  --bs-btn-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
  display: flex;
  padding: 8px !important;
  border-radius: 6px;
  background-color: #f7f9fc;
  border: none;
}
.btn-icon-primary:hover {
  background-color: #e6f7ff;
}
.btn-icon-primary:active {
  background: linear-gradient(135deg, #8cd8ff 0%, #04abff 100%);
}

.btn-icon-primary:active svg {
  color: #fff;
}

.dashboard-cards {
  border: none;
  background-color: white;
  box-shadow: 2px 4px 15px 0px rgba(194, 208, 220, 0.2509803922);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.dashboard-cards p {
  margin: 0;
}
.dashboard-cards .content {
  display: flex;
  flex-direction: column;
}
.dashboard-cards .title {
  font-size: 1.75rem;
  font-family: "poppins-bold";
  color: #2d3648;
}
.dashboard-cards .description {
  font-size: 1rem;
  font-family: "poppins-regular";
  color: #717d96;
}

.form-input {
  border-radius: 100px;
  border: 1px solid #cbd2e0;
  padding: 11px 30px 11px 14px;
}

.form-input::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  color: #8d93a3;
}

.form-input::placeholder {
  font-weight: 400;
  font-size: 1rem;
  color: #8d93a3;
}

.pagination .page-item .page-link {
  color: #2d3648;
  border: none;
  box-shadow: none;
  font-family: "poppins-regular" !important;
}

.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #8cd8ff 0%, #04abff 100%);
  color: white;
  border-radius: 10px;
}
.pagination .page-item.active .page-link:hover {
  background-color: #db5942;
  color: white;
}

.pagination .page-item .page-link:hover {
  background-color: #EDF0F7;
  border-radius: 10px !important;
}

.pagination .page-item .page-link:focus {
  background-color: #EDF0F7;
  border-radius: 10px !important;
}

.dropend {
  position: relative;
}

.search-field {
  position: relative;
  display: flex;
  align-items: center;
  width: 400px;
  border-radius: 10px !important;
}
.search-field input {
  border-radius: 10px !important;
  background-color: #EDF0F7 !important;
}
.search-field .search-bar {
  padding-left: 38px !important;
}
.search-field svg {
  position: absolute;
  right: 12px;
  top: 14px;
}

@media (max-width: 576px) {
  .search-field {
    width: 100%;
  }
}
.search-btn {
  background-color: #EDF0F7;
  padding: 14px 18px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.search-btn:hover {
  background-color: #EDF0F7;
}

.input-field {
  position: relative;
}
.input-field .btn-close {
  position: absolute;
  color: black !important;
  right: 14px;
  top: 17px;
  width: 8px;
  height: 8px;
}

.dropdown ::after {
  display: none;
}

.dropdown-menu {
  font-family: "poppins-regular";
  font-size: 0.875rem;
}

.signout-dropdown li {
  padding: 0px 10px 0px 10px;
}
.signout-dropdown a {
  color: #596279;
  font-size: 0.875rem;
  font-family: "poppins-regular";
}
.signout-dropdown a:hover, .signout-dropdown a:focus, .signout-dropdown a:active {
  background-color: #e6f7ff;
  color: #04abff !important;
  border-radius: 8px;
}
.signout-dropdown .dropdown-menu-end {
  box-shadow: 0px 4px 30px 0px rgba(35, 92, 93, 0.1019607843);
}
.signout-dropdown .profile-button {
  border: none;
  background-color: white;
  padding: 10px;
}
.signout-dropdown .profile-button:hover, .signout-dropdown .profile-button:focus, .signout-dropdown .profile-button:active {
  background-color: white;
  border: none !important;
}

.profile-button {
  padding: 5px;
  border: 1px solid rgba(28, 72, 73, 0.1490196078);
}
.profile-button:hover {
  border: 1px solid rgba(28, 72, 73, 0.1490196078) !important;
}
.profile-button:active {
  border: 1px solid rgba(28, 72, 73, 0.1490196078) !important;
}
.profile-button:focus {
  border: 1px solid rgba(28, 72, 73, 0.1490196078);
}

.spinner-border {
  --bs-spinner-width: 1.25rem;
  --bs-spinner-height: 1.25rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.2em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.custom-file-input {
  border-radius: 6px;
  background-color: #f7f9fc;
  cursor: pointer;
  height: 110px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-file-input svg {
  display: block;
  margin: 0 auto 10px;
}

.custom-file-input p {
  color: #6b7280;
  margin: 0;
}

.custom-file-input img {
  border-radius: 10px;
}

.invalid-text {
  text-align: start !important;
}
.invalid-text span {
  color: #DC3545;
  font-size: 0.75rem;
}

.forward-btn,
.backward-btn {
  border: 1.5px solid #CBD2E0;
  background-color: rgba(255, 248, 243, 0.3019607843);
  padding: 12px;
  display: flex;
  border-radius: 100px;
}
.forward-btn svg,
.backward-btn svg {
  color: black;
}
.forward-btn:hover,
.backward-btn:hover {
  background-color: rgba(255, 248, 243, 0.3019607843);
  border: 1.5px solid #B1E5FF;
}
.forward-btn:hover svg,
.backward-btn:hover svg {
  color: #04ABFF;
}
.forward-btn:active,
.backward-btn:active {
  background-color: #04ABFF;
  border: 1.5px solid #04ABFF;
}
.forward-btn:active svg,
.backward-btn:active svg {
  color: white;
}/*# sourceMappingURL=style.css.map */