:root {
    --main-primary: rgb(22, 51, 92);
    --btn-warn: rgb(132, 30, 30);
    --btn-warn-hover: rgb(102, 4, 4);
    --btn-primary: rgb(22, 51, 92);
    --btn-primary-hover: rgb(0, 26, 52);;
    --main-accent: #3e6295;
    --btn-accent: #6376a8;
    --btn-accent-hover: #546dad;
}

* {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

#header {
    background: var(--main-primary);
    color: white;
}

#branding #home-link {
    display: flex;
    align-items: center;
}

#branding a h1 {
    font-weight: 700;
}

#branding a:hover h1 {
    text-decoration: underline;
}

#branding h1, #branding a:link h1, #branding a:visited h1 {
    color: white;
    margin: 0 15px;
}

a:link, a:visited {
    /*color: var(--main-primary);*/
}

.module h2, .module caption, .inline-group h2 {
    background: var(--main-accent);
}

div.breadcrumbs {
    background: var(--main-accent);
    padding: 10px 40px;
    border: none;
    font-size: 14px;
    color: white;
    text-align: left;
}

#nav-sidebar .current-model {
    background: rgba(177, 177, 177, 0.5);
}

#nav-sidebar .current-app .section:link, #nav-sidebar .current-app .section:visited {
    color: #ffffff;
    font-weight: bolder;
}


.button, input[type=submit], input[type=button], .submit-row input, a.button {
    /* background: #79aec8; */
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

#content-main .submit-row input[type=submit] {
    background: var(--btn-accent);
}

#content-main .submit-row input[type=submit]:active, #content-main .submit-row input[type=submit]:focus, #content-main .submit-row input[type=submit]:hover {
    background: var(--btn-accent-hover);
}

#content-main .submit-row input[type=submit].default {
    background: var(--btn-primary);
}

#content-main .submit-row input[type=submit].default:active, #content-main .submit-row input[type=submit].default:focus, #content-main .submit-row input[type=submit].default:hover {
    background: var(--btn-primary-hover);
}

.submit-row a.deletelink:focus, .submit-row a.deletelink:hover, .submit-row a.deletelink:active {
    background: var(--btn-warn-hover);
}

.submit-row a.deletelink {
    background: var(--btn-warn);
}

#footer {
    text-align: center;
    background: var(--main-accent);
    color: white;
    font-weight: 600;
    font-size: x-small;
}

.main .content {
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1;
}

#logo-img {
    height: 45px;
}

#home-link img {
    max-height: 45px;
}