/* show and hide elements as is appropriate */
.data-row td div.disp {
	display: inline;
}

.data-row td div.frm {
	display: none;
}

.data-row td div.disp.editing {
	display: none;
}

.data-row td div.frm.editing {
	display: inline;
}

tr.data-row,
tr.data-row td {
	display: none;
}

tr.autoshow {
	display: table-row !important;
}

.autoshow td {
	display: table-cell !important;
}


.widget_plgdyn_tabular_widget {
    position: relative;
}

div.tabular_widget_record {
	margin-bottom: 12px;
	padding: 12px;
	border: 1px solid #888;
	opacity: 0.8;
	transition: 0.2s;
}

div.tabular_widget_record:hover {
	background-color: #fffff0;
	opacity: 1;
	cursor: pointer;
}

tr.filters {
	border-bottom: 1px solid #888; 
	margin-bottom: 8px;
}

tr.filters td {
	padding-bottom: 8px;
	padding-right: 8px;
}
tr.filters td.sub-header {
	font-style: italic;
	opacity: 0.8;
}

div.tabular_widget_results {
    overflow-y: scroll;
    max-height: 240px;
    position: absolute;
    width: 60%;
    background-color: white;
    margin-top: 24px;    
}

.tabular_widget_columns {
    position: absolute;
}

.tabular_fx .tabular_filter {
    padding-right: 2px;
}

.tabular_fx .tabular_filter input {
    max-width: 80px;
}