﻿@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
@import url("https://www.w3schools.com/w3css/4/w3.css");

body {
    color: #545454;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    font-family: Poppins;
    background-color: #fafafc;
}


/*LOGIN*/



.container-login {
    display: flex;
    flex-direction: row;
    background: #e5e5e5;
    height: 100vh;
    overflow-y: hidden;
}

.inputLogin {
    padding-bottom: 10px;
}

.inputClave {
    padding-bottom: 25px;
}

.envelope {
    padding-left: 29px;
    margin-top: 25px;
    position: absolute;
}

.box-login {
    background: #ffffff;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    width: 350px;
}

.formLogin {
    opacity: 0.8;
    box-sizing: border-box;
    width: 350px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: block;
    align-items: center;
    letter-spacing: 0.75px;
    padding-left: 15px;
    padding-right: 15px;
}


.divLateral {
    background: url(./img/login-background.png) no-repeat !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

.div-login-top {
    flex-direction: row;
   align-items: center;
    width: 100%;
    display: flex;
    background: #FFF;
    height: 80px;
}
.contenidoBotonera {
    background: #ecf1f8;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top:200px;
    height: 100vh;
}

.btn-default-carone {
    background: #1899d9;
    width: 290px;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 15px;
    outline: none;
    color: #ffffff;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 41px;
}

.conteudoLogin {
    background: #ecf1f8;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}



.p-bienvenido {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
    text-align:center;
    color: #545454;
    padding-top: 20px;
}

.p-facalogin {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #585656;
    padding-left: 32px;
    padding-top: 20px;
}
.p-footer {
    font-family: Arial;
    font-size: 10px;
    line-height: 48px;
    text-align: center;
    color: #41abe0;
    padding-bottom: 10px;
}

/*FIN LOGIN*/


/*BOTONERA*/

.padding-botones {
    padding-left: 10px;
    padding-bottom:20px;
    margin:10px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    align-items: center;
}


.BotonSelector {
    background: #ffffff;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    height: 78px;
    width: 200px;
    color: #1879ac;
    font-weight: bolder;
    padding-top: 20px;
    border-collapse: collapse;
}
.padding-botones a:hover {
    background: #1879ac;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    color: #ffffff;
}
.BotonSelectorDeshabilitado {
    background: #e5e5e5;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    height: 78px;
    width: 200px;
    color: #1879ac;
    font-weight: bolder;
    padding-top: 20px;
    border-collapse: collapse;
}

.BotonSelectorMarcado {
    background-color: lightskyblue;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    height: 78px;
    width: 200px;
    color: #1879ac;
    font-weight: bolder;
    padding-top: 20px;
    border-collapse: collapse;
    border: 2px solid #1879ac !important;
}

.padding-botones a:hover {
    background: #1879ac;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    color: #ffffff;
}




.p-bienvenido-botonera {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
    text-align: left;
    color: #545454;
    padding-top: 20px;
    padding-left: 50px;
}

/*FIN BOTONERA*/


/*HEADER*/
.Header {
    background: #fff;
}
.Header img {
    margin-top: 10px;
}
.margin-20 {
    margin-top: 10px;
 }
.TituloHeader {
    color: #545454;
    font-size:16px;
    font-weight:bold;
}
.SubTituloHeader {
    color: #808080;
    font-size: 12px;

}
.SubHeader {
    background: #1899d9;
    width: 100%;
    display: block;
    height: 48px;
    margin: 0px;
}


.contenedor-filtros {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    position: absolute;
    height: 23px;
    margin-left: 32px;
    margin-top: 12px;
}
.titulo-filtro {
    position: static;
    width: 101px;
    height: 18px;
    left: 0px;
    top: 2.5px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */
    /* Cor / Branco */
    color: #FFFFFF;
}
.caja-filtro {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    position: static;
    width: 150px;
    height: 23px;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 4px;
    text-align: center;
}
.texto-filtro {
    position: static;
    width: 150px;
    height: 15px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    /* identical to box height */
    /* Cor / Branco */
    color: #FFFFFF;
}



.LinkSelectorMarcado {
    font-weight: bolder;
    border-bottom: 2px solid #1879ac !important;
}

.FrameDerecho {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
/*    position: static;
    width: 110px;
    height: 38px;
    margin-left: 0px;
    margin-top: 0px;*/
}
.circulo-exterior {
    width: 38px;
    height: 38px;
    background: #FFFFFF;
    /* Cor / Azul Primário */
    border: 1px solid #1899D9;
    box-sizing: border-box;
    border-radius: 30px;
}

.circulo-interior {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    margin-top: 2px;
    background: #bae0f4;
    border-radius: 30px;
}
.iniciales-usuario {
    position: absolute;
    width: 19px;
    height: 21px;
    margin-left: 7px;
    margin-top: 6px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Cor / Azul Primário */
    color: #1899D9;
}

/*HEADER*/


/* CONTAINER CARDS */
.container-card-NPS {
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
    border-radius: 10px;
    height: 159px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 2%;
}
.container-grafico {
    width: 100%;
    height: 35px;
    padding-left: 3%;
    padding-right: 3%;
}
.ValorNPS {
    font-style: normal;
    text-align: center;
    align-items: center;

}
    .ValorNPS p {
        color: #19AA73;
        font-weight: 400;
        font-size: 80px;
        text-align: center;
        align-items: center;
        display: block;
        padding-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }

.TituloNPS {
    margin: 0;
}
.BaseNPS {
    opacity: .8;
    margin: 0px !important;
    padding: 0px !important;
}

.grafico-nps {
    border-radius: 16px;
    margin-top: 8px !important;
}
.grafico-nps-detractores {
    border-radius: 16px;
    background-color: #FF7676 !important;
}
.grafico-nps-neutros {
    border-radius: 16px;
    background-color: #F6C046 !important;
}
.grafico-nps-promotores {
    border-radius: 16px;
    background-color: #19AA73 !important;
}
.ValorBarra {
    font-size: 15px !important;
    color: #808080 !important;
    justify-content: right !important;
    align-items: center !important;
    text-align: right !important;
    font-weight: bold !important;
}
.TituloBarra {
    font-size: 12px !important;
    color: #808080 !important;
    font-weight: bold !important;
    padding:0px !important;
}



.TituloCardsNotas {
    font-weight: bold !important;
    font-size: 18px !important;
    float: left !important;
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 27px !important;
    /* identical to box height */
    display: flex !important;
    align-items: center !important;
}
.TituloCardsValorNPS {
    width: 52px;
    height: 20px;
    font-size: 25px !important;
    color: #19AA73 !important;
    justify-content: right !important;
    align-items: center !important;
    text-align: right !important;
    padding: 15px !important;
    float: right !important;
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 37px !important;
    display: flex !important;
}
.TituloCardsValorIndidencia {
    width: 52px;
    height: 20px;
    font-size: 25px !important;
    color: #19AA73 !important;
    justify-content: left !important;
    align-items: center !important;
    text-align: left !important;
    padding: 15px !important;
    float: left !important;
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 37px !important;
    display: flex !important;
}

.SubTituloPorcIncidencia {
    margin-top: -12px;
    align-items: center !important;
    text-align: right !important;
    padding: 0px !important;
    float: right !important;
}
.SubTituloIzq {
    margin-top:-12px;
    align-items: center !important;
    text-align: left !important;
    padding: 0px !important;
    float: left !important;
}
.SubTituloDer {
    margin-top: -12px;
    align-items: center !important;
    text-align: right !important;
    padding: 0px !important;
    float: right !important;
}
.SubTituloDerAbajo {
    align-items: center !important;
    text-align: right !important;
    float: right !important;
    font-weight: bold !important;
}
/*FIN CONTAINER CARDS*/


/*ALERT MENSAJES*/

.hidepanel {
    display: none;
}

.MessagePanelDiv {
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
}
/*FIN ALERT MENSAJES*/



/*GRAFICO DONA*/

.card-resolucao {
    background: #F8F8F8;
    border-radius: 12px;
    width: 100%;
    height: 276px;
}

.loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
}


#barra-interna {
    --progress-color: #FF7676;
    --rest-color: #ededed;
    --size: 190;
    --width: 10;
    position: absolute;
    top: 2px;
    z-index: 100;
    margin-left: 43px;
}

