diff --git a/README.md b/README.md
index f8f5cbd..4fcd7cd 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-
+
# AppElectroThings_Angular_SpringBoot_MongoDB.
Aplicación ElectroThings para la Gestión de Productos Electrónicos implementada con HTML5, CSS3, SCSS, Angular, Bootstrap, Highchart, Spring-Boot, Spring Security, Spring MVC, Microservicios, SpringFox, Swagger UI, Git, DBeaver, PgAdmin, PostgreSQL y Otras Tecnologías.
diff --git a/src/app/app.component.css b/src/app/app.component.css
new file mode 100644
index 0000000..ad51cdb
--- /dev/null
+++ b/src/app/app.component.css
@@ -0,0 +1 @@
+/*# sourceMappingURL=app.component.css.map */
\ No newline at end of file
diff --git a/src/app/app.component.css.map b/src/app/app.component.css.map
new file mode 100644
index 0000000..fbb9421
--- /dev/null
+++ b/src/app/app.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"app.component.css"}
\ No newline at end of file
diff --git a/src/app/components/carousel/carousel.component.css b/src/app/components/carousel/carousel.component.css
new file mode 100644
index 0000000..27e8ebd
--- /dev/null
+++ b/src/app/components/carousel/carousel.component.css
@@ -0,0 +1,3 @@
+section .carousel-inner {
+ height: 250px;
+}/*# sourceMappingURL=carousel.component.css.map */
\ No newline at end of file
diff --git a/src/app/components/carousel/carousel.component.css.map b/src/app/components/carousel/carousel.component.css.map
new file mode 100644
index 0000000..accba4d
--- /dev/null
+++ b/src/app/components/carousel/carousel.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["carousel.component.scss","carousel.component.css"],"names":[],"mappings":"AAAA;EACI,aAAA;ACCJ","file":"carousel.component.css"}
\ No newline at end of file
diff --git a/src/app/components/footer/footer.component.css b/src/app/components/footer/footer.component.css
new file mode 100644
index 0000000..56a8178
--- /dev/null
+++ b/src/app/components/footer/footer.component.css
@@ -0,0 +1,6 @@
+footer {
+ position: relative;
+ bottom: 0;
+ width: 100%;
+ opacity: 0.9;
+}/*# sourceMappingURL=footer.component.css.map */
\ No newline at end of file
diff --git a/src/app/components/footer/footer.component.css.map b/src/app/components/footer/footer.component.css.map
new file mode 100644
index 0000000..a1ef616
--- /dev/null
+++ b/src/app/components/footer/footer.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["footer.component.scss","footer.component.css"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;ACCJ","file":"footer.component.css"}
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.css b/src/app/components/navbar/navbar.component.css
new file mode 100644
index 0000000..19e3e9e
--- /dev/null
+++ b/src/app/components/navbar/navbar.component.css
@@ -0,0 +1,45 @@
+header {
+ color: white;
+ background-color: transparent;
+}
+header nav {
+ opacity: 0.8;
+}
+
+#navbar {
+ background-color: #333; /* Black background color */
+ position: fixed; /* Make it stick/fixed */
+ top: 0; /* Stay on top */
+ width: 100%; /* Full width */
+ transition: top 0.3s;
+}
+#navbar #navbar li {
+ float: left;
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 15px;
+ text-decoration: none;
+}
+#navbar #navbar li:hover {
+ background-color: #ddd;
+ color: black;
+}
+
+img {
+ padding-right: 2px;
+}
+
+div.collapse {
+ margin-left: 15px;
+ padding: 5px;
+}
+
+a {
+ color: white;
+}
+
+li:hover {
+ background-color: rgb(46, 2, 2);
+ border-radius: 1em;
+}/*# sourceMappingURL=navbar.component.css.map */
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.css.map b/src/app/components/navbar/navbar.component.css.map
new file mode 100644
index 0000000..a1c1083
--- /dev/null
+++ b/src/app/components/navbar/navbar.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["navbar.component.scss","navbar.component.css"],"names":[],"mappings":"AAAA;EACI,YAAA;EACA,6BAAA;ACCJ;ADAI;EACE,YAAA;ACEN;;ADIA;EACE,sBAAA,EAAA,2BAAA;EACA,eAAA,EAAA,wBAAA;EACA,MAAA,EAAA,gBAAA;EACA,WAAA,EAAA,eAAA;EACA,oBAAA;ACDF;ADEA;EACE,WAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;ACAF;ADGA;EACE,sBAAA;EACA,YAAA;ACDF;;ADSA;EACI,kBAAA;ACNJ;;ADSA;EACI,iBAAA;EACA,YAAA;ACNJ;;ADSA;EACE,YAAA;ACNF;;ADUA;EACE,+BAAA;EACA,kBAAA;ACPF","file":"navbar.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css b/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css
new file mode 100644
index 0000000..1807ebf
--- /dev/null
+++ b/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css
@@ -0,0 +1,20 @@
+div .alert {
+ opacity: 0.8;
+}
+
+.scrollspy-example {
+ position: relative;
+ height: 80%;
+ width: 100%;
+ overflow: auto;
+ background-color: none;
+ color: white;
+ z-index: 3;
+}
+.scrollspy-example .card {
+ color: black;
+}
+
+#scrollspy-example-child a {
+ color: white;
+}/*# sourceMappingURL=acerca-productos.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css.map b/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css.map
new file mode 100644
index 0000000..f8accbe
--- /dev/null
+++ b/src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["acerca-productos.component.scss","acerca-productos.component.css"],"names":[],"mappings":"AAAA;EACE,YAAA;ACCF;;ADCA;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,cAAA;EACA,sBAAA;EACA,YAAA;EACA,UAAA;ACEF;ADAE;EACA,YAAA;ACEF;;ADGE;EACE,YAAA;ACAJ","file":"acerca-productos.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css b/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css
new file mode 100644
index 0000000..962d28c
--- /dev/null
+++ b/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css
@@ -0,0 +1,35 @@
+div .alert {
+ opacity: 0.8;
+}
+
+div .container {
+ opacity: 0.9;
+}
+
+#formulario form, #formulario div, #formulario div.div {
+ border-radius: 1em;
+ opacity: 0.9;
+ color: white;
+}
+#formulario form mdb-form-control input, #formulario form mdb-form-control select, #formulario form mdb-form-control option, #formulario div mdb-form-control input, #formulario div mdb-form-control select, #formulario div mdb-form-control option, #formulario div.div mdb-form-control input, #formulario div.div mdb-form-control select, #formulario div.div mdb-form-control option {
+ background-color: rgb(28, 21, 21);
+ color: white;
+ max-width: 12em;
+}
+#formulario form mdb-form-control #imagen, #formulario div mdb-form-control #imagen, #formulario div.div mdb-form-control #imagen {
+ max-width: 25em;
+}
+#formulario form mdb-form-control input:hover, #formulario form mdb-form-control select:hover, #formulario form mdb-form-control option:hover, #formulario div mdb-form-control input:hover, #formulario div mdb-form-control select:hover, #formulario div mdb-form-control option:hover, #formulario div.div mdb-form-control input:hover, #formulario div.div mdb-form-control select:hover, #formulario div.div mdb-form-control option:hover {
+ background-color: rgb(61, 33, 33);
+}
+
+#btnForm button {
+ border: none;
+ border-radius: none;
+}
+#btnForm button:hover {
+ background-color: #393e43;
+}
+#btnForm button:focus {
+ background-color: #58616b;
+}/*# sourceMappingURL=agregar-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css.map b/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css.map
new file mode 100644
index 0000000..8d3219b
--- /dev/null
+++ b/src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["agregar-componentes.component.scss","agregar-componentes.component.css"],"names":[],"mappings":"AAAA;EACE,YAAA;ACCF;;ADEA;EACE,YAAA;ACCF;;ADGA;EACE,kBAAA;EACA,YAAA;EACA,YAAA;ACAF;ADGI;EACE,iCAAA;EACA,YAAA;EACA,eAAA;ACDN;ADII;EACE,eAAA;ACFN;ADII;EACE,iCAAA;ACFN;;ADcA;EACE,YAAA;EACA,mBAAA;ACXF;ADaC;EACG,yBAAA;ACXJ;ADaE;EACE,yBAAA;ACXJ","file":"agregar-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/auth/login/login/login.component.css b/src/app/pages/electronica/auth/login/login/login.component.css
index e69de29..bfd6333 100644
--- a/src/app/pages/electronica/auth/login/login/login.component.css
+++ b/src/app/pages/electronica/auth/login/login/login.component.css
@@ -0,0 +1,122 @@
+div .alert {
+ opacity: 0.8;
+}
+
+table {
+ background-color: rgb(86, 34, 34);
+ opacity: 0.8;
+}
+
+#aviso .alert {
+ border-radius: 0.6em;
+ color: white;
+ background-color: rgb(84, 83, 83);
+ text-align: center;
+ opacity: 0.8;
+}
+#aviso .alert button {
+ border-radius: 1.2em;
+ color: rgb(187, 134, 134);
+ background-color: rgb(101, 40, 40);
+ padding: 0.5em;
+ text-align: center;
+ border-radius: 1em;
+ border-width: 1em;
+ border-color: rgb(93, 31, 31);
+}
+
+#loginFail {
+ opacity: 1;
+}
+
+#particles-js {
+ height: 100%;
+}
+
+.formulario {
+ position: relative;
+ width: 350px;
+ min-height: 200px;
+ background: rgb(84, 83, 83);
+ border-radius: 10px;
+ padding: 40px;
+ box-sizing: border-box;
+ opacity: 0.9;
+}
+
+.user {
+ margin: 0 auto;
+ display: block;
+ margin-bottom: 20px;
+}
+
+h3 {
+ margin: 0;
+ padding: 0 0 20px;
+ color: white;
+ text-align: center;
+}
+
+.formulario input {
+ width: 100%;
+ margin-bottom: 20px;
+}
+
+.formulario input[type=text],
+.formulario input[type=password] {
+ border: none;
+ border-bottom: 2px solid white;
+ outline: none;
+ height: 40px;
+ color: white;
+ background: transparent;
+ font-size: 16px;
+ padding-left: 20px;
+ box-sizing: border-box;
+}
+
+.formulario input[type=text]:hover,
+.formulario input[type=password]:hover {
+ color: white;
+ border: 1px solid rgb(74, 12, 12);
+ box-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 2px 0 white;
+}
+
+.formulario input[type=text]:focus,
+.formulario input[type=password]:focus {
+ border-bottom: 2px solid white;
+}
+
+.inputBox {
+ position: relative;
+}
+
+.inputBox span {
+ position: absolute;
+ top: 10px;
+ color: white;
+}
+
+.formulario input[type=submit] {
+ border: none;
+ outline: none;
+ height: 40px;
+ font-size: 16px;
+ background: white;
+ color: rgb(10, 7, 7);
+ border-radius: 20px;
+ cursor: pointer;
+}
+
+.formulario a {
+ color: white;
+ font-size: 14px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ display: block;
+}
+
+a:hover {
+ color: white;
+}/*# sourceMappingURL=login.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/auth/login/login/login.component.css.map b/src/app/pages/electronica/auth/login/login/login.component.css.map
new file mode 100644
index 0000000..f085ae1
--- /dev/null
+++ b/src/app/pages/electronica/auth/login/login/login.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["login.component.scss","login.component.css"],"names":[],"mappings":"AAAA;EACE,YAAA;ACCF;;ADEA;EACE,iCAAA;EACA,YAAA;ACCF;;ADKE;EAEE,oBAAA;EACA,YAAA;EACA,iCAAA;EACA,kBAAA;EACA,YAAA;ACHJ;ADKM;EACE,oBAAA;EACA,yBAAA;EACA,kCAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,6BAAA;ACHR;;ADYA;EACE,UAAA;ACTF;;ADaA;EACE,YAAA;ACVF;;ADaA;EACE,kBAAA;EACA,YAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;ACVF;;ADaA;EACE,cAAA;EACA,cAAA;EACA,mBAAA;ACVF;;ADcA;EACE,SAAA;EACA,iBAAA;EAEA,YAAA;EACA,kBAAA;ACZF;;ADeA;EACE,WAAA;EACA,mBAAA;ACZF;;ADeA;;EAEE,YAAA;EACA,8BAAA;EACA,aAAA;EACA,YAAA;EAEA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,kBAAA;EACA,sBAAA;ACbF;;ADgBA;;EAEE,YAAA;EACA,iCAAA;EACA,wEAAA;ACbF;;ADgBA;;EAEE,8BAAA;ACbF;;ADgBA;EACE,kBAAA;ACbF;;ADgBA;EACE,kBAAA;EACA,SAAA;EACA,YAAA;ACbF;;ADgBA;EACE,YAAA;EACA,aAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EAEA,oBAAA;EACA,mBAAA;EACA,eAAA;ACdF;;ADiBA;EACE,YAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,kBAAA;EACA,cAAA;ACdF;;ADiBA;EACE,YAAA;ACdF","file":"login.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/auth/signin/signin/signin.component.css b/src/app/pages/electronica/auth/signin/signin/signin.component.css
new file mode 100644
index 0000000..a294341
--- /dev/null
+++ b/src/app/pages/electronica/auth/signin/signin/signin.component.css
@@ -0,0 +1,122 @@
+div .alert {
+ opacity: 0.8;
+}
+
+table {
+ background-color: rgb(86, 34, 34);
+ opacity: 0.8;
+}
+
+#aviso .alert {
+ border-radius: 0.6em;
+ color: white;
+ background-color: rgb(84, 83, 83);
+ text-align: center;
+ opacity: 0.8;
+}
+#aviso .alert button {
+ border-radius: 1.2em;
+ color: rgb(187, 134, 134);
+ background-color: rgb(101, 40, 40);
+ padding: 0.5em;
+ text-align: center;
+ border-radius: 1em;
+ border-width: 1em;
+ border-color: rgb(93, 31, 31);
+}
+
+#loginFail {
+ opacity: 1;
+}
+
+#particles-js {
+ height: 100%;
+}
+
+.formulario {
+ position: relative;
+ width: 350px;
+ min-height: 200px;
+ background: rgb(84, 83, 83);
+ border-radius: 10px;
+ padding: 40px;
+ box-sizing: border-box;
+ opacity: 0.9;
+}
+
+.user {
+ margin: 0 auto;
+ display: block;
+ margin-bottom: 20px;
+}
+
+h3 {
+ margin: 0;
+ padding: 0 0 20px;
+ color: white;
+ text-align: center;
+}
+
+.formulario input {
+ width: 100%;
+ margin-bottom: 20px;
+}
+
+.formulario input[type=text],
+.formulario input[type=password] {
+ border: none;
+ border-bottom: 2px solid white;
+ outline: none;
+ height: 40px;
+ color: white;
+ background: transparent;
+ font-size: 16px;
+ padding-left: 20px;
+ box-sizing: border-box;
+}
+
+.formulario input[type=text]:hover,
+.formulario input[type=password]:hover {
+ color: white;
+ border: 1px solid rgb(74, 12, 12);
+ box-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 2px 0 white;
+}
+
+.formulario input[type=text]:focus,
+.formulario input[type=password]:focus {
+ border-bottom: 2px solid white;
+}
+
+.inputBox {
+ position: relative;
+}
+
+.inputBox span {
+ position: absolute;
+ top: 10px;
+ color: white;
+}
+
+.formulario input[type=submit] {
+ border: none;
+ outline: none;
+ height: 40px;
+ font-size: 16px;
+ background: white;
+ color: rgb(10, 7, 7);
+ border-radius: 20px;
+ cursor: pointer;
+}
+
+.formulario a {
+ color: white;
+ font-size: 14px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ display: block;
+}
+
+a:hover {
+ color: white;
+}/*# sourceMappingURL=signin.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/auth/signin/signin/signin.component.css.map b/src/app/pages/electronica/auth/signin/signin/signin.component.css.map
new file mode 100644
index 0000000..0e67973
--- /dev/null
+++ b/src/app/pages/electronica/auth/signin/signin/signin.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["signin.component.scss","signin.component.css"],"names":[],"mappings":"AAAA;EACE,YAAA;ACCF;;ADEA;EACE,iCAAA;EACA,YAAA;ACCF;;ADKE;EAEE,oBAAA;EACA,YAAA;EACA,iCAAA;EACA,kBAAA;EACA,YAAA;ACHJ;ADKM;EACE,oBAAA;EACA,yBAAA;EACA,kCAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,6BAAA;ACHR;;ADYA;EACE,UAAA;ACTF;;ADaA;EACE,YAAA;ACVF;;ADaA;EACE,kBAAA;EACA,YAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;ACVF;;ADaA;EACE,cAAA;EACA,cAAA;EACA,mBAAA;ACVF;;ADcA;EACE,SAAA;EACA,iBAAA;EAEA,YAAA;EACA,kBAAA;ACZF;;ADeA;EACE,WAAA;EACA,mBAAA;ACZF;;ADeA;;EAEE,YAAA;EACA,8BAAA;EACA,aAAA;EACA,YAAA;EAEA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,kBAAA;EACA,sBAAA;ACbF;;ADgBA;;EAEE,YAAA;EACA,iCAAA;EACA,wEAAA;ACbF;;ADgBA;;EAEE,8BAAA;ACbF;;ADgBA;EACE,kBAAA;ACbF;;ADgBA;EACE,kBAAA;EACA,SAAA;EACA,YAAA;ACbF;;ADgBA;EACE,YAAA;EACA,aAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EAEA,oBAAA;EACA,mBAAA;EACA,eAAA;ACdF;;ADiBA;EACE,YAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,kBAAA;EACA,cAAA;ACdF;;ADiBA;EACE,YAAA;ACdF","file":"signin.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css b/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css
new file mode 100644
index 0000000..3138faf
--- /dev/null
+++ b/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css
@@ -0,0 +1,38 @@
+div .alert {
+ opacity: 0.8;
+}
+
+#card {
+ opacity: 0.9;
+}
+
+table {
+ background-color: rgb(211, 210, 210);
+ opacity: 0.8;
+ padding: 5px;
+}
+table thead th button {
+ background-color: rgb(76, 56, 56);
+ border-color: black;
+ opacity: 1;
+}
+table thead th button:hover {
+ background-color: rgb(143, 46, 46);
+}
+table p, table th, table td {
+ margin-bottom: 0px;
+ margin-top: 0px;
+ padding: 5px;
+}
+
+#modalCheckDelete {
+ background: none;
+ border: none;
+}
+#modalCheckDelete .alert {
+ border-radius: 15px;
+ border-color: #15351a;
+}
+#modalCheckDelete .alert button {
+ border-radius: 10px;
+}/*# sourceMappingURL=detalles-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css.map b/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css.map
new file mode 100644
index 0000000..f8e7461
--- /dev/null
+++ b/src/app/pages/electronica/detalles-componentes/detalles-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["detalles-componentes.component.scss","detalles-componentes.component.css"],"names":[],"mappings":"AAAC;EACI,YAAA;ACCL;;ADEC;EACI,YAAA;ACCL;;ADIA;EAEE,oCAAA;EACA,YAAA;EACA,YAAA;ACFF;ADQM;EACE,iCAAA;EACA,mBAAA;EACA,UAAA;ACNR;ADQM;EACE,kCAAA;ACNR;ADWI;EACE,kBAAA;EACA,eAAA;EACA,YAAA;ACTN;;ADeA;EACE,gBAAA;EACA,YAAA;ACZF;ADcE;EAEA,mBAAA;EACA,qBAAA;ACbF;ADeI;EACE,mBAAA;ACbN","file":"detalles-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/editar-componentes/editar-componentes.component.css b/src/app/pages/electronica/editar-componentes/editar-componentes.component.css
new file mode 100644
index 0000000..7a040af
--- /dev/null
+++ b/src/app/pages/electronica/editar-componentes/editar-componentes.component.css
@@ -0,0 +1,35 @@
+div .alert {
+ opacity: 0.8;
+}
+
+div .container {
+ opacity: 0.9;
+}
+
+#formulario form, #formulario div, #formulario div.div {
+ border-radius: 1em;
+ opacity: 0.9;
+ color: white;
+}
+#formulario form mdb-form-control input, #formulario form mdb-form-control select, #formulario form mdb-form-control option, #formulario div mdb-form-control input, #formulario div mdb-form-control select, #formulario div mdb-form-control option, #formulario div.div mdb-form-control input, #formulario div.div mdb-form-control select, #formulario div.div mdb-form-control option {
+ background-color: rgb(28, 21, 21);
+ color: white;
+ max-width: 12em;
+}
+#formulario form mdb-form-control #imagen, #formulario div mdb-form-control #imagen, #formulario div.div mdb-form-control #imagen {
+ max-width: 25em;
+}
+#formulario form mdb-form-control input:hover, #formulario form mdb-form-control select:hover, #formulario form mdb-form-control option:hover, #formulario div mdb-form-control input:hover, #formulario div mdb-form-control select:hover, #formulario div mdb-form-control option:hover, #formulario div.div mdb-form-control input:hover, #formulario div.div mdb-form-control select:hover, #formulario div.div mdb-form-control option:hover {
+ background-color: rgb(61, 33, 33);
+}
+
+#btnForm button {
+ border: none;
+ border-radius: none;
+}
+#btnForm button:hover {
+ background-color: #393e43;
+}
+#btnForm button:focus {
+ background-color: #58616b;
+}/*# sourceMappingURL=editar-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/editar-componentes/editar-componentes.component.css.map b/src/app/pages/electronica/editar-componentes/editar-componentes.component.css.map
new file mode 100644
index 0000000..918c71c
--- /dev/null
+++ b/src/app/pages/electronica/editar-componentes/editar-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["editar-componentes.component.scss","editar-componentes.component.css"],"names":[],"mappings":"AAAA;EACI,YAAA;ACCJ;;ADEA;EACI,YAAA;ACCJ;;ADGE;EACE,kBAAA;EACA,YAAA;EACA,YAAA;ACAJ;ADGM;EACE,iCAAA;EACA,YAAA;EACA,eAAA;ACDR;ADIM;EACE,eAAA;ACFR;ADIM;EACE,iCAAA;ACFR;;ADcE;EACE,YAAA;EACA,mBAAA;ACXJ;ADaG;EACG,yBAAA;ACXN;ADaI;EACE,yBAAA;ACXN","file":"editar-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css b/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css
new file mode 100644
index 0000000..482a797
--- /dev/null
+++ b/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css
@@ -0,0 +1,16 @@
+div .alert {
+ opacity: 0.8;
+}
+
+#btnGrafica div button {
+ background-color: rgb(27, 21, 21);
+ border-color: black;
+ color: white;
+}
+
+#maquetacion .highchart {
+ opacity: 0.94;
+}
+#maquetacion div {
+ opacity: 0.8;
+}/*# sourceMappingURL=graficos-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css.map b/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css.map
new file mode 100644
index 0000000..38bfc15
--- /dev/null
+++ b/src/app/pages/electronica/graficos-componentes/graficos-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["graficos-componentes.component.scss","graficos-componentes.component.css"],"names":[],"mappings":"AAAA;EACE,YAAA;ACCF;;ADOI;EACE,iCAAA;EACA,mBAAA;EACA,YAAA;ACJN;;ADYE;EACE,aAAA;ACTJ;ADWE;EACE,YAAA;ACTJ","file":"graficos-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css b/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css
new file mode 100644
index 0000000..9d049cd
--- /dev/null
+++ b/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css
@@ -0,0 +1,9 @@
+div .alert,
+.container {
+ opacity: 0.9;
+}
+
+table {
+ background-color: rgb(211, 210, 210);
+ opacity: 0.9;
+}/*# sourceMappingURL=inicio-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css.map b/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css.map
new file mode 100644
index 0000000..416faf4
--- /dev/null
+++ b/src/app/pages/electronica/inicio-componentes/inicio-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["inicio-componentes.component.scss","inicio-componentes.component.css"],"names":[],"mappings":"AAAA;;EAEI,YAAA;ACCJ;;ADEA;EACI,oCAAA;EACA,YAAA;ACCJ","file":"inicio-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/listado-componentes/listado-componentes.component.css b/src/app/pages/electronica/listado-componentes/listado-componentes.component.css
new file mode 100644
index 0000000..d1a6165
--- /dev/null
+++ b/src/app/pages/electronica/listado-componentes/listado-componentes.component.css
@@ -0,0 +1,170 @@
+div .alert {
+ opacity: 0.8;
+}
+
+#filters {
+ -webkit-text-decoration: solid;
+ text-decoration: solid;
+ font-weight: bold;
+ border-radius: 0.5em;
+}
+
+#buscador div input {
+ color: rgb(0, 0, 0);
+ -webkit-text-decoration: solid;
+ text-decoration: solid;
+ font-weight: bold;
+ border-radius: 0.5em;
+}
+#buscador div select {
+ color: white;
+ background-color: #212529;
+ border-radius: 0.5em;
+ border-color: black;
+}
+#buscador div input:hover, #buscador div select:hover {
+ border-color: black;
+}
+#buscador div button {
+ background-color: none;
+}
+#buscador div button:hover {
+ border-color: none;
+ opacity: 0.7;
+}
+#buscador #categoryDropdown #marcasDropdown button,
+#buscador #dateDropdown button,
+#buscador #stockDropdown button,
+#buscador #moneyDropdown button,
+#buscador #filterDropdown button,
+#buscador #infoDropdown button,
+#buscador #deleteFilter button {
+ color: white;
+ background-color: #212529;
+ border-radius: 0.5em;
+ border-color: none;
+ z-index: 2;
+}
+#buscador #categoryDropdown #marcasDropdown div, #buscador #categoryDropdown #marcasDropdown ul, #buscador #categoryDropdown #marcasDropdown li,
+#buscador #dateDropdown div,
+#buscador #dateDropdown ul,
+#buscador #dateDropdown li,
+#buscador #stockDropdown div,
+#buscador #stockDropdown ul,
+#buscador #stockDropdown li,
+#buscador #moneyDropdown div,
+#buscador #moneyDropdown ul,
+#buscador #moneyDropdown li,
+#buscador #filterDropdown div,
+#buscador #filterDropdown ul,
+#buscador #filterDropdown li,
+#buscador #infoDropdown div,
+#buscador #infoDropdown ul,
+#buscador #infoDropdown li,
+#buscador #deleteFilter div,
+#buscador #deleteFilter ul,
+#buscador #deleteFilter li {
+ color: white;
+ background-color: #212529;
+ border-radius: 0.8em;
+ border-color: black;
+ z-index: 3;
+}
+#buscador input:hover {
+ border-color: #212529;
+ border-radius: 15px;
+}
+#buscador button {
+ background-color: none;
+}
+#buscador button:hover {
+ border-color: #212529;
+ border-radius: 15px;
+ opacity: 0.7;
+}
+
+table {
+ background-color: rgb(211, 210, 210);
+ opacity: 0.8;
+ width: 50%;
+ height: 50%;
+ padding: 5px;
+}
+table thead th button {
+ background-color: rgb(76, 56, 56);
+ border-color: black;
+ opacity: 1;
+}
+table thead th button:hover {
+ background-color: rgb(143, 46, 46);
+}
+table p, table th, table td {
+ margin-bottom: 0px;
+ margin-top: 0px;
+ padding: 5px;
+}
+
+#pagination nav button {
+ background-color: #212529;
+}
+#pagination nav button:hover {
+ background-color: #393e43;
+}
+#pagination nav button:focus {
+ background-color: #58616b;
+}
+#pagination div button {
+ background-color: #212529;
+}
+#pagination div button:hover {
+ background-color: #393e43;
+}
+
+#cardsTable {
+ background-color: rgb(41, 39, 39);
+ color: white;
+ opacity: 0.8;
+ width: 50%;
+ height: 50%;
+ padding: 5px;
+}
+#cardsTable div.card-footer {
+ background-color: rgb(37, 36, 36);
+ opacity: 1;
+ border-radius: 1em;
+}
+#cardsTable div.card-footer div button {
+ background-color: #212529;
+}
+#cardsTable div.card-footer div button:hover {
+ background-color: #474b4e;
+}
+
+#modalCheckDelete {
+ background: none;
+ border: none;
+}
+#modalCheckDelete .alert {
+ border-radius: 15px;
+ border-color: #15351a;
+}
+#modalCheckDelete .alert button {
+ border-radius: 10px;
+}
+
+#modalsProdList div li, #modalsProdList div a {
+ background-color: #2f3235;
+ border-color: #393e43;
+ border-radius: 0.5em;
+}
+#modalsProdList div li {
+ margin: 0.5em;
+}
+#modalsProdList div li:hover, #modalsProdList div a:hover {
+ background-color: #393e43;
+ border-radius: 0.5em;
+}
+#modalsProdList div h6:hover {
+ background-color: #393e43;
+ border-radius: 0.5em;
+}/*# sourceMappingURL=listado-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/listado-componentes/listado-componentes.component.css.map b/src/app/pages/electronica/listado-componentes/listado-componentes.component.css.map
new file mode 100644
index 0000000..3695a64
--- /dev/null
+++ b/src/app/pages/electronica/listado-componentes/listado-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["listado-componentes.component.scss","listado-componentes.component.css"],"names":[],"mappings":"AAAA;EACI,YAAA;ACCJ;;ADEA;EACE,8BAAA;UAAA,sBAAA;EACA,iBAAA;EACA,oBAAA;ACCF;;ADKI;EACE,mBAAA;EACA,8BAAA;UAAA,sBAAA;EACA,iBAAA;EACA,oBAAA;ACFN;ADKI;EACE,YAAA;EACA,yBAAA;EACA,oBAAA;EACA,mBAAA;ACHN;ADQI;EACE,mBAAA;ACNN;ADQI;EACI,sBAAA;ACNR;ADUK;EACG,kBAAA;EACA,YAAA;ACRR;ADyBE;;;;;;;EACE,YAAA;EACA,yBAAA;EACA,oBAAA;EACA,kBAAA;EACA,UAAA;ACjBJ;ADqBE;;;;;;;;;;;;;;;;;;;EACE,YAAA;EACA,yBAAA;EACA,oBAAA;EACA,mBAAA;EACA,UAAA;ACDJ;ADOA;EACE,qBAAA;EACA,mBAAA;ACLF;ADQE;EACE,sBAAA;ACNJ;ADSC;EACG,qBAAA;EACA,mBAAA;EACA,YAAA;ACPJ;;ADYA;EAEE,oCAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;ACVF;ADcM;EACE,iCAAA;EACA,mBAAA;EACA,UAAA;ACZR;ADcM;EACE,kCAAA;ACZR;ADiBI;EACE,kBAAA;EACA,eAAA;EACA,YAAA;ACfN;;ADwBI;EACE,yBAAA;ACrBN;ADwBG;EACG,yBAAA;ACtBN;ADwBI;EACE,yBAAA;ACtBN;AD4BI;EACE,yBAAA;AC1BN;AD6BG;EACG,yBAAA;AC3BN;;ADsCA;EACE,iCAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;ACnCF;ADqCE;EACE,iCAAA;EACA,UAAA;EACA,kBAAA;ACnCJ;ADsCM;EACE,yBAAA;ACpCR;ADuCK;EACG,yBAAA;ACrCR;;ADiDA;EACE,gBAAA;EACA,YAAA;AC9CF;ADgDE;EAEA,mBAAA;EACA,qBAAA;AC/CF;ADiDI;EACE,mBAAA;AC/CN;;AD4DI;EACE,yBAAA;EACA,qBAAA;EACA,oBAAA;ACzDN;AD4DI;EACE,aAAA;AC1DN;AD4DI;EACE,yBAAA;EACA,oBAAA;AC1DN;AD6DG;EACG,yBAAA;EACA,oBAAA;AC3DN","file":"listado-componentes.component.css"}
\ No newline at end of file
diff --git a/src/app/pages/electronica/listado-componentes/listado-componentes.component.ts b/src/app/pages/electronica/listado-componentes/listado-componentes.component.ts
index f6638a5..6d4969b 100644
--- a/src/app/pages/electronica/listado-componentes/listado-componentes.component.ts
+++ b/src/app/pages/electronica/listado-componentes/listado-componentes.component.ts
@@ -432,6 +432,7 @@ export class ListadoComponentesComponent implements OnInit {
this.errMsj = error.message;
console.log(this.errMsj);
this.toastService.error(this.errMsj);
+ //Add handle exception
}
}
diff --git a/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css b/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css
new file mode 100644
index 0000000..5561a4a
--- /dev/null
+++ b/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css
@@ -0,0 +1,8 @@
+div .alert {
+ opacity: 0.8;
+}
+
+div .list-group {
+ background-color: rgb(211, 210, 210);
+ opacity: 0.8;
+}/*# sourceMappingURL=novedades-componentes.component.css.map */
\ No newline at end of file
diff --git a/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css.map b/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css.map
new file mode 100644
index 0000000..fdb4b6e
--- /dev/null
+++ b/src/app/pages/electronica/novedades-componentes/novedades-componentes.component.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["novedades-componentes.component.scss","novedades-componentes.component.css"],"names":[],"mappings":"AAAA;EACI,YAAA;ACCJ;;ADEA;EACI,oCAAA;EACA,YAAA;ACCJ","file":"novedades-componentes.component.css"}
\ No newline at end of file