.popover {
    width: 800px; /* Ancho específico */
    height: auto; /* La altura se ajustará al contenido */
    max-width: 100%; /* Ancho máximo como porcentaje */
    padding: 1rem; /* Relleno interno */
}

/* Sección estilos para card de popovers de IA*/
.img-card-ia {
    height: 150px;
    width: 100%;
}

.item-menu-ia {
    padding-left: 5px;
    padding-right: 5px;
}

.item-card-ia {
    transition: 0.5s;
    cursor: pointer;
}

.item-card-title-ia {
    font-size: 15px;
    transition: 1s;
    cursor: pointer;
}

    .item-card-title-ia i {
        font-size: 15px;
        transition: 1s;
        cursor: pointer;
        color: #ffa710
    }

.card-title-ia i:hover {
    transform: scale(1.25) rotate(100deg);
    color: #18d4ca;
}

.card-ia:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
}

.card-text-ia {
    height: 100px;
}

.card-ia::before, .card-ia::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
}

.card-ia::before {
    transform-origin: left top;
}

.card-ia::after {
    transform-origin: right bottom;
}

.card-ia:hover::before, .card-ia:hover::after, .card-ia:focus::before, .card-ia:focus::after {
    transform: scale3d(1, 1, 1);
}

.btn-ia {
    margin-right: 0.5rem !important
}

.btn-ia {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    padding: .7rem 1.5rem;
    border-radius: 0.1275rem
}
/* Fin sección estilos para card de popovers de IA*/

.blue_fact_color {
    color: #2c2b67
}

.cont_avatar {
    text-decoration: none !important;
    color: #2c2b67;
    padding-top: 0;
    padding-bottom: 0;
}

.span_treeview {
    .btn_importar padding-left: 10px !important;
}

/*Inicio de clases para accordiones en web*/

.color_prod {
    color: #F2D925;
}

.panel-body {
    padding: 5px;
}

.panel-default {
    border-color: #294098 !important;
}

.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}


.panel-default > .panel-heading {
    color: #fff;
    background-color: #294098;
    border-color: #294098 !important;
    padding: 0 !important;
}

    .panel-default > .panel-heading a {
        color: #fff !important;
        display: block;
        padding: 10px 15px;
        text-decoration: none !important;
    }

        .panel-default > .panel-heading a:hover {
            text-shadow: 1px 1px 1px rgb(0 0 0);
        }

.collapse {
    display: none;
}

    .collapse.show {
        display: block;
    }


/*Fin de la clase*/

.icon_submenu_lat_pro {
    padding-right: 5px;
    color: #F2D925;
}

.icon_submenu_lat_com {
    padding-right: 5px;
    color: #70F038;
}

.icon_submenu_lat_fin {
    padding-right: 5px;
    color: #47EAF2;
}

.icon_submenu_lat_nom {
    padding-right: 5px;
    color: #E72882;
}

.margin_dash {
    margin-right: 10px;
}

.dropdown-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.4em;
    vertical-align: 0em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropdown-menu .dropdown-toggles::after {
    display: inline-block;
    margin-left: 0.4em;
    vertical-align: 0em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 4px solid !important;
    border-bottom: 0.3em solid transparent;
    border-left: 0.0em solid !important;
}

.dropdown-menu li a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none !important;
    font-size: 14px;
    color: #141a26 !important;
    font-weight: normal;
}

.dropdown-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.font_menu_sup {
    font-size: 14px;
    color: #141a26;
    font-weight: bold;
    cursor: pointer;
}

#menu_superior li {
    font-size: 14px;
    color: #141a26;
    font-weight: normal;
}

