@media (min-width: 768px) {

    html {
        font-size: 16px;
    }
    .centeral-container {
        margin-right: -273px;
        padding-right: 273px;
    }
    .ui-item-inline {
        padding: 0 0.75rem;
    }
    .ui-form-button {
        width: unset;
    }
    .ui-convert {
        margin: 1rem -1.5rem -1.5rem -1.5rem;
        width: calc(100% + 3rem);
    }

        .ui-convert td, .ui-convert th {
            padding: 1rem;
        }

        .ui-convert tr:not(:last-child):not(:has( + .spacer)) {
            border-bottom: 1px solid var(--gray-200);
        }

        .ui-convert thead tr {
            border-bottom: 1px solid var(--gray-200);
        }

        .ui-convert .ui-label {
            display: none;
        }
        .left-nav .closebutton {
            display: none;
        }

        .left-nav .logo-container {
            display: unset;
        }

        .left-nav .offcanvas-header {
            display: none;
        }

    .left-nav {
        transform: translateX(0);
        width: 273px;
    }
    .user-responsible-table thead th:nth-child(1) span:first-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(1) span:last-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(2), .user-responsible-table thead th:nth-child(3) {
        display: none;
    }

    .user-responsible-table tbody tr td:nth-child(1), .user-responsible-table tbody tr td:nth-child(2), .user-responsible-table tbody tr td:nth-child(3) {
        display: block;
    }

        .user-responsible-table tbody tr td:nth-child(1) .ui-label, .user-responsible-table tbody tr td:nth-child(2) .ui-label, .user-responsible-table tbody tr td:nth-child(3) .ui-label {
            display: block;
        }
}
@media (min-width: 768px) and (max-width: 1399.9px) {
    
    .note-responsible-table thead th:nth-child(6) span:first-child {
        display: block;
    }

    .note-responsible-table thead th:nth-child(6) span:last-child {
        display: none;
    }

    .note-responsible-table thead th:nth-child(7), .note-responsible-table thead th:nth-child(8) {
        display: none;
    }

    .note-responsible-table tbody tr td:nth-child(6), .note-responsible-table tbody tr td:nth-child(7), .note-responsible-table tbody tr td:nth-child(8) {
        display: block;
    }

        .note-responsible-table tbody tr td:nth-child(6) .ui-label, .supplier-responsible-table tbody tr td:nth-child(7) .ui-label, .supplier-responsible-table tbody tr td:nth-child(8) .ui-label {
            display: block;
        }
    .supplier-responsible-table thead th:nth-child(7) span:first-child {
        display: block;
    }

    .supplier-responsible-table thead th:nth-child(7) span:last-child {
        display: none;
    }

    .supplier-responsible-table thead th:nth-child(8), .supplier-responsible-table thead th:nth-child(9), .supplier-responsible-table thead th:nth-child(10) {
        display: none;
    }

    .supplier-responsible-table tbody tr td:nth-child(7), .supplier-responsible-table tbody tr td:nth-child(8), .supplier-responsible-table tbody tr td:nth-child(9), .supplier-responsible-table tbody tr td:nth-child(10) {
        display: block;
    }

        .supplier-responsible-table tbody tr td:nth-child(7) .ui-label, .supplier-responsible-table tbody tr td:nth-child(8) .ui-label, .supplier-responsible-table tbody tr td:nth-child(9) .ui-label, .supplier-responsible-table tbody tr td:nth-child(10) .ui-label {
            display: block;
        }
}
@media (min-width: 768px) and (max-width: 1199.9px) {

    .supplier-responsible-table thead th:nth-child(2){
        display: none;
    }

    .supplier-responsible-table tbody tr td:nth-child(2) {
        display: block;
    }

        .supplier-responsible-table tbody tr td:nth-child(2) .ui-label {
            display: block;
        }
}
@media (min-width: 1200px) {
    .supplier-responsible-table thead th:nth-child(2) {
        display: table-cell;
    }

    .supplier-responsible-table tbody tr td:nth-child(2) {
        display: table-cell;
    }
}
@media (min-width: 768px) and (max-width: 1654.9px) {
       
    .user-responsible-table thead th:nth-child(2) span:first-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(2) span:last-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(3) {
        display: none;
    }

    .user-responsible-table tbody tr td:nth-child(2), .user-responsible-table tbody tr td:nth-child(3) {
        display: block;
    }

        .user-responsible-table tbody tr td:nth-child(2) .ui-label, .user-responsible-table tbody tr td:nth-child(3) .ui-label {
            display: block;
        }
    .user-responsible-table thead th:nth-child(5) span:first-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(5) span:last-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(6) {
        display: none;
    }

    .user-responsible-table tbody tr td:nth-child(5), .user-responsible-table tbody tr td:nth-child(6) {
        display: block;
    }

        .user-responsible-table tbody tr td:nth-child(5) .ui-label, .user-responsible-table tbody tr td:nth-child(6) .ui-label {
            display: block;
        }
    
    .supplier-responsible-table thead th:nth-child(3) span:first-child {
        display: block;
    }

    .supplier-responsible-table thead th:nth-child(3) span:last-child {
        display: none;
    }

    .supplier-responsible-table thead th:nth-child(4), .supplier-responsible-table thead th:nth-child(5) {
        display: none;
    }

    .supplier-responsible-table tbody tr td:nth-child(3), .supplier-responsible-table tbody tr td:nth-child(4), .supplier-responsible-table tbody tr td:nth-child(5) {
        display: block;
    }

        .supplier-responsible-table tbody tr td:nth-child(3) .ui-label, .supplier-responsible-table tbody tr td:nth-child(4) .ui-label, .supplier-responsible-table tbody tr td:nth-child(5) .ui-label {
            display: block;
        }
}
@media (min-width: 768px) and (max-width: 1849.9px) {
    .user-responsible-table thead th:nth-child(5) span:first-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(5) span:last-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(6) {
        display: none;
    }

    .user-responsible-table tbody tr td:nth-child(5), .user-responsible-table tbody tr td:nth-child(6) {
        display: block;
    }

        .user-responsible-table tbody tr td:nth-child(5) .ui-label, .user-responsible-table tbody tr td:nth-child(6) .ui-label {
            display: block;
        }

}
@media (min-width: 1400px) {
    .note-responsible-table thead th:nth-child(6) span:first-child {
        display: none;
    }

    .note-responsible-table thead th:nth-child(6) span:last-child {
        display: block;
    }

    .note-responsible-table thead th:nth-child(6), .note-responsible-table thead th:nth-child(7), .note-responsible-table thead th:nth-child(8) {
        display: table-cell;
    }

    .note-responsible-table tbody tr td:nth-child(6), .note-responsible-table tbody tr td:nth-child(7), .note-responsible-table tbody tr td:nth-child(8) {
        display: table-cell;
    }
    .supplier-responsible-table thead th:nth-child(7) span:first-child {
        display: none;
    }

    .supplier-responsible-table thead th:nth-child(7) span:last-child {
        display: block;
    }

    .supplier-responsible-table thead th:nth-child(8), .supplier-responsible-table thead th:nth-child(9), .supplier-responsible-table thead th:nth-child(10) {
        display: table-cell;
    }

    .supplier-responsible-table tbody tr td:nth-child(7), .supplier-responsible-table tbody tr td:nth-child(8), .supplier-responsible-table tbody tr td:nth-child(9), .supplier-responsible-table tbody tr td:nth-child(10) {
        display: table-cell;
    }
}
@media (min-width: 1550px) {
    .user-responsible-table thead th:nth-child(1) span:first-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(1) span:last-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(1), .user-responsible-table thead th:nth-child(2) {
        display: table-cell;
    }

    .user-responsible-table tbody tr td:nth-child(1) {
        display: table-cell;
    }
    
}
@media (min-width: 1655px) {
       
    .user-responsible-table thead th:nth-child(2) span:first-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(2) span:last-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(3) {
        display: table-cell;
    }

    .user-responsible-table tbody tr td:nth-child(2), .user-responsible-table tbody tr td:nth-child(3) {
        display: table-cell;
    }
    .supplier-responsible-table thead th:nth-child(3) span:first-child {
        display: none;
    }

    .supplier-responsible-table thead th:nth-child(3) span:last-child {
        display: block;
    }

    .supplier-responsible-table thead th:nth-child(4), .supplier-responsible-table thead th:nth-child(5) {
        display: table-cell;
    }

    .supplier-responsible-table tbody tr td:nth-child(3), .supplier-responsible-table tbody tr td:nth-child(4), .supplier-responsible-table tbody tr td:nth-child(5) {
        display: table-cell;
    }
}
@media (min-width: 1850px) {
    .user-responsible-table thead th:nth-child(5) span:first-child {
        display: none;
    }

    .user-responsible-table thead th:nth-child(5) span:last-child {
        display: block;
    }

    .user-responsible-table thead th:nth-child(6) {
        display: table-cell;
    }

    .user-responsible-table tbody tr td:nth-child(5), .user-responsible-table tbody tr td:nth-child(6) {
        display: table-cell;
    }
}