#barra-externa {
    position: relative;
    z-index: 10;
    --progress-color: #00A0E9;
    --rest-color: #e5e5e5;
    --size: 216;
    --width: 10;
    top: -11px;
    margin-left: 30px;
}

.start-btn {
    position: absolute;
    z-index: 200;
    left: 80px;
    top: 80px;
}


progress {
    width: calc(var(--size) * 1px);
    height: calc(var(--size) * 1px);
    border-radius: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: transparent;
    margin: 30px 30px;
    float: left;
}

    progress:before {
        content: "";
        background: var(--background, #F8F8F8);
        position: absolute;
        z-index: 100;
        /* parenthesis are required */
        width: calc((var(--size) - (var(--width) * 2)) * 1px);
        height: calc((var(--size) - (var(--width) * 2)) * 1px);
        border-radius: 50%;
        margin: auto auto;
    }

    progress::-moz-progress-value {
        background: transparent;
    }

    progress::-webkit-progress-value {
        background: transparent;
    }





.label-numero {
    position: relative !important;
    top: 0% !important;
    bottom: 60.42% !important;
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    line-height: 40px !important;
    /* identical to box height */
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 0px !important;
}

.label-entrevistados {
    position: relative !important;
    margin-top: 0%;
    bottom: 50%;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Texto / Secundário */
    color: #535353;
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 0px;
}

.label-periodo {
    position: static !important;

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Texto / Secundário */
    color: #535353;
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px;
}

.container-legenda-resolucao {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 77px;
   /*left: 110px;*/
    z-index: 100;
    width: 100%;
}

.container-legenda-resolucao-secundario {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    justify-content: center;
    top: 170px;
    margin-bottom: 0px !important;
}

.legend-sim {
    height: 10px;
    width: 10px;
    background: #00A0E9;
    border-radius: 10px;
    margin-right: 8px;
    margin-bottom:0px !important;
}

.legend-nao {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #FF7676;
    margin-right: 8px;
    margin-left: 16px;
    margin-bottom: 0px !important;
}



.label-s-n {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #353D69;
    margin-right: 8px;
    margin-bottom: 0px !important;
}

.label-valores {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #353D69;
    opacity: 0.8;
    margin-bottom: 0px !important;
    /*     width: 70px;*/
}

.bolha-topo-grafico {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bolha-resultado-topo {
    background: #FFFFFF;
    border: 2px solid #F7F8FC;
    box-sizing: border-box;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #353D69;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 42px;
    position: absolute;
    z-index: 100;
    margin-left: -300px;
    width: 37px;
    height: 37px;
    border-radius: 22px;
    margin-bottom: 8px;
}



.bolha-resultado-topo2 {
    background: #FFFFFF;
    border: 2px solid #F7F8FC;
    box-sizing: border-box;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    color: #353D69;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 7px;
    position: absolute;
    z-index: 12;
    margin-left: -300px;
    width: 37px;
    height: 37px;
    border-radius: 22px;
    margin-bottom: 8px;
}

/* GENERATED IN JS BY
[...new Array(100)].map((_, i) => `progress[value="${i}"]::-webkit-progress-bar { background: conic-gradient(var(--progress-color) 0% ${i}%, var(--rest-color) ${i}% 100%);; }`).join('\n')
*/
progress[value="0"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 0%, var(--rest-color) 0% 100%);
}

progress[value="1"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 1%, var(--rest-color) 1% 100%);
}

