body {
    background-color: #ffffff !important;
}

section.main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12fr 1fr;
    grid-template-columns: 1fr 12fr 1fr;
}

article.table, div.table-responsive {
    grid-column: 2;
    width: 98vw !important;
    margin: 0 auto;
}

article.login {
    grid-column: 2;
    margin-left: 30%;
    margin-right: 30%;
    text-align: center;
}

article.buttons, article.home {
    grid-column: 2;
    text-align: center;
}

article.buttons {
    margin-bottom: 20px !important;
}
#header {
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.details-table {
    max-width: 1200px;
}

table {
    text-align: left;
}
table.dataTable {
    font-size: 12px;
    line-height: 14px;
}
table.dataTable th span {
    margin-top: 10px;
}
table.table thead .sorting, table.dataTable thead .sorting {
    background: none !important;
}

table.table thead, table.dataTable thead {
    background-color: #1c1c1b;
    color: #fff;
}
table.dataTable thead tr:not(:first-child) th {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
table.dataTable thead tr:first-child th {
    padding-left: 0 !important;
    padding-right: 2px !important;
}
table.table tfoot, table.dataTable tfoot {
    background-color: #ededed;
}
table.dataTable thead tr:first-child th:first-child {
    border-top-left-radius: 5px !important;
}
table.dataTable thead tr:first-child th:last-child {
    border-top-right-radius: 5px !important;
}

table.dataTable tfoot tr:last-child th:first-child {
    border-bottom-left-radius: 5px !important;
}
table.dataTable tfoot tr:last-child th:last-child {
    border-bottom-right-radius: 5px !important;
}
table.dataTable input, table.dataTable select {
    border-radius: 3px;
    border: 1px solid #333333;
    padding: 3px 7px;
    background-color: #ffffff;
    color: #555555;
    width: 100%;
}
table.dataTable input {
    padding: 5px 7px 4px;
}
table.dataTable input::placeholder {
    color: #555555 !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    background-color: #ededed;
}
table.dataTable th .headerColumn {
    display: block;
    overflow-y: hidden;
    white-space: nowrap;
    margin-top: 0 !important;
    padding-right: 15px !important;
}

#overview_table_length, #overview_table_info, #overview_table_paginate {
    border-radius: 10px;
    color: #000;
    margin: 5px;
    padding: 10px;
}
#overview_table_length {
    margin-left: 200px!important;
}

#overview_table_length select, #overview_table_info select {
    color: #1c1c1b;
}
#overview_table th:after {
    content: "" !important;
}

#overview_table_info {
    margin-left: 500px;
}



table.table tbody tr {
    background-color: #fff;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    text-align: center;
}

tr.details td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

table.dataTable thead  {
    background-color: #555555 !important;
}
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after {
    color: #ccccff !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    position: relative;
    padding-right: 5px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    right: 5px;
    top: 12px;
}
table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    background-image: none !important;
}

table.dataTable tfoot th {
    font-weight: normal !important;
    text-align: left;
}

table.dataTable tfoot th input {
    width: 100%;
}
div.dataTables_length {
    background-color: transparent ! important;
    color: #000000 !important;;
}

tr.feedback-error {
    background-color: orange !important;
}

tr.feedback-critical {
    background-color: red !important;
}

th {
    vertical-align: top;
}
th span[data-search-input], th span[data-search-select] {
    display: block !important;
}

table.scrollable {
    display:block!important;
}
table.scrollable thead {
    display: inline-block!important;
    width: 100%!important;
}
table.scrollable tbody {
    max-height: 80vh!important;
    display: inline-block!important;
    width: 100%!important;
    overflow: auto!important;
}
form.form {
    align-items: flex-start;
    background-color: #ededed;
    border: 2px solid #0abaee;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    margin-left: 30%;
    margin-right: 30%;
    padding: 2rem;
}

form.form > div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1rem;
    margin-bottom: 0.5rem;
    width: 100%
}

form.form > div > div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

form.form > div > div > div {
    text-align: left;
}

form.form label {
    text-align: right;
}

form.form input, form.form select {
    background-color: #fff;
    border-radius: 1px;
    padding: 0.2rem;
}

form.form button {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: 1rem;
}

.select-separator {
    text-align: center;
}

.cancel-order-parent {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.table.dataTable {
    position: relative;
}

#buttonCancel {
    position: absolute;
    z-index: 9999;
    margin-top: -55px;
}

.panel-default {
    background-color: #cccccc !important;
}
.paginate_button {
    padding: 0.3em 0.7em !important;
}

input[type=checkbox] {
    width: auto !important;
}

.table-link {
    text-decoration: underline;
}

.table-entry-selected td {
    background-color: #ccc !important;
}
table.dataTable td {
    white-space: nowrap;
}