:root {
  
  --main-color: #0d3692;
}
/*--main-color: #0d3692; */ 

html {
	font-family: 'Montserrat', sans-serif !important;
}

body{
	font-family: 'Montserrat', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
	font-family: 'Montserrat', sans-serif !important;
}
.circleList{
	font-size: 0.6em !important;
    vertical-align: text-top;
}

.primaryColor{
	color: var(--main-color);
}

.btn-registrar {
    border-color: currentColor;
    color: white;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    cursor:pointer;
	border-radius: 5px;
	    box-shadow: none !important;
		font-family: 'Montserrat', sans-serif !important;
}

.btn-ingresar {
	background-color: transparent;
	border: none;
    cursor:pointer;
	color: var(--main-color);
	    box-shadow: none !important;
		font-family: 'Montserrat', sans-serif !important;
}
.btn-ingresar:hover {
	color: gray; 
}

.btn-loggued {
	background-color: transparent;
	border: none;
    cursor:pointer;
	/*color: #666666;*/
	color: var(--main-color);
	box-shadow: none !important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
	font-family: 'Montserrat', sans-serif !important;
}
.btn-loggued:hover {
	color: gray;
}

.btn-iniciar {
    border-color: currentColor;
    color: white;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    cursor:pointer;
	border-radius: 5px;
	box-shadow: none !important;
	    width: auto;
    height: auto;
	text-transform: uppercase;
}


.iconLoggued{
	color: var(--main-color);
}

.btn-infoLogguedUser{
	    
}

.searchNavInput{
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--main-color) !important;
	border-radius: 0;
	width: 90% !important;
}

.searchNavInput:focus { 
  background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--main-color) !important;
	border-radius: 0;
}

.searchNavInput::placeholder{
	color: #666666 !important;
}

.searchNavField{
	display: inherit;
	padding-right:0.5em;
}

.titleHeader{
	/*text-transform:uppercase;*/
	font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
	color: #666666 !important;
	/*text-align: center;*/
}

.titleHeader:hover{
    color: gray !important;
	text-decoration: none !important;
	background-color: transparent !important;
}

.itemHeader:focus{
	bolder: none !important;
	outline-color: transparent !important;
}

.titleHeader > .sub-arrow{
	display:none !important;
}

.logoImg{
	height:70px !important;
	width:auto !important;
}

.itemHeader{
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom: auto;
	margin-top:auto;
	width: auto !important; 
}

.searchItem{
/*	margin-left: auto; */
}


.footerStyle{
	background-color: #FF2E63;
}

.textFooterColor{
	color: #777;
}
.textFooterColor:hover{
	color: #777;
	text-decoration: none;
}

.btn-consultar{
	background-color:transparent;
	border:none;
	color: #5a5a5a;
	text-decoration:underline;
	padding-left: 1em;
}
a:visited {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.btn-consultar:hover{
	background-color:transparent;
	border-color:transparent !important;
	color: #5a5a5a;
	text-decoration:underline;
}
.btn-consultar:active{
	
	border-color:transparent !important;
	
}
.btn-consultar:visited{
	
	border-color:transparent !important;
	
}
.linkRegistro{
	color: white;
	text-decoration: none;
}
.linkRegistro:hover{
	color: white;
	text-decoration: none;
}

.navStyle{
	padding: .25rem 2.5rem;
}

.ulNavStyle{
	padding-left: 3.5em;
}

.arrowStyle{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.itemSubList{
	white-space: nowrap !important;
	overflow: hidden;
    text-overflow: ellipsis;
}
.itemSubList:active{
	background-color: #d8d8d8 !important;
	
}
.itemSubList:hover{
	background-color: #d8d8d8 !important;
}
.itemSubList  a:hover{
	color: black !important;
}

#contentWizard {
    display: inline-flex;
	width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 5em;
	padding-bottom: 2.5em;

}

#txtBuscarBuscadorGeneral{
	border-radius: 0px !important;
}

.sidePasos{
    
    
	display: flex;
	cursor: pointer;
}

.divLogguedUser{
		text-align: right;
		width: 100%;
}

.dropdown-menu{
	padding: 0px !important;
}

