.modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.modal .background,
.modal-large .background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ccc;
    opacity: 0.5;
    z-index: -1;
}
.modal .modal-wrapper {
    padding: 4% 0;
    overflow-y: auto;
}
.modal .modal-panel {
    min-width: 960px;
    max-width: 1150px;
    margin: 0 auto;
}
.modal .modal-panel .modal-content {
    margin: 0 20%;
    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 #aaa;
    border-radius: 4px;
}
.modal .scrollable {
    height: 400px;
    overflow-y: scroll;
    margin-bottom: 25px;
}
.modal .pre {
    font-size: 0.8em;
}

.modal-large .modal-panel {
    min-width: 960px;
    max-width: 1150px;
    margin: 0 auto;
}
.modal-large .modal-panel .modal-content {

    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 #aaa;
    border-radius: 4px;

}