.dataTables_info {
    color: #fff;
}

/******************************************************************/
/* copied from scroller.bootstrap4.css and modified to look right */
/* div.dataTables_scroll {
    height: 100%;
} */
div.DTS {
    display: block !important;
    height: 100%;
    background-color: #212529;
    border: solid 2px #717171;
    border-radius: 5px;
}
div.DTS table {
    table-layout: fixed;
}
/* div.DTS tbody {
    height: 600px;
} */
div.DTS tbody th,
div.DTS tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.DTS div.DTS_Loading {
    z-index: 1;
}
/* div.DTS div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
} */
div.DTS div.dataTables_scrollBody table {
    z-index: 2;
}
div.DTS div.dataTables_paginate,
div.DTS div.dataTables_length {
    display: none;
}

/* div.DTS div.dataTables_scrollBody table {
  background-color: white;
} */

div.DTS .dataTables_toolbar, div.DTS .dataTables_info {
    padding: 10px 10px;
    text-align: right;
}

#serial_numbers_table_wrapper .table_header,
#verify_serial_numbers_table_wrapper .table_header,
#serial_numbers_table_wrapper .datatable-header-inner,
#verify_serial_numbers_table_wrapper .datatable-header-inner    {   background:none !important; }

#serial_numbers_table_info.dataTables_info,
#verify_serial_numbers_table_info.dataTables_info               {   border-top:1px solid #717171; }

#message_modal .modal-body      {   height:auto; }

/******************************************************************/

.dataTables_scrollHeadInner table {
    margin-bottom: 0;
}

.datatable-header {
    padding: 0 10px;
    color: white;
    font-weight: bold;
    font-size: 1.4em;
    
}

.datatable-header .datatable-header-inner {
    padding:0.5rem 0;
}

.datatable-header-border {
    border-bottom: 1px solid #717171;
}

.navbar-brand {
    font-weight: bold;
}

.DTS .table-hover tbody tr:hover {
    background-color: rgba(255,255,255,0.25);
}

.DTS .table-hover thead tr th {
    border-top: none;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #0275d8 !important;
}

/* .DTS .table-hover tbody tr.selected {
    background-color: rgba(0,0,0,0);
} */

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 {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.3em;
    display: block;
    opacity: 0.3
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191"
}

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 {
    right: 0.5em;
    content: "\2193"
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none
}

div.dataTables_scrollBody tbody tr  {   line-height:1em; }
div.dataTables_scrollBody tbody td  {   vertical-align: middle !important; }

.dataTables_wrapper td:hover a  {   color:#fff; }

.datatable-header-inner,
.card-footer,
.card-header                    {   border:none !important; background:#161923; font-weight:bold; }

.dataTables_wrapper th          {   text-align:center; }

/*SUBMENU NAVIGATION (PREFILL LISTS)*/
.dropdown-submenu                   {   position:relative; }
.dropdown-submenu .dropdown-menu    {   top:-8px; }
/*
no longer need these, using 'dropleft' class on the menu item
.dropdown-submenu a::after          {   transform:rotate(90deg); position:absolute; right:150px; top:.8em; }
.dropdown-submenu .dropdown-menu    {   top:-12px; left:-142%; margin-left:.1rem; margin-right:.1rem; }
*/

/* ADAPTED FROM BOOTSTRAP_CONVERSION, FOR IMPORT/EXPORT*/
.content-box                {   box-shadow:0px 0px 8px 0px #111; border-radius: 5px; padding: 15px; background: #44484d; }
.form-control-file          {   color: white; }

.ui-progressbar             {   position: relative; background-color: #fafafa; }
.ui-progressbar-value       {   background-color: #aaa; border-color: #999; }

.progress-label             {   position: absolute; top: 0; font-weight: bold; width: 100%; text-align: center; }
.job_status_error           {   color: red; }

hr                          { background: #999; }