/**********************************/
/*** sweet alert customizations ***/
/**********************************/
.swal2-modal {
    z-index: 10000 !important;
    margin: 30px auto !important;
}

.swal2-toast .swal2-html-container {
    font-size: 13px !important;
}

.swal2-prompt .swal2-html-container,
.swal2-confirm .swal2-html-container {
    font-size: 16px !important;
    overflow-x: hidden;
    padding: 10px 20px !important;
    line-height: 20px !important;
}

.swal2-prompt>div>.swal2-title, .swal2-confirm>div>.swal2-title {
    background-color: var(--secondary-color) !important;
    padding: 8px 15px !important;
    border-radius: 5px 5px 0 0 !important;
    color: #fff !important;
    line-height: 2 !important;
    text-align: start !important;
    top: 0 !important;
    position: absolute !important;
    width: 100% !important;
    font-size: 18px !important;
}

.swal2-confirm .swal2-icon {
    margin-top: 80px;
}

.swal2-prompt .swal2-input {
    margin-top: 80px;
}

.swal2-prompt .swal2-html-container {
    margin-top: 60px;
}

.swal2-actions {
    font-size: 13px !important;
    z-index: -1 !important;
}

.swal2-validation-message {
    font-size: 16px !important;
    padding: 10px !important;
    color: var(--primary-color) !important;
}

.swal2-toast {
    margin: 30px auto !important;
    font-size: 14px !important;
}

.swal2-toast-no-margin{
    font-size: 14px !important;
}

.colored-toast.swal2-icon-success {
    background-color: #4caf50 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.swal2-container .swal2-actions {
    width: 100%;
    justify-content: right;
    padding: 10px 20px 0 0;
    border-top: solid 1px #999;
}

.swal2-container .swal2-validation-message{
    background-color: #fff;
    padding: 0 0 0 18px !important;
    justify-content: left;
}

.swal2-styled.swal2-confirm.btn-primary:focus {
    box-shadow: 0 0 0 3px rgb(26 109 183) !important;
}

.swal2-styled.swal2-confirm.btn-danger:focus {
    box-shadow: 0 0 0 3px rgb(157 67 52) !important;
}