body, html,table tbody td {
  margin: 0;
  font-size: 15px;
}

@media (min-width: 992px) {
    .row-cols-lg-8 > * {
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }
}

.btnResumenOs:hover, .btnResumenOsClicked {
  cursor: pointer;
  font-weight: bold;
}

.main-sidebar .navigator.active, .headerCostosOS {
  background-color: #3f6791 !important;
  color: white !important;
}
.lorem-table-wrapper .table-body {
    overflow: visible;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.itemDeMateriales {
  word-wrap: break-word;
  white-space: normal;
  max-width: 500px;
}

.btnInfoBox:active, .btnInfoMisReparaciones:active {
            transform: scale(0.98);
            /* Scaling button to 0.98 to its original size */
            box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
            /* Lowering the shadow */
        }

.btnInfoBox:hover {
  background-color: #24953c !important; 
}

.btnInfoMisReparaciones:hover {
  background-color: #5b636a !important; 
}

.rowReparacion:hover {
  background-color: #c5ffc2;
}

.tdBreakText {
  word-break: break-word;
  vertical-align: top;
  white-space: normal !important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 25%;
  z-index: 10000;
}

/* CSS PARA AGRANDAR EL MODAL maps PARA EL PROGRAMA SURTIR ORDEN SERVICIO */
.xlModal {
  width: 96%;
  max-width: none;
  margin-left: 2%;
}

.dropdown-item:hover {
  background-color: #cce5ff;
  color: #1c5796;
}

input:invalid:focus:invalid {
  box-shadow: none; /* Elimina el efecto de sombra */
}

input:invalid:focus:invalid + .invalid-feedback {
  display: none; /* Oculta el mensaje de error */
}

.Ok:hover {
  color: #00cb00;
}

.btnNok:hover {
  color: #ea0000;
}

.btnAction	{ color: white; }
.btnAction:hover { color: gray; } 

.inputMoney {
  text-align: right;
}

.headerCostosOS {
  border: 1px solid #dee2e6; 
  height: 30px;
}

.rowCostosOS {
  border: 1px solid #dee2e6; 
  background-color: #f2f2f2;
}

.alert-danger {
  background-color:  #f8d7da;
  border: 1px solid #f5c6cb; 
  color: #491217;
}

table.dataTable thead th, table.dataTable thead td {
  vertical-align: middle;
  text-align: center;
}

/* SCROLL Y TABLE */

/* Table layout */
.fixed_header, .fixed_header_amp {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; /* Ensures consistent column widths */
}

/* Table cells and headers */
.fixed_header th, .fixed_header_amp th {
  padding: 8px;
  text-align: center;
  border: 1px solid #e5e7eb;
  margin:  auto;
}

/* Frozen first column */
.fixed_header td:nth-child(1),
.fixed_header th:nth-child(1) {
  /* background: red; */ /* Highlighted background for frozen column */
  position: sticky;
  left: 0; /* Ensures the column stays on the left */
  z-index: 5; /* Keeps the column above other cells */
  color: black;
}

/* Add higher z-index for header */
.fixed_header th:nth-child(1) {
  z-index: 6;
}

.fidex_header td, .fixed_header_amp td {
  border: 1px solid #e5e7eb;
}

/* Sticky header */
.fixed_header th, .fixed_header_amp th {
  /*background-color: #1e3a8a;*/
  background-color: white;
  color: black;
  position: sticky;
  top: 0; /* Makes the header stick to the top */
  z-index: 2; /* Keeps the header above the table body */
  margin: auto;
}

/* Zebra striping for rows */
.fixed_header tr:nth-child(odd) {
  background-color: #f9fafb;
}

/* Hover effect for rows */
.fixed_header tr:hover {
  background-color: rgba(14, 116, 144, 0.1);
}

/* No data row styling */
.no-data {
  text-align: center;
  font-size: 14px;
  color: #9ca3af;
}


/* END SCROLL Y TABLE */

.revision-pad {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
/* END REVISION PAD */

input:not(.loginInputs)[type=text], textarea {
  text-transform: uppercase;
}

.activo {
background-color: #2d1a87;
  color: white;
}

.headerBalance {
  background-color: #17a2b8; /*#2d1a87;*/
  color: white;
  text-align: center;
  /* border: 1px solid #17a2b8; */ /*#2d1a87;*/
}
	   
.headerBalance2 {
  background-color: #dbf4ff;
  text-align: left;
  /*border: 1px solid #ccd7e8;       */
}

.rowNumeroBalance {
  border: 1px solid #ccd7e8;
  text-align: right;
  /*padding-right: 5px;*/
}

.cuadroInformacion {
  border: 1px solid #ececec;	
}

.cuadroInformacion:hover {
  background-color: #dbf4ff;
}

.table-hover tbody tr:hover, .buscarTexto:hover {
       background-color: #c4eaff;
       cursor: pointer;
}

.dotYellow { background-color: #ed9e22; }
.dotGreen { background-color: #00ba00; }
.dotRed { background-color: #ff0000; }

.dotYellow, .dotGreen, .dotRed {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}

.vinieta {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: #007bff;
}

.alert-primary {
  background-color: #cce5ff;
  color: #1c5796;
  border-color: #b8daff;
}

.alert-warning {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
#resultadoBusqueda {
  top: -10px;
  left: 0px;
  height: 0px;
  overflow: auto;
  padding: 2px;
  border: 1px solid #59a9ff;
  border-radius: 5px;  
  /*  
  border-left: 1px solid #59a9ff;
  border-bottom: 1px solid #59a9ff;
  border-right: 1px solid #59a9ff;
  * */
  visibility: hidden;
  position: absolute;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}
/* clases para los estatus de los movimientos de caja */
.abierto {
  background-color: #fff9c4;
}

.liquidado{
  background-color: #c8e6c9;
}

.revision {
  background-color: #ffccbc;
}

.rechazado {
  background-color: #ff3d00;
  color: white;
}

.ancla {
  margin-top: 70px;	
}

.login-card-body {
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}

.defBackground {
  background: #f8f8f8 url("../imagenes/logotipos/LOGO.png") no-repeat; 
  background-color: white;
  background-position: center center;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-size: cover;
}


.firstPage {
  background: #f8f8f8 url("../imagenes/BACKGROUND.jpg") no-repeat; 
  background-color: white;
  background-position: center center;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-size: cover;
}

.btn-primary, .card-header:not(#headerBalance) {
  background-color: #2d1a87;
  color: white;
}

.descripcionAmpActualizada {
  background-color: #d4edda;
}

.inventarioCorrecto, .estatusAmpEntregaConcluida {
  background-color: #82e0aa;
}

.inventarioIncorrecto, .estatusAmpEntregaParcial {
  background-color:  #e59866;
}

.inventarioNegativo, .estatusAmpEntregaCancelada {
  background-color:  #e74c3c;
  color:  #f4f6f6;
}

.estatusAmpEntregaEntregada {
  background-color: #ffc107;
}

.estatusAmpDevoluciones {
  background-color: #CCB2D7;
}

.estatusAmpAbierto {
  background-color: #795548;
  color: #fff;
}

.circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}


.btn-primary {
  border: 1px solid #2d1a87;	
}

.nav-tabs li a {
  color: white;
}
.modal-xlg {
  left: 10%;	
    max-width: 80% !important;
}
.gallery-title {
    text-align: center;
	font-weight: 500;
	border-bottom: 1px dotted orange;
	margin-top: 1em;
}

.negativos {
  background-color: #e74c3c;
  color: white;
}

.pendienteSurtir {
  background-color: #f7dc6f;
}

.surtida {
  background-color:  #82e0aa ;
}
/*
@media (min-width: 768px) {
  #maps .modal-dialog {
	width: 90%;
	max-width:1500px;
  }
}
  */
.positivos {
  background-color: green;
  color: white;
}

.actionText {
  font-size: 15px;
}
.btn-opciones {
  font-size: 15px;
  padding: 3px;
}

.btn-opciones:hover {
  color: #343a40;
}
/* ******************************************** */
body, html {
  scroll-behavior: smooth;
}

.txtInfo {
  font-size: 10px;
}

.textoRecortado {
  width: 70%;
  /*height:20px;*/
/*  padding:20px;*/
  border:0px solid blue;
  text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden; 
  text-align: left;
}
.login-box {
  background-color: white;
}

.table > tbody > tr > td {
     vertical-align: middle;
}

body > table > tbody > tr {
  cursor: pointer;
  	
}


input, .custom-control-input {
  cursor: pointer;
}

.demotbl {
    border-collapse: collapse;
    border: 1px solid #69899F;
  }
.demotbl th{
    border: 2px solid #69899F;
    color: #3E5260;
    padding:10px;
  }
.demotbl td{
    border: 1px dotted black;
    color: #002F5E;
    padding:15px;
    width:100px;
} 

select  {
  cursor: pointer;
  padding: 1px;
/*  height: 200%;*/
}

select option {
cursor: pointer;
/*  padding-top: 5px;
  padding-bottom: 5px;
  */
}

select option:hover {
	/*
  background-color: #0079fb;
  color: white;
  */
}

input[type="text"] {
  border-radius: 5px;
}

.spinner {
  margin: 10px auto 0;
  width: 50px;
  text-align: center;
}

.spinner > div {
  width: 14px;
  height: 14px;
  background-color: #479545;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/* CLASS PARA ITME BORRADOS DE "DIAGNOSTICO" DE OS: */
 .itemDeleted {
  background-color: #f8d7da; 
  color: #721c24;
}

.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


  .btnTablaMateriales {
    color: gray;
    border: 1px solid #f2f2f2;
  }
  
.btnTxtFiltros, .btnTxtFiltros:hover {
    background-color: white;
    color: black;
    disabled: true;
    border: 0px;
  }

.titlePseudoCard {
  background-color: #CAD5E2; 
  border: 1px solid #CAD5E2; 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bodyPseudoCard {
  border-left: 1px solid #CAD5E2; 
  border-right: 1px solid #CAD5E2; 
  border-bottom: 1px solid #CAD5E2;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.table-hideable td,
.table-hideable th {
  width: auto;
  transition: width .5s, margin .5s;
}

.btn-condensed.btn-condensed {
  padding: 0 5px;
  box-shadow: none;
}


/* use class to have a little animation */
.hide-col {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.btnEstatusReparacion {
  background-color: #dfe0e1;
}