/* MIGAS PAN */
.enlaceMigaPan {
	cursor:pointer;
	text-decoration: underline !important;
	padding-right: 10px !important;
}

.rup-breadCrumb_root .rup-breadCrumb_main .sinEnlaceMigaPan {
	padding-right: 10px !important;
}

.required > label::after {
	content: "*";
	color: #d23939;
	margin-left: 5px;
	font-size: 14px;
}

textarea.form-control {
	height: auto;
}

input[type="checkbox"]+label {
	vertical-align: middle;
	padding-left: 3px;
}

.ui-dialog {
	max-width: inherit;
}

#planesBusquedaTabs {
	border: none !important;
}

#abrirDetalleMapa {
	vertical-align: -5px;
}

#detalleMapa .content {
	padding: 0;
}

#detalleMapa .checkbox-material span {
	display: block;
	margin-left: -15px;
}

#planes_filter_fieldset {
	margin-top: 15px;
}

.combo-100 .ui-selectmenu-disabled, .combo-100 .ui-selectmenu,
#planesDetalleTabs .ui-selectmenu-disabled, #planesDetalleTabs .ui-selectmenu {
	width: 100% !important;
}

.rup-date-input-group input,
.rup-date-input-group button {
	height: 25px;
}

.rup-date-input-group input {
	vertical-align: middle;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color: #fff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1;
	background-color: #eceeef;
}

/* TABLA DE COMPARACIÓN DE XMLs */
#popupComparador {
	width: 100%;
	overflow: hidden;
}

#tablaComparacion {
	width: 100%;
	/*max-height: 500px;*/
	overflow: auto;
	display: block;
	border: 1px solid #eee;
	border-bottom: none;
}

#tablaComparacion thead {
	display: block;
}

#tablaComparacion tr {
	display: block;
}

#tablaComparacion tbody {
	clear: both;
	max-height: 410px;
	overflow: auto;
	display: block;
	border-top: 1px solid #eee;
}

#tablaComparacion tbody tr {
	border-bottom: 1px solid #eee;
	clear: both;
}

#tablaComparacion th,
#tablaComparacion td {
	vertical-align: top;
	padding: 5px;
	word-break: break-word;
	width: 180px;
	
	display: block;
	width: 180px;
	float: right;
}

#tablaComparacion th:nth-child(1),
#tablaComparacion td:nth-child(1) {
	display: block;
	float: left;
	width: calc(100% - 360px);
}

#tablaComparacion th:nth-child(1) {
	width: calc(100% - 380px);
}

#tablaComparacion th:nth-child(2) {
	margin-right: 20px;
}

#usuariosExternos {
	width: 100%;
	max-width: 400px;
	margin: 3rem auto;
}

#usuariosExternos_feedback {
	margin-bottom: 30px;
}

#usuariosExternos fieldset {
	padding: 20px 35px 25px 35px;
	border-radius: 3px;
}
#usuariosExternos h2 {
	text-align: center;
	margin: 10px 0 25px 0;
}

#usuariosExternos fieldset label,
#usuariosExternos fieldset input,
#usuariosExternos fieldset button {
	display: inline-block;
	width: 100%;
}

#usuariosExternos fieldset input {
	margin-bottom: 20px;
}


/*poner * al campo password en el detalle del usuario*/
input.password_detalle {
    -webkit-text-security: disc;
    text-security: disc;
}

