body {
    min-height: 100%;
    background-color: #2a2929;
}
body::before {
    content: "";
    background: url(image.jpg);
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-image: url("../img/mgbg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.data_table .odd .even {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #DDD !important;
}

.data_table thead tr, .data_table tfoot tr {
    background: rgba(22,204,101,0.55) !important;
    background: linear-gradient(90deg, rgba(0,128,1,1) 0%, rgba(22,204,101,0.55) 35%, rgba(0,128,1,1) 100%) !important;

    color: #FFF;
    font-size: 1rem !important;
    text-align: center !important;
}

.data_table thead tr th {
    padding: 1rem !important;
    border-left: 1px solid #71706e !important;
    border-right: 1px solid #71706e !important;
    border-bottom: 2px solid #333 !important;
}

.data_table tfoot tr th {
    padding: 1rem !important;
    border-left: 1px solid #71706e !important;
    border-right: 1px solid #71706e !important;
    border-top: 2px solid #333 !important;
}

.data_table thead tr th:first-child, .data_table tfoot tr th:first-child {
    border-left: none !important;
}

.data_table thead tr th:last-child, .data_table tfoot tr th:last-child {
    border-right: none !important;
}

.data_table tbody tr {
    color: #333;
}

.data_table tbody tr td {
    padding: 0.5rem !important;
    border: 1px solid #FFF !important;
    font-size: 0.7rem;
    text-align: center;
}

.data_table .odd {
    background: #eee;
}

.data_table .even {
    background: #DDD;
}

.dataTables_length, .dataTables_filter, .dataTables_info, .pagination {
    padding: 0.5rem 0px;
}

.dataTables_processing {
    color: #008001 !important;
    border: 2px solid #71706e;
    background: rgba(255, 255, 250, 0.8);
    font-weight: bold;
    font-size: 1.2rem;
}

.dataTables_length, .dataTables_filter {
    display: none;
}

.page-item.active .page-link {
    color: #FFF !important;
    background-color: #71706e !important;
    border-color: #008001 !important;
}

.page-link {
    color: #008001 !important;
}

.active > .page-link {
    color: #FFF;
}

.text-primary {
    color: #008001 !important;
}
.btn-warning {
    background: rgba(22,204,101,0.55) !important;
    background: linear-gradient(90deg, rgba(0,128,1,1) 0%, rgba(22,204,101,0.55) 35%, rgba(0,128,1,1) 100%) !important;
    border-color: #71706e !important;
    color: #FFF !important;
}
.text-warning {
    color:#008001 !important;
}