body {
    background: linear-gradient(90deg, #3e5d5f, #634468);
    font-family: "Montserrat", "Helvetica Neue", sans-serif;
}

#navigation {
    margin: auto;
}

#navigation *{
    margin: inherit;
}

#navigation table {
    width: auto;
}

#main_nav, #sub_nav {
    background-color: lavender;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid black;
    border-radius: 10px;
    width: fit-content;         /* Chrome, sometimes. */
    width: intrinsic;           /* Safari/WebKit use a non-standard name */
    width: -moz-max-content;    /* Firefox is special. */
    width: -webkit-max-content; /* More webkit. */
    display: table;             /* Firefox is very special. */
}

#main_nav div.row {
    text-align: center;
}

#main_nav a, #main_nav b {
    margin-right: 10px;
    margin-left: 10px;
}

/* General content.*/
#content {
    margin: auto;
    width: 60%;
    min-width: 600px;
    background-color: #dae7e1;
    padding: 10px;
    border: 2px solid black;
    border-radius: 10px;
}

#content form{
    margin: inherit;
}

#content dd,
#content dt {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#content form dt {
    width: 25%;
    text-align: right;
    padding-right: 1%;
    padding-left: 20px;
    vertical-align: middle;
}
#content form dd { width: 70%; }

#content form ul {
    display: inline-block;
    width: 79%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 32%
}

#content table {
    width: 100%;
    border-collapse: collapse;
}

#content table td,
#content table th{
    white-space: nowrap;
    text-align: center;
}

#content table tr:nth-child(odd) {
    background-color: whitesmoke;
}

#content textarea {
    width: 90%;
    height: 350px;
}

#content input[type="submit"]{
    background-color: lavender;
    border: 1px solid black;
    border-radius: 10px;
    font-size: inherit;
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

#content p{
    margin: 16px;
}

#content select{
    font-size: inherit;
    font-family: inherit;
    }

/* KB Article list */
table#kbList td:nth-child(2), table#kbList th:nth-child(2) {
    text-align: left;
}

/* Alerts table */
table#alerts td + td + td {
    text-align: left;
    width: 100%;
}

table#alerts td {
    padding-left: 10pt;
    padding-right: 10pt;
    padding-top: 3pt;
    padding-bottom: 3pt;
}

#flash {
    background: #cee5F5;
    padding: 0.5em;
}