/* CSS Remediation for CSP style-src unsafe-inline */
/* This file contains styles extracted from inline <style> blocks and style attributes */

/* _LayoutLoginTOKEN.cshtml */
.navbar .navbar-brand {
    padding: 0px 0px !important;
}

.border-bottom-amarillo {
    border-bottom: 3px solid #e7ba61;
}

.toast-container-custom {
    z-index: 9999;
}

.header-container {
    height: 170px;
}

.logo-sif {
    height: 250px;
    width: 100px;
}

/* InicioTOKEN.cshtml */
.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
}

.center-screen a {
    text-decoration: none;
    color: #007bff;
}

.center-screen a:hover {
    background-color: #007bff;
    color: #fff;
}

.carousel .carousel-indicators li {
    background-color: #fff;
    /*background-color: rgba(70,70,70,.25);*/
}

.carousel .carousel-indicators .active {
    background-color: #444;
}

/* Only for beautify example */
.page-header-custom {
    margin: 60px auto;
    text-align: center;
}

.img-full-width {
    width: 100%;
}

.overlay {
    background: rgba(0, 0, 0, 0.3);
}

#destacados p {
    color: #242c4f !important;
}

p.panel:hover,
p.panel:focus {
    color: #fff !important;
}

p.panel,
p.panel {
    color: green !important;
}

.modal-backdrop.fade {
    opacity: 0.25;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.btn-container {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    padding-top: 25px;
}

.center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
}

#error-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#error-message {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    text-align: center;
}

#error-message p {
    color: darkred;
    font-weight: bold;
    margin-bottom: 15px;
}

#error-message button {
    background-color: #f44336;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

#error-message button:hover {
    background-color: #d32f2f;
}

.row-no-margin {
    margin-right: 0px;
    margin-left: 0px;
}

/* _Layout.cshtml */
.vistotrue {
    background-color: #e5e9f0 !important;
}

.navbar-default-white {
    background-color: #ffffff !important;
}

.sidebar-container {
    height: 90vh;
    border-right: 1px solid #e5e5e5;
}

/* _LayoutExterno.cshtml */
.hero-section-home {
    background-image: url('../images/img6.jpg');
    background-position: center center;
    background-size: cover;
}

/* ConsultarDTE.cshtml */
/* Reusing styles from InicioTOKEN.cshtml as they are identical */

/* CambiarContraseñaSigsa.cshtml */
.mt-15 {
    /* Also used for #mensajeError and #mensajeExito */
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

/* RegistrarUsuarioSigsa.cshtml */
/* Reusing styles from InicioTOKEN.cshtml and CambiarContraseñaSigsa.cshtml */

/* Interno.cshtml */
.logo-interno {
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    font-weight: 600 !important;
    margin-bottom: .3em;
    margin-top: -80px;
    text-transform: none;
    font-size: 40px;
    font-family: 'Encode Sans', sans-serif !important;
}

.login-content-logo-h1 {
    font-weight: 600 !important;
}

.material-half-bg-cover {
    height: 50vh;
    background-image: url('/images/trama-04.png') !important;
    background-size: cover;
}

.material-half-bg-custom {
    background-color: #f4f7f7 !important;
}

.login-box-custom {
    border-radius: 10px;
}

.btn-ingresar {
    width: 250px;
}

.navbar-interno-white {
    background-color: #fff !important;
}

/* Sitio/Inicio.cshtml */
/* Reusing styles from InicioTOKEN.cshtml as they are largely identical (center-screen, carousel, overlays, modals, error messages) */

/* InfoFaena/Detalle.cshtml */
/* Alternate every 2 rows: 2 white, 2 grey */
#tabla-datos tr:nth-child(4n+3),
#tabla-datos tr:nth-child(4n+4) {
    background-color: darkgrey !important;
}

#tabla-datos tr:nth-child(4n+1),
#tabla-datos tr:nth-child(4n+2) {
    background-color: white !important;
}

/* Hover effect */
#tabla-datos tr:hover {
    background-color: lightslategrey !important;
}

.text-sm-custom {
    font-size: 0.9rem;
}

.cursor-pointer {
    cursor: pointer;
}


/* InfoFaena/InfoFaena.cshtml & Usuario/ListadoUsuarios.cshtml Shared Table Styles */
.bootstrap-table .fixed-table-toolbar .columns-right {
    margin-left: 5px !important;
    float: right !important;
    border-radius: 4px !important;
}

.bootstrap-table .fixed-table-toolbar .search {
    float: right !important;
}

.EditarIcon {
    cursor: pointer;
}

.fixed-table-pagination-center {
    text-align: center;
}

.pagination>li>a {
    border-radius: 4px !important;
    color: #242c4f;
}

.pagination>.active>a,
.pagination>.active>a:focus {
    background-color: #242c4f;
}

