@media screen and (max-width: 1000px) {
	/* Force table to not be like tables anymore */
    table.dataTable, 
    .dataTable thead, 
    .dataTable tbody, 
    .dataTable th, 
    .dataTable td, 
    .dataTable tr { 
		display: block; 
    }
    
    /* .dataTable tr td:first-child:before {
        font-family: Verdana-Bold;
    } */

    /* for safari linking numbers as phone number */
    .dataTable td > a { 
        text-decoration:none; 
        pointer-events: none;
        color:inherit; 
    }

    .user_name_row{
        padding-right: .75rem !important;
    }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.dataTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
    
    /* .dataTable tr { 
        border-left: 1px solid #ececec;; 
        border-right: 1px solid #ececec;; 
    } */

	.dataTable td { 
		/* Behave  like a "row" */
        border: none !important;
        /* border-bottom: 1px solid #ececec !important; */
        position: relative;
        padding-top: 40px !important;
        padding-left: 15px !important;
        min-height: 30px;
        line-height: 30px;
        overflow-wrap: break-word;
        padding-right: 30px;
    }
    
    /* .dataTable.table-striped tbody tr:nth-of-type(odd) td{
        border-bottom: 1px solid white !important;
    } */

    .dataTable td.display_hidden{
        display: none;
    }
	
	.dataTable td:before { 
		position: absolute;
        top: 25px;
        left: 15px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap;
        transform: translateY(-50%);
        white-space: pre-wrap;
        font-family: "Poppins-semibold";
    }

    .dataTable td.status_row::before{
        color: black !important;
    }

    .dataTable tr{
        position: relative;
    }

    /*
    Support List Labels
    */
    #supportsTable.dataTable td:nth-of-type(1):before { content: "Reference:"; }
    #supportsTable.dataTable td:nth-of-type(2):before { content: "Title:"; }
    #supportsTable.dataTable td:nth-of-type(3):before { content: "Contract:"; }
    #supportsTable.dataTable td:nth-of-type(4):before { content: "Updated:"; }
    #supportsTable.dataTable td:nth-of-type(5):before { content: "Assigned:"; }
    #supportsTable.dataTable td:nth-of-type(6):before { content: "Status:"; }

    
    /*
    Project List Labels
    */
    #projectsTable.dataTable td:nth-of-type(1):before { content: "Reference:"; }
    #projectsTable.dataTable td:nth-of-type(2):before { content: "Title:"; }
    #projectsTable.dataTable td:nth-of-type(3):before { content: "Created:"; }
    #projectsTable.dataTable td:nth-of-type(4):before { content: "Status:"; }

    /*
    Feedback List Labels
    */
    #feedbackTable.dataTable td:nth-of-type(1):before { content: "Reference:"; }
    #feedbackTable.dataTable td:nth-of-type(2):before { content: "Title:"; }
    #feedbackTable.dataTable td:nth-of-type(3):before { content: "Updated:"; }
    #feedbackTable.dataTable td:nth-of-type(4):before { content: "Created:"; }
    #feedbackTable.dataTable td:nth-of-type(5):before { content: "Status:"; }

    /*
    Warranty List Labels
    */
    #warrantiesTable.dataTable td:nth-of-type(1):before { content: "Reference:"; }
    #warrantiesTable.dataTable td:nth-of-type(2):before { content: "Title:"; }
    #warrantiesTable.dataTable td:nth-of-type(3):before { content: "Updated:"; }
    #warrantiesTable.dataTable td:nth-of-type(4):before { content: "Assigned:"; }
    #warrantiesTable.dataTable td:nth-of-type(5):before { content: "Status:"; }
    
    /*
    User List Labels
    */
    #usersTable.dataTable td:nth-of-type(1):before { content: "Name:"; }
    #usersTable.dataTable td:nth-of-type(2):before { content: "Support Agreement:"; }
    #usersTable.dataTable td:nth-of-type(3):before { content: "Status:"; }

    .table-responsive{
        overflow-x: hidden !important;
    }
}