.dashbord {
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.title-section {
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    padding: 5px 0px;
}

    .title-section p {
        margin: 0px;
        font-size: 15px;
    }

.icon-text-section {
    padding: 5px 10px;
    border-radius: 0px 0px 5px 5px;
}

.icon-section {
    font-size: 32px;
    float: left;
    width: 20%;
}

.text-section {
    width: 80%;
    float: right;
    padding-top: 10px;
}

    .text-section h1 {
        margin: 0px;
        font-size: 22px;
        color: whitesmoke !important;
    }

.state-success .title-section {
    background-color: #B0DA7A;
}

.state-success .icon-text-section {
    background-color: #9CD159;
}

.state-success .icon-section {
    color: #d9ffa8;
}

.state-danger .title-section {
    background-color: #FF7979;
}

.state-danger .icon-text-section {
    background-color: #FF5757;
}

.state-danger .icon-section {
    color: #ffbebe;
}

.state-primary .title-section {
    background-color: #7CD6F8;
}

.state-primary .icon-text-section {
    background-color: #5BCCF6;
}

.state-primary .icon-section {
    color: #c6f0ff;
}

.state-accent .title-section {
    background-color: #0045c4;
}

.state-accent .icon-text-section {
    background-color: #226ffb;
}

.state-accent .icon-section {
    color: #71a2ff;
}