/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.container-fluid2 {
    width: 100%;
    padding-right: 150px;
    padding-left: 150px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: space-between;
    display: inherit;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.form-control2 {
    display: block;
    width: 30vh;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1b6ec2;
}

.card .bg-primary {
    color: #fff !important;
    background-color: #1b6ec2 !important;
    border-color: #1b6ec2 !important;
}

.nav-pills .nav-link {
    color: #0366d6; /* Color de texto azul */
    background-color: #fff; /* Fondo blanco */
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

.nav-link.navCustom.active {
    background-color: lightgray;
    border-color: lightgray;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

main {
    width: 100%;
    box-sizing: border-box;
}

body {
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
}

    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/images/fondo.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        opacity: 0.1;
        z-index: -1;
    }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 50px; /* Vertically center the text there */
}

/*Added Manual
----------------------------------------------------------------------------------------------------*/

.custom-image {
    max-width: auto;
    max-height: 300px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Estilos CSS personalizados para UserList*/
.small-btn {
    font-size: 10px; /* Reducir el tamaño de la fuente del botón */
    padding: 1px 2px; /* Ajustar el relleno del botón */
}

/* Estilos CSS personalizados para EquipmentList*/
.custom-form-control {
    width: 150px; /* ajusta el ancho según sea necesario */
    display: inline-block;
    vertical-align: middle;
}

.custom-form-control2 {
    width: auto; /* ajusta el ancho según sea necesario */
    height: 32.43px;
    display: inline-block;
    vertical-align: middle;
    padding: 0.25rem 0.5rem;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: transparent;
}

/* Estilos CSS personalizados para CalibrationByInterval*/
.selected-option {
    border: 1px solid #ced4da; /* Color del borde */
    padding: .4rem .75rem .0rem .0rem; /* Espaciado interno (arriba, derecha, abajo, izquierda) */
    border-radius: .25rem; /* Radio de borde */
    background-color: #e9ecef; /* Color de fondo */
    height: 38px; /* Altura ajustada */
    opacity: 0.85; /* Cambia la opacidad del div para indicar que está deshabilitado */
}

/* Estilos CSS personalizados para AddDatasheet*/
#preview {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 2px;
    background: #fff;
    max-width: 100%;
}

    #preview img {
        width: 500px;
        height: 550px;
    }

/* Estilos CSS personalizados para EditProfile*/
.image-preview {
    margin-bottom: 10px;
}

.custom-file-input {
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Aplica el efecto hover solo a las filas del tbody */
.fixed-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #1b6ec2;
    color: white;
}

.fixed-header2 {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #b8daff;
    color: black;
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #1b6ec2;
    color: white;
}

.fixed-td {
    background-color: #dcdcdc;
}

tbody.table-hover tr:hover {
    background-color: #e5e5e5;
}

tbody.table-hover2 tr:hover {
    background-color: #d1ecf1;
}

/* Estilos CSS personalizados para tabla en Characterization*/
table2 {
    width: 50%;
}

.table td {
    padding: 0.30rem;
    vertical-align: middle !important;
}

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

table.dataTable tbody td {
    padding: 4px 5px;
}

/* Estilos CSS personalizados para Gauge en Index de condiciones ambientales*/
.preview-textfield {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1px;
    font-weight: bold;
    color: white;
    font-family: 'Amaranth', sans-serif;
}

/* Estilos CSS personalizados para tabla en GenerateProgram de Mantenimiento*/
#tablaPrograma td[data-tag-id] {
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Estilos CSS personalizados para tabla en SaveMProgram de Mantenimiento*/
.tag-column-header {
    width: 90px; /* Puedes ajustar este valor según tus necesidades */
}

/* Estilos CSS personalizados en FactibilidadList de Factibilidad*/
#table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #table td, #table th {
        align-content: center,
    }

/* Estilos CSS personalizados en Index de DataSheetsList  MOFA*/
#HojasDatosList {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #HojasDatosList td, #HojasDatosList th {
        align-content: center,
    }

.nowrap {
    white-space: nowrap;
}

/* Estilos CSS personalizados en RealDrift de DataEquipment */
.nav-tabs .nav-item .custom2-nav-link {
    color: white;
    background-color: gray;
}

.nav-tabs .nav-item .custom-nav-link {
    color: black;
    background-color: white;
    border-bottom-color: lightgray;
}

/* Estilos para el enlace activo */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: black;
    background-color: #dcdcdc;
}

/* Estilos CSS personalizados en ErrorChart de DataEquipment */
.radical {
    position: relative;
    font-size: 1.6em;
    vertical-align: middle;
}

.n-root {
    position: absolute;
    top: -0.333em;
    left: 0.333em;
    font-size: 45%;
}

.radicand {
    padding: 0.25em 0.25em;
    border-top: thin black solid;
}

/* Estilos CSS personalizados en EditDataSheet de DataEquipment */
#preview {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 2px;
    background: #fff;
    max-width: 100%;
}

    #preview img {
        width: 500px;
        height: 550px;
    }

/* Estilos CSS personalizados en PartialMenuMonitoring de CrudMonitoring en Condiciones Ambientales */
.modal-ancho {
    max-width: 50%;
}

a.active {
    background-color: rgba(60, 174, 115, 0.45);
    border-radius: 5px;
}

#MenuMonitoring a {
    color: #000000;
}

.header-fixed {
    width: 100%
}

    .header-fixed > thead,
    .header-fixed > tbody,
    .header-fixed > thead > tr,
    .header-fixed > tbody > tr,
    .header-fixed > thead > tr > th,
    .header-fixed > tbody > tr > td {
        display: block;
    }

        .header-fixed > tbody > tr:after,
        .header-fixed > thead > tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

    .header-fixed > tbody {
        overflow-y: auto;
    }

        .header-fixed > tbody > tr > td,
        .header-fixed > thead > tr > th {
            float: left;
        }

.modal-lg {
    max-width: 70%;
}

/* Estilos CSS personalizados para tabla en Index de Company */
#table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #table td, #table th {
        align-content: center,
    }

/* Estilos CSS personalizados en GenerateProgram de Calibration */
.popover {
    width: auto !important;
    height: auto;
}

/* Estilos CSS personalizados en SaveMProgram de Calibration */
.tag-column-header {
    width: 90px;
}

/* Estilos CSS personalizados en Index de Assurrance para Condiciones Ambientales */
#miDiv .measure {
    font-size: 15px;
}

#divResultados .measure {
    font-size: 15px;
}

.remove_button {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button1 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button1:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button2 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button2:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button3 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button3:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button4 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button4:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button5 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button5:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

.remove_button6 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    border: 1px solid #dc3545;
    text-decoration: none; /* Quitar subrayado */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .remove_button6:hover {
        background-color: #c82333; /* Color más oscuro */
        border-color: #bd2130; /* Bordes más oscuros */
        color: #fff; /* Asegurarse de que el color del texto no cambie */
    }

/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */
/* Estilos CSS personalizados en __ de __ */