/*************blazored-modal start*************/
.bm-container {
    align-items: flex-start !important;
    justify-content: center;
    /*  .blazored-modal.modal-xxl {
        max-width: 1400px !important;
        width: 100%;
    }

    .blazored-modal.modal-xl {
        max-width: 1200px !important;
        width: 100%;
    }

    .blazored-modal.modal-lg {
        max-width: 1000px !important;
        width: 100%;
    }

    .blazored-modal.modal-md {
        max-width: 800px !important;
        width: 100%;
    }

    .blazored-modal.modal-sm {
        max-width: 600px !important;
        width: 100%;
    }

    .blazored-modal.p-0 .blazored-modal-content {
        padding: 0 !important;
    }*/
}

    .bm-container .blazored-modal {
        border: none !important;
        padding: 0px !important;
        margin: 20px;
    }

        .bm-container .blazored-modal .bm-header {
            padding: 0.6rem 1rem;
            border-bottom: 0px solid #dee2e6;
            background-color: #1c70fa;
        }

            .bm-container .blazored-modal .bm-header .bm-title {
                font-size: large !important;
                font-weight: bold;
                margin-top: 7px;
                color: #ffffff;
            }

        .bm-container .blazored-modal .bm-content {
            padding: 15px;
            max-height: 87vh;
            overflow-y: auto;
            background-color: #f8f9fa;
        }

        .bm-container .blazored-modal .bm-close {
            margin: 0;
            padding: 0;
            color: #ffffff;
        }

        .bm-container .blazored-modal.size-xxl {
            max-width: 1350px;
            margin-left: auto;
            margin-right: auto;
        }

        .bm-container .blazored-modal.size-xl {
            max-width: 1150px;
            margin-left: auto;
            margin-right: auto;
        }

.blazored-modal-right {
    margin: 0;
    top: 0;
    right: 0;
    width: 570px;
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: visible;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

    .blazored-modal-right .bm-header {
        padding: 0.7rem 1rem;
        border-bottom: 0px solid #dee2e6;
        background-color: #dee2e6;
    }

        .blazored-modal-right .bm-header .bm-title {
            font-size: large !important;
            font-weight: bold;
            margin-top: 7px;
            color: #000000;
        }

    .blazored-modal-right .bm-content {
        padding: 15px;
        max-height: 87vh;
        overflow-y: auto;
    }

    .blazored-modal-right .bm-close {
        margin: 0;
        padding: 0;
        color: #000000;
    }

    .blazored-modal-right .modal-footer {
        background-color: #ffffff !important;
    }

/*@media (max-width: 767.98px) {
    //mobile
    .blazored-modal-center {
        .blazored-modal {
            padding: 0px !important;
            margin: 8px;

            .blazored-modal-content {
                padding: 8px !important;
            }

            .blazored-modal-header {
                padding: 5px 8px 5px 8px !important;
            }
        }
    }
}*/
/*************blazored-modal end*************/