.ivc-modal{
    position: fixed;
    background-color: white;
    box-shadow: rgb(50 43 39 / 26%) 0px 0px 10px 10px;
    width: 60vw;
    margin: 0 20%;
    top:2vh;
}

.ivc-modal-body{
    overflow: auto;
}

.ivc-modal-dialog{
    max-height: 90vh;
}

@media screen and (max-height: 550px){
    .ivc-modal{
        top:0;
        height: 100vh;
    }
    .ivc-modal-dialog{
        height: 100%;
    }
}

.ivc-modal-dialog-scrollable{
    overflow: scroll;
}

.blockScroll{
    overflow: hidden;
}
/*@media screen and (max-height: 450px){*/
/*    .ivc-modal{*/
/*        top:0;*/
/*    }*/
/*}*/

.ivc-modal-sm{
    width: 40vw;
    margin: 0 30%;
}

.ivc-modal-lg{
    width: 75vw;
    margin: 0 12.5%;
}

.ivc-modal-xl{
    width: 90vw;
    margin: 0 5%;
}

@media screen and (max-width:1350px){
    .ivc-modal-sm{
        width: 60vw;
        margin: 0 20%;
    }
}

@media screen and (max-width:1100px){
    .ivc-modal-sm, .ivc-modal, .ivc-modal-lg{
        width: 75vw;
        margin: 0 12.5%;
    }
    .ivc-modal-xl{
        width: 90vw;
        margin: 0 5%;
    }
}

@media screen and (max-width:900px){
    .ivc-modal-sm, .ivc-modal, .ivc-modal-lg, .ivc-modal-xl{
        width: 90vw;
        margin: 0 5%;
    }
}

.ivc-modal-backdrop{
    position: fixed;
    background: #322b2785;
    height: 100vh;
    width: 100vw;
}