body {font-family: Arial, sans-serif;}
* {font-size:14px;}

th {cursor: pointer;}
th.asc::after {content: "";}
th.desc::after {content: "";}

a {text-decoration:none;text-decoration-line: none;}
a:link, a:visited {text-decoration:none;}

.align-items-end {align-items:end;}
.align-items-first-baseline {align-items:first baseline;}
.align-items-flex-end {align-items:flex-end;}
.align-items-flex-start {align-items:flex-start;}
.align-items-inherit {align-items:inherit;}
.align-items-initial {align-items:initial;}
.align-items-last {align-items:end;}
.align-items-last-baseline {align-items:last baseline;}
.align-items-normal {align-items:normal;}
.align-items-revert{align-items:revert;}
.align-items-revert-layer {align-items:revert-layer;}
.align-items-safe-center {align-items:safe center;}
.align-items-self-end {align-items:self-end;}
.align-items-self-start {align-items:self-start;}
.align-items-start {align-items:start;}
.align-items-stretch {align-items:stretch;}
.align-items-unsafe-center {align-items:unsafe center;}
.align-items-unset {align-items:unset;}
.align-self-auto {align-self:auto;}
.align-self-baseline{align-self:baseline;}
.align-self-center{align-self:center;}
.align-self-end{align-self:end;}
.align-self-first-baseline{align-self:first baseline;}
.align-self-flex-end{align-self:flex-end;}
.align-self-flex-start{align-self:flex-start; }
.align-self-inherit{align-self:inherit;}
.align-self-initial{align-self:initial;}
.align-self-last-baseline{align-self:last baseline;}
.align-self-normal{align-self:normal;}
.align-self-revert{align-self:revert;}
.align-self-revert-layer{align-self:revert-layer;}
.align-self-safe-center{align-self:safe center;}
.align-self-self-end{align-self:self-end; }
.align-self-self-start{align-self:self-start;}
.align-self-start{align-self:start;}
.align-self-stretch{align-self:stretch;}
.align-self-unsafe-center{align-self:unsafe center;}
.align-self-unset{align-self:unset;}
.align-tracks-center{align-tracks:center;}
.align-tracks-inherit{align-tracks:inherit;}
.align-tracks-initial{align-tracks:initial;}
.align-tracks-revert{align-tracks:revert;}
.align-tracks-revert-layer{align-tracks:revert-layer;}
.align-tracks-space-between{align-tracks:space-between;}
.align-tracks-start{align-tracks:start;}
.align-tracks-start-center-end{align-tracks:start, center, end;}
.align-tracks-unset{align-tracks:unset;}

.animation-delay-0s{animation-delay:0s;}
.animation-delay-1500ms{animation-delay:-1500ms;}
.animation-delay-21s480ms{animation-delay:2.1s, 480ms;}
.animation-delay-3s{animation-delay:3s;}
.animation-delay-inherit{animation-delay:inherit;}
.animation-delay-initial{animation-delay:initial;}
.animation-delay-revert{animation-delay:revert;}
.animation-delay-revert-layer{animation-delay:revert-layer;}
.animation-delay-unset{animation-delay:unset;}

.bg-servicio {background-color:rgb(213,245,227);}
.bg-servicio:hover {background-color:rgb(213,245,227);}
.bg-black {background-color:rgb(0,0,0);}
.bg-black-25 {background-color:rgb(0,0,0,0.25);}
.bg-black-50 {background-color:rgb(0,0,0,0.50);}
.bg-black-75 {background-color:rgb(0,0,0,0.75);}
.bg-blue {background-color:rgb(0,0,255);}
.bg-blue-25 {background-color:rgb(0,0,255,0.25);}
.bg-blue-50 {background-color:rgb(0,0,255,0.50);}
.bg-blue-75 {background-color:rgb(0,0,255,0.75);}
.bg-brown {background-color:rgb(165,42,42);}
.bg-brown-25 {background-color:rgb(165,42,42,0.25);}
.bg-brown-50 {background-color:rgb(165,42,42,0.50);}
.bg-brown-75 {background-color:rgb(165,42,42,0.75);}

.bg-cabecera {background-color:rgb(0,0,255);}
.bg-cabecera {color:rgb(255, 255, 255);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}

