﻿/* #region 共通 */
.modal-dialog-message .modal-dialog {
    width: fit-content;
    max-width: 600px;
}

.modal-dialog-message .modal-content {
    filter: drop-shadow(1px 1px 10px #00000047);
}

.modal-dialog-message .modal-header {
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 0;
}

.modal-dialog-message .modal-footer {
    border-top: none;
    padding: 0 1rem 1rem;
}

.dialog-close-btn {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.modal.show .dialog-close-btn {
    z-index: 1056;
}

.dialog-body {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dialog-icon {
    width: 2em;
}

.message-text {
    margin: 0 1em;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.dialog-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .dialog-buttons .btn {
        width: 8rem;
    }
/* #endregion */

/* #region Error */
#dlgError .modal-content {
    background-color: #f67e8f;
    color: #ffffff;
}

#dlgError .dialog-icon {
    filter: invert(100%) sepia(71%) saturate(2%) hue-rotate(244deg) brightness(110%) contrast(101%);
}
/* #endregion */

/* #region Session */
#dlgSession .modal-content {
    background: #ffffff;
}

#dlgSession .dialog-icon {
    filter: invert(57%) sepia(30%) saturate(829%) hue-rotate(303deg) brightness(103%) contrast(93%);
}
/* #endregion */


/* #region Confirm */
#dlgConfirm .modal-content {
    background: #ffffff;
}

#dlgConfirm .dialog-icon {
    filter: invert(58%) sepia(22%) saturate(7208%) hue-rotate(194deg) brightness(96%) contrast(88%);
}
/* #endregion */
