body {
}

.table-header {
    background: #3A3838;
    color: white;

    h1 {
        color: #FFC030;
    }
}

main {
    border: 15px solid #3A3838;
    padding: 20px;
}

.indicator-table {


    th {
        background: #3A3838;
        color: white;
        font-weight: bold;
        padding: 10px;
    }

    width: 100%;

    .indicator-subheading {
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
    }
    .indicator-rating {
        padding-left: 30px;
    }

    .indicator-cell {
        text-align: right;
        font-weight: bold;
        padding-right: 20px;
    }

    .indicator-row {
        background-color: #F5F5F5;

        &:nth-child(even) {
            background-color: #E8E8E8;
        }
    }

    .indicator-positive {
        background: #C6EFCE;
        color: #188A6B;
        text-align: center;
    }

    .indicator-neutral {
        background: #FFEB9C;
        color: #9C572D;
        text-align: center;
    }

    .indicator-negative {
        background: #FFC7CE;
        color: #B43138;
        text-align: center;
    }
}

/*
.chart-container {
    height: 150px;
}

.chart-canvas {
    width: 100%;
    height: 150px;
}
*/

.top-border {
    border-top: 15px solid #3A3838;
    opacity: 1;
    margin: 0;
}