/*This style sheet contains formating specific to the price pages*/
.period
 {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 2px;
 border: thin;
 border-color: aqua;
 }

 .periodBegin {
 	text-align: left;
 }
 .periodEnd {
 	text-align: left;
 }
 
 .exchange {
 	text-align: right;
 	padding-right: 20px;
 }
 
 .periodrateName
 {
 text-align: left;
 width: 120px;
 color: white;
 }
 
 .rate
 {
 text-align: center;
 }
 
 .data
 {
 width: 708px;
 border: 1px #f0f8ff solid;
 border-color: #f0f8ff;
 padding-left: 2px;
 }

 .other
 {
 height: 23px;
 }
 
 .cols
 {
 text-align: center;
 width: 200px;
 background-color: grey;
 color: white;
 }
  
 .lastCell
 {
 text-align: right;
 padding-right: 20px;
 }

 .red
 {
 color: red;
 }

.redbold
 {
 font-weight: bold; 
 color: red;
 }

 
 tr {
 	color: grey;
 }

td {
  background: white;
}

div.container-prices {
  overflow: scroll;
}

thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background:rgba(255,255,255,1);
}


/* Hide scrollbar for Chrome, Safari and Opera */
.container-prices::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container-prices  {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}