body, html {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    background: #F5F6F7;
}

body > h1 {
    padding: .5rem 3rem;
    margin: 0;
    color: #024E69;
    background: #D7E1E6;
}
body > h1 > img {
    height: 4rem;
    vertical-align: middle;
    margin-right: 1rem;
}

ig-aggregate-manager {
    padding: 1rem 3rem;
    height: calc(100vh - 120px);
}

.task-panel {
    padding: 0 1rem;
    background: #fff;
}

input[type=text], textarea {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6rem;
}





/**
 * Web components application-wide styling
 */
table {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 1px 2px rgb(0,0,0, 0.2);
}

table th, td {
    padding: 1.3rem;
}

table th {
    border-bottom: 1px solid rgb(0,0,0, 0.2);
}

table tr:nth-child(even) {
    background: #ebf1f3;
}
table tr.selected {
    background: #C1D3DA;
}