/* ===== IMPORTS Y FUENTES ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* ===== ESTILOS BASE ===== */
body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #1a202c;
  margin-bottom: 0.5em;
  letter-spacing: -0.02em;
  font-size: 1.1rem;
}

p, span, div {
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
  color: #2d3748;
  font-size: 0.9rem;
}

/* ===== ESTILOS DE ICONOS ===== */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* ===== ESTILOS DE TIMELINE ===== */
.timeline {
  position: relative;
  padding: 20px 0;
}

.event {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
}

.line {
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom, #3498db, #2980b9);
  margin: 0 20px;
  position: relative;
  overflow: hidden;
}

.circle,
.circleactive {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #3498db, #2980b9);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.circleactive {
  background: linear-gradient(145deg, #27ae60, #2ecc71);
}

/* ===== ANIMACIONES ===== */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes pulse {
  0% { 
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4);
    transform: scale(1);
  }
  50% { 
    box-shadow: 0 0 0 15px rgba(46, 204, 113, 0);
    transform: scale(1.05);
  }
  100% { 
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    transform: scale(1);
  }
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

@keyframes shine {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

/* ===== ESTILOS DE DETALLES DE ORDEN ===== */
.order-details {
  margin-top: 15px;
}

.order-details .card {
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #ffffff;
}

.order-details .card-header {
  border-radius: 8px 8px 0 0 !important;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #0d6efd, #0a58ca);
  color: white;
}

.order-details .card-header h5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  margin: 0;
  font-weight: 600;
}

.order-details .card-body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Grupos de información */
.info-group {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 8px;
}

.info-group-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #0d6efd;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  gap: 6px;
}

.info-items-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.info-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  background: white;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  transition: all 0.3s ease;
  width: 100%;
}

.info-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #495057;
  font-size: 0.75rem;
  min-width: 120px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.info-label .material-icons {
  font-size: 16px;
  color: #0d6efd;
}

.info-value {
  font-family: 'Roboto', sans-serif;
  color: #212529;
  font-size: 0.85rem;
  font-weight: 400;
  padding-left: 8px;
  word-break: break-word;
  flex: 1;
}

/* Grupos específicos */
.info-group-client,
.info-group-equipment,
.info-group-diagnosis,
.info-group-payment {
  background: #f8f9fa;
}

/* Efectos hover */
.info-item:hover {
  background: #e9ecef;
  transform: translateX(3px);
  border-color: #0d6efd;
}

.order-details .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Media queries */
@media (max-width: 768px) {
  .order-details .card-body {
    padding: 10px;
  }

  .info-items-container {
    grid-template-columns: 1fr;
  }

  .info-item {
    margin-bottom: 6px;
  }

  .info-label {
    font-size: 0.7rem;
    min-width: 100px;
  }

  .info-value {
    font-size: 0.8rem;
  }
}

/* Estilos para Material Icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* Ajustes de tamaño para Material Icons */
.material-icons.md-18 { font-size: 16px; }
.material-icons.md-24 { font-size: 20px; }
.material-icons.md-36 { font-size: 32px; }
.material-icons.md-48 { font-size: 40px; }

