﻿table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px green;
    border-radius: 10px;
}

table::-webkit-scrollbar-thumb {
    background: darkblue;
    border-radius: 10px;
}

table::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.anvafea-card-table {
    background-color: #061325;
}

.anvafea-card-table .anvafea-card-header{
    padding: 1.5rem;
}
.anvafea-card-table .anvafea-card-header .anvafea-title{
    float: left;
}

.anvafea-card-table .anvafea-card-header .anvafea-buttons{
    float: right;
}

.anvafea-card-table .anvafea-card-body thead{
    color: #2c7be5;
}

.anvafea-card-table .anvafea-card-body tbody tr td:last-child a{
    padding: 0.38rem;
}

.anvafea-card-table .anvafea-card-body tbody tr td:last-child{
    width: 10rem;
}

.anvafea-card-table .anvafea-card-body tbody tr td .anvafea-edit{
    color: green;
}

.anvafea-card-table .anvafea-card-body tbody tr td .anvafea-delete{
    color: darkred;
}

.anvafea-card-table .anvafea-card-footer{
   padding-bottom: 0px;
}

.anvafea-card-table .anvafea-card-body tbody tr th {
    border-bottom: 0px;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+1) th div span:before {
    content: '1';
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+2) th div span:before {
    content: '2';
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+3) th div span:before {
    content: '3';
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+4) th div span:before {
    content: '4';
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+5) th div span:before {
    content: '5';
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+1) th div {
    position: relative;
    background-color: #2a2831;
    color: #0e1c2f;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+2) th div {
    position: relative;
    background-color: #112f48;
    color: #0e1c2f;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+3) th div {
    position: relative;
    background-color: #122745;
    color: #0e1c2f;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+4) th div {
    position: relative;
    background-color: #281f34;
    color: #0e1c2f;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+5) th div {
    position: relative;
    background-color: #0c3238;
    color: #0e1c2f;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+1) th div span {
    color: #f5803e;
    position: absolute;
    font-size: 1rem;
    top: 20%;
    left: 35%;
}

.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+2) th div span {
    color: #27bcfd;
    position: absolute;
    font-size: 1rem;
    top: 20%;
    left: 35%;
}
.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+3) th div span {
    color: #2c7be5;
    position: absolute;
    font-size: 1rem;
    top: 20%;
    left: 35%;
}
.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+4) th div span {
    color: #e63757;
    position: absolute;
    font-size: 1rem;
    top: 20%;
    left: 35%;
}
.anvafea-card-table .anvafea-card-body tbody tr:nth-child(5n+5) th div span {
    color: #00d27a;
    position: absolute;
    font-size: 1rem;
    top: 20%;
    left: 35%;
}

/* .pagination li a {
    background-color: #2c7be5 !important;
    border-color: #2c7be5 !important;
    color: white;
} */

/* .pagination li .active {
    background-color: #9da9bb !important;
} */
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color: #fff!important;
}
.dataTables_wrapper .dataTables_paginate {
    float: inherit!important;
    padding-top: 0.25em;
}