general-library-union 3.3.71 → 3.3.72

package/src/styles/primeng/sass/overrides/_theme_styles.scss

@@ -139,9 +139,9 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
  *****************************************************************************/
  #not-found {
   width: 100%;
-  height: 100%;
-  background: linear-gradient(to right, us-color-alpha(0.01), us-color-alpha(0.05), us-color-alpha(0.15), us-color-alpha(0.3)),
-      url('/assets/images/not-found-fondo.png');
+  // height: 100%;
+  // background: linear-gradient(to right, us-color-alpha(0.01), us-color-alpha(0.05), us-color-alpha(0.15), us-color-alpha(0.3)),
+  //     url('/assets/images/not-found-fondo.png');
   background-size: cover;
 
 
@@ -149,19 +149,19 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
       height: 100vh;
       justify-content: center;
       align-items: center;
+      display: flex;
   }
 
   p{
-    font-weight: 600;
+    font-weight: 400;
     font-size: 1.1rem;
+    text-align: center;
   }
 
 
   img {
-    max-width: 50rem;
+    max-width: 25rem;
     width: 100%;
-    position: relative;
-    right: 15%;
     }
 
   h4 {
@@ -188,36 +188,45 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
 
   h5 {
       font-size: 2rem;
-      font-weight: 500;
+      font-weight: 600;
       margin: 0;
       margin-bottom: 20px;
       text-align: left;
       margin-bottom: 7px;
+      text-align: center;
 
 
       @include breakpoint(large) {
-          font-size: 2.5rem;
-          color: var(--color-600);
+          font-size: 2rem;
+          color: #232323;
+          font-weight: 600;
+          text-align: center;
       }
   }
 
   button {
-      padding: 0.5rem 6rem;
-      background: linear-gradient(to top, var(--color-500), var(--color-400));
-      border: none;
-      border-radius: 5px;
-      color: #fff;
-      font-weight: bold;
-      box-shadow: 0px 1px 7px var(--color-300);
-      margin-top: 15%;
-      font-size: 1.1rem;
+    padding: 0.5rem 6rem;
+    background: #fff;
+    border: none;
+    border-radius: 5px;
+    color: #fff;
+    font-weight: bold;
+    box-shadow: 0px 1px 7px #cacaca;
+    /* margin-top: 15%; */
+    font-size: 1.1rem;
+    display: table;
+    margin: 0 auto;
+    margin-top: 10%;
+    border: solid 1px #232323;
+    color: #232323;
+    margin-bottom: 10%;
   }
 }
 
 
 #not-found button:hover{
-  background: linear-gradient(to top, var(--color-500), var(--color-400));
-  box-shadow: 3px 3px 12px var(--color-300);
+  background: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
  
 }
 
@@ -261,6 +270,7 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
   color: #888888;
   margin: 5% 0px;
   font-weight: 500;
+  margin: 0;
 }
 
 
@@ -289,11 +299,13 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
 @media only screen and (max-width:1600px) and (min-width:1360px){
 
 #not-found img {
-  max-width: 32rem;
+  max-width: 27rem;
+  margin: 0 auto;
+  display: table;
 }
 
 #not-found h5{
-color: var(--color-700);
+color: #232323;
 }
 
 }
@@ -301,7 +313,7 @@ color: var(--color-700);
 @media (max-width:768px){
 
   #not-found img {
-    max-width: 14rem;
+    max-width: 26rem;
     margin: 0 auto;
     display: table;
     position: inherit;
@@ -327,6 +339,7 @@ color: var(--color-700);
 
   #not-found h5 {
     text-align: center;
+    color: #232323;
 }
 
   .flex.align-items-center.justify-content-center {
@@ -344,7 +357,6 @@ color: var(--color-700);
 #not-found button {
   display: table;
   margin: 0 auto;
-  margin-top: 15%;
 }
 
 }
@@ -396,12 +408,35 @@ color: var(--color-700);
 #not-found button {
   display: table;
   margin: 0 auto;
-  margin-top: 15%;
 }
 
 }
 
 