/* TABLAS */
table.dataTable tbody tr {
    background-color: white !important;
}

thead {
    border-bottom-color: grey !important;
}

table.dataTable thead th{ 
    height: 40px;
	font-size:1.25em;
	vertical-align: middle;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif !important;
    line-height: 1.5;
	color: grey;
}

.tableWidth, #contenidoError {
	width:75%;margin-left:auto;margin-right:auto;
}
table.dataTable tbody td {
	height: 40px;
	font-size:1.25em;
	vertical-align: middle;
}

.dataTables_wrapper{
	margin-top: 2rem;
	margin-bottom: 4rem;
}

table.dataTable tbody tr:hover {
	background-color: gainsboro !important;
	/*cursor: pointer;*/
}

.dataTables_filter, .dataTables_length{
	font-size:1.5em;
}

td > i, td > a > i {
	padding: 5px;
}

.columnaenlacetram > a.enlace:visited{
	color: black !important;
}
.columnaenlacetram > a.enlace{
	color: black !important;
	font-size:1em;
}

.tooltip{
	font-size: inherit !important;
}

.pointer{
	cursor:pointer;
}

/* FIN TABLAS */
form[name="TramiteFormBean"] {
    width: 100% !important;
}

.generatorFrame{
	width: 100% !important;
	border: 0px;
}

#contenedorPrincipal:focus{
	outline-color: transparent !important;
}

.menuPasos{
	white-space: nowrap;
    min-width: max-content;
min-width: -moz-max-content;
min-width: -ms-max-content;
width:15%;
}

#pasos {
    margin-top: 0px;

    &.active {
      animation: scale-display .3s;
      display: block;
    }

		&.out {
			animation: scale-display--reversed .3s;
			animation-fill-mode:forwards;
			display: block;
		}
	}
@keyframes scale-display {
	0% {
		opacity: 0;
		transform: scale(0);
    -webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
    -webkit-transform: scale(1);
	}
}

@keyframes scale-display--reversed {
	0% {
		display: block;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: block;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		display: none;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}



/* ARBOL */
.menuArbol {
 /*   position: relative;*/
    display: block !important;
/*    left: 1%;*/
  /*  margin-top: 15px;*/
  /*  width: 15%;*/
    margin-left: 10px;
  /*  margin-right: auto;*/
    max-width: 18em;
  /*  min-width: 15em;*/
    overflow-y: hidden;
}

.pasoGroup {
    display: block;
    float: left;
    width: 100%;
    max-height: 1.25em;
}

.nombrePaso {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--main-color);
    font-weight: bold;
    vertical-align: top;
	    padding-left: 1.5em;
    font-size: 1.3em;
    line-height: 1em;
}

.circle {
    display: inline-block;
    width: 1em;
    height: 1em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #dedfe0;
    border: 2px solid white;
    vertical-align: middle;
}

.actual {
    background: white !important;
    border: 3px solid var(--main-color) !important;
}

.lineContainer {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 2.5em;
    max-height: 2.5em;
    z-index: -1;
}

.lineNuevo {
    display: block;
    margin-right: 13.5em;
    width: 0.2em;
    height: 5em;
    background: #dedfe0;
	 margin-left: 5px;
}

/* ARBOL FIN*/

.columnaaccionestramite > a{
	color: var(--main-color);
}

.columnaaccionestramite > a:hover{
	text-decoration: none;
}


.btn-sede{
	    background-color: var(--main-color);
    border-radius: 5px;
    height: auto;
    font-size: 1em;
    padding: 0.5em 1.5em !important;
	color: white;
}

.divBotonFin{
	width: 33%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.botonSedeCancel{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1.4rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
	width: inherit;
    margin-left: 10%;
    margin-right: 10%;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	min-width: 20%;
	cursor: pointer;
}

.botonSedeContinue{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1.4rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
	width: inherit;
    margin-left: 10%;
    margin-right: 10%;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	min-width: 20%;
	cursor: pointer;
}


.carousel-caption {
    font-family: "Montserrat", serif !important;
}

#titleWithButtonToolbar{
	position:fixed;
	width:100%;
	top:8.6em;
	background-color:white;
	z-index: 5;
}

