﻿.flex-wrapper {
    display: flex;
    min-height: 50vh;
    flex-direction: column;
    justify-content: flex-start;
}

/* Content Inside */
.table.dataTable {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
}

/* Column Visibility Button */
.buttons-colvis {
    width: 160px;
}

/* Dropdown-menu Setting */
.dropdown-menu {
    font-size: 0.7em;
}

/* Collection(include colvis) Buttons */
.buttons-collection {
    /*
            width: 100px;
            height: 35px;
            */
    font-size: 15px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Button Inside Collection */
div.dt-button-collection {
    font-size: 20px;
    background-color: white;
}

/* Show 10 Entries Word */
.dataTables_wrapper .dataTables_length {
    font-size: 20px;
}

    /* Show 10 Entries Dropdown */
    .dataTables_wrapper .dataTables_length select {
        height: 35px;
        width: 100px;
        font-size: 15px;
    }

/* Search Bar Length & Inside Word */
div.dataTables_wrapper div.dataTables_filter input {
    width: 200px;
    font-size: 15px;
}

/* Settings For Both Filter & Length */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    font-size: 15px;
}

/* Showing ... Entries Information */
.dataTables_wrapper .dataTables_info {
    font-size: 15px;
}

/**/
.dataTables_paginate .pagination > li a {
    font-size: 10px !important;
}

.dataTables_paginate {
    font-size: 20px !important;
}

.paginate_button.current {
    font-size: 20em !important;
}

.dataTables_wrapper .dt-buttons {
    float: none;
    text-align: center;
    font-size: 20px !important;
    color:aqua;
}

.buttonColor {
    background-color:steelblue;
    color: white;
}