/**
 * @file
 * Styles for the sanepar modal.
 */

 .ui-dialog {
    padding: 40px 32px !important;
    display: flex;
    flex-direction: column;
    gap: 24px;

    &.error-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #C30B0B;

                &::before {
                    content: url(../images/modal-error-icon.png);
                }
            }
        }
    }

    &.alert-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #ECA12B;

                &::before {
                    content: url(../images/modal-alert-icon.png);
                }
            }
        }
    }

    &.success-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #23744D;
                
                &::before {
                    content: url(../images/modal-success-icon.png);
                }
            }
        }
    }


    .ui-dialog-content {
        margin-top: 0 !important;

        .modal-content {
            .modal-message {
                margin-bottom: 34px;
            }
            .modal-actions {
                .button--primary {
                    font-size: 16px;
                    font-weight: 700;
                    color: white;
                    width: 170px;
                    height: 48px;
                    border-radius: 0 20px 0 20px;
                    border: 2px solid #0862AD;
                    background: #0862AD;
                }
            }
        }
    }
}