:root {
    --app-primary-color: #000040;
    --app-secondary-color: #e43170;
    --app-primary-text: #fff;
}

.navbar-vertical .navbar-brand>img, .navbar-vertical .navbar-brand-img {
    max-height: 4rem;
}
.modal-header {
    background: #000040;
    color: #fff;
}
.modal-header .modal-title {
    color: #fff;
}
/* DataTable CSS */
#dataTable_wrapper {

}

/* Pagination */
div.dt-container .dt-paging .dt-paging-button {
    padding: inherit !important;
    color: var(--app-primary-text) !important;
    background: var(--app-primary-color) !important;
    padding: 3px 9px !important;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--app-secondary-color) !important;
    color: var(--app-primary-text) !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background: linear-gradient(to bottom, #ea5e8f 0%, var(--app-secondary-color) 100%) !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled, 
div.dt-container .dt-paging .dt-paging-button.disabled:hover, 
div.dt-container .dt-paging .dt-paging-button.disabled:active {
    background: #000040cf !important;
    color: var(--app-primary-text) !important;
    cursor: not-allowed !important;
}

div.dt-container .dt-length, 
div.dt-container .dt-search, 
div.dt-container .dt-info, 
div.dt-container .dt-processing, 
div.dt-container .dt-paging,
label.dt-layout-cell label
{
    font-size: 12px;
}

#dataTable {
    font-size: 14px;
}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
    padding: 8px 10px;
    border: 1px solid #dddddd;
}

table.dataTable>tbody>tr:last-child>* {
    border: 1px solid #dddddd;
}

.dt-info {
    background: #000040 !important;
    padding: 5px 10px !important;
    color: white !important;
    letter-spacing: 0.5px !important;
}