.dataSetup {
    margin: auto;
}

.apiSectionTitle {
    font-size: 200%;
    color: white;
    margin-left: 8%;
    margin-right: 8%;
}

.apiSectionText {
    font-size: 150%;
    /* margin: 10%; */
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: 'text';
    color: white;
}

.textAlignLeft {
    text-align: left;
}

.apiButton {
    font-family: 'text';
    font-size: 150%;
    padding: 1%;
    text-align: center;
    color: white;
    border-color: white;
    border-style: groove;
    border-radius: 4px;
    border-width: 2px;
    min-width: 50%;
    background: #1e1e1e;
}

.computerData {
    margin: auto;
    text-align: center;
}

.inlineBlock {
    display: inline-block;
}

.computerSetupData {
    display: none;
    text-align: left;
}

.computerDropdown {
    font-family: 'text';
    background-color: white;
}

.computerResultsData {
    display: none;
    width: 90%;
    max-width: 90%;
    overflow-x: auto;
    margin: auto;
    margin-bottom: 20px;
}

#computerResultsTable {
    text-align: left;
    width: 100%;
    max-width: 100%;
}

.problemSelect {
    font-size: 150%;
}

.setupText {
    font-family: 'text';
    color: white;
    text-align: left;
    font-size: 150%;
}

th, td, input, checkbox {
    font-family: 'text';
    font-size: 120%;
    color: black;
    background-color: white;
}

.tableText {
    padding-left: 5px;
    padding-right: 5px;
}

.abortButton {
    display: none;
    background: #1e1e1e;
}

@media only screen and (max-width: 1024px) {
    .problemSelect {
        font-size: 100%;
    }
    th, td, input, checkbox  {
        font-size: 100%;
    }
    .setupText {
        font-size: 100%;
    }
    .apiSectionTitle {
        font-size: 150%;
    }
    .apiSectionText {
        font-size: 120%;
    }
    .apiButton {
        font-size: 120%;
    }
}

#sorttable_sortfwdind,
#sorttable_sortrevind {
    background-color: white;
}