@import url(normalize.css);
/*@import url(reset.css);*/
@import url(ingresarRef.css);
@import url(formularioCrearPiezasInspeccion.css);
@import url(header.css);
@import url(footer.css);
@import url(ingreso.css);
@import url(consultaPEI.css);
@import url(alertaPEI.css);
@import url(crearInspeccion.css);
@import url(consultaInspecciones.css);
@import url(consultaOtTQC.css);
@import url(crearOtInterna.css);
@import url(detalleInspeccion.css);
@import url(ingresarAccidentesContenedores.css);
@import url(perfil.css);
@import url(cambioContrasena.css);
@import url(funcionesDeRol.css);
@import url(detalleOtTQC.css);
@import url(detalleAccidenteContenedor.css);
@import url(detalleCotizacion.css);
@import url(detallePEI.css);
@import url(not-found.css);
@import url(Referencia.css);
@import url(paginacion.css);
@import url(consultaRef.css);
@import url(pdfDoc.css);

/* Animaciones */

@keyframes cambioColor {
    from {
        
        background-color: tomato;
    }

    to {
        background-color: #5B8FC8;
    }
}

.animationCambioColor {
    animation-name: 'cambioColor';
    animation-duration: '1s';
    animation-iteration-count: '3'
}

.contenedorCargaInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #FCFCFC;
    position:absolute;
    transition: all 0.5s ease;
    z-index: 100;
    gap: 1rem;
    left: 0;
    top: 0;
}

.bgTransparent {
    background-color: transparent;
}

.colorWhite {
    color:white
}

.fechaACambiar {
    margin-left: 0.5rem;
}

.nonMargin {
    margin: 0 !important;
}

button {
    margin-top: 0;
}

/* Colores predeterminados */

.Cnaranja {
    color: orange;
}

.Cverde {
    color: #7BB463;
}

.BGblue {
    background-color:#5B8FC8 ;
}

.BGgreen {
    background-color: #7BB463;
}

.BGred {
    background-color: #EE6546;
}

.BGyellow {
    background-color: #FFBD59;
}

.BGdarkBlue {
    background-color: #14213D ;
}

.BGorange {
    background-color: #D7972E;
}

.BGgrisClaro {
    background-color: #F6F6F6;
}

.BGgrisOscuro {
    background-color: #D0D3D8;
    color: grey;
}

.fontWeight500 {
    font-weight: 500;
    color: #666
}


/* Para darle nombre a una fuente dentro del proyecto no existente en el sistema */

@font-face {
    font-family: "Heebo";
    src: url(/fonts/Heebo-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Inter";
    src: url(/fonts/Inter-VariableFont_slnt,wght.ttf);
}

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border: none;
}

p {
    margin-bottom: 0rem;
}

ul li {
    list-style: none;
}

textarea {
    border: 1px solid #D0D3D8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0.5rem;
}

textarea:focus {
    outline: none;
}

body{
    font-family: 'Inter';
    background-color: #FFF;
    width: 100vw;
    background-color: #D0D3D8 ;
    overflow-x: hidden;
    font-weight: 300;
}

.btnPiezas:hover {
    border: 1px solid #5B8FC8;
}

.error {
    color: tomato;
    padding: 0 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.mistake {
    color: tomato;
    padding: 0 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.err {
    color: tomato;
    padding: 0 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

a {
    white-space: wrap;
    text-decoration: none;
    color: white;
}

a:hover {
    color: white;
}

input:focus {
    outline: none;
}
select:focus {
    outline: none;
}

input[type="checkbox"] {
    height: 20px;
    width: 20px;
}

input[type="search"] {
    -webkit-appearance: none; /* Deshabilitar el estilo predeterminado de Safari */
    appearance: none; /* Deshabilitar el estilo predeterminado de otros navegadores */
    border-radius: 0; /* Aplicar bordes rectangulares */
}

input {
    font-size: 16px;
}

select {
    font-size: 16px;
    /* padding: 0.5rem; */
}

/* Estilo para la barra de desplazamiento completa */
::-webkit-scrollbar {
    width: 5px;  /* ancho de la barra de desplazamiento */
}

/* Estilo para el "pulgar" o la parte móvil de la barra */
::-webkit-scrollbar-thumb {
    background-color: #b2afaf;  /* color del "pulgar" */
    border-radius: 6px;  /* bordes redondeados */
}

/* Estilo para la pista (track) de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;  /* color de fondo de la pista */
}


button,a, i { /* Eliminar enfoque azul al dar click */

    outline: none;
    -webkit-tap-highlight-color: transparent; /* Eliminar el efecto azul en navegadores WebKit */
}