/*Base Setup*/
/*Last Update 5July2023*/
*{
    background-color: ##F8F9F9;
	font-family: Arial;
}

html{
  scroll-behavior: smooth;
}

/* Menu */
#menu {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	backgound-color: #2196F3; 
}

.menu_item button{
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 120px;
}

/* Style for Grid */
.grid-container-overall { 
  display: grid; 
  grid-template-columns: auto auto auto auto; 
  background-color: #2196F3; 
  padding: 10px; 
} 

.grid-container-sector { 
  display: grid; 
  grid-template-columns: auto auto auto auto auto auto; 
  background-color: #2196F3; 
  padding: 10px; 
} 

.grid-item { 
  background-color: rgba(255, 255, 255, 0.8); 
  border: 1px solid rgba(0, 0, 0, 0.8); 
  padding: 10px; 
  font-size: 12px; 
  text-align: center; 
}

.upper-split{
display: grid;
grid-template-columns: auto auto auto;
}

/* Style only for Market Overall*/
.base-market{
display: grid; 
grid-template-columns: auto; 
background-color:  #acb1b4; 
padding: 10px; 
}

.bm{
  border: 1px solid rgba(0, 0, 0, 0.8); 
  padding: 10px; 
  font-size: 20px; 
  text-align: center; 
}

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

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* 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;
}

/* Style Market Cap */
#market_cap{
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 10px;
}

.weak_Neg {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #FFAAAA
}
.weak_Pos {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #AAFFAA
}
.weak_Neu {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #FF0000
}
.strong_Neg {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #FF0000
}
.strong_Pos {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #008F26
}
.strong_Neu {
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #FF0000
}
.netural_Neg{
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #FFFFAA
}
.netural_Pos{
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #AAFFAA
}
.netural_Neu{
	border: 1px solid rgba(0, 0, 0, 0.8);
	text-align: center; 
	background-color: #CACACA
}
/* Side Menu */
.rotate_ {
	transform: rotate(-90deg);
}