.funnel_container {
    flex:1;
    display: flex;
    flex-direction: column;
    margin:20px 20px;
}

.funnel_title {
    font-size:16px;
    font-style: italic;
    margin:0px;
    padding-left:0px !important;
}

.fase_section {
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100px;
    align-items: center;
}

.fase_section + .fase_section {
    margin-top:5px;
}

.fase_title {
    margin:0;
    font-size:13px;
    text-align:center;
    font-weight: 600;
}

.fase_container {
    flex:1;
    background-color: #63c2de;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:14px;
    font-weight: 600;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    transition: clip-path 0.2s;
    max-height: 60px;
}

.fase_container:hover {
    clip-path: polygon(0% 0, 100% 0, 94% 100%, 6% 100%);
}

.fase1 {
    width:100%;
}
.fase2 {
    width:90%;
}
.fase3 {
    width:80%;
}
.fase4 {
    width:70%;
}
.fase5 {
    width:60%;
}
.fase6 {
    width:50%;
}

.fase1_red {
    background-color: #EFC307 !important;
}
.fase2_red {
    background-color: #EF810A !important;
}
.fase3_red {
    background-color: #ED570C !important;
}
.fase4_red {
    background-color: #EA380F !important;
}
.fase5_red {
    background-color: #CE0D0D !important;
}
.fase6_red {
    background-color: #A30707 !important;
}

.fase1_blue {
    background-color: #78D6FF !important;
}
.fase2_blue {
    background-color: #0EB3E0 !important;
}
.fase3_blue {
    background-color: #0984E3 !important;
}
.fase4_blue {
    background-color: #1F70B2 !important;
}
.fase5_blue {
    background-color: #1E5884 !important;
}
.fase6_blue {
    background-color: #193154 !important;
}

.fase1_green {
    background-color: #99F2D5 !important;
}
.fase2_green {
    background-color: #47E2AF !important;
}
.fase3_green {
    background-color: #25CE95 !important;
}
.fase4_green {
    background-color: #14996D !important;
}
.fase5_green {
    background-color: #0F7F5A !important;
}
.fase6_green {
    background-color: #086647 !important;
}

.tooltiptext {
    background-color:#898e97;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding:7px 15px;
    border-radius: 2px;
    border:1px solid #dedede;
    color: #fff;
}

.tooltiptext:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 43%;
    border-bottom: solid 10px #898e97;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

#tooltipfunnel_fase {
    font-size:15px;
    margin-bottom:5px;
}

.tooltipfunnel_desc {
    font-size:12px;
}

.tooltiptext-container {
    display: none;
    position: absolute;
    z-index:99;
}

.funnel_title {
    text-align:left;
    font-size:14px;
    padding-left:20px;
}