/*
    MessageBoxDeletePersonRecord.css - only used for delete person record dialog
*/
.messageboxDelete_container_question, .messageboxDelete_container_deleteConfirmation {
    width: 100%;
    height: 100%;
    background-color: #e6ebf0;
    display: flex;
    flex-direction: column;
}

.messageboxDelete_container_question {
    background-position: top left;
    background-size: 70px;
    background-image: url(Images/questionmark.gif);
    background-repeat: no-repeat;
}

.messageboxDelete_container_deleteConfirmation {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 512'><path fill='%23982721' d='M64 432c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40c0-22.1 17.9-40 40-40zM64 0c26.5 0 48 21.5 48 48 0 .6 0 1.1 0 1.7l-16 304c-.9 17-15 30.3-32 30.3S33 370.7 32 353.7L16 49.7c0-.6 0-1.1 0-1.7 0-26.5 21.5-48 48-48z'/></svg>");
    background-position: left 20px top 10px;
    background-size: 35px;
    background-repeat: no-repeat;
}

.messageboxDelete_text {
    padding: 20px;
    white-space: pre-wrap;
}

.messageboxDelete_text_wrapper .messageboxDelete_text {
    margin-bottom: 10px;
    padding: 0px;
}

.messageboxDelete_text_stressed {
    display: list-item;
    list-style-position: inside;
    font-weight: bold;
    margin-bottom: 10px;
}

    .messageboxDelete_text_stressed::marker {
        content: "- ";
    }

.messageboxDelete_container_question > .messageboxDelete_text,
.messageboxDelete_container_deleteConfirmation > .messageboxDelete_text,
.messageboxDelete_container_deleteConfirmation > .messageboxDelete_text_stressed {
    margin-left: 70px;
}

.messageboxDelete_buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px;
    margin-top: auto;
}

.messageboxDelete_container_deleteConfirmation #ButtonYes,
.messageboxDelete_container_question #ButtonYesWithConfirmation {
    background-color: #982721;
    color: white;
    border-color: #982721;
}

    .messageboxDelete_container_deleteConfirmation #ButtonYes:hover,
    .messageboxDelete_container_question #ButtonYesWithConfirmation:hover {
        background-color: #7a1f1a;
        border-color: #7a1f1a;
    }