/*******************************************************************************
* COPYRIGHT (C) 726 TECHNOLOGY INC, 2017 - 2023            ALL RIGHTS RESERVED *
*******************************************************************************/
/* PAGE TOOL BAR */
.ToolBarBox { background-color: #3338; padding: 0 6%; font-size: 1vh;
              display: flex; justify-content: space-between; border: calc(0.25vh + 0.25vw) solid #5552; }
@media screen and (min-width: 1100px) and (orientation: landscape) {
    .ToolBarBox { padding: 0 2vw; }
}
.ToolBarBox .grower { flex-grow: 2; }
.ToolBarButtonBank { display: flex; justify-content: flex-end; 
                     min-width: 150px; max-width: 40vw; }
.ToolBarButtonBank.reverse { justify-content: flex-start; }
.ToolBarButton { background-color: transparent; margin-left: 4vw; display: flex; align-items: center; }
.ToolBarButton.shared { margin-left: 2vw; margin-right: 0; }
.ToolBarButton.reverse { margin-left: 0; margin-right: 2vw; }
.ToolBarButton__Icon { width: 3.0vw; height: 3.5vh; margin-top: 0.25vh; margin-bottom: 0.25vh; 
                       min-width: 40px; transition: opacity 1s; opacity: 0.75; }
.ToolBarButton:hover .ToolBarButton__Icon { opacity: 1.0; cursor: pointer; }
.ToolBarText { font-size: 1.5vh; font-family: monospace; margin-top: 1.4vh;
               font-weight: bold; text-align: right; color: #eee; }