:root{--primary-color: #111;--button-success: #00f86b;--dark-fondo: #022c43;--dark-input: #053f5e;--dark-border: #053f5e;--dark-font-color: #fff;--btn-editar: #00f86b;--btn-eliminar: #ff348e;--card-dark: #6b48ff}*{font-size:16px;margin:0;padding:0;list-style:none;color:var(--dark-font-color);text-decoration:none;font-family:Calibri,Gill Sans MT,Gill Sans,Trebuchet MS,sans-serif;border-style:none}body{background:var(--dark-fondo)}header{display:flex;align-items:center;height:40px;background:#000}#menu{background:var(--primary-color);flex-direction:column;height:100vh}header section{width:100%;display:flex;justify-content:space-between;margin-left:4%}header div{display:flex;flex-direction:row}header div p{margin-left:.5rem}header ul{display:flex;margin-right:.5rem}header ul li{margin-left:1rem;color:var(--dark-font-color)}.header-btn{padding:.2rem;background:var(--primary-color);border-radius:.5rem;transition:all .3s;cursor:pointer}.header-btn:hover{background:var(--dark-fondo)}section{width:100%;display:flex;justify-content:flex-end}#content{width:95%;margin-bottom:2rem}.content-title{width:100%;display:flex;flex-direction:row;background:var(--dark-fondo);padding-top:.5rem;padding-bottom:.5rem}.content-title li{width:130px;height:1.8rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem;border-radius:.5rem;background:var(--button-success);cursor:pointer}.content-title a{font-weight:700;color:var(--dark-fondo);margin:.5rem}.content-subtitle{background:var(--primary-color);padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;border-radius:.3rem 0rem 0rem .3rem}.content-subtitle p{color:var(--dark-font-color);margin-left:.5rems}.content-logic{display:flex;flex-direction:row;justify-content:space-between}.new-sale{width:73%;margin-top:.5rem;border-radius:.5rem}.new-sale-btn button{width:130px;height:1.8rem;background:var(--button-success);border:0px;padding:.2rem;border-radius:.5rem;cursor:pointer}.close-sale{width:25%;margin-top:.5rem}.search-barcode{display:flex;flex-direction:column;margin-top:.5rem}.code-to-search{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.code-to-search div{width:24%;margin-top:1rem}.code-to-search p{display:flex;align-items:center;margin-bottom:.3rem;width:100%}.code-to-search span{color:var(--button-success);margin-right:.1rem}.code-to-search input{width:97%;background:var(--dark-input);color:var(--dark-font-color);border:1px solid var(--dark-border);padding:.2rem;border-radius:.2rem;outline:none}.customer-price-list{display:flex;flex-direction:row;margin-top:.5rem;background:var(--dark-input);padding:.5rem;border-radius:.3rem}.client-data{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.client-data div{margin-bottom:.5rem}.client-data p{margin-bottom:.3rem}.client-data input{margin-right:1rem;background:var(--dark-fondo);color:var(--dark-font-color);border:1px solid var(--dark-border);padding:.2rem;border-radius:.2rem;outline:none}.search-by-word{display:flex;flex-direction:row;margin-top:.5rem}.search-word{width:25%}.search-by-word p{margin-bottom:.3rem}.search-word input{width:95%;background:var(--dark-input);color:var(--dark-font-color);border:1px solid var(--dark-border);padding:.2rem;border-radius:.2rem;outline:none}.shopping-list{width:100%;margin-top:.5rem}table{width:100%;border:1px solid var(--dark-border);background:var(--dark-input);border-radius:.3rem;overflow:hidden}table thead,table tfoot{background:var(--primary-color)}table th{padding:.2rem 0rem .1rem}table td{text-align:center;padding:.2rem 0rem .1rem}.table tr:hover{background:var(--dark-fondo)}.editar{color:var(--btn-editar);cursor:pointer}.eliminar{color:var(--btn-eliminar);cursor:pointer}.top-proveedores{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:1rem;border-radius:.5rem}.card-proveedor{position:relative;width:28%;background:var(--card-dark);padding:1.5rem .5rem .5rem;border-radius:.5rem;margin-bottom:.5rem}.card-proveedor h5{font-size:1.1rem;text-shadow:0rem 0rem .5rem var(--dark-fondo)}.card-proveedor p,.card-proveedor strong{font-size:.9rem}.counter{width:2.5rem;height:.7rem;position:absolute;top:0;left:0;background:var(--btn-eliminar);color:var(--dark-font-color);padding:5px;border-radius:.5rem;font-weight:700;text-align:center;font-size:12px;display:flex;align-items:center}.sub-total{display:flex;flex-direction:row;justify-content:space-between;margin-top:.5rem;margin-bottom:.5rem}.sub-total button{width:130px;height:1.8rem;background:var(--btn-eliminar);border:0px;padding:.2rem;border-radius:.2rem;cursor:pointer}.date-sale{padding:.5rem;border-bottom:1px solid var(--dark-input);background:var(--dark-input);box-shadow:0 0 .2rem var(--primary-color);border-radius:.5rem;margin-bottom:.5rem}.total-to-pay{border-bottom:1px solid var(--dark-input);background:var(--dark-input);box-shadow:0 0 .2rem var(--primary-color);border-radius:.5rem;margin-bottom:.5rem;overflow:hidden}.total-to-pay h2{text-align:center;background:var(--primary-color);color:var(--dark-font-color);padding:.2rem 0rem;margin-bottom:.3rem}.end-sale{padding:.5rem}.discount{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.discount label{width:38%;margin-right:.5rem}.discount input,.discount select{width:60%;background:var(--dark-fondo);color:var(--dark-font-color);border:1px solid var(--dark-border);padding:.2rem;border-radius:.2rem;outline:none}.total-sale{margin-top:.5rem}.total-sale h3{width:100%;font-size:1.5rem}.total-sale h4{margin-top:.5rem;margin-bottom:1rem;font-size:2rem;text-align:center;border:1px solid var(--dark-border);border-radius:.5rem;box-shadow:0 0 .2rem var(--primary-color);background:var(--dark-fondo)}.end-sale button{width:100%;background:var(--btn-editar);border:0px;box-shadow:0 0 .2rem var(--button-success);border-radius:.5rem;padding-top:.5rem;padding-bottom:.5rem;font-size:1.5rem;color:var(--dark-fondo);font-weight:700;cursor:pointer}#sidebar{position:fixed;top:0;left:0;width:4%;height:100vh;background:var(--primary-color);display:flex;flex-direction:column;transition:.5s;box-shadow:0 0 .4rem var(--primary-color)}#sidebar:hover{width:200px}#sidebar:hover p{display:flex}.home-logo{height:40px;display:flex;align-items:center}.home-logo a{display:flex;flex-direction:row;align-items:center;margin-left:.8rem}.home-logo span{font-size:1.5rem;margin-right:.5rem;transition:all .35s}.home-logo span:hover{text-shadow:0rem 0rem 2rem #000}.home-logo p{font-size:1.1rem;display:none;transition:all .35s}.home-logo p:hover{text-shadow:0rem 0rem 2rem #000}#sidebar ul li a{display:flex;flex-direction:row;align-items:center;padding:1.3rem 0rem 1.3rem .8rem}#sidebar ul li a span{font-size:1.5rem;margin-right:.5rem;transition:all .35s}#sidebar ul li a span:hover{text-shadow:0rem 0rem 2rem #000}#sidebar ul li a p{font-size:1.1rem;display:none;transition:all .35s}#sidebar ul li a p:hover{text-shadow:0rem 0rem 2rem #000}.save{width:100%;display:flex;justify-content:flex-end;margin-top:1rem;margin-bottom:1rem}.btn-success{width:130px;height:1.8rem;background:var(--button-success);color:var(--dark-fondo);border:0px;padding:.2rem;border-radius:.5rem;font-weight:700;cursor:pointer}.code-to-search select{background:var(--dark-input);width:100%;border:1px solid var(--dark-border);border-radius:.2rem;padding:.2rem}.active-sidebar{background:var(--dark-fondo)}.active-sidebar span{color:var(--dark-font-color)}#login{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#form-login{width:300px;box-shadow:0 0 1rem var(--card-dark);border-radius:1rem;background:var(--dark-border)}#form-login h1{margin:1rem;text-align:center;font-size:1.5rem}#form-login form{margin:1rem}.item-login{display:flex;flex-direction:column}.item-login label{margin-top:.6rem;margin-bottom:.4rem}.item-login input{color:var(--dark-input);padding:.2rem;border-radius:.5rem;outline:none}.btn-login{margin-top:1rem}.btn-login button{width:100%;height:40px;background:var(--button-success);font-size:1.2rem;border:0px;border-radius:.5rem;cursor:pointer}.title-filtros{background:var(--primary-color);padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;margin-bottom:.5rem;border-radius:.3rem}.filtros{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.filtros div{width:23%;margin-bottom:.5rem}.filtros p{width:100%;margin-bottom:.3rem}.filtros select{background:var(--dark-input);width:100%;border:0px;border-radius:.2rem;padding:.2rem}.filtros input{width:95%;background:var(--dark-input);color:var(--dark-font-color);border:0px;padding:.2rem;border-radius:.2rem;outline:none}.loading{width:100%;padding:1rem 0rem}.loading p{text-align:center;color:var(--btn-editar)}.success{color:var(--btn-editar)}.warning{color:#e4a11b;cursor:pointer}.filtro-activo{background-color:var(--primary-color)}.filtro-inactivo{background-color:var(--dark-input)}table input{width:100px;background:var(--primary-color);text-align:center;border-radius:.3rem}table input[type=number]::-webkit-outer-spin-button,table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;padding:0rem .2rem}input input[type=number]{-moz-appearance:textfield}table span{width:30px;height:26px;font-size:22px!important;font-weight:700}.delete,.add{background:var(--btn-eliminar);border-radius:5px;cursor:pointer;align-items:center;text-shadow:0rem 0rem .2rem #000;padding-top:2px}.add{background:var(--btn-editar)}#lista-productos{display:flex;position:fixed;height:100%;width:100%;background-color:#000000f2;align-items:center;justify-content:center}.resultados{width:500px;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:.5rem;box-shadow:0 0 2rem var(--primary-color)}.result-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.resultados h5{width:90%;text-align:center;padding-top:.5rem;padding-bottom:.5rem}.resultados p{text-align:center;margin-bottom:.3rem}.resultados table{margin-top:1rem}.result-header div{display:flex;align-items:center;width:10%;justify-content:flex-end}.result-header div span{font-size:18px;padding:6px;border-radius:100px}#detalle-venta{display:flex;position:fixed;height:100%;width:100%;background-color:#000000f2;align-items:center;justify-content:center}.succes{color:#00f86b}.danger{color:#ff348e}.graficos{display:flex;flex-direction:column;width:98%}.reporte-general{display:flex;flex-direction:row;margin-top:.7rem}.item-general{width:170px;background:var(--primary-color);margin-right:1rem;border-radius:.5rem;border-bottom:6px solid var(--btn-eliminar);padding:1rem}.item-general h5{font-size:2.5rem;text-align:center}.item-general div{display:flex;align-items:center;margin-top:.8rem}.item-general p{margin-left:.5rem;font-size:14px;color:#999}.item-general span{text-align:start;font-size:1.5rem;color:#999}.graficos-dinam{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1rem}.item-grafico{width:31%;height:auto;background:var(--primary-color);overflow:hidden;border-radius:.5rem;padding:.5rem;margin-bottom:1rem}.ngx-charts-outer{width:100%!important;height:auto!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.chart-legend .legend-title{background:var(--dark-fondo);border-radius:.5rem}.chart-legend .legend-title-text{width:100%!important;text-align:center!important}.chart-legend .legend-labels{display:flex;flex-wrap:wrap}.title-grafico{width:90%;margin:0 auto;border-radius:.5rem;background:var(--dark-fondo);padding-top:.5rem;padding-bottom:.5rem;margin-bottom:1rem}.title-grafico p{font-size:1.1rem;text-align:center;font-weight:700}.reporte-anual{width:100%;background:var(--primary-color);overflow:hidden;border-radius:.5rem;margin-bottom:1rem}apx-chart{margin:1rem}.modo-celular{display:none}@media (max-width: 1050px){.modo-celular{display:flex}header section{margin-left:5%}header ul{display:none}#sidebar{width:5%}#content{width:94%}}@media (max-width: 915px){.graficos-dinam{flex-direction:column;justify-content:center}#sidebar{height:40px;background:#000}#sidebar ul{display:none}section{justify-content:center}#content{width:90%;margin:0 auto}.content-subtitle{border-radius:.3rem}.content-logic{flex-direction:column}.new-sale{width:100%;margin-bottom:2rem}.close-sale,.item-grafico{width:100%}.reporte-general{flex-direction:column}.item-general{width:100%;margin-bottom:1rem}.item-grafico,.reporte-anual{border-bottom:6px solid var(--btn-eliminar)}}@media (max-width: 600px){*{font-size:10px}header section{margin-left:7%}.customer-price-list{width:95%}.customer{width:98%}.code-to-search{flex-direction:column}.code-to-search div{width:100%}.client-data{width:100%;flex-direction:column}.client-data div,.client-data div input{width:100%}.filtros{flex-direction:column}.filtros div{width:98%}.filtros input{width:auto}table span{width:20px;height:20px;font-size:15px!important}.counter{font-size:9px}.card-proveedor h5{margin-top:.5rem}.content-subtitle{margin-top:1rem}}