@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
}

.indicadores {
    font-family: "Montserrat";
}
.indicadores.bg-style-one {
    background-image: url('../images/indicadores/bg-1.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.indicadores .box-itens {
    background: #fff;
    border-radius: 140px;
    position: relative;
    box-shadow: 0 1px 14px #00000020;
}

.indicadores h1 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #0075D4;
    margin-bottom: 5px;
}

.indicadores h2 {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #42403F;
}

.indicadores .color-green .kpi-one {
    position: relative;
    background: #CEFFE0;
    background: linear-gradient(118deg, #CEFFE0 0%, rgba(0,122,238,1) 85%);
    border-radius: 50%;
    display: flex;
}

.indicadores .kpi-one {
    position: relative;
    background: rgb(188,225,255);
    background: linear-gradient(118deg, rgba(188,225,255,1) 0%, #007AEE 85%);
    border-radius: 50%;
    display: flex;
}

.indicadores .kpi-one .content {
    background-color: #FFF;
    border-radius: 50%;
    margin: 7%;
    box-shadow: 0px 3px 8px #2222223D;
}


.indicadores .kpi-one .content .body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.indicadores .kpi-one .content .body .icon {
    padding-bottom: 5px;
}

.indicadores .box-itens .value,
.indicadores .kpi-one .content .body .value {
    font-size: 32px;
    font-weight: 600;
    color: #023e88;
}

.indicadores .box-itens .description,
.indicadores .kpi-one .content .body .description {
    font-size: 16px;
    font-weight: 400;
    color: #023e88;
    max-width: 55%;
    text-align: center;
}

.indicadores .box-itens .description,
.indicadores .box-itens .kpi-one .content .body .description {
    font-size: 12px;
}

.indicadores .box-itens .custom-kpi {
    position: absolute;
    top: -205px;
    left: -80px;
    width: 150% !important;
}

@media (max-width:1270px) {
    .indicadores .box-itens .custom-kpi {
        top: -185px;
    }
}

@media (max-width:1140px) {
    .indicadores .box-itens .custom-kpi {
        top: -180px;
    }
}

@media (max-width:1075px) {
    .indicadores .box-itens .custom-kpi {
        top: -165px;
        left: -50px;
    }
}

.indicadores .card.border-2 {
    border-radius: 16px;
}
.indicadores .card .card-header {
    padding-top: 30px;
    background-color: initial;
    border-bottom: none;
}
.indicadores .card .card-header .filtro {
    position: absolute;
    top: 30px;
    right: 25px;
}

@media (max-width:991px) {
    .indicadores .card .card-header .filtro {
        position: relative;
        text-align: center;
        top: inherit;
        right: initial;
    }
}
.indicadores select {
    width: 128px;
    height: 34px;
    border: 1px solid #CED4DA;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #6C757D;
}

.indicadores .card .card-header h1 {
    color: #023E88;
}

.indicadores .card .card-header h2 {
    color: #023E88;
}

.indicadores .card .card-body .subtitle {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #42403F;
    padding-bottom: 12px;
}

.indicadores .card .card-body .kpi-one .body .value {
    font-size: 32px;
    font-weight: bold;
    color: #42403F;
}

.indicadores .card .card-body .kpi-one .body .description {
    font-size: 14px;
    font-weight: 400;
    color: #42403F;
}

.indicadores .mais-acessados .value {
    color: #023E88;
    font-weight: bold;
    font-size: 32px;
}

.indicadores .mais-acessados .description {
    color: #023E88;
    font-weight: 400;
    font-size: 16px;
}

.indicadores .mais-acessados .lista {
    width: 80%;
}

.indicadores .mais-acessados .lista .title {
    color: #023E88;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 25px;
    text-align: center;
}

.indicadores .mais-acessados .lista ul {
    list-style: none;
}

.indicadores .mais-acessados .lista li a {
    display: flex;
    padding-bottom: 10px;
    color: #023E88;
    text-decoration: none;
}

.indicadores .mais-acessados .lista li:first-child {
    font-weight: bold;
}

.indicadores .mais-acessados .lista li .number {
    padding-right: 15px;
    font-weight: bold;
}

.indicadores .filtro-data label {
    font-size: 12px;
    color: #42403F;
    padding-right: 5px;
}

.indicadores .filtro-data select,
.indicadores .filtro-data input {
    height: 30px;
    width: 130px;
    font-size: 12px;
    color: #42403F;
}


.indicadores h1.title {
    font-size: 16px;
    color: #023E88;
}

.indicadores p.subtitle2 {
    font-size: 12px;
    font-weight: 400;
    color: #023E88;
}

.indicadores h1.value {
    font-size: 32px;
    color: #023E88;
}



.bg-color-primary {
    background: #EDF6FF;
}

.bg-effect {
    position: relative;
    border-radius: 15px 15px 0px 15px;
}

.bg-effect::before {
    content: "";
    position: absolute;
    background-image: url(./../images/effect-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 957px;
    left: 0px;
    top: -835px;
    z-index: -1;
    opacity: 30%;
}

.bg-effect::after {
    content: "";
    position: absolute;
    background-image: url(./../images/effect-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 978px;
    right: 0px;
    z-index: -1;
    opacity: 30%;
}


.indicadores .text-secondary {
    color: #42403F !important;
}


.indicadores .h-210 {
    min-height: 210px;
}

.indicadores .totalizadores {
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 0px;
    margin-top: 0px;
}


.indicadores .shadow-sm {
    box-shadow: 0 3px 8px #2222223D !important;
}

.indicadores .text-bold {
    font-weight: bold !important;
}


.indicadores h1.text-primary {
    color: #023E88 !important;
    font-size: 14px;
}

.indicadores .description-fs-14 .description {
    font-size: 14px!important;
}

.indicadores .ultimo-censo .value {
    font-size: 20px;
    padding: 5px;
}



.indicadores .custom-kpi .datalabels {
    position: absolute;
    top: 35%;
}

@media (max-width:991px) {
    .indicadores.bg-style-one {
        background-image: initial;
        padding: 0px 10rem;
    }

    .indicadores .box-itens {
        border-radius: 300px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -17rem;
        left: -10.5rem;
    }

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 570px;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 22%;
    }
}

@media (max-width:900px) {
    .indicadores .box-itens .custom-kpi {
        top: -14rem;
        left: -9.5rem;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 18%;
    }
}


@media (max-width:850px) {
    .indicadores .box-itens .custom-kpi {
        top: -11rem;
        left: -8.5rem;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 14%;
    }
}

@media (max-width:800px) {
    .indicadores .box-itens .custom-kpi {
        top: -8rem;
        left: -7.5rem;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 10%;
    }
}

@media (max-width:750px) {
    .indicadores .box-itens .custom-kpi {
        top: -5rem;
        left: -7rem;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 6%;
    }
}

@media (max-width:700px) {
    .indicadores .box-itens .custom-kpi {
        top: -3rem;
        left: -5.5rem;
    }

    .indicadores .custom-kpi .datalabels {
        top: 42%;
        right: 2%;
    }
}

@media (max-width:650px) {
    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 330px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -3rem;
        left: -4.5rem;
    }
}


@media (max-width:600px) {
    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 280px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -5rem;
        left: -3.5rem;
    }
}

@media (max-width:575px) {
    .indicadores.bg-style-one {
        background-image: initial;
        padding: 0px 6rem;
    }

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 350px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -9rem;
        left: -6.5rem;
    }
}

@media (max-width:525px) {

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 350px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -7rem;
        left: -5.5rem;
    }
}

@media (max-width:500px) {

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 300px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -6rem;
        left: -5.0rem;
    }
}

@media (max-width:475px) {

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 300px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -4.5rem;
        left: -4.5rem;
    }
}


@media (max-width:450px) {

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 280px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -3.5rem;
        left: -4.2rem;
    }
}

@media (max-width:400px) {

    .indicadores .box-itens .populacao-x-usuarios-cadastrados-campos {
        height: 250px;
    }

    .indicadores .box-itens .custom-kpi {
        top: -2.3rem;
        left: -3rem;
    }
}