.bg-black-opacity {
background-color: rgba(0, 0, 0, 0.75);
}

.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
min-width: 800px;
pointer-events: auto;
background-color: #000;
background-clip: padding-box;
border: 0px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0;
}

.modal-dialog {
max-width: 1000px;
margin: 1.75rem auto;
}

.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
padding-top: 100px;
}

.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: 0px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}

.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: white;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}