.modal {
    border: #86bd28;
}

.modal-dialog {
    border: #86bd28;
    min-width: 5em;
    max-width: 90%;
    max-height: 90%;
}
.modal-body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #272b30; /*middlegray*/
    color: white;
    border: #86bd28;
}

.modal-header {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #272b30; /*middlegray*/
    border: #86bd28;
    color: white;
}

.modal-footer {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #272b30; /*middlegray*/
    border: #272b30;
    color: white;
}
.close {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #272b30; /*middlegray*/
    color: white;
    border: #86bd28;
}