body,html{margin:0;font-family:Inter}.cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}@media (max-width: 1024px){.cards{justify-content:center}}.chart{display:flex;flex:1;border-radius:20px;overflow:hidden;background-color:#fff;margin-top:40px;box-shadow:4px 4px 10px #00000040}@media (max-width: 1024px){.chart{flex-direction:column-reverse;width:100%}}.chart__container{margin-top:40px;width:70%;background:white;box-sizing:border-box;flex:1}@media (max-width: 1024px){.chart__container{width:90%;height:100%}}.resumen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:#dddaeb;color:#1e1e1e;padding-left:20px;padding-right:20px}@media (max-width: 1024px){.resumen{width:100%}}.resultado{width:100%}.resultado h2{color:#434242;font-size:20px;text-align:start}.calculo{border-bottom:1px solid #434242;width:100%}.calculo h2{color:#434242;font-size:20px}.select.input[type=month]::-webkit-calendar-picker-indicator{width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;cursor:pointer;padding:0}.select.input[type=month]{position:relative}@media (max-width: 1024px){#root>main>section>div{width:100%;justify-content:center}}@media screen and (max-width: 1024px){.recharts-responsive-container{height:200px!important}}.sidebar{background-color:#419b45;min-width:20%;min-height:100vh;border-top-right-radius:30px;border-bottom-right-radius:30px;display:flex;flex-direction:column}@media (max-width: 1024px){.sidebar{min-width:unset}}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;height:100%;border-radius:0;z-index:2;transition:all 1s ease}}.sidebar .sidebar__usuario{display:flex;flex-direction:column;align-items:center;margin-top:40px}.sidebar .sidebar__usuario h2,.sidebar .sidebar__usuario h3{margin-top:0;margin-bottom:0;color:#fff}.sidebar .sidebar__usuario h2{font-size:1.25rem}@media (max-width: 1024px){.sidebar .sidebar__usuario h2{display:none}}@media (max-width: 768px){.sidebar .sidebar__usuario h2{display:block}}.sidebar .sidebar__usuario h3{font-size:.8125rem}@media (max-width: 1024px){.sidebar .sidebar__usuario h3{display:none}}@media (max-width: 768px){.sidebar .sidebar__usuario h3{display:block}}.sidebar .usuario__figure{width:4.625rem;height:4.625rem;border-radius:50%;overflow:hidden}@media (max-width: 1024px){.sidebar .usuario__figure{width:50px;height:50px}}.sidebar .usuario__image{width:100%;margin:0}.sidebar nav{flex:1;display:flex;flex-direction:column}.sidebar ul{flex:1;padding:30px 0 0 30px;list-style:none;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar ul{padding-left:0;padding-top:0}}.sidebar a,.sidebar button{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:500;padding:15px}@media screen and (max-width: 1024px){.sidebar a,.sidebar button{min-height:20px}}@media (max-width: 1024px){.sidebar a span,.sidebar button span{display:none}}@media (max-width: 768px){.sidebar a span,.sidebar button span{display:block}}.sidebar img{margin:0 10px;width:24px}.sidebar .active{position:relative;color:#676767;background-color:#fff;border-top-left-radius:30px;border-bottom-left-radius:30px}@media (max-width: 768px){.sidebar .active{color:#fff;background-color:#419b45}}.sidebar .active img{filter:brightness(.41)}@media (max-width: 768px){.sidebar .active img{filter:unset}}.sidebar .active:after{content:"";position:absolute;right:-6.5px;bottom:49.3px;width:33px;height:22px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ6SURBVHgB5ZvLccIwEIYl4wOvgzuIO8AdxB2QDuIOSAeUkBIoJSX4wgwzcHAJuTIwQHZnJEbxYPzAD2n3u1i2xWF//Vo9LKRgSJZlwel0+sWyJxhyPp9DXWYpwOVyCXSZpQBSykiXWQpwu914O8DzvMW9LBgCXYC3A6AL8M0BOAeAC18HHI/HyLxnJwAkwODfvWDG9Xrl7YDRaPRu3rMTAEaA0LxnJYAaAULzGSsBYAkc55+xEgDsH+efsRLAXANopGCCuQtkwsYB+Rmgho0AMP5/PnrORoBHCRBhIcB+v0f7h4/esRAA5v9J0TsWAsAO0LLoHXkBdrtdLArsj5AXoCj7a0hPhKD1Q5j9Zc/qkHYAtP6qrA5pAWDs/yirQ1YAsH8iniQ/DckcoPr+j6ggAEkH+L6PmT+sUpecA6pkfhNyDoDMv65Tn5QAmPgg8yd1fkOmC9RJfCZkHKCsH4qakBAA1vurutbXON8F6mb9PE47wOj3jXFWgDRNgyZJL4+zAkyn05eDR5wUAJLeBi6RaAGnkiDaHloegy9d5lbFGQFU8Gj7Vlpe44QATWd5VbA+B+CuLgSfig6CR6wW4HA4rFXLB6IjrOwCaHmY22+Kvue1iXUOwHk9Wr6P4BFrHIB9HVd0fQWuGVwAHN5ms9l309XcqwwmAAY+n89X8OX2S3SY5MroXQBbAtf0JsBQfbyMTgXQrY1B2xa4pnUBMOjJZJLAULa0NWiTVgTYbrcRfI2JXQnapJEARsAL9QV28GTWlFIBcFoKF0xgeMw0Un84cjbgPBL77Hg8xv01DA6XnW/qTH3h0TJK+LDJcD8/K6XEQwWCEyz/N2jyB3uy5JNC0brCAAAAAElFTkSuQmCC);background-position:center;background-size:contain;background-repeat:no-repeat;filter:brightness(4)}@media (max-width: 768px){.sidebar .active:after{display:none}}.sidebar .active:before{content:"";position:absolute;right:-7px;bottom:-21px;width:33px;height:22px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKLSURBVHgB5ZtNTjJBEIZrZj4ICRu+EzhsSFjJEfAE6gnUG+gJ1BOoJ9AbqCeQG6grfjaMJ9AVCxLAt2K3ackIAw5Dd9ebkG6aYfPk7arqnwn6/f6MBCsk4fo3Go3+V6vVeDKZ1IIgaGEsRrvDLT4t8lzBsgcGg0FrNpvF+LTDMNxFy1Bq5ImWAkgTQ4FjWgCyT18uiclRrQVgXgxkOp2yQ/bZKeSQcgFgqtvtxmjaURQduQAjdwCmNAw445wsnSYbBWAKMNpojgHjiCxSYQC0lCsubAFROAAtW0BsDYDWtkFsHYAWgwCEJyo4WFoDQKvX652iFOesUUi1aR0AlnLDPRWwFrESgBZAXKgaYmOyGgAL+xUHaK5oQ7HBegCsTQZIJzZEms1mgsXWHrovlLOccIDWcDisjcfjW3QPKCc5BUALceEOTS6Fk5MAWIDwTDmkSWc3Rcvlci4xwVkA9Xr9A4HxEN2E/iBnp4CW2rTlFLlW6ez8uUCj0XgBgEtaU847QAtBkdcOK6dHb06GEBRPaI144A0AFRRPVvybX2eDKJk7aB5W+Y93h6NwwRmaj6zPewdALZxusj7v5fF4pVK5powu8BKACoiZXODtBYmsLvAWQFYXeH1FRrlgobwGwC6gJXWB95eklk0DbxZDi4SF0jv9slwWcU1ukQuk3BPs/PaDiCnAwjQYUsrBipibotg1ekwblwQgNR2KAYCiKHULXQwALoqCIOjMj4u6LY50+Do/JgqAeAdg57gzPyYKgFocJeaYxDdGfmQDcQBQD7yZ3yUCkO2AKIpkAyiVSon5XRwAlQm+d4ulvjeY6I5IAGZJLBIASmLZU8BMhSIBhGEo2wGYAonuiwRg1gKf1ebX2C4LoAkAAAAASUVORK5CYII=);background-position:center;background-size:contain;background-repeat:no-repeat;filter:brightness(4)}@media (max-width: 768px){.sidebar .active:before{display:none}}.sidebar .button-nav{background-color:#419b45;border:none;color:#fff;font-weight:500;font-size:1rem;padding:15px;border-radius:30px;cursor:pointer;transition:all .3s ease}#root>main>aside>nav>ul>li:nth-child(1)>a:after{bottom:54.3px}.active{left:0}.mainBase{background-color:#fff}.content{box-sizing:border-box;padding:10px 40px;display:flex;flex-direction:column;width:78%}@media (max-width: 1024px){.content{width:85%}}@media (max-width: 768px){.content{width:100%}}.content .header{display:flex}.content .header img{margin-right:10px;width:30px}.content .header h1{color:#419b45}.toast-button{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:#fff;background:black;margin-left:10px;margin-right:10px;border:none;cursor:pointer;outline:none;transition:opacity .4s,box-shadow .2s;width:100px}.hamburger{display:none;position:absolute;top:20px;right:20px;width:30px;height:30px;cursor:pointer;z-index:999}@media (max-width: 1024px){.hamburger{display:block}}.card{display:flex;width:30%;height:80px;border-radius:20px;overflow:hidden;box-shadow:4px 4px 20px #00000040}@media (max-width: 1024px){.card{width:300px}}.card__left{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.card__left h2{color:#434242;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.00563rem}.card__right{width:30%;display:flex;align-items:center;justify-content:center;background-color:#dddaeb}.card__right h2{color:#676767;text-align:center;font-size:1.5rem;font-family:Inter;font-weight:600;letter-spacing:.0075rem}.card__title{display:flex;justify-content:center;width:80%;border-bottom:2px solid #c0c0c0}.card__title img{margin-right:10px;width:20px}.radio{display:flex;align-items:center}.radio .input{margin-right:5px!important;margin-left:20px}.radio:nth-child(1) .input{margin-left:0}.input{background:#d9d9d9;border:none;border-radius:4px;padding:8px 10px}main{background-color:#419b45;display:flex;min-height:100vh}.main_first{justify-content:center;align-items:center}.mainLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;height:max-content;width:50vw;margin:3.125rem;border-radius:20px;background-color:#fff;box-shadow:0 5px 7px 3px #00000040;overflow:hidden;position:relative}@media (max-width: 1000px){.mainLogin{width:calc(100vw - 6.25rem)}}.sheets{position:absolute;top:0;left:0}.loginForm{width:auto}.loginForm__header{display:flex;flex-direction:column;align-items:center}.loginForm__image{width:15rem;margin-top:20px}.loginForm__title{text-transform:uppercase;color:#486c60}.loginForm__imputField{display:flex;flex-direction:column;margin-bottom:20px}.loginForm__imputField .label{color:#676767;font-size:.9375rem}.loginForm__imputField .input{position:relative;z-index:2;border:none;padding:10px 10px 10px 0;border-bottom:2px solid #486c60;background-color:transparent!important;border-radius:0}.loginForm__imputField .input:focus{outline-width:2px;outline-color:#486c60}.loginForm__footer .loginForm__singIn{width:100%;border:none;margin-top:25px;background-color:#0e0d59;color:#fff;padding:10px;cursor:pointer;border-radius:5px}.loginForm__footer .loginForm__singIn:hover{background-color:#53b558}.loginForm__footer .loginForm__forget{width:100%;background-color:transparent;border:none;margin-top:25px;cursor:pointer;font-weight:600;color:#676767}.message{text-align:center;padding:0 20px 20px;color:#f33e3e;font-weight:600}.table__container-shadow{padding:20px;border-radius:10px;overflow:hidden;height:calc(100% - 114px)}.table__container{overflow-x:scroll;display:flex;flex-direction:column;justify-content:space-between;max-height:100vh}table{width:100%;border-spacing:0 10px;margin-top:10px}table th{text-transform:capitalize;font-weight:500;text-align:start;padding:.75rem 1.25rem;font-size:.875rem;background-color:#d9d9d9;color:#1e293b;font-weight:600}table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;width:200px;text-align:center}table tr{border-radius:8px;overflow:hidden;border-collapse:separate}table tr:after,table tr:before{content:"";display:table;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}table td{box-shadow:20px 3px 20px #0000000b;padding:.75rem 1.25rem;background-color:#ecedf0;color:#1e293bd2;font-weight:600;font-size:.875rem}table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;text-align:center}table th,table td{white-space:nowrap;text-align:center}.actionButton{background-color:transparent;border:none;margin-right:8px;border-radius:8px;cursor:pointer;color:#1e293bd2}.actionButton img{width:16px;margin-right:4px;filter:opacity(.5);margin-bottom:-2px}.actionEdit{color:#087808}.actionDelete{color:#f10f0f}.activePage{background-color:#1e293b39!important;color:#fff}.buttonTable{padding:5px 30px;border:none;border-radius:4px;color:#fff;background-color:#61ba65;cursor:pointer}.containerNumbers{margin:20px 0}.containerNumbers button{background-color:transparent;border:none;padding:.5rem .75rem;margin-right:8px;border-radius:8px;cursor:pointer;color:#1e293bd2;font-size:.875rem}.button{padding:8px 30px;border:none;border-radius:4px;color:#fff;background-color:#61ba65;cursor:pointer;width:190px}.button:hover{background-color:#45c64b}.button-back{background-color:#949494}.button-back:hover{background-color:#aaa}.residentsContent{background-color:#fff;min-height:70vh;padding:20px;border-radius:15px;display:flex;flex:1;margin-bottom:30px;width:100%;position:relative;box-shadow:4px 4px 20px #00000040}.tabla{width:100%}form{display:flow-root}form .button{margin-top:20px;margin-right:20px;float:right}form .input{height:35px}.search{display:flex;padding-left:10px;margin-bottom:20px;margin-top:25px}.search .input{margin-right:10px;border-radius:0 5px 5px 0/0px 5px 5px 0px;width:100%}.search .button{padding:8px 30px;border:none;color:#fff;background-color:#61ba65;cursor:pointer;border-radius:0 4px 4px 0/0px 4px 4px 0px;width:190px;width:100%}.search .button:hover{background-color:#45c64b}.searchInput{display:flex;align-items:center;width:100%}.searchInput img{width:25px;background-color:#ffc700;padding:5.5px;border-top-left-radius:5px;border-bottom-left-radius:5px;filter:brightness(1)}.searchInput:last-child img{background-color:#419b45;width:20px;padding:5.5px}.row{display:flex;margin:10px 20px;flex-wrap:wrap}.row .input,.row .select{display:flex;flex-grow:1;margin-right:20px}.row .select{height:35px;padding:0}.wrapper{border-radius:10px;padding:10px 0}.wrapper .add{float:none}.wrapper h2,.wrapper h3{color:#419b45;margin:auto 20px}.wrapper .table__container-shadow{margin:10px 40px 10px 20px}form{width:100%}.cedula{position:relative;flex-grow:1}.msgCedula{position:absolute;bottom:-37px;color:red}.nuevoResidente{font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal{background-color:#fff;border-radius:10px;padding:20px;width:450px;display:flex;flex-direction:column;align-items:center;height:300px!important}.modal-overlay .modal .containerDate{display:flex;gap:5px;margin-top:20px;margin-bottom:20px;flex-direction:column}.modal-overlay .modal .filters{display:flex;gap:20px}.modal-overlay .modal .modal-footer{display:flex}.modal-overlay .modal h2{color:#419b45;margin-bottom:20px}.modal-overlay .modal .button{margin-top:20px;margin-left:20px}.modal-overlay .modal .input{margin-bottom:20px}.inputIcon{display:flex;align-items:center}.inputIcon img{width:24px;background-color:#949494;padding:5.5px;border-top-left-radius:5px;border-bottom-left-radius:5px}.inputIcon .input,.inputIcon .select{background-color:#fff;border:1px solid #949494;border-top-left-radius:0;border-bottom-left-radius:0}.inputContainer{flex-grow:1}.inputContainer label{color:#313030}.select{padding:6.35px 10px;border-radius:4px}input[list]::placeholder{color:#000}.my-navbar{background-color:#313a49;padding:10px;color:#fff;display:flex;justify-content:space-between}.my-form{display:flex;justify-content:flex-start}.my-button-secondary{background-color:#6c757d}.my-button-info{background-color:#17a2b8}.my-button-warning{background-color:#ffc107}.my-button-success{background-color:#28a745}.form-labelMap{display:block;margin:5px auto}#map{width:100%;height:87vh}.modal2{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009}.modal-title{margin:0;font-weight:500}.show-modal{display:flex}.modal-dialog{height:95%;overflow-y:scroll;background-color:#fff}.modal-content{position:relative;background-color:#fff;width:400px;height:fit-content;margin:auto;padding:20px}.form-label{font-weight:700}.form-select,.form-control{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.modal-footer{text-align:right}.modal-footer .my-button{margin-right:10px}.btn{background-color:#4b4e55;color:#fff;border:none;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;cursor:pointer;border-radius:4px}.btn-danger{background-color:#dc3545}.btn-success{background-color:#61ba65}.btn-warning{background-color:#ffc700}.btn-info{background-color:#17a2b8}.btn-close{background-color:transparent;border:none;color:#575555;font-size:20px;cursor:pointer;position:absolute;top:20px;right:20px}.btn:hover{filter:contrast(1.2)}.form-control{box-sizing:border-box}.meses-container{width:max-content;margin:auto auto 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mes-button{border:1px solid #6d6d6d;border-radius:3px;padding:5px 10px;cursor:pointer;text-align:center;transition:background-color .3s,color .3s;font-size:12px;width:100px}.residenceContainer{display:flex;gap:10px}.mes-button:hover{background-color:#b3d4fc}.mes-button.activo{background-color:#419b45;color:#fff}.modal-alicuota{min-width:540px;margin:auto}.background-modal-alicuota{position:fixed;background-color:#6d6d6d38;width:100%;height:100%;top:0;right:0;display:flex;align-items:center}.modal__footer-prePaid{display:flex;gap:20px;justify-content:center;flex-direction:row!important}.modal__footer-prePaid .button:nth-child(1){background-color:#61ba65;border:1px solid #61ba65}.modal__footer-prePaid .button:nth-child(2){background-color:#b80a0a;border:1px solid #b80a0a}.backgroud-modal{position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;transform:translate(-50%,-50%);top:50%;left:50%;background-color:#00000062;border-radius:15px}.modal{display:flex;flex-direction:column;width:auto;background-color:#fff;height:80vh;overflow-y:scroll}.modal__title{background-color:#419b45;color:#fff;padding:10px;text-align:center;position:relative}.modal__title p{margin:0}.modal__title .close{position:absolute;top:8px;right:30px;cursor:pointer}.modal__body{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.modal__body input{width:100%}.modal__body img{width:100px}.modal__body label{margin-top:10px;margin-bottom:5px}.modal__body textarea{background-color:#d4d4d4;border:none;border-radius:5px}.modal__footer{display:flex;justify-content:center;flex-direction:column;padding:10px 10px 20px}.modal__footer .buttons-actions{display:flex;justify-content:center}.modal__footer button{margin:0 10px;background-color:transparent;border:1px solid #6d6d6d;padding:2px 10px;border-radius:3px;cursor:pointer}.modal__footer button:hover{border:none;color:#fff}.modal__footer button:nth-child(1):hover{background-color:#419b45}.modal__footer button:nth-child(2):hover{background-color:#b61d1d}.modal__inputField-input{box-sizing:border-box}.modal__inputField{margin-top:10px}.prepaidImg{background-color:#419b45;width:20px;padding:5.5px;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:10px}.search{align-items:center}.search2{display:flex;align-items:center;width:max-content}.search2 .searchInput{margin-bottom:10px!important}.search2 .select{background:#d9d9d9!important;height:20px;width:max-content}.search2 .search .button{width:max-content}.search2 .yearSelect{margin:0}.searchGlobal{display:flex;justify-content:space-between;width:100%}.searchGlobal .export{margin-bottom:0!important;margin-left:10px;width:max-content}.searchGlobal .export .button{border-top-left-radius:0;border-bottom-left-radius:0}.customCheckbox{width:20px;height:20px;background-color:#e6e6e6;border-radius:4px;cursor:pointer}.customCheckbox:checked{background-color:#61ba65}.input{box-sizing:border-box;height:31px}.button{min-height:31px}