html, body {
    background: #000;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

body, label, td, th {
    color: #fff;
}

.flexCenter { display: flex; justify-content: center; align-items: center; }
.flexColumn { flex-direction: column; align-items: center; }

button {
    margin: 5px;
}

#schema-table {
    width: auto;
    max-width: 900px;
}

#create-table {
    width: auto;
}

#schema-table td, #create-table td {
    vertical-align: middle;
}

.qr-string {
    width: 100%;
    max-width: 600px;
    overflow-wrap: break-word;
    margin: 5px;
    font-size: 10px;
}

#negotiator-config {
    background: #fff;
    color: #000;
    max-width: 100%;
    padding: 10px;
    overflow: scroll;
    margin: 5px;
}

.form-field-row {
    max-width: 600px;
    width: 100%;
}

.schema-table input {
    width: 100%;
}

.horizontal-fields label {
    padding: 10px;
}

.modal-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.34);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-inner {
    min-width: 400px;
    max-width: 800px;
    height: auto;
    width: 100%;
}