.option-first-menu {
    font-size: 14px;
    color: #141a26;
    font-weight: bold;
    cursor: pointer;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.option-first-menu-large {
    font-size: 14px;
    color: #141a26;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pos_logo_factory {
    margin-bottom: 20px;
}

.margin_der_izq_0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.padding_der_izq_0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.border-sub-header {
    border-bottom: solid 1px #EBF0EF;
}

.cont_opciones_index {
    display: flex !important;
    border-bottom: solid 1px #EBF0EF;
    color: #087785;
    padding-bottom: 3px;
}

.font_opciones {
    font-size: 35px !important;
}

.cont_ruta {
    padding-top: 5px;
    overflow-y: auto;
    margin-left:20px;
}

.cont_search {
    margin-top: 8px;
}

.subcont_search {
    display: flex !important;
    padding-right: 0px;
}

.margin_reg_x_pag {
    margin-right: 15px !important;
}

.select_reg_x_pag {
    height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.box_search {
    min-width: 350px !important;
}

.box_search_modal {
    min-width: 300px !important;
}

.box_search_div {
    height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.box_search_input {
    height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn_search {
    padding-bottom: 10px !important;
}

.invoiceBox > input {
    display: none;
}

.invoiceBox label {
    display: block;
}

.boxFile {
    display: inline-block;
    width: 100%;
    border: 1px solid grey;
    background: #fff;
    color: grey;
    padding: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .boxFile:hover {
        cursor: pointer;
        background: grey;
        color: #fff;
    }

    .boxFile i {
        display: block;
        font-size: 26px;
        margin-bottom: 5px;
    }

.attached,
.attached:hover,
.attached:focus {
    background: green;
    color: #fff;
    border: 1px solid green;
}

.cont_tabla {
    margin-top: 5px;
}

#tabla_crud thead tr th {
    text-align: center;
    background-color: #2196f3;
    font-size: 15px;
    color: white;
    border-bottom: solid 1px #087785;
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
    text-align: center;
}

#tabla_crud tbody tr td {
    /*background-color: #FCFFFF;*/
    padding-top: 1vh;
    padding-bottom: 0vh;
    color: black !important;
    font-size: 13px;
    font-weight: 500;
}

#tabla_crud tbody tr:hover {
    color: #212529 !important;
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.embed_row {
    font-size: 12px !important;
    padding-top: 0.35vh !important;
    padding-bottom: 0.35vh !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-18 {
    font-size: 18px !important;
}

#tabla_crud {
    margin-bottom: 5px;
}

.table-scroll-modal {
    height: 400px !important;
    display: block !important;
}

.table-scroll-modal-large {
    height: 400px !important;
    display: block !important;
}

.table-scroll-modal-small {
    height: 260px !important;
    display: block !important;
}

.table-scroll-modal-imp {
    height: 332px !important;
    display: block !important;
}

.table-scroll-modal-cta {
    height: 338px !important;
    display: block !important;
}

.table-scroll-modal-cta tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
    width: 100%;
    position: absolute;
}

.table-scroll-modal-cta tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-modal tbody {
    overflow-y: scroll;
    height: 400px;
    width: 100%;
    position: absolute;
}

.table-scroll-modal-large tbody {
    overflow-y: scroll;
    height: 400px;
    width: 100%;
    position: absolute;
}

.table-scroll-modal-small tbody {
    overflow-y: scroll;
    height: 260px;
    width: 100%;
    position: absolute;
}

.table-scroll-modal-imp tbody {
    overflow-y: scroll;
    height: 332px;
    width: 100%;
    position: absolute;
}

.table-scroll-modal tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-modal-large tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-modal-small tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-modal-imp tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-modal tbody tr td {
    font-size: 11px !important;
}

.table-scroll-modal-large tbody tr td {
    font-size: 15px !important;
}

.table-scroll-modal-small tbody tr td {
    font-size: 15px !important;
}

.table-scroll-modal-imp tbody tr td {
    font-size: 15px !important;
}

.table-scroll {
    height: 350px !important;
    display: block !important;
}

    .table-scroll tbody {
        overflow-y: scroll;
        height: 350px;
        width: 100%;
        position: absolute;
    }

    .table-scroll tr {
        width: 100%;
        display: inline-table;
        table-layout: fixed;
    }

    .table-scroll tbody tr td {
        font-size: 11px !important;
    }

.table-scroll-small {
    height: 200px !important;
    display: block !important;
}

    .table-scroll-small tbody {
        overflow-y: scroll;
        height: 200px;
        width: 100%;
        position: absolute;
    }

    .table-scroll-small tr {
        width: 100%;
        display: inline-table;
        table-layout: fixed;
    }

    .table-scroll-small tbody tr td {
        font-size: 12px !important;
    }

.table-scroll1 {
    height: 70vh !important;
    display: block !important;
}

    .table-scroll1 tbody {
        overflow-y: scroll;
        height: 70vh;
        width: 100%;
        position: absolute;
    }

    .table-scroll1 tr {
        width: 100%;
        display: inline-table;
        table-layout: fixed;
    }

    .table-scroll1 tbody tr td {
        font-size: 11px !important;
    }

.table-scroll-tc {
    height: 220px !important;
    display: block !important;
}

.table-scroll-tc tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 220px;
    width: 100%;
    position: absolute;
}

.table-scroll-tc tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.table-scroll-tc tbody tr td {
    font-size: 13px !important;
}

#tblDocumentosInv thead tr th, #tblDocumentosComp thead tr th {
    background-color: #F1F4F4;
    border-bottom: solid 1px #087785;
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
}

#tblDocumentosInv tbody tr td, #tblDocumentosComp tbody tr td {
    background-color: #FCFFFF;
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
    color: black !important;
    font-size: 13px;
    font-weight: 420;
}

#tabla_asoc_con thead tr th {
    background-color: #F1F4F4;
    border-bottom: solid 1px #087785;
    padding-top: 2px;
    padding-bottom: 2px;
}

#tabla_asoc_con tbody tr td {
    background-color: #FCFFFF;
    padding-top: 3px;
    padding-bottom: 2px;
    color: black !important;
    font-size: 13px;
    font-weight: 420;
}

#tabla_consec_x_doc thead tr th {
    background-color: #F1F4F4;
    border-bottom: solid 1px #087785;
    padding-top: 2px;
    padding-bottom: 2px;
}

