.ms-modal_wrapper{
    background:rgba(34, 34, 34, 0.7);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.ms-modal{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    background:transparent;
    margin:auto;
    max-width:90%!important;
    height:90%;
}
.ms-modal.full,
.ms-modal.fullW{
    width:90%!important;
}
@media (max-width:480px) {
    .ms-modal,
    .ms-modal.full,
    .ms-modal.fullW{
        max-width:100%!important;
        width:100%!important;
        height:100%!important;
    }
    .ms-modal_section{
        height:calc(100% - 56px)!important;
    }
}
.ms-modal_content{
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-content:center;
    align-items:flex-start;

    max-width:100%;
    width:100%;
    height:100%;
}
.ms-modal_header{
    background:var(--bs-primary);
    color:#fff;
    text-align:left;
    box-shadow:0 2px 1px 0px rgba(0, 0, 0, 0.3);
    position:relative;
    z-index:5;
    width:100%;
}
.ms-modal.info .ms-modal_header{
    background:var(--bs-info);
}
.ms-modal.success .ms-modal_header{
    background:var(--bs-success);
}
.ms-modal.warning .ms-modal_header{
    background:var(--bs-warning);
}
.ms-modal.danger .ms-modal_header{
    background:var(--bs-danger);
}
.ms-modal_header > div:first-child{
    padding:16px;
    font-size:18.6px;
    font-weight:bold;
    line-height:24px;
    width:calc(100% - 56px);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ms-modal_header > div:last-child{
    cursor:pointer;
    width:56px;
    height:56px;
    padding:16px;
    text-align:center;
    position:absolute;
    top:0;
    right:0;
}
.ms-modal_header > div:last-child:hover{
    background:rgba(34, 34, 34, 0.1);
}
.ms-modal_header > div:last-child > i{
    width:24px;
    height:24px;
}
.ms-modal_header > div:last-child > i:before{
    display:block;
    width:24px;
    margin:5px 0;
}
.ms-modal_section{
    background:#fff;
    height:intrinsic;
    height:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    max-height:calc(100% - 56px)!important;
    overflow:auto;
    /*font-size:16px;*/
    padding:16px;
    text-align:left;
    width:100%
}
.ms-modal.full .ms-modal_section,
.ms-modal.fullH .ms-modal_section{
    height:calc(100% - 56px)!important;
}