body {
    background-color: white;
    font-family: 'Montserrat';
}

#chart {
    text-align: center;
}

.nameText,
.nameTextSub {
    fill: white;
    font-family: 'Montserrat';
    text-align: center;
}

.text-center,
.text-simular {
    fill: #7c7c7c;
    font-size: 24px;
    font-family: 'Montserrat';
    /*cursor: pointer;*/
}

.text-simular {
    font-size: 22px;
}

.btn-blue{
    fill: #2a638b;
    stroke: #2a638b;
}
.btn-blue-outline, .btn-go-back{
    fill: #ffff;
    stroke: #2a638b;
}


.text-posit{
    font-family: 'Montserrat';
    font-size: 14px;
}

.text-btn {
    font-size: 16px;
    font-weight: 500;
}

.nameText {
    font-size: 10px
}

.nameTextSub {
    font-size: 9px
}

.monthText {
    /*fill: rgb(255, 255, 255);*/
    font-size: 13px;
}


.country,
.back-btn {
    cursor: pointer;
}

/*.cat:hover,
.subcat:hover {
    transition-delay: 0;
    cursor: pointer;
}*/

#group-init:hover {
    cursor: pointer;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    /*padding-bottom: 100%;
    /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}

.icon-filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#group-indicator{
    display:none;
}
#background-indicator{
    display:none;
}
.icon-title{
    /*text-transform: uppercase;*/
    font-weight: 500;
}
#bg-detail-text{
    fill: #2a638b;
}
.btn-detail-back {
    fill: #2a638b;
    stroke: white;
}
.btn-detail-back + text{
    fill: white;
}
.btn-detail-more{
    fill: white;
    stroke:white;
}
.btn.detail-more + text{
    fill: #2a638b!important;
} 

.btn-blue-outline + text{
    fill: #2a638b;
}
.btn-blue + text{
    fill: white;
}
a#back-btn text{
    fill:#2a638b!important;
}