h1 {
    text-align: center;
    padding: 1px;
    margin: 3px;
}

h2 {
    text-align: center;
    padding: 1px;
    margin: 2px;
}

h3 {
    text-align: left;
    padding: 1px;
    margin: 2px;
}

a {
    color: mediumblue;
    text-decoration-line: none;
}

a:hover {
    text-decoration-line: underline;
}

.message {
    font-weight: 600;
    color: lightblue;
}
.navbar {
    background-color: black;
    font-size: 1em;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: white;
    /*padding: 8px 5px 8px 5px;*/
    /* border: 2px solid red; */
    font-size: 0;
}

.navbar-items, .navbar-user {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 16px;
}

.navbar-items {
    width: 70%;
    line-height: 30px;
}

.navbar-user {
    width: 30%;
}

#full-frame {
    margin: 0;
    height: 100%;
    /* border: 4px solid brown; */
    display: flex;
    flex-flow: column;
}

.navbar a {
    text-decoration: none;
    color: inherit;
}

.navbar-brand {
    font-size: 1.2em;
    font-weight: 600;
    margin-left: 10px
}

.navbar-item {
    font-variant: small-caps;
    margin-left: 30px;
    color: blue;
    background-color: transparent;
    text-decoration: underline;
}

.navbar-dropdown {
    font-variant: small-caps;
    margin-left: 30px;
    color: blue;
    background-color: transparent;
    text-decoration: underline;
    display: inline-block;
}

.navbar-brand:hover {
    color: black;
    background-color: lightcyan;
}

.navbar-item:hover {
    color: black;
    background-color: lightcyan;
}

.navbar-dropdown:hover {
    color: black;
    background-color: lightcyan;
}

.navbar-items .navbar-dropdown:hover .dropbtn {
    color: black;
    background-color: lightcyan;
}



/* Dropdown button */
.navbar-dropdown .dropbtn {
    font-size: 16px;
    font-variant: small-caps;
    border: none;
    outline: none;
    color: white;
    /*padding: 14px 16px;*/
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
}



/* Dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        float: none;
        color: black;
        padding: 6px 6px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        /* Add a grey background color to dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.navbar-dropdown:hover .dropdown-content {
    display: block;
}



.body-content {
    /*padding: 2px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*border: 2px solid green;*/
    flex: 1;
    overflow: auto;
    height:100%;

}