.AiWidgetContainer
{
  width:100%;
}

.AiNavBarWidget
{
  width:22em;
  height:100%;
  display:inline-block;
  margin-right:4px;

}

.AiWidgetSection
{
  border-right:2px solid #5c9ec8;
  height:100%;
  vertical-align:middle;
  display:table-cell;
  position:relative;
  box-sizing: border-box;
}

.AiWidgetSection:last-child
{
  border:0;
}

#navBarWidgetSelector
{
  display:inline-block;
  vertical-align:top;
  margin-top:1em;
}

.AiWidgetContainerIcon
{
  width:1.2em;
  height:1.2em;
}

.AiContainerListBox
{
  border:2px solid #5c9ec8;
  background-color:#555555;
}


.AiProgressWidget
{
  height:3.3em;
  background-color: #555555;
  border: 2px solid #5c9ec8;
  border-radius: 0.2em;
}

#AiProgressIconSection
{
  width:2.5em;
}

.AiProgressSection
{
  width:15%;
  height:100%;
}

.AiProgressBar
{
  width:70%;
  height:100%;
}

.AiProgressCasing
{
  border: 2px solid black;
  margin: 0.3em auto;
}

.AiTopNavProgressBar
{
  height:2em;
  background-color:#5c9ec8;
}

.AiTopNavProgressBarText
{
  color:black;
}


.AiProgressIcon
{
  width: 2em;
  height: 2em;
  vertical-align: middle;
}

.AiLeftIconSection
{
  width:15%;

}