/* Reemplazar clases de iconos */
[class^="bx-"], [class*=" bx-"],
[class^="bi-"], [class*=" bi-"],
[class^="ri-"], [class*=" ri-"] {
  font-family: 'Material Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Mapeo de iconos */
.bx-user:before { content: "\e7fd"; }
.bx-lock:before { content: "\e897"; }
.bx-show:before { content: "\e8f4"; }
.bx-hide:before { content: "\e8f5"; }
.bx-facebook:before { content: "\e0b0"; }
.bx-camera:before { content: "\e0b2"; }
.bx-whatsapp:before { content: "\e0b3"; }
.bx-linkedin:before { content: "\e0b1"; }
.bx-search:before { content: "\e8b6"; }
.bx-edit:before { content: "\e254"; }
.bx-trash:before { content: "\e872"; }
.bx-plus:before { content: "\e145"; }
.bx-minus:before { content: "\e15b"; }
.bx-check:before { content: "\e5ca"; }
.bx-x:before { content: "\e5cd"; }
.bx-arrow-left:before { content: "\e5c4"; }
.bx-arrow-right:before { content: "\e5c8"; }
.bx-arrow-up:before { content: "\e5c7"; }
.bx-arrow-down:before { content: "\e5c5"; }
.bx-home:before { content: "\e88a"; }
.bx-cog:before { content: "\e8b8"; }
.bx-bell:before { content: "\e7f4"; }
.bx-envelope:before { content: "\e0be"; }
.bx-calendar:before { content: "\e878"; }
.bx-time:before { content: "\e8b5"; }
.bx-printer:before { content: "\e8ad"; }
.bx-download:before { content: "\e2c4"; }
.bx-upload:before { content: "\e2c6"; }
.bx-save:before { content: "\e161"; }
.bx-refresh:before { content: "\e5d5"; }
.bx-info-circle:before { content: "\e88e"; }
.bx-error:before { content: "\e000"; }
.bx-check-circle:before { content: "\e86c"; }

/* Mapeo de iconos de Bootstrap */
.bi-person:before { content: "\e7fd"; }
.bi-lock:before { content: "\e897"; }
.bi-eye:before { content: "\e8f4"; }
.bi-eye-slash:before { content: "\e8f5"; }
.bi-facebook:before { content: "\e0b0"; }
.bi-instagram:before { content: "\e0b2"; }
.bi-whatsapp:before { content: "\e0b3"; }
.bi-linkedin:before { content: "\e0b1"; }
.bi-search:before { content: "\e8b6"; }
.bi-pencil:before { content: "\e254"; }
.bi-trash:before { content: "\e872"; }
.bi-plus:before { content: "\e145"; }
.bi-dash:before { content: "\e15b"; }
.bi-check:before { content: "\e5ca"; }
.bi-x:before { content: "\e5cd"; }
.bi-arrow-left:before { content: "\e5c4"; }
.bi-arrow-right:before { content: "\e5c8"; }
.bi-arrow-up:before { content: "\e5c7"; }
.bi-arrow-down:before { content: "\e5c5"; }
.bi-house:before { content: "\e88a"; }
.bi-gear:before { content: "\e8b8"; }
.bi-bell:before { content: "\e7f4"; }
.bi-envelope:before { content: "\e0be"; }
.bi-calendar:before { content: "\e878"; }
.bi-clock:before { content: "\e8b5"; }
.bi-printer:before { content: "\e8ad"; }
.bi-download:before { content: "\e2c4"; }
.bi-upload:before { content: "\e2c6"; }
.bi-save:before { content: "\e161"; }
.bi-arrow-repeat:before { content: "\e5d5"; }
.bi-info-circle:before { content: "\e88e"; }
.bi-exclamation-circle:before { content: "\e000"; }
.bi-check-circle:before { content: "\e86c"; }

/* Mapeo de iconos de Remix */
.ri-user-line:before { content: "\e7fd"; }
.ri-lock-line:before { content: "\e897"; }
.ri-eye-line:before { content: "\e8f4"; }
.ri-eye-off-line:before { content: "\e8f5"; }
.ri-facebook-line:before { content: "\e0b0"; }
.ri-instagram-line:before { content: "\e0b2"; }
.ri-whatsapp-line:before { content: "\e0b3"; }
.ri-linkedin-line:before { content: "\e0b1"; }
.ri-search-line:before { content: "\e8b6"; }
.ri-edit-line:before { content: "\e254"; }
.ri-delete-bin-line:before { content: "\e872"; }
.ri-add-line:before { content: "\e145"; }
.ri-subtract-line:before { content: "\e15b"; }
.ri-check-line:before { content: "\e5ca"; }
.ri-close-line:before { content: "\e5cd"; }
.ri-arrow-left-line:before { content: "\e5c4"; }
.ri-arrow-right-line:before { content: "\e5c8"; }
.ri-arrow-up-line:before { content: "\e5c7"; }
.ri-arrow-down-line:before { content: "\e5c5"; }
.ri-home-line:before { content: "\e88a"; }
.ri-settings-line:before { content: "\e8b8"; }
.ri-notification-line:before { content: "\e7f4"; }
.ri-mail-line:before { content: "\e0be"; }
.ri-calendar-line:before { content: "\e878"; }
.ri-time-line:before { content: "\e8b5"; }
.ri-printer-line:before { content: "\e8ad"; }
.ri-download-line:before { content: "\e2c4"; }
.ri-upload-line:before { content: "\e2c6"; }
.ri-save-line:before { content: "\e161"; }
.ri-refresh-line:before { content: "\e5d5"; }
.ri-information-line:before { content: "\e88e"; }
.ri-error-warning-line:before { content: "\e000"; }
.ri-checkbox-circle-line:before { content: "\e86c"; }

/* Estilos para elementos de formulario */
.form-control, .input-group-text, .custom-select {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para botones */
.btn {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 1.2rem;
}

/* Estilos para tablas */
.table th {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  padding: 0.75rem;
}

.table td {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  padding: 0.75rem;
}

/* Estilos para alertas */
.alert {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para modales */
.modal-title {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
}

.modal-body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para navegación */
.navbar-brand {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
}

.nav-link {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para breadcrumbs */
.breadcrumb {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para paginación */
.pagination {
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  width: 100%;
}

.pagination > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pagination > li > a {
  padding: 0.3rem 0.6rem;
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
}

.pagination > li > a:hover {
  font-size: 1.3rem;
}

.pagination > li.active > a {
  font-size: 1.3rem;
}

.pagination > li.disabled > a {
  font-size: 1.3rem;
}

/* Reducir tamaño de paginación grande */
.pagination-lg > li > a {
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  min-width: 3rem;
}

/* Reducir tamaño de paginación pequeña */
.pagination-sm > li > a {
  padding: 0.2rem 0.4rem;
  font-size: 1.2rem;
  line-height: 1.2;
  min-width: 2rem;
}

/* Estilos para tooltips */
.tooltip {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}

/* Estilos para popovers */
.popover {
  font-family: 'Roboto', sans-serif;
}

/* Estilos para menús */
.menuped {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem !important;
  font-weight: 400;
  position: relative;
  padding-left: 30px;
  color: #ffffff;
}

.menuped::before {
  content: "\e5d2"; /* Icono de menú */
  font-family: 'Material Icons';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #ffffff;
  transition: all 0.3s ease;
}

.menuped:hover::before {
  color: #ffffff;
  opacity: 0.8;
}

/* Estilos para submenú */
.menuped .treeview-menu {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: 400;
}

.menuped .treeview-menu > li > a {
  font-family: 'Roboto', sans-serif;
  padding: 8px 15px;
  color: #ffffff;
  font-weight: 400;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 30px;
}

.menuped .treeview-menu > li > a::before {
  content: "\e5db"; /* Icono de flecha abajo */
  font-family: 'Material Icons';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #ffffff;
  transition: all 0.3s ease;
}

.menuped .treeview-menu > li > a:hover {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 400;
}

.menuped .treeview-menu > li > a:hover::before {
  color: #ffffff;
  opacity: 0.8;
}

.menuped .treeview-menu > li.active > a {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.2);
}

.menuped .treeview-menu > li.active > a::before {
  color: #ffffff;
}

.menuped a {
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 400;
}

.menuped a:hover {
  color: #ffffff;
  opacity: 0.8;
  font-weight: 400;
}

/* Estilos para etiquetas y textos especiales */
.spanlabel {
  font-family: 'Inter', sans-serif;
  color: #D6183B !important;
  font-size: 1.2rem;
  font-weight: 500;
}

.texto-fondo-oscuro {
  font-family: 'Roboto', sans-serif;
  color: #bbb !important;
  font-weight: 400;
  font-size: 1.1rem;
}

/* Mejorar la legibilidad de los selectores */
.select2-container .select2-selection--single {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  height: 38px;
}

.divform{
	padding-left: 25px !important; 
	padding-right: 30px !important;
	border-style: outset; 
	background-color: #035E6F;
	border-radius: 7px;
}
.columnaform{
	padding-left: 30px !important; 
	padding-right: 30px !important
}
.divform input{
	border-radius: 10px;
}
.item-empresa{

	color: #fff !important;
	font-size: 18px;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px
}
.bordetitulos{
	background: #5DADE2 !important;
	
	padding: 10px 10px;
	border-radius: 5px;
}
.bdreparacion{
	background: #566573 !important;
	color:#fff !important;
}
.bdespera{
	background: #AF7AC5 !important;
	color:#fff !important;
}

.tablac th{
 background: #53525c !important;
 color: #fff;
 text-align: center;
 
}
 .tablat {
 background: #6CA1EC !important;
 color: #140C58;
 text-align: center;

}
.total{
 background: #c7c7c7 !important;
 color: #140C58;
 text-align: center;
 font-weight: bold;

}
.t{
	background:#2980b9;
	color:#fff;
	font-size: 16px;
}
.cajatipospagos
{	
    background-color: #c7c7c7; 
    border: 1px solid #2980b9; 
    border-radius: 10px; 
    padding: 20px; 
    margin: 20px; 
    color: rgb(25, 5, 71); 
	
	
}
.tcajatipospagos
{
	text-align: center;
	background-color: #ffffff; 
    border-radius: 10px; 
    padding: 1px;
    color: rgb(25, 5, 71);
	
}
.btn-imagen
{
	background: #84A6B4;
}
.vi
{
	width: 70px;
}
.muestraImagen {
	position: relative;
}
.imagen-ampliable {
    width: 140px;
    height: 140px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    padding: 5px;
    margin: 5px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.imagen-ampliable:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.containerImg {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
}

.image-container {
    position: relative;
    width: 140px;
    margin: 5px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
}

.delete-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 12px;
}

.image-container:hover .delete-button {
    opacity: 1;
}

.delete-button:hover {
    background-color: #c82333;
}

#imagen-ampliada {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.img-container:hover {
    background: #d2e3fc;
    transform: translateY(-2px);
}

.img-container i {
    transition: transform 0.3s ease;
}

.img-container:hover i {
    transform: scale(1.1);
}

/* Estilos para el modal ampliado */


#imagen-ampliada {
    width: 100%;
    height: auto;
    object-fit: contain;
    border: 3px solid black;
    border-radius: 5px;
}

/*
.dc  {
    border: 1px solid #007bff; 
    border-radius: 8px; 
    background-color: #f0f0f0; 
    padding: 15px;
	margin-bottom: 1px;
}*/

.btn-save{
	background: #3F7FFF;
	color: #fff;
}
.btn-save :hover{
	background: #3F7FFF;
	color: #fff;
}
.radioAjustes{
	margin-top:2px;
	border: 1px solid #9ca2a8; 
    border-radius: 0px; 
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.radioAjustesvs{
	margin-top:0px;
	border: 1px solid #9ca2a8; 
    border-radius: 0px; 
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
	padding-top: 6px;
	
	
}
.bordetitulos2{
	background: #5DADE2 !important;
	padding: 5px 5px;
	border-radius: 5px;
}
.pedobligatorio{
	color:#D6183B;
	font-size: 18px;
}
.icono {
    width: 80px; 
    height: auto; 
}
.buttonIcono {
    width: 180px; 
    height: 80px; 
    overflow: hidden; 
}

.formfondo {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}

.formfondo h4 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
}

.span-muestras {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #007bff; /* Color de fondo */
    text-align: center;
}

.span-muestras:nth-child(odd) {
    background-color: #28a745; /* Alterna el color de fondo */
}

.span-muestras:nth-child(even) {
    background-color: #ff6207; /* Alterna el color de fondo */
}
/*iniciot*/
.bg-warning {
    background-color: #f0ad4e;
    color: #fff; 
    padding: 5px;
    border-radius: 4px;
}
.bg-danger {
    background-color: #c42a04;
    color: #fff; 
   /* padding: 5px;*/
   	border-radius: 10px;
}
.bg-primary {
    background-color: #2252f0;
    color: #fff; 
   /* padding: 5px;*/
    border-radius: 10px;
}
.bg-info {
    background-color: #22aff0;
    color: #fff; 
    /*padding: 5px;*/
    border-radius: 10px;
}
.bg-success {
    background-color: #1e8105;
    color: #fff; 
   /* padding: 5px;*/
   border-radius: 10px;
}

 /* Estilo para la tabla */
 #tableMonitor {
	margin: 10px auto;
	border: 1px solid #3b3838 !important;
	border-radius: 4px;
	overflow: hidden;
}

#tableMonitor th {
	text-align: center;
	vertical-align: middle;
}
#tableMonitor td{
	vertical-align: middle;
}

