body {
  background: url('img/background.jpg') no-repeat center center fixed;
  background-size: cover;
}


.toaster-success {
  color: #ffffff;
  background-color: #51ac0f;
}

.toaster-danger {
  color: #ffffff;
  background-color: #ff5b28;
}

.toaster-warning {
  color: #ffffff;
  background-color: #ffa300;
}

.toaster-info {
  color: #ffffff;
  background-color: #00417e;
}


.toastClass {
  position: fixed; /* Fix the navbar at the top of the screen */
  top: 0; /* Set it to the very top */
  left: 0;
  right: 0; /* Make it span the full width */
  z-index: 1050; /* Make sure it appears above other content */


  padding: 10px 0; /* Add some padding */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
}

.toastClass img {
  cursor: pointer; /* Make the close icon clickable */
}

.toastClass h4 {
  margin: 0; /* Remove default margin */
}

#toastBar {
  display: none; /* Initially hide the toast bar */
}

 /* Custom styling for form */
 .form-label {
  font-weight: bold;
}

.form-control, .form-select {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 8px;
}

.form-group {
  margin-bottom: 1rem;
}

.error_msg {
  color: red;
  font-size: 0.875rem;
}
.form-control{
  font-size: 0.8rem;
}

.card {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 8px;
}

.navbar {
  border-radius: 8px;
}

.btn {
  border-radius: 8px;
  font-size: 1rem;
}

.navbar .container-fluid {
  padding: 0.5rem 1rem;
}

.navbar h6 {
  margin: 0;
}

.d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toastClass {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1050;
  width: 80%;
  max-width: 500px;
}

.error_msg {
  display: inline-block;
  font-size: 0.875rem;
}


.form-control {
  padding: 0.375rem 0.75rem;  /* Or any other padding you need */
}

.selectField {
  padding: 0.375rem 0.75rem !important; /* Ensuring it applies */
}

.form-check-input[type="radio"] {
  width: 18px;
  height: 18px;
  border: 2px solid #333; /* Dark border */
  background-color: #fff;
  cursor: pointer;
}

.form-check-input[type="radio"]:checked {
  background-color: #1c54ec; /* Fill circle when checked */
  border-color: #1c54ec;
}

/* Optional: darken the focus ring */
.form-check-input[type="radio"]:focus {
  box-shadow: 0 0 0 0.15rem rgba(51, 51, 51, 0.5);
}

/* Slight space between label and radio */
.form-check-label {
  margin-left: 4px;
  font-weight: 500;
}