@media screen {

    .modal {
        text-align: left;
    }

    .modal-backdrop {
        background-color: #ffffff;
    }

    .modal-backdrop.in {
        opacity: 0.9;
    }

    .modal-dialog {
        position: relative;
        margin: 0 auto;
        max-width: 980px;
        min-width: 300px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .fixed-height .modal-dialog {
        height: auto!important;
    }

    .modal-content {
        border: none;
        box-shadow: none;
        margin: 0 6px;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);;
        transform: translate(0%, 0%);;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: .2;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0%, 0%);;
        -ms-transform: translate(0%, 0%);;
        transform: translate(0%, 0%);;
        opacity: 1;
    }

    .modal-sm {
        width: 100%;
        max-width: 400px;
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}