modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
@media screen and (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{transition:none}}
    .modal.show .modal-dialog{-webkit-transform:none;transform:none}
    .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
    .modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}
    .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;border-radius:.3rem;outline:0}
    .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
    .modal-backdrop.fade{opacity:0}
    .modal-backdrop.show{opacity:.5}
    .modal button{position: absolute;
    top: 4%;
    right: 4%;
    z-index:9999;
    background:transparent;
    color:#000;  
    cursor:pointer;
    }
    button span{
        font-size:1.4rem;
    }
    .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}
    .modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
    .modal-title{margin-bottom:0;line-height:1.5}
    .modal-body{position:relative;}
    .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
    .modal-dialog{max-width:950px;margin:4rem auto}
        .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
        .modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}
    @media (max-width:768px){
        .modal-dialog{max-width:600px!important;;margin:10rem auto!important;}
        .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
        .modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}
        .modal-sm{max-width:300px}}@media (min-width:992px){
            .modal-lg,.modal-xl{max-width:800px}}
    @media (min-width:1500px){.modal-dialog{max-width:900px !important;margin:12rem auto!important;}
}