nav .navbar-brand
{
    /* size for brand */
    font-size: xx-large;
}

/* colors for brand */
nav .navbar-brand .blue
{
    color: #537fbe;
}
nav .navbar-brand .red
{
    color: #ea433b;
}
nav .navbar-brand .yellow
{
    color: #f5b82e;
}
nav .navbar-brand .green
{
    color: #2e944b;
}

main .form-control
{
    /* center form controls */
    display: inline-block;

    /* override Bootstrap's 100% width for form controls */
    width: 27.5%;
}
main .form-control-med
{
    /* center form controls */
    display: inline-block;

    /* override Bootstrap's 100% width for form controls */
    width: 24.5%;
}

main
{
    /* scroll horizontally as needed */
    overflow-x: auto;

    /* center contents */
    text-align: center;
}

main img
{
    /* constrain images on small screens */
    width: 80%;
}
.data {
    margin-left: auto;
    margin-right: auto;
  }


table.dataframe, .dataframe th, .dataframe td {
  border: none;
  border-bottom: 0px solid #C8C8C8;
  border-collapse: collapse;
  border-top-color: #CCE5FF;
  text-align:right;
  padding: 16px;
  margin-bottom: 40px;
  font-size: 0.9em;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}
tr:nth-child(odd)	{ background-color:#eee; }
tr:nth-child(even)	{ background-color:#fff; }
tr:hover            { background-color:#CCE5FF;}

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
    height: 90%;
  }
.element {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
    height: 90%;
  }

div#content {
    display: none;
    }

div#loading {
    top: 200 px;
    margin: auto;
    position: absolute;
    z-index: 1000;
    width: 160px;
    height: 24px;
    background: url(https://media.tenor.com/On7kvXhzml4AAAAj/loading-gif.gif) no-repeat;
    cursor: wait;
    }

div#rightalign { float: right; }