@charset "utf-8";
/* CSS Document*/

html, body {
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* background: url('images/background.jpg') no-repeat fixed;
	background-size: 100% 100%;
  */
  
  background-image: url('/images/wallpaper/basil-walmart.png');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#filldiv {
	height: 100vh;
	width: 100vw;
}

.banner {
	padding-top: 50px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.container {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.column {
	width: 47%;
	float: left;
}

.body_special {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.center {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

IMG.center {
	display: block;
	width: 65%;
	height: 65%;
}

.column_filler {
	width: 2%;
	float: left;
}

.column_filler_center {
	width: 2%;
	float: left;
}

.content {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-top: 0;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #1B1B1C;
			/* background-color:grey; */
	background: rgba(194,194,194,0.6);
	text-align: justify;
}

.tg {
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
}

.tg td {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 5px 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.tg th {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.table_comments{
table-layout:fixed;
width:95%;

border-collapse:collapse;
	
margin-left: auto;
margin-right: auto;
}

.table{
table-layout:fixed;
width:300px;

border-collapse:collapse;
	
margin-left: auto;
margin-right: auto;
}

.table_wide{
table-layout:fixed;
width:100%;

border-collapse:collapse;
	
margin-left: auto;
margin-right: auto;
}

.header th{

font-family:Calibri;
font-size:small;
font-weight:lighter;

border-left:1px solid #000;
background:#d0d0d0;
}

thead#scatter_plot.header th{
text-align: center;
}

.body_panel_comments{
width:100%;
height:auto;
overflow-y:scroll;
overflow-x: hidden;

margin-left: auto;
margin-right: auto;
}

.body_panel_comments img {
    width: 100%;
}

.body_panel{
width:300px;
height:150px;
overflow-y:scroll;
overflow-x: hidden;

margin-left: auto;
margin-right: auto;
}

.body_panel_wide{
width:100%;
height:600px;
overflow-y:scroll;
overflow-x: hidden;

margin-left: auto;
margin-right: auto;
}

.body th,tr{

border-bottom:1px solid #d0d0d0;
text-align:center;
}

.body td{

border-left:1px solid #d0d0d0;
padding-left:3px;

font-family:Calibri;
font-size:small;

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
}







/* Place the navbar at the top/bottom of the page, and make it stick */
.navbar {
  /* background-color: #333; */
  background-color: #333;
  overflow: visible; /* was hidden */
  position: fixed;
  top: 0;
  /* bottom: 0;*/
  width: 100%;
  opacity: 0.95;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.navbar a.active {
  background-color: #04AA6D;
  color: white;
}



.tools_inline a {
  float: center;
  display: inline-block;
  color: #f2f2f2;
  background-color: Crimson;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}



/*
.menu ul ul{
display:none;
}

.menu li:hover ul{
display:block;
}
*/






.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}



#footer_menu a:link, 
		#footer_menu a:visited, 
		#footer_menu a:active {
	font-weight: bold;
	color: black;
}

#footer_menu a:hover {
	background-color: white;
}

#footer_menu ul,
		#footer_menu li {
	display: inline-block;
	list-style-type: none;
	padding-right: 25px;
}

.footer {
	font-family: Courier New, Lucida Console, sans-serif;
	font-size: 15px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 5px solid #1B1B1C;
			/* background-color:grey; */
	background: rgba(194,194,194,0.9);
}



/* Buttons */
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 2px 2px 1px #666666;
  font-family: Courier New;
  color: #ffffff;
  font-size: 50px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/* Collapsing Div */
.container_collapsible {
    width:100%;
    border:1px solid #d3d3d3;
}
.container_collapsible div {
    width:100%;
}
.container_collapsible .header_collapsible {
    background-color:#d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}
.container_collapsible .content_collapsible {
    display: none;
    padding : 5px;
}


/* Tables from http://tablestyler.com/ */

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, 
.datagrid table th { padding: 3px 10px; }
.datagrid table thead th {
  background:  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
  background:    -moz-linear-gradient( center top, #006699 5%, #00557F 100% );
  filter:progid:DXImageTransform .Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
  background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; border-radius: 3px; background:
  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, 
.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }




/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}