.lh-40{
    line-height: 40px !important;
}
.lh-30{
    line-height: 30px !important;
}
.lh-20{
    line-height: 20px !important;
}
.lh-10{
    line-height: 10px !important;
}

.bar {
    display: flex;
    align-items: center;
    margin-top: 27px;
    height: 227px;
}

.progress-bar {
    width: 30px;
    height: 100%;
    background: linear-gradient(to top, #ff0000, #00ff00);
    position: relative;
    overflow: hidden;
}

.pointer {
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 15px;
}

.seta i {
    color: red;
    font-size: 20px;
}


.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column {
    flex-grow: 1;

}

.column:first-child,
.column:last-child {
    flex-basis: 47%;
}

.column:nth-child(2) {
    flex-basis: 6%;

}