/* ----------- START - confirm message ---------- */
.confirm_message {
    width: clamp(300px, 90vw, 500px) !important;
    background-color: rgb(23, 23, 23) !important;
    border: 1px solid var(--main_color) !important;
    border-radius: 0.4rem !important;
    color: white !important;
    padding: 2rem !important;
    font-size: 0.9rem;
}
.confirm_message .swal2-html-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    padding: 1rem 0 !important;
}
.confirm_message .swal2-actions {
    gap: 1rem !important;
}

.confirm_message_error_svg {
    color: red;
    margin: auto;
    flex-shrink: 0;
}
.confirm_message_success_svg {
    color: green;
    margin: auto;
    flex-shrink: 0;
}
/* ----------- END - confirm message ---------- */


/* ----------- START - info message timer ---------- */
.info_message_timer{
    width: fit-content !important;
    background-color: rgb(23, 23, 23) !important;
    color: white !important;
    border: 1px solid var(--main_color) !important;
    border-radius: 1rem !important;
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    margin-bottom: 5rem !important;
    padding: 0 !important;
    font-size: 0.9rem !important;
}

.info_message_timer .swal2-html-container {
    padding: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 1rem !important;
}
/* ----------- END - info message timer ---------- */