.bg-cabecera-titulo {background-color:rgb(0,0,255);color:rgb(255,255,0);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-green {background-color:rgb(0,128,0);color:rgb(255,255,255);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-red {background-color:rgb(255,0,0);color:rgb(255,255,255);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cab-servicio {background-color:rgb(171, 235, 198);color:rgb(0,0,0);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-servicio {background-color:rgb(255,255,255);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-caption-servicio {background-color:rgb(171, 235, 198);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:20px 5px;min-width:50px;text-align:left;text-decoration:none;}

.bg-cab-servicio-hl {background-color:rgb(165, 213, 245);color:rgb(0,0,0);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-servicio-hl {background-color:rgb(255,255,255);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-caption-servicio-hl {background-color:rgb(165, 213, 245);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:20px 5px;min-width:50px;text-align:left;text-decoration:none;}

.bg-cab-reclamacion {background-color:rgb(241, 148, 138);color:rgb(0,0,0);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-reclamacion {background-color:rgb(255,255,255);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-caption-reclamacion {background-color:rgb(241, 148, 138);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:20px 5px;min-width:50px;text-align:left;text-decoration:none;}

.bg-cab-reclamacion-hl {background-color:rgb(165, 213, 245);color:rgb(0,0,0);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-cabecera-reclamacion-hl {background-color:rgb(255,255,255);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:50px;text-align:center;text-decoration:none;}
.bg-caption-reclamacion-hl {background-color:rgb(165, 213, 245);color:rgb(0,0,0);border:1px solid rgb(0,0,0);border-collapse:separate;font-size:20px;font-weight:bold;word-wrap:break-word;padding:20px 5px;min-width:50px;text-align:left;text-decoration:none;}

.bg-expcabecera {background-color:rgb(0,0,255);color:rgb(255,255,255);border:1px solid rgb(255,255,255);border-collapse:separate;font-weight:bold;word-wrap:break-word;padding:10px 5px;min-width:5px;text-align:center;text-decoration:none;}

.bg-Calendar {background-color:rgb(153,163,164);}
.bg-Calendar-dia {background-color:rgb(52,73,94);}
.bg-cancel {background-color:rgb(255,0,0);}
.bg-cancel:hover {background-color:rgb(255,0,0);}
.bg-cyan {background-color:rgb(0,255,255);}
.bg-cyan-25 {background-color:rgb(0,255,255,0.25);}
.bg-cyan-50 {background-color:rgb(0,255,255,0.50);}
.bg-cyan-75 {background-color:rgb(0,255,255,0.75);}
.bg-dialog {background-color:rgb(128,128,128);}
.bg-dialog-25 {background-color:rgb(128,128,128,0.25);}
.bg-dialog-50 {background-color:rgb(128,128,128,0.50);}
.bg-dialog-75 {background-color:rgb(128,128,128,0.75);}
.bg-fondo {background-color:rgb(0,0,255);}
.bg-fondo-05 {background-color:rgb(0,0,255,0.05);text-decoration: none;}
.bg-fondo-10 {background-color:rgb(0,0,255,0.10);}
.bg-fondo-15 {background-color:rgb(0,0,255,0.15);}
.bg-fondo-20 {background-color:rgb(0,0,255,0.20);}
.bg-fondo-25 {background-color:rgb(0,0,255,0.25);}
.bg-fondo-30 {background-color:rgb(0,0,255,0.30);}
.bg-fondo-35 {background-color:rgb(0,0,255,0.35);}
.bg-fondo-40 {background-color:rgb(0,0,255,0.40);}
.bg-fondo-45 {background-color:rgb(0,0,255,0.45);}
.bg-fondo-50 {background-color:rgb(0,0,255,0.50);}
.bg-fondo-55 {background-color:rgb(0,0,255,0.55);}
.bg-fondo-60 {background-color:rgb(0,0,255,0.60);}
.bg-fondo-65 {background-color:rgb(0,0,255,0.65);}
.bg-fondo-70 {background-color:rgb(0,0,255,0.70);}
.bg-fondo-75 {background-color:rgb(0,0,255,0.75);}
.bg-fondo-80 {background-color:rgb(0,0,255,0.80);}
.bg-fondo-85 {background-color:rgb(0,0,255,0.85);}
.bg-fondo-90 {background-color:rgb(0,0,255,0.90);}
.bg-fondo-95 {background-color:rgb(0,0,255,0.95);}
.bg-granate {background-color:rgb(178, 34, 34);}
.bg-gray {background-color:rgb(128,128,128);}
.bg-gray-25 {background-color:rgb(128,128,128,0.25);}
.bg-gray-50 {background-color:rgb(128,128,128,0.50);}
.bg-gray-75 {background-color:rgb(128,128,128,0.75);}
.bg-green {background-color:rgb(0,128,0);}
.bg-green-claro {background-color:rgb(234,250,241);}
.bg-green-01 {background-color:rgb(213,245,227 );}
.bg-green-25 {background-color:rgb(0,128,0,0.25);}
.bg-green-50 {background-color:rgb(0,128,0,0.50);}
.bg-green-75 {background-color:rgb(0,128,0,0.75);}
.bg-green-claro {background-color:rgb(130, 224, 170);}
.bg-image {background-image: url(https://rapitecnic.com/wp-content/uploads/rapitecnic-1-1-scaled.jpg);background-position:center ;background-size:20%;background-attachment: fixed;}
.bg-linea-1 {background-color:rgb(255,255,255);font-size:14px;}
.bg-linea-2 {background-color:rgb(229,231,233);font-size:14px;}
.bg-linea-3 {background-color:rgb(196, 245, 194);color:rgb(0, 0, 0);font-size:14px;}
.bg-linea-4 {background-color:rgb(147, 203, 235);color:rgb(0, 0, 0);font-size:14px;}

.bg-lite-blue {background-color:rgb(174, 214, 241);}
.bg-lite-green {background-color:rgb(234, 250, 241);}
.bg-lite-green1 {background-color:rgb(169, 223, 191);}
.bg-lite-brown {background-color:rgb(255, 224, 178);}
.bg-lite-red {background-color:rgb(242, 215, 213);}
.bg-lite-red1 {background-color:rgb(245, 183, 177);}
.bg-lite-yellow {background-color:rgb(252, 243, 207);}


.bg-magenta {background-color:rgb(255,0,255);}
.bg-magenta-25 {background-color:rgb(255,0,255,0.25);}
.bg-magenta-50 {background-color:rgb(255,0,255,0.50);}
.bg-magenta-75 {background-color:rgb(255,0,255,0.75);}
.bg-menu {background-color:rgb(120,66,18,0.5);}
.bg-menu:hover {background-color:rgb(120,66,18,0.8);color:rgb(255,255,255);}
.bg-orange {background-color:rgb(255,165,0);}
.bg-orange-25 {background-color:rgb(255,165,0,0.25);}
.bg-orange-50 {background-color:rgb(255,165,0,0.50);}
.bg-orange-75 {background-color:rgb(255,165,0,0.75);}
.bg-oro{background-color:rgb(234, 190, 63);}
.bg-pendiente-material {background-color:rgb(0,128,0,0.75);}
.bg-pink {background-color:rgb(255,192,203);}
.bg-pink-25 {background-color:rgb(255,192,203,0.25);}
.bg-pink-50 {background-color:rgb(255,192,203,0.50);}
.bg-pink-75 {background-color:rgb(255,192,203,0.75);}
.bg-purple {background-color:rgb(128,0,128);}
.bg-purple-25 {background-color:rgb(128,0,128,0.25);}
.bg-purple-50 {background-color:rgb(128,0,128,0.50);}
.bg-purple-75 {background-color:rgb(128,0,128,0.75);}
.bg-red {background-color:rgb(255,0,0);}
.bg-red1 {background-color:rgb(255,0,51);}
.bg-red-claro {background:rgb(255, 160, 122)}
.bg-red-25 {background-color:rgb(255,0,0,0.25);}
.bg-red-50 {background-color:rgb(255,0,0,0.50);}
.bg-red-65 {background-color:rgb(255,0,0,0.65);}
.bg-red-75 {background-color:rgb(255,0,0,0.75);}
.bg-select {background-color:#34495E;}
.bg-select:hover {background-color:#99A3A4;}
.bg-submit {background-color:rgb(0,128,0);}
.bg-submit:hover {background-color:rgb(0,128,0);}
.bg-title {background-color:rgb(120,66,18);}
.bg-title-25 {background-color:rgb(120,66,18,0.25);}
.bg-title-375{background-color:rgb(120,66,18,0.75);}
.bg-title-50 {background-color:rgb(120,66,18,0.50);}
.bg-white {background-color:rgb(255,255,255);}
.bg-white-25 {background-color:rgb(255,255,255,0.25);}
.bg-white-50 {background-color:rgb(255,255,255,0.50);}
.bg-white-75 {background-color:rgb(255,255,255,0.75);}
.bg-yellow {background-color:rgb(255,255,0);}
.bg-yellow-01 {background-color:rgb(252,243,207);}
.bg-yellow-25 {background-color:rgb(255,255,0,0.25);}
.bg-yellow-50 {background-color:rgb(255,255,0,0.50);}
.bg-yellow-75 {background-color:rgb(255,255,0,0.75);}

.bienvenida {text-align: center;padding: 2%;color: #fff;}

.bg-5000 {background-color:rgb(254,249,231 );}
.bg-10000 {background-color:rgb(252,243,207 );}
.bg-15000 {background-color:rgb(249, 231, 159 );}
.bg-20000 {background-color:rgb(249, 231, 159 );}
.bg-30000 {background-color:rgb(247, 220, 111  );}
.bg-35000 {background-color:rgb(244, 208, 63);}
.bg-45000 {background-color:rgb(2241, 196, 15 );}
.bg-55000 {background-color:rgb(212, 172, 13 );}
.bg-65000 {background-color:rgb(183, 149, 11 );}


.border-10 {border:10px solid;border-collapse:separate;}
.border-10w {border:10px solid rgb(255,255,255);border-collapse:separate;}

.border-1-black {border:1px solid rgb(0,0,0);border-collapse:separate;}
.border-1-gray {border:1px solid rgb(128,128,128);border-collapse:separate;}
.border-1-red {border:1px solid rgb(255,0,0);border-collapse:separate;}
.border-1w {border:1px solid rgb(255,255,255);border-collapse:separate;}
.border-1-white {border:1px solid rgb(255,255,255);border-collapse:separate;}
.border-2 {border:2px solid;border-collapse:separate;}
.border-2-black {border:2px solid rgb(0,0,0);border-collapse:separate;}
.border-2w {border:2px solid rgb(255,255,255);border-collapse:separate;}
.border-3 {border:3px solid;border-collapse:separate;}
.border-3-blue {border:3px solid rgb(0,0,255);border-collapse:separate;}
.border-3w {border:3px solid rgb(255,255,255);border-collapse:separate;}
.border-4 {border:4px solid;border-collapse:separate;}
.border-4w {border:4px solid rgb(255,255,255);border-collapse:separate;}
.border-5 {border:5px solid;border-collapse:separate;}
.border-5-blue {border:3px solid rgb(0,0,255);border-collapse:separate;}
.border-5r {border:5px solid rgb(255,0,0);border-collapse:separate;}
.border-5w {border:5px solid rgb(255,255,255);border-collapse:separate;}
.border-none {border:none;border-collapse:separate;}

.border-bottom-1-black {border-bottom:1px solid rgb(0,0,0);border-collapse:separate;}

.button-cancel {background-color:rgb(255,0,0);border:2px rgb(255,0,0);border-radius:10px;color:rgb(255,255,255);font-weight:bold;height:60px;width:200px;}
.button-cancel:hover {background-color:rgb(255,0,0,0.75);color:rgb(255,255,255);cursor:pointer;font-weight:bold;}
.button-filter {background-color:rgb(0,0,255);border:2px rgb(0,0,255);border-radius:10px;color:rgb(255,255,255);font-weight:bold;height:40px;width:200px;}
.button-filter:hover {background-color:rgb(0,0,255,0.75);color:rgb(255,255,255);font-weight:bold;cursor:pointer;}
.button-search {background-color:rgb(0,0,255);border:2px rgb(0,0,255);border-radius:10px;color:rgb(255,255,255);font-weight:bold;height:60px;width:200px;}
.button-search:hover {background-color:rgb(0,0,255,0.75);color:rgb(255,255,255);font-weight:bold;cursor:pointer;}
.button-send {background-color:rgb(0,128,0);border:2px rgb(0,128,0);border-radius:10px;color:rgb(255,255,255);font-weight:bold;height:40px;width:130px;}
.button-send:hover {background-color:rgb(0,128,0,0.75);color:rgb(255,255,255);cursor:pointer;font-weight:bold;}
.button-submit {background-color:rgb(0,128,0);border:2px rgb(0,128,0);border-radius:10px;color:rgb(255,255,255);font-weight:bold;height:60px;width:80%;}
.button-submit:hover {background-color:rgb(0,128,0,0.75);color:rgb(255,255,255);cursor:pointer;font-weight:bold;}

.chart-container {border:4 solid magenta; max-width:100%;margin: auto;height:70%;border:0px solid;}

.color-azul {background-color:rgb(0,0,255,0.5);color:black;}
.color-black {color:black;}
.color-blanco {color:rgb(255,255,255);}
.color-blue {color:rgb(0,0,255);}
.color-brown {color:rgb(165,42,42);}
.color-c5c5c5 {color:#c5c5c5;}
.color-cyan {color:rgb(0,255,255);}
.color-gray {color:rgb(128,128,128);}
.color-green {color:rgb(0,128,0);}
.color-magenta {color:Magenta;}
.color-marron {background-color:rgb(165,42,42,0.5);color:black;}
.color-naranja {background-color:rgb(255,165,0,0.5);color:black;}
.color-orange {color:Orange;}
.color-pink {color:Pink;}
.color-purple {color:Purple;}
.color-red {color:rgb(255,0,0);}
.color-rojo {background-color:rgb(255,0,0,0.5);color:black;}
.color-white {color:rgb(255,255,255);}
.color-yellow {color:Yellow;}

.display-block {display:block;}
.display-block-flex {display:block flex;}
.display-block-flow {display:block flow;}
.display-block-flow-root {display:block flow-root;}
.display-block-grid {display:block grid;}
.display-contents {display:contents;}
.display-flex {display:flex;}
.display-flow-root {display:flow-root;}
.display-grid {display:grid;}
.display-inherit {display:inherit;}
.display-initial {display:initial;}
.display-inline {display:inline;}
.display-inline-block {display:inline-block;}
.display-inline-flex {display:inline flex;}
.display-inline-flex {display:inline-flex;}
.display-inline-flow {display:inline flow;}
.display-inline-flow-root {display:inline flow-root;}
.display-inline-grid {display:inline grid;}
.display-inline-grid {display:inline-grid;}
.display-list-item {display:list-item;}
.display-none {display:none;}
.display-revert {display:revert;}
.display-revert-layer {display:revert-layer;}
.display-table {display:table;}
.display-table-n {display:table;background-color:rgb(0,128,0);border:10px solid rgb(255,255,255);}
.display-table-row {display:table-row;}
.display-unset {display: unset;}

.forms{padding:2px 5px;}

.font-12 {font-size:12px;}
.font-14 {font-size:14px;}
.font-16 {font-size:16px;}
.font-18 {font-size:18px;}

.font-24 {font-size:24px;}
.font-30 {font-size:30px;} 
.font-32 {font-size:32px;}
.font-36 {font-size:36px;}
.font-45 {font-size:45px;}
.font-bold {font-weight:bold;}
.font-family{font-family: arial, sans-serif;}
.font-normal {font-weight:normal;}

.gap-0 {gap:0px;}
.gap-1 {gap:1px;}
.gap-10 {gap:10px;}
.gap-15 {gap:15px;}
.gap-2 {gap:2px;}
.gap-20 {gap:20px;}
.gap-25 {gap:25px;}
.gap-3 {gap:3px;}
.gap-30 {gap:30px;}
.gap-4 {gap:4px;}
.gap-40 {gap:40px;}
.gap-5 {gap:5px;}
.gap-6 {gap:6px;}
.gap-8 {gap:8px;}

.grid-cols-asignados-13{grid-template-columns:140px 50px 50px repeat(10,auto);}
.grid-cols-asignados-16{grid-template-columns:140px 50px 50px repeat(13,auto);}

.grid-incidencias {grid-template-columns:140px 60px 100px 100px auto;}
.grid-dashboard {grid-template-columns:repeat(9,auto);}

.grid-columns-10 {grid-template-columns:repeat(10,auto);}
.grid-columns-11 {grid-template-columns:repeat(11,auto);}
.grid-columns-12 {grid-template-columns:repeat(12,auto);}
.grid-columns-13 {grid-template-columns:repeat(13,auto);}
.grid-columns-14 {grid-template-columns:repeat(14,auto);}
.grid-columns-15 {grid-template-columns:repeat(15,auto);}
.grid-columns-16 {grid-template-columns:repeat(16,auto);}
.grid-columns-17 {grid-template-columns:repeat(17,auto);}
.grid-columns-18 {grid-template-columns:repeat(18,auto);}
.grid-columns-19 {grid-template-columns:repeat(19,auto);}
.grid-columns-20 {grid-template-columns:repeat(20,auto);}
.grid-columns-21 {grid-template-columns:repeat(21,auto);}
.grid-columns-22 {grid-template-columns:repeat(22,auto);}
.grid-columns-23 {grid-template-columns:repeat(23,auto);}
.grid-columns-24 {grid-template-columns:repeat(24,auto);}
.grid-columns-25 {grid-template-columns:repeat(25,auto);}
.grid-columns-26 {grid-template-columns:repeat(26,auto);}
.grid-columns-27 {grid-template-columns:repeat(27,auto);}
.grid-columns-28 {grid-template-columns:repeat(28,auto);}
.grid-columns-29 {grid-template-columns:repeat(29,auto);}
.grid-columns-30 {grid-template-columns:repeat(30,auto);}
.grid-columns-31 {grid-template-columns:repeat(31,auto);}
.grid-columns-32 {grid-template-columns:repeat(32,auto);}
.grid-columns-33 {grid-template-columns:repeat(33,auto);}
.grid-columns-34 {grid-template-columns:repeat(34,auto);}
.grid-columns-35 {grid-template-columns:repeat(35,auto);}
.grid-columns-36 {grid-template-columns:repeat(36,auto);}
.grid-columns-37 {grid-template-columns:repeat(37,auto);}
.grid-columns-38 {grid-template-columns:repeat(38,auto);}
.grid-columns-39 {grid-template-columns:repeat(39,auto);}
.grid-columns-40 {grid-template-columns:repeat(40,auto);}

.grid-columns-auto-1{grid-template-columns:auto;}
.grid-columns-auto-2{grid-template-columns:auto auto;}
.grid-columns-auto-3{grid-template-columns:auto auto auto;}
.grid-columns-auto-4{grid-template-columns:auto auto auto auto;}
.grid-columns-auto-5{grid-template-columns:auto auto auto auto auto;}
.grid-columns-auto-6{grid-template-columns:auto auto auto auto auto auto;}
.grid-columns-auto-7{grid-template-columns:repeat(6,auto);}

.grid-columns-nav{grid-template-columns:5fr 4fr auto;}

.grid-template-rows-fit-content-40{grid-template-rows: fit-content(40%);}
.grid-template-rows-inherit{grid-template-rows: inherit;}
.grid-template-rows-initial{grid-template-rows: initial;}
.grid-template-rows-masonry{grid-template-rows: masonry;}
.grid-template-rows-minmax-100px{grid-template-rows: minmax(100px, 1fr);}
.grid-template-rows-none{grid-template-rows: none;}
.grid-template-rows-repeat-3-200{grid-template-rows: repeat(3, 200px);}
.grid-template-rows-revert{grid-template-rows: revert;}
.grid-template-rows-revert-layer{grid-template-rows: revert-layer;}
.grid-template-rows-subgrid{grid-template-rows: subgrid;}
.grid-template-rows-unset{grid-template-rows: unset;}

.height-100{height:100%;}
.height-100px{height:100px;}
.height-100vh{height:100vh;}
.height-15px{height:15px;}
.height-30{height:30%;}
.height-300px{height:300px;}
.height-30px{height:30px;}
.height-40{height:40%;}
.height-40px{height:40px;}
.height-50{height:50%;}
.height-50px{height:50px;}
.height-60{height:60%;}
.height-60px{height:60px;}
.height-70{height:70%;}
.height-70px{height:70px;}
.height-80{height:80%;}
.height-80px{height:80px;}
.height-80vh{height:80vh;}
.height-90{height:90%;}
.height-90px{height:90px;}
.height-90vh{height:90vh;}
.height-auto{height:auto;}

.input-date {border-radius:10px;height:39px;font-size:14px;padding-left:15px; width:50%;}
.input-date-nav {border-radius:10px;height:39px;font-size:14px;padding-left:15px; width:140px;margin-left:10px;}
.input-text-0 {border-radius:10px;height:40px;font-size:18px;width:100%;}
.input-text-1 {border-radius:10px;font-size:18px;width:100%;}
.input-text-filtrar {border-radius:10px;height:40px;font-size:14px;padding-left:15px; width:200px;margin-left:10px;}

.input-empresa {border-radius:10px;height:40px;font-size:18px;width:100%;padding:10px;}
.input-password {border-radius:10px;height:40px;font-size:18px;width:95%;padding:10px;}
.input-users {border-radius:10px;height:40px;font-size:18px;width:95%;padding:10px;}

.justify-content-center {justify-content:center;}
.justify-content-end {justify-content:end;}
.justify-content-start {justify-content:start;}

.margin-0 {margin:0px;}
.margin-10 {margin:10px 10px 10px 10px;}
.margin-20 {margin:20px;}
.margin-auto {margin:auto;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:15px;}
.margin-left-20 {margin-left:20px;}
.margin-left-25 {margin-left:25px;}
.margin-left-5 {margin-left:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-20 {margin-right:20px;}
.margin-top-10 {margin-top:10px;}
.margin-top-150 {margin-top:150px;}
.margin-top-20 {margin-top:20px;}
.margin-top-25 {margin-top:25px;} 
.margin-top-30 {margin-top:30px;}
.margin-top-5 {margin-top:5px;}
.margin-top-50 {margin-top:50px;}

.max-height-100 {max-height:100px;}
.max-height-150 {max-height:150px;}
.max-height-180 {max-height:180px;}
.max-height-300 {max-height:300px;}
.max-height-600 {max-height:600px;}
.max-width-100 {max-width:100px;}
.max-width-150 {max-width:150px;}
.max-width-180 {max-width:180px;}
.max-width-300 {max-width:300px;}
.max-width-5 {max-width:5px;}

.min-height-100 {min-height:100px;}
.min-height-150 {min-height:150px;}
.min-height-180 {min-height:180px;}

.min-width-100 {min-width:100px;}
.min-width-130 {min-width:130px;}
.min-width-150 {min-width:150px;}
.min-width-180 {min-width:180px;}
.min-width-50 {min-width:50px;}
.min-width-5 {min-width:5x;}

.modal {background-color:rgb(0,0,0,0.8); border:0px solid;height:100vh;left:0;position:fixed;top:0;width:100vw;}
.modal_content {border:10px solid #000000;grid-template-columns:auto;margin:10%;padding:20px;width:30%;height:70%}

.overflow-wrap {overflow-wrap: break-word;}
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {overflow-y: auto;}
.overflow-x-scroll {overflow-x: auto;max-height:25px;width:200px;}

.padding-0 {padding:0px;}
.padding-1 {padding:1px;}
.padding-10 {padding:10px;}
.padding-10-10 {padding:10px 10px;}
.padding-10-2 {padding:10px 2px;}
.padding-10-5 {padding:10px 5px;}
.padding-15 {padding:15px;}
.padding-2 {padding:2px;}
.padding-20 {padding:20px;}
.padding-20-2 {padding:20px 2px;}
.padding-20-5 {padding:20px 5px;}
.padding-25 {padding:25px;}
.padding-3 {padding:3px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-5 {padding:5px;}
.padding-5-10 {padding:5px 10px;}
.padding-5-2 {padding:5px 2px;}
.padding-5-5 {padding:5px 5px;}
.padding-6 {padding:6px;}
.padding-8 {padding:8px;}
.padding-auto {padding:auto;}
.padding-left-1 {padding-left:1px;}
.padding-left-10 {padding-left:10px;}
.padding-left-20 {padding-left:20px;}
.padding-left-25 {padding-left:25px;}
.padding-left-30 {padding-left:30px;}
.padding-top-10 {padding-top:10px;}

.radius-10 {border-radius:10px;}
.radius-15 {border-radius:15px;}
.radius-2 {border-radius:2px;}
.radius-20 {border-radius:20px;}
.radius-3 {border-radius:3px;}
.radius-30 {border-radius:30px;}
.radius-4 {border-radius:4px;}
.radius-40 {border-radius:40px;}
.radius-5 {border-radius:5px;}
.radius-50 {border-radius:50px;}
.radius-6 {border-radius:6px;}
.radius-60 {border-radius:60px;}
.radius-7 {border-radius:7px;}
.radius-8 {border-radius:8px;}
.radius-9 {border-radius:9px;}
.rotate-text {transform:rotate(-90);}

.select-ejer-nav {border-radius:10px;height:39px;font-size:14px;padding:auto;padding-left:15px; width:90px;}
.select-empresa {border-radius:10px;height:50px;font-size:18px;width:100%;border:2px solid rgb(0,0,0); padding:10px}
.select-mes-nav {border-radius:10px;height:39px;font-size:14px;padding:auto;padding-left:15px; width:140p;}
.select-tec-nav {border-radius:10px;height:39px;font-size:14px;padding:auto;padding-left:15px; width:240px;}

.table {border: 1px solid;}

.text-center{text-align:center;text-decoration: none;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-decoration{text-decoration: none; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-left{text-align:left;text-decoration: none;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-right{text-align:right;text-decoration: none;overflow: hidden}
.text-uppercase{text-transform:uppercase;text-decoration: none;overflow: hidden}

.text-center1{text-align:center;text-decoration:none;}
.text-decoration1{text-decoration:none;}
.text-left1{text-align:left;text-decoration:none;}
.text-right1{text-align:right;text-decoration:none}
.text-uppercase1{text-transform:uppercase;text-decoration:none;}

.text-100 {width: 100px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-120 {width: 120px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-140 {width: 140px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.tittle {position:fixed;top:50;z-index: 999;}

.top-150{top:150px;}

.vertical-align-top{vertical-align:top;}
.vertical-align-middle{vertical-align:middle;}

.white-space{white-space: nowrap;}

.width-100{width:100%;}
.width-100px{width:100px;}
.width-120px{width:120px;}
.width-130px{width:130px;}
.width-140px{width:140px;}
.width-150px{width:150px;}
.width-15px{width:15px;}
.width-180px{width:180px;}
.width-20px{width:20px;}
.width-25{width:25%;}
.width-250px{width:250px;}
.width-30{width:30%;}
.width-300px{width:300px;}
.width-30px{width:30px;}
.width-350px{width:350px;}
.width-40{width:40%;}
.width-40px{width:40px;}
.width-400px{width:400px;}
.width-5px{width:5px;}
.width-50{width:50%;}
.width-50px{width:50px;}
.width-500px{width:500px;}
.width-60{width:60%;}
.width-60px{width:60px;}
.width-600px{width:600px;}
.width-70{width:70%;}
.width-70px{width:70px;}
.width-80{width:80%;}
.width-80px{width:80px;}
.width-90{width:90%;}
.width-90px{width:90px;}
.width-auto{width:auto;}


.width-table{width:auto; margin-left: auto; margin-right: auto; min-width:50%; border:solid;}
.width-middle-table{width:auto; margin-left: auto; margin-right: auto; border:solid;}

.width-td{width:100%;}
.width-totales{width:80%;}
.width-tr{width:100%;}

.word-wrap {word-wrap: break-word;}

.C-FFCC33 {background-color:#FFCC33;}
.C-FFC431 {background-color:#FFC431;}
.C-FFA6F8 {background-color:#FFA6F8;}
.C-B54D1D {background-color:#B54D1D; color:white;}
.C-FF6633 {background-color:#FF6633;}
.C-ABE05D {background-color:#ABE05D;}
.C-5AE1E5 {background-color:#5AE1E5;}
.C-35B774 {background-color:#35B774;}
.C-2b9945 {background-color:#2b9945;}
.C-EDC879 {background-color:#EDC879;}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
.blinking-text {
    animation: blink 2s infinite;
    font-weight: bold;
    color: white;
}


.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Asegura que el contenedor sea al menos tan alto como la ventana */
}
.centered-form {
    background-color: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 100%; /* Puedes ajustar esto según el tamaño deseado */
    max-width: 400px; /* Puedes ajustar esto según el tamaño deseado */
}
.form-group {
    margin-top: 10px;
    text-align: left; /* Cambiado de 'center' a 'left' para alinear los textos de las etiquetas a la izquierda */
}
.form-group label {
    display: block;
    margin-bottom: 8px;
    font-size:14px;
}
.button-container { /* Nuevo contenedor para el botón */
    text-align: center; /* Centra el botón dentro del contenedor */
    margin-top: 20px;
}
.button-submit {
    width: 40%;
    padding: 10px;
    font-size: 18px;
}
/* Modal Styles */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-overlay.show {
    display: flex;
}

.modal-content {
    background: white;
    padding: 30px 40px;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    animation: modalFadeIn 0.3s ease-in-out;
}

.modal-content h2 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #333;
}

.modal-content input {
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.modal-content button {
    background-color: #0078D7;
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
}

.modal-content button:hover {
    background-color: #005bb5;
}

@keyframes modalFadeIn {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 1000px) {
    .dialog-std {border:2px solid rgb(0,0,0,0.25);border-radius:15px;display:grid;grid-template-columns:auto;height:70%;margin:5%;padding:20px;width:40vw;}        
}
@media screen and (max-width: 700px) {
    .dialog-std {border:2px solid rgb(0,0,0,0.25);border-radius:15px;display:grid;grid-template-columns:auto;height:70%;margin:5%;padding:20px;width:70vw;}        
}