.default-view, .alt-view{
    text-align: center;
    margin-top: 90px;
}

.capture-img{
    width: 100% !important;
    height: auto;
    border-radius: 8px;
}

.table .img-fluid{
    width: 100px;
    height: 50px;
    object-fit: cover;
}

table.dataTable td,
table.dataTable th {
    text-wrap: wrap;
    vertical-align: middle;
}

.dataTables_length label{
    display: flex;
    align-items: center;
    gap: 7px;
}

.bg-primary-btn {
    background-color: #17a2b8;
}

.bg-primary-btn:hover {
    background-color: #1877ba;
}

.sidenav-header{
    max-height: 120px;
    height: auto !important;
    margin: 10px;
}

.sidenav .navbar-brand{
    text-align: center;
}

.navbar-vertical .navbar-brand>img, .navbar-vertical .navbar-brand-img{
    max-height: 100px;
}


.dw-header-list{
    width: 20%;
}

@media (max-width: 768px) { 
    .dw-header-list{
        width: 50%;
    }
 }

@media (max-width: 575.98px) { 
    .filter-status{
        width: 100% !important;
        margin-top: 10px;
    }

    .filter-status .input-group-text{
        font-size: 12px;
    }

    #table-alert_filter .form-control{
        width: auto !important;  
    }

    .table-top, .table-below{
        display: block !important;
    }

    .table-top-left{
        width: 100% !important;
    }

    .table-top-right{
        width: 100% !important;
    }

    .table-top .dataTables_filter{
         width: 100% !important;
    }

    .table-top .dataTables_filter label{
        width: 100% !important;
        display: flex;
        justify-content: center;
        flex-direction:column ;
        gap: 8px;
        margin: 0;
    }

    .table-below .dataTables_info{
        width: 100%;
        text-align: center;
    }

    .table-below .dataTables_paginate{
        width: 100%;
        justify-content: center;
        display: flex;;
    }

    .dataTables_length{
        justify-content: center;
        display: flex;
    }

    .dataTables_length label{
        width: 100%;
    }

    .dw-header-list{
        width: 100%;
    }


 }

 @media screen and (max-width: 450px) {
    li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: none;
    }
}

.form-group .required:after {
    content: " *";
    color: red;
    font-weight: 100;
 }