.opportunity-status-header-container {
display: flex;
}

.opportunity-status-panel {
    display: grid;
    grid-template-columns: 20% 60% 20%;
    padding: 0;
    margin: 0;
    flex: 1 0 auto;
    width: 15%;
}

    .opportunity-status-panel.inactive-status {
        border: solid 1px grey;
        color: #696969;
        background-color: #f2f2f2;
    }

        .opportunity-status-panel.inactive-status .opportunity-status-panel-title {
            color: #696969;
        }

    .opportunity-status-panel.active-status {
        border: solid 2px #3f51b5;
        background-color: #d1eaff;
    }

    .opportunity-status-panel.complete-status {
        border: solid 2px #4BB543;
        background-color: #f2f2f2;
    }

        .opportunity-status-panel.complete-status .k-i-check, .opportunity-status-panel.complete-status .opportunity-status-panel-title {
            color: #4BB543;
        }

        .opportunity-status-panel .opportunity-status-panel-title, .opportunity-status-panel .opportunity-status-panel-text, .opportunity-status-panel .opportunity-status-panel-number h1 {
            padding: 5px;
            margin: 0;
        }