#tabla_consec_x_doc tbody tr td {
    background-color: #FCFFFF;
    padding-top: 3px;
    padding-bottom: 2px;
    color: black !important;
    font-size: 13px;
    font-weight: 420;
}

.ancho_opciones {
    width: 110px !important;
}

.ancho_opciones_medium {
    width: 125px !important;
}

.ancho_opciones_xsmall {
    width: 40px;
}

.ancho_opciones_small {
    width: 70px !important;
}

.ancho_opciones_large {
    width: 140px !important;
}

.ancho_opciones_xlarge {
    width: 165px !important;
}

.icon_options {
    color: #087785;
    font-size: 18px !important;
}

.icon_options_trash {
    color: red;
    font-size: 18px !important;
    position: relative;
    left: 2.5px;
}

    .icon_options_trash:hover {
        color: red;
        text-decoration: none;
    }

.icon_options_clone {
    color: #F37924;
    font-size: 18px !important;
    position: relative;
    left: 2.5px;
}

    .icon_options_clone:hover {
        color: #F37924;
        text-decoration: none;
    }

.icon_options_conv_ped {
    color: #7401DF;
    font-size: 18px !important;
    position: relative;
    left: 2.5px;
}

    .icon_options_conv_ped:hover {
        color: #7401DF;
        text-decoration: none;
    }

.icon_options_download {
    color: blue !important;
    font-size: 18px !important;
}

    .icon_options_download:hover {
        color: blue !important;
        text-decoration: none;
    }

.icon_options_update {
    color: #A9066E;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

    .icon_options_update:hover {
        color: #A9066E;
        text-decoration: none;
    }

.icon_options_alert {
    color: red;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

    .icon_options_alert:hover {
        color: red;
        text-decoration: none;
    }

.icon_options_agregar {
    color: blue;
    font-size: 18px !important;
}

    .icon_options_agregar:hover {
        color: blue;
        text-decoration: none;
    }

.icon_options_ubicacion {
    color: #09C72E;
    font-size: 18px !important;
}

    .icon_options_ubicacion:hover {
        color: #09C72E;
        text-decoration: none;
    }

.icon_options_asign_centro {
    color: #03CBAD;
    font-size: 18px !important;
}

    .icon_options_asign_centro:hover {
        color: #03CBAD;
        text-decoration: none;
    }

.icon_options_asign_permiso {
    color: dodgerblue;
    font-size: 18px !important;
}

    .icon_options_asign_permiso:hover {
        color: dodgerblue;
        text-decoration: none;
    }

.icon_options_ver_permiso {
    color: #052869;
    font-size: 18px !important;
}

    .icon_options_ver_permiso:hover {
        color: #052869;
        text-decoration: none;
    }

.icon_options_imprimir {
    color: #515C71;
    font-size: 18px !important;
}

    .icon_options_imprimir:hover {
        color: #515C71;
        text-decoration: none;
    }

.icon_options_autorizar {
    color: #085288;
    font-size: 18px !important;
}

    .icon_options_autorizar:hover {
        color: #085288;
        text-decoration: none;
    }

.icon_options_sustituto {
    color: #F37924;
    font-size: 18px !important;
}

    .icon_options_sustituto:hover {
        color: #F37924;
        text-decoration: none;
    }

.icon_options_proveedor {
    color: #ca6634;
    font-size: 18px !important;
}

    .icon_options_proveedor:hover {
        color: #ca6634;
        text-decoration: none;
    }

.icon_options_chevron {
    color: rgb(0 0 0);
    font-size: 15px !important;
}

.icon_options_acumuladas {
    color: #C70039;
    font-size: 18px !important;
}

.icon_options_contacto {
    color: #3D199E;
    font-size: 18px !important;
}

.icon_options_matop {
    color: #31B877;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

    .icon_options_matop:hover {
        color: #31B877;
        text-decoration: none;
    }

.icon_options_mocfop {
    color: #DC32B8;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

    .icon_options_mocfop:hover {
        color: #DC32B8;
        text-decoration: none;
    }

.icon_options_servop {
    color: #26EBF5;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

.icon_options_servop:hover {
     color: #26EBF5;
     text-decoration: none;
}

.icon_options_excel {
    color: limegreen;
    font-size: 18px !important;
    position: relative;
    left: 3px;
    bottom: -1px;
}

.icon_options_excel:hover {
    color: limegreen;
    text-decoration: none;
}

.cortar_texto {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.check_row {
    text-align: center;
    color: #087785;
}

.font_cell_table {
    color: black !important;
    font-weight: 420;
}

.pad_1_op {
    padding-left: 10px !important;
    padding-right: 1px !important;
}

.pad_2_op {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.pad_3_op {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.cont_paginas {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 70%;
}

.subcont_paginas {
    display: flex !important;
    padding-right: 0px;
}

.cont_parr_mostrando {
    padding-top: 8px !important;
}

.card_header_crud {
    background-color: #FFF;
    border: none;
}

form label {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #141a26;
}

#frmCreateProducto label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#frmUpdateProducto label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#frmCrearOC label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#frmCrearOC .form-control {
    font-size: 13px !important;
}

#frmEditarOC label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#frmEditarOC .form-control {
    font-size: 13px !important;
}

#contEditarOC label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#contEditarOC .form-control {
    font-size: 13px !important;
}

#frmCrearEntradaOC label, #frmEditarEntradaOC label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #141a26;
    margin-bottom: 0px;
}

#frmCrearEntradaOC .form-control, #frmEditarEntradaOC .form-control {
    font-size: 13px !important;
}

#frmCreateProducto .form-group {
    margin-bottom: 8px;
}

#frmUpdateProducto .form-group {
    margin-bottom: 8px;
}

#frmCreateM .form-group {
    margin-bottom: 5px;
}