progress[value="2"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 2%, var(--rest-color) 2% 100%);
}

progress[value="3"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 3%, var(--rest-color) 3% 100%);
}

progress[value="4"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 4%, var(--rest-color) 4% 100%);
}

progress[value="5"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 5%, var(--rest-color) 5% 100%);
}

progress[value="6"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 6%, var(--rest-color) 6% 100%);
}

progress[value="7"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 7%, var(--rest-color) 7% 100%);
}

progress[value="8"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 8%, var(--rest-color) 8% 100%);
}

progress[value="9"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 9%, var(--rest-color) 9% 100%);
}

progress[value="10"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 10%, var(--rest-color) 10% 100%);
}

progress[value="11"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 11%, var(--rest-color) 11% 100%);
}

progress[value="12"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 12%, var(--rest-color) 12% 100%);
}

progress[value="13"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 13%, var(--rest-color) 13% 100%);
}

progress[value="14"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 14%, var(--rest-color) 14% 100%);
}

progress[value="15"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 15%, var(--rest-color) 15% 100%);
}

progress[value="16"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 16%, var(--rest-color) 16% 100%);
}

progress[value="17"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 17%, var(--rest-color) 17% 100%);
}

progress[value="18"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 18%, var(--rest-color) 18% 100%);
}

progress[value="19"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 19%, var(--rest-color) 19% 100%);
}

