/* DivTable.com */
.divTable{
	display: table;
	position: relative;
	width: 100%;
}
.divTableCaption{
	display: table-caption;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.colspan-33 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 33%; 
}
.colspan-66 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 66%; 
}
.colspan-25 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25%; 
}

.colspan-50 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%; 
}

.colspan-75 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 75%; 
}

.colspan-20 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20%; 
}

.colspan-40 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40%; 
}

.colspan-60 { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 60%;
}

.colspan-80 {
	column-span: all;
	/*
	position: absolute;
	top: 0;
	bottom: 0;
	width: 80%; 
	*/
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
	height: 375px;
  }
  
  /* The Close Button */
  .modalClose {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .modalClose:hover,
  .modalClose:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }

  /* END MODAL CONFIG */


  .parent {
	background: white;
	padding: 1rem
  }
  .child {
	border: 1px solid black;
	padding: 1rem
  }
  .float-left-child {
	float: left
  }

  .scroll {
	margin: 3px auto;
	padding: 15px;
	max-width: 1200px;
	max-height:400px;
	overflow-x: auto;
	overflow-y: auto;
	white-space: nowrap;
	border: 1px solid #ddd;
}

.scroll_search {
	margin: 3px auto;
	padding: 15px;
	max-width: 1200px;
	max-height:200px;
	overflow-x: auto;
	overflow-y: auto;
	white-space: nowrap;
	border: 1px solid #ddd;
}

body {
	font-family: Arial;
}

/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}