/* Custom Alertify CSS */

/* Set the header color */
.ajs-header {
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 16px;
    border-top-left-radius: 8px; /* Rounded bottom corners */
    border-top-right-radius: 8px; /* Rounded bottom corners */
}


/* Style for the body of the dialog */
.ajs-body {
    padding: 10px;
    font-size: 14px;
}

/* Style for the footer of the dialog */
.ajs-footer {
    padding: 10px;
    background-color: #F5F5F5; /* Light grey color */
    border-bottom-left-radius: 8px; /* Rounded bottom corners */
    border-bottom-right-radius: 8px; /* Rounded bottom corners */
}


.ajs-buttons{
    position: relative;
    bottom: 15px;
    right: 15px;
}


/* Rounded buttons */
.ajs-button {
    border-radius: 5px; /* Fully rounded buttons */
    padding: 10px 20px;
    margin: 5px;
    border: none;
    color: white;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

/* Reset button styles if needed */
.ajs-reset {
    background-color: #F44336; /* Example red color */
    color: white;
}

/* Optional: Style for the handle, if it's a movable dialog */
.ajs-handle {
    padding: 5px;
    background-color: #DDD; /* Light gray color for the handle */
}


.ajs-close{
    display: none !important;
}

.ajs-dialog{
    border-radius: 10px !important;
}