@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--fondo2: #F0F0F7;--fondo1: #FFFFFF;--principal: #4D76FD;--font: #1B1F31;--font2: #7a7e9d;--rojo: #ff537b;--verde: #fec267;--linea: #e5e4e9;--delay: 0s}body{margin:0;font-family:Roboto,sans-serif;color:var(--font)}a{text-decoration:none;cursor:pointer}h2{margin:0}.textbox-genegal{border:none;background-color:var(--fondo2);border-radius:5px;padding:10px 12px;color:var(--font);font-family:Roboto,sans-serif;font-size:1rem;box-sizing:border-box;outline-color:var(--principal);height:39px;width:100%}.textbox-genegal::placeholder{color:var(--font)}.textarea-general{height:80px}.select-general{border:none;background-color:var(--fondo2);border-radius:5px;padding:10px 12px;color:var(--font);font-family:Roboto,sans-serif;font-size:1rem;box-sizing:border-box;outline-color:var(--principal);height:39px;width:100%}.btn-general{border-radius:16px;padding:8px 12px;border:none;color:var(--font);font-family:Roboto,sans-serif;font-size:1rem;background-color:var(--fondo2);cursor:pointer;width:130px;height:35px}.textbox-buscar{padding-left:50px;width:100%}.container-textbox{position:relative}.container-textbox label{position:absolute;top:0;left:0;padding:10px;font-size:1rem;color:var(--font);pointer-events:none;transition:.5s}.container-textbox input:focus~label,.container-textbox input:valid~label{top:-27px;left:0;color:var(--font);font-size:12px;padding:10px 0}.btn-primario{background-color:var(--principal);color:var(--fondo1)}.text-error{color:var(--principal)}.form-group{position:relative;display:block;margin:0;padding:0;width:100%}.container-clientes,.container-categorias,.container-localidades{display:none;border:2px solid var(--principal);width:90%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:var(--fondo2);position:absolute;z-index:1;box-shadow:0 4px 8px #15151569;box-sizing:border-box}.container-tablas-clientes{width:100%;display:grid;gap:20px}.btn-tabla-buscar{width:100%;background-color:transparent;border:none;font-size:15px;color:var(--font);cursor:pointer}.btn-tabla-buscar:hover{background-color:#d9d9d9;transition:.3s ease}.container-clientes.active,.container-categorias.active,.container-localidades.active{display:block}.input-icon{position:absolute;top:0;left:18px;height:39px;font-size:24px;line-height:48px;text-align:left;color:var(--font2);-webkit-transition:all .2s linear;transition:all .2s linear}.tbl-header{border-top-left-radius:5px;border-top-right-radius:5px;background-color:var(--principal);color:var(--fondo1);-webkit-animation:top 1s var(--delay) both;animation:top 1s var(--delay) both}.tbl-content,.tbl-content-completo{height:290px;overflow-x:auto;margin-top:0;-webkit-animation:top 1s var(--delay) both;animation:top 1s var(--delay) both}.tbl-content-completo{height:calc(100vh - 355px)}table{width:100%;border-collapse:collapse}table tr{text-align:left;border-bottom:1px solid #eee}table caption,table th,table td{padding:15px 10px;vertical-align:inherit}td{background-color:var(--fondo1)}th{font-weight:400}.th-id,.td-id{text-align:center;width:40px}.th-valor,.td-valor{width:65px;text-align:center}.th-cantidad,.td-cantidad{width:60px;text-align:center}.th-localidad,.td-localidad,.th-categoria,.td-categoria,.th-cliente,.td-cliente{width:25%}.td-fecha,.th-fecha{width:120px}.td-cliente-reclamos,.th-cliente-reclamos{width:15%}.td-observacion,.th-observacion{width:200px}.container-tabla{width:100%}.container-seguimiento-pedidos{margin:40px}.container-info-categorias{display:none;gap:5px;width:100%}.container-info-categorias.active{display:grid}.container-info-general{display:grid;border-top:3px solid #4D76FD;padding:20px;background-color:var(--fondo2);border-radius:4px}.container-info-general h4{margin:0}.btn-table-eliminar,.btn-table-editar,.btn-table-principal{border-radius:5px;width:40px;height:35px;border:2px solid var(--rojo);background-color:transparent;color:var(--rojo);cursor:pointer}.btn-table-principal{color:var(--principal);border:2px solid var(--principal)}.th-nombre,.td-nombre{width:49%}.th-usuario,.td-usuario{width:50%}.td-usuario-nombre,.th-usuario-nombre{width:25%}.td-usuario-mail,.th-usuario-mail{width:50%}.th-localidad-cliente,.td-localidad-cliente,.th-nombre-usuario,.td-nombre-usuario{width:100%}.th-btn{text-align:center;min-width:115px}.td-btn{display:flex;justify-content:center;gap:10px;width:100px}.th-motivo,.td-motivo{max-width:60px}.th-permisos,.td-permisos{width:100px}.btn-table-editar{border:2px solid var(--verde);color:var(--verde)}.form-agregar-cliente{display:grid;height:300px}.form-agregar-localidad-cliente{display:flex;gap:10px;height:60px;align-items:end}.container-form-clientes{height:500px}.img-reclamo{width:100%;height:100%;border-radius:10px}.container-loader{display:flex;height:90vh;align-items:center}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(77,118,253,.2);border-right:1.1em solid rgba(77,118,253,.2);border-bottom:1.1em solid rgba(77,118,253,.2);border-left:1.1em solid #4d76fd;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.back-login{display:flex;justify-content:center;height:100vh;align-items:center;background-color:var(--fondo2)}.container-login{width:400px;background-color:var(--fondo1);border-radius:10px;box-sizing:border-box;padding:50px 40px;box-shadow:0 0 40px #0000002e}.header-login{display:flex;justify-content:center}.header-login h1{margin:20px 0 25px}.menu-login{display:grid;gap:17px}.container-btn{display:flex;gap:10px}.back-registro{display:flex;justify-content:center;height:100vh;align-items:center;background-color:var(--fondo2)}.container-registro{width:400px;background-color:var(--fondo1);border-radius:10px;box-sizing:border-box;padding:50px 40px;box-shadow:0 0 40px #0000002e}.header-registro{display:flex;justify-content:center}.menu-registro{display:grid;gap:17px}nav{background-color:var(--fondo1);height:70px;display:flex;align-items:center;width:100%;box-sizing:border-box;padding:0 5%;justify-content:space-between;border-bottom:1px solid var(--linea)}nav h1{font-size:1.5rem;color:var(--font2)}.btn-nav-general{background-color:transparent;color:var(--principal);border:none;cursor:pointer}.img-logo-nav{height:45px;filter:invert(100%)}.container-controles-nav{display:flex;align-items:center;gap:20px}.container-menu{display:grid;width:100%;padding:10%;box-sizing:border-box;gap:15px}.btn-general-menu{font-family:Roboto,sans-serif;border:none;text-align:center;align-items:center;border-radius:50px;box-sizing:border-box;background-color:var(--principal);color:var(--fondo1);width:100%;height:100%;font-size:1rem;cursor:pointer}.container-header-nav{display:flex;align-items:center;gap:20px;max-height:70px}.btn-nav-general-volver{display:flex;align-items:center;height:40px;background-color:var(--principal);color:var(--fondo1);border-radius:5px;border:none;font-family:Nunito;cursor:pointer}@media screen and (min-width: 700px){.container-menu{grid-template-columns:repeat(2,1fr);height:450px}}@media screen and (min-width: 1024px){.container-menu{padding:0;align-content:center;width:500px}.container-web-menu{display:flex;justify-content:center}}.form-pedidos{box-sizing:border-box;padding:5%;display:grid;gap:17px}.container-textbox-pedidos{display:flex;gap:17px}.container-btn-enviar{display:flex;justify-content:flex-end}.form-reclamos{box-sizing:border-box;padding:5%;display:grid;gap:17px}.selectbox-general{height:230px}.selectbox-general-2{height:165px}.conteiner-select{display:grid;gap:20px}.conteiner-btn{display:flex;gap:20px}.container-text-archivo{display:flex;align-items:center;gap:10px}.btn-eliminar-archivo{background-color:transparent;border:none}.dropzone{cursor:pointer;width:100%;height:100px;border:1px solid var(--fondo2);display:flex;justify-content:center;align-items:center;border-radius:10px;gap:5px}.dropzone-p{color:var(--principal)}.container-row-archivo{margin-top:10px;display:flex;justify-content:space-between}.container-row-archivo p{margin:0}.progress-archivo{-webkit-appearance:none;height:3px;width:100%}::-webkit-progress-bar{background-color:var(--fondo1)}::-webkit-progress-value{background-color:var(--principal)}.container-form-abm{display:grid;gap:10px}.container-colores{gap:40px;width:100%;padding:30px;box-sizing:border-box}.container-abm{display:flex;gap:40px;width:100%;padding:30px;box-sizing:border-box}.container-abm-colores{display:grid;gap:20px;background-color:var(--fondo1);border-radius:10px;box-sizing:border-box;padding:50px 40px;box-shadow:0 0 40px #0000002e}.container-info-colores{display:flex;gap:10px}.btn-agregar-a-color{border-radius:70px;background-color:var(--principal);border:none;cursor:pointer;min-width:39px;min-height:39px;height:40px}.container-form-abm-colores{display:flex;gap:10px}.popup-content{margin:auto;background-color:var(--fondo1);padding:5px;border-radius:10px;width:90%;height:90%}.popup-arrow{color:#fff}[role=tooltip].popup-content{width:400px;height:100px;box-shadow:#0a0a0a52 1px 1px 20px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}@keyframes anvil{0%{transform:scale(1) translateY(0);opacity:0}1%{transform:scale(.96) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-content{-webkit-animation:anvil .3s cubic-bezier(.38,.1,.36,.9) forwards}.modal>.header{width:100%;border-bottom:1px solid gray;text-align:center;padding:20px;box-sizing:border-box}.modal>.content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-height:750px;overflow:auto;box-sizing:border-box;padding:5%}.modal>.actions{width:100%;padding:10px 5px;margin:auto;text-align:center}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#ffffff;border-radius:18px;border:1px solid #cfcece}