general-library-union 3.3.71 → 3.3.72

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

@@ -10,6 +10,30 @@ body {
   color: #fff !important;
 }
 
+
+#cumpleanos .p-panel {
+  border-radius: 20px;
+  box-shadow: 0 0px 15px #0000001f !important;
+}
+
+
+#cumpleanos .datos-cumple{
+  display: flex;
+  background: #323037;
+  margin: 8%;
+  padding: 3%;
+  border-radius: 10px;
+  box-shadow: 0px 0px 11px #0000006b;
+}
+
+#cumpleanos .card-cargo .avatar-container-cumple {
+  box-shadow:0px 0px 12px 3px rgb(0 0 0 / 17%);
+}
+
+
+#cumpleanos .card-cargo .avatar-container-cumple img.us-foto-perfil-cumple.avatar-image {
+  background: #323037 !important;
+}
 /******************************************************************************
  * scrollbar styles
  *****************************************************************************/
@@ -134,43 +158,43 @@ body {
 }
 
 
+/******************************************************************************
+ * 404 styles
+ *****************************************************************************/
+
 /******************************************************************************
  * 404 styles
  *****************************************************************************/
  #not-found {
-  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');
+  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');
   background-size: cover;
 
 
   .card-container{
-      height: auto;
-      min-height: 100vh;
+      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: 20px;
-    right: 15%;
- 
     }
 
-
   h4 {
       color: $white;
-      background: linear-gradient(to bottom, us-color(400), us-color(600));
+      background: linear-gradient(to bottom, us-color(300), us-color(500));
       -webkit-text-stroke: 0.5rem transparent;
       -webkit-background-clip: text;
       background-clip: text;
@@ -183,7 +207,7 @@ body {
 
       @include breakpoint(large) {
           font-size: 8rem;
-          -webkit-text-stroke: 0.99rem transparent;
+          -webkit-text-stroke: 0.75rem transparent;
           -webkit-background-clip: text;
           background-clip: text;
           text-align: left;
@@ -191,31 +215,51 @@ body {
   }
 
   h5 {
-      font-size: 2.5rem;
-      font-weight: 500;
+      font-size: 2rem;
+      font-weight: 600;
       margin: 0;
       margin-bottom: 20px;
       text-align: left;
-      margin-top: 15%;
       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.6rem 4rem;
-      margin-bottom: 7%;
-      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: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
+ 
+}
+
 #not-found .p-button {
-  box-shadow: 0px 0px 10px hsla(var(--color-h), 100%, 60%, 0.7);
+  padding: 0.6rem 4rem;
 }
 
 #not-found .p-inputgroup-search {
@@ -242,11 +286,22 @@ body {
   z-index: initial;
 }
 
+
+
 #not-found .no-found-input {
   border-radius: 0px 5px 5px 0px !important;
   border-left: none !important;
 }
 
+#not-found .card-container h6 {
+  font-size: 0.9rem;
+  color: #888888;
+  margin: 5% 0px;
+  font-weight: 500;
+  margin: 0;
+}
+
+
 
 @media (max-width:1440px){
 
@@ -271,30 +326,67 @@ body {
 
 @media only screen and (max-width:1600px) and (min-width:1360px){
 
+#not-found img {
+  max-width: 22rem;
+  margin: 0 auto;
+  display: table;
+}
+
+#not-found h5{
+color: #232323;
+}
 
+}
 
-#not-found img {
-  max-width: 32rem;
+@media (max-width:768px){
 
+  #not-found img {
+    max-width: 26rem;
+    margin: 0 auto;
+    display: table;
+    position: inherit;
+    margin-top: 4%;
 }
 
 
+#not-found .p-inputgroup {
+  display: table;
+  margin: auto;
 }
 
-@media (max-width:768px){
-  #not-found button{
-    font-size: 1rem;
-  }
+#not-found p {
+  text-align: center;
+}
 
-  #not-found img{
-    max-width: 17rem;
-  }
 
   #not-found h4{
     font-size: 7rem;
-    text-align: left;
+    text-align: center;
+
   }
 
