#source_config {
    top: 0px;
    left: 0px;
    padding-bottom: 20px;
    background-color: #f0f0f0;
}

.source_entry>.icon {
    background-color: #ccc;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border: 2px solid #ccc;
    margin: 0px;
    width: 40px;
    float: left;
    height: 50px;
}

.source_entry>.value {
    background-color: #fff;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px;
    margin-left: 40px;
    border: 2px solid #ccc;
    height: 42px;
    padding: 4px;
}

.source_entry {
    border-radius: 8px;
    margin: 6px 40px;
    height: 54px;
}

.role_add {
    margin: 6px 40px;
    height: 50px;
    border-radius: 8px;
    border: 2px solid #ccc;
    background-color: #fff;
    text-align: center;
    font-size: 40px;
    color: #ccc;
    font-weight: 900;
}

.role_add:hover {
    cursor: pointer;
}

#source_select h1 {
    margin: 6px 40px;
    font-size: 20px;
    text-align: center;
}

#upload_source_config {
    top: 0px;
    left: 0px;
    padding-bottom: 20px;
    background-color: #f0f0f0;
}

.upload_source_entry>.icon {
    background-color: #ccc;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border: 2px solid #ccc;
    margin: 0px;
    width: 40px;
    float: left;
    height: 50px;
}

.upload_source_entry>.value {
    background-color: #fff;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px;
    margin-left: 40px;
    border: 2px solid #ccc;
    height: 42px;
    padding: 4px;
}

.upload_source_entry {
    border-radius: 8px;
    margin: 6px 40px;
    height: 54px;
}

.upload_add {
    margin: 6px 40px;
    padding: 0 1.5em;
    height: 50px;
    border-radius: 8px;
    border: 2px solid #ccc;
    background-color: #fff;
    text-align: center;
    font-size: 40px;
    color: #ccc;
    font-weight: 900;
}

.upload_add:hover {
    cursor: pointer;
}

#upload_source_select h1 {
    margin: 6px 40px;
    font-size: 20px;
    text-align: center;
}

tr.old_file {
    color: #888;
}

tr.old_file td,
tr.new_file td {
    padding: 0.4em 0.5em;
}

th {
    background-color: #00579d;
    color: #fff;
    font-weight: 400;
}

.table_marker,
.table_marker-ok {
    background-color: #00579d;
    min-height: 3em;
    min-width: 3em;
}

.table_marker-error {
    background-color: #ffbbbb;
    min-height: 3em;
    min-width: 3em;
}

.table_marker-missing-object,
.table_marker-mismatch,
.table_marker-new-object {
    background-color: #feffd5;
    min-height: 3em;
    min-width: 3em;
}

.spacer_td {
    padding: 1em 0;
}

td.mismatch {
    background-color: #ffe9e9;
}

tr.status-error {
    background-color: #ffe9e9;
}

tr.status-ok {
    background-color: rgb(206, 233, 255);
}

tr.status-warn,
tr.status-mismatch,
tr.status-wrong-content,
tr.status-new-object,
tr.status-missing-object {
    background-color: #fff9ed
}

tr.spacer {
    padding: 0px;
    font-size: 2px;
}

td.cell-mismatch,
td.cell-wrong-content {
    background-color: #ffe9e9;
}