+/******************************************************************************
+ * Modulos styles
+ *****************************************************************************/
+
+ .modulos{
+      img {
+       filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
+    }
+}
+
+ .Formaimagen {
+//     border-radius: 50%;
+//     padding: 1.5% !important;
+//     background: #fff;
+//     box-shadow: 0px 0px 6px var(--color-85);
+
+
+  img {
+      filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
+     display: table;
+     margin: 0 auto;
+     }
+ }
+
 /******************************************************************************
  * Timeout styles
  *****************************************************************************/
@@ -409,7 +444,7 @@ color: var(--color-700);
 #timeout {
   width: 100%;
   height: 100%;
- background:  linear-gradient(to bottom, #ffffff, var(--color-100));
+ background:#fff;
  
 
   .card-container {
@@ -417,26 +452,21 @@ color: var(--color-700);
   }
 
   img {
-    max-width: 52rem;
+    max-width: 34rem;
     width: 100%;
   }
 
   h4 {
+
     color: $white;
-    background: linear-gradient(to bottom, us-color(400), us-color(600));
-    -webkit-text-stroke: 0.5rem transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-    font-size: 3.5rem;
-    letter-spacing: 16px;
-    font-weight: 700;
-    text-align: left;
-    max-width: 60rem;
-    text-align: left;
-    margin: 0;
+    font-size: 2rem;
+    color: #232323;
+    font-weight: 600;
+    text-align: center;
+
 
     @include breakpoint(large) {
-      font-size: 6rem;
+      font-size: 2rem;
       -webkit-text-stroke: 0.85rem transparent;
       -webkit-background-clip: text;
       background-clip: text;
@@ -445,23 +475,25 @@ color: var(--color-700);
 
   button {
     padding: 0.5rem 6rem;
-    margin-top: 4%;
-    padding: 0.5rem 6rem;
-    background: linear-gradient(45deg, var(--color-500), var(--color-300));
+    background: #fff;
     border: none;
     border-radius: 5px;
     color: #fff;
     font-weight: bold;
-    box-shadow: 0px 1px 7px var(--color-300);
-     
+    box-shadow: 0px 1px 7px #cacaca;
+    display: table;
+    margin: 0 auto;
+    margin-top: 5%;
+    border: solid 1px #232323;
+    color: #232323;
+    margin-bottom: 10%;
+    cursor: pointer;
+    }
 }
 
 #timeout button:hover{
-  background: linear-gradient(45deg, var(--color-600), var(--color-400));
-  box-shadow: 3px 3px 12px var(--color-300);
-}
-
-
+  background: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
 }
 
 #timeout .p-button {
@@ -503,7 +535,7 @@ color: var(--color-700);
 
   #timeout {
     h4 {
-      font-size: 4rem;
+      font-size: 2rem;
       -webkit-text-stroke: 0.65rem transparent;
     }
 
@@ -670,6 +702,20 @@ color: var(--color-700);
 .eleccion-modo .p-inputswitch .p-inputswitch-slider{
   color: #fff;
 }
+
+.eleccion-modo p-inputswitch {
+  padding: 5px 5px 0;
+}
+
+.eleccion-modo p-inputswitch:focus-visible {
+  box-shadow: 0 0 0 3px var(--color-400); /* Sombra personalizada */
+  border-radius: 4px;
+  outline: none; /* Quitar el borde predeterminado */
+  padding: 6px 5px 0px;
+}
+
+
+
 /******************************************************************************
  * color border styles
  *****************************************************************************/
@@ -928,7 +974,6 @@ color: var(--color-700);
   margin: 0 auto;
   display: table;
   text-align: center;
