.bootstrap-datetimepicker-widget > ul {
	padding-left: inherit;
}

.responsive_data_table > p {
        margin: 0;
}

/* 
To display wide tables on small screens.
https://css-tricks.com/responsive-data-tables/
*/
@media 
only screen and (max-width: 760px) /* width of the browser */
/* , (min-device-width: 768px) and (max-device-width: 1024px) */ /* width of the actual screen */
{

	/* Force table to not be like tables anymore */
	table.responsive_data_table,
    thead.responsive_data_table,
    tbody.responsive_data_table,
    th.responsive_data_table,
    td.responsive_data_table,
    tr.responsive_data_table { 
		display: block; 
        overflow-x: auto;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr.responsive_data_table { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.responsive_data_table { border: 1px solid #ccc; }
	
	td.responsive_data_table { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
	}
	
	td.responsive_data_table:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}