/** CHECKBOXES SEGUN UDA **/
@keyframes ripple-checkbox-hover {
 0% { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); }
 50% { box-shadow: 0 0 0 6.5px rgba(20, 114, 164, 0.05); }
 100% { box-shadow: 0 0 0 6.5px rgba(20, 114, 164, 0.1); }
}
@keyframes ripple-checkbox-active {
 0% { box-shadow: 0 0 0 6.5px rgba(20, 114, 164, 0.1); }
 50% { box-shadow: 0 0 0 6.5px rgba(20, 114, 164, 0.4); }
 100% { box-shadow: 0 0 0 6.5px rgba(20, 114, 164, 0.6); }
}
.checkbox-material { position: relative; margin: 0.5em 0; text-align: left; }
.checkbox-material.checkbox-material-inline { display: inline-block; margin-right: 1rem; }
.checkbox-material label { cursor: pointer; display: inline; line-height: 1.25em; vertical-align: top; clear: both; padding-left: 1px; }
.checkbox-material label:not(:empty) { padding-left: 0.75em; }
.checkbox-material label:before, .checkbox-material label:after { content: ""; position: absolute; left: 0; top: 0; box-sizing: border-box; }
.checkbox-material label:before { width: 1.25em; height: 1.25em; background: #FFFFFF; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 0.125em; cursor: pointer; transition: background .3s; }
.checkbox-material label:after {}
.checkbox-material input[type="checkbox"] { outline: 0; opacity: 0; width: 1.25em; margin: 0; display: block; float: left; font-size: inherit; }
.checkbox-material input[type="checkbox"]:hover:enabled ~ label:before, .checkbox-material input[type="checkbox"]:checked:hover:enabled ~ label:before { animation: ripple-checkbox-hover 0.2s linear forwards; }
.checkbox-material input[type="checkbox"]:focus ~ label:before { animation: ripple-checkbox-active 0.2s linear forwards; }
.checkbox-material input[type="checkbox"]:checked ~ label:before { background: #1472a4; border: none; }
.checkbox-material input[type="checkbox"]:checked ~ label:after { transform: translate(0.25em, 0.33654em) rotate(-45deg); width: 0.75em; height: 0.375em; border: 0.125em solid #FFFFFF; border-top-style: none; border-right-style: none; }
.checkbox-material input[type="checkbox"]:active:enabled ~ label:before { animation: ripple-checkbox-active 0.2s linear forwards; }
 .checkbox-material input[type="checkbox"]:disabled ~ label:before { border-color: rgba(0, 0, 0, 0.26); }
.checkbox-material input[type="checkbox"]:disabled ~ label { pointer-events: none; }
.checkbox-material input[type="checkbox"]:disabled:checked ~ label:before { background: rgba(0, 0, 0, 0.26); }
table div.checkbox-material-inline label::before, table div.checkbox-material-inline label::after { top: 3px; }
.form-groupMaterial.checkbox-material > label { line-height: 2.9em; position: initial; }
.form-groupMaterial.checkbox-material > label::before, .form-groupMaterial.checkbox-material > label::after { left: 5px; top: 10px; }
.dialog-content-material .checkbox-material label::before, .dialog-content-material .checkbox-material label::after { left: 6px; }
/** FIN CHECKBOXES SEGUN UDA **/


#detalleMapa .checkbox-material label::before { margin-top: 5px; }
#detalleMapa .checkbox-material input[type="checkbox"]:checked ~ label::after { transform: translate(0.25em, 0.737em) rotate(-45deg); }
#detalleMapa .checkbox-material input[type="checkbox"] { display: none; }
#localidadesDiv, #actividadesDiv { margin-left: 0 !important; margin-right: 0 !important; }
#localidadesDiv .paginationContainer, #actividadesDiv .paginationContainer { border: none; }

#actividadesDetalleForm .checkbox-material label::before, #actividadesDetalleForm .checkbox-material label:after {
    left: 17px;
}

.truncate { 
	max-width:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}

#fechaultsimulacro_detail_label{
	width:10em;
}

.textoRadioSeguido{
	margin-right: 5px; 
	margin-left: 5px;
}

.inactivo{
	color: red;
}

.noValidadosHeader{
	font-weight: bolder;
	font-size: 1.1em;
}
.noValidadosNote{
	font-size: 0.9em;
	font-weight: bold;
	padding-left:2.8em;
}
label.classRespuestaCorrecta{
	background-color:lightgreen;
}

label.classRespuestaIncorrecta {
    background-color: coral;
}
p.clsExamenCorreoDestinatario {
    font-weight: bold;
    font-size:1.2em
}
p.clsExamenCorreoDestinatarioTitle {
    color: darkblue;
    font-size: 0.9em;
}

/*
#paginadorPreguntas {
    display: flex;
    flex-wrap: wrap;
}
#paginadorPreguntas .page-item {
    flex: 0 0 6.5%;
    max-width: 6.5%;
    text-align: center;
}
*/

#paginadorPreguntas {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

#paginadorPreguntas li {
    display: none; 
}

#paginadorPreguntas .page-link {
    padding: 6px 10px;
    min-width: 55px;
    text-align: center;
    border-radius: 6px;
}

nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

#btnInicio,
#btnBloqueAnterior,
#btnBloqueSiguiente,
#btnFin {
    width: 40px;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
}

.paginador-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}


/* Lista de respuestas */
#listaRespuestas li {
    font-size: 1.4rem;      
    margin-bottom: 0.8rem;  
}

#listaRespuestas .custom-control-label, #textoIniciarExamen {
    font-size: 1.3rem;
    padding-left: 0.3rem;
}

#listaRespuestas .custom-control-input ~ .custom-control-label::before,
#listaRespuestas .custom-control-input ~ .custom-control-label::after {
    transform: scale(1.3);
    margin-top: 0.3rem;
}
/* Fichas de intervencion */
#fichasEdicionVerticalNav {
    position:fixed;
    top:15rem;
	background:white;
    right:0.5rem;
    border:0.2rem solid darkgray;
    z-index:600;
    width:2.2rem;
    border-radius:1rem;
}

#fichasEdicionVerticalNav table tr td{
    font-size:1.8rem;
    width:100%;
    padding: 0 0.07rem;
	
}
#fichasEdicionVerticalNav table tr td i{
    text-align:center;
    width:100%;
    cursor:pointer;
	margin: 0 auto;
	display:block;
	color:gray;
	border-radius:1rem;
	padding:0.2rem 0.3rem;
}

#fichasEdicionVerticalNav table tr td i.active-nav{
	color:black;
	background:transparent;
}

#fichasEdicionVerticalNav table tr td i.active-nav:hover{
	color:black;
	background:lightgray;
}
#fichasEdicionVerticalNav table tr td i:nth-child(1){
    margin-bottom:0.2rem;
}
#fichasEdicionVerticalNav table tr td i:nth-child(2){
    margin-top:0.2rem;
}
#fichaDetalleDialogContenido{
	padding:1rem 2rem;
	max-height: 100vh;
	padding-bottom:4rem;
}

#fichaDetalleDialogContenido{
	padding:1rem 2rem;
	max-height: 100vh;
	padding-bottom:4rem;
}

span.fichaDetalle_linea_input ,
span.fichaDetalle_linea_input_vacio{
	display:inline-block;
	padding: 0.1rem 0.4rem;
}


span.fichaDetalle_linea_input {
    background-color:#80808024;
    border: 1px solid rgba(0, 0, 0, 0.15);
  	border-radius: .25rem; 
}
span.fichaDetalle_linea_input_vacio{
	min-width:1rem;
}

div#dialogFichaDetalle_Botonera{
	position: fixed;
    bottom: 0;
    left:1vw; 
    width: 98vw;
    background: white;
    border-top: 0.2rem solid darkgray;
    height: 4rem;
    padding: 0;
}

/* tablas */
th.td-w10e,
td.td-w10e{
	max-width:10rem;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.25rem;
}

.dropdown-submenu > .dropdown-toggle::after {
    float: right;
    margin-top: 0.45rem;
    transform: rotate(-90deg);
}