.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading1 {
        color: #fff;
        background-color: #1E40AF;
        border-color: #1E40AF;
    }

    .panel-primary > .panel-heading2 {
        color: #fff;
        background-color: #1D4ED8;
        border-color: #1D4ED8;
    }

    .panel-primary > .panel-heading3 {
        color: #fff;
        background-color: #2563EB;
        border-color: #2563EB;
    }

    .panel-primary > .panel-heading4 {
        color: #fff;
        background-color: #3B82F6;
        border-color: #3B82F6;
    }

    .panel-primary > .panel-heading5 {
        color: #fff;
        background-color: #0D9488;
        border-color: #0D9488;
    }

    .panel-primary > .panel-heading6 {
        color: #fff;
        background-color: #059669;
        border-color: #059669;
    }

    .panel-primary > .panel-heading7 {
        color: #fff;
        background-color: #16A34A;
        border-color: #16A34A;
    }

    .panel-primary > .panel-heading8 {
        color: #fff;
        background-color: #65A30D;
        border-color: #65A30D;
    }

    .panel-primary > .panel-heading9 {
        color: #fff;
        background-color: #CA8A04;
        border-color: #CA8A04;
    }

    .panel-primary > .panel-heading10 {
        color: #fff;
        background-color: #D97706;
        border-color: #D97706;
    }

    .panel-primary > .panel-heading11 {
        color: #fff;
        background-color: #DC2626;
        border-color: #DC2626;
    }

    .panel-primary > .panel-heading12 {
        color: #fff;
        background-color: #9D174D;
        border-color: #9D174D;
    }
/*.panel-primary > .panel-heading {
                color: #fff;
                background-color: #337ab7;
                border-color: #337ab7;
            }*/

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-radius: 15px;
    min-height: 125px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
}

.panel-heading > .row {
    margin: auto !important;
}

.huge {
    font-size: 50px;
}

.huge1 {
    font-size: 39px;
}
.huge2 {
    font-size: 30px;
}

.fa-bottom {
    bottom: 0;
    position: absolute;
}
.fa-top {
    top: 0;
    position: absolute;
}

.das-img {
    width: 40px;
}
.panel-age {
    padding: 0 !important;
    border-radius: 25px !important;
    width: 60% !important;
}
@media (max-width: 576px) {
    .panel-age {
        width: 80% !important;
    }
}
@media (min-width: 576px) {
    .panel-age {
        width: 80% !important;
    }
}

@media (min-width: 768px) {
    .panel-age {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .panel-age {
        width: 60% !important;
    }
}

@media (min-width: 1100px) {
    .panel-age {
        width: 60% !important;
    }
}
.card-body-blue {
    background-color: #9FBFD0;
}
.font-age {
    color: #32b7ee;
    font-size: 30px;
}
.col-age {
    padding: 0 !important;
    background-color: #fff;
    border-radius: 5px;
    margin: 5px;
    font-weight: bold;
}
@media (min-width: 768px) {
    .col-d-1 {
        flex: 0 0 10.22222%;
        max-width: 10.22222%;
    }
}
.panel-M {
    background-color: #315571;
    color:#fff;
}
.panel-F {
    background-color: #BE6D3D;
    color: #fff;
}
.font-gender {
    font-size: 30px;
    position: absolute;
    bottom: 15px;
}
.cnt-gender {
    font-size: 60px; 
}