/* ========================================
   Modern Table Styles - Shared across projects
   ======================================== */

.table-modern {
    border: none !important;
    margin-bottom: 0 !important;
}

.table-modern thead {
    background-color: var(--glacier-bright-cobalt);
}

.table-modern thead th {
    background-color: var(--glacier-bright-cobalt);
    border-bottom: 1px solid #e5e7eb;
    font-weight: 600;
    font-size: 0.875rem;
    color: #FFF;
    padding: 0.45rem 1.5rem;
    text-transform: none;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    border-right: none;
}

.table-modern thead th:first-child {
    border-left: none;
}

.table-modern thead th a {
    color: #FFF !important;
}

.table-modern thead th a:hover {
    color: #FFF !important;
    opacity: 0.8;
}

.table-modern tbody td {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

.table-modern tbody tr:last-child td {
    border-bottom: none;
}

.table-modern tbody tr:hover {
    background-color: #f9fafb;
}

.table-modern-wrapper {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid var(--glacier-bright-cobalt);
}

#datatable-index, #js-icom-invoice-entry-index, #datatable-index-flux-wizard-report {
	margin-top: 0px !important;
}

div.table-responsive .table-modern-wrapper {
	padding-bottom: 10px !important;
}

#datatable-index_info, #js-icom-invoice-entry-index_info, #datatable-index-flux-wizard-report_info {
	padding-right: 20px !important
}
#datatable-index_paginate, #js-icom-invoice-entry-index_paginate, #datatable-index-flux-wizard-report_paginate {
	padding-left: 20px !important;
	padding-bottom: 20px !important;	
}