/*Write your custom css in this file.*/
/*Write your custom css in this file.*/
body {
    font-family: 'Tajawal', sans-serif; 
}
/**/

.dataTable thead th
{
	background-color: #dae8f7;
    color: #054189;
    text-transform: capitalize;
}

.dataTable thead th:hover
{
	background-color: #054192;
	color: white;

}

.filter-section-container {
    background: #f2f2f2;
}

.column-show-hide-popover {
    background: orange;
    color: black;
}

.filter-section-container .select2-choice, .datatable-tools .select2-choice {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.nav-tabs
{
    background: #054189 !important;
    color: white;
}

.nav-tabs li .active, .nav-tabs li.active {
    color: #dae8f7 !important;
    border-color: #dae8f7 !important;
    border-width: 5px;
    border-bottom-width: 5px !important;
}

.nav-tabs li .active, .nav-tabs li.active {
    color: #dae8f7 !important;
    border-color: #dae8f7 !important;
}

.btn-outline-light {
    color: #000000 !important;
    background: #dae8f7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #054189 !important;
    margin: 0 0 0 -1px;
    border: 1px solid #054189 !important;
    border-radius: 2px;
}


table.dataTable tbody tr.odd td {
    background-color: #f2f2f2; /* Light gray for odd rows */
}

table.dataTable tbody tr.even td {
    background-color: #ffffff; /* White for even rows */
}

.dataTables_info {
    color: #000000 !important;
}

td.option a, .action-option {
    
    color: #000000;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px !important;
}
/*
.form-group .row
{
	float:left;
	width:50%;
	margin-bottom: 5px;
}

.card {
    
    background: #dae8f7;
}

.dashed-row .form-group {
     border-bottom: 0px dashed #e2e4e8; 
     padding-bottom: 0px;
     margin-bottom: unset; 
}
*/