#container{
	width: 80%;
	padding-left: 20px;
}
#footer{
	display: grid;
	min-height: 200px;
}
#header{
	display: grid;
  	grid-template-columns: auto auto;
  	grid-gap: .5rem;
  	padding: .5rem;
  	background-color: #F3F3F3;
  	
}
#header #logo{
	/*background-color: grey;*/
}
#header #current_date h2{
	float: right;
}

#details{
	display: grid;
  	grid-template-columns: auto auto;
  	/*grid-gap: .5rem;*/
  	/*padding: .5rem;*/
  	padding-top: 20px;

  	
}


#details .right img{
	float: right;
}

.big-title{
	color: #194278;
	font-size: 18px;
	font-weight: bold;
}

.section-title{
	color: #194278;
	font-size: 36px;
	font-weight: bold;
}

.name{
	font-size: 16px;
	font-weight: bold;	
}

.data-table{
	width: 100%;
	border-collapse: collapse;
	border-style: solid;
	border-width: thin;
	border-color: grey;
}
.data-table th, td{
	border: 1px solid grey;
	border-style: solid;
	text-align: center;
}
th.group-header-volume{
	background-color: #194278;
	color: #FFFFFF;
}

th.group-header-price{
	background-color: #39751D;
	color: #FFFFFF;
}

th.header-volume{
	background-color: #CCE1F5;
	
}
th.header-price{
	background-color: #D6E9D8;
	
}

#all_sales table th{
	background-color: black;
	color: #FFFFFF;
}

#searchbox{
	display: block;
  	padding-top: 20px;
  	vertical-align: middle;
  	margin-bottom: 10px;

}

#searchbox table{
	border-collapse: collapse;
	border-style: solid;
	border-width: thin;
	border-color: black;
}
#searchbox td{
	border: none;
}

#searchbox td.label{
	width: 100px;
	text-align: left;
	background-color: #F3F3F3;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
}

#searchbox input{
	width: 250px;
	height: 35px;
	margin-bottom: 0px;
	border: none;
}

#searchbox2{
	display: block;
  	padding-top: 20px;
  	vertical-align: middle;
  	margin-bottom: 10px;

}

#searchbox2 table{
	border-collapse: collapse;
	border-style: solid;
	border-width: thin;
	border-color: black;
}
#searchbox2 td{
	border: none;
}

#searchbox2 td.label{
	width: 100px;
	text-align: left;
	background-color: #F3F3F3;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
}

#searchbox2 input{
	width: 250px;
	height: 35px;
	margin-bottom: 0px;
	border: none;
}


#chart{
	display: block;
  	padding-top: 20px;
  	
  	margin-bottom: 10px;

}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
	content: " \25B4\25BE";
}

tr.even{
	background-color: grey;
}
