/* === Begin Menu Styles ===  */

.s2a-menu-main 
{ display: flex;
  align-items: stretch;
  flex-flow: row wrap;  
  background-color: #EEE; 
  font-size: 120%;
  font-weight: bold;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #66a;
  margin-top: 5px; }

.s2a-menu-main > span
{ margin: 5px;
  flex-basis: 80px;
  flex-grow: 1;
  user-select: none;
  -webkit-user-select: none; }
  
.s2a-menu-main > span > button
{ width: 100%;
  height: 40px;
  padding: 0px;
  border-radius: 5px;
  border-width: 1px;
  border-style: none;
  border-color: #66a;
  color: #777;
  background-color: #EEE;
  font: inherit;
}
  
.s2a-menu-selected 
{ border-style: solid !important}

.s2a-menu-main > span > button:disabled
{ opacity: 0.65; }  

.s2a-menu-main > span > button:hover:not([disabled])
{ background-color: #bdf;
  cursor: pointer; }

.s2a-menu-main > span > button:active:not([disabled])
{ background-color: #96b1cc; 
  border-style: solid;
}


/* === End Menu Styles ===  */