/**
 *  @file        : albala_mods.css
 *  
 *  @description : 
 *  @license     : baratz
 *  @ver         : 7.0
 *  @copyright   : 2018
 *  
 *  @author      : http://www.baratz.es/
 *  @date        : 2018-01-23
 *  
 *  @human       : Xosé Manuel Paz Graña <Xosé_manuel.paz@albadoc.com>
 *  @human       : José Antonio Iglesias <jose_antonio.iglesias@albadoc.com>
 *  
 *  @details: Docuemnto para el pisado de estilos.
 *  		Los docs albala_00.css y albala_01.css son generados vía preprocesado Less y se pisan al generar un nuevo doc.
 *  		Para insertar estilos, utilizar este documento. Rigen las reglas de herencia determinadas en los otros documentos css (si existen reglas aplicadas)
 *  
 */
 .fila_sample_loan{
	border-bottom: 2px solid #a2c1fc;
	    padding-top: 5px;
 }
.cont_combobox_autoridades .combobox_autoridades .btn_lista_autoridades .selectize-control .selectize-input .item {margin-left:50px !important}
.cont_combobox_autoridades .combobox_autoridades .btn_lista_autoridades {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 51px;
    height: 34.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

 #MultipleRecordsForm .dataTable.entradas .form-control.selectize-control .selectize-input .item:first-child, #MultipleRecordsForm .dataTable.entradas .selectize-control .selectize-input .item:first-child{margin-left:50px !important}
 
#MultipleRecordsForm .dataTable.entradas .selectize-control.single .selectize-input input{padding-left:0px !important;}
#MultipleRecordsForm .dataTable.entradas .form-control.selectize-control .selectize-input input, #MultipleRecordsForm .dataTable.entradas .selectize-control .selectize-input input{padding-left:51px !important;}
.cont_combobox_autoridades .combobox_autoridades .selectize-control .selectize-input{padding-left:51px}
 .authority_metadata .media-body .fila{
 padding-top:3px;
 padding-bottom:3px;
 }
 .authority_metadata .media-body .fila .text-info{
 color: #24566f;
 }
 .authority_metadata .media-body .fila .text-muted{
 color: #750a0a;
 }

 span.input-group-addon.columna_filtro_busqueda:hover{
	color: #46a51f;
    cursor: pointer;
 }
 li.slct a{background:#aec95b !important;}
 .selectize-dropdown [data-selectable] .highlight {
    background: rgb(246, 174, 94) !important;
    color: #000 !important;
    text-decoration:none !important;
    /* text-decoration: underline; */
    /* padding: 1px; */
    /* border: 0px solid;*/
 }
 .breadlink_action{
 	background-color:#c3cca8 !important;
 }

 .selectize-dropdown [data-selectable].active {
    background-color: #bacde6 !important;
    color: #1d4075 !important;
}

 li.slct a{background:#aec95b !important;}
 cont_createInputCodClasif{ line-height:1.3em;}
.cont_createInputCodClasif .span_createInputCodClasif{
    width: 50%;
    min-height:30px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    border: 1px solid #dfdede;
    background-color: #f2f2f2;
    font-style: italic;
    color:green;
}
.cont_createInputCodClasif .input_createInputCodClasif{ width:50%;margin:0px;padding:0px;float:right; }
.MultipleRecordsForm .cont_createInputCodClasif .span_createInputCodClasif{ width:50% !important; }
.MultipleRecordsForm .cont_createInputCodClasif .input_createInputCodClasif{ width:50% !important; }
.MultipleRecordsForm .cont_createInputCodClasif{ width:100% !important; }
.checkboxes-select-all input{display:none;}


table.dataTable .cont_subtable .subtable tbody tr.success{background-color:#dff0d8 !important;}
table.dataTable .cont_subtable .subtable tbody tr.info{background-color:#d9edf7 !important;}
table.dataTable .cont_subtable .subtable tbody tr.danger{background-color:#f2dede !important;}
table.dataTable .cont_subtable .subtable tbody tr.warning{background-color:#fcf8e3 !important;}

.dataTable .cont_subtable .btn.btn_registry{padding:4px 4px;font-size:1.3rem !important;color:#1d2e4e}
.dataTable .cont_subtable .btn.btn_registry_filter_success{background-color:#dff0d8 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_info{background-color:#d9edf7 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_danger{background-color:#f2dede !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_warning{background-color:#fcf8e3 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_default{background-color:#90dbb5 !important;}

.dataTable .cont_subtable .subtable.pageId_20603 .registry_text{font-size:1.3rem;font-weight:200;}
.dataTable .cont_subtable .subtable.pageId_20603 .input_para_filtro{border:1px solid #ccc;border-radius: 4px 0px 0px 4px;padding-bottom: 5px;padding-top: 2px;padding-left: 4px;padding-right: 4px;}
.dataTable .cont_subtable .subtable.pageId_20603 .pager_info{padding: 2px 3px 5px 3px;font-size: 1.3rem;color: #1448b1;}
/* visor mail */


/* cof */
.dd_custom-content.fons{ background:#9cc893; color: #082a59;}
.cof_chart_main{ width:94%;margin-left:3%;margin-right:3%;margin-top:25px; }
.cof_chart_main .list-group.list-group-root { padding: 0;overflow: hidden;}
.cof_chart_main .well{border:0px;background-color:#fff;}
.cof_chart_main .fons .text-info{color:#454545;font-weight:600;}
.cof_chart_main .list-group.list-group-root .list-group {margin-bottom: 0;}
.cof_chart_main .list-group.list-group-root .list-group-item {border-radius: 0;border-width: 1px 0 0 0;}
.cof_chart_main .list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.cof_chart_main .list-group.list-group-root > .list-group{padding-left: 15px;}
.cof_chart_main .list-group.list-group-root > .list-group .list-group {padding-left: 15px;}

.cof_chart_main .list-group-item .glyphicon {margin-right: 5px;}
.cof_chart_main .list-group-item .text_icon{padding-right:5px;}
.cof_chart_main .cof_description{ font-size: 0.8em; padding-left:25px;}
.cof_chart_main .title_icon{padding-right:5px;}

.data_text.char_ccu{color: #1245a1; font-weight: 600;}
.data_text.char_cof{color: #20710c; font-weight: 600;}
.data_text.char_ccu.char_cof{color: #6b440a; font-weight: 600;}

.ccu_chart_main{ width:94%;margin-left:3%;margin-right:3%;margin-top:25px; }
.ccu_chart_main .list-group.list-group-root { padding: 0;overflow: hidden;}
.ccu_chart_main .well{border:0px;background-color:#fff;}
.ccu_chart_main .fons .text-info{color:#454545;font-weight:600;}
.ccu_chart_main .list-group.list-group-root .list-group {margin-bottom: 0;}
.ccu_chart_main .list-group.list-group-root .list-group-item {border-radius: 0;border-width: 1px 0 0 0;}
.ccu_chart_main .list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.ccu_chart_main .list-group.list-group-root > .list-group{padding-left: 15px;}
.ccu_chart_main .list-group.list-group-root > .list-group .list-group {padding-left: 15px;}

.ccu_chart_main .list-group-item .glyphicon {margin-right: 5px;}
.ccu_chart_main .list-group-item .text_icon{padding-right:5px;}
.ccu_chart_main .ccu_description{ font-size: 0.7em; padding-left:25px;}

.form_nestable {display: block;width: 100%;height: 34px;color: #555;background-color: #fff;background-image: none;}
#form_mensaje.dlg_nestable{ margin-top:16px;}
.bootbox .modal-header .modal-title{max-width:92%}
.advanced_textual{
    height: 100% auto;
    overflow: auto;
    background: #f1f1f1;
    padding-bottom: 10px;
    border-radius: 6px;
    border-bottom: 3px solid #c3c3c3;
 }
.olvido{font-size:1.4rem; text-align:center;}

#HeadAppNavToolbar .contenedor.container_logo .cont_logo .navbar-logo{
	    max-width: 65%;
    /*max-height: inherit;*/
}


/*login*/
body.login_sin_modal {
    background: url(imgs/background_login.svg) no-repeat;
    background-position-x: unset;
    background-position-y: top;
    background-size: cover;
}
#Remember{width:420px;background-color: #fff;}
#Login.without_sessions{width:420px;background-color: #fff;}
#Login.with_sessions{background-color: #fff;}
#Login.without_sessions .cont_header{background-color: #fff;}
#Login.with_sessions .cont_header{background-color: #fff;}
body.login_con_modal .form_login .form-signin legend{position: relative;float: left;width: 100%;text-align: center;color: #053f62;
    font-size: 2.2rem;
    margin: 2rem 0;
    border-bottom: none;}
body.login_sin_modal .form_login .form-signin legend{position: relative;float: left;width: 100%;text-align: center;color: #053f62;
    font-size: 2.2rem;
    margin: 2rem 0;
    border-bottom: none;}
#Login #logo_empresa img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Login #logo_cliente img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Remember #logo_empresa img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Remember #logo_cliente img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Login .nickname.without_domain{width:100%;}

.modal_view_Header .btn_version{padding: 4px;
    border: 2px solid #8994a3;
    background-color: #8994a3;
    border-radius: 9px;
    color: #f2f2f2;
}

.upload_items .lista_contenedora.lista_carpetas_afectadas .capa .carpetaMedia{max-height:600px;overflow:scroll;}

.otros .close{top:10px !important;}

.modal_mover_elemento .cont_paginacion{padding:2rem;margin-left:25%;}
.login_con_modal .modal_de_Login .form_login .btn_cerrar{background-color:#ffffff !important;}

.cont_control_signaturas .cont_datos .listado_signaturas .item{ width:100%;margin-left:0px;background-color: rgb(42 144 231 / 19%);border-radius: 3px;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .cont_titulo{width:85%;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones {width:15%;text-align:right;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn{margin-right:1px;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-default{background-color:#fff;color:#436CA0;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-success{background-color:#436CA0;color:#fff;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-default:hover{background-color:#f2f2f2;}
.cont_control_signaturas .cont_datos .listado_signaturas .item input.signature{
	width:8%;
    border: 0px;
    background-color: #9fb8c16b;
    border-radius: 8px;
}
.cont_control_signaturas .cont_datos .listado_signaturas{max-height:unset;min-height:125px;}
.cont_control_signaturas .cont_datos .listado_signaturas .select_tu{
    font-size: 1.2rem;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    /* border: 1px solid #a8a9ac; */
    padding: 4px 8px;
    background: #9fb8c16b;
    border-radius: 8px;	
}	
.cont_control_signaturas .cont_datos .listado_signaturas .select_n0{
    font-size: 1.2rem;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    /* border: 1px solid #a8a9ac; */
    padding: 4px 8px;
    background: #9fb8c16b;
    border-radius: 8px;	
}
.bootbox .modal-header .bootbox-info-button.info {
    position: relative;
    float: right;
    width: 28px;
    height: 12px;
    padding: 12px;
    color: #fff;
    border: 0px solid #fff;
    margin-top:2px;
    margin-right:5px;
    border-radius: 50%;
    background:transparent;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}
.bootbox .modal-header .bootbox-info-button.info .fa {
    position: absolute;
    display: block;
    font-size: 2.3rem;
    line-height: 1.1em;
    font-weight: normal;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
}
.modal_gestion_signatura .botonera_acciones_depositos .btn{background-color:#fff;}
.modal_gestion_signatura .botonera_acciones_depositos .btn:hover{background-color:#f2f2f2;}
.modal_gestion_signatura .botonera_acciones_depositos .btn .icono{color:#436CA0;}
.modal_gestion_signatura .botonera_acciones_depositos .btn .btn_titulo{color:#436CA0;}

.modal_gestion_signatura .cont_gestion_espacios .cont_botonera .btn_borrar{background-color:#fff;color:#436CA0;}
.modal_gestion_signatura .cont_gestion_espacios .cont_botonera .btn_borrar:hover{background-color:#f2f2f2;}
.btn-default_blanco{background-color:#fff;color:#436CA0;border:1px solid #436CA0;}
.modal_gestion_signatura .ui_en_uso{color:#2e4b70;}
.modal_gestion_signatura .ui_libre{color:rgb(46 75 112 / 31%)}

#cont_group_IH44 .dd-list{width:50%;}
#cont_group_IH44 .dd-item .dd-content{margin-top:0px;}

.modal_gestion_signatura .cont_gestion_espacios {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 15px 0 15px 0;
	background-color: #428bca0f;
	font-family: "Source Sans Pro",sans-serif;
	border: 1px solid #eee;
}

.modal_gestion_signatura .badge.signatura{
    font-size: 1.2em;
    color: #7DA2BC;
    background: #fff;
    margin: 0 0 10px;
    font-weight: normal;
    padding-bottom: 0px;
}

/* .cont_control_signaturas .cont_datos .listado_signaturas .item {
position: relative;
clear: left;
float: left;
margin-bottom: 4px;
margin-left: 5px;
padding: 6px;
background-color: rgb(42 144 231 / 19%);
min-width: 75%;
border-radius: 3px;
} */
.cont_control_signaturas .cont_datos {
position: relative;
float: left;
width: 100%;
min-height: 93px;
margin-top: 0;
padding: 8px;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#SearchPpal #q{width:90% !important;}

.dd_custom-content .dd_name{
	position: absolute;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 60%;
    display: inline-block;
}

/* pasar al less */

.NOdeps_LB_modal_visor_expediente .contenedor .zona_00 .bloque_izqda ul.media-list .media .media-left .enlace .thumb{width:120px;height:120px;}
.NOdeps_LB_modal_visor_expediente .contenedor .zona_00 .bloque_izqda ul.media-list .media .media-body .media-heading{font-size:1.2rem;}

#pre_ingress_new_fields{
    border: 4px dashed #e7e4e4;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2rem;
    background-color: #f0f0f0;
}
#pre_ingress_new_fields .otros{padding-bottom: 15px; border-bottom: 2px solid #d7d4d4;}
#pre_ingress_new_fields .control-label .label_titulo {
    float: left;
    max-width: 100%;
    padding-left: 10px;
}


/* vista de ejemplares */
.samples_list{margin-bottom:16px !important;}
.samples_info_line{padding:4px;}
.samples_info .label{color: #919191;text-align: right; font-size: 1.4rem;}
.samples_info .samples_info_loan_section{background: #f2f2f2; padding: 4px;}


.cont_control_complex{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 45px;
    max-width: unset !important;
}
.item_header{
	background-color: #77abedc7 !important;
    border-radius: 0px !important;
    margin: 0px auto !important;
    padding: 1px !important;
}
.item_header .control-label{text-align:center;}
.item_header .label_titulo{
	float:unset;
    max-width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    padding-left:0px !important;
}
.item_container {
  display: table;
  width: 100% !important;
  border-collapse: collapse;
}

.item_container .item_edit{
	background-color:#dce7f9 !important
}
.item_container .item_saved{
	background-color:#dcf3dc !important;
}
.item_fila {
  display: table-row;
}

.item_celda {
  display: table-cell;
  padding: 2px;
  text-align: center;
}

/*.item_celda textarea{max-width:12px !important;margin:0px auto; text-align:center;}*/
.item_celda checkbox{max-width:12px !important;margin:0px auto; text-align:center;}

.ctrl_701 .selectize-input,
.ctrl_701 .selectize-dropdown {
    box-sizing: border-box; /* Evita que padding/margin cambien el tamaño */
}

.ctrl_701 .selectize-dropdown {
    max-width: 100%; /* Evita que la lista sea más ancha que el select */
    overflow-x: hidden; /* Evita que el contenido haga scroll horizontal */
}

.ctrl_701 .selectize-input input {
    width: auto !important;
    max-width: 100%; /* Evita que crezca más allá del contenedor */
    white-space: nowrap; /* Impide que el texto se desborde */
}

.ctrl_175 .selectize-input,
.ctrl_175 .selectize-dropdown {
    box-sizing: border-box; /* Evita que padding/margin cambien el tamaño */
}

.ctrl_175 .selectize-dropdown {
    max-width: 100%; /* Evita que la lista sea más ancha que el select */
    overflow-x: hidden; /* Evita que el contenido haga scroll horizontal */
}

.ctrl_175 .selectize-input {
    width: 100% !important;
    max-width: 100% !important; ; /* Evita que crezca más allá del contenedor */
    white-space: nowrap !important; ; /* Impide que el texto se desborde */
}

.ctrl_175 .selectize-control {
    width: 100% !important;  /* Hace que el Selectize se ajuste al contenedor */
    max-width: 100% !important; /* Evita que crezca más de la columna */
    min-width:200px !important;
}

.cont_control_complex  .cont_datos .listado_signaturas .item .botones {width:9% !important;text-align:right;}
.ctrl_702 .selectize-control{max-width:unset !important; width:90% !important;}
.ctrl_701 .selectize-control{max-width:unset !important; width:90% !important;}
.ctrl_702 .selectize-input input{width:100% !important;}
.ctrl_701 .selectize-input input{width:100% !important;}

.rel_root{ display:block}
.relations{ display:inline-block;}
.relations ul,.relations li{list-style:none;}
.table_complex table{width:100% !important}
.table_complex table > thead > tr {
      background-color: #009680; /* Verde */
      color: white;
      padding: 2px;
}
.table_complex table > tbody > tr {
      background-color: #0c395980; /* Azul */
      color: white;
      padding: 2px;
}

span.root_page_tree_calc{
    bottom: 0;
    position: absolute;
    padding-bottom: 4px;
    
    color: #8d8d8d9c;
}

/* Contenedor y tarjetas */
/* Base: ligera elevación y fondo sutil */
.qa-card {
  border-radius: 1rem;
  background: var(--bs-body-bg);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  min-height: 180px;
}

/* Fondo suavemente destacado respecto al body */
.qa-card.qa-centered {
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #fff 8%);
}

/* Hover: más elevación y sutil scale */
.qa-card:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.10);
}

/* Focus accesible similar al hover */
.qa-card:focus {
  outline: 0;
  transform: translateY(-1px) scale(1.005);
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25), 0 8px 20px rgba(0,0,0,.10);
}

/* Icono centrado en “chip” */
.qa-icon {
  width: 48px; height: 48px; min-width: 48px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
}

/* Variantes de color suaves para el “chip” */
.qa-default .qa-icon { background: #f1f3f5; color: #495057; }
.qa-info    .qa-icon { background: #e7f5ff; color: #1971c2; }
.qa-success .qa-icon { background: #ebfbee; color: #2b8a3e; }
.qa-warning .qa-icon { background: #fff4e6; color: #d9480f; }
.qa-danger  .qa-icon { background: #fff5f5; color: #c92a2a; }

/* Texto centrado ya aplicado por .text-center; afinamos espacios */
.qa-title { line-height: 1.2; }
.qa-subtitle { line-height: 1.25; }

/* Chips */
.qa-chip {
  display: inline-block;
  font-size: .75rem;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--bs-border-color);
  color: var(--bs-secondary-color);
  margin: .15rem .25rem 0;
}

/* Estado disabled */
.qa-card.qa-disabled { opacity: .6; pointer-events: none; }

/* Respeta accesibilidad si reduce animaciones */
@media (prefers-reduced-motion: reduce) {
  .qa-card { transition: none; }
  .qa-card:hover, .qa-card:focus { transform: none; }
}

/* tamaño XL del chip */
.qa-icon--xl {
  width: 72px; height: 72px; min-width: 72px;
  font-size: 1.8rem;
}

/* chip circular con degradado, aro y sombra */
.qa-icon {
  --qa-bg: #e7f0ff;   /* fallback si no hay variant/color */
  --qa-fg: #1b64d8;
  --qa-ring: #1b64d8;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 45%),
    linear-gradient(135deg, color-mix(in srgb, var(--qa-bg) 85%, #fff 15%), var(--qa-bg));
  color: var(--qa-fg);
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 8px 18px rgba(0,0,0,.08),
    0 0 0 2px color-mix(in srgb, var(--qa-ring) 25%, transparent);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* hover más marcado (glow suave) */
.qa-card:hover .qa-icon {
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 10px 24px rgba(0,0,0,.12),
    0 0 0 3px color-mix(in srgb, var(--qa-ring) 35%, transparent),
    0 0 28px color-mix(in srgb, var(--qa-ring) 18%, transparent);
  transform: translateY(-1px);
}

/* variantes por defecto (si no pasas item.color) */
.qa-default .qa-icon { --qa-bg:#eef2f6; --qa-fg:#475569; --qa-ring:#64748b; }
.qa-info    .qa-icon { --qa-bg:#e6f2ff; --qa-fg:#1e66f5; --qa-ring:#1e66f5; }
.qa-success .qa-icon { --qa-bg:#eaf7ef; --qa-fg:#2f9e44; --qa-ring:#2f9e44; }
.qa-warning .qa-icon { --qa-bg:#fff3e6; --qa-fg:#d9480f; --qa-ring:#d9480f; }
.qa-danger  .qa-icon { --qa-bg:#ffe8e8; --qa-fg:#c92a2a; --qa-ring:#c92a2a; }

/* dark-mode friendly */
@media (prefers-color-scheme: dark) {
  .qa-icon {
    background:
      radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 45%),
      linear-gradient(135deg, color-mix(in srgb, var(--qa-bg) 70%, #000 30%), var(--qa-bg));
    box-shadow:
      0 1px 0 rgba(255,255,255,.06) inset,
      0 8px 18px rgba(0,0,0,.35),
      0 0 0 2px color-mix(in srgb, var(--qa-ring) 30%, transparent);
  }
}

.main-actions{
  min-height: 120vh;                /* ocupa al menos todo el alto de la ventana */
  background-repeat: no-repeat;     
  background-position: left top; /* esquina inferior-derecha */
  background-size:cover;        /* altura = 100% del contenedor */
  /* opcional: si quieres que no “salte” al hacer scroll del body */
  background-attachment: local;      /* o quítalo; por defecto ya es local */
}

.qa-card.qa-centered {
    	cursor:pointer !important; 
    background-color: #5ccda785;
}
.qa-card.qa-centered:hover {
    background-color: #d7edbd87;
}

.qa-icon i.fa {
    font-size: 5rem !important; 
    color: #33638d !important; 
}

.qa-icon i.fa:hover {

    color: #d1945e !important; 
}

.qa-card .qa-title {font-size: 3rem; color: #141414;}
.qa-card .qa-subtitle {font-size: 3rem; color: #f2f2f2c7;}

/****
MULTICOLUMS
***/
/* ===== Flex "tabla" accesible ===== */
.amc-container{
  background:#fff;
  border:1px solid rgba(16,24,40,.18);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(2,6,23,.08);
  overflow:hidden;
}

/* Cabecera con alto contraste */
.amc-header{
  display:flex;flex-wrap:wrap;align-items:center;
  background:#0b3b74; color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:8px 10px; gap:0;
}
.amc-header.view_mode{
	background:#f5f5f5 !important;
	color:#b4b2b2 !important;
}
.amc-th{
  font-weight:700; letter-spacing:.15px;display: block;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Filas */
.amc-table{padding:8px; background: #dce7f9 !important; overflow:auto;}
.amc-row{display:flex;flex-wrap:wrap;margin:-6px}
.amc-col{padding:6px;box-sizing:border-box}
.amc-table .fila_cont{    border: 1px dashed;
    border-color: #829d9a;
    border-radius: 8px;}

/* Tarjetas */
.amc-tile{
  background:#fff;border:1px solid rgba(16,24,40,.12);
  border-radius:10px;padding:10px 12px;
  box-shadow:0 6px 16px rgba(2,6,23,.06);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.amc-tile:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(2,6,23,.10)}

/* Título + icono */
.amc-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f172a;margin:0}
.amc-title .icono{opacity:.95}
.amc-text{color:#111827}

/* Chips/pills */
.amc-pill{
  display:inline-block;background:#eef2ff;border:1px solid #c7d2fe;color:#1e1b4b;
  padding:2px 8px;border-radius:999px;font-size:12px;margin:2px 4px 0 0
}

/* Relaciones */
.amc-rel{margin-top:6px;border-top:1px dashed #e5e7eb;padding-top:6px;color:#374151}

/* Ellipsis */
.amc-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amc-header .amc-col {
  min-width: 0;              /* clave para que el contenido pueda encogerse */
}
/* Responsive por clases col-1..col-12 */
@media (max-width: 992px){
  /* >=7 cols pasa a 100%; <=6 cols a 50% */
  .amc-col.col-7, .amc-col.col-8, .amc-col.col-9,
  .amc-col.col-10, .amc-col.col-11, .amc-col.col-12 {
    flex:0 0 100% !important; max-width:100% !important;
  }
  .amc-col.col-1, .amc-col.col-2, .amc-col.col-3,
  .amc-col.col-4, .amc-col.col-5, .amc-col.col-6 {
    flex:0 0 50% !important; max-width:50% !important;
  }
  .amc-header .amc-col { flex:0 0 50% !important; max-width:50% !important; min-width: 0;}
  .amc-header {
    flex-wrap: nowrap;
  }
}
@media (max-width: 576px){
  .amc-col { flex:0 0 100% !important; max-width:100% !important; }
  .amc-header .amc-col { flex:0 0 100% !important; max-width:100% !important; min-width: 0;}
}

.cont_combobox_doclinks .combobox_doclinks .selectize-input{width:95% !important; float:right !important;}
.cont_combobox_doclinks .combobox_doclinks .btn_lista_autoridades .selectize-control .selectize-input .item {margin-left:50px !important}
.cont_combobox_doclinks .combobox_doclinks .btn_lista_autoridades {
	width:5% !important; 
	float:left !important;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.selectize-input.disabled > input {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
.albala-doc-row {
  display: flex;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
}

.albala-doc-label {
  flex: 0 0 180px;
  padding-right: 8px;
}

.albala-doc-value {
  flex: 1 1 auto;
}

.albala-doc-section {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #ccc;
}

.albala-doc-section-title {
  font-weight: 600;
  margin-bottom: 4px;
}

/* Más ancho para la ventana de ayuda */
.modal_view_Header .modal-dialog {
  width: 900px;          /* Bootstrap 3 */
  max-width: 95%;        /* por si la pantalla es pequeña */
}

/* Algo más de aire dentro del cuerpo */
.modal_view_Header .modal-body {
  padding: 20px 25px;
}

/* Ajustes finos del contenido de la ayuda */
.modal_view_Header .albala-help-dialog h5 {
  margin-top: 0;
  margin-bottom: 6px;
}

.modal_view_Header .albala-help-dialog .card {
  border: none;
  box-shadow: none;
}

.modal_view_Header .albala-help-dialog .card-body {
  padding: 6px 0;
}

.modal_view_Header .albala-help-dialog .basic_info li {
  margin-bottom: 3px;
}

.modal_view_Header .albala-help-dialog .badge-version {
  font-size: 100%;
  padding: 4px 8px;
  border-radius: 4px;
}
/* Ventana de ayuda: más ancha en escritorio */
.modal_view_Header .modal-dialog {
  width: 900px;              /* ancho fijo en escritorio */
}

@media (max-width: 992px) {
  .modal_view_Header .modal-dialog {
    width: 95%;              /* en pantallas pequeñas ocupa casi todo */
    margin: 10px auto;
  }
}

/* Ajustes del contenido interno */
.albala-help-dialog .panel {
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
}

.albala-help-dialog .panel-heading {
  padding: 5px 0 3px 0;
  border-bottom: none;
}

.albala-help-dialog .panel-body {
  padding: 5px 0;
}

.albala-help-dialog .basic_info li {
  margin-bottom: 3px;
}

.albala-help-dialog .albala-version-label {
  font-size: 13px;
  padding: 3px 8px;
}

.albala-help-dialog .section-title-icon {
  margin-right: 4px;
}

.expediente-electronico-box {
    background-color: #fffbe6; /* similar al amarillo suave que ya se ve */
    border-color: #f0e1a0;
}

.expediente-electronico-box h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.expediente-electronico-box .exp-field {
    margin: 0 0 4px 0;
}

.expediente-electronico-box .exp-label {
    font-weight: bold;
    display: inline-block;
    min-width: 120px; /* ajusta según gusto */
}

.expediente-electronico-box .exp-value {
    word-break: break-all; /* por si el identificador/URL es muy largo */
}


/* Campo copiables: todo el bloque será clickable para copiar */
.js-copy-field {
    position: relative;
    cursor: pointer;
}

/* Icono de copiar, muy discreto */
.js-copy-field .copy-icon {
    opacity: 0;
    font-size: 11px;
    margin-left: 4px;
    transition: opacity .2s;
}

/* Al pasar el ratón, se muestra un poco el icono */
.js-copy-field:hover .copy-icon {
    opacity: 0.6;
}

/* Cuando se ha copiado, marcamos muy sutilmente */
.js-copy-field.copied .copy-icon {
    opacity: 1;
}

/* Opcional: check muy pequeño al copiar */
.js-copy-field.copied::after {
    content: "✓";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    opacity: 0.8;
}


#cont_thumbs.cont_thumbs{
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 2rem;
}

#cont_thumbs.cont_thumbs .panel-exp-info .panel-heading{ padding:1.2rem}
/* Panel expediente como contenedor de galería */
.panel-electronic-exp {
    border-radius: 6px;
}

/* Cards de documentos */
.electronic-doc-card {
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    transition: box-shadow .15s, transform .15s, border-color .15s;
    border: 1px solid transparent;
    cursor: pointer;
}
.electronic-doc-card:hover {
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}
.electronic-doc-card.is-active {
    border-color: #337ab7;
}

/* Miniatura */
.electronic-doc-thumb-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.electronic-doc-thumb {
    width: 100%;
}

/* Badges sobre la miniatura */
.electronic-doc-badges {
    position: absolute;
    left: 6px;
    top: 6px;
}
.electronic-doc-badges .label-xs {
    padding: 1px 4px;
    font-size: 10px;
    margin-right: 2px;
}

/* Título y meta */
.electronic-doc-card-body {
    padding-top: 6px;
}
.electronic-doc-title {
    font-size: 13px;
    font-weight: 600;
}
.electronic-doc-meta {
    margin-top: 2px;
}

/* Panel de detalle */
.electronic-doc-detail {
    margin-top: 15px;
    border-radius: 6px;
}
.electronic-doc-detail-title {
    margin-top: 0;
}
.electronic-doc-field {
    margin-bottom: 8px;
}
.doc-field-wrap {
    border-radius: 4px;
    padding: 4px 6px;
}
.doc-field-wrap:hover {
    background: #f7f7f9;
}

/* Copy icon sutil (reusa lo que ya te pasé) */
.js-copy-field {
    position: relative;
    cursor: pointer;
}
.js-copy-field .copy-icon {
    opacity: 0;
    font-size: 11px;
    margin-left: 4px;
    transition: opacity .2s;
}
.js-copy-field:hover .copy-icon {
    opacity: .6;
}
.js-copy-field.copied .copy-icon {
    opacity: 1;
}
.js-copy-field.copied::after {
    content: "✓";
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    opacity: .7;
}

/* Por defecto, modo vista: sólo se ven los spans-resumen */
.item.item_edit.amc-view-mode .amc-edit {
    display: none;
}
.item.item_edit.amc-view-mode .amc-view {
    display: block;
}
/* Modo edición: se ven los controles y se ocultan los spans */
.item.item_edit.amc-edit-mode .amc-edit {
    display: block;
}
.item.item_edit.amc-edit-mode .amc-view {
    display: none;
}

/* Cada valor de vista compacta dentro de la celda */
.amc-cell .amc-view {
    font-size: 11px;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Los controles ocupan todo el ancho de la celda */
.amc-cell .amc-edit .form-control,
.amc-cell .amc-edit .input-group,
.amc-cell .amc-edit .selectize-control {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
/* === MULTICOLUMNS: botones arriba y texto ayuda solo en modo extendido === */

/* La fila en modo extendido deja hueco para la banda de botones */
.cont_control_complex .cont_datos .listado_signaturas .item.item_edit.amc-edit-mode {
    position: relative;
    padding-top: 38px;     /* espacio para los botones arriba */
    padding-bottom: 18px;  /* un poco de aire abajo */
}

/* Botones: arriba, ocupando la línea, alineados a la derecha */
.cont_control_complex .cont_datos .listado_signaturas .item.item_edit.amc-edit-mode .botones {
    position: absolute;
    top: 16px;
    left: 89%;
    right: 10px;
    width: 10% !important;   /* gana al 9% !important antiguo */
    text-align: right;
    margin: 0;
    float: none;              /* por si acaso heredaba algo */
}

/* Separación vertical entre campos cuando está extendido */
.cont_control_complex .cont_datos .listado_signaturas .item.item_edit.amc-edit-mode .amc-cell {
    margin-bottom: 6px;
}

/* Texto explicativo: solo visible en modo extendido */
.item.item_edit .amc-edit-help {
    display: none;
}

.item.item_edit.amc-edit-mode .amc-edit-help {
display: block;
    margin-top: 22px;
    font-size: 1.2rem;
    color: #426f5d;
    font-style: italic;
}

/* === Historial de movimientos (entradas / salidas) === */

.loan-events {
  margin-top: 4px;
  padding: 6px 8px;
  background: #f9fafb;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

.loan-event {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px dashed #e5e7eb;
  font-size: 12px;
}
.loan-event:last-child {
  border-bottom: none;
}
.loan-event-actions {
  display: flex;
  flex-direction: column;
  margin-right: 6px;
}

.loan-event-actions .btn {
  margin-bottom: 3px;
  /* opcional: hazlos más estrechos */
  padding-left: 6px;
  padding-right: 6px;
}

.loan-event-body {
	display:flex;
  flex: 1 1 auto;
}
.loan-event-date {
  flex: 0 0 110px;
  color: #374151;
}

.loan-event-main {
  flex: 1 1 auto;
}

.loan-event-type {
  margin-bottom: 2px;
}
.loan-event-code {
  font-size: 11px;
  color: #6b7280;
}

.loan-event-name {
  color: #111827;
}

.loan-event-range {
  flex: 0 0 130px;
  text-align: right;
  font-size: 11px;
  color: #4b5563;
}

/* Líneas ocultas cuando está colapsado */
.loan-event-hidden {
  display: none !important;
}

/* Footer con botones */
.loan-events-footer {
  margin-top: 6px;
  text-align: right;
}

.loan-events-footer .btn-xs {
  margin-left: 4px;
}
.loan-events-footer .btn.disabled,
.loan-events-footer .btn[disabled] {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}
/* 🟦 Modo VISTA (colapsado): columnas en línea */
.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit.amc-view-mode .fila_cont {
    display: flex;
    flex-wrap: wrap;
    margin: -2px;
}

/* ✅ POR DEFECTO: todas las filas multicolumna usan flex (2, 3... columnas) */
.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit .fila_cont {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
    width:90%;
    background: #fff;
    padding:12px;
}
/* ✅ POR DEFECTO: todas las filas multicolumna usan flex (2, 3... columnas) */
.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit.amc-edit-mode .fila_cont {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
    width:100%;
}
/* 🟩 SOLO PARA COMPACTO EN EDICIÓN: se pone en bloque y cada celda a 100% */
.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit.amc-edit-mode .fila_cont {
    display: block;
    margin: 0;
}

.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit.amc-edit-mode .fila_cont .amc-cell {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100%;
    padding: 4px 0;
}

/* Celdas: padding y box-sizing coherentes con la cabecera */
.cont_control_complex .cont_datos .listado_signaturas .item .fila_cont .amc-cell {
    padding: 4px;
    box-sizing: border-box;
}

/* En modo edición, cada celda a 100% de ancho */
.cont_control_complex .cont_datos .listado_signaturas 
  .item.item_edit.amc-edit-mode .fila_cont .amc-cell {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100%;
    padding: 4px 0;
}

/* formularios en subtables */
.cont_subtable .form-group{
	margin:6px 6px 6px 6px;
}
.cont_subtable .form-control{
	width:100% !important;
}
.ingress-summary-modal .panel-title {
  font-size: 14px;
}

.ingress-summary-dl dt {
  width: 140px;
}
.ingress-summary-dl dd {
  margin-left: 160px;
  word-wrap: break-word;
}

.ingress-metadata-field {
  margin-bottom: 8px;
}
.ingress-metadata-name {
  margin-bottom: 2px;
}
.ingress-metadata-values {
  padding-left: 18px;
  margin: 0;
}
.ingress-metadata-values li {
  list-style-type: disc;
}
.ingress-metadata-form {
    margin-top: 10px;
}

.ingress-metadata-row {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.ingress-metadata-label {
    text-align: right;
    font-weight: 600;
    color: #555;
}

.ingress-metadata-value {
    word-break: break-word;
}

.ingress-metadata-json table {
    margin-bottom: 0;
    font-size: 12px;
}
/* /* Que la modal sea lo más ancha posible */
.bootbox.modal_ingress_summary .modal-dialog {
    width: 95vw;        
    max-width: 1400px;  
}

.bootbox.modal_ingress_summary .modal-body {
    max-height: 80vh;
    overflow-y: auto;
} 

.electronic-exp-heading{padding:8px !important;}

/* ===== Quick Actions (Bootstrap 3): grid sobrio, 4 por fila en lg, alturas consistentes ===== */

.qa-wrap .qa-card{
  height: 100%;
  cursor: pointer;
  user-select: none;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 6px;
  background: #62b5cd;
  transition: transform .12s ease, box-shadow .12s ease;
}

.qa-wrap .qa-card.qa-disabled{
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: none;
}

/* Layout interno estable (sin depender de utilidades BS4/5) */
.qa-wrap .qa-card-body{
  height: 100%;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.qa-wrap .qa-icon.qa-icon--xl{
  min-height: 52px;
  width: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  background: var(--qa-bg, rgba(0,0,0,0.06));
  color: var(--qa-fg, #333);
  box-shadow: 0 0 0 2px var(--qa-ring, rgba(0,0,0,0.08)) inset;
}

.qa-wrap .qa-text{
  width: 100%;
}

.qa-wrap .qa-title{
  min-height: 38px;           /* ~2 líneas */
  line-height: 1.25;
  margin: 0 0 4px 0;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qa-wrap .qa-subtitle{
  min-height: 34px;           /* ~2 líneas */
  line-height: 1.25;
  margin: 0;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Badge sobrio */
.qa-wrap .qa-badge-wrap{ margin-top: 2px; }
.qa-wrap .qa-badge{
  white-space: nowrap;
  font-size: 11px;
  padding: 4px 8px;
}

/* Chips/tags: reserva altura para que no “baile” */
.qa-wrap .qa-chips{
  min-height: 22px;
  margin-top: 8px;
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}

.qa-wrap .qa-chip{
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  background: rgba(0,0,0,0.05);
}

/* Hover/Focus sobrio */
.qa-wrap .qa-card:not(.qa-disabled):hover,
.qa-wrap .qa-card:not(.qa-disabled):focus{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

.qa-wrap .qa-card:focus{
  outline: none;
}

/* ===== Separación horizontal y vertical (BS3 gutters + filas) ===== */
.qa-wrap .qa-grid{
  margin-left: -10px;
  margin-right: -10px;
}

.qa-wrap .qa-grid > [class*="col-"]{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 16px; /* separación en altura entre filas */
}

/* ===== Variantes (si quieres matiz leve) ===== */
.qa-wrap .qa-default{ }
.qa-wrap .qa-info{ }
.qa-wrap .qa-success{ }
.qa-wrap .qa-warning{ }
.qa-wrap .qa-danger{ }

/* ==== Selection Manager (Bootstrap 3) - limpio ==== */

/* Header */
#modal_selection_manager .selection-manager__header{
  background:#f8f9fb;
  border-bottom:1px solid #e6e9ee;
}
#modal_selection_manager .selection-manager__titlewrap{
  display:flex;
  align-items:center;
  gap:12px;
}
#modal_selection_manager .selection-manager__icon{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#fff;
  border:1px solid #e6e9ee;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:#2b7dbc;
}
#modal_selection_manager .selection-manager__title{
  margin:0;
  font-weight:700;
  color:#46464d;
}
#modal_selection_manager .selection-manager__subtitle{
  margin-top:3px;
  color:#6b7785;
  font-size:12px;
}

/* Callout */
#modal_selection_manager .selection-manager__callout{
  background:#fff;
  border:1px solid #e6e9ee;
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:14px;
}
#modal_selection_manager .selection-manager__callout-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:6px 0;
  color:#4b5563;
}
#modal_selection_manager .selection-manager__grid .col-sm-6{
  margin-bottom:12px;
}

/* Card contenedor */
#modal_selection_manager .sm-card{
  border:1px solid #e6e9ee;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
#modal_selection_manager .sm-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  background:#fbfbfc;
  border-bottom:1px solid #eef1f5;
}
#modal_selection_manager .sm-card__head-left{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:#2f3a45;
}
#modal_selection_manager .sm-card__body{
  padding:12px;
}

/* Badge */
#modal_selection_manager .sm-badge{
  font-size:11px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #e6e9ee;
  background:#fff;
  color:#667085;
}
#modal_selection_manager .sm-badge--impact{
  border-color:#cfe2ff;
  color:#1b5ea7;
  background:#f2f8ff;
}
#modal_selection_manager .sm-badge--safe{
  border-color:#cfe2ff;
  color:#1b5ea7;
  background:#f2f8ff;
}

/* Alert informativo (margen para que no quede pegado) */
#modal_selection_manager .sm-note{
  margin-top:12px;
  margin-bottom:12px;
  border-radius:10px;
  font-size:12px;
}

/* Grupo de opciones */
#modal_selection_manager .sm-choice-group{
  display:block;
}

/* Opción tipo tarjeta */
#modal_selection_manager .sm-choice{
  display:block;
  position:relative;
  padding:12px 12px 12px 46px;
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  color:#2f3a45;
  margin-bottom:10px;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#modal_selection_manager .sm-choice:hover{
  border-color:#cfd6df;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}

/* Check (visible solo cuando está seleccionada) */
#modal_selection_manager .sm-choice__check{
  position:absolute;
  left:12px;
  top:12px;
  width:24px;
  height:24px;
  border-radius:7px;
  border:1px solid #d8dee7;
  background:#f7f9fc;
  display:flex;
  align-items:center;
  justify-content:center;
  color:transparent; /* oculto */
}

#modal_selection_manager .sm-choice__title{
  font-weight:700;
  margin-bottom:2px;
}
#modal_selection_manager .sm-choice__desc{
  font-size:12px;
  color:#667085;
  line-height:1.35;
}

/* Seleccionada */
#modal_selection_manager .sm-choice.is-selected{
  border-color:#2b7dbc;
  background:#f2f8ff;
  box-shadow:0 0 0 3px rgba(43,125,188,.10);
}
#modal_selection_manager .sm-choice.is-selected .sm-choice__check{
  border-color:#2b7dbc;
  background:#2b7dbc;
  color:#fff;
}

/* Footer */
#modal_selection_manager .selection-manager__footer{
  background:#fbfbfc;
  border-top:1px solid #e6e9ee;
}
#modal_selection_manager .selection-manager__hint{
  padding-top:7px;
  color:#6b7785;
  font-size:12px;
}

/* Resultado final */
#modal_selection_manager .sm-result__box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#f2f8ff;
}
#modal_selection_manager .sm-result__icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#2b7dbc;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
#modal_selection_manager .sm-result__title{
  font-weight:700;
  margin-bottom:2px;
}
#modal_selection_manager .sm-result__msg{
  color:#4b5563;
  line-height:1.35;
}
#modal_selection_manager .sm-result__actions{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

/* checkbox compacto en celda */
.sm-rowcheck{
  display:inline-block;
  margin:0 6px 0 0;
  vertical-align:middle;
  cursor:pointer;
}
.sm-rowcheck input[type="checkbox"]{
  margin:0;
  vertical-align:middle;
}

/* Selección global (resultado completo) */
#unidades_seleccionadas_resultado tr.fila-advice{
  background:#f2f8ff;
  border-left:4px solid #2e6da4;
}
#unidades_seleccionadas_resultado tr.fila-advice td{
  vertical-align:top;
}

/* Celda de estado: checkbox + 2 iconos alineados */
table.dataTable td .sr-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  line-height:1;
  white-space:nowrap;
}

/* Checkbox: mismo alto visual y sin márgenes raros de bootstrap */
table.dataTable td .sr-status__check{
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;          /* “slot” fijo */
  height:18px;
  cursor:pointer;
}
table.dataTable td .sr-status__check input[type="checkbox"]{
  margin:0;
  position:relative;
  top:0;
}

/* Iconos: slots fijos para que no se desplacen */
table.dataTable td .sr-status__icons{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
table.dataTable td .sr-status__ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;          /* ancho fijo por icono */
  height:16px;
  line-height:16px;
}

/* “placeholder” cuando no hay icono */
table.dataTable td .sr-status__ico--empty{
  opacity:0;           /* ocupa espacio pero no se ve */
}

#unidades_seleccionadas_resultado tr.fila-advice-preview td{
  background:#fbfdff;
  border-top:0;
}
#unidades_seleccionadas_resultado .advice-preview-wrap{
  border:1px solid #e6e9ee;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
}

.advice-preview-cards{ display:block; }
.advice-card{
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#fff;
  padding:10px 12px;
  margin-bottom:10px;
}
.advice-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #eef1f5;
  padding-bottom:8px;
  margin-bottom:10px;
}
.advice-card__title{ font-weight:700; color:#2f3a45; }
.advice-card__meta{ font-size:12px; margin-top:2px; white-space:nowrap; }
.advice-card__body{ padding-top:2px; }

.advice-kv{
  border:1px solid #eef1f5;
  border-radius:10px;
  padding:8px 10px;
  margin-bottom:10px;
  background:#fbfbfc;
}
.advice-kv__k{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:#6b7785;
  margin-bottom:3px;
}
.advice-kv__v{
  font-size:12px;
  color:#2f3a45;
  word-break:break-word;
}

.cont_tabla_records_unidades_seleccionadas{height:auto;min-height:343px !important;}

.cont_tabla_records_unidades_info .fila-advice-info{
  background:#f2f8ff;
  border-left:4px solid #2e6da4;
}
.cont_tabla_records_unidades_info .fila-advice-info td{
  vertical-align:top;
}

.help-block{color:#091224 !important;}

.panel-related-docs .panel-heading .badge { margin-top: 2px; }
.panel-related-docs .related-doc-title { font-weight: 600; }
.panel-related-docs .table td { vertical-align: middle; }


.crm-inbox-badge{
  display:inline-block;
  margin-left:8px;
  padding:2px 6px;
  font-size:11px;
  line-height:14px;
  border-radius:10px;
  background:#d9534f; /* rojo Bootstrap */
  color:#fff;
  vertical-align:middle;
}

/* (opcional) modo bullet sin número: si lo prefieres, comenta el text y usa width/height */
/*
.crm-inbox-badge{
  width:8px; height:8px; padding:0;
  border-radius:50%;
  text-indent:-9999px;
}
*/

#cont_btn_status.crm-has-new .btn_status i.fa-circle{
  color:#d9534f;
}

/* Modal Inbox */
.crm-inbox-modal .modal-body{ padding-top:10px; }
.crm-inbox-note{ padding:8px 10px; margin-bottom:10px; }

.crm-inbox-toolbar{ margin-bottom:10px; }
.crm-inbox-layout{ margin-top:8px; }

.crm-inbox-list{
  border:1px solid #ddd;
  border-radius:4px;
  height:520px;
  overflow:auto;
  background:#fff;
}

.crm-inbox-detail{
  border:1px solid #ddd;
  border-radius:4px;
  height:520px;
  overflow:auto;
  background:#fff;
  padding:12px;
}

.crm-inbox-item{
  border-bottom:1px solid #eee;
  padding:10px 10px;
  cursor:pointer;
}
.crm-inbox-item:hover{ background:#f7f7f7; }
.crm-inbox-item.active{ background:#e9f2ff; }

.crm-inbox-row1{ font-weight:600; }
.crm-inbox-type{ margin-left:6px; margin-right:6px; }
.crm-inbox-title{ display:inline-block; max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }

.crm-inbox-row2{
  margin-top:4px;
  font-size:12px;
  color:#777;
}
.crm-inbox-key{ float:left; max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.crm-inbox-date{ float:right; }
.crm-inbox-row2:after{ content:""; display:block; clear:both; }

.crm-inbox-row3{
  margin-top:6px;
  font-size:12px;
  color:#555;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.crm-inbox-detail-title{
  font-size:16px;
  font-weight:700;
}
.crm-inbox-detail-meta{
  margin-top:4px;
  font-size:12px;
}

.crm-kv th{ background:#fafafa; }
.crm-pre{
  background:#f7f7f7;
  border:1px solid #e1e1e1;
  padding:10px;
  border-radius:4px;
  font-size:12px;
  white-space:pre-wrap;
}
body > .selectize-dropdown{
  z-index: 99999 !important;
}

.panel-related-docs .panel-heading{padding:8px !important;}
.related-docs-table .related-separator-cell {
  background: #f5f5f5;
  font-weight: 600;
  border-top: 2px solid #ddd;
}

.related-docs-table .related-separator .badge {
  float: right;
}

.related-docs-table .related-doc-title {
  cursor: pointer;
}

.related-docs-table .related-doc-row:hover {
  background-color: #f9f9f9;
}

/* CRM Inbox modal: 80-90% viewport width (Bootstrap 3) */
#modal_crm_inbox .modal-dialog.modal-90{
  width: 90vw;          /* 90% del ancho de ventana */
  max-width: 1600px;    /* opcional: evita gigantes */
  min-width: 900px;     /* opcional: evita estrecho */
  margin: 30px auto;
}

@media (max-width: 992px){
  #modal_crm_inbox .modal-dialog.modal-90{
    width: 96vw;
    min-width: 0;
    margin: 10px auto;
  }
}

/* opcional: más alto aprovechando la pantalla */
#modal_crm_inbox .modal-content{
  height: calc(90vh - 60px);   /* ~90% alto */
}

#modal_crm_inbox .modal-body{
  height: calc(90vh - 140px);  /* descuenta header */
  overflow: hidden;            /* no scroll global */
}

/* scroll interno: lista y detalle */
#modal_crm_inbox .crm-inbox-list,
#modal_crm_inbox .crm-inbox-detail{
  max-height: calc(90vh - 200px);
  overflow: auto;
}
/* círculo del botón UI Status */
#cont_btn_uistatus .js-uistatus-dot{
  font-size: 12px;
  margin-right: 6px;
}

/* estados */
#cont_btn_uistatus .uistatus-dot--ok{ color: #2ecc71; }   /* verde */
#cont_btn_uistatus .uistatus-dot--warn{ color: #f1c40f; } /* amarillo */
#cont_btn_uistatus .uistatus-dot--err{ color: #e74c3c; }  /* rojo */

/* badge centro de mensajes (si ya tienes crm-inbox-badge, ignora) */
.crm-inbox-badge{
  display: inline-block;
  min-width: 18px;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1;
  border-radius: 10px;
  background: #d9534f;
  color: #fff;
  margin-left: 8px;
  vertical-align: middle;
}
/* .crm-inbox-modal{ z-index: 2050; }
.status-modal{ z-index: 2050; }
.modal-backdrop{ z-index: 2040; } */

#footer.footer #cont_btn_version{ background: unset !important;}


/* ajustes para la busqueda avanzada */
.cont_form_busqueda_avanzada .cont_combobox_autoridades .combobox_autoridades:not(.name_TI10) .selectize-control.single{padding-right: 0px !important;}

/* ===== RELFLOW modal header: mejora contraste breadcrumb ===== */
#relflowModal .modal-header { position: relative; }

/* Si tu header ya es azul, hacemos texto claro */
#relflowModal .modal-header,
#relflowModal .modal-header .modal-title,
#relflowModal .modal-header .text-muted {
  color: rgba(255,255,255,.92) !important;
}

/* Migas */
#relflowModal .relflow-breadcrumb {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.2;
  color: rgba(255,255,255,.92) !important;
}

/* Links de migas */
#relflowModal .relflow-breadcrumb a{
  color: rgba(255,255,255,.92) !important;
  text-decoration: none;
}
#relflowModal .relflow-breadcrumb a:hover{
  color: #fff !important;
  text-decoration: underline;
}

/* Separadores */
#relflowModal .relflow-breadcrumb .sep{
  color: rgba(255,255,255,.55) !important;
  margin: 0 6px;
}

/* “Actual” (última miga) */
#relflowModal .relflow-breadcrumb .current{
  color: #fff !important;
  font-weight: 600;
}
/* Acciones en grid (BS3) */
.sd-actions .sd-btn{
  padding: 4px 7px;          /* tamaño uniforme */
  line-height: 1.2;
  border-radius: 3px;        /* más limpio */
}
.sd-actions .sd-btn i{
  color: #fff;               /* icono blanco (pro) */
}
.sd-actions .sd-btn.btn-info{
  border-color: rgba(0,0,0,.08);
}
.sd-actions .sd-btn.btn-primary{
  border-color: rgba(0,0,0,.10);
}

/* Hover más “enterprise” */
.sd-actions .sd-btn:hover,
.sd-actions .sd-btn:focus{
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  outline: none;
}

/* Si quieres que sean casi cuadrados y perfectos */
.sd-actions .sd-btn{
  min-width: 28px;
  text-align: center;
}

.panel-heading.panel-heading-focus {
	animation: albalaPanelFocus 0.9s ease-out;
}

@keyframes albalaPanelFocus {
	0% {
		box-shadow: 0 0 0 0 rgba(51, 122, 183, 0.00);
		background-color: inherit;
	}
	25% {
		box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.10);
		background-color: rgba(51, 122, 183, 0.06);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(51, 122, 183, 0.00);
		background-color: inherit;
	}
}

.bootstrap-datetimepicker-widget {
    z-index: 999999 !important;
}

.vista_ingress .ingress-resumen{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:10px;
}
.vista_ingress .ingress-resumen-main{
	flex:1;
	min-width:0;
}
.vista_ingress .ingress-title{
	font-weight:600;
}
.vista_ingress .ingress-title-row,
.vista_ingress .ingress-meta-row,
.vista_ingress .ingress-dates-row,
.vista_ingress .ingress-dest-row{
	margin-bottom:6px;
}
.vista_ingress .ingress-resumen-actions{
	width:38px;
	text-align:right;
}