#table-controls{
  display: block;
  width: 96%;
  overflow: hidden;
  margin: 0 1% 20px;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #001446;
  background-color: #fffbe6;
}
.table-control-title {
  font-weight: bold;
  padding-left: 20px;
}
#denom-control-table-container{
  display: inline;
  width: 60%;
  float: left;
}
#grade-control-table-container{
  display: inline;
  width: 40%;
  float: left;
}
#table-controls div table tr td.selected{
  cursor: pointer;
}
#table-controls div table tr td.selected:hover{
}
.search-refine {
  max-width: 40px;
  border-radius: 25px;
  border: 1px solid transparent;
}
#table-controls div table tr td.search-refine:hover{
  border: 1px solid grey;
  cursor: pointer;
}
#table-controls div table tr td{
  padding-left: 20px;
}
#table-controls div table tr td input{
  display: none;
}
#denomination-controls{
  table-layout: fixed;
  width: 70%;
}
#grade-controls{
  table-layout: fixed;
  width: 70%;
}

#gold-table-container {
  font-family: 'Myriad W01 Regular',sans-serif;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  overflow: auto;
  padding: 0 5px;
}

h2 {
color: #001446;
}
.section p span.red {
  color: #b30000
}

/*FONTAWESOME ICONS FOR SELECTED ITEMS STYLES*/
.fa-circle,
.fa-circle-thin,
.fa-check-circle-o {
  margin-right: 10px;
}

.fa-circle-thin {
  color: #999;
}
.fa-circle,
.fa-check-circle-o {
  color: black;
}

/*OTHER SAM STYLES*/

.denom-hvrs {
  background-color:#00004e;
  border-radius:100px;
  width:13%;
  padding:10px 0;
  margin:2px .5%;
  display: inline-block;
  color:#fff;
  background-image:none;
  text-align:center;
}

.denom-hvrs:hover {
  background-color:#fff;
  border: 2px solid #00004e;
  color: #00004e;
  width: 12.6%;
  padding: 8px 0;
}

/*.denom-hvrs input {
  width: 0;
}*/

.grade-hvrs {
  background-color:#00004e;
  width:15.3%;
  padding:10px 0;
  margin:2px .5%;
  display: inline-block;
  color:#fff;
  background-image:none;
  text-align:center;
}

.grade-hvrs:hover {
  background-color:#fff;
  border: 2px solid #00004e;
  color: #00004e;
  width:14.9%;
  padding:8px 0;
}

#container div{
  margin: auto;
}
#chart_title_name{
font-size: 20px;
text-align: center;
width: 100%;
padding-bottom: 20px;
font-weight: bold;
}