#tableMonitor thead {
	background-color: #5bc0de; /* Color de fondo para el encabezado */
	color: #fff; /* Color del texto en el encabezado */
}

#tableMonitor th {
	font-weight: bold;
}

#tableMonitor tbody tr:nth-child(odd) {
	background-color: #f9f9f9; /* Color de fondo para las filas impares */
}

#tableMonitor tbody tr:hover {
	background-color: #f1f1f1; /* Color de fondo al pasar el cursor */
}

#tableMonitor td {
	padding: 5px;
	border-top: 1px solid #ddd;
}
.titulo_estadisticas{
	margin: 10px auto;
	/*border: 1px solid #beb9b9;*/
	border-radius: 4px;
	overflow: hidden;
	background: #5bc0de;
	font-weight: bold;
	color: #FFF;

}
.btn-delet-caja {
    background: #c42a04;
    width: 20px; 
    height: 20px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    border: none; 
    font-size: 14px; 
	display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Sombra sutil */
    cursor: pointer; 
    transition: all 0.3s ease; 
}

.btn-delet-caja:hover {
    background: #a32204; /* Color más oscuro en hover */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); /* Sombra más pronunciada */
}

.btn-delet-caja:active {
    transform: scale(0.9); /* Efecto de clic */
}
.div_filtro {

	margin: 10px;
	padding: 10px;
	font-family:  arial;
	font-weight: 400;
	color: rgb(43, 41, 41);
	text-align: center;
}

