.side-panel {
  position: fixed;
  bottom: 0;
  right: -33.333%; /* start outside the screen */
  width: 33.333%;  /* covers 1/3 of the screen */
  height: calc(100% - 56px);
  background: rgba(33,33,33,1);
  box-shadow: -4px 0 20px rgba(0,0,0,0.2);
  transition: right 0.4s ease;
  z-index: 5;
  
  justify-content: center;
  align-items: center;
  
  padding: 10px;
  border-left: solid 1px lightgrey;
  color : lightgrey;
  overflow-y:scroll;
  
}

.side-panel.show {
  right: 0; /* slide in */
}

.panel-content{
    background-color: transparent
}

 .panel-btn-close {
    display: block;
    margin: 10px;
    padding: 5px 10px;
    cursor: pointer;
    position:absolute;
    right:20px;
    top:10px;
    color: lightgrey;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid lightgrey;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;

  }
  .panel-btn-close:hover{
    background-color: lightgrey;
    color:rgb(43, 43, 43);
    border : rgb(40, 40, 40)
  }

  .table-fundamentals{
    border: 1px solid rgb(97, 97, 97);
    border-radius : 10px;
    padding:5px 10px; 
    position:relative;
  }

 

  .info-GoogleFinance{
        position:absolute;
        top:0;
        right:10px;
        font-size:0.8em;
        color:#777;
        text-align:right;

  }

  .container-fundamentals{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
  }

  .fundaments-title{
    font-weight:600; 
    margin-bottom:4px;
    color:  #aeaeb2
  }

  .fundamentals-element{
    color:white;
    font-weight:bold
  }