body {
    font-family: 'Cairo';
}

.width30{
    width:30%;
}
.float_right{
    float:  right !important;
}
.custom_img{
    width:150px;
    height: 150px;
}
.card_title_center{
    width: 100%;
    text-align: center !important;
}

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

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 1px !important;
    border-left-width: 1px !important;
}

table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child {
    border-right-width: 0px !important;
}

.dataTables_filter, .dataTables_length, .dt-buttons {
    float: left;
    vertical-align: middle;
    width: 30%;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

.dt-buttons {
    display: inline-block;
    text-align: left;
    width: 40%;
}

#pilTable_wrapper .row {
    margin: 0;
}

table.dataTable.table-sm>thead>tr>th {
    padding-right: 0.3rem;
    text-align: center;
    font-size: 13px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #edb357;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .dataTables_filter, .dataTables_length, .dt-buttons {
        width: 100%;
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.daterangepicker {
    font-family: 'Cairo' !important;
}

.daterangepicker td.start-date {
    border-radius: 0 4px 4px 0 !important;
}

.daterangepicker td.end-date {
    border-radius: 4px 0 0 4px !important;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px !important;
}

.daterangepicker .ranges li {
    text-align: center;
}

.daterangepicker .calendar-table th {
    font-size: 10px !important;
}

.daterangepicker th.month {
    font-size: 14px !important;
}