/* Messages container */
.messages {
    position: fixed;
    top: 70px; /* Adjust based on your top_navbar height */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 250px); /* Adjust based on sidebar width */
    max-width: 600px;
    z-index: 2000;
    padding: 10px;
    text-align: center;
}

/* Custom alert styling */
.custom-alert {
    background-color: #f8d7da; /* Customize to your desired color */
    color: #155724; /* Customize the text color */
    border-color: #f5c6cb; /* Customize border color */
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .messages {
        width: 90%; /* Adjust width for mobile view */
        top: 70px; /* Adjust if the navbar shrinks */
    }
}

.alert {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-error, .alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 10px;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}