progress[value="20"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 20%, var(--rest-color) 20% 100%);
}

progress[value="21"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 21%, var(--rest-color) 21% 100%);
}

progress[value="22"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 22%, var(--rest-color) 22% 100%);
}

progress[value="23"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 23%, var(--rest-color) 23% 100%);
}

progress[value="24"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 24%, var(--rest-color) 24% 100%);
}

progress[value="25"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 25%, var(--rest-color) 25% 100%);
}

progress[value="26"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 26%, var(--rest-color) 26% 100%);
}

progress[value="27"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 27%, var(--rest-color) 27% 100%);
}

progress[value="28"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 28%, var(--rest-color) 28% 100%);
}

progress[value="29"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 29%, var(--rest-color) 29% 100%);
}

progress[value="30"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 30%, var(--rest-color) 30% 100%);
}

progress[value="31"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 31%, var(--rest-color) 31% 100%);
}

progress[value="32"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 32%, var(--rest-color) 32% 100%);
}

progress[value="33"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 33%, var(--rest-color) 33% 100%);
}

progress[value="34"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 34%, var(--rest-color) 34% 100%);
}

progress[value="35"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 35%, var(--rest-color) 35% 100%);
}

progress[value="36"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 36%, var(--rest-color) 36% 100%);
}

progress[value="37"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 37%, var(--rest-color) 37% 100%);
}

progress[value="38"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 38%, var(--rest-color) 38% 100%);
}

progress[value="39"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 39%, var(--rest-color) 39% 100%);
}

progress[value="40"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 40%, var(--rest-color) 40% 100%);
}

progress[value="41"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 41%, var(--rest-color) 41% 100%);
}

progress[value="42"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 42%, var(--rest-color) 42% 100%);
}

progress[value="43"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 43%, var(--rest-color) 43% 100%);
}

progress[value="44"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 44%, var(--rest-color) 44% 100%);
}

progress[value="45"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 45%, var(--rest-color) 45% 100%);
}

progress[value="46"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 46%, var(--rest-color) 46% 100%);
}

progress[value="47"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 47%, var(--rest-color) 47% 100%);
}

progress[value="48"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 48%, var(--rest-color) 48% 100%);
}

progress[value="49"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 49%, var(--rest-color) 49% 100%);
}

progress[value="50"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 50%, var(--rest-color) 50% 100%);
}

progress[value="51"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 51%, var(--rest-color) 51% 100%);
}

progress[value="52"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 52%, var(--rest-color) 52% 100%);
}

progress[value="53"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 53%, var(--rest-color) 53% 100%);
}

progress[value="54"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 54%, var(--rest-color) 54% 100%);
}

progress[value="55"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 55%, var(--rest-color) 55% 100%);
}

progress[value="56"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 56%, var(--rest-color) 56% 100%);
}

progress[value="57"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 57%, var(--rest-color) 57% 100%);
}

progress[value="58"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 58%, var(--rest-color) 58% 100%);
}

progress[value="59"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 59%, var(--rest-color) 59% 100%);
}

progress[value="60"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 60%, var(--rest-color) 60% 100%);
}

progress[value="61"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 61%, var(--rest-color) 61% 100%);
}

progress[value="62"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 62%, var(--rest-color) 62% 100%);
}

progress[value="63"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 63%, var(--rest-color) 63% 100%);
}

progress[value="64"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 64%, var(--rest-color) 64% 100%);
}

