@import "//www.jmu.edu/web_ssi/datatable/datatables.min.css";
/* CHANGE LOG:
x20241107 - 7 November 2024 - johns2ja - removed max-height for .tdht for accessibility
x20231115 - 11 November 2023 - okellesm - added margin for dropdown select boxes 
x20230706 - 6 July 2023 - johns2ja - removed important keyword from .tabular-cell display since sometimes it needs to collapse and ensured it maintains such display behavior through all resolutions 
x20230622 - 22 June 2023 - johns2ja - changes so that columns don't stack in Safari at mobile. 
*/
 #maincontentarea .gridpad {
	 overflow: visible !important;
}
/* removed per x20230622 by johns2ja @media all and (min-width: 120px){
	 .tabular-row, .tabular-cell {
		 display: block;
	}
} */
 @media all and (min-width: 120px){ /* 769px changed to 120px per x20230622 by johns2ja and added !important keyword  */
	 .tabular-row{
		 display: table-row !important;
	}
	 .tabular-cell {
		 display: table-cell; /* x20230706 removed !important keyword */
	}
}
 table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
	 padding: 10px 10px;
}
 table.dataTable thead th {
	 text-align: left;
}
 .datatable td div.tdht {
	/* max-height:7em; removed per x20241107 */
	 overflow:auto;
	 text-overflow:ellipsis;
}
#maincontentarea .dataTables_length, #maincontentarea .dataTables_length label {
    float: right !important;
    margin-top: 0px !important;
}
 #maincontentarea .rwdwysiwyg .dataTables_length {
	 padding-top: 10px;
	 padding-right: 8px;
}
#maincontentarea .dataTables_filter {
    float: left !important;
   /* position: relative;
    right: 250px;
    font-weight: bold;
    float: right !important;
   */
}
 #maincontentarea .dataTables_filter label {
	 float: none !important;
	 font-size: 18px;
	 color: #450084;
	 width: 4em;
}
#maincontentarea .rwdwysiwyg .dataTables_filter {
    padding-top: 10px;
    padding-left: 8px;
}
 table.dataTable tbody th, table.dataTable tbody td {
	 vertical-align:top;
}
 @media all and (max-width: 460px){
	 .dataTables_wrapper .dataTables_filter {
		 margin-top: 2em;
	}
}
@media all and (min-width: 120px){
    #dropdowns select { 
        margin: 5px 5px;  
        
    }
    
/* remove per x20230706
 @media all and (min-width: 120px){
	 .tabular-row, .tabular-cell {
		 display: block;
	}
}
*/
 @media all and (min-width: 769px){
	 .tabular-row{
		 display: table-row;
	}
	 .tabular-cell {
		 display: table-cell;
	}
}
 mark{
	 background: orange;
	 color: black;
}