#menu-icon{
  display:flex;
  justify-content: center;
  align-items: center;
  color:#a6a6a6;
  border:solid 0px #333;
  box-shadow: 0 0 7px 1px #006D81;
  border-radius: 3px;
  font-size:14px;
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  padding:1px 7px;
  margin: 0px 3px;
  cursor:pointer;
  background: #006D81;
}
#menu-icon:hover{
 background:#171717;
}
#menu-value{
  display:inline;
}
#menu-ficon{
  position:relative;
  top: 0px;
  font-size:24px;
  padding:5px;
}
#menu-div{
  position:fixed;
  display:none;
  top:0px;
  left:0px;
  z-index:9999999999999999;
  background-color: #1F1F1F;
  width:100%;
  height:100%;
  overflow-y:scroll;
  color:white;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
  transition: 0.2s;
}
#menu-div::-webkit-scrollbar {width: 0.4em;}
#menu-div::-webkit-scrollbar-track {box-shadow: outset 0 0 2px grey}
#menu-div::-webkit-scrollbar-thumb {
  background-color: #333;
	border-radius:30px;}

#menu-content-div{
  position:absolute;
  width:95%;
  /* background:#111111; */
  margin:20px 2%;
}

#menu-head-div{
  position:relative;
  width:80%;
  margin:5px auto;
  padding: 3px 10px;
  background-color: #1F1F1F;
  border-radius:7px;
  background: repeating-linear-gradient(45deg,#171717,#171717 10px,black 10px,black 20px);
}

#menu-tnp-logo{
  width:60px;
  height:60px;
}
#menu-cross{
  position:relative;
  font-size:35px;
  width:50px;
  height:50px;
  top:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  vertical-align: center;
  float:right;
  text-align:center;
  border-radius: 50%;
  color:black;
  background:teal;
  cursor:pointer;
}
#menu-cross>span{
  position:relative;
  top: calc(8% - 10px);
}
#menu-cross:hover{
  opacity:0.9;
}

#menu-lists-div{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width:75%;
  margin:7px auto;
  /* background-color: #171717; */
}
.menu-list-container{
  position:relative;
  display:inline-block;
  top:0px;
  background-color:#1F1F1F;
  padding:5px;
  margin:3px 15px;
  width:30%;
  min-height:600px;
  overflow:hidden;
}
.menu-details{
  all:revert;
  cursor:pointer;
  margin-bottom:10px;
}
.menu-list-div{
  background-color:#1F1F1F;
  margin-bottom:50px;
  display:block;
}

.menu-list{
  position:relative;
  /* background-color: #171717; */
  list-style-type:none;
  margin:3px;
  padding:3px 7px;
  max-height:200px;
  overflow-y:scroll;
  line-height:2;
}
.dark_list{
  background-color: #171717;
  border-radius: 4px;
}
.menu-list::-webkit-scrollbar {width: 0.3em;}
.menu-list::-webkit-scrollbar-track {box-shadow: outset 0 0 2px grey}
.menu-list::-webkit-scrollbar-thumb {
  background-color: #333;
	border-radius:30px;}
.menu-list>li{
}
.menu-list a{
  color:white;
  display:inline-block;
}
.menu-list a:hover{
  opacity:0.7;
}


@media only screen and (max-width: 700px){
#menu-icon{
  color:grey;
  border:solid 0px #333;
  border-radius: 3px;
  padding:2px 4px;
  margin:4px;
  font-size:14px;
  font-weight:bold;
  background:#333;
  box-shadow: 0 0 3px 1px #222;
  line-height: normal;
}
#menu-icon>b{
  display:none;
}
#menu-icon>b:after {
  content: '';
}

#menu-div{
  position:fixed;
  width:80%;
  height:100vh;
  overflow-y:hidden;
}

#menu-content-div{
  position:absolute;
  width:95%;
  /* background:#111111; */
  margin:10px 2%;
}

#menu-head-div{
  position:relative;
  display:block;
  width:90%;
  height:auto;
  margin:5px auto;
  padding:5px 15px;
  background: repeating-linear-gradient(45deg, #171717, #171717 10px, black 10px, black 20px);
}
#menu-tnp-logo{
  visibility:collapse;
  width:40px;
  height:40px;
}
#menu-cross{
  position:relative;
  font-size:30px;
  width:30px;
  height:30px;
  top:10px;
}
#menu-cross>span{
  position:relative;
  top: calc(15% - 10px);
}

#menu-lists-div{
  display:block;
  width:100%;
  max-height:80vh;
  overflow:scroll;
  margin:7px auto;
}

.menu-list-container{
  display:block;
  top:0px;
  padding:5px;
  margin:10px 2px;
  width:95%;
  min-height:auto;
  overflow:hidden;
}
.menu-list-div{
  margin-bottom:auto;
}
.menu-details{
  position:relative;
  font-size:14px;
  opacity:0.8;
  left:15px;
}
.menu-list-div>h2{
  margin:7px 0px;
  padding:3px;
  opacity:0.9;
  font-size:18px;
  background-color:#1b1b1b;
}
.menu-list>li>a{
  font-size:13px;
  opacity:0.7;
}
}