html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body
{
      margin: 0px;
}

.arisPrimaryColor
{
    background-color: #c05e49; /*#4F7942;*/
}

.arisSecondaryColor
{
    background-color: #6b6e6d; /*#424F79;*/
}

.selectedMenuItem
{
    color: #086cb7;
}

    .selectedMenuItem:hover
    {
        color: #086cb7;
    }

.selectedMenuItemHighlight
{
    background-color: #086cb7;
}

.menuItemHighlight
{
    width: 5px;
}



.circle
{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background: #4F7942;
}

.SelectedMenuItem
{
    background-color: #4F7942;
    color: #ffffff;
}

@media screen and (max-width: 600px)
{
    .myFlex
    {
        flex-flow: column wrap;
    }

    #containerPieAdot {
        width:100%;
    }
}