div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
}

.tooltip {
    z-index: 10001;
}

#list-window {
    padding: 0.5rem;
    background-color: white;
    opacity: 0.8;
}

#list-window label {
    padding-bottom: 0px;

}

#list-spinner {
    font-size: 15px;
    padding-right: 30px;
}

.list-table td,
.list-table th {
    padding: 0.3rem;
    border: 0px;
}

.dt-buttons .btn {
    padding: 0.3rem;
    box-shadow: none;
    font-size: 0.75rem !important;
}

.dt-button {
    padding: 0.3rem;
    font-size: 0.75rem;
}

.controls-row {
    /*justify-content: flex-end;*/
    align-items: center;
    margin-bottom: 10px;
}

#fullMessageTable_info,
#archiveTable_info {
    margin-right: auto;
}

/*
style datatables expansion buttons*/

.list-table td:first-child::before {
    top: inherit !important;
}

.dataTables_info {
    text-align: left !important;
    font-size: 0.7rem;
}

.dataTables_filter,
.dataTables_scroll {
    padding: 0px !important;
}

.dataTables_scrollHeadInner table {
    margin: 0px !important;
}

#list-window .dataTables_scrollBody {
    background-color: white;
    /* min-height: 70vh; */
}

#list-window .dataTables_scroll {
/*     min-height: 70vh; */
}

div.DTS div.dataTables_scrollBody {
    background: none !important;
    background-color: #ccc;
}

.dataTables_filter input {
    font-size: 0.8rem !important;
    margin-top: 8px;
}

/* #list-buttons-col { */

/*     padding: 0px; */

/*     display: flex; */

/*     display: -ms-flexbox; */

/*     flex-direction: row; */

/*     justify-content: flex-start; */

/*     flex-wrap: wrap; */

/* } */

/* #list-window .buttons-colvis { */

/*     margin-right: 0px; */

/*     font-size: 0.75rem; */

/* } */

#list-window .dt-buttons {
    padding: 0 !important;
    font-size: 0.75rem;
    width: auto !important;
}

#list-top-row {
    /*     display: flex; */
    /*     display: -ms-flexbox; */
    justify-content: flex-end;
    align-items: center;
    font-size: 0.75rem !important;
    margin: 5px 0;
}

/*style all DataTables search input placeholder with Font Awesome and the input text with font sans-serif*/

.fa-placeholder::-webkit-input-placeholder {
    font-family: 'FontAwesome';
    text-align: right !important;
}

.fa-placeholder:-ms-input-placeholder {
    font-family: 'FontAwesome';
    text-align: right !important;
}

/*overwrite all datatables bootstrap to add left padding to all table heads*/

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-left: 5px;
}

.disabled-control,
.disabled-contextmenu-item {
    color: #868e96;
}

.enabled-control {
    color: #464a4e;
}

#list-window row {
    margin: none;
}

/*overwrite bootstrapon tables with infinate/lazy scroller to have a different color on hover*/

div.DTS tbody tr.even.selected {
    background-color: #B0BED9 !important;
}
#list-controls {
    margin-right: auto;
    margin-bottom: -25px;
}
.list-control {
    padding-top: 0.85em;
    font-size: 15px;
    cursor: pointer;
  	padding: 0 10px;
}

.number-column {
	min-width: 35px;	
	text-align: right;
}
#list-table tbody tr {
	cursor: default;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #3388cc;
}
.dropdown-item:hover {
	background-color: #296da3;
}