:root {
  --primary: #007593; /* Custom primary color */
  --secondary: #7cc242; /* Custom secondary color */
  --third-color: #4b7682; /* Custom third color */
  --gray-bg: #f0f1f3; /* Custom gray background color */
  --placeholder: #939393; /* Custom placeholder color */
  --black: #000;
  --primary-light: #0075931a;
  --secondary-light: #7cc242d1;
  --aside-bg-light-list: #fafafa40;
--unread-notifcation-bg: #e5e1e1;
  
}
body {
  color: var(--black);
}
html[dir="ltr"] body {
  direction: ltr;
}
.btn {
  padding: 8px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  height: max-content;
}
/* Override Bootstrap's primary color */
.bg-primary {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.bg-primary-light {
  background-color: var(--primary-light) !important;
  color: var(--primary) !important;
}
.bg-secondary-light {
   background-color: var(--secondary-light) !important;
   color: var(--secondary) !important;
}
.bg-warning-light {
  background-color: var(--light-warning-color) !important;
  color: var(--warning-color) !important;
}

.bg-un-read-notification-list {
  background-color: var(--unread-notifcation-bg) !important;
  color: var(--black) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

  /* .btn-border-primary:hover {
    background-color: #043a61 !important;
    color: #fff !important;
  } */

  /* .btn-border-primary:hover {
    background-color: #043a61 !important;
    color: #fff !important;
  } */

.btn-primary:visited {
  color: #fff !important;
}
.btn-border-primary,
.btn-border-primary:active {
  background-color: #fff;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

/* Override Bootstrap's secondary color */
.bg-secondary {
  background-color: var(--secondary) !important;
  color: #fff !important;
}

.text-secondary {
  color: var(--secondary) !important;
}
.bg-gray {
  background-color: #6c757d;
  color: #fff !important;
}
.border-secondary {
  border-color: var(--secondary) !important;
}

.btn-secondary,
.btn-secondary:active {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.btn-primary:hover,
.btn-outline-primary:hover,
.btn-secondary:hover,
.btn-gray:hover {
  opacity: 0.8 !important;
}
.btn-outline-gray {
  background-color: #fff;
  border: 1px solid gray;
  color: #1b1b1b;
}

/* Override .btn-link color to match primary color */
.btn-link {
  color: var(--primary) !important; /* Use the custom primary color */
  text-decoration: none; /* Remove underline by default */
}

.btn-link:hover {
  color: #005f77 !important; /* Darker shade for hover */
  text-decoration: underline; /* Add underline on hover */
}

.btn-link:focus {
  color: #004d5f !important; /* Even darker shade for focus */
  text-decoration: underline; /* Add underline on focus */
} /* Theme Styles */
.left-section {
  background: url("../assets/images/left-bg.jpg") no-repeat center center/cover;
}

/* Button Styles in theme.css */
.btn-custom-1,
.btn-custom-2,
.btn-custom-3 {
  color: white; /* White text */
  font-weight: 700; /* Bold text */
  font-size: 1.2rem; /* Larger font size */
  width: 80%; /* Reduce button width */
  margin: 0 auto; /* Center the buttons */
  padding: 1.5rem 1rem; /* Increase button height */
}

@media (max-width: 768px) {
  .btn-custom-1,
  .btn-custom-2,
  .btn-custom-3 {
    width: 90%; /* Increase button width for small screens */
    font-size: 1rem; /* Slightly smaller font size for small screens */
    padding: 1.2rem 1rem; /* Slightly smaller padding for small screens */
  }
}

.btn-custom-1 {
  background-color: #3c9cb9;
  border-color: #3c9cb9;
}

.btn-custom-1:hover {
  background-color: #2d7a8f; /* Darker shade for hover */
  border-color: #2d7a8f;
  color: #fff;
}

.btn-custom-2 {
  background-color: #0e7695;
  border-color: #0e7695;
}

.btn-custom-2:hover {
  background-color: #0b5c75; /* Darker shade for hover */
  border-color: #0b5c75;
  color: #fff;
}

.btn-custom-3 {
  background-color: #034c62;
  border-color: #034c62;
}

.btn-custom-3:hover {
  background-color: #023a4a; /* Darker shade for hover */
  border-color: #023a4a;
  color: #fff;
}
.btn-gray,
.btn-gray:active {
  background-color: #6c757d !important;
  color: #fff !important;
}
.min-width-unset {
  min-width: unset !important;
}