#banner {
    height: auto;
    background: linear-gradient(180deg, #4699f7, #0068df);
}

/* results  */
.bg_primary {
    background: #0054c2;
}

.text_gold {
    color: #e1c233 !important;
}

.header {
    background: radial-gradient(#2f9aff, #006ae7);
}

.report_cards {
    cursor: pointer;
    transition: transform 0.3s;
}

.report_cards:hover {
    transform: translateY(-8px);
}

.report_cards.danger {
    /* background: linear-gradient(to top left, #d91c1c, #ff6767); */
    background: linear-gradient(to top left, #ffcdcd, #ffebeb);
    border: 1px solid #ffb4b4;
}

.report_cards.success {
    /* background: linear-gradient(to top left, #00af3f, #4ee97f); */
    background: linear-gradient(to top left, #c0fbc2, #ebffeb);
    border: 1px solid #acf0af;
}

.report_cards.warning {
    /* background: linear-gradient(to top left, #efb000, #ffd560); */
    background: linear-gradient(to top left, #fbfac0, #feffe1);
    border: 1px solid #f3f2ae;
}

.text_color {
    color: #836000;
}

/* chart  */
.chart-container {
    margin: auto;
}

.chart-container canvas {
    width: 100% !important;
    height: 430px !important;
}

.pieChartAreas {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    line-height: 165px;
}

.pieChartAreas canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}