/*
    The system uses the SweetAlert2 JS library to replace the flash notifications built into the CakePHP
    project, and it is being installed using CDN. Rewriting the styles of the notifications here
    overwrites the default styling.
*/

/* Commonality across the toast notification and general notification */
button.swal2-close {
    font-size: 32px;  /* Change the size of the close button (X) */
    width: 30px;  /* Adjust the width */
    height: 30px;  /* Adjust the height */
    line-height: 30px;  /* Ensure the close icon is centered */
}

button.swal2-close:hover {
    color: red;  /* Change color on hover */
}

/* Toast notifications that are displayed in a corner */
.swal2-popup.swal2-toast .swal2-title {
    font-size: 32px;
}

.swal2-popup.swal2-toast {
    padding: 1em;
    font-size: 18px;
}

/* General popup notifications that aren't toast notifications */
.swal2-popup .swal2-title {
    font-size: 32px;
    padding: 15px;
}

.swal2-popup {
    padding: 30px !important;
    /*font-size: 20px !important;*/
}