.footer {
    left: 0;
}
.table-info{
    background: #fff !important;
}
.table-info tr td{
    padding: 0.35rem 0.6rem;
    background: #fff;
}
.button-profile{
    cursor: default !important;
}
.same-height {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.same-height .col-xxl-6 {
    display: flex;
}

.same-height .card {
    flex: 1;
}
.search-box, .search-box .btn  {
    width: 100%;
}
.form-control.disable{
    pointer-events: none;
    opacity: 0.4;
}
.table .sort::after, .table .sort::before {
    display: none !important;
}
#NotesForDelegate{
    width: 100%;
    height: 130px;
}
.submit-report-form{
    width: 100%;
}

.modified_value{
    background: #7ABA53;
}
.hidden{
    display: none;
}

.sn_modifiable{
    color: #47b9ff;
}
@media (max-width: 1200px) {
    table .name{
        width: 200px;
        text-wrap: auto;
    }
    table .id{
        width: 50px;
        display: flex;
        height: 80px;
    }
    .clientsTable tbody td{
        padding:  5px;
    }
}
@media (max-width: 992px) {
    .table-clientlist .table thead {
        display: none; /* Hide table headers */
    }

    .table-clientlist .table,
    .table-clientlist .table tbody,
    .table-clientlist .table tr,
    .table-clientlist .table td {
        display: block;
        width: 100%;
    }
    .table-clientlist-card{
        background: transparent !important;
        border: none !important;
        outline: 0 !important;
        box-shadow: none;
    }
    .table-clientlist-body{
        margin-top: 20px;
        background: transparent !important;
        border: none !important;
        outline: 0 !important;
    }
    .table-clientlist{
        background: #f3f3f9;
    }
    .table-clientlist .table tr {
        margin-bottom: 1.5rem;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 10px;
        background: #fff;
    }

    .table-clientlist .table td {
        text-align: left;
        padding: 8px 10px;
        position: relative;
    }

    .table-clientlist .table td::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        color: #333;
        margin-bottom: 3px;
    }

    .table-clientlist .table td:last-child {
        border-bottom: none;
    }
}
@media (max-width: 768px) {
    .navbar-brand-box {
        display: block;
    }
    .mobile-flex-row{
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    [data-layout=horizontal] .page-content {
        padding: calc(15px + var(--vz-grid-gutter-width) * 1.8) calc(var(--vz-grid-gutter-width) * .5) 60px calc(var(--vz-grid-gutter-width) * .5);
    }
    .details-tables .col-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

}