#divBotones{
	float:right;
	display: inline-flex;
	padding-right:2%;
}

.divBotonFinDesktop #btguardar {
    background-color: transparent;
    color: var(--main-color);
}


.btn-sede:hover{
	background-color: var(--main-color) !important;
	color: white !important;
}

.divBotonFinDesktop{
	padding-right:5px;
}

#divBotonesMobile{
	display: none;
}

.cuerpo > .subSeccion {
    margin-top: 0em;
}


.g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}

.eSignaIDIcon{
	height: 3em;
    width: auto;
    border-radius: 15px;
}
.showOnlyDesktop{
	display:inline-block;
}
.showOnlyMobile{
	display:none;
}
.divTituloDetalleTramite{
	width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.contactosList span.itemInfoTramite {
    line-height: 1.8em;
}

.subCategory {
    font-size: 1.5em !important;
}
/* MEDIA QUERIES */
/* Smartphones (portrait & landscape) */
@media only screen 
and (min-width : 320px) 
and (max-width : 780px) {
	#contenidoInfoTramite{
		width:85% !important;
	}
	.divTituloDetalleTramite{
		width:85% !important;
	}
	.showOnlyDesktop{
		display:none;
	}
	h2.divCabeceraGeneral{
		width:100% !important;
	}
	
	.showOnlyMobile{
		display:block;
	}
	.menuPasos {
		margin-top:0px;
	}
	#contentWizard {
		display: block;
		padding-top: 6em;
		padding-bottom: 0;
	}
	
	.ulNavStyle{
		padding-left: 0px;
		margin-bottom: 15px;
	}
	.itemHeader {
		text-align: left;
		width: auto !important;
	}
	.titleHeader{
		padding-right: 0 !important;
	}
	
	.divLogguedUser{
		text-align: left;
		width: 100%;
	}
	
	.searchNavInput{
		width: 90% !important;
		font-family: 'Montserrat', sans-serif !important;
	}
	
	nav {
		max-width: inherit;
	}
	
	#titleWithButtonToolbar{
		padding-top: 6em;
		top: 2.5em;
	}
	.divCabeceraGeneralWizard{
		margin-left:0.5em;
		margin-right:auto;
		width:100%;
		/*text-align: center; */
	}
	/*#miga{
		padding-top: 3em;
		width: 100%;
		z-index: 30;
		top:4em !important;
	}*/
	#miga{
		display:none;
	}
	#divBotonesMobile{
		display: block;
		padding-bottom: 1em;
	}
	#divBotones{
		display:none;
		
	}
	.iconosInfoTramite{
		/*margin: 10px auto 10px auto;
        width: 90%;*/
		display:none !important;
	}
	
	#contenidoInfoTramite, #contenidoprincipal {
       width: 100%; 
	}
	
	#contenedorPrincipal, .contenedorPrincipal {
		width: 100% !important; 
		margin-left: auto !important;
		margin-top:5em !important;
		margin-right: auto !important;
	}
	
	#contentTable{
		width: 100% !important;
	}
	
	table.dataTable thead {
    display: none;
	}
	
	.divBotones{
	display:block;

}

