/* Log */
.fondo-log{
    background: url('../img/BannerTKLog1.jpg');
    background-size: cover;
    min-height: 100vh;
}

.form-log{
    background: url('../img/BackApp.jpg');
    background-size: auto;
    min-height: 100vh;
}

.bodyLogin{
    padding-top: 0px !important;
}

/* Header */
.main-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #212529; /* o el color de tu header */
    transition: all 0.3s ease-in-out;
  }
  
  /* Logo en estado normal */
  .main-header img {
    width: 80px;
    transition: width 0.3s ease;
  }
  
  /* Transición del padding general del header */
  .main-header .px-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: padding 0.3s ease-in-out;
  }
  
  /* Estado reducido (scroll activo) */
  .main-header.shrink img {
    width: 40px !important;
  }
  
  .main-header.shrink .px-3 {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
  }

  .main-header.shrink {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }

  .main-header .nav-link {
    transition: font-size 0.3s ease-in-out;
  }
  
  .main-header.shrink .nav-link {
    font-size: 0.75rem; /* más chico */
  }
  
  .main-header .bi {
    font-size: 1.3rem;
    transition: font-size 0.3s ease-in-out;
  }
  
  .main-header.shrink .bi {
    font-size: 1rem;
  }

.ico-header{
    width: fit-content;
    font-size: 24px;
}

/* Body */

body{
    background: url('../img/BackApp.jpg');
    background-size: auto;
    min-height: 100vh;
    padding-top: 90px;
}

.border-left-danger{
    border-left: .50rem solid #212529 !important;
}

.ico-cards{
    font-size: 30px;
}

.badge{
    font-size: .800em !important;
}

.opc:hover{
    transform: scale(1.1);
    transition: all 1s;
}

/* Presets Generales Customizados */

a{
    text-decoration: none !important;
    color: #212529 !important;
}

.formSpace{
    background: rgba(237, 237, 237 , .50);
    border-radius: 10px;
    border-style: outset;
}

.formSpaceEir{
    background: rgba(255, 255, 255 , .65);
    border-radius: 10px;
    border-style: outset;
}

.tit-pag{
    padding: 20px;
}

.forms-general{
    padding: 20px;
}

.forms-general-ok{
    padding: 10px;
}

.herramientas{
    border: gray 1px solid;
    padding: 10px;
}

.herramientasEir{
    border: gray 1px solid;
    padding: 10px;
    display: flex;
}

.qr{
    margin: auto;
}

.user{
    text-align: right !important;
}

.alertForm{
    border-color: red;
    background: rgba(255, 192, 188, 0.286);
}

.hide{
	display: none;
}

.read{
    background-color: #fff !important;
    font-size: 13px !important;
    text-align: center;
}

/* .resize-td{
    padding: 0.0 !important;
} */

.green{
    background: rgba(187,255,169) !important;
    color: #207c06 !important;
    font-size: 11px !important;
    text-align: center;
}

.alertaEir{
    background: rgb(252, 138, 138) !important;
    color: #a51616 !important;
    font-size: 11px !important;
    text-align: center;
}

.alertaObs{
    background: rgb(248, 194, 119) !important;
    color: #000000 !important;
    font-size: 11px !important;
    text-align: center;
}

.item-eir {
    font-size: 11px !important;
    color: black !important;
    text-align: center;
}

.item-eir-ok {
    font-size: 8px !important;
    color: black !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: bold;
    text-decoration: none !important;
}

.table td, .table th {
	vertical-align: middle !important;
	text-align: center !important;
}

.txtborderocu{
    border: none !important;
}

.buttons-fotos{
    display: flex;
    justify-content: center;
}

.fotosEir{
    display: contents !important;
  }

.btn-save-eir{
    margin: auto !important;
}

#gallery-modal .modal-img{
	width: 100%;
}

.qr_image{
    text-align: center !important;
}

.text_data_qr{
    display: none;
}

.addcosto{
    justify-content: space-evenly;
    padding: 0px;
}

/* Colors Pagination */
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: black !important;
    border-color: black !important;
}

.text-black{
    color: rgb(143, 142, 142) !important;
}

.cat-eir-ok{
    font-size: 10px;
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: bold;
    text-decoration: none !important;
    background-color: white;
}

.resize-td-ok{
    padding: 0px !important;
}

.eirPDF{
    background: white;
}

/* .table-ok{
    border-color:#000000 !important;
} */

.pestañas{
    display: flex;
    justify-content: center;
}

.c{
    background-color: transparent !important;
    border-color: transparent !important;
}

.nav-services{
    border-bottom: 2px solid black !important;
}

.nav-link.nav-serv{
    color: black !important;
}

.nav-serv.active{
    color: white !important;
    background-color: black !important;
    border-color: black !important;
}

.ipt{
    background: none;
    border: none;
}

.realizado{
    color: green !important;
}

.nav-bills{
    border-bottom: 2px solid #28a745 !important;
}

.nav-link.nav-bill{
    color: #28a745 !important;
}

.nav-bill.active{
    color: white !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

table {
    border-bottom-color: none !important;
}

.list, .drop-zone { 
    width: auto; min-height: 200px; padding: 10px; border: 1px solid #ccc; 
}

.field { 
    padding: 8px; margin: 5px; cursor: move; 
}

.marcaAgua{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-38deg);
    font-size: 140px;
    color: rgba(0, 0, 0, 0.1);
    pointer-events: none;
    z-index: 0;
    white-space: nowrap;
    text-align: center;
}

.select-custom{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    font-style: italic;
    background-color: transparent;
}

.btn-flotante {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    border-radius: 50%;
    /* padding: 15px 18px; */
    font-size: 10px;
  }