/* Estilos globales para todos los formularios */
textarea {
	border-style: solid!important;
	border-width: 1px!important;
	border-color: #007836!important;
	width:100%!important;
}

label, span, strong {
	font-weight: bolder;
}

strong:empty {
    padding-right: 0!important;
}

table {
	width: 100% !important;
}

table[class*="option"],
table[class*="checkbox"] {
	display: block !important;
}

table[class*="option"] > tbody > tr:nth-child(n) > td:nth-child(n),
table[class*="checkbox"] > tbody > tr:nth-child(n) > td:nth-child(n) {
	text-align: left;
}

td {
	text-align: center;
}

input[class*="wrapper"], input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
	height: fit-content;
}

span[class*="ayuda"],
span[class*="asincrono"],
span[class*="autorefrescable"] {
	display: none !important;
}

#formDesigner div.workspace {
	padding-bottom: 2em !important;
}

#formDesigner div.workspace div.bloque div.contenedor {
	padding: 0 0em 0 0em !important;
}

#formDesigner div.workspace div.bloque h4 {
	font-style: normal;
}

#formDesigner div.workspace,div.bloque {
	border-color: #007836 !important;
	border-radius: 6px;
	padding-bottom: 0;
}
#formDesigner div.contenedor {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#formDesigner div.workspace div.bloque .anadirRepetible {
	right: 0 !important;
	left: 35% !important;
}

#formDesigner div.workspace div.bloque .eliminarRepetible {
    top: 0.1em !important;
    left: 90% !important;
}

#formDesigner div.workspace div.bloque h4 {
	color: white;
	background-color: #007836;
	font-size: 12px;
	font-weight: bolder;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom:0.1em!important;
}

#formDesigner div.workspace div.con_borde,
#formDesigner div.view .cajaTexto input,
#formDesigner div.view textarea.cajaTexto {
	border-color: #007836;
	border-radius: 6px;
}

#formDesigner input.cajaTexto, #formDesigner textarea, #formDesigner select {
	border-radius: 5px;
	border-color: #78b48a;
}

#formDesigner div.workspace div.bloque div.cabecera1 div.div_0 {
    width: 100%;
    margin-right: 0px ! important;
	text-align:center;
}

#formDesigner strong.lineDirection {
	padding-right: 0.5em;
}

#formDesigner div.view textarea.cajaTexto {
	height:7em;
}

.bloque{padding-bottom: 0%!important;}
.con_borde{padding-bottom: 0%!important;}
.sin_titulo{padding-bottom: 0%!important;}

.cajaTexto {
	padding: 0.2em 0 0.2em 0 !important;
}

.refrescable {
	top: 0;
	left: 0;
	margin-left: 0.5em;
	margin-bottom: 0;
	height: auto;
    box-sizing: border-box !important;
	display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
}

.autorefrescable {
	display: none !important;
}

.refrescable input {
	padding-left: 0;
}

.contenedor {
	width: 100% !important;
}

.centrarAjustar {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
}

.centrarAjustar > div:nth-child(n) {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-right: 0 !important;
	width: 100% !important;
}

.centrarAjustar > div:nth-child(n) > div {
	width: 100% !important;
	display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
	box-sizing: border-box !important;
}

