html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.toast-container {
    z-index: 1050; /* Ensure it stays above other elements */
}

/*html, body {
    height: 100%;*/ /* Make sure the body and HTML take the full height of the viewport */
    /*margin: 0;
    display: flex;
    flex-direction: column;
}*/

.content {
    flex: 1; /* Allow the content to grow and push the footer down */
}

footer.footer {
    text-align: center;
    padding: 10px 0;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}
/* Success toast - Vibrant green */
.toast.bg-success {
    background-color: #2ecc71 !important; /* Bright green for success */
    color: #ffffff !important; /* White text for contrast */
}

/* Danger toast - Vibrant red */
.toast.bg-danger {
    background-color: #e74c3c !important; /* Bright red for danger */
    color: #ffffff !important; /* White text for contrast */
}

/* Info toast - Cool cyan */
.toast.bg-info {
    background-color: #3498db !important; /* Bright blue for information */
    color: #ffffff !important; /* White text for contrast */
}

/* Warning toast - Vibrant orange */
.toast.bg-warning {
    background-color: #f39c12 !important; /* Bright orange for warnings */
    color: #ffffff !important; /* White text for contrast */
}

/* Neutral toast - Light gray */
.toast.bg-light {
    background-color: #ecf0f1 !important; /* Light gray for neutral messages */
    color: #2c3e50 !important; /* Dark text for readability */
}