#header {
    background: #00baa2;
    color: #ffffff;

    height: auto;
    display: inline-block;
    align-items: center;
    padding: 10px ;

    color: var(--header-color);
    overflow: hidden;
}
#branding h1,
 #branding h1 a:link, #branding h1 a:visited {
    color: #ffffff;
    font-weight:bold;
}

div.breadcrumbs {
    background: #1c497d /* #F4661B */;
    padding: 10px 40px;
    border: none;
    color: #fff;
    text-align: left;
}
div.breadcrumbs a{
    text-decoration: none;
    color: #00baa2;;
}
div.breadcrumbs a:hover{
    text-decoration: underline;
    color: #fff;
}

.module caption{
    margin: 0;
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    background: #00baa2;
    color: #ffffff
}
/*  list filter */
#changelist-filter h2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 15px;
    margin-bottom: 12px;
    border-bottom: none;
    background: #1560BD;
}
#changelist-filter h3 {
    color: #1560BD;
}

input[type=submit],
.submit-row input,
a.button {
    background: #1c497d;
}

input[type=submit]:hover{
    background: #EFEFEF;
    border: 1px solid #1c497d;
    color:#1c497d;
}