/*
    MessageBox.css - used in modal message popups containing a text and some buttons.
*/
.messagebox_container, .messagebox_container_question, .messagebox_container_warning, .messagebox_container_importantWarning {
    height: 100%;
    width: 100%;
    background-color: #e6ebf0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.messagebox_container_question,
.messagebox_container_warning
{
    background-position: top left;
    background-size: 70px;
    background-repeat: no-repeat;
}

.messagebox_container_question {
    background-image: url(Images/questionmark.gif);
}

.messagebox_container_warning {
    background-image: url(Images/exclamation.gif);
}

.messagebox_container_importantWarning {
    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;
}

.messagebox_text {
    flex: 1;
    padding: 20px;
    background-color: #e6ebf0;
    border-color: #e6ebf0;
    white-space: pre-wrap;
}

.messagebox_text_wrapper {
    flex: 1;
    display: block;
    margin-left: 10px;
}

.messagebox_text_wrapper .messagebox_text {
    flex: none;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    background-color: transparent;
    border-color: transparent;
}

.messagebox_text_wrapper .messagebox_text:first-child {
    margin-top: 0;
}

.messagebox_text_wrapper .messagebox_text:last-child {
    margin-bottom: 0;
}

.messagebox_text_stressed {
    display: list-item;
    list-style-position: inside; 
    padding-inline-start: 0;
    margin-top: 1ch;
    margin-bottom: 1ch;
    font-weight: bold;
}

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


.messagebox_container_question > .messagebox_text,
.messagebox_container_importantWarning > .messagebox_text,
.messagebox_container_importantWarning > .messagebox_text_stressed,
.messagebox_container_warning > .messagebox_text {
    margin-left: 70px;
}

.messagebox_buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px;
}

.messagebox_container_importantWarning #ButtonYes {
    background-color: #982721;
    color: white;
    border-color: #982721;
}

.messagebox_container_importantWarning #ButtonYes:hover {
    background-color: #7a1f1a;
    border-color: #7a1f1a;
}