#frmCreateM .control-label {
    margin-bottom: 2px;
}

#frmUpdateM .form-group {
    margin-bottom: 5px;
}

#frmUpdateM .control-label {
    margin-bottom: 2px;
}

/*.hr-form{
    border: 1px solid #294098;
    
}*/

.inac_consec_col {
    padding-left: 30px;
    padding-right: 0;
}

.inac_consec_grp {
    margin-top: 30px;
}

.heigth_input_text_producto {
    height: calc(1.5em + 0.75rem) !important;
}

.padding_btn_guardar {
    padding-left: 15px;
    padding-right: 15px;
}

.btn_acept_pro {
    background-color: #F2D925 !important;
    color: #141a26 !important;
    font-weight: bold;
    padding: 6px 17px;
}
.btn_acept_carg {
    background-color: #66BFFF !important;
    color: #141a26 !important;
    font-weight: bold;
    padding: 6px 17px;
}

.btn_agregar_mc {
    background-color: #3AF5EF !important;
    color: #141a26 !important;
    font-weight: bold;
}

.btn_agregar_st {
    background-color: #DB98F2 !important;
    color: #141a26 !important;
    font-weight: bold;
}

.btn_regresar {
    background-color: #141a26 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_regresar:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_reset_seleccion {
    background-color: #A129CE !important;
    color: #fff;
    font-weight: bold;
}

    .btn_reset_seleccion:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_agregar {
    background-color: #f2d925 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_agregar:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_procesar {
    background-color: #66BFFF  !important;
    color: #fff;
    font-weight: bold;
}

    .btn_procesar:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_ver_notificaciones {
    background-color: #2196f3 !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px !important;
}

    .btn_ver_notificaciones:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_backup_archivos {
    background-color: #FE2EC8 !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px !important;
}

    .btn_backup_archivos:hover {
        color: #fff;
        text-decoration: none;
    }

.btn-agregar-filtro {
    background-color: #2196f3 !important;
    color: #fff;
    font-weight: bold;
}

    .btn-agregar-filtro:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_regresar:hover {
    color: #fff;
    text-decoration: none;
}

.btn_proceso {
    background-color: #17a2b8 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_proceso:hover {
        background-color: #17a2b8 !important;
        color: #fff;
        text-decoration: none;
    }

.btn_actualizar {
    background-color: #716EAB !important;
    color: #fff;
    font-weight: bold;
}

    .btn_actualizar:hover {
        background-color: #716EAB !important;
        color: #fff;
        text-decoration: none;
    }

.btn_cargar {
    background-color: #04B431 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_cargar:hover {
        background-color: #04B431 !important;
        color: #fff;
        text-decoration: none;
    }

.btn_editar {
    background-color: #BBF4F0 !important;
    color: #000;
    font-weight: bold;
}

    .btn_editar:hover {
        color: #000;
        text-decoration: none;
    }

/*.btn_editar i{
    font-size: 1.2em !important;
}*/

.btn_asociar {
    background-color: #0aadeb !important;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #0aadeb;
}

    .btn_asociar:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0aadeb !important;
    }

    .btn_asociar i {
        font-size: 1.2em !important;
    }

.btn_imprimir {
    background-color: #515C71 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_imprimir:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_info {
    background-color: #01DFD7 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_info:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_doc_rel {
    background-color: #088A85 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_doc_rel:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_importar {
    background-color: #13e95d !important;
    color: #fff;
    font-weight: bold;
}

    .btn_importar:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_crear_req {
    background-color: #33B2A0 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_crear_req:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_autorizar {
    background-color: #085288 !important;
    color: #fff;
    font-weight: bold;
}

.btn_cargar {
    background-color: #188039 !important;
    font-weight: bold;
}

.btn_autorizar:hover {
    color: #fff;
    text-decoration: none;
}

