html, body
{
   height:     100%;
   width:      100%;
   margin:     0;
   font-family: "Open Sans", Arial, Helvetica, Arial, sans-serif;
}
.dropdown-submenu
{
    position: relative;
}

.dropdown-submenu .dropdown-menu
{
    top:         0;
    left:        100%;
    margin-top: -1px;
}

#sheetDropdownMenu
{
    margin-top: -1px;
}

.mainPanel
{
   display: table;
   height: 100%;
   width: 100%;
   background-color: #ebf1ff;
}

.header
{
   display: table-row;
   height: 100px;
   font-weight: 600;
}

.footer
{
   display:          table-row;
   height:           80px;
   font-weight:      600;
   background-color: #07023F;
}

.horizontalGutter
{
   display: table-row;
   height: 2px;
}

.landscapePanel
{
   display: table-row;
   height: 100%;
}

.leftPanel
{
   box-sizing:    border-box;
   padding-right: 1px;
   height:        100%;
   width:         17%;
   float:         left;
   overflow:      auto;
}

.rightPanel
{
   box-sizing: border-box;
   padding-left: 1px;
   display: table;
   height: 100%;
   width: 83%;
}

.workbookTitle
{
   margin-top:       15px;
   font-size:        24px;
   border:           0px;
   background-color: #ebf1ff;
}

.sheetTitle
{
   margin-top:       0px;
   font-size:        36px;
   border:           0px;
   background-color: #ebf1ff;
}

.sheetsMenu
{
   top:             -10px;
   margin-right:     10px;
   display:          inline-block;
}

.speciesPanel
{
   display: block;
   height: 100%;
}

.gridPanelContainer
{
   display:          table-row;
   width:            100%;
   height:           100%;
   overflow:         auto;
   background-color: #d6e2ff;
}

.constituentsPanel
{
   display: block;
   width:   100%;
}

.progressIndicator
{
   width:            150px;
   height:           150px;
   top:              200px;
   position:         absolute;
   z-index:          999;              /* just below logon panel              */
   margin-left:      auto;
   margin-right:     auto;
   left:             0px;
   right:            0px;
}