.divBotonFin{
	width: 100%;
	margin-top: 1em;
}
	
	
	table.dataTable tbody td>div {
    width: 100%;
    display: block;
    vertical-align: middle;
	
	}
	tr[role=row] td:before{
		width: 100%;
    display: block;
    vertical-align: middle;
	}
	
	/* Para poner las filas una debajo de otra */
	table.dataTable tbody td {
    padding: 5%!important;
    line-height: 150%!important;
    border-top: 1px solid #e9e9e9;
    position: relative;
    width: 90%!important;
    display: block!important;
    left: 0!important;
    height: auto!important;
    border-bottom: none!important;
	text-align: center;
	
	}
	
	tr[role=row] td:before {
    content: attr(data-title);
    color: gray;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	text-align: left;
	}
	
	table.table tbody tr[role=row] {
    display: table;
    width: 95%!important;
    margin: 2.5% !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background: #fff;
    position: relative;
}

	.confirmCustom{
		    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	}
	
	.botonSedeContinue, .botonSedeCancel{
		width: auto;
    min-width: unset;
    margin: auto;
	}
	
	.menuArbol {
    position: inherit;
    width: max-content;
    margin-right: auto;
	margin-left: auto;
    min-width: 10em;
    max-width: unset;
	}
	
	.sidePasos{
		display: none;
	}
	
	.nombrePaso {
    width: 0%;
    display: none;
}
	
	.pasoGroup {
    display: block;
    float: left;
    width: auto;
    height: 1.3em;
	}
	
	.lineContainer {
    display: block;
    float: left;
    width: 2em;
    height: 0.5em;
    max-width: 2em;
    max-height: 0.5em;
    margin-top: 0.4em;
}
	.lineNuevo {
    display: block;
    margin-left: 0%;
    width: 2em;
    height: 0.2em;
    background: #dedfe0;
}

	.menuPasos {
    
    min-width: 100%;
	}
	h2.divCabeceraGeneral{
		width: 95%;
    text-align: left;
    padding: 0;
    margin-left: 5%;
	}
	
	#pasos, .titleWithButtonToolbar{
		z-index: -2;
		max-height: 2em;
	}
	
	.tramite-group, .iconsGroup{
    width: 100% !important;
	}
	
	.viewerContainer{
		width: 100% !important;
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;
	}
	
	.frameViewer{
		max-width: 100%;
		max-height: 420px;
	}
	
	.adjuntarButtonText{
		display: block;
		text-align: left;
		margin: 15px;
	}
	
	#adjuntardocindependiente{
		text-align: center;
		display: block;
		margin: 15px;
	}
	
	#divListadoTramites{
		padding-top: 1em;
	}
	
.textoInfoPaso3{
	margin-top: 1.5em;
}	
	
}

	
/* FIN MEDIA QUERIES */



.tramite-group{
    width: 90%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
	}
.tramite-card{
    margin-left: 1em;
    margin-right: 1em;
    border: none;
	
}
.card-img-top {
   width: 100%;
   height: auto;
}

	.iconCardTitle{
		text-align: center;
		font-size: 1.2em;
    font-weight: bold;
	color: var(--main-color);
	}
	.iconContainer{
		margin-left: auto;
    margin-right: auto;
	border: 2px solid var(--main-color);
    padding: 2.5em;
    border-radius: 50%;
	cursor: pointer;
	background-color: var(--main-color);
	}
	
	.iconContainer > span{
		color: white;
	}
		.iconsGroup{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		
		.iconCard{
			padding: 2em;
			
			    border: none;
		}
		.carousel {
    margin-bottom: 0.5em;
}

.iconBody{
	padding: 1.25rem 0 0;
	text-align: center;
}

.dataTables_length, .dataTables_filter{
	font-size: 1.2em;
    color: #666 !important;
}

.dataTables_length > label > select {
	color: #666 !important;
}

.table-bordered td{
	border: none !important;
}

tbody {
	border:1px solid rgb(233, 236, 239) !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

.itemInfoTramite{
	font-size: 1.2em;
	font-weight: 400 !important;
	color: #666 !important;
}

div#definitionTramite strong{
	font-weight: bold !important;
}
.listInfoTramite > ul > li > .itemInfoTramite {
	font-size: 1.2em !important;
	color: #666 !important;
}

.listInfoTramite > ul > li > .itemInfoTramite > .itemInfoTramite {
	font-size: 1.2em !important;
	color: #666 !important;
}

.listInfoTramite{
	list-style: none;
}
 

.iconList{
	padding-right: 0.5em;
	font-size: 2em;
	color: #666;
}


#miga:focus{
	outline: none;
}

#contenedorPrincipal, .contenedorPrincipal{
	margin-top: 8em;
}