+  #not-found h5 {
+    text-align: center;
+    color: #232323;
+}
+
+  .flex.align-items-center.justify-content-center {
+    display: table !important;
+
+}
+
+#not-found .card-container h6 {
+  font-size: 0.9rem;
+  color: #888888;
+  font-weight: 500;
+  text-align: center;
+}
+
+#not-found button {
+  display: table;
+  margin: 0 auto;
+}
+
 }
 
 @media (max-width:600px){
@@ -333,11 +425,20 @@ body {
     margin: 0 auto;
 }
 
-.flex.align-items-center.justify-content-center {
-  display: table !important;
+#not-found .card-container h6 {
+  font-size: 0.9rem;
+  color: #888888;
+  font-weight: 500;
+  text-align: center;
 }
+
+
+#not-found button {
+  display: table;
+  margin: 0 auto;
 }
 
+}
 
 
 
@@ -346,35 +447,33 @@ body {
  * Timeout styles
  *****************************************************************************/
 
-#timeout {
-  background: linear-gradient(to bottom, #fffcfc, #8e8e8e);
+
+ #timeout {
+  width: 100%;
+  height: 100%;
+ background:#fff;
+ 
 
   .card-container {
-    height: auto;
-    min-height: 100vh;
+    height: 100vh;
   }
 
   img {
-    max-width: 52rem;
+    max-width: 38rem;
     width: 100%;
   }
 
   h4 {
+
     color: $white;
-    background: linear-gradient(to bottom, #33302e, #757575);
-    -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;
@@ -382,28 +481,47 @@ body {
   }
 
   button {
+    cursor: pointer;
     padding: 0.5rem 6rem;
-    background: #232323;
+    background: #fff;
+    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%;
+   
+}
+
 }
 
+#timeout button:hover{
+  background: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
+}
+
+
 #timeout .p-button {
-  box-shadow: 0 0 10px hsl(0deg 0% 0% / 56%);
-  background: #39373f;
+  box-shadow: 0px 0px 10px hsla(var(--color-h), 100%, 60%, 0.7);
 }
 
+
 .p-divider {
   .p-divider-content {
       background-color: transparent;
       width: 100%;
-      border-bottom: solid 1px #39373f;    
-      color: #fff;
+      border-bottom: solid 1px var(--color-100);    
+      color: #232323;
 
   }
 }
 
+
 @media (max-width:1440px) {
 
   #timeout {
@@ -427,15 +545,14 @@ body {
 
   #timeout {
     h4 {
-      font-size: 4rem;
+      font-size: 2rem;
       -webkit-text-stroke: 0.65rem transparent;
     }
 
+
   }
 }
 
-
-
 @media (max-width:768px){
 
   #timeout h4 {
@@ -454,7 +571,6 @@ body {
     font-size: 2rem !important;
 }
 
-
 #timeout img {
   margin: 0 auto;
   text-align: center;
@@ -463,7 +579,6 @@ body {
 }
 
 
-
 /******************************************************************************
  * Tag styles
  *****************************************************************************/
@@ -606,6 +721,18 @@ body {
   transition: transform 0.8s ease-in-out; /* Mueve la bolita a la posición de "on" */
 }
 
+.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
@@ -890,7 +1017,6 @@ body {
   margin: 0 auto;
   display: table;
   text-align: center;
-  padding: 2%;
 }
 
 .centrar-contenedor-imagen-sin-datos p {
@@ -1181,11 +1307,11 @@ margin-left: 10px;
 }
 
 .layout-topbar .layout-topbar-end .layout-topbar-actions-end .layout-topbar-items>li>div {
-  box-shadow: 0 3px 12px rgb(30 28 26 / 40%) !important;
+  box-shadow: 0 3px 12px rgb(30 28 26 / 80%) !important;
 }
 
 .layout-topbar .layout-topbar-end .layout-topbar-actions-end .layout-topbar-items > li > div {
-  background: #262626 !important;
+  background:#111111 !important;
 }
 
 .layout-sidebar .layout-menu .active-menuitem ul li a {
@@ -1292,12 +1418,13 @@ margin-left: 10px;
 
 .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;
+  border: solid 2px #fff;
 }
 
 .card-cargo .avatar-container {
@@ -1313,8 +1440,8 @@ margin-left: 10px;
 }
 
 .avatar-image {
-  width: 104%;
-  height: 110%;
+  width: 100%;
+  height: 100%;
   object-fit: cover;
 }
 
@@ -1459,8 +1586,6 @@ margin-left: 10px;
 
   .avatar-container{
     width: 100px !important;
-    height: 100px !important;
-    border: solid 5px var(--color-700) !important;
     }
 
     .menu-accordeon {
@@ -1486,8 +1611,7 @@ margin-left: 10px;
 
     .avatar-container{
       width: 70px !important;
-      height: 70px !important;
-      border: 5px solid var(--color-700) !important;
+
     }
 
     .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
@@ -1668,8 +1792,6 @@ margin-left: 10px;
 
     .avatar-container {
       width: 60px !important;
-      height: 100px !important;
-      border: 5px solid var(--color-700) !important;
   }
 
   .hojavida .p-tabview.p-component .justify-content-end {
@@ -1889,7 +2011,7 @@ margin-left: 10px;
 }
 
 
-.p-second-picker {
+.zp-second-picker {
   position: relative;
 }
 
@@ -2949,6 +3071,10 @@ span{
 /******************************************************************************
  * Tabla spinner styles
  *****************************************************************************/
+
+ #id_listado_ejecucion_reporte_externo .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #1e1e1e !important;
+}
  
 
 .p-datatable .p-datatable-loading-icon {
@@ -3012,9 +3138,18 @@ span{
   border-right: none !important;
 }
 
-.FormaImagen {
-  background: #39373f !important;
-}
+// .Formaimagen {
+//   border-radius: 50%;
+//   padding: 1.5% !important;
+//   background: #39373f;
+//   box-shadow: 0px 0px 6px #39373f;
+  
+  
+//    img {
+//     display: table;
+//     margin: 0 auto;
+//   }
+// }
 
 .menu-accion-sara .p-menubar .p-menuitem:last-child {
   border-right: none !important;
@@ -3333,12 +3468,11 @@ li.btn-descarga-masiva a {
 
 .empleado {
   background: #313037;
-  padding: 0.5% 3% 0.5%;
+  padding: 2% 3% 1%;
   border-radius: 5px;
   margin-bottom: 5px;
 
   h1 {
-    margin-top: 15px !important;
     color: var(--color-800);
     margin-bottom: 10px;
   }
@@ -3371,15 +3505,6 @@ li.btn-descarga-masiva a {
   }}
 
 
-.avatar-container {
-  position: relative;
-  width: 130px;
-  height: 130px;
-  border: 8px solid #4f4f5f;
-  border-radius: 50%;
-  overflow: hidden;
-  text-align: center
-}
 
 
 p.chip {
@@ -3419,6 +3544,14 @@ p.chip {
   opacity: 0.5;
  }
 
+
+.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);
+}
+
+
  input::-webkit-search-cancel-button {
   -webkit-appearance: none;
   appearance: none;
@@ -3903,6 +4036,16 @@ button:focus-visible {
  * TABLAS styles
  *****************************************************************************/
 
+ #id_listado_ejecucion_reporte_externo .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #1e1e1e !important;
+}
+
+app-listado-solicitud .p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: #1e1e1e !important;
+}
+
+
+
  table tr td.flex.justify-content-end.align-items-center button {
   margin: 10px 4px;
 }
@@ -5690,7 +5833,7 @@ background: var(--color-75) !important;
 
 
 .imagen-menu {
-    background: #39373f;
+
     border-radius: 5px;
     min-width: 100px;
     max-width: 150px;
@@ -6019,12 +6162,12 @@ img#footer-logo::before {
 
 
 .layout-topbar div div div div div a {
-  background: #262626 !important;
+  background: #111111 !important;
   color: #fff !important;
 }
 
 .layout-topbar div div div div div a:hover {
-  background: #121212 !important;
+  background: #25252b !important;
   transition: 0.2s;
 }