#info_message {
    position: fixed;
    top: -100px; /* Start hidden */
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    max-width: 400px;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    font-size: 14px;
    z-index: 9999;
    transition: top 0.5s ease-in-out;
    color: #fff;
}

#info_message .center_auto {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#info_message .info_message_text {
    flex-grow: 1;
    font-weight: bold;
}

#info_message .info_close_btn {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18 6L6 18M6 6l12 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; /* Replace with an actual close icon */
    background-size: contain;
    cursor: pointer;
    margin-left: 12px;
}

/* Colors for different message types */
.succ_bg {
    background-color: #4CAF50; /* Green */
}

.error_bg {
    background-color: #f44336; /* Red */
}

.info_bg {
    background-color: #2196F3; /* Blue */
}

.warn_bg {
    background-color: #FF9800; /* Orange */
}

/* Show more description */
.info_more_descrption {
    display: none;
    padding: 10px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 5px;
}