.graficoimg {
	
    width: 40px; /* Ajusta el tamaño de las imágenes */
    margin-bottom: 5px; /* Espaciado entre la imagen y el texto */
}

.row {
	padding-top: 10px;
    display: flex;
    justify-content: center; /* Centra el contenido de la fila */
    align-items: center; /* Alinea los elementos verticalmente al centro */
}

.col-xs-4 {
    text-align: center; /* Asegura que el contenido dentro de las columnas esté centrado */
}

/* Estilos para iconos del menú */
.menuped .material-icons {
  font-size: 1.2rem;
  margin-right: 8px;
  vertical-align: middle;
  color: #2d3748;
}

.menuped .treeview-menu .material-icons {
  font-size: 1.1rem;
  margin-right: 6px;
  vertical-align: middle;
  color: #2d3748;
}

.menuped a:hover .material-icons {
  color: #D6183B;
}

.menuped .treeview-menu > li > a:hover .material-icons {
  color: #D6183B;
}

.menuped .treeview-menu > li.active > a .material-icons {
  color: #D6183B;
}

/* Mapeo de iconos del menú */
.menu-dashboard:before { content: "\e871"; } /* dashboard */
.menu-users:before { content: "\e7ef"; } /* people */
.menu-products:before { content: "\e8f1"; } /* shopping_bag */
.menu-sales:before { content: "\e227"; } /* point_of_sale */
.menu-inventory:before { content: "\e8d1"; } /* inventory */
.menu-reports:before { content: "\e1db"; } /* assessment */
.menu-settings:before { content: "\e8b8"; } /* settings */
.menu-profile:before { content: "\e7fd"; } /* person */
.menu-logout:before { content: "\e9ba"; } /* logout */
.menu-categories:before { content: "\e2c7"; } /* category */
.menu-orders:before { content: "\e8cc"; } /* receipt_long */
.menu-customers:before { content: "\e7ef"; } /* people */
.menu-suppliers:before { content: "\e8d8"; } /* local_shipping */
.menu-finance:before { content: "\e227"; } /* attach_money */
.menu-help:before { content: "\e887"; } /* help_outline */
.menu-notifications:before { content: "\e7f4"; } /* notifications */
.menu-messages:before { content: "\e0be"; } /* email */
.menu-calendar:before { content: "\e878"; } /* calendar_today */
.menu-tasks:before { content: "\e8f9"; } /* task */
.menu-files:before { content: "\e2c7"; } /* folder */
.menu-backup:before { content: "\e2c4"; } /* backup */
.menu-security:before { content: "\e32a"; } /* security */
.menu-system:before { content: "\e8b8"; } /* settings */
.menu-maintenance:before { content: "\e869"; } /* build */
.menu-support:before { content: "\e0d0"; } /* support_agent */

/* Iconos adicionales para el menú */
.menu-chart:before { content: "\e6e1"; } /* pie_chart */
.menu-analytics:before { content: "\e6ec"; } /* analytics */
.menu-statistics:before { content: "\e4cf"; } /* query_stats */
.menu-documents:before { content: "\e873"; } /* description */
.menu-invoice:before { content: "\e8f9"; } /* receipt */
.menu-payment:before { content: "\e870"; } /* payments */
.menu-credit-card:before { content: "\e870"; } /* credit_card */
.menu-cash:before { content: "\e227"; } /* attach_money */
.menu-transfer:before { content: "\e8d4"; } /* swap_horiz */
.menu-history:before { content: "\e889"; } /* history */

