body {
    font-family: Roboto Regular;
    font-size: 12px;
    background: #f0ebde;
}
h1 {
    font-family: "Roboto Medium";
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 24px;
    padding: 24px 0;
    color: #051C38;
}
h3 {
    font-family: "Roboto Medium";
    font-size: 20px;
    margin-bottom: 24px;
    padding: 24px 0 0 0;
    color: #051C38;
}
.more-info h3 {
    padding: 0;
}
h4 {
    font-weight: bold;
    margin-bottom:  12px;
}
p {
    margin-bottom: 24px;
    font-size: 16px;
}
span {
    margin-bottom: 15px;
    font-family: "Roboto Medium";
}
hr {
    border-top: 3px solid rgba(0,0,0,1);
}
.dc-chart .axis text {
    font-family: "Roboto Regular";
}
g.tick line {
    display: none;
}
g.axis g.tick line.grid-line {
    display: block;
}
.dc-chart .axis path.domain {
    display: none;
}
.dc-chart .selected path {
    stroke-width: 1;
    stroke: #2CC9B7;
    fill-opacity: 1;
}
.dc-chart path.line {
    stroke-width: 2.5px;
}
.pie-league-label {
    font-weight: bold;
    font-size: 20px;
}
/*tooltip styles*/
div.tooltip {
    max-width: 250px;
    position: absolute;           
    padding: 10px;           
    background: white;
    border: 1px solid #d8dde3;
    border-radius: 2px;
    pointer-events: none;
    font-size: 12px;
    display: -ms-grid;
    display: grid;
    box-shadow: 0 8px 9px rgba(0,0,0,0.24),
      0 1px 8px rgba(0,0,0,0.12);
}
div.tooltip h3 {
    padding: 5px 0;
    border-bottom: 2px solid #2CC9B7;
    font-size: 14px;
    margin-bottom: 5px;
}
.info_item {
    display: inline-block;
}
.info_item_category {
    color: #999;
    font-family: "Roboto Regular";
    font-size: 11px;
    display: inline-block;
    padding: 5px 0;
}
.info_item_value {
    color: #051C38;
    font-family: "Roboto Regular";
}
@media (max-width: 768px) {
    #list svg g text {
        font-size: 10px;
    }
}
@media (max-width: 600px) {
    #list svg g text {
        font-size: 10px;
    }
}
/*List styles*/
#list .table {
    background-color: rgba(247, 248, 250);
}
#list .table tbody tr {
    font-size: 14px;  
}
/* .dc-table-row:nth-child(odd) {
    background-color: #f8f5ef;
} */
.dc-table-row:nth-child(even) {
    background-color: white;
}
#list tbody tr:last-child {
    border-bottom: solid 1px white;
}
#list .table tbody tr:hover{
    cursor: pointer;
}
#list thead {
    font-family: "Roboto Regular";
    font-size:  14px;
    background-color: #051C38;
    color: #fff;
    position: sticky;
    top: 0;
}
#list th {
    font-family: "Roboto Regular";
}
th span {
    margin-left: 5px;
}
.table td {
    padding:  25px 0.75rem;
}
.table th {
    padding:  0.5rem;
}
.expand-row{
    background-color: #f8f5ef;
    border:  2px solid #000;
    border-top: none;
    padding: 240px;
}
td.more-info {
    padding:  36px;
}
/* Allocation pie chart styles */
#aum-chart.dc-chart {
    float: right;
    margin-bottom: 12px;
}
.dc-chart .pie-slice {
    cursor: default;
}
.dc-chart .pie-slice :hover {
    cursor: default;
}
.dc-legend-item {
    pointer-events: none;
}
.active-unicorn {
    font-weight: bold;
    font-size: 24px;
}
/* AUM pie legend styles */
ul.legend {
    margin: 0 20px;
}
.legend li {
    display: block;
    margin-bottom: 5px;
}
.legend span {
    font-family: "Roboto Regular";
    padding: 8px;
    font-size: 14px;
    margin-bottom: 0;
}
.legend .square {
    height: 15px;
    width: 15px;
    display: inline-block;
}
/* Industry row chart styles */
.dc-chart g.row rect:hover {
    cursor: default;
    fill-opacity: 1;
}
.dc-chart g.row text {
    fill: #000;
    cursor: default;
}
.dc-chart g.row:hover, .dc-chart g.row text:hover, .dc-chart g.row rect {
    cursor: default;
}
/* Topline stylings */
#topline {
    margin: 24px 0;
}
/* #topline span {
    font-weight: bold;
    margin-bottom: 2px;
    font-size: 20px;
} */
#topline p {
    font-size: 24px;
   margin:  24px 6px;
}
/*media queries*/
@media (max-width: 700px) {
    h3 {
        padding:  0;
    }
    div#list {
        grid-row: 4;
        border-left: none;
    }
    #filter-controls {
        line-height: 2;
    }
    #topline p {
        display: block;
        margin-bottom: 24px;
    }
    .pie-league-label {
        font-size: 16px;
    }
    ul.legend {
        margin: 60px 20px 24px 20px;
    }
}
/* No pensions available message styles*/
#noPensions {
    color: #B32700;
    font-size: 20px;
    font-weight: bold;
    margin-top: 36px;
    text-align: center;
}
#reset {
    font-family: 'Roboto Medium';
    margin-left: 10px;
}
#reset:hover {
    text-decoration: underline;
    cursor: pointer;
}
#search {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 24px;
    padding-left: 6px;
}