.centrarAjustar > div:nth-child(n) > div > p {
	margin: 0.5em 0 0.5em 0 !important;
    padding: 0 0.5em 0 0.5em !important;
    text-align: center !important;
    display: flex;
    justify-content: center !important;
    align-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.centrarAjustar > div:nth-child(n) > div > div {
	margin: 0.5em 0 0.5em 0 !important;
    padding: 0 0.5em 0 0.5em !important;
	text-align: center !important;
    display: flex;
    justify-content: center !important;
    align-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.centrarAjustar > div:nth-child(n) > div > p > input {
	width: inherit !important;
	height: fit-content !important;
}

.centrarAjustar > div:nth-child(n) > div > p > select {
	width: inherit !important;
}

.centrarAjustar > div:nth-child(n) > div > p > strong {
	float: left !important;
	padding-top: 0 !important;
	white-space: nowrap;
}

.centrarAjustar > div:nth-child(n) > div > p > span:not([class*="refrescable"]) {
	box-sizing: border-box !important;
	width: inherit !important;
	display: block;
	justify-content: center;
	align-content: center !important;
	align-items: center !important;
	align-self: center !important;

}

.centrarAjustar > div:nth-child(n) > div > p > span[class*="requerido"] {
	max-width: 35% !important;
	/*min-width: 25% !important;*/
	margin-left: 3% !important;
	order: 2 !important;
}

.centrarAjustar > div:nth-child(n) > div > p > span:not([class*="refrescable"]) > input {
	width: inherit !important;
}

.centrarAjustar > div:nth-child(n) > div > p > span:not([class*="refrescable"]) > button {
	margin-left: 0.5em !important;
}

.centrarAjustar > div:nth-child(n) > div > p > label {
	display: block !important;
	vertical-align: middle !important;
	width: inherit !important;
}

.centrarAjustar > div:nth-child(n) > div > p > label > span:not([class*="refrescable"]) {
	box-sizing: border-box !important;
    width: inherit !important;
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
	align-items: center !important;
}

.centrarAjustar > div:nth-child(n) > div > p > label > span:not([class*="refrescable"]) > input {
	width: inherit !important;
	height: fit-content;
}

.centrarAjustar2 > div:nth-child(n) {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-right: 0 !important;
	width: 100% !important;
}

.centrarAjustar2 > div:nth-child(n) > div {
	width: 100% !important;
	display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
	box-sizing: border-box !important;
}

/* Bloques que no tienen el titulo a la izquierda */
.bloqueNormalizado > div:first-child {
    height: 100%;
	width:100% !important;
	text-align: center;
}

.bloqueNormalizado > div:first-child > div > p > span {
	/*font-size: calc(0.5em + 0.75vmin);*/
}

.bloqueNormalizado > div:not(:first-child) > div:first-child {
	padding-left: 1% !important;
}

/* Clases para pintar borde superior o inferior */
.bordeInferior {
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;
}

.bordeSuperior {
	border-top-style: solid !important;
	border-top-width: 1px !important;
	border-top-color: #007836 !important;
}

/* Contenedor con dos columnas de igual dimension */
.dosColumnas {
	width:100% !important;
}

.dosColumnas > div:first-child {
	width:50% !important;
	box-sizing: border-box !important;
}

.dosColumnas > div:nth-child(2) {
	width:50% !important;
	
	box-sizing: border-box !important;
}

/* Contenedor con tres columnas, la primera de ellas mÃ¡s grande que las demÃ¡s */
.tresColumnas2 {
	width:100% !important;
}


.tresColumnas2 > div:first-child {
	width:50% !important;
	box-sizing: border-box !important;
}

.tresColumnas2 > div:nth-child(2), .tresColumnas2 > div:nth-child(3) {
	width:25% !important;
	
	box-sizing: border-box !important;
}

/* Contenedor de tres columnas de igual dimension */
.tresColumnas {
	width:100% !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;
}

.tresColumnas > div:first-child {
	width:33.34% !important;
	box-sizing: border-box !important;
}

.tresColumnas > div:not(:first-child) {
	width:33.33% !important;
	box-sizing: border-box !important;
	border-left-style: solid !important;
	border-left-width: 1px !important;
	border-left-color: #007836 !important;
}

.tresColumnas > div:nth-child(n) > div > p > label {
	text-align: left !important;
}

/* Contenedor de tres columnas de igual dimension sin separaciÃ³n de lineas */
.tresColumnasSinBorde > div:first-child {
	width:33.34% !important;
	box-sizing: border-box !important;
}
.tresColumnasSinBorde > div:not(:first-child) {
	width:33.33% !important;
	box-sizing: border-box !important;
}
.tresColumnasSinBorde > div:nth-child(n) > div > p > label {
	text-align: left !important;
}

/* Contenedor de cuatro columnas de igual dimensiÃ³n, separados por lineas */
.cuatroColumnas {
	width:100% !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;
}

.cuatroColumnas > div:first-child {
	width:25% !important;
	box-sizing: border-box !important;
}

.cuatroColumnas > div:not(:first-child) {
	width:25% !important;
	box-sizing: border-box !important;
	border-left-style: solid !important;
	border-left-width: 1px !important;
	border-left-color: #007836 !important;
}

.cuatroColumnas > div:nth-child(n) > div > p > label {
	text-align: left !important;
}

.notifica {
	width: 90% !important;
	margin-left: 5% !important;
}

.notifica > div > div > p > span {
	justify-content: left !important;
}

/* Contenedores repetibles */
.repetible {
	background: #EFFBEF !important;/*#E6E6E6*/
}

.mostrarError {
	display: none !important;
}

.cuatroColumnas2 {
	width:100% !important;
	
}

.cuatroColumnas2 > div:last-child {
	width:40% !important;
	box-sizing: border-box !important;
}

.cuatroColumnas2 > div:not(:last-child) {
	width:20% !important;
	box-sizing: border-box !important;
	
}

.cuatroColumnas2 > div:nth-child(n) > div > p > label {
	text-align: left !important;
}

p.wrappermostrarError {
	text-align: left !important;
}

/* Lista desplegable multiseleccion*/
.wrapperlistaMultiseleccion {
	display: block !important;
}

.wrapperlistaMultiseleccion > strong {
	width: inherit !important;
	white-space: normal !important;
}

/* Elemento de radio */
.wrapperradioButton {
	display: block !important;
}

.wrapperradioButton > strong {
	width: inherit !important;
	white-space: normal !important;
}

.wrapperradioButton > table {
	display: table !important;
}

.wrapperradioButton > table > tbody > tr > td:nth-child(n) {
	text-align: center !important;
}

.wrapperromperTexto > span {
	/* Soporte para navegadores antiguos */
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.wrapperajustarTexto > strong {
	white-space: normal !important;
}

.wrappertextoVertical > span {
	transform: rotate(270deg);
}

.wrappersinLabel > strong {
	padding: 0 0 0 0 !important;
}

/* Alinear texto a la izquierda */
.wrappertextoIzquierda {
	text-align: left !important;
}

.wrappertextoIzquierda > span {
	justify-content: left !important;
	text-align: left !important;
}

/* Bloque normalizado de datos del solicitante */
.domicilioSoc {
	width: 100% !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;

}

.domicilioSoc >div:nth-child(2),.domicilioSoc >div:nth-child(3),.domicilioSoc >div:nth-child(4){
	width:100% !important;
	
}

.domicilioSoc >div:nth-child(1){
	width:100% !important;
}

/* Contenedores utilizados como subtitulo dentro del bloque, pinta solo el borde inferior */
.representante >div:nth-child(1) >div > p{
	margin:0!important;
}

.representante >div:nth-child(1) >div > p >span{
	text-align: left !important;
	justify-content: left!important;
}

.domicilioSoc >div:nth-child(5){
	width:100% !important;
}

.domicilioSoc >div:nth-child(1) >div:nth-child(1){
	width: 29.8% !important;
	box-sizing: border-box !important;
	margin: 0px !important;
	padding: 0px !important;
}

.domicilioSoc >div:nth-child(1) >div:nth-child(2){
	width: 35% !important;
	box-sizing: border-box !important;
	margin: 0px !important;
	padding: 0px !important;
}

.domicilioSoc >div:nth-child(1) >div:nth-child(3){
	width: 35% !important;
	box-sizing: border-box !important;
	margin: 0px !important;
	padding: 0px !important;
}

.domicilioSoc >div:nth-child(1) >div:nth-child(4){
	width: 70% !important;
	box-sizing: border-box !important;
	margin: 0px !important;
    padding: 0px !important;
}

.domicilioSoc >div:nth-child(2) >div:nth-child(1){
	width: 45% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(2) >div:nth-child(2){
	width: 20% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(2) >div:nth-child(3){
	width: 35% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(3){
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(4) >div:nth-child(n){
	width:12.5% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(5) >div:nth-child(1){
	width:20% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(5) >div:nth-child(2){
	width:15% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(5) >div:nth-child(3){
	width:15% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.domicilioSoc >div:nth-child(5) >div:nth-child(4){
	width:50% !important;
	box-sizing: border-box !important;
	margin: 0px !important
}

.representante{
	width: 100% !important;
	box-sizing: border-box !important;
}

.representante > div:first-child{
	width:100% !important;
	float:left;
	box-sizing: border-box !important;
	margin: 0%!important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;
}

.representante >div:nth-child(2),.representante >div:nth-child(3),.representante >div:nth-child(4){
	width:100% !important;
	box-sizing: border-box !important;

}

.representante >div:nth-child(5){
	width:100% !important;
	box-sizing: border-box !important;
}

.representante >div:nth-child(2) >div:nth-child(n){
	width:25% !important;	
	box-sizing: border-box !important;
}

.representante >div:nth-child(3) > div:nth-child(n){
	
	box-sizing: border-box !important;
}

.representante >div:nth-child(4) >div:nth-child(1){
	width:20% !important;
}

.representante >div:nth-child(4) >div:nth-child(2){
	width:15% !important;
}

.representante >div:nth-child(4) >div:nth-child(3){
	width:15% !important;
}

.representante >div:nth-child(4) >div:nth-child(4){
	width:50% !important;
}

.representante > div:nth-child(3) {
	height: 0px !important;
}

/* Clases de utilidades para estilo comÃºn  de formularios */
/* Titulo de formulario siempre en verde*/
.greenLetter {
	color: #007836 !important;
	font-size: 16px !important;
}

/* Si bloque tiene borde superior se acerca al titulo para evitar doble lÃ­nea */
.acercatitulo{
	margin-top:-0.25% !important;
}

.acercatitulobig{
	margin-top:-1.25% !important;
}

/* Clase para disminuir separacion entre checks */
.acercachecks > div:nth-child(n) > div:nth-child(n+2){
	margin-top: -4% !important;
}

/* Clase para sub-apartados, pequeÃ±a separacion a la izquierda */
.paddingleftlittle > div >div{
	padding-left: 1% !important;
}

.paddingleftlittlelittle > div >div{
	padding-left: 0.5% !important;
}

.bordeInferiorInterior > div >div{
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #007836 !important;
}

/* Clase para borrar bordes */
.borraBordes {
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
}

.borraBordes >div:nth-child(n) {
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
}

.columnas8 > div:nth-child(n)>div:nth-child(n) {
	width: 12.5% !important;
}

/* Alinear a la derecha, utilizado en nÃºmero de anexo que acompaÃ±a a tÃ­tulo de formulario */
.rightAlign{
	width:100%!important;
	float:right!important;
	text-align:right!important;
} 

/* Anchura determinada de contenedor */
.width20 > div:nth-child(n){
	width: 20% !important
}

.width50 > div:nth-child(n){
	width:50% !important;
}

.width70 > div:nth-child(n){
	width:70% !important;
}

/* Anchuras multiples, para contenedores de mas de una columna*/
.width7030 > div:nth-child(1){
	width:70% !important;
}

.width7030 > div:nth-child(2){
	width:30% !important;
}

.width7525 > div:nth-child(1){
	width:75% !important;
}

.width7525 > div:nth-child(2){
	width:25% !important;
}

.width252550 div:nth-child(1),.width252550 div:nth-child(2){
	width: 25% !important;
}

.width252550 div:nth-child(3){
	width: 50% !important;
}

.leftP > div:nth-child(n) >div:nth-child(n) >p {
	justify-content: left !important;
}

/* AlineaciÃ³n de texto a la izquierda, para sobreescribir el centrado de centrarAjustar */
.textleft >div:nth-child(n)>div:nth-child(n)>p{
	text-align:left !important;
}

.textleft >div:nth-child(n)>div:nth-child(n)>p{
	text-align:left !important;
}

/* Imposibilitar manejo manual de dimension de campos textarea */
.resizeNone {
	resize: none !important;
	overflow:auto !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #007836 !important;
}

.marginRight0 > div{
	margin-right:0px !important
}

span[class*="textoError"]{
	display:block !important
}

/* Contenedores que poseen textareas*/
.blockError > div:nth-child(n) > div:nth-child(n) > p:nth-child(n) > label:nth-child(n) > span:nth-child(n) {
	display:block !important
}

/* Contenedores que poseen un check con texto que incluye un input, se coloca check por separado del texto */
.checkInput > div:nth-child(n) >div:nth-child(1){
	width: 2.5% !important
}

.checkInput > div:nth-child(n) >div:nth-child(2){
	width: 95% !important
}

/*  Contenedores repetibles para que pinten el fondo adaptandose a la curva del bloque */
.redondeaBorde {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pintaBordes {
	border-top-style: solid !important;
	border-top-width: 1px !important;
	border-top-color: #007836 !important;
	box-sizing: border-box !important;
}

.pintaBordes div:nth-child(n+2) {
	border-left-style: solid !important;
	border-left-width: 1px !important;
	border-left-color: #007836 !important;
	box-sizing: border-box !important;
}

/* Borrado de borde inferior */
.borraBordeInferior{
	border-bottom: none!important;
}

.borraBinferior {
	border-bottom-style: none !important;
}

/* Adaptacion de listas desplegables al contenido de texto que poseen */
.fitcontent2 >div:nth-child(n)>div:nth-child(2){
	width:fit-content !important;
}

/*  Contenedor normalizado de consentimiento y autorizacion */
.consentimiento > div:nth-child(3) > div:nth-child(1)>p>span> input {
	width: 85% !important
}

/* Bloque comun de solicitud y declaracion, son sub-apartados. No todos los solicitud y declaracion cumplen esta estructura, no utilizar en dicho caso */
.declaracion .div_0 div:nth-child(n+2){
	padding-left:1em;
}

.declaracion .div_0 div:nth-child(n+6){
	padding-left:2em!important;
}

.declaracion .div_0 div:nth-child(10){
	padding-left:0em!important;
}
	
/* Fecha y firma, no se utiliza de momento pues solicitud y declaracion ya no incluye fecha y firma */	
.widthFecha > div:nth-child(n)>div:nth-child(n) {
	width:50% !important;
}

.anchoFirma > div:nth-child(n) {
	width: 25% !important;
}

.anchoFirma > div:nth-child(2) {
	width: 50% !important;
}

/* Bloque de documentacion adjunta que siga estructura grande general con subapartados, no usar en caso contrario */
.documentacionadjunta .div_0 div:nth-child(7n+2),
.documentacionadjunta .div_0 div:nth-child(4),
.documentacionadjunta .div_0 div:nth-child(7n+3){
	padding-left:1em!important;
}
.documentacionadjunta .div_0 div:nth-child(n+4){
	padding-left:3em;
}
	
/* Bloque normalizado de ilmo con check en primera columna del contenedor y texto con lista desplegable en el segundo*/
.ilmowidth > div:nth-child(1) {
	width: 2% !important
}

.ilmowidth > div:nth-child(2) {
	width: 98% !important
}
