/*
    Note: This is just an override of the default css, to match the style we use with our skin. We had to do this because with sweetalert2,
    there are new specific classes for the buttons, text, etc. and they don't use the default ones from bootstrap
*/
:root {
    --main-button-color: #00a8e1;
    --danger-button-color: #e64942;
    --regular-button-color: white;
    --warning-button-color: #e19d1a;
}

.swal-button {
    border-radius: 0;
}

.swal-button--confirm {
    background-color: var(--main-button-color);
    border: 1px solid var(--main-button-color);
}

.swal-title, .swal-text {
    font-weight: 100;
}

.swal-button--danger {
    background-color: var(--danger-button-color);
    border: 1px solid var(--danger-button-color);
}

.swal-button--cancel {
    color: #555;
    background-color: var(--regular-button-color);
    border: 1px solid #e7eaec;
}

.tp-swal-errors h3 {
    text-align: left;
    color: var(--danger-button-color);
}

.tp-swal-warnings h3 {
    text-align: left;
    color: var(--warning-button-color);
}

.tp-swal-errors ul, .tp-swal-warnings ul {
    text-align: left;
    list-style-type: none;
    margin-left: 1em;
}