#strength-indicator {
    margin-top: 20px;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    font: 12px/25px Arial, Helvetica, sans-serif;
}

.very_strong {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
}

.very_weak {
    border: 1px solid #FF9191;
    background: #FFC7C7;
    color: #94546E;
}

.weak {
    border: 1px solid #FBB;
    background: #FDD;
    color: #945870;
}

.medium {
    border: 1px solid #C4EEC8;
    background: #E4FFE4;
    color: #51926E;
}

.strong {
    border: 1px solid #6ED66E;
    background: #79F079;
    color: #348F34;
}

.very_strong {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
}

.color_svg {
    color: #64B5F6!important;
}