/* Increase size of check boxes */
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 5px;
  margin: 0px;
  margin-left: 8px;
  margin-right: 8px;
}

.input_filter_value
{
  padding: 0px;
  padding-left: 1px;
  padding-right: 1px;
  margin: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14pt;
  background-color: var(--input_filter_value-bgcol);
  color: black;
}

.input_filter_operator
{
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14pt;
  background-color: var(--input_filter_operator-bgcol);
  color: black;
  /* width: 60px; */
}

/* common characteristics to all action buttons */	

.toolbar_button_action_create, 
.toolbar_button_action_update , 
.toolbar_button_action_delete, 
.toolbar_button_action_launch_image_manager,
.toolbar_button_action_export, .toolbar_button_action_export_html, .toolbar_button_action_export_xls, .toolbar_button_action_export_gedcom, 
.toolbar_button_action_apply_filters, .toolbar_button_action_reset_filters,
.toolbar_button_action_manage_ascending_tree, .toolbar_button_action_manage_descending_tree
{
	width: 40px;
	height: 40px;
	background-size: 34px 34px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 2px;
    border: none;
}
	
/* specific characteristics of action buttons */	

.toolbar_button_action_create {
	background-image:url("../icons/New_24x24.png");
}
	
.toolbar_button_action_update {
	background-image:url("../icons/Edit2_32x32.png");
}

.toolbar_button_action_delete  {
	background-image: url("../icons/Delete_24x24.png");
}
	
.toolbar_button_action_launch_image_manager  {
	background-image:url("../icons/Next_24x24.png");
}
	
.toolbar_button_action_export  {
	background-image:url("../icons/Save_24x24.png");
}

.toolbar_button_action_export_html  {
	background-image:url("../icons/Save_html_24x24.png");
}

.toolbar_button_action_export_xls  {
	background-image:url("../icons/Save_xls_24x24.png");
}

.toolbar_button_action_export_gedcom  {
	background-image:url("../icons/Save_gedcom_24x24.png");
}

.toolbar_button_action_apply_filters  {
	background-image:url("../icons/Filter_24x24.png");
}

.toolbar_button_action_reset_filters  {
	background-image:url("../icons/Filter_reset_24x24.png");
}

.toolbar_button_action_manage_ascending_tree {
	background-image: url("../icons/ArrowUp_32x32.png");
}

.toolbar_button_action_manage_descending_tree {
	background-image: url("../icons/ArrowDown_32x32.png");
}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#data_grid_container h3 {
	margin: 5px 0px;
	padding: 0;
}
.data_grid table {
	border-collapse: collapse;
}
.data_grid table thead th, 
.data_grid table thead th div {
	color: var(--data_grid-fgcol);
	background-color: var(--data_grid-bgcol);	
	vertical-align: bottom;
	font-size: 12pt;
	font-weight: bold;
	white-space: nowrap;
}
.data_grid table tbody tr {
	color: var(--data_grid-fgcol);
	background-color: var(--data_grid-bgcol);	
	vertical-align: middle;
	font-size: 12pt;
	font-weight: normal;
}
.data_grid table tbody tr td {
	margin:0px;
	padding: 2px 3px;
}

.data_grid_selector{
}

.data_grid_table_toolbar {
	white-space: nowrap;
	overflow: hidden;
}

.data_grid_header_sortable,
.data_grid_header_sortable a {
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left:3px;
	padding-right:3px;
}

.data_grid_header_sortable,
.data_grid_header_sortable a:link, 
.data_grid_header_sortable a:active,
.data_grid_header_sortable a:visited
 {
/*
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
*/
	color: var(--data_grid_header_sortable-fgcol);
	background-color: var(--data_grid_header_sortable-bgcol);
	border-color: var(--data_grid_header_sortable-bdcol);
}

.data_grid_header_sortable a:hover {
/*
	font-weight: normal;
	vertical-align: middle;
	text-decoration: underline;
*/
	color: var(--data_grid_header_sortable_hover-fgcol); 
	background-color: var(--data_grid_header_sortable_hover-bgcol);
	border-color: var(--data_grid_header_sortable_hover-bdcol);
	}

/*
.data_grid_header_sortable img {
	width: 17px;
	height: 20px;
}	
*/
.data_grid_checkbox_checked, .data_grid_checkbox_unchecked {
	font-size: 30pt;
	text-align: center;
}