.panel {
    .panel-heading {
        padding: 30px 20px;
        overflow: hidden;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 0!important;

        font-size: 14px;
        font-weight: 600;
        .panel-title {
            font-size: 18px;
            /* float: left; */
            margin: 0px;
            padding: 0px;
            font-weight: normal;
            color: #4776E6;
        }
    }

    .panel-heading + .panel-body {
        padding: 0 20px 20px 20px;
    }
    
    .panel-body {
        position: relative;
        padding: 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

}


.bg-blue {
    background-color: #4776E6;
}
.bg-green {
    background-color: #31d281;
}
.bg-orange {
    background-color: #ff7f57;
}
.bg-violet {
    background-color: #796AEE;
}

.f-blue {
    color: #4776E6;
}

.f-green {
    color: #31d281;
}

.f-orange {
    color: #ff7f57;
}

.f-violet {
    color: #796AEE;
}