/* Iconos para acciones */
.menu-add:before { content: "\e145"; } /* add */
.menu-edit:before { content: "\e3c9"; } /* edit */
.menu-delete:before { content: "\e872"; } /* delete */
.menu-save:before { content: "\e161"; } /* save */
.menu-cancel:before { content: "\e5cd"; } /* close */
.menu-search:before { content: "\e8b6"; } /* search */
.menu-filter:before { content: "\ef4f"; } /* filter_list */
.menu-sort:before { content: "\e164"; } /* sort */
.menu-refresh:before { content: "\e5d5"; } /* refresh */
.menu-print:before { content: "\e8ad"; } /* print */

/* Iconos para estados y notificaciones */
.menu-success:before { content: "\e86c"; } /* check_circle */
.menu-warning:before { content: "\e002"; } /* warning */
.menu-error:before { content: "\e000"; } /* error */
.menu-info:before { content: "\e88e"; } /* info */
.menu-alert:before { content: "\e7f7"; } /* notification_important */
.menu-bell:before { content: "\e7f4"; } /* notifications */
.menu-mail:before { content: "\e0be"; } /* email */
.menu-chat:before { content: "\e0b7"; } /* chat */
.menu-comment:before { content: "\e0b9"; } /* comment */
.menu-feedback:before { content: "\e87f"; } /* feedback */

/* Iconos para navegación */
.menu-home:before { content: "\e88a"; } /* home */
.menu-menu:before { content: "\e5d2"; } /* menu */
.menu-back:before { content: "\e5c4"; } /* arrow_back */
.menu-forward:before { content: "\e5c8"; } /* arrow_forward */
.menu-up:before { content: "\e5d8"; } /* arrow_upward */
.menu-down:before { content: "\e5db"; } /* arrow_downward */
.menu-expand:before { content: "\e5cf"; } /* expand_more */
.menu-collapse:before { content: "\e5ce"; } /* expand_less */
.menu-more:before { content: "\e5d3"; } /* more_vert */
.menu-list:before { content: "\e896"; } /* list */

/* Estilos para opciones de administración */
.menu-admin {
  background-color: rgba(0, 0, 0, 0.3);
  border-left: 4px solid #ffffff;
  margin-top: 10px;
  padding: 5px 0;
}

.menu-admin > li > a {
  font-family: 'Inter', sans-serif;
  font-size: 1.1rem;
  color: #ffffff;
  padding: 8px 15px 8px 35px;
  display: flex;
  align-items: center;
  position: relative;
}

.menu-admin > li > a::before {
  content: "\e8b8"; /* Icono de configuración */
  font-family: 'Material Icons';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #ffffff;
  transition: all 0.3s ease;
}

.menu-admin > li > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  opacity: 0.9;
}

.menu-admin > li.active > a {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* Iconos específicos para administración */
.menu-users::before { content: "\e7ef"; } /* people */
.menu-roles::before { content: "\e8d8"; } /* security */
.menu-permissions::before { content: "\e8a1"; } /* lock */
.menu-settings::before { content: "\e8b8"; } /* settings */
.menu-backup::before { content: "\e2c4"; } /* backup */
.menu-logs::before { content: "\e889"; } /* history */
.menu-system::before { content: "\e869"; } /* build */
.menu-profile::before { content: "\e7fd"; } /* person */

/* Estilos mejorados para Dashboard */
.dashboard-container {
  padding: 30px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-radius: 16px;
  margin-bottom: 30px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-title {
  font-family: 'Inter', sans-serif;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.stat-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-radius: 16px;
  padding: 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.03), transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.stat-card:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08));
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.stat-card:hover::before {
  transform: translateX(100%);
}