.btn_add_fecha {
    background-color: #009688 !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .btn_add_fecha:hover {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

.btn_asign_bodega_desc {
    background-color: #3AF5EF !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .btn_asign_bodega_desc:hover {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

.btn_noasign_bodega_desc {
    background-color: #78F53A !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .btn_noasign_bodega_desc:hover {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

.btn_asign_bodega_exp {
    background-color: #F32DC6 !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .btn_asign_bodega_exp:hover {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

.btn_noasign_bodega_exp {
    background-color: #78F53A !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

    .btn_noasign_bodega_exp:hover {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

.btn_siguiente {
    background-color: #2ABDDE !important;
    color: #fff;
    font-weight: bold;
}

    .btn_siguiente:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_asignar_impuesto {
    background-color: #9D054F !important;
    color: #fff;
    font-weight: bold;
}

    .btn_asignar_impuesto:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_agregar_item_clasif {
    background-color: #44A7B5 !important;
    color: #fff;
    font-weight: bold;
}

    .btn_agregar_item_clasif:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_refresh_filter {
    margin: 0;
    height: 32px;
    color: #fff !important;
    background-color: #00c1c1 !important;
    text-align: center !important
}

    .btn_refresh_filter:hover {
        color: #fff;
        text-decoration: none;
    }

.btn_enviar_fe {
    margin: 0;
    height: 32px;
    color: #fff !important;
    background-color: #009688 !important;
    text-align: center !important
}

    .btn_enviar_fe:hover {
        color: #fff;
        text-decoration: none;
    }

.h_info {
    color: #01DFD7 !important;
}

    .h_info:hover {
        color: #01DFD7 !important;
    }

.color_prod {
    color: #F2D925;
}

.color_aside {
    color: #f2d925;
}

.pad_swich {
    padding-left: 20px !important;
}

.mod_act {
    background-color: #F2d925;
    color: darkblue;
    text-decoration: none !important;
    text-align: center;
    font-weight: 400;
    padding-top: 3px !important;
}

.mod_act_color_frm {
    background-color: #47EAF2 !important;
    color: darkblue;
}

.mod_act_color_crm {
    background-color: #70F038 !important;
    color: darkblue;
}

.mod_act_color_hrm {
    background-color: #E72882 !important;
    color: darkblue;
}

.contVersion {
    padding-top: 14px !important;
    padding-bottom: 0px !important;
    color: darkblue;
    text-decoration: none !important;
}

.mod_act span {
    color: red;
}

.cont_licencia {
    background-color: #0aadeb;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
}

.cont-foto {
    border: solid 1px #E4E8E8;
    height: 100px;
    width: 90px;
}

.cont-foto-prod {
    border: solid 1px #E4E8E8;
    height: 180px;
    width: 100%;
}

.cont-foto-prod-consulta {
    border: solid 1px #E4E8E8;
    height: 180px;
    width: 100%;
}

.cont-foto-tercero {
    border: solid 1px #E4E8E8;
    height: 120px;
    width: 100%;
}

.thumb-foto {
    max-width: 100%;
    height: auto;
}

.thumb-logo {
    max-width: 100%;
    height: 150px;
}

.edit-logo {
    border: solid 1px #E4E8E8;
    height: 150px;
    width: 100%;
}

.edit-avatar {
    border: solid 1px #E4E8E8;
    height: 300px;
    width: 100%;
}

#list span {
    height: 100px;
    width: 90px;
}

 #list span img {
       height: 100px;
       width: 90px;
 }

#render-img {
    height: 100%;
    width: 100%;
}

#render-img-logo {
    height: 100%;
    width: 100%;
}

#render-img-logo span {
    height: 100%;
    width: 100%;
}

#render-img-logo img {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

#render-img span {
        height: 100%;
        width: 100%;
    }

        #render-img span img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    #render-img img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

footer {
    position: fixed;
    bottom: 0;
}

#details_producto dl dt {
    background-color: #F9FFFF;
    border-bottom: solid 2px #f7f9f8;
}

#details_producto dl dd {
    margin-bottom: 0px;
    border-bottom: solid 2px #f7f9f8;
}

#details dl dt {
    background-color: #f1e9e9;
    color: #212529 !important;
    border-bottom: solid 2px #f7f9f8;
    padding-top: 5px;
    padding-bottom: 5px;
}

#details dl dd {
    background-color: #c3e3fd;
    border-bottom: solid 2px #f7f9f8;
    margin-bottom: 0px;
    padding-top: 5px;
}

.cont-img-prod {
    border: solid 1px rgba(239, 236, 236, 0.95);
    height: 270px;
}

.cont-logo-empresa {
    border: solid 1px #e4e8e8;
    height: 48vh;
}

    .cont-logo-empresa img {
        width: 100%;
        height: 100%;
    }

#imgDetailProd {
    display: block;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 255px;
}

#cmb_asoc_mov .form-control {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 10px !important;
}

