* {
  box-sizing: border-box;

}

#search_index {
  background-image: url('css/searchicon.png');
  background-position: 95% 5px;
  background-repeat: no-repeat;
  background-size: 56px;
  width: 500px;
  font-size: 45px;
  font-weight: bold;
  font-family: 'Black Ops One';
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;

}

#myTable {
  border-collapse: collapse;
  width: 500px;
color: rgba(240,240,220, .9);
text-shadow: 2px 3px rgba(50,50,50, .9);
  border: 0px solid #ddd;
  font-size: 18px;
 font-family: 'Black Ops One';
overflow: scroll;
	
}

#myTableContainer {
height: 500px;

}

#myTable th, #myTable td {
  text-align: center;
  padding: 12px;
  width: 256px;
}

#myTable tr {
  border-bottom: 0px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: rgba(15,15,15,.4);
  font-size: 30px;

}



#INV {
overflow: scroll;
overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(240,240,220, .6); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(240,240,240, .6); 
}

#inventory {
border-radius: 10px;
background-color: rgba(60,80,120,.98);
width: 530px;
height: 1300px;
border: 5px;
border-color: rgba(255,255,255,1);
position: absolute;
top: 50px;
left: 800px;
overflow: scroll;
overflow-x: hidden;
margin-left: 1954px;
z-index: 12;
display: none;

}

#inventory_sidebar {
border-radius: 10px;
background-color: rgba(60,80,120,.98);
width: 1950px;
height: 1300px;
border: 5px;
border-color: rgba(255,255,255,1);
position: absolute;
top: 50px;
left: 800px;
overflow: scroll;
overflow-x: hidden;
margin-left: 0px;
z-index: 12;
display: none;

}




#potion { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/potion.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}

#potion_qty {
font-size: 45px;
}



#super_potion { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/super_potion.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#super_potion_qty {
font-size: 45px;
}


#hyper_potion { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/hyper_potion.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;

vertical-align: text-center;
}



#hyper_potion_qty {
font-size: 45px;
}


#max_potion { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/max_potion.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#max_potion_qty {
font-size: 45px;
}



#razzberry { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/razzberry.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#razzberry_qty {
font-size: 45px;
}


#golden_razzberry { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/goldenrazzberry.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#golden_razzberry_qty {
font-size: 45px;
}


#pinap_berry { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/pinap_berry.png');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#pinap_berry_qty {
font-size: 45px;
}


#silver_pinap_berry { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/silver_pinap_berry.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}



#silver_pinap_berry_qty {
font-size: 45px;
}




#inventory_row_two {
position: absolute;
top: 188px;
left: 300px;



}
#lucky_egg { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/lucky_egg.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}






#lucky_egg_qty {
font-size: 45px;
text-align: right;
}

#lucky_egg_row {

width: 280px;

}




#revive { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/revive.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}







#revive_qty {
font-size: 45px;
text-align: right;

}

#revive_row {

width: 280px;

}



#max_revive { 
width: 256px;
height: 256px;
zoom: 50%;
  background-image: url('img/items/max_revive.webp');
background-repeat: no-repeat;
background-size: 256px 256px;
background-position: center;
font-size: 65px;
vertical-align: text-center;
}







#max_revive_qty {
font-size: 45px;
text-align: right;

}

#max_revive_row {

width: 280px;

}