/* /* .card_index{
    z-index: 99;
    width: 320px;
    height: 280px;
    margin-bottom: 30px;
    border-radius: 7px;
    margin-right: 0px;
} */

svg{
    background-color: transparent !important;
    fill-opacity: 0 !important;
}

/* .charts{
    margin-top: -25px;
    margin-left: -25px;
    width: 360px !important;
    height: 260px !important;
    background-color: red !important;
} */

rect{
    fill-opacity: 0 !important;
    z-index: 1;
}

.title-indicador{
    z-index: 99;
    padding-top: 0px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
}

.status{
    z-index: 99;
    text-align: right;
    margin-top: -10px;
    margin-bottom: -10px;
    font-size: 35px;
}

.s{
    color: #FF0000;
}

.legend-card{
    z-index: 99;
    margin-top: -55px;
}

.fa-face-frown{
    color: #F2726F;
}

.fa-face-grin-beam{
    color: #62B58F;
}

.legend-title{
    font-size: 10px;
    font-weight: bold;
    margin-left: 2px;
    vertical-align: middle;
}

.legend-values{
    border-style: 1;
    background-color: #287cd6;
    color: #287cd6;
    margin-left: 10px;
    border-radius: 7px;
    font-size: 12px;
}

.b{
    background-color: #62B58F;
    color: #62B58F;
}

.c{
    background-color: black;
    color: black;
}

.m{
    margin-left: 75%;
    width: 250px;
    color: gray;
}

.popup{
    text-decoration: none;
    color: black;
    cursor: pointer;
}

/*Messages errors*/
#p-messages {
    position: relative;
}

#id_message {
    position: absolute;
    z-index: 99;
    top: 30px;
    left: 50%;
    width: 800px;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 359px) and (max-width: 360px){
    .alert-warning{
        width: 350px !important;
        margin-left: 28.5% !important;
        font-size: 15px !important;
    }
}


@media only screen and (min-width: 374px) and (max-width: 376px){

    .alert-warning{
        width: 350px !important;
        margin-left: 28.5% !important;
        font-size: 15px !important;
    }

  
}

@media only screen and (min-width: 390px) and (max-width: 393px) {
    
    .alert-warning{
        width: 350px !important;
        margin-left: 28.5% !important;
        font-size: 15px !important;
    }

    /* .content_index{
        margin-left: 0px !important;
    }

    #charts > div > div.card-header.border-success{
        height: 50px !important;
    }

    #chart-3{
        height: 900px !important;
    }

    .main_content{
        margin-left: 0px !important;
    }

    .card-ind{
        width: 310px !important;
    }

    .card_ind_donut{
        display: none;
    }

    body > div.content.main_content > div > div:nth-child(3) > div:nth-child(2) > div{
        display: none;
    } */

    /* .tables_indicadores_financeiro{
        margin-left: -26px;
        background-color: red;

    } */

    /* .tables_indicadores_unidades{
        width: 303px !important;
    } */

    /* .nav_acs{
        width: 330px !important;
    } */
    
}

@media only screen and (min-width: 412px) and (max-width: 414px){

    .alert-warning{
        width: 382px !important;
        margin-left: 26.3% !important;
        font-size: 15px !important;
    } 

    /* .content_index{
        margin-left: 0px !important;
        background-color: red;
    } */

/* 
    body > div.content > div > div:nth-child(3) > div:nth-child(1) > div{
        width: 310px !important;
    } */
/* 
    .main_content{
        margin-left: 0 !important;
        background-color: red;
    } */

    /* .charts-ind {
        width: 330px !important;

    } */
/* 
    #chart-3{
        height: 300px !important;
    } */

    /* .card_tb_indicadores_relatorios{
        margin-left: 10px !important;
        background-color: red !important;
    } */
/* 
    .tables_indicadores_unidades{
        margin-left: -35px !important;
    } */

/* 
    .card_tb_indicadores_relatorios_financeiro{
        margin-left: -1px !important;
        background-color: red;

    } */

    /* .nav{
        width: 80%;
        margin-left: -12px !important;
    } */

    /* .nav_acs{
        margin-left:-1px !important;
        background-color: red;

    } */
}

@media only screen and (min-width: 429px) and (max-width: 431px){

    .alert-warning{
        width: 382px !important;
        margin-left: 26.3% !important;
        font-size: 15px !important;
    } 
}

@media only screen and (min-width: 500px) and (max-width: 540px) {

    .alert-warning{
        width: 500px !important;
        font-size: 15px !important;
        margin-left: 18% !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 769px) {

    .alert-warning{
        margin-left: 8.5% !important;
    }

}

@media only screen and (min-width: 770px) and (max-width: 772px) {
    
    #id_message {
        left: 55%;
        width: 420px !important;
    }

    #message_box {
        font-size: 9px !important;
    }

}