.btn-secundario {
     background-color: transparent;
     color: var(--main-color);
 }
 
 .divBotonFinDesktop .btn {
    border: 1px solid var(--main-color);
 }
 
 .sizeTableIcon{
	 font-size: 1.5em;
 }
 
 .titleIconContainer{
	 display: inline-flex;
	     margin-bottom: 2em;
 }
 
 .tituloSubmenu, .tituloApartado{
	 font-size: 1.75em;
	 font-weight: bold;
	 color: #666666;
 }
 
 #definitionTramite{
	 font-size: 1.2em !important;
     color: #666 !important;
 }
 
 #datosExpediente > div, #datosExpediente > p{
	 
	 margin-left: 2.5em;
	 width: 100%;
	 font-size: 1.5em;
	 color: #666666;
 }
 
 #datosExpediente{
	 margin-bottom: 3em;
 }
 
 .tablaRegistros > #tablaregs_wrapper, .tablaDetalle > #tablaauditoria_wrapper {
	 margin-top: 0;
 }
 
 .enlacesDescargaDocumentosinstancia{
	 border: 1px solid var(--main-color);
	 border-radius: 20px;
	 padding: 1em 1em 1em 3em;
    font-size: 1.5em;
	cursor: pointer;
 }
 
 #openSol > span {
	 padding-left: 0.5em;
 }
 
 .viewerContainer{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}



.frameViewer{
	max-width: 100%;
	width: 100%;
/*	height: 100%; */
height: -moz-available;          /* WebKit-based browsers will ignore this. */
/* height: -webkit-fill-available;   Mozilla-based browsers will ignore this. */
height: fill-available;
}

#chatLink{
	color: #777 !important;
    text-decoration: none;
}
#chatLink:hover {
	    color: #777 !important;
    text-decoration: none;
}

.descripasocinco{
	margin: 2em;
}
.divError{
	width: 100%;
	margin: 2em 0em 2em 0em;
}
.errorImg{
	display: inline-flex;
	padding-right:0.5em;
	vertical-align: middle;
} 
.errorText{
	display: inline-flex;
}

#btVolverAtras{
	float: none;
}

.btVolverErrorDiv{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*
#contentBody {
  min-height: 100%;
  position: relative;
}


#contenedorPrincipal {
  padding-bottom: 100px;
}
footer {
  width: 100%;
      position: absolute;
  bottom: 0;
  left: 0;
}*/

.titleHeader > .arrowStyle {
    display: none!important;
}

.maxSizeFile{
	margin: 0px 15px 15px 15px;
}
#adjuntardocindependiente{
	margin-left: 1em;
	cursor: pointer;
}
.adjuntarButton{
	border: 1px solid var(--main-color);
    padding: 0.5em;
    border-radius: 0.25em;
}

.adjuntarButton:hover{
	border: none;
	background-color: var(--main-color);
	color: white;
}

.adjuntarButtonText{
	width: 100%;
    display: block;
    margin: 15px;
}

.textoPaso1{
	margin: 0px 15px 15px 15px;
}

.extensionesDiv{
	font-style: italic;
	margin-bottom: 1.5em;
}

.extensionesTitle{
	font-weight: bold;
}

#comboFiltroMisDocumentosGenerados{
	margin-bottom: 0.5em;
}

.eSignaIDInstructions{
	margin-bottom: 1.5em;
}

#loginInstructions{
	margin-bottom: 1.5em;
}

.eSignaIDSpinner{
	margin: 0.5em;
}

#eSignaIDLoginCode{
	font-size: 1.25em;
	color: grey;
}

.mensajeAdvertenciaSobreUsoDeCookies{
	height: auto !important;
	min-height: 4em;
	padding: 2em;
}

#cookiestext{
	width: 100%;
	display: block;
	text-align: center;
}

#cookiesButton{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
}

#cookiesInput{
	padding:0.5em;
	margin: 0;
	border-radius: 0.5em;
	background-color: var(--main-color);
	border: none;
	color: white;
	font-size: 1.25em;
}

ul.listadoOpc > li > .textoNegrita {
	font-weight: normal !important;
}
ul.faqsListPadre > li , ul.requisitosListPadre > li{
	margin-left: 0.5em;
	    margin-bottom: 0px !important;
    line-height: 2.5em;
}

.faqsListPadre > li > .faqsListHijo{
	margin-left: 2em !important;
}

 .asuntofaqs{
	margin-left:1.5em;
}