/* MudBlazorカスタム用CSSです */

/* Dialogヘッダー */
.custom-dialog .mud-dialog-title {
    background: var(--dialog-header-bg) !important;
    color: var(--dialog-header-color);
    height: 3.5rem;
    line-height: 3.5rem; /* heightと同じ値にする必要あり */
    display: flex;
    align-items: center;
}

.custom-dialog .mud-dialog-content {
    padding: 0;
}

/* Dialog Closeボタン設定 */
.custom-dialog .mud-button-close {
    width: 2.0rem;  /* ボタンの横幅 */
    height: 2.0rem; /* ボタンの高さ */
    padding: 0;     /* 内側余白をリセット */
}

/* Button */
.custom-button-default {
    background-color: #1B6EC2 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}
.custom-button-danger {
    background-color: #DC3545 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}
    /* hover時 */
    .custom-button-default:hover,
    .custom-button-danger:hover {
        filter: brightness(0.85) !important; /*若干暗く*/
    }

    /* focus時 */
    .custom-button-default:focus,
    .custom-button-danger:focus {
        filter: brightness(1.15) !important; /*若干明るく*/
        /*box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5) !important;*/
        /*text-decoration-line: underline;*/
        /*outline: 1px solid #000000;*/
    }