body {
  width:            100%;
  margin:           0;
  font-size:        11px;
  font-family:      "Arial", serif;
  background-color: #ececec;
  overflow-y:       hidden;
  overflow-x:       hidden;
}
ul {
  margin:           0;
  padding:          0;
  list-style-type:  none;
}
img {
  height:           16px;
}
::-webkit-scrollbar { display: none; }

#tab-bar {
  margin-left:      0;
  display:          inline-block;
  width:            100%;
  white-space:      nowrap;
  background-color: #cfcfcf;
  overflow-x:       auto;
}
.tab {
  height:           25px;
  vertical-align:   top;
  display:          inline-block;
  white-space:      nowrap;
  padding:          5px;
  text-align:       center;
  border-right:     1px solid #cfcfcf;
  box-sizing:       border-box;
}
.tab.first {
  border-left:      1px solid #cfcfcf;
}
.tab img {
  vertical-align:   middle;
  padding:          0px 5px 0px 5px;
}
.tab .description {
  cursor:           default;
  margin:           0px 10px 0px 10px;
  display:          inline-block;
}
.tab .description:empty {
  margin: 0;
}
.tab .padding {
  display:          inline-block;
}
.tab .options {
  font-size:        13px;
  vertical-align:   top;
  display:          inline-block;
  color:            black;
}
.tab .options:hover {
  cursor:           pointer;
}
.tab:last-of-type {
  border-right:     0;
}

.nav-button {
  display:          none;
  width:            30px;
  height:           25px;
  position:         fixed;
  font-size:        15px;
  text-align:       center;
  white-space:      nowrap;
  cursor:           default;
  border-right:     1px solid #cfcfcf;
  border-left:      1px solid #cfcfcf;
  border-bottom:    1px solid #cfcfcf;
  border-top:       0;
  box-sizing:       border-box;
  overflow-y:       hidden;
}
.nav-button:active {
  color:          #cfcfcf;
}
.nav-button:focus {
  outline: none;
}