body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-size:20px;min-height:100vh;scrollbar-width:thin}body{background-color:#d8d8d8}#root{flex-direction:column;min-height:100vh}#root,.App{display:flex}.App{flex:1 0 auto;flex-direction:column;text-align:center}select{background-color:initial;border:none}.overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background-color:#fff;border-radius:.4rem;box-shadow:0 4px 8px rgba(0,0,0,.3);max-width:400px;padding:20px;width:100%;z-index:1001}.popup h2{color:#333;font-size:24px;margin-top:0}.popup p{color:#555;font-size:16px}.container__popupBotones{align-items:center;display:flex;justify-content:space-evenly;width:100%}.container__mensajes{font-weight:600;margin:1rem}.mensaje__ok{color:green}.mensaje__error{color:red}.containerBotones{flex-direction:column}.buttonContainer,.containerBotones{align-items:center;display:flex;justify-content:center;width:100%}.buttonContainer{margin:1rem 0}.botonGuardar{background-color:#03031b;border:3px double;border-radius:3px;color:#f5f5f5;font-weight:600;height:100%;margin-top:0;padding:2px 4px;width:100%}.botonGuardar:hover{cursor:pointer}#botonGasto,.botonGuardar:hover{background-color:red}.botonOjoPassword{align-items:center;background-color:initial;border:transparent;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:4rem;opacity:.8;padding:0 1rem .3rem}.button-24{background:#ff4742;border:.1rem solid #ff4742;border-radius:.3rem;box-shadow:1px 2px 4px rgba(0,0,0,.2);box-sizing:border-box;color:#f5f5f5;cursor:pointer;display:inline-block;font-weight:600;outline:0;padding:.5rem;text-align:center;text-rendering:geometricprecision;text-transform:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle}.button-24:active,.button-24:hover{background-color:initial;background-position:0 0;color:#ff4742}.button__guardar{background:#4169e1;border-color:#4169e1}.button__guardar:active,.button__guardar:hover{background-color:#1e90ff;border-color:#1e90ff;color:#f5f5f5}.button__ok{background-color:#2e8b57;border-color:#2e8b57;width:60%}.button__ok:active,.button__ok:hover{background:green;border-color:green;color:#f5f5f5}.button__gastos{background:darkred;border-color:darkred}.button__gastos:active,.button__gastos:hover{background:#b22222;border-color:#b22222;color:#f5f5f5}.button__movimientos{background:#639;border-color:#639}.button__movimientos:active,.button__movimientos:hover{background:#7e3fbd;border-color:#7e3fbd;color:#f5f5f5}.button__categorias{background:#4169e1;border-color:#4169e1}.button__categorias:active,.button__categorias:hover{background:#1e90ff;border-color:#1e90ff;color:#f5f5f5}nav{height:8rem;justify-content:center;width:100%}.NavUlContainer,nav{align-items:center;background-color:#7aa798;display:flex;padding:0}.NavUlContainer{justify-content:space-between;margin:0;width:60%}.NavLiContainer{align-items:center;display:flex;justify-content:center;list-style:none;padding:0 2.2rem}.NavBoton{border:.1rem solid #7aa798;color:#f5f5f5;display:inline-block;font-weight:600;text-decoration:none}.NavBoton:hover{color:#535353;cursor:pointer}.NavBoton:active{color:#535353;-webkit-transform:scale(.95);transform:scale(.95)}.NavBoton img{height:6rem;width:8rem}footer{flex-direction:column;height:8rem;justify-content:center;padding:0;width:100%}.preFooter__Container,footer{align-items:center;background-color:#7aa798;display:flex}.preFooter__Container{height:5rem;justify-content:space-around;width:60%}.preFooter__subContainer{align-items:center;color:#f5f5f5;display:flex;justify-content:center;padding:0 1.5rem}.preFooter{text-align:left}.preFooter__titulo{align-items:center;display:flex;font-size:1.2rem;justify-content:left}.preFooter__texto{padding-bottom:.25rem}.preFooter__icono{padding-left:.3rem}.soporte__mail{font-size:.8rem;font-weight:600}.preFooterBoton{align-items:center;color:#f5f5f5;display:flex;font-size:.75rem;font-weight:600;justify-content:left;padding-left:.1rem;text-decoration:none}.preFooterBoton:hover{color:#535353}.FooterUlContainer{align-items:center;background-color:#7aa798;display:flex;height:3rem;justify-content:center;margin:0;padding:0;width:80%}.FooterLiContainer{list-style:none}.FooterBoton{align-items:center;border:.1rem solid #7aa798;color:#f5f5f5;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:1rem;justify-content:center;padding:.5rem;text-decoration:none}.FooterBoton:active,.FooterBoton:hover{color:#535353}.boton__activarSidebar{display:none}.sidebar{border-right:.1rem dotted #7aa798;box-sizing:border-box;width:20%}.sidebar,.sidebar__container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}.sidebar__container{width:100%}.sibebar__subtitulo{display:flex;width:80%}.subtitulo__icono{padding-left:.5rem}.sidebar h4{align-items:center;display:flex;margin:1rem 0;width:100%}.sidebar a{margin-bottom:.5rem;text-decoration:none;width:80%}.sidebar button{align-items:center;display:flex;margin:.3rem 0;width:100%}.sidebar__icon{padding-right:1rem}.botonesDisplayMovimientos{display:flex;flex-direction:column;width:80%}.marca__gasto,.marca__ingreso,.marca__todos{background-color:initial;background-color:#f5f5f5;border:none;border-radius:.3rem;display:flex;font-weight:600;justify-content:space-between;margin:.5rem 0;padding:.3rem}.marca__ingreso{color:green}.marca__gasto{color:#b22222}.marca__todos{color:#4169e1}.formularioLoginUserContainer{justify-content:flex-start}.formularioLoginUser,.formularioLoginUserContainer{align-items:center;display:flex;flex-direction:column}.formularioLoginUser{background-color:#f5f5f5;border-radius:.8rem;justify-content:center;margin-top:2rem;width:45%}.contenedorInputLogin{display:flex;margin-bottom:1.9rem;position:relative;width:100%}.contenedorInputLogin label{left:.1rem;margin-left:15%;pointer-events:none;position:absolute;top:-.4rem;transition:all .3s ease-in-out}.contenedorInputLogin input{background-color:initial;border:none;border-bottom:.1rem solid grey;font-size:.9rem;margin-left:15%;outline:none;padding:.2rem;resize:none;width:60%}.contenedorInputLogin input:focus{border-bottom:.1rem solid #93e2de}.contenedorPasswordInputLogin{align-items:flex-end;display:flex;width:100%}.contenedorInputLogin input::-webkit-input-placeholder{color:transparent}.contenedorInputLogin input:focus~label,.contenedorInputLogin input:not(:placeholder-shown)~label{top:-1.55rem}.contenedor__final{margin-bottom:1.2rem}.linkForgotPasswordContainer{display:flex;justify-content:flex-end;position:relative;right:20%;top:-7px;width:100%}.linkForgotPassword{background-color:initial;border:0}.linkForgotPassword:active,.linkForgotPassword:hover{cursor:pointer;text-decoration:underline}#input__recupero-Password{width:67%}.titulo_editorCategorias{align-items:center;display:flex;justify-content:center;margin:0;padding:.8rem 0;width:100%}.botonera{display:none}.listas__container{align-items:flex-start;display:flex;justify-content:space-evenly;width:100%}.lista__container{background-color:#f5f5f5;border-radius:.4rem;margin:.4rem .8rem;padding:1rem;width:40%}.lista,.lista__container{display:flex;flex-direction:column}.lista{align-items:center;height:20rem;overflow-x:hidden;overflow-y:auto;padding:.5rem}.tituloLista{font-size:1.2rem;font-weight:600;margin:.5rem}.ingreso__titulo{color:#2e8b57}.gasto__titulo{color:#b22222}.add__lista{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;padding:.5rem;width:60%}.add__lista input{background-color:initial;border:.1rem solid transparent;border-bottom-color:grey;cursor:pointer;margin-right:1rem;outline:none;padding:.2rem .6rem}.add__lista input:focus{border:.1rem solid #4169e1;border-radius:.2rem}.opcion{align-items:center;border:.1rem solid transparent;display:flex;justify-content:center;margin-bottom:.3rem;padding:0 .3rem;width:60%}.opcion:hover{border-bottom:.1rem solid grey}.opcion p{margin-left:3%;margin-right:7%;text-align:left;width:60%}.opcion button{width:30%}.lista::-webkit-scrollbar{background:transparent;width:25px}.lista::-webkit-scrollbar-thumb{border:10px solid transparent;border-radius:40px;box-shadow:none}.lista:hover::-webkit-scrollbar-thumb{background-color:#789;border:8px solid #789;box-shadow:inset 0 0 0 10px var(--color-scrollbar)}.lista:hover::-webkit-scrollbar-thumb:hover{border:8px solid #789;box-shadow:inset 0 0 0 10px var(--color-scrollbar-hover)}.lista::-webkit-scrollbar-track{background-color:initial;margin:40px 0}.contenedorRegistrarMovimiento{margin-bottom:1.5rem}.contenedorInputMovimiento{align-items:center;display:flex;margin-bottom:.5rem;width:90%}.contenedorInputMovimiento label{padding-right:.5rem;text-align:left;width:30%}.contenedorInputMovimiento input{background-color:initial;border:none;border-bottom:.1rem solid grey;font-size:.9rem;outline:none;padding:.2rem .2rem .2rem .5rem;resize:none;width:60%}.inputIngreso:focus{border-color:#2e8b57}.inputGasto:focus{border-color:#b22222}.inputSelect{border-bottom:.1rem solid grey;cursor:pointer;font-size:.9rem;outline:none;padding:.2rem;width:62.5%}.inputSelect option{background-color:#2e8b57;color:#f5f5f5;font-weight:500}.gastosSelect option{background-color:#b22222}.miCuentaContainer{display:flex;justify-content:center;width:100%}.containerMiCuenta{align-items:center;display:flex;min-height:100%;width:100%}.datosContainer{background-color:#f5f5f5;border-radius:.5rem;margin:1rem 0 1rem 5%;padding-bottom:.6rem;width:60%}.datosContainer,.showInfo{align-items:center;display:flex;flex-direction:column}.showInfo{width:100%}.showDatos{align-items:center;background-color:rgba(122,167,152,.3);border-radius:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;justify-content:space-between;margin-bottom:.7rem;padding:.5rem 0;width:90%}.datoFijo{display:flex;padding-left:.8rem}.datoVariable{display:flex;justify-content:right;padding-right:.8rem}.balance__container{display:flex;flex-direction:column}.balance__container h4{font-weight:600;margin:0 0 .2rem}.balance__info{justify-content:space-between;margin-bottom:.3rem;width:100%}.balance__info,.datoVariable__balance{align-items:center;display:flex}.datoVariable__icono{padding-left:.4rem}#coins__icon{padding-left:.3rem}.titulo__modificarPassword{margin-bottom:1rem}.filtros__mainContainer{align-items:center;display:flex;flex-direction:column;width:100%}.container__filtros{background-color:#f5f5f5;border-radius:.4rem;display:flex;flex-direction:column;margin-bottom:1rem;margin-top:.5rem;padding:.5rem .3rem;width:90%}.logo__filtros{color:#657381;display:flex;justify-content:left;padding:.2rem .5rem;width:100%}.inputFiltroContainer{width:100%}.inputFiltroContainer label{display:flex;font-size:.8rem;font-weight:600;padding-left:.6rem;text-align:left;width:100%}.inputFiltroContainer select{background-color:#789;border:.1rem solid #789;border-radius:.2rem;color:#f5f5f5;cursor:pointer;margin:0 0 .5rem;outline:none;width:90%}.inputFiltroContainer option{background-color:#789}.select__final{margin-bottom:.6rem}.filtros__container-variable{align-items:center;display:flex;flex-direction:column;margin-bottom:.1rem;margin-top:0}.boton__filtrar{justify-content:center}.boton__filtrar:hover{background-color:red;border-color:red;color:#f5f5f5}.filtroGrafico-movimiento{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-top:.5rem;width:100%}.filtroGrafico-movimiento__boton{justify-content:left;width:100%}.grafico-movimiento__icon{padding-right:.5rem}#boton__detalle{margin-right:1rem}.movimientos__containerGeneral{align-items:flex-start;display:flex;width:100%}.showMovimientosContainer{display:flex;flex-direction:column;margin-top:1rem;width:80%}.montoTotalDatos{display:flex;flex-direction:row;justify-content:left;width:100%}.montoTotalContainer{align-items:center;background-color:#f5f5f5;border-radius:.3rem;display:flex;font-weight:600;justify-content:space-between;margin-left:3rem;padding:.5rem .8rem;width:81%}.montoTotalDatoFijo,.montoTotalDatoVariable{display:flex}#montoTotalDatosIngresos{color:green}#montoTotalDatosGastos{color:#b22222}#montoTotalDatosBalance{color:#4169e1}.mostrarMovimientosContainer{display:flex;flex-wrap:wrap;font-size:.8rem;margin-left:3rem;margin-top:.5rem;width:85%}.scrollMovimientos{height:18rem;overflow-y:auto}.scrollMovimientos::-webkit-scrollbar{background:transparent;width:.5rem}.scrollMovimientos::-webkit-scrollbar-thumb{border:.5rem solid transparent;border-radius:2rem;box-shadow:none}.scrollMovimientos:hover::-webkit-scrollbar-thumb{background-color:#789;border:.8rem solid #789;box-shadow:inset 0 0 0 10px var(--color-scrollbar)}.scrollMovimientos:hover::-webkit-scrollbar-thumb:hover{border:8px solid #789;box-shadow:inset 0 0 0 10px var(--color-scrollbar-hover)}.scrollMovimientos::-webkit-scrollbar-track{background-color:initial;margin:1rem 0}.movimiento{background-color:#f5f5f5;border:.1rem solid transparent;border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-basis:calc(50% - 1rem);flex-direction:column;flex-grow:1;flex-shrink:1;height:45%;justify-content:space-evenly;margin:.5rem .3rem;padding-top:.4rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.movimiento:hover{background-color:azure}.mostrarMovimientosContainer .movimiento:nth-child(odd):last-child{flex-basis:100%;max-width:calc(50% - 1rem)}.iteracionContainer{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 .6rem}.iteracionDatoFijo,.iteracionDatoVariable{color:#333;display:flex;font-weight:600}.iteracionDatoVariable button{margin:0}#ultimaIteracionContainer{margin-bottom:.5rem}.formularioUpdateMovimiento{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1.5rem;width:55%}.formularioUpdateMovimiento label{padding-bottom:.2rem;padding-left:1.5rem;text-align:left;width:100%}.nota{margin-bottom:.5rem}.containerInfoUpdate{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.containerInfoUpdate p{border:.05rem dotted;box-shadow:1px 2px 4px rgba(0,0,0,.3);box-sizing:border-box;margin:0 0 0 .7rem;padding:.3rem .5rem;text-align:left;width:60%}.containerInfoUpdate button{margin-right:.7rem;width:25%}.containerInfoUpdate input{background-color:initial;border:none;border-bottom:.1rem solid grey;font-size:.9rem;font-weight:300;margin-left:.7rem;outline:none;padding:.5rem .5rem .3rem;width:57.5%}.containerInfoUpdate input:focus,.containerInfoUpdate input:hover{border-bottom-color:#2e8b57}.containerInfoUpdate select{background-color:initial;border:none;border-bottom:.1rem solid grey;cursor:pointer;font-size:.9rem;margin-left:.7rem;outline:none;width:60%}.containerInfoUpdate select:hover{border-color:#2e8b57}.containerInfoUpdate option{background-color:#2e8b57;color:#f5f5f5}.contenedorGraficoTorta{margin-top:.5rem}.contenedorGraficoTorta,.fondoGrafico{align-items:center;display:flex;justify-content:center}.graficoContainer{background-color:#f5f5f5;border-radius:.3rem;display:flex;justify-content:center;justify-items:center;padding:.5rem}@media screen and (max-width:1100px){.NavUlContainer,.preFooter__Container{width:90%}.formularioLoginUser{width:55%}.tituloLoginUser{margin-bottom:1rem}.sidebar{width:30%}.showDatos{font-size:.9rem;width:95%}.balance__container{font-size:.8rem}.contenedorRegistrarMovimiento{width:80%}.botonesDisplayMovimientos{width:90%}.container__filtros{width:85%}#boton__detalle{margin-right:0}.grafico-movimiento__icon{padding-right:.5rem}.showMovimientosContainer{width:70%}.montoTotalContainer,.mostrarMovimientosContainer{margin-left:1rem}.movimiento{flex-basis:100%}.mostrarMovimientosContainer .movimiento:nth-child(odd):last-child{max-width:100%}.graficoContainer{height:300px;width:300px}.formularioUpdateMovimiento{width:80%}.add__lista,.lista{width:100%}.opcion{width:90%}}@media screen and (max-width:750px){nav{height:6rem}.NavLiContainer{font-size:small;padding:0}.NavBoton img{height:4rem;width:6rem}footer{height:auto}.preFooter__Container{flex-direction:column;height:auto}.preFooter__subContainer{padding:.5rem 0}.preFooter{align-items:center;display:flex;flex-direction:column}.preFooter__titulo,.soporte__mail{font-size:medium}.FooterBoton{font-size:.7rem}.layout__sidebarActiva{background-color:initial;display:block;height:100%;position:fixed;right:0;top:0;width:100%}.boton__activarSidebar{background-color:#f5f5f5;border:.1rem solid #f5f5f5;border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;left:1rem;padding:.3rem;position:absolute;top:6.5rem}.activarSidebar__icono{height:1rem;width:1rem}.sidebar{border:none;height:100%;justify-content:flex-start;left:0;opacity:1;position:fixed;top:0;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;width:60%;z-index:1000}.sidebar,.sidebar__off{transition:opacity .8s ease-in-out,visibility .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out,opacity .8s ease-in-out,visibility .8s ease-in-out;transition:transform .8s ease-in-out,opacity .8s ease-in-out,visibility .8s ease-in-out,-webkit-transform .8s ease-in-out}.sidebar__off{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden}.sidebar__container{background-color:#f5f5f5;box-shadow:0 4px 9px rgba(0,0,0,.5);justify-content:flex-start}.marca__gasto,.marca__ingreso,.marca__todos{background-color:#dfdcdc;padding:.5rem}.miCuentaContainer{align-items:center;flex:1 0 auto}.miCuentaContainer img{width:100%}.containerMiCuenta{justify-content:center}.datosContainer{margin-left:0;margin-top:2.8rem;width:90%}.datoFijo,.datoVariable{font-size:.7rem}.formularioLoginUserContainer{flex:1 0 auto;justify-content:center}.formularioLoginUser{width:90%}.contenedorInputMovimiento{font-size:small}.inputSelect{width:64%}.titulo_editorCategorias{font-size:medium}.listas__container{align-items:center;flex-direction:column;justify-content:center}.lista__container{width:80%}.botonera{align-items:center;display:flex;font-weight:600;justify-content:space-evenly;width:100%}.botonera button,.botonera p{width:30%}.botonera__icono{padding-left:.3rem}#lista__visible{display:flex}#lista__no-visible{display:none}.showMovimientosContainer{margin-top:3.2rem;width:100%}.movimiento{font-size:small;height:auto}.iteracionDatoVariable{text-align:end}.container__filtros{background-color:#dcdcdc}.fondoGrafico{margin-bottom:.5rem}.popup{width:80%}}
/*# sourceMappingURL=main.019c8724.css.map*/