.ModalSlideInContainer {
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0 !important;
    left: 0;
    height: 100%
}

    .ModalSlideInContainer.overlay-slide-in {
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transition: opacity 250ms linear 150ms;
        -moz-transition: opacity 250ms linear 150ms;
        -ms-transition: opacity 250ms linear 150ms;
        -o-transition: opacity 250ms linear 150ms;
        transition: opacity 250ms linear 100ms;
    }

        .ModalSlideInContainer.overlay-slide-in.show-slide-in {
            -khtml-opacity: 0.7;
            -moz-opacity: 0.7;
            opacity: 0.7;
            -webkit-transition: opacity 250ms linear;
            -moz-transition: opacity 250ms linear;
            -ms-transition: opacity 250ms linear;
            -o-transition: opacity 250ms linear;
            transition: opacity 300ms linear;
            overscroll-behavior: contain;
        }

.ModalSlideIn {
    display: none;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    width: 406px;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.32);
    -webkit-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
}

    .ModalSlideIn.right {
        right: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .ModalSlideIn.left {
        left: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .ModalSlideIn.bottom {
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    .ModalSlideIn.show-mid {
        display: block;
        position: fixed;
        z-index: 99999;
    }

    .ModalSlideInContainer .ModalSlideIn,
    .ModalSlideIn.show-slide-in {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
        -moz-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
        -ms-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
    }

        .ModalSlideInContainer .ModalSlideIn,
        .ModalSlideIn.show.with-overlay {
            -webkit-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
            -moz-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
            -ms-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
            -o-transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
            transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 100ms;
        }

    .ModalSlideIn .close {
        top: 5px;
        right: 5px;
        border: 1px solid #E2E2E2;
        background: url("/Images/Structural/Icons/24x24.png") no-repeat scroll -24px 0 transparent;
        float: right;
        height: 24px;
        width: 24px;
        display: block;
        cursor: pointer;
        overflow: hidden;
    }