general-library-union 3.3.77 → 3.3.78

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: 400;
+    font-weight: 600;
     font-size: 1.1rem;
-    text-align: center;
   }
 
 
   img {
-    max-width: 25rem;
+    max-width: 50rem;
     width: 100%;
+    position: relative;
+    right: 15%;
     }
 
   h4 {
@@ -188,45 +188,36 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
 
   h5 {
       font-size: 2rem;
-      font-weight: 600;
+      font-weight: 500;
       margin: 0;
       margin-bottom: 20px;
       text-align: left;
       margin-bottom: 7px;
-      text-align: center;
 
 
       @include breakpoint(large) {
-          font-size: 2rem;
-          color: #232323;
-          font-weight: 600;
-          text-align: center;
+          font-size: 2.5rem;
+          color: var(--color-600);
       }
   }
 
   button {
-    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%;
+      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;
   }
 }
 
 
 #not-found button:hover{
-  background: #fff;
-  box-shadow: 3px 3px 12px #b8b8b8;
+  background: linear-gradient(to top, var(--color-500), var(--color-400));
+  box-shadow: 3px 3px 12px var(--color-300);
  
 }
 
@@ -270,7 +261,6 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
   color: #888888;
   margin: 5% 0px;
   font-weight: 500;
-  margin: 0;
 }
 
 
@@ -299,13 +289,11 @@ $backgroundToLeft: linear-gradient(to left, $azulColorBtnM, $azulColorBtnM2);
 @media only screen and (max-width:1600px) and (min-width:1360px){
 
 #not-found img {
-  max-width: 27rem;
-  margin: 0 auto;
-  display: table;
+  max-width: 32rem;
 }
 
 #not-found h5{
-color: #232323;
+color: var(--color-700);
 }
 
 }
@@ -313,7 +301,7 @@ color: #232323;
 @media (max-width:768px){
 
   #not-found img {
-    max-width: 26rem;
+    max-width: 14rem;
     margin: 0 auto;
     display: table;
     position: inherit;
@@ -339,7 +327,6 @@ color: #232323;
 
   #not-found h5 {
     text-align: center;
-    color: #232323;
 }
 
   .flex.align-items-center.justify-content-center {
@@ -357,6 +344,7 @@ color: #232323;
 #not-found button {
   display: table;
   margin: 0 auto;
+  margin-top: 15%;
 }
 
 }
@@ -408,36 +396,12 @@ color: #232323;
 #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 {
-    width: 100%;
-      filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
-     display: table;
-     margin: 0 auto;
-     }
- }
-
 /******************************************************************************
  * Timeout styles
  *****************************************************************************/
@@ -445,7 +409,7 @@ color: #232323;
 #timeout {
   width: 100%;
   height: 100%;
- background:#fff;
+ background:  linear-gradient(to bottom, #ffffff, var(--color-100));
  
 
   .card-container {
@@ -453,21 +417,26 @@ color: #232323;
   }
 
   img {
-    max-width: 34rem;
+    max-width: 52rem;
     width: 100%;
   }
 
   h4 {
-
     color: $white;
-    font-size: 2rem;
-    color: #232323;
-    font-weight: 600;
-    text-align: center;
-
+    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;
 
     @include breakpoint(large) {
-      font-size: 2rem;
+      font-size: 6rem;
       -webkit-text-stroke: 0.85rem transparent;
       -webkit-background-clip: text;
       background-clip: text;
@@ -476,25 +445,23 @@ color: #232323;
 
   button {
     padding: 0.5rem 6rem;
-    background: #fff;
+    margin-top: 4%;
+    padding: 0.5rem 6rem;
+    background: linear-gradient(45deg, var(--color-500), var(--color-300));
     border: none;
     border-radius: 5px;
     color: #fff;
     font-weight: bold;
-    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;
-    }
+    box-shadow: 0px 1px 7px var(--color-300);
+     
 }
 
 #timeout button:hover{
-  background: #fff;
-  box-shadow: 3px 3px 12px #b8b8b8;
+  background: linear-gradient(45deg, var(--color-600), var(--color-400));
+  box-shadow: 3px 3px 12px var(--color-300);
+}
+
+
 }
 
 #timeout .p-button {
@@ -536,7 +503,7 @@ color: #232323;
 
   #timeout {
     h4 {
-      font-size: 2rem;
+      font-size: 4rem;
       -webkit-text-stroke: 0.65rem transparent;
     }
 
@@ -703,20 +670,6 @@ color: #232323;
 .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
  *****************************************************************************/
@@ -975,6 +928,7 @@ color: #232323;
   margin: 0 auto;
   display: table;
   text-align: center;
+  padding: 2%;
 }
 
 .centrar-contenedor-imagen-sin-datos p {
@@ -985,7 +939,6 @@ color: #232323;
 
 .contenedor-titulo-actos img {
   width: 4.5rem;
-  // filter: invert(100%) sepia(50%) saturate(39%) hue-rotate(180deg) brightness(580%) contrast(100%);
 }
 
 
@@ -1293,20 +1246,14 @@ min-height: 60px !important;
 
 .avatar-container {
   position: relative;
-  width: 120px;
-  height: 120px;
+  width: 130px;
+  height: 130px;
+  border: 8px solid var(--color-700);
   border-radius: 50%;
   overflow: hidden;
-  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%);
+  text-align: center
 }
-*/
+
 .card-cargo .avatar-container {
   height: 90px !important;
   border: 6px solid var(--color-700) !important;
@@ -1456,7 +1403,8 @@ min-height: 60px !important;
 
   .avatar-container{
     width: 100px !important;
-    height: 100px;
+    height: 100px !important;
+    border: solid 5px var(--color-700) !important;
     }
 
     .menu-accordeon {
@@ -1481,6 +1429,8 @@ 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 {
@@ -1658,6 +1608,8 @@ 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 {
@@ -2757,15 +2709,6 @@ 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;
 }
@@ -3076,6 +3019,16 @@ 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%;
@@ -3479,11 +3432,6 @@ 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;
 }
@@ -3508,12 +3456,6 @@ 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;
@@ -3575,10 +3517,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;
@@ -3819,7 +3761,7 @@ td.GrupoColor {
   display: flex;
   align-items: center;
   text-align: center;
-  padding: 7% 4% 5%;
+  padding: 14% 4% 5%;
   justify-content: center;
 }
 
@@ -3900,8 +3842,8 @@ td.GrupoColor {
 }
 
 .avatar-image {
-  width: 100%;
-  height: 100%;
+  width: 104%;
+  height: 110%;
   object-fit: cover;
 }
 
@@ -4720,6 +4662,7 @@ background: var(--color-75) !important;
 
 
   .imagen-menu {
+    background: var(--color-85);
     border-radius: 5px;
     min-width: 100px;
     max-width: 150px;
@@ -4735,7 +4678,6 @@ 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 {