-  padding: 2%;
 }
 
 .centrar-contenedor-imagen-sin-datos p {
@@ -939,6 +984,7 @@ color: var(--color-700);
 
 .contenedor-titulo-actos img {
   width: 4.5rem;
+  filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
 }
 
 
@@ -947,6 +993,7 @@ color: var(--color-700);
   width: 100%;
   max-width: 170px;
   margin-bottom: -20px;  
+  filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
 }
 
 .toast-salto-linea {
@@ -1246,14 +1293,20 @@ min-height: 60px !important;
 
 .avatar-container {
   position: relative;
-  width: 130px;
-  height: 130px;
-  border: 8px solid var(--color-700);
+  width: 120px;
+  height: 120px;
   border-radius: 50%;
   overflow: hidden;
-  text-align: center
+  text-align: center;
+  margin-top: -9px;
+  background: #fff;
+  border: solid 2px #232323;
 }
-
+/*
+.avatar-container img{
+  filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
+}
+*/
 .card-cargo .avatar-container {
   height: 90px !important;
   border: 6px solid var(--color-700) !important;
@@ -1403,8 +1456,7 @@ min-height: 60px !important;
 
   .avatar-container{
     width: 100px !important;
-    height: 100px !important;
-    border: solid 5px var(--color-700) !important;
+    height: 100px;
     }
 
     .menu-accordeon {
@@ -1429,8 +1481,6 @@ min-height: 60px !important;
 
 .avatar-container {
   width: 70px !important;
-  height: 70px !important;
-  border: solid 5px var(--color-700);
 }
 
 .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
@@ -1608,8 +1658,6 @@ min-height: 60px !important;
 
   .avatar-container {
     width: 75px !important;
-    height: 100px !important;
-    border: 5px solid var(--color-700) !important;
 }
 
 .hojavida .p-tabview.p-component .justify-content-end {
@@ -2709,6 +2757,15 @@ span{
 /******************************************************************************
  * Tabla spinner styles
  *****************************************************************************/
+
+ #id_listado_ejecucion_reporte_externo .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #fff !important;
+}
+
+app-listado-solicitud .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #fff !important;
+}
+
  .p-component-overlay {
   background-color: rgb(131 131 131 / 41%) !important;
 }
@@ -3019,16 +3076,6 @@ border-radius: 5px;
 }
 
 
-
-.avatar-container {
-  position: relative;
-  width: 130px;
-  height: 130px;
-  border: 8px solid var(--color-700);
-  border-radius: 50%;
-  overflow: hidden;
-  text-align: center
-}
 p.chip {
   background: #fff;
   padding: 0.35rem 3%;
@@ -3432,6 +3479,11 @@ button:focus-visible {
  * TABLAS styles
  *****************************************************************************/
 
+ #id_listado_ejecucion_reporte_externo .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #fff !important;
+}
+
+
  table tr td.flex.justify-content-end.align-items-center button {
   margin: 10px 4px;
 }
@@ -3456,6 +3508,12 @@ button:focus-visible {
   border-bottom: solid 1px var(--color-85);
 }
 
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem var(--color-400);
+}
+
 
 .nomostrar .p-message.p-message-error {
   display: none !important;
@@ -3517,10 +3575,10 @@ tfoot.p-datatable-tfoot {
   }
 }
 
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--color-100);
-  color:#232323;
-}
+// .p-datatable .p-datatable-tbody > tr.p-highlight {
+//   background: var(--color-100);
+//   color:#232323;
+// }
 
 .p-datatable-responsive-scroll>.p-datatable-wrapper {
   border-radius: 5px;
@@ -3761,7 +3819,7 @@ td.GrupoColor {
   display: flex;
   align-items: center;
   text-align: center;
-  padding: 14% 4% 5%;
+  padding: 7% 4% 5%;
   justify-content: center;
 }
 
@@ -3842,8 +3900,8 @@ td.GrupoColor {
 }
 
 .avatar-image {
-  width: 104%;
-  height: 110%;
+  width: 100%;
+  height: 100%;
   object-fit: cover;
 }
 
@@ -4662,7 +4720,6 @@ background: var(--color-75) !important;
 
 
   .imagen-menu {
-    background: var(--color-85);
     border-radius: 5px;
     min-width: 100px;
     max-width: 150px;
@@ -4678,6 +4735,7 @@ background: var(--color-75) !important;
 .imagen-menu img {
   width: 100%;
   height: auto;
+  filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
 }
 
 .spinner-text {