progress[value="65"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 65%, var(--rest-color) 65% 100%);
}

progress[value="66"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 66%, var(--rest-color) 66% 100%);
}

progress[value="67"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 67%, var(--rest-color) 67% 100%);
}

progress[value="68"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 68%, var(--rest-color) 68% 100%);
}

progress[value="69"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 69%, var(--rest-color) 69% 100%);
}

progress[value="70"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 70%, var(--rest-color) 70% 100%);
}

progress[value="71"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 71%, var(--rest-color) 71% 100%);
}

progress[value="72"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 72%, var(--rest-color) 72% 100%);
}

progress[value="73"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 73%, var(--rest-color) 73% 100%);
}

progress[value="74"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 74%, var(--rest-color) 74% 100%);
}

progress[value="75"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 75%, var(--rest-color) 75% 100%);
}

progress[value="76"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 76%, var(--rest-color) 76% 100%);
}

progress[value="77"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 77%, var(--rest-color) 77% 100%);
}

progress[value="78"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 78%, var(--rest-color) 78% 100%);
}

progress[value="79"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 79%, var(--rest-color) 79% 100%);
}

progress[value="80"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 80%, var(--rest-color) 80% 100%);
}

progress[value="81"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 81%, var(--rest-color) 81% 100%);
}

progress[value="82"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 82%, var(--rest-color) 82% 100%);
}

progress[value="83"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 83%, var(--rest-color) 83% 100%);
}

progress[value="84"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 84%, var(--rest-color) 84% 100%);
}

progress[value="85"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 85%, var(--rest-color) 85% 100%);
}

progress[value="86"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 86%, var(--rest-color) 86% 100%);
}

progress[value="87"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 87%, var(--rest-color) 87% 100%);
}

progress[value="88"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 88%, var(--rest-color) 88% 100%);
}

progress[value="89"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 89%, var(--rest-color) 89% 100%);
}

progress[value="90"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 90%, var(--rest-color) 90% 100%);
}

progress[value="91"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 91%, var(--rest-color) 91% 100%);
}

progress[value="92"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 92%, var(--rest-color) 92% 100%);
}

progress[value="93"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 93%, var(--rest-color) 93% 100%);
}

progress[value="94"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 94%, var(--rest-color) 94% 100%);
}

progress[value="95"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 95%, var(--rest-color) 95% 100%);
}

progress[value="96"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 96%, var(--rest-color) 96% 100%);
}

progress[value="97"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 97%, var(--rest-color) 97% 100%);
}

progress[value="98"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 98%, var(--rest-color) 98% 100%);
}

progress[value="99"]::-webkit-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 99%, var(--rest-color) 99% 100%);
}

progress[value="100"]::-webkit-progress-bar {
    background: var(--progress-color);
}

progress[value="0"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 0%, var(--rest-color) 0% 100%);
}

progress[value="1"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 1%, var(--rest-color) 1% 100%);
}

progress[value="2"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 2%, var(--rest-color) 2% 100%);
}

progress[value="3"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 3%, var(--rest-color) 3% 100%);
}

progress[value="4"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 4%, var(--rest-color) 4% 100%);
}

progress[value="5"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 5%, var(--rest-color) 5% 100%);
}

progress[value="6"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 6%, var(--rest-color) 6% 100%);
}

progress[value="7"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 7%, var(--rest-color) 7% 100%);
}

progress[value="8"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 8%, var(--rest-color) 8% 100%);
}

progress[value="9"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 9%, var(--rest-color) 9% 100%);
}

progress[value="10"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 10%, var(--rest-color) 10% 100%);
}

progress[value="11"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 11%, var(--rest-color) 11% 100%);
}

progress[value="12"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 12%, var(--rest-color) 12% 100%);
}

progress[value="13"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 13%, var(--rest-color) 13% 100%);
}

progress[value="14"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 14%, var(--rest-color) 14% 100%);
}

progress[value="15"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 15%, var(--rest-color) 15% 100%);
}

progress[value="16"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 16%, var(--rest-color) 16% 100%);
}

progress[value="17"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 17%, var(--rest-color) 17% 100%);
}

