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;
}
nav .navbar-brand .light
{
    color: #dedede;
}

.navbar-dark .navbar-nav .nav-link
{
    color: rgba(255,255,255,1);
    font-weight: bold;
}


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

    /* Override Bootstrap's 100% width for form controls */
    width: auto;
    min-width: 200px;

}

select
{
    /* Center form controls */
    display: inline-block;

    /* Override Bootstrap's 100% width for form controls */
    width: auto;
    min-width: 200px;
    padding: .375rem .75rem;

}

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

    /* Center contents */
    text-align: center;
    font-family: "Helvetica";
}

main p
{
    margin-bottom: 0px;
}

main img
{
    /* Constrain images on small screens */
    max-width: 100%;
}

table, td, th
{
    border: 2px solid black;
    margin: 0 auto;

}

th
{
    font-weight: 800;
}

.red-txt
{
    color: #d00;
}

.grn-txt
{
    color: #0d0;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.row.display-flex [class*='col-'] {
    background-color: #f9f9f9;
}

.hourglass {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.75;
    visibility: hidden;
    background: url(/static/img/hourglass.gif) center no-repeat #fff;
}