.container_sell {
  display: flex;
  justify-content: flex-start; /* You can use other values like 'flex-start', 'flex-end', 'space-between', etc. */
  padding: 5px;
  background-color:#F5F5F5; 
}

.container_buy_back {
  display: flex;
  justify-content: flex-start; /* You can use other values like 'flex-start', 'flex-end', 'space-between', etc. */
  padding: 5px;
  background-color:#F5F5F5; 
}

.titleDiv {
  display: flex;
  justify-content: flex-start; /* You can use other values like 'flex-start', 'flex-end', 'space-between', etc. */
  padding: 5px;
  background-color: #F5F5F5;
}

.item_sell {
  /* Some styles for the items */
  margin: 1px;
  padding: 1px;
}

.sell_button{
  
  background-color:Tomato; 
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
  width: 100;
  /*display: block;*/

}
body {
  margin: 20px 30px 40px 50px; /* top: 20px, right: 30px, bottom: 40px, left: 50px */
}

.buy_back_button{
  
 background-color:DodgerBlue; 
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
  width: 100;
  display: block;

}
body {
    margin: 20px;
    /*display: flex;*/
    height: 100vh;
    align-items: center; /* Vertical alignment */
    justify-content: center; /* Horizontal alignment */
}
    .btn-sm{
        margin: 2px;
        
    }

.button_stock_list {
  background-color: #4CAF50; 
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  /*display: inline-block;*/
  font-size: 10px;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 12px;
}
.pid{
    margin:5px;
}
.stocktitle {
    background-color: #27281e ;
    font-weight: bold;
    color: white;
    text-align: center;
    
}