.sidebar {
    position:absolute;
    background: #333;
    color: white;
    max-width: 250px;
    width: 250px;
    height:100%;
    transition: transform 0.5s;
    opacity: 0.7;
    overflow: hidden;
  }

  .sidebar.isClosed {
    transform: translateX(-80%);
  }
  
  .sidebar__button {
    position:relative;
    top:40px;
    width: 100%;
    margin-left:0px !important;
    text-align:right;
    background-color: #f79918;
    padding: 1rem;
    border-radius: 0.25rem;
    font-size: 15px;
    font-weight: bold;
    /*transition: width 0.5s;*/
  }

  .sidebar__button_close {
    position:relative;
    top:40px;
    width: 100%;
    background-color: #f79918;
    text-align:right;
    padding: 1rem;
    font-weight: bold;
    font-size: 15px;
    border-radius: 0.25rem;
  /*  transition: width 0.5s ;
    transform: translateX(-80%);
    transition: transform 0.5s ;*/
  }

  .transX{
    margin-left:250px !important;
  } 
   .transX0{
    margin-left:0px !important;
   }

   #grid{
    transition: margin 0.5s !important;
   }