.pagination>li>a:focus,
.pagination>li>a:hover {
    color: #242c4f;
}

.fixed-table-pagination-important {
    text-align: center !important;
}

.pagination-detail-center {
    text-align: center !important;
}

.pagination-margin {
    margin: 10px !important;
}

/* Reusing .mt-8 from other files if available, or adding a class for margin-top: 8rem equivalent? 
   Bootstrap 'mt-5' is usually max. InfoFaena has `.mt-8` which might not be standard bootstrap. */
.mt-8-custom {
    margin-top: 6rem;
    /* Approximate */
}

/* InfoFaena/DetalleDeFaena.cshtml */
.encabezado {
    color: #ffffff;
    background-color: #242c4f;
    border-color: #242c4f;
}

.label-productor {
    color: #7cb97d !important;
}

.label-frigorifico {
    color: #e26c6c !important;
}

.alert-faena {
    color: #bd5c5a;
    background-color: #f9eded;
    border-color: #f9d1d8;
}

.label-faena {
    color: #ff8d8a !important;
}

.table th-custom {
    color: #0072bb !important;
    font-size: 13px;
}

.fixed-table-pagination-center {
    text-align: center;
}

.font-lora {
    font-family: 'lora';
    font-size: 1.3rem;
}

.tab-content-custom {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
}

.mr-320 {
    margin-right: 320px;
}

.container-min-height {
    min-height: 800px;
    margin-top: 3%;
}

/* Reusing .alert-success, .alert-danger, .alert-primary, .alert-secondary since bootstrap usually handles these, 
   but specific overrides were present. Adding specific class overrides. */

.alert-success-custom {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger-custom {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-primary-custom {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-secondary-custom {
    color: #41464b;
    background-color: #f2f2f2;
    border-color: #dddddd;
    border-width: 1px;
}

/* Usuario/IngresarComoOperador.cshtml */
.mt-10-custom {
    margin-top: 10rem;
    /* Approximate based on context if not standard bootstrap */
}

/* Reusing .mt-4 from other files already in bootstrap? */

.mt-30-px {
    margin-top: 30px !important;
}

.my-8-custom {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

/* Sitio/Correos.cshtml */
.ocultar {
    display: none !important;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #FFF;
    background-color: rgba(40, 167, 69, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745;
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    background-color: #71dd8a;
}

.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 0 rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 1px #FFF, 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid~.custom-file-label::before,
.custom-file-input.is-valid~.custom-file-label::before {
    border-color: inherit;
}

.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.btnEliminarCorreo {
    border: 3px #c62828 solid !important;
}

.min-height-78vh {
    min-height: 78vh;
}

.padding-x-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

/* Usuario/ListadoUsuarios.cshtml */
.botonAgregar {
    float: right;
    margin-top: 10px;
    margin-left: 5px;
}

/* Home/Inicio.cshtml */
.height-77vh {
    height: 77vh;
}

.mb-10-px {
    margin-bottom: 10px;
}

.w-100-custom {
    width: 100% !important;
}

.font-weight-bold-custom {
    font-weight: bold;
}

.h-100px {
    height: 100px;
}

.h-120px {
    height: 120px;
}

/* InfoFaena/DemoMobile.cshtml */
.tituloAzul {
    font-family: 'lora';
    font-size: 1.3rem;
    color: #242c4f;
    padding-bottom: 20px;
}

.table-th-demo {
    color: #242C4F !important;
    font-size: 13px;
}

.table-custom-centered>tbody>tr>td,
.table-custom-centered>tbody>tr>th,
.table-custom-centered>tfoot>tr>td,
.table-custom-centered>tfoot>tr>th,
.table-custom-centered>thead>tr>td,
.table-custom-centered>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    text-align: center;
}

.min-height-77vh {
    min-height: 77vh;
}

.mb-15-px {
    margin-bottom: 15px;
}

/* Usuario/DetalleUsuario.cshtml */
.mt-5-percent {
    margin-top: 5%;
}

.mr-10 {
    margin-right: 10px;
}

/* Suscripcion/Baja.cshtml */
.min-height-800px {
    min-height: 800px;
}

/* InfoFaena/DetalleFaena.cshtml */
.font-size-1-2-rem {
    font-size: 1.2rem;
}

.rounded-4px {
    border-radius: 4px;
}

.w-80 {
    width: 80% !important;
}

.py-custom-sm {
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
}

.font-size-0-8-rem {
    font-size: 0.8rem !important;
}

.py-custom-lg {
    padding-top: 2.1rem;
    padding-bottom: 2.1rem;
}

.min-height-150px {
    min-height: 150px;
}

/* InfoFaena/DetalleDeFaenaDte.cshtml */
.subtitle-custom {
    font-weight: 600;
    color: #45538f;
}

/* Login/Interno.cshtml */
.font-size-18 {
    font-size: 18px;
}