//  =================
//      Imports
//  =================

@import '../../../assets/base/color_variables';     // Color Variables
@import '../../../assets/base/fonticons';               // Fonticons Variables
@import '../../../assets/base/urls';                // URLS Variables
@import '../../../assets/base/utilities_variables';  // Utilities Variables

.table {
    >thead {
        >tr {
            >th {
                color: $color_56;
                font-weight: 600;
            }
        }
    }
    td {
        border-top: $b-width-1 $solid $color_6;
    }
    th {
        border-top: $b-width-1 $solid $color_6;
    }
    >tfoot {
        >tr {
            >th {
                color: $color_76;
            }
        }
    }
}
.table-striped {
    tbody {
        tr {
            &:nth-of-type(odd) {
                background-color: $white;
            }
        }
    }
}
.table-hover {
    &:not(.table-dark) {
        tbody {
            tr {
                td {
                    color: $additional-color-11;
                }
                &:hover {
                    td {
                        color: $color_57 !important;
                        box-shadow: none;
                    }
                    td[class*="text-"] {
                        color: $color_57 !important;
                        box-shadow: none;
                    }
                }
            }
        }
    }
}
.dataTables_filter {
    input {
        position: $pos-rel;
        margin-left: 5px;
        border-radius: $br-30;
        padding-bottom: 5px;
        padding-top: 5px;
        border: $solid $b-width-1 $additional-color-6;
    }
}
#zero-config_paginate {
    .pagination {
        >.active {
            >a {
                background-color: $additional-color-11;
                border-color: $additional-color-11;
                color: $white;
                border-radius: $br-4;
                will-change: opacity, transform;
                transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
            }
        }
    }
    ul.pagination {
        li {
            a {
                &:hover {
                    &:not(.active) {
                        background-color: $color_57;
                        color: $white;
                        border-radius: $br-4;
                    }
                }
            }
        }
    }
    .table-hover {
        tbody {
            tr {
                &:hover {
                    background-color: $color_164;
                    will-change: opacity, transform;
                    transition: all 0.3s ease-out;
                    -webkit-transition: all 0.3s ease-out;
                }
            }
        }
    }
}
div#zero-config_paginate {
    .page-link {
        &:focus {
            box-shadow: none;
        }
    }
    ul.pagination {
        li.previous {
            i {
                vertical-align: $v-align-middle;
            }
        }
        li.next {
            i {
                vertical-align: $v-align-middle;
            }
        }
    }
}
.page-link {
    &:focus {
        box-shadow: none;
    }
}