.background{background-image:linear-gradient(120deg,var(--color-1) 0%,var(--color-4) 100%);height:60%;position:absolute;top:0;right:0;left:0}.login{height:100vh;display:flex;flex-direction:column}.login header div,.login section{margin-top:.75em}.login div section{display:flex;overflow:hidden}.login div section form{min-width:100%;display:none}.login div section #cliente:checked+form,.login div section #noCliente:checked+form{display:flex}.login header div span{font-weight:500}.login header div span a{margin-left:.25em;color:#fff;font-weight:600}.login header div span a:hover{text-decoration:underline}.login section>input{display:none}.login>div{box-shadow:0 10px 15px -3px #0000008d;background-color:#313131;min-width:25em;width:max-content;height:max-content;border-radius:1em;margin:auto;z-index:10;padding:2em}.form{margin-top:1em}.form li+li{margin-top:1em}.form li:first-child input{margin-top:.5em}.form li input{outline:none;border:none;background-color:#222;padding:1em;border-radius:.5em}.form li button{width:max-content;background-color:var(--color-1);cursor:pointer;transition:all .5s;padding:.5em 1em;border:none;border-radius:.5em}.btn-logincliente a{background-color:var(--color-3);padding:.5em;color:#fff;border-radius:.5em}.btn-logincliente a:hover{background-color:var(--color-4)}.form li button:hover{background-color:var(--color-2)}.form .visible-btn{border:none;background-color:transparent;position:absolute;right:0;bottom:0;height:100%;top:0;display:flex;align-items:center}.form .visible-btn:hover{background-color:transparent}.form .visible-btn svg{fill:#fff}.form .password-container{min-width:unset;width:100%;background-color:transparent;box-shadow:unset;position:relative;margin-top:.5em}.form .password-container input{width:100%}.login div footer span{font-size:.625em;text-align:center}.msg-error{height:2em;color:red;display:flex;align-items:center;justify-content:center;margin:1em;font-size:.8em}@media (max-width: 767px){.login>div{font-size:.8em}.form .visible-btn svg{width:1.25em;height:1.25em}}.bg-primary{background-color:green}.bg-secondary{background-color:red;color:#fff}.toast{position:fixed;bottom:0;right:0;margin:0 1em 2em 0;padding:1em;border-radius:.5em;z-index:10}.toast .toast-body{font-weight:600;font-size:.8em;color:#fff}.toast button{display:flex;background:none;border:none;align-items:center;cursor:pointer}.toast button svg{fill:#fff!important}@media (max-width: 767px){.toast{margin:.5em}.toast .toast-body{font-size:.8em}}.filtros{display:none;flex-direction:column}.filtros>form{display:flex;flex-direction:column}.filtros>form>div+div{margin-top:.5em}.filtros form>button,.filtros .fechas p,.puntos-fechas p{background-color:var(--color-1);color:#fff;padding:.25em 1em;border-radius:.5em;font-weight:600;width:10em;margin-top:1em;border:none;cursor:pointer}.filtros .fechas p,.puntos-fechas p{width:max-content;font-size:.8em;margin-top:0;display:flex}.filtros>button:hover,.filtros .fechas a:hover,.puntos-fechas a:hover{background-color:var(--color-2)}.filtros em{font-size:.8rem;font-weight:600}.filtros input{outline:none;padding:.5rem}.filtros .buscador input{border:none;width:100%}.filtros .buscador>div{display:flex;gap:1em}.filtros .buscador .buscador-field{display:flex;border:1px solid #ccc;margin-top:.5em;width:100%}.filtros .buscador .buscador-field span{display:flex;align-items:center;border:none;outline:none;background-color:#fff;cursor:default;padding:0 .25em;pointer-events:none;-webkit-user-select:none;user-select:none}.filtros .fechas>div,.puntos-fechas>div{margin-top:.5em;display:flex;align-items:center;gap:1em}.filtros .fechas>div div,.puntos-fechas>div div{display:flex;align-items:center}.filtros .fechas>div div span,.puntos-fechas>div div span{color:gray;font-size:.8em}.filtros .fechas input,.puntos-fechas input{border:1px solid #ccc;padding:.25em;margin-left:.25em;width:12em}.filtros .fechas ul,.puntos-fechas ul{display:flex;flex-direction:column}.filtros .fechas ul li span,.puntos-fechas ul li span{font-weight:500}.filtros .fechas ul li span span,.puntos-fechas ul li span span{font-weight:300}@media screen and (min-width: 768px){.filtros{display:flex}}@media screen and (max-width: 767px){.filtros .buscador>div,.filtros .fechas>div,.puntos-fechas>div{flex-direction:column}.filtros .fechas>div a,.puntos-fechas>div a{margin-right:auto}}.modal{position:fixed;top:0;bottom:0;right:0;left:0;background:#00000030;display:flex;align-items:center;justify-content:center}.modal-dialog{background-color:#fff}.modal-content{padding:2em}.modal-body{margin-top:1em}.modal-footer button{padding:.5em;border-radius:.25em;border:none;color:#fff;font-weight:600;margin-top:1em;cursor:pointer}.modal-footer button+button{margin-left:1em}.modal-footer button.btn-primary{background-color:green}.modal-footer button.btn-secondary{background-color:red}.modal-footer button.btn-primary:hover{background-color:#00a500}.modal-footer button.btn-secondary:hover{background-color:#ff3a3a}.container{padding:2em}.container #form{width:100%;background-color:#f5f5f5;min-height:calc(100vh - 4em)}.container strong{font-size:1.25em;text-transform:capitalize}.container #form form{margin-top:2em}.d-table{display:table}.d-table-row{display:table-row}.d-table-cell{display:table-cell}.tables{margin-top:1em}.tables>ul{background-color:var(--color-1)}.tables>ul>li{padding:.5em}.tables>ul>li span{height:1.25em;text-transform:capitalize}.tables>ul>li>ul{display:flex;align-items:center;gap:.5em}.d-none{display:none}.notFound img{width:20em}.custom-file{border:1px dashed #000;border-radius:.5em;position:relative;overflow:hidden;width:100%;display:inline-block;margin-top:.5em}.custom-file-label{cursor:pointer;display:flex;gap:.5em;width:100%;padding:1em}.custom-file input{display:none}.list-file{margin:.5em 0}.list-file li{font-size:.8em;display:flex;align-items:center;justify-content:space-between}.list-file span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1;height:1em;overflow-wrap:anywhere}.agregar-cliente button{background-color:var(--color-1);padding:.75em 2em;border:none;border-radius:.5em;cursor:pointer;color:#fff;font-weight:600}.backups{gap:1em}.list-backups{display:flex;flex-direction:column;width:100%;gap:.5em;background-color:#fff;padding:1em;border-radius:.5em}.list-backups>li{display:flex;align-items:center;justify-content:space-between;width:100%}.list-backups>li span{font-weight:600}.list-backups>li button{background-color:var(--color-1);padding:.75em 2em;border:none;border-radius:.5em;cursor:pointer;color:#fff;font-weight:600}.makebackups{background-color:var(--color-2);padding:.75em 2em;border:none;border-radius:.5em;cursor:pointer;color:#fff;font-weight:600;width:max-content;margin:0 auto}.ver input,.ver select,.ver textarea{-webkit-user-select:none;user-select:none;background-color:#fff;cursor:default;pointer-events:none}.ver textarea{min-height:12em;max-height:12em;padding:1em;border-radius:.5em;margin-top:.25em}.icono-ver svg{fill:#000!important}.datos-mostrar{display:flex;gap:.5em;flex-wrap:wrap}.datos-mostrar li{padding:.25em;border-radius:.5em;background-color:#ccc}.datos-mostrar li span{font-size:.85em}input.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#b4b4b4}.info-cliente{padding:1em;border:1px solid grey;display:flex;flex-direction:column;gap:.5em}.list-template .info-cliente p{font-size:.9em;display:flex;align-items:center}.bolder{font-weight:600;margin-right:.25em}@media (min-width: 768px){.table-container{overflow-x:auto;width:calc(100vw - 320px)}.tables>ul>li{width:12em;min-width:12em}}@media (max-width: 767px){.container{padding:0}.container #form,.container>article{height:100%;padding:1em}.tables{display:flex!important;overflow:auto}.tables>ul{display:flex!important;flex-direction:column!important;width:12em;min-width:12em}.tables>ul>li{height:5em;display:flex;align-items:center;justify-content:center}.tables>ul>li span{font-size:.8em;height:max-content;-webkit-line-clamp:4}}.navbar{width:100%;align-items:center;justify-content:end;padding:.5em}.navbar label{display:flex}.navbar label svg{width:2em;height:2em}#mobile-bar,.menu li input{display:none}.sidebar{width:250px;display:flex;flex-direction:column;background-color:var(--color-1);height:100vh;position:sticky;top:0;left:0;bottom:0;overflow:auto;color:#fff;z-index:8}.user{display:flex;align-items:center;margin:2em 0 3em .5em;cursor:default;flex-direction:column}.user>a{margin-top:.5em;color:#fff;background-color:var(--color-2);padding:.5em}.user>a:hover{background-color:var(--color-3)}.user-avatar{width:50px;height:50px;min-width:50px;border-radius:50%;margin-right:.75em;display:flex;align-items:center;justify-content:center;background-color:#3e3b3b}.user-avatar p{color:#fff;font-size:1.25em;text-transform:uppercase}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-info span{font-size:.8em;font-weight:400;margin-bottom:2px}.sidebar .menu{list-style:none;display:flex;flex-direction:column}.sidebar .menu li{display:flex;flex-direction:column}.sidebar .menu li input:checked+label{background-color:var(--color-2)}.sidebar .menu li input:checked~ul{display:flex;transition:all .3s}.sidebar .menu li ul{display:none;flex-direction:column;background-color:var(--color-2);transition:all .3s}.sidebar .menu li ul li a{padding:1em .75em;color:#fff}.sidebar .menu li ul li a:hover{background-color:var(--color-3)}.sidebar .menu li label,.sidebar .menu li a{display:flex;align-items:center;gap:.625em;cursor:pointer;font-size:1.125em;font-weight:500;transition:all .3s;padding:1em .5em}.sidebar .menu li a{color:#fff}.sidebar .menu li svg{fill:#fff!important}.sidebar .menu li label:hover,.sidebar .menu li a:hover{background-color:var(--color-2)}.sidebar .menu.one{flex:1}.sidebar .menu.two button{display:flex;align-items:center;color:#fff;padding:1em .5em;background-color:var(--color-1);border:none;cursor:pointer}.sidebar .menu.two button:hover{background-color:var(--color-2)}.sidebar .menu.two button span{margin-left:.25em}.sidebar .menu li a.active{background-color:var(--color-3)}.sidebar .totales{margin-bottom:1em;width:100%}.sidebar .totales div{width:100%}.sidebar .totales em{font-weight:600;background-color:var(--color-2);padding:.5em}.sidebar .totales span{padding:0 .5em .5em;background-color:var(--color-2)}.sidebar .totales button{display:flex;height:100%;text-align:center;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-2);border:none;width:30%}.sidebar .totales button:hover{background-color:var(--color-3)}.sidebar .totales button svg{fill:#fff}@media (min-width: 768px){.navbar{display:none}}@media (max-width: 767px){.navbar{display:flex}.sidebar{display:none;position:fixed;transition:all .5s;animation:rightanimation 1s ease-in-out}input:checked~.sidebar{display:flex}}@keyframes rightanimation{0%{transform:translate(-100%)}to{transform:translate(0)}}.user-container{width:60%;height:100%;margin:auto}.user-container>div{width:100%;padding:2em;background:#ccc;position:relative;border-radius:.5em}.user-container>div:last-child{margin-top:3em}.user-container>div em{position:absolute;background:var(--color-1);padding:.5em 2em;right:0;left:0;margin:-1em;font-size:1.5em;color:#fff;border-radius:.5em .5em 0 0;font-style:normal;text-align:center}.user-container>div em:before,.user-container>div em:after{content:"";display:block;position:absolute;bottom:-1.1em;border-style:solid;border-width:.5em}.user-container>div em:before{left:0;border-color:var(--color-2) var(--color-2) transparent transparent}.user-container>div em:after{right:0;border-color:var(--color-2) transparent transparent var(--color-2)}.user-container>div span{margin-left:.5em}.user-container>div div{margin-top:3em;font-size:1.25em}.user-container .wallet svg{fill:#000}.mb-1{margin-bottom:.5em}.mt-3{margin-top:3em}@media screen and (max-width: 767px){.user-container{width:85%}}:root{--color-1: #154c7a;--color-2: #1a4758;--color-3: #1c4242;--color-4: #1f443d}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Nanum Gothic,sans-serif;font-weight:400;font-style:normal}ul{list-style:none}a{text-decoration:none}textarea{resize:none}.d-flex{display:flex}.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:end}.justify-start{justify-content:start}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-white{color:#fff}.text-ellipsis{text-overflow:ellipsis}.gap-1{gap:1em}.gap-5{gap:.5em}.w-100{width:100%}.mt-1{margin-top:1em}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-2)}::-webkit-scrollbar-thumb{background:#000;border-radius:10px}main{background-color:#f5f5f5}main>section{flex:1}span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere}input[type=password]{font-family:initial}input[type=password]::placeholder{font-family:Nanum Gothic,sans-serif}.empty-state{display:flex;flex-direction:column;align-items:center;margin-top:2em;background-color:#f5f5f5;padding:2em}.empty-state>svg{width:4em;height:4em}.empty-state>span{font-weight:bolder}.notFound{height:100vh}.notFound h1{font-size:4em}.notFound p{font-size:1.125em}#panel{background-image:url(/assets/logo--0zd3H__.png);background-repeat:no-repeat;background-position:center;background-size:20em}#panel .toast{transition:all .5s;animation:desvanecer 1s ease-in-out 5s}#agregar>form>ul>li label{text-transform:capitalize}.listado-row:nth-child(odd){background-color:#dedede}.listado-row:nth-child(2n){background-color:#d1d1d1}#form .form-loading{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;background-color:#00000040;z-index:10}#form .card-body>li+li{margin-top:2em}#form .card-body>li>div{display:flex;flex-direction:column}#form .card-body li label{font-weight:600;text-transform:capitalize;font-size:1.05em}#form .card-body>li>div input,#form .card-body>li>div select{margin-top:.25em;padding:1em;border:none;border:1px solid gray;border-radius:.5em;outline:none}#form .card-body li div select{padding:1em 1em 1em .75em}#form .card-body li div option{font-size:1.25em}#form .card-body>li button{background-color:var(--color-1);padding:.75em 2em;border:none;border-radius:.5em;cursor:pointer;color:#fff;font-weight:600}#form .card-body>li button:hover{background-color:var(--color-2)}#form .card-body .list-template .empty-state-card,#form .card-body .list-template .empty-state{margin:0}#form .card-body .list-template .buscador-field+.dropdown-list{border-top:none;margin-top:0}#form .card-body .list-template .dropdown-list{border:1px solid gray;margin-top:.25em;position:relative;padding:1em;background-color:#fff;max-height:10em;overflow:auto}#form .card-body .list-template .dropdown-list label{display:flex;align-items:center;font-size:.9em;padding:.25em 0;cursor:pointer}#form .card-body .list-template .dropdown-list input{margin:0}#form .card-body .list-template .dropdown-list span{margin-left:.25em;font-size:.9em;text-transform:uppercase}#form .card-body .list-template .dropdown-list .facturas{padding:.25em}#form .card-body .list-template .dropdown-list .facturas li{box-shadow:0 0 10px #00000030;padding:.5em;border-radius:.5em;margin-top:0}#form .card-body .list-template .dropdown-list .facturas li+li{margin-top:.5em}#form .card-body .list-template .dropdown-list .facturas li div{margin-left:.25em;align-items:center}#form .dropdown-list label+ul{margin-top:.5em}#form .dropdown-list ul{display:flex;flex-direction:column}#form .dropdown-list ul li{display:flex;margin-top:.25em}.array-list{display:flex;align-items:center;flex-wrap:wrap;width:100%}.array-list li{width:max-content;padding:.5em;background-color:var(--color-1);color:#fff;border-radius:2em;cursor:pointer;display:flex;align-items:center}.array-list li:hover{background-color:var(--color-2)}.array-list li button{background:none;border:none;display:flex;align-items:center;cursor:pointer}.array-list li button svg{fill:#fff!important}.navbar-filter{display:none;align-items:center;background-color:var(--color-1);padding:.5em 1em}.navbar-filter label{color:#fff;font-weight:600;display:flex;align-items:center}.navbar-filter label svg{margin-left:.5em}input#filtros{display:none}.background-menu{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#0000003f;display:none;z-index:6}.list-loading-container,.loading-container{top:0;right:0;left:0;bottom:0;background-color:#0000003f;display:flex;align-items:center;justify-content:center;z-index:6}.loading-container{position:fixed}.list-loading-container{position:absolute}.list-loading,.loading{width:50px;aspect-ratio:1;border-radius:50%;border:4px solid black;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}.list-loading{width:unset}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}@media (max-width: 767px){body{height:100vh}#root{height:100%}main{flex-direction:column;height:100%}.empty-state-card{height:100%;background-color:#f5f5f5}.navbar-filter{display:flex}.filtros{padding:1em;background-color:#f5f5f5;display:none;position:absolute;transition:all .5s;animation:downanimation 1s ease-in-out;right:0;left:0;z-index:10}.filtros>form{flex-direction:column;align-items:start}.filtros .buscador{width:100%}.filtros .fechas input{font-size:1em}input:checked~.filtros,input:checked+.background-menu{display:flex}}@keyframes downanimation{0%{transform:translatey(-100%)}to{transform:translatey(0)}}
