/* Overrides. For original values see ../modal.css */
:root {
    --text-color: #b900ff;
    --value-color: #0088ff;
    --select-border-color: #5900ff;
    --modal-content-background-color: #001240;
}

/* The Modal (background) */
.modal {
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
    background-color: var(--modal-content-background-color);
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* The Close Button */
.modal-close {
    color:  var(--modal-content-background-color);
}

.modal-close:hover,
.modal-close:focus {
    color: #000;
}

.modal-header {
    background-color: var(--value-color); 
    color:  var(--modal-content-background-color);
}

.modal-footer {
    background-color:  var(--value-color); 
    color:  var(--modal-content-background-color);
}