.fte_cmb_asoc {
    font-size: 12px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.sin_borde {
    border: none !important;
}

.ancho_sel_asoc {
    width: 20px !important;
}

.ind_consec {
    padding-left: 20px;
}

.ind_consec_header {
    background-color: #141a26;
    color: #fff;
}

fieldset.fieldset-border {
    border: 1px dotted #9a9a9a !important;
    padding: 0 1.4em 0.4rem 1.4em !important;
    margin: 0 0 0 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #E6E8E8;
    box-shadow: 0px 0px 0px 0px #9a9a9a;
    border-radius: 3px;
}

legend.leyend-border {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

fieldset .form-control {
    height: calc(1.5em + 0.3rem);
}


fieldset label.control-label {
    font-size: 14px !important;
}

.reset_modal {
    max-width: 60vw !important;
    max-height: 80vh !important;
}

.pd_btn_detalle {
    padding-top: 2px;
    padding-bottom: 3px;
}

.mt_100 {
    margin-top: 100px !important;
}

.label_detalle {
    border: none !important;
    padding: 0 !important;
    font-weight: bold !important;
}

.control_detalle {
    border: none !important;
    padding: 0 !important;
}

.width_cod_det {
    max-width: 110px !important;
}

.width_nom_det {
    max-width: 300px !important;
}

.width_can_det {
    max-width: 60px !important;
}

.width_cen_det {
    max-width: 130px !important;
}

.width_opc_det {
    max-width: 45px !important;
}

.hide {
    display: none;
}

.con_borde {
    border: 1px solid #dee2e6 !important;
}

.cont-licencia-g {
    background-color: #f2f2f2;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(239,247,243,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(239,247,243,0.4);
    box-shadow: 0px 0px 5px 0px rgba(239,247,243,0.4);
}

.cont-licencia {
    background-color: #f2f2f2;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .cont-licencia p {
        font-size: 18px;
        font-weight: 400;
        color: darkblue;
        border-radius: 20px;
        background-color: #fafafa;
    }

.cont-asociar {
    background-color: #fffefe;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
    -moz-box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
    box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
}

.cont-encabezado {
    background-color: #fffefe;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
    -moz-box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
    box-shadow: -1px 2px 3px 1px rgba(223,221,223,0.73);
}

.check_titulo {
    font-size: 1em;
    color: #141a26;
}

.item_header {
    background-color: #f7f9f8;
}

    .item_header .btn-link {
        font-size: 0.7em !important;
        color: #141a26 !important;
        text-decoration: none !important;
    }

        .item_header .btn-link :hover {
            text-decoration: none !important;
        }

        .item_header .btn-link i {
            color: #e4e8e8 !important;
        }

.reset-box {
    position: absolute;
    top: 4px;
    right: 10px;
    z-index: 1000;
    cursor: pointer;
    color: #D5DFDE
}

.reset-filter {
    position: absolute;
    top: 23px;
    left: 5px;
    z-index: 1000;
    cursor: pointer;
    color: #D5DFDE
}

.control-small {
    height: 2em !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.subt-form {
    background-color: #141a26;
    color: #fff;
    font-weight: bold;
}

.cont-buscar {
    border: none;
}

#cont-buscar-producto {
    border-radius: 0;
}

#txtBuscarProducto {
    border-radius: 0 !important;
}

#txtBuscarProveedor {
    border-radius: 4px !important;
}

#cont-nombre-producto {
    border-bottom: solid 1px #e4e8e8;
}

.buscar-producto {
    background-color: #141a26;
    color: #fff;
    font-size: 20px;
}

.buscar-cod-prove {
    /*background-color: #141a26;*/
    /* background-color: #085288;
    color: #fff;
    font-size: 20px;
    text-align: center !important;*/
    text-align: center !important;
    font-size: 20px !important;
    max-width: 180px;
}

    .buscar-cod-prove a {
        color: #fff !important;
    }


.buscar-prove {
    background-color: #17a2b8;
    color: #fff;
    font-size: 20px;
}

.txtcod {
    border-radius: 0 !important;
}

.cont-nombre {
    border-bottom: solid 1px #e4e8e8;
}

.info-atributo {
    border-bottom: 1px solid #e4e8e8 !important;
    padding-bottom: 6px;
}

.rd-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.rl-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.box-info {
    border: none;
    border-bottom: 1px solid #e4e8e8 !important;
    color: #141a26;
}

.form-control[readonly] {
    opacity: 1;
    background-color: #e9ecef !important;
}

/*table.scroll tbody,
table.scroll thead tr {
    display: block;
}

table.scroll tbody {
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
*/

.ajax-loader {
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    z-index: +10000 !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ajax-loader img {
    position: absolute;
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%);
}

.cursor-pointer {
    cursor: pointer !important;
}

.agregar:focus {
    background-color: #F2D925 !important;
    text-decoration: none;
}

.label-radio {
    font-size: 1.3em !important;
}

.fontsmallnotif {
    font-size: 8px !important;
    color: #2196f3 !important;
}

.btn-cerrar-notificacion {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    border: none;
    border-color: inherit;
    color: inherit;
    background-color: inherit;
}

    .btn-cerrar-notificacion:focus {
        outline: none;
    }

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.acircle {
    display: block;
    width: 31px;
    height: 31px;
    border-radius: 25px;
    background-color: #009688;
    font-size: 20px !important;
    padding-top: 0px !important;
    padding-left: 6px !important;
    margin-top: 2px;
}

a.acircle:hover {
    color: #141a26;
    text-decoration: none;
    background-color: #141a26;
}

.acircle i {
    font-size: 22px !important;
    color: #fff;
}

#encabezadoModal {
    border: 1px solid #17a2b8;
    background-color: #e4e8e8;
    border-radius: 3px;
    font-size: 1.1em;
}

