body{
  font-family:tahoma;
  font-size:12px;
}
img{
  background-color:white;
  border:black 1px solid;
  margin-right:4px;
}

.location{
background-color:#dddf;
overflow:scroll;
padding:10px;
display:inline-block;
}

#tooltip{
  position:fixed;
  background-color:#000a;
  color:white;
  padding:10px;
  font-size:10px;

  left:0;
  top:0;
}
.areaTitle{
  font-size:20px;
}

.clickable{
  cursor:pointer;
  color:blue;
  text-decoration:underline;
  user-select:none;
}

.clickable:hover{
  color:white;
  background-color:black;
}
#gamearea{

}

#floor{
  width:70vw;
  height:35vh;
}

#outside{
  width:14vw;
  height:35vh;
}

#outside div{
  margin-bottom:8px;
}

#floorbox{

  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
}


#floorbox div{
  width:30%;
  padding:4px;
  margin:4px;
  background-color:#eeef;
}

#floorStaff{
  height:200px;
}


#floorstaffbox{
  width:100%;
  margin-bottom:8px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
}

#floorstaffbox div{
  background-color:#eeef;
  padding:8px;
}
#kitchen{
  height:25vh;
  width:21vw;
}

#dishpit{

display:inline-block;
height:30vh;
width:60vw;
overflow:hidden;
}

#innerDishpit{
  width:100%;
  height:30vh;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
}

#machine{
  display:inline-block;
  margin-left:14px;
  font-size:20px;
}
.dishpitLocation{
  background-color:#eeef;
  overflow:scroll;
  max-height:calc(30vh - 50px);
  padding:8px;
}

#ui{
  display:flex;
  width:84vw;
  flex-direction column;
  flex-wrap:wrap;
  justify-content:space-around;


}

#ui div{
  margin:2px;
  background-color:#eeef;
  padding:2px;
}

#kitchenStock{
  width:40vw;
  text-align:center;
}
#kitchenStock div{
  display:inline-block;
  padding:2px;

}

#counters{
  display:flex;
  width:80vw;
  padding:2px;
  background-color:#eeea;
  flex-direction column;
  flex-wrap:wrap;
  justify-content:space-around;
}

#counter div{
  display:flex;
}

#menu{
  position:fixed;
  top:0;left:0;
  width:400px;
  background-color:#adaf;
  padding:10px;
}
#credits_box{
  position:fixed;
  top:0;left:0;
  width:400px;
  background-color:#daaf;
  padding:10px;
}
#closemenu{
  top:10;
  left:360px;
  cursor:pointer;
  position:fixed;
}
#creditclose{
  top:10;
  left:360px;
  cursor:pointer;
  position:fixed;
}
#closemenu:hover{
  color:white;
  background-color:black;
}


.greenTxt{
  color:#6a6f;
}

.redTxt{
  color:#a66f;
}

.yellowTxt{
  color:#db6f;
}

.pinkTxt{
  color:#e863ff;
}

.blueTxt{
  color:#639fff;
}