.menu_wrapper {

  grid-area: menu;
  /*grid-area: menu;*/
  /*display: grid;*/
  height: 30px;
  /*border:1px solid yellow;*/
  /*border-bottom:1px solid #000;*/
  /*grid-template-columns: 50% 50%;*/
  /*grid-template-columns: 50% 20% 30%;*/
  /*grid-template-rows: 40px 40px auto;*/
  /*grid-column-gap: 10px;*/
  padding-left: 10px;
  padding-right: 10px;
  border-bottom:1px solid #000;
  /*padding-right: 30p*/
  /*background: gray;*/
  /*background-color: #222;*/
  /*border:1px solid green;*/
}

#menu {
  /*padding: 5px;*/
  /*padding-left: 0px;*/
  /*min-height: 400px;*/
  /*height: 400px;*/
  /*height: 24px;*/
  /*padding-top: 5px;*/
  /*padding-bottom: 5px;*/
    /*overflow: hidden; */
  /*border-right:1px solid #333;*/
  /*border-left:1px solid #333;*/
  /*border-bottom:1px solid #000;*/
  /*border:1px solid yellow;*/



  display: grid;
  /*height: 10vh;*/
  /*height: 10vh;*/
        /*grid-template-columns: 1fr 1fr;*/
  /*border-right:1px solid #333;*/
  /*border-left:1px solid #333;*/
  grid-template-columns: auto  auto;
  /*grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );*/
  grid-template-rows: auto;
  /*grid-template-rows: repeat( auto-fit, minmax(250px, 1fr) );*/
  grid-template-areas: 
    "menu-L menu-R";
  /*overflow: scroll;*/
  /*padding-left: 50px;*/
  /*border:1px solid yellow;*/
  /*justify-items: center;*/
  /*justify-items: center;*/
  /*justify-content: space-evenly;*/
  /*margin-left: 30px;*/
    /*overflow-y: hidden; */
  white-space: nowrap;
  align-items: start;
}


#menu_left {  
  grid-area: menu-L;  
  height: 30px;
  /*border:1px solid yellow;*/
}
#menu_right {  
  grid-area: menu-R;  
  height: 30px;
  /*border:1px solid yellow;*/
  align-items: right;
}
#menu_left, #menu_right{
  /*padding: 6px;*/
  /*grid-area: menu-L;  */
  /*border:1px solid pink;*/
  /*overflow:auto;*/
  /*max-height: calc(20px);*/
  /*padding: 10px;*/
   /*overflow:auto;*/
  /*overflow: scroll!important; */
  /*margin-bottom: 5px*/
    /*border-top:1px solid #000;*/
    /*border-left:1px solid #222;*/
    /*border-bottom:1px solid #444;*/
    /*border-right:1px solid #333;*/
  /*background: gray;*/
}

.hover:hover { 
    background-color: grey;
}


#menu_left .menu_bttn {
  float: left;
}
#menu_right .menu_bttn {
  float: right;
}

.menu_bttn {
  margin: 0px;
  /*margin-top: 5px;*/
  height: 22px;
  padding: 8px;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 10px;
    /*border-right:1px solid #333;*/
/*   border-radius: 13px; */
/*   margin-right: 5px; */
/*   margin-top: 0px; */
/*   background-color: #222; */
/*   border-top:1px solid #444; */
/*   border-left:1px solid #444; */
/*   border-bottom:1px solid #333; */
/*   border-right:1px solid #333; */
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


.menu_bttn:hover {
/*     background-color: #0080FF; */
/*   box-shadow: 0px 0px 5px lightgrey; */
/*   border-top:1px solid #222; */
/*   border-left:1px solid #222; */
/*   border-bottom:1px solid #222; */
/*   border-right:1px solid #222; */
/*   border-top:1px solid grey; */
/*   border-left:1px solid grey; */
/*   border-bottom:1px solid grey; */
/*   border-right:1px solid grey; */
  border-bottom:1px solid white;
}