.autorizado {
    background-color: #7ff4c2 !important;
}

.cell-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

    .cell-disabled > a {
        color: currentColor;
        display: inline-block;
        pointer-events: none;
        text-decoration: none;
    }

.a-disabled {
    color: #CED0D1 !important;
    display: inline-block !important;
    pointer-events: none;
    text-decoration: none;
}

.cont-info {
    border: 1px solid #17a2b8;
    background-color: #e4e8e8;
    border-radius: 0px;
    font-size: 1em;
}

#contRango {
    font-size: 14px !important;
}

    #contRango .form-check-label {
        font-size: 14px !important;
    }

custom-control-ch {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
}

.custom-control-input-ch {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

    .custom-control-input-ch:checked ~ .custom-control-label-ch::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-control-input-ch:focus ~ .custom-control-label-ch::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-control-input-ch:focus:not(:checked) ~ .custom-control-label-ch::before {
        border-color: #007bff;
    }

    .custom-control-input-ch:not(:disabled):active ~ .custom-control-label-ch::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .custom-control-input-ch[disabled] ~ .custom-control-label-ch, .custom-control-input-ch:disabled ~ .custom-control-label-ch {
        color: #6c757d;
    }

        .custom-control-input-ch[disabled] ~ .custom-control-label-ch::before, .custom-control-input-ch:disabled ~ .custom-control-label-ch::before {
            background-color: #e9ecef;
        }

.custom-control-label-ch {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label-ch::before {
        position: absolute;
        top: 0.15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #FFF;
        border: #adb5bd solid 2px;
    }

    .custom-control-label-ch::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50% / 50% 50%;
    }

.custom-control-input-ch:checked ~ .custom-control-label-ch::before {
    color: #fff;
    border-color: #007bff;
    /* background-color: #17a2b8 !important;*/
    background-color: #007bff !important;
}

.custom-checkbox-ch .custom-control-label-ch::before {
    border-radius: 0.25rem;
}

.custom-checkbox-ch .custom-control-input-ch:checked ~ .custom-control-label-ch::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox-ch .custom-control-input-ch:indeterminate ~ .custom-control-label-ch::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox-ch .custom-control-input-ch:indeterminate ~ .custom-control-label-ch::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox-ch .custom-control-input-ch:disabled:checked ~ .custom-control-label-ch::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox-ch .custom-control-input-ch:disabled:indeterminate ~ .custom-control-label-ch::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.detalle-info {
    color: #141a26 !important;
    text-align: left;
}

.contTotales {
    font-size: 16px;
}

.anulado {
    color: red !important;
}

#MiModalAnularDocumentos .modal-header {
    cursor: move;
}

.tabla-sin-borde {
    color: #294098;
    font-size: 12px !important;
}

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