progress[value="18"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 18%, var(--rest-color) 18% 100%);
}

progress[value="19"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 19%, var(--rest-color) 19% 100%);
}

progress[value="20"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 20%, var(--rest-color) 20% 100%);
}

progress[value="21"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 21%, var(--rest-color) 21% 100%);
}

progress[value="22"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 22%, var(--rest-color) 22% 100%);
}

progress[value="23"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 23%, var(--rest-color) 23% 100%);
}

progress[value="24"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 24%, var(--rest-color) 24% 100%);
}

progress[value="25"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 25%, var(--rest-color) 25% 100%);
}

progress[value="26"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 26%, var(--rest-color) 26% 100%);
}

progress[value="27"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 27%, var(--rest-color) 27% 100%);
}

progress[value="28"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 28%, var(--rest-color) 28% 100%);
}

progress[value="29"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 29%, var(--rest-color) 29% 100%);
}

progress[value="30"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 30%, var(--rest-color) 30% 100%);
}

progress[value="31"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 31%, var(--rest-color) 31% 100%);
}

progress[value="32"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 32%, var(--rest-color) 32% 100%);
}

progress[value="33"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 33%, var(--rest-color) 33% 100%);
}

progress[value="34"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 34%, var(--rest-color) 34% 100%);
}

progress[value="35"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 35%, var(--rest-color) 35% 100%);
}

progress[value="36"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 36%, var(--rest-color) 36% 100%);
}

progress[value="37"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 37%, var(--rest-color) 37% 100%);
}

progress[value="38"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 38%, var(--rest-color) 38% 100%);
}

progress[value="39"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 39%, var(--rest-color) 39% 100%);
}

progress[value="40"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 40%, var(--rest-color) 40% 100%);
}

progress[value="41"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 41%, var(--rest-color) 41% 100%);
}

progress[value="42"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 42%, var(--rest-color) 42% 100%);
}

progress[value="43"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 43%, var(--rest-color) 43% 100%);
}

progress[value="44"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 44%, var(--rest-color) 44% 100%);
}

progress[value="45"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 45%, var(--rest-color) 45% 100%);
}

progress[value="46"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 46%, var(--rest-color) 46% 100%);
}

progress[value="47"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 47%, var(--rest-color) 47% 100%);
}

progress[value="48"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 48%, var(--rest-color) 48% 100%);
}

progress[value="49"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 49%, var(--rest-color) 49% 100%);
}

progress[value="50"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 50%, var(--rest-color) 50% 100%);
}

progress[value="51"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 51%, var(--rest-color) 51% 100%);
}

progress[value="52"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 52%, var(--rest-color) 52% 100%);
}

progress[value="53"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 53%, var(--rest-color) 53% 100%);
}

progress[value="54"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 54%, var(--rest-color) 54% 100%);
}

progress[value="55"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 55%, var(--rest-color) 55% 100%);
}

progress[value="56"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 56%, var(--rest-color) 56% 100%);
}

progress[value="57"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 57%, var(--rest-color) 57% 100%);
}

progress[value="58"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 58%, var(--rest-color) 58% 100%);
}

progress[value="59"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 59%, var(--rest-color) 59% 100%);
}

progress[value="60"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 60%, var(--rest-color) 60% 100%);
}

progress[value="61"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 61%, var(--rest-color) 61% 100%);
}

progress[value="62"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 62%, var(--rest-color) 62% 100%);
}

progress[value="63"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 63%, var(--rest-color) 63% 100%);
}

progress[value="64"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 64%, var(--rest-color) 64% 100%);
}

progress[value="65"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 65%, var(--rest-color) 65% 100%);
}

progress[value="66"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 66%, var(--rest-color) 66% 100%);
}

progress[value="67"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 67%, var(--rest-color) 67% 100%);
}

progress[value="68"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 68%, var(--rest-color) 68% 100%);
}

progress[value="69"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 69%, var(--rest-color) 69% 100%);
}

progress[value="70"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 70%, var(--rest-color) 70% 100%);
}

progress[value="71"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 71%, var(--rest-color) 71% 100%);
}

progress[value="72"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 72%, var(--rest-color) 72% 100%);
}

