:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--colorPrimary: #0d6efd;--colorSecondary: #6c757d;--colorSuccess: #198754;--colorInfo: #0dcaf0;--colorWarning: #ffc107;--colorDanger: #dc3545;--colorLight: #f8f9fa;--colorDark: #212529}body{margin:0}.colorVerdeClaro{color:#3cff3c}.colorRojoClaro{color:#ff7676}.colorGris{color:gray}.flex{display:flex}.flexEnd{display:flex;justify-content:flex-end}.flexSeparados{display:flex;justify-content:space-between}.separados{columns:2}hr{margin-bottom:25px;border-color:gray}.view{height:100%;display:flex}.body{height:100vh;width:100%;overflow:hidden}main{padding:25px;height:85%;overflow:auto}:root{--blueText: dodgerblue}.header{font-size:1.2em;color:var(--blueText);padding:15px;margin:0;display:flex;justify-content:space-between;background-color:#111}.headerLeft{display:flex;justify-content:space-between;gap:15px}p{margin:0}.tabName{color:gray}.userName{font-weight:700}svg{height:30px}.menuIcon{color:var(--colorSecondary);cursor:pointer}.menuIcon:hover{color:var(--colorLight)}:root{--navLiColor: rgb(0, 204, 204)}.nav{background-color:#111;height:100vh;width:250px;box-shadow:10px 0 15px #0004}.nav .navHead{background-color:#000;padding-block:15px;display:flex;justify-content:center}.nav .navHead h3{margin:15px;color:var(--blueText);text-transform:uppercase}.nav dl{margin:0;padding:0}.nav li{list-style-type:none;padding-inline:15px;margin-block:5px;height:40px;display:flex;justify-content:left;align-items:center;cursor:pointer;color:#fff}.nav li:hover{background-color:#222}.nav li:hover,.currentTab{color:#0ff!important}.nav li svg{margin-right:10px;height:20px}.nav dt{background-color:#0003;margin-top:15px}.nav dd{margin-left:15px}.nav dd li{height:30px}.disabled{color:gray}.simpleCard{background-color:#444;box-shadow:2px 2px 10px #111;padding:15px;border-radius:5px}.divTarjetas{border-radius:15px;padding:20px;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:25px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.tarjetaBlanca{background-color:#333;box-shadow:2px 2px 10px #111;padding:15px;width:350px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.tarjetaBlanca:hover{background-color:#444449}.tarjetaBlanca h2{margin-top:0;font-weight:500;font-family:sans-serif;color:#87cefa}.tarjetaBlanca p{padding-inline:10px}.tarjetaBlanca p+dl dd{color:#a4a4a4}.fecha{color:#fff8dc;font-size:2em;text-transform:capitalize}.tarjetaBlanca dl{max-height:200px;overflow:auto}.tarjetaBlancaFooter{display:flex;justify-content:end;color:#0000;transition:.5s}.tarjetaBlanca:hover .tarjetaBlancaFooter{color:#962fcd;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.tarjetaBlancaFooter:hover{text-decoration:underline;color:#cf75ff!important}button{padding:8px;cursor:pointer}svg{height:28px}.productosHeader{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.prodHeadL{margin-right:10px}.prodHeadMid{display:flex;justify-content:flex-start;gap:40px;width:100%}.prodHeadMid input{padding:8px}.prodHeadR{display:flex;justify-content:flex-end;gap:15px;width:200px}.prodHeadR button{width:150px}.form-group{display:flex}.formNueva{background-color:#111;padding:25px;margin-bottom:15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.formNueva h1{margin-top:0}.formNueva label{display:block}.formNueva input,select{padding:5px;margin-bottom:20px}.formNueva select{padding:5px;width:150px}.formNueva .group{background-color:#0005;padding:10px;margin-bottom:15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.group label{display:inline;margin-right:5px}.group input{margin-right:25px;margin-bottom:0}b{text-decoration:underline}.group span{color:#999}.formNueva fieldset{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.btnRojo{background-color:#311!important}.btnVerde{background-color:#131!important}.btnAzul{background-color:#115!important}.btnDisabled{background-color:#333!important}.btnDisabled:hover{cursor:no-drop!important}.formNueva .btnSvg{padding:5px;margin:5px;display:flex;width:30px;height:30px;cursor:pointer;background-color:#555;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.formNueva .btnSvg:hover{filter:brightness(1.5);-webkit-filter:brightness(1.5)}.inputXS,.wXS{width:45px}.inputS,.wS{width:70px}.inputM,.wM{width:80px}.inputL,.wL{width:250px}.w20{width:20%}.w50{width:50%}.w60{width:60%}.w80{width:80%}input[type=number]::-webkit-inner-spin-button{opacity:.5}input[type=number]::-webkit-inner-spin-button:hover{opacity:1}input:read-only::-webkit-inner-spin-button{opacity:0}.submitBtns{padding:5px;width:100%;display:flex;justify-content:flex-end}.submitBtns button{border:solid 1px black;padding:10px;margin-inline:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.submitBtns button:hover{border:solid 1px white}.submitBtns button[type=reset]{background-color:var(--colorDanger)}.submitBtns button[type=submit]{background-color:var(--colorSuccess)}.asdasd{background-color:red}.tablaList{width:100%;border-collapse:collapse}.tablaList,.tablaList th,.tablaList td{border:1px solid #444}th{background-color:#444;color:#fff;padding:5px;font-size:1.2em}td{padding:8px}tr:nth-child(2n){background-color:#303030}tr td{text-align:center}.tablaColID{width:30px}.tablaColNombre,.tablaColDetalles{text-align:start}.tablaColCantidad{width:50px;text-align:end}.tablaColPrecio{width:80px;text-align:end}.tablaColAcciones{width:80px}.iconEdit svg{width:23px;cursor:pointer;filter:brightness(.8);-webkit-filter:brightness(.8)}.iconEdit svg:hover{filter:brightness(1);-webkit-filter:brightness(1);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.svgDisabled svg{filter:none!important;cursor:default;color:gray!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;-webkit-filter:none!important}.svgView svg{color:#69f}.svgEdit svg{color:#7f7}.svgDelete svg{color:#f55}