.leyend-border > span {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.txtGrid {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 1px !important;
    padding-bottom: 0px !important;
}

.inputTxtGrid {
    height: 1.7em !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.filtros-maestro {
    border-right: solid 1px #00c1c1;
    background-color: #f7f9f8;
}

.filtro {
    background-color: #00c1c1;
    color: #fff;
}

    .filtro h3 {
        margin-bottom: 5px !important;
    }

.hrfilter {
    width: 190px;
    border: 1px solid #00c1c1;
}

.card-img-top {
    width: 90%;
    height: 210px
}

.clase-mensaje {
    position: fixed;
    top: 47px;
    max-width: 93vw !important;
    z-index: 1000;
}

.m2inf {
    margin-bottom: 3px !important;
}

.header_modal {
    background: #2196f3 !important;
    color: white !important;
}

.modal-header .btnClose {
    padding-top: 0px !important;
    padding-right: 12px !important;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: -1rem -1rem -1rem auto;
}

.modal-header .btnCloseBis {
    padding-top: 0px !important;
    padding-right: 12px !important;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: -1rem -1rem -1rem auto;
}

.btnCloseBis1 {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

.btnCloseBis2 {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

.btnCloseBis3 {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

.btnCloseMostrarObli {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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


#cmbRutaAuditoria + .select2-selection__rendered {
    line-height: 31px !important;
    border: 2px solid #E4E8E8 !important;
}

#cmbRutaAuditoria + .select2-container .select2-selection--single {
    height: 35px !important;
    border: 2px solid #E4E8E8 !important;
}

#cmbRutaAuditoria + .select2-selection__arrow {
    height: 34px !important;
}

.btn_select_pro {
    background-color: #afa9a9 !important;
    color: #060606 !important;
    font-weight: bold;
    padding: 6px 17px;
}

.div-header {
    background-color: #2196F3 !important;
    color: white;
    border: 1px solid gray;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.div-body {
    border: 1px solid gray;
    text-align: right !important;
}

.icon_options_paper {
    color: #009688;
    font-size: 18px !important;
}

    .icon_options_paper:hover {
        color: #009688 !important;
        text-decoration: none;
    }

.check_enviar {
    font-size: 1em;
    color: #0075ff !important;
}

.fila_altura {
    height: 25px;
}

.scrollable {
   max-height: 100% !important; /* Altura fija del contenedor */
    overflow-y: auto; /* Añadir scroll vertical */
    overflow-x:hidden;
    border-right: solid 1px #00c1c1; /* Opcional: para ver el borde del contenedor */
}

.content {
    height: auto; /* Permitir que el contenido crezca */
}

.a-disabled2 {
    color: #CED0D1; /* Color del texto cuando está deshabilitado */
    display: inline-block; /* Muestra el elemento en línea */
    text-decoration: none; /* Sin subrayado */
    cursor: not-allowed; /* Cambia el cursor a "no permitido" */
    opacity: 0.6; /* Efecto visual adicional para indicar que está inactivo */
}

.btn_Cierre {
    font-size: 18px !important;
}

.celda_distribucion {
    border: 2px solid #dee2e6;
    background-color: #2196f3;
    font-size: 15px;
    color: white;
    border-bottom: solid 1px #087785;
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
}

.valor_distribucion {
    border: 2px solid #dee2e6;
    text-align: right;
    padding-bottom: 3px !important;
}

.multiselect-wrapper {
    width: 100%;
    position: relative;
}

.select-box {
    position: relative;
}

.select-box select {
    width: 100%;
    cursor: pointer;
}

.over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkbox-list {
    display: none;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background: white;
    width: 100%;
    z-index: 1000;
}

.checkbox-item {
    display: block;
    padding: 2px 8px;
    margin-bottom: 2px !important;
}

.checkbox-item:hover {
    background-color: #f4f4f4;
}

.tamaño {
    background-color: #f4f4f4;
    font-size: 17px !important;
    font-weight: bold;
    border-color: #dee2e6;
}

/*Codigo Para ajustar la foto del Trabajador en Consultas Control:*/
/* Contenedor general para la fila */
.custom-dl {
    display: flex; 
    margin-bottom: 0; 
    width: 100%; 
}

/* Estilos para el <dt> que contiene la imagen */
.custom-dt {
    display: flex; 
    justify-content: center;
    align-items: center; 
    background-color: #f0f0f0; 
    padding-right: 1px; 
    border-radius: 0px; 
    border-bottom: solid 2px #f7f9f8;
}

/* Estilos para el <dd> que contiene los datos */
.custom-dd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%; 
}

/* Estilo para la imagen */
.cont-foto-prod {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
    height: 100%;
}

/* Imagen redonda con un tamaño máximo */
.thumb-foto {
    width: 100%;
    max-width: 150px;
    height: auto;
    border-radius: 2%;
    padding:6px;
}

/* Asegura que las columnas de etiquetas (dt) y datos (dd) se alineen correctamente */
.custom-dd .col-sm-4 {
    padding-bottom: 10px;
    border-bottom: solid 2px #f7f9f8;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f0f0f0;
}

.custom-dd .col-sm-8 {
    padding-bottom: 10px;
    background-color: #c3e3fd;
    border-bottom: solid 2px #f7f9f8;
    padding-top: 5px;
    padding-bottom: 5px;
}

.custom-dd p {
    margin-bottom: 0;
}

#ContEvaCriterios thead th {
    position: sticky;
    top: -1px;
    z-index: 2;
}

/* Opcional: para asegurar que las columnas se mantengan alineadas */
#ContEvaCriterios table {
    table-layout: fixed;
    width: 100%;
}

.Cabecera thead th {
    position: sticky;
    top: -1px;
    z-index: 2;
}

.Cabecera table {
    table-layout: fixed;
    width: 100%;
}

.searchBtn[disabled] {
    pointer-events: none; /* No permite interacción */
    cursor: default; /* Evita el cursor de "manito" */
}

.disabled-tab {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

input[type="checkbox"].no-edit {
    pointer-events: none; /* Bloquea clics */
    opacity: 0.5; /* Se ve grisado */
}

.table-sticky-wrapper {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #dee2e6;
}

/* Cabecera fija */
.table-sticky-wrapper thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f8f9fa; /* ajustar al color de tu tema */
    box-shadow: 0 1px 0 #dee2e6;
}

/* Barra de scroll más delgada (opcional, solo webkit) */
.table-sticky-wrapper::-webkit-scrollbar {
    width: 6px;
}

.table-sticky-wrapper::-webkit-scrollbar-thumb {
    background-color: #adb5bd;
    border-radius: 3px;
}

.icon_options_secundario {
    color: #7420c2;
    font-size: 18px !important;
}

.btn-extended-fab2 {
    background-color: #3b82f6; 
    color: #ffffff; 
    border: none;
    border-radius: 6px; 
    padding: 6px 16px; 
    font-weight: 600; 
    display: inline-flex;
    align-items: center;
    gap: 2px; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); 
    transition: all 0.3s ease; 
}

.btn-extended-fab2:hover {
    background-color: #2563eb; /
    color: #ffffff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); 
    transform: translateY(-1px); 
}

.btn-extended-fab2 i {
    font-size: 1.1rem;
}

.btn-extended-fab2 .btn-text2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.95rem;
}