.stat-icon {
  font-family: 'Material Icons';
  font-size: 3rem;
  color: #ffffff;
  margin-bottom: 20px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.stat-title {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.stat-value {
  font-family: 'Inter', sans-serif;
  font-size: 2.5rem;
  color: #ffffff;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dashboard-charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.chart-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-radius: 16px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.chart-title {
  font-family: 'Inter', sans-serif;
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 25px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.dashboard-actions {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.dashboard-btn {
  font-family: 'Inter', sans-serif;
  padding: 12px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.dashboard-btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08));
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dashboard-btn::before {
  font-family: 'Material Icons';
  font-size: 1.4rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Efectos de carga mejorados */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.loading {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);
  background-size: 1000px 100%;
  animation: shimmer 2s infinite linear;
  border-radius: 16px;
}

/* Efectos de hover mejorados */
.stat-card:hover .stat-icon {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.stat-card:hover .stat-value {
  color: #ffffff;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .dashboard-container {
    padding: 20px;
  }
  
  .dashboard-stats {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .dashboard-charts {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .stat-card {
    padding: 20px;
  }
  
  .chart-container {
    padding: 20px;
  }
}

/* Iconos mejorados para Dashboard */
.dashboard-refresh::before { content: "\e863"; } /* sync */
.dashboard-export::before { content: "\e2c4"; } /* download */
.dashboard-filter::before { content: "\e3b0"; } /* filter_list */
.dashboard-settings::before { content: "\e8b8"; } /* settings */

/* Iconos para estadísticas */
.stat-users::before { content: "\e7ef"; } /* people */
.stat-sales::before { content: "\e227"; } /* attach_money */
.stat-orders::before { content: "\e8cc"; } /* receipt_long */
.stat-inventory::before { content: "\e8d1"; } /* inventory */
.stat-revenue::before { content: "\e1c3"; } /* trending_up */
.stat-customers::before { content: "\e7ef"; } /* people */
.stat-products::before { content: "\e8f1"; } /* shopping_bag */
.stat-performance::before { content: "\e1db"; } /* assessment */

/* Iconos para gráficos */
.chart-line::before { content: "\e922"; } /* show_chart */
.chart-bar::before { content: "\e26c"; } /* bar_chart */
.chart-pie::before { content: "\e6e1"; } /* pie_chart */
.chart-area::before { content: "\e1e0"; } /* area_chart */

/* Iconos para acciones rápidas */
.action-add::before { content: "\e145"; } /* add */
.action-edit::before { content: "\e3c9"; } /* edit */
.action-delete::before { content: "\e872"; } /* delete */
.action-view::before { content: "\e8f4"; } /* visibility */
.action-print::before { content: "\e8ad"; } /* print */
.action-share::before { content: "\e80d"; } /* share */
.action-download::before { content: "\e2c4"; } /* download */
.action-upload::before { content: "\e2c6"; } /* upload */

/* Iconos para notificaciones */
.notif-bell::before { content: "\e7f4"; } /* notifications */
.notif-alert::before { content: "\e002"; } /* warning */
.notif-success::before { content: "\e86c"; } /* check_circle */
.notif-error::before { content: "\e000"; } /* error */
.notif-info::before { content: "\e88e"; } /* info */

/* Iconos para navegación */
.nav-home::before { content: "\e88a"; } /* home */
.nav-back::before { content: "\e5c4"; } /* arrow_back */
.nav-forward::before { content: "\e5c8"; } /* arrow_forward */
.nav-menu::before { content: "\e5d2"; } /* menu */
.nav-more::before { content: "\e5d3"; } /* more_vert */

/* Iconos para estados */
.state-active::before { content: "\e86c"; } /* check_circle */
.state-inactive::before { content: "\e5cd"; } /* close */
.state-pending::before { content: "\e88e"; } /* info */
.state-processing::before { content: "\e863"; } /* sync */
.state-completed::before { content: "\e876"; } /* done_all */

/* Iconos para categorías */
.cat-finance::before { content: "\e227"; } /* attach_money */
.cat-users::before { content: "\e7ef"; } /* people */
.cat-products::before { content: "\e8f1"; } /* shopping_bag */
.cat-settings::before { content: "\e8b8"; } /* settings */
.cat-reports::before { content: "\e1db"; } /* assessment */
.cat-help::before { content: "\e887"; } /* help_outline */

/* Iconos para estados de servicio */
.state-recepcion::before { content: "\e2c8"; } /* devices - Recepción de equipo */
.state-revision::before { content: "\e8b6"; } /* search - Revisión técnica */
.state-diagnostico::before { content: "\e1db"; } /* assessment - Diagnóstico */
.state-espera::before { content: "\e8d1"; } /* inventory - Espera de repuestos */
.state-garantia::before { content: "\e8a1"; } /* verified - Garantía */
.state-reparacion::before { content: "\e869"; } /* build - Reparación */
.state-terminado::before { content: "\e876"; } /* done_all - Terminado */
.state-entregado::before { content: "\e8d4"; } /* local_shipping - Entregado */

/* Iconos para acciones de servicio */
.action-recepcion::before { content: "\e2c8"; } /* devices - Recepción */
.action-revision::before { content: "\e8b6"; } /* search - Revisión */
.action-diagnostico::before { content: "\e1db"; } /* assessment - Diagnóstico */
.action-espera::before { content: "\e8d1"; } /* inventory - Espera */
.action-garantia::before { content: "\e8a1"; } /* verified - Garantía */
.action-reparacion::before { content: "\e869"; } /* build - Reparación */
.action-terminado::before { content: "\e876"; } /* done_all - Terminado */
.action-entregado::before { content: "\e8d4"; } /* local_shipping - Entregado */

/* Estilos para los iconos de estado */
.circle,
.circleactive {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #3498db, #2980b9);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.circleactive {
  background: linear-gradient(145deg, #27ae60, #2ecc71);
  animation: pulse 2s infinite;
}

.material-icons {
  color: #ffffff;
  font-size: 20px !important;
}

.circle:hover,
.circleactive:hover {
  transform: scale(1.1);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(46, 204, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}

/* Estilos base mejorados */
.circle,
.circleactive {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #3498db, #2980b9);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.circle::before,
.circleactive::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.circle:hover::before,
.circleactive:hover::before {
  transform: translateX(100%);
}

.circleactive {
  background: linear-gradient(145deg, #27ae60, #2ecc71);
}

.material-icons {
  color: white;
  font-size: 24px !important;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

/* Efecto de brillo al hover */
.circle:hover,
.circleactive:hover {
  box-shadow: 0 0 20px rgba(52, 152, 219, 0.5);
}

/* Línea de tiempo mejorada */
.line {
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom, #3498db, #2980b9);
  margin: 0 20px;
  position: relative;
  overflow: hidden;
}

.line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: shine 2s infinite;
}

@keyframes shine {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

/* ===== ESTILOS PARA BOTÓN DE ORDEN ===== */
.btnOrden {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  height: 25px !important;
  min-width: 25px !important;
}

.btnOrden:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Asegurar que todas las columnas tengan las mismas medidas en todas las fichas */
.ordenes th:nth-child(1),
.ordenes td:nth-child(1) {
  width: 7px !important;
  min-width: 7px !important;
  max-width: 7px !important;
}

.ordenes th:nth-child(2),
.ordenes td:nth-child(2) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.ordenes th:nth-child(3),
.ordenes td:nth-child(3) {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.ordenes th:nth-child(4),
.ordenes td:nth-child(4) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

.ordenes th:nth-child(5),
.ordenes td:nth-child(5) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.ordenes th:nth-child(6),
.ordenes td:nth-child(6) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.ordenes th:nth-child(7),
.ordenes td:nth-child(7) {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

.ordenes th:nth-child(8),
.ordenes td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}

.ordenes th:nth-child(9),
.ordenes td:nth-child(9) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.ordenes th:nth-child(10),
.ordenes td:nth-child(10) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

/* Reducir tamaño de fuente del contenido de la columna taller */
.ordenes td:nth-child(8) {
  font-size: 9px !important;
}

/* ===== RESPONSIVE PARA BOTÓN DE ORDEN ===== */
@media (max-width: 768px) {
  /* En móviles, hacer el botón más pequeño pero legible */
  .btnOrden {
    min-width: auto !important;
    width: auto !important;
    font-size: 10px !important;
    padding: 2px 5px !important;
  }
  
  /* Ajustar anchos de columnas en móvil para que quepan todas */
  .ordenes th:nth-child(1),
  .ordenes td:nth-child(1) {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
  }

  .ordenes th:nth-child(2),
  .ordenes td:nth-child(2) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }

  .ordenes th:nth-child(3),
  .ordenes td:nth-child(3) {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    font-size: 8px !important;
    padding: 4px 2px !important;
  }

  .ordenes th:nth-child(4),
  .ordenes td:nth-child(4) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .ordenes th:nth-child(5),
  .ordenes td:nth-child(5) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }

  .ordenes th:nth-child(6),
  .ordenes td:nth-child(6) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }

  .ordenes th:nth-child(7),
  .ordenes td:nth-child(7) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .ordenes th:nth-child(8),
  .ordenes td:nth-child(8) {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    font-size: 8px !important;
  }

  .ordenes th:nth-child(9),
  .ordenes td:nth-child(9) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .ordenes th:nth-child(10),
  .ordenes td:nth-child(10) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
  
  /* Aplicar los mismos estilos a todas las tablas de órdenes */
  .tablaTodas,
  .tablaPendientes,
  .tablaDiagnosticados,
  .tablaEspera,
  .tablaTerminados,
  .tablaEntregados,
  .tablaGarantia,
  .tablaReparacion {
    width: 100% !important;
  }
  
  /* Asegurar que todas las tablas tengan los mismos estilos de fuente y padding */
  .tablaTodas th,
  .tablaTodas td,
  .tablaPendientes th,
  .tablaPendientes td,
  .tablaDiagnosticados th,
  .tablaDiagnosticados td,
  .tablaEspera th,
  .tablaEspera td,
  .tablaTerminados th,
  .tablaTerminados td,
  .tablaEntregados th,
  .tablaEntregados td,
  .tablaGarantia th,
  .tablaGarantia td,
  .tablaReparacion th,
  .tablaReparacion td {
    font-size: 9px !important;
  }
  
  /* Aplicar los mismos anchos de columna a todas las tablas */
  .tablaTodas th:nth-child(1),
  .tablaTodas td:nth-child(1),
  .tablaPendientes th:nth-child(1),
  .tablaPendientes td:nth-child(1),
  .tablaDiagnosticados th:nth-child(1),
  .tablaDiagnosticados td:nth-child(1),
  .tablaEspera th:nth-child(1),
  .tablaEspera td:nth-child(1),
  .tablaTerminados th:nth-child(1),
  .tablaTerminados td:nth-child(1),
  .tablaEntregados th:nth-child(1),
  .tablaEntregados td:nth-child(1),
  .tablaGarantia th:nth-child(1),
  .tablaGarantia td:nth-child(1),
  .tablaReparacion th:nth-child(1),
  .tablaReparacion td:nth-child(1) {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
  }
  
  .tablaTodas th:nth-child(2),
  .tablaTodas td:nth-child(2),
  .tablaPendientes th:nth-child(2),
  .tablaPendientes td:nth-child(2),
  .tablaDiagnosticados th:nth-child(2),
  .tablaDiagnosticados td:nth-child(2),
  .tablaEspera th:nth-child(2),
  .tablaEspera td:nth-child(2),
  .tablaTerminados th:nth-child(2),
  .tablaTerminados td:nth-child(2),
  .tablaEntregados th:nth-child(2),
  .tablaEntregados td:nth-child(2),
  .tablaGarantia th:nth-child(2),
  .tablaGarantia td:nth-child(2),
  .tablaReparacion th:nth-child(2),
  .tablaReparacion td:nth-child(2) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  
  .tablaTodas th:nth-child(3),
  .tablaTodas td:nth-child(3),
  .tablaPendientes th:nth-child(3),
  .tablaPendientes td:nth-child(3),
  .tablaDiagnosticados th:nth-child(3),
  .tablaDiagnosticados td:nth-child(3),
  .tablaEspera th:nth-child(3),
  .tablaEspera td:nth-child(3),
  .tablaTerminados th:nth-child(3),
  .tablaTerminados td:nth-child(3),
  .tablaEntregados th:nth-child(3),
  .tablaEntregados td:nth-child(3),
  .tablaGarantia th:nth-child(3),
  .tablaGarantia td:nth-child(3),
  .tablaReparacion th:nth-child(3),
  .tablaReparacion td:nth-child(3) {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    font-size: 8px !important;
    padding: 4px 2px !important;
  }
  
  .tablaTodas th:nth-child(4),
  .tablaTodas td:nth-child(4),
  .tablaPendientes th:nth-child(4),
  .tablaPendientes td:nth-child(4),
  .tablaDiagnosticados th:nth-child(4),
  .tablaDiagnosticados td:nth-child(4),
  .tablaEspera th:nth-child(4),
  .tablaEspera td:nth-child(4),
  .tablaTerminados th:nth-child(4),
  .tablaTerminados td:nth-child(4),
  .tablaEntregados th:nth-child(4),
  .tablaEntregados td:nth-child(4),
  .tablaGarantia th:nth-child(4),
  .tablaGarantia td:nth-child(4),
  .tablaReparacion th:nth-child(4),
  .tablaReparacion td:nth-child(4) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
  
  .tablaTodas th:nth-child(5),
  .tablaTodas td:nth-child(5),
  .tablaPendientes th:nth-child(5),
  .tablaPendientes td:nth-child(5),
  .tablaDiagnosticados th:nth-child(5),
  .tablaDiagnosticados td:nth-child(5),
  .tablaEspera th:nth-child(5),
  .tablaEspera td:nth-child(5),
  .tablaTerminados th:nth-child(5),
  .tablaTerminados td:nth-child(5),
  .tablaEntregados th:nth-child(5),
  .tablaEntregados td:nth-child(5),
  .tablaGarantia th:nth-child(5),
  .tablaGarantia td:nth-child(5),
  .tablaReparacion th:nth-child(5),
  .tablaReparacion td:nth-child(5) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
  
  .tablaTodas th:nth-child(6),
  .tablaTodas td:nth-child(6),
  .tablaPendientes th:nth-child(6),
  .tablaPendientes td:nth-child(6),
  .tablaDiagnosticados th:nth-child(6),
  .tablaDiagnosticados td:nth-child(6),
  .tablaEspera th:nth-child(6),
  .tablaEspera td:nth-child(6),
  .tablaTerminados th:nth-child(6),
  .tablaTerminados td:nth-child(6),
  .tablaEntregados th:nth-child(6),
  .tablaEntregados td:nth-child(6),
  .tablaGarantia th:nth-child(6),
  .tablaGarantia td:nth-child(6),
  .tablaReparacion th:nth-child(6),
  .tablaReparacion td:nth-child(6) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
  
  .tablaTodas th:nth-child(7),
  .tablaTodas td:nth-child(7),
  .tablaPendientes th:nth-child(7),
  .tablaPendientes td:nth-child(7),
  .tablaDiagnosticados th:nth-child(7),
  .tablaDiagnosticados td:nth-child(7),
  .tablaEspera th:nth-child(7),
  .tablaEspera td:nth-child(7),
  .tablaTerminados th:nth-child(7),
  .tablaTerminados td:nth-child(7),
  .tablaEntregados th:nth-child(7),
  .tablaEntregados td:nth-child(7),
  .tablaGarantia th:nth-child(7),
  .tablaGarantia td:nth-child(7),
  .tablaReparacion th:nth-child(7),
  .tablaReparacion td:nth-child(7) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
  
  .tablaTodas th:nth-child(8),
  .tablaTodas td:nth-child(8),
  .tablaPendientes th:nth-child(8),
  .tablaPendientes td:nth-child(8),
  .tablaDiagnosticados th:nth-child(8),
  .tablaDiagnosticados td:nth-child(8),
  .tablaEspera th:nth-child(8),
  .tablaEspera td:nth-child(8),
  .tablaTerminados th:nth-child(8),
  .tablaTerminados td:nth-child(8),
  .tablaEntregados th:nth-child(8),
  .tablaEntregados td:nth-child(8),
  .tablaGarantia th:nth-child(8),
  .tablaGarantia td:nth-child(8),
  .tablaReparacion th:nth-child(8),
  .tablaReparacion td:nth-child(8) {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    font-size: 8px !important;
  }
  
  .tablaTodas th:nth-child(9),
  .tablaTodas td:nth-child(9),
  .tablaPendientes th:nth-child(9),
  .tablaPendientes td:nth-child(9),
  .tablaDiagnosticados th:nth-child(9),
  .tablaDiagnosticados td:nth-child(9),
  .tablaEspera th:nth-child(9),
  .tablaEspera td:nth-child(9),
  .tablaTerminados th:nth-child(9),
  .tablaTerminados td:nth-child(9),
  .tablaEntregados th:nth-child(9),
  .tablaEntregados td:nth-child(9),
  .tablaGarantia th:nth-child(9),
  .tablaGarantia td:nth-child(9),
  .tablaReparacion th:nth-child(9),
  .tablaReparacion td:nth-child(9) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
  
  .tablaTodas th:nth-child(10),
  .tablaTodas td:nth-child(10),
  .tablaPendientes th:nth-child(10),
  .tablaPendientes td:nth-child(10),
  .tablaDiagnosticados th:nth-child(10),
  .tablaDiagnosticados td:nth-child(10),
  .tablaEspera th:nth-child(10),
  .tablaEspera td:nth-child(10),
  .tablaTerminados th:nth-child(10),
  .tablaTerminados td:nth-child(10),
  .tablaEntregados th:nth-child(10),
  .tablaEntregados td:nth-child(10),
  .tablaGarantia th:nth-child(10),
  .tablaGarantia td:nth-child(10),
  .tablaReparacion th:nth-child(10),
  .tablaReparacion td:nth-child(10) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
}

/* Cambiar color del menú activo de negro a gris */
.sidebar-menu > li.active > a,
.sidebar-menu > li:hover > a {
  color: #6c757d !important;
}

.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover {
  color: #6c757d !important;
}