.il-table{
    /* max-width: 1200px; */
    margin: 0 auto;
}
.il-table td p{
    font-size: 0.7em;
    text-align: center;
    margin: 0;
}
.color-primary{
    background: #00476b;
    color: #fff;
}
.color-secondary{
    background: #1fb1a7;
    color: #fff;
}
.color-tertiary{
    background: #d9d9d9;
    color: #000;
}
.color-quarterly{
    background: #3A8495;
    color: #fff;
}

.il-item{
    text-align: center;
    font-size: 0.7em;
    width: 5rem;
    
    margin: 0 auto;
    /* margin-top: 1px; */
    padding: 0.5em 0;

}
.il-label{
    color: #00476b;
    text-align: center;
    font-size: 0.7em;
    font-weight: 700;
    width: 5rem;
    margin: 0 auto;
    /* margin-top: 1px; */
    padding: 0.5em 0;
}

.il-table td.il-bar-cell {
    vertical-align: bottom;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.il-bar{
    display: flex;
    flex-direction: column;
}


.il-container{
    max-width: 1200px;
    margin: 2em auto;
}
.il-title{
    text-align:center;

    font-size:1em; 
    font-weight:600; 
    color:#2F394F; 
    max-width:500px; 
    margin: 0 auto;
}
.il-notes{
    margin: 0;
    font-size: 0.6em;
}
.il-bubble{
    background: #CEE4FC;
    color: #2F394F !important;
    height: 4em;
    width: 10em;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 2px 5px gainsboro;
    cursor: pointer;
}
.il-bubble-main{
    background: #00476b;
    color: #ffffff !important;
    border: none;
    height: 4em;
    width: 10em;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 2px 5px gainsboro;
    cursor: pointer;
}
.il-bubble-main p{
    margin: 0;
    font-size: 0.75em;
    font-weight: 600;
    text-align: center;
}
.il-bubble-main.bubble-active{
    background: #1fb1a7 !important;
    color: #ffffff !important;
}
.il-bubble p{
    margin: 0;
    font-size: 0.75em;
    font-weight: 600;
    text-align: center;
}
.bubbles-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 3em 0;
}
.bubbles-pillars-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
}
.bubbles-pillars-label{
    margin: 0;
    font-size: 0.65em;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.bubbles-pillars-row{
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}

.bubble-active{
    background: #2F394F !important;
    color: #ffffff !important;
}
.sides-closes {
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    padding: 4px 8px;
}

.pilar-border-left {
    border-left: 1px solid gainsboro;
}

.pilar-border-right {
    border-right: 1px solid gainsboro;
}

/* chart panel transition */
.chart-fade-enter-active {
    transition: opacity 0.35s ease, transform 0.35s ease;
}
.chart-fade-leave-active {
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.chart-fade-enter-from {
    opacity: 0;
    transform: translateY(16px);
}
.chart-fade-leave-to {
    opacity: 0;
    transform: translateY(-8px);
}

.vr{
    border: none;
    width: 1px;
    background: gainsboro;
}