progress[value="73"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 73%, var(--rest-color) 73% 100%);
}

progress[value="74"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 74%, var(--rest-color) 74% 100%);
}

progress[value="75"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 75%, var(--rest-color) 75% 100%);
}

progress[value="76"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 76%, var(--rest-color) 76% 100%);
}

progress[value="77"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 77%, var(--rest-color) 77% 100%);
}

progress[value="78"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 78%, var(--rest-color) 78% 100%);
}

progress[value="79"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 79%, var(--rest-color) 79% 100%);
}

progress[value="80"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 80%, var(--rest-color) 80% 100%);
}

progress[value="81"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 81%, var(--rest-color) 81% 100%);
}

progress[value="82"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 82%, var(--rest-color) 82% 100%);
}

progress[value="83"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 83%, var(--rest-color) 83% 100%);
}

progress[value="84"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 84%, var(--rest-color) 84% 100%);
}

progress[value="85"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 85%, var(--rest-color) 85% 100%);
}

progress[value="86"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 86%, var(--rest-color) 86% 100%);
}

progress[value="87"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 87%, var(--rest-color) 87% 100%);
}

progress[value="88"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 88%, var(--rest-color) 88% 100%);
}

progress[value="89"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 89%, var(--rest-color) 89% 100%);
}

progress[value="90"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 90%, var(--rest-color) 90% 100%);
}

progress[value="91"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 91%, var(--rest-color) 91% 100%);
}

progress[value="92"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 92%, var(--rest-color) 92% 100%);
}

progress[value="93"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 93%, var(--rest-color) 93% 100%);
}

progress[value="94"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 94%, var(--rest-color) 94% 100%);
}

progress[value="95"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 95%, var(--rest-color) 95% 100%);
}

progress[value="96"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 96%, var(--rest-color) 96% 100%);
}

progress[value="97"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 97%, var(--rest-color) 97% 100%);
}

progress[value="98"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 98%, var(--rest-color) 98% 100%);
}

progress[value="99"]::-moz-progress-bar {
    background: conic-gradient(var(--progress-color) 0% 99%, var(--rest-color) 99% 100%);
}

/*// progress[value="100"]::-moz-progress-bar {
    // var(--progress-color);
    //
}*/

/* GENERATED IN JS BY
[...new Array(100)].map((_, i) => `progress[value="${i}"]::-webkit-progress-bar { background: conic-gradient(var(--color) 0% ${i}%, var(--background) ${i}% 100%); }`).join('\n')
*/
progress::-moz-progress-value {
    background: transparent;
}

progress::-webkit-progress-value {
    background: transparent;
}

/*FIN GRAFICO DONA*/


/*FOOTER*/

.Footer {
    padding: 16px !important;
    height: 72px;
    /*    font-family: Gilroy-Medium;*/
    font-family: Poppins;
    font-size: 14px;
    line-height: 12px;
    color: #535353;
    background-color: #fff;
    vertical-align: middle;
    align-items: center;
}
/*FIN FOOTER*/


/*FILTROS*/
.HeaderFiltro {
    font-family: Poppins;
    font-size: 12px;
    line-height: 12px;
    color: #808080 !important;
    background-color: #fafafc;
    vertical-align: middle;
    align-items: center;
    margin-top:0px;
}
.HeaderTituloFiltro {
    font-family: Poppins;
    font-size: 15px;
    line-height: 12px;
    color: #000 !important;

}
.HeaderBotonLimpiarFiltro {
    font-family: Poppins;
    font-size: 15px;
    line-height: 12px;
    color: #000 !important;
    vertical-align: middle;
    align-items: center;
    width: 100%;
}
.BotonFiltro {
    font-family: Poppins;
    font-size: 15px;
    line-height: 12px;
    color: #000 !important;
    vertical-align: middle;
    align-items: center;
    margin-bottom:0px;
    width:100%;
}
.LabelFiltro {
    font-family: Poppins;
    font-size: 12px;
    color: #000 !important;
    vertical-align: middle;
    font-weight: bold;

}

/*FIN FILTROS*/

.btnCargarArchivos {
	filter: invert(0.45);
}