/* public/css/app2.css */

@media (min-width: 1800px) {
    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 85%;
    }
}
@media( max-width: 425px ) { 
    .mb-xs-1 {
        margin-bottom: .25rem !important;
    }
}

.uline {
    border-bottom: solid medium #ced4da;
}
.dataTables_wrapper  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.row {
    width: 100%;
}


.dataTables_wrapper > *:not(.table)  {
    margin-block: 1rem
}
.filter_title {
    width: 110px;
    border: solid thin #ced4da;
    border-radius: .2rem;
}

@media( max-width:768px ) {
    .filter_title {
        width: 100%;
        margin-bottom: 1rem;
    }

} 
@media( max-width:425px ) {
    .filter-wrapper {
        width: 100%;
    }
}

.myhr { 
    opacity:1;
    border: solid 0 #ced4da;
    background-color:  #ced4da;
}

@media( max-width:1024px ) { 
    .table .btn,
    .table th,
    .table td 
    { font-size: 12px; } 
}

.dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dataTables_info {
    margin-right: auto;
    margin-left: .5rem;
    padding: .375rem .75rem !important;
    align-content: center;
    border: solid thin #ced4da;
    border-radius: .2rem;
}

.paging_simple_numbers,
.dataTables_filter {
    align-content: center;
}

input[aria-controls="sessions-table"] {
    margin-left: 5px;
}

.btn-sq {
    border-radius: .2rem !important;
}

table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc {
    background-color: #d8e0ff;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #ced4da;
}

.table td {
    background-color: transparent !important;
}

.nav-link {
    padding-inline: 5px;
    padding-block: 2px;
    border-radius: 6px;
    border: solid thin transparent;
}

.nav-link.active {
    font-weight: 600;
    background-color: gold;
    border-color: #ced4da;
}

.nav-link.active:hover,
.nav-link:hover {
    text-decoration: underline;
}

.col-setting {
    min-width: 500px;
}

@media( max-width:768px ) {
    .col-setting {
        min-width: 400px;
    }
}

#show-recording th {
    background-color: rgba(33, 37, 41, 0.03);
}