/************************* Titulos y subtitulos ******************************/

/* la clase detalle puede ser flex o no segun donde esté, si no es flex falta más margen */
.detalle>.section-wrapper {
	margin-bottom: 4em;
}

/************************* ACORDEON ******************************/

/*estilos de Jquery-UI */
.acordeon-jq {
	padding: 0em 0em 2em;
}

/************************* captcha ******************************/
.captcha {
	margin: 1em;
}

.captcha>p:first-child {
	margin-top: 0;
}

/***********************  NUEVOS TABS  **************************************/
.tabs {
	border-bottom: 1px solid silver;
	box-sizing: content-box;
	display: flex;
	margin: 2em 0 1em;
	position: relative;
}

.with-tabs .widget-area.tabbed>.tabs {
	margin: 0em 0 1em;
}

.tabs input {
	display: none;
}

.tabs::after {
	
}

.tabs label {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	border-width: 0 0 5px;
	border-style: solid;
	flex: 0 1 auto;
	font-size: 1.125em;
	padding: 1em 1.5em;
	position: relative;
	transition: all 0.15s ease 0s;
}

.tabs label:hover {
	/*background-color: #e9e9e9;*/
	cursor: pointer;
	position: relative;
}

.tabs input:checked+label:hover {
	/*color: inherit;*/
	cursor: initial;
	top: inherit;
}

.tabs input:not(:checked)+label {
	opacity: 0.5;
	border-color: transparent;
}

.tabs input:checked+label {
	background-color: transparent;
	border-image: none;
	border-style: solid;
	cursor: initial;
}

.tabs input:not(:checked)+label::before {
	background-color: black;
	left: 0;
	bottom: -5px;
	content: "";
	height: 0%;
	width: 100%;
	opacity: 0.2;
	position: absolute;
	transition: all 0.2s ease 0s;
	z-index: -1;
}

.tabs input:not(:checked)+label:hover::before {
	height: 5px;
}

.tabs .icon {
	height: 2em;
	width: 2em;
	margin-right: 0.5em;
	top: 0;
	flex-shrink: 0;
}

/*********** @media screen *****************/
@media screen and (max-width: 700px) {
	.tabs {
		justify-content: space-evenly;
	}
	.tabs label {
		flex-flow: column;
		padding: 0 0 0.5em;
		justify-content: flex-start;
	}
	.tabs .icon {
		margin: 0 0 .5em;
	}
	.tabs span {
		text-align: center;
		/* font-size: 0.875em; */
		padding: 0 1em;
	}
}

/*********** @media screen *****************/
@media screen and (max-width: 400px) {
	.tabs span {
		/* font-size: 0.7em; */
		padding: 0 .5em;
	}
}

/*********** @media screen ******************
@media screen and (max-width: 400px) {
    .tabs		{ flex-flow: row wrap; }
    .tabs label {
    	flex: 1 1 100%;
		justify-content: start;
    }
    .tabs .icon { margin-right: 1.5em;	}

    .tabs input:checked + label { border-width: 1px;}
	
    .tabs input:not(:checked) + label {
		background-color: rgba(0, 0, 0, 0.1);		
	}

    .tabs input:not(:checked) + label::before {
		background-color: #666;	
		height: inherit;
		width: inherit;
		left: 50%;
		right: 50%;
		top: 50%;
		bottom: 50%;
		opacity: 0;
	}
	.tabs input:not(:checked) + label:hover::before
	{
	    right: 0;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    opacity: 0.3;
	    border: 1px solid black;
	    height: inherit;
		width: inherit;
	}


}
*/

/*
.sta2 .ovt_frame.tabbed.closed
{
    border: 1px solid #DDD;
} 

.tabbed.closed .tabs::after {
    border-bottom-width: 0;
    border-color: #ddd;
    left: 0;
    right: 0;
    width: inherit;
} 

.ovt_frame.tabbed > .ovt_contenido > .Informativo
{
	margin-top: -5px;
	margin-bottom: 30px; 
}



.porc-participacion div.Icon.Info {
    margin-top: -1px;
    position: absolute;
    right: 5px;
}
.porc-participacion > span {
    float: right;
    margin-right: 30px;
}

*/

/***********************  INFO GENERAL DETALLE  **************************************/
.WidgetMainActions {
	text-align: right;
}

/*
dl.info-general-detalle {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 1em 0;
}


.info-dato {
    padding: 1px;
  	flex: 1 1 auto;    
}

.info-dato .info-dato-label
{
    font-weight: bold;
	background-color: #EAEAEA;	
}

.info-dato .info-dato-label,
.info-dato .info-dato-valor {
    padding: 0.5em 0.8em;
}
.info-dato .info-dato-valor {
	border: 1px solid #EEE;	
}

.info-dato.currency {  
    min-width: 12em;
 }
*/
dl.info-general-detalle {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 1em 0;
	background-color: hsl(0, 0%, 95%);
	border-radius: 0.3em;
	overflow-wrap: anywhere;
}

.info-dato {
	padding: 0.3em 1em 0.6em;
	flex: 1 1 auto;
	border: 1px solid white;
	/* margin-right: 4px; */
}

.info-dato .info-dato-label {
	color: hsl(0, 0%, 55%);
	font-size: 0.938em;
	float: inherit;
}

dl.info-general-detalle dd {
	margin: 0;
}

.info-dato .info-dato-label, .info-dato .info-dato-valor {
	padding: 0.2rem 0 0 0;
}

.info-dato .info-dato-valor {
	font-size: 1.125em;
	font-weight: 600;
	color: #555;
}

.info-dato.currency {
	/* min-width: 12em; */
	
}

.info-dato-valor>.get-ajax-content {
	justify-content: flex-start;
	font-size: 0.7em;
}

.info-dato-valor.importe.pendiente, .info-dato-valor>*.importe.pendiente
	{
	font-weight: bold;
	text-shadow: 2px 2px 4px white;
	line-height: initial;
}

/* .info-dato-valor > *.importe.pendiente{
	font-size: 1.3em;
}

.info-dato-valor.importe.pendiente{
   font-size: 1.5em;
} */
.info-dato-valor.importe.pendiente>div {
	margin-top: -0.2em;
}

tfoot th.sum.currency.pendiente {
	font-size: 1.6em;
	letter-spacing: -2px;
	padding: 0em;
}

@media screen and (min-width: 1100px) {
	.CSVT .widget-area .detalle, .MULTAS .widget-area .detalle, .DEUDA .widget-area .detalle,
		.OTRIB .widget-area .detalle {
		display: flex;
		flex-flow: row nowrap;
	}
	.detalle .info-general-detalle {
		margin-right: 2em;
		max-width: 12em;
		min-width: 12em;
	}
	.ovt_contenido div.datos-detalle {
		flex-basis: calc(100% - 14em);
		max-width: calc(100% - 14em);
	}
	.detalle dl.info-general-detalle {
		flex-flow: column nowrap;
	}
	.detalle .info-dato {
		flex-grow: 0;
	}
}

/***********************  sections data  **************************************/
h5+.seccion.data-view {
	margin-top: 1em;
}

p+.seccion.data-view {
	/* margin-top: 0.5em;*/
	
}

/*
.seccion.data-view + .botonera
{
    margin-top: 0.5em;
}*/
.section-wrapper {
	margin: 1em 0 2em;
}

.section-wrapper>h1 {
	
}

.section-wrapper>.dataTables_wrapper:nth-last-child(2) {
	margin-bottom: 2em;
}

/*.tabs + .dataTables_wrapper {  margin-top: 2em;}*/
.section-wrapper+.section-wrapper {
	margin-top: -1.5em;
}

.seccion.data-view {
	margin: 1.5em 0 1em;
	/*font-size: 0.9em;    */
}

.section-entry {
	display: flex;
	padding: 1px;
	line-height: 2em;
}

.section-entry>* {
	padding: 0.4em;
}

.section-entry dd {
	margin: 0;
}

.entry-label {
	background-color: #f3f5f7;
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 7em;
	font-weight: bold;
	opacity: 0.7;
	border: 1px solid transparent;
	margin-right: 2px;
	box-sizing: border-box;
	float: none;
}

.entry-value {
	border: 1px solid #eee;
	flex-grow: 1;
	flex-shrink: 1;
}

.seccion.data-view h4, .section-entry.data-view h4 {
	opacity: 1;
	text-decoration: underline;
	margin: 0;
	border-width: 0;
	font-size: 1em;
}

.entry-value .link-icon {
	margin: 0.5em;
	justify-content: flex-start;
}

@media screen and (min-width: 800px) {
	.entry-value.columns {
		display: flex;
		flex-flow: row wrap;
	}
	.entry-value.columns .link-icon {
		align-items: center;
		display: flex;
		flex: 1 0 0;
		min-width: 45%;
		max-width: 50%;
	}
}

/* SECTION DATA VIEW SIZES */

/***************************/

/* Franja intermedia */
.section.small .entry-label {
	flex-basis: calc(100% * 1/ 4);
}

.section.small .entry-value {
	flex-basis: calc(100% * 3/ 4);
}

.section .entry-label {
	flex-basis: calc(100% * 1/ 3);
}

.section .entry-value {
	flex-basis: calc(100% * 2/ 3);
}

.section.large .entry-label {
	flex-basis: calc(100% * 2/ 5);
}

.section.large .entry-value {
	flex-basis: calc(100% * 3/ 5);
}

/* Menos de 750px */
@media screen and (max-width: 750px) {
	.section.large .entry-label {
		flex-basis: calc(100% * 1/ 2);
	}
	.section.large .entry-value {
		flex-basis: calc(100% * 1/ 2);
	}
}

/* Menos de 600px */
@media screen and (max-width: 600px) {
	.section.small .entry-label {
		flex-basis: calc(100% * 2/ 5);
	}
	.section.small .entry-value {
		flex-basis: calc(100% * 3/ 5);
	}
	.section .entry-label {
		flex-basis: calc(100% * 1/ 2);
	}
	.section .entry-value {
		flex-basis: calc(100% * 1/ 2);
	}
}

/* Menos de 400px */
@media screen and (max-width: 500px) {
	.section.large .section-entry {
		display: block;
		padding: 0 0 1em;
	}
	.section.large .entry-label {
		padding: 0.4em 0.4em 0.1em;
		font-size: 0.9em;
		background-color: transparent;
		border-bottom: 1px solid silver;
	}
	.section.large .entry-value {
		border: none;
		padding-left: 1.5em;
	}
}

/* Menos de 400px */
@media screen and (max-width: 400px) {
	.section-entry {
		display: block;
		padding: 0 0 1em;
	}
	.section-entry:last-child {
		padding-bottom: 0.5em;
	}
	.entry-label {
		padding: 0.4em 0.4em 0.1em;
		font-size: 0.9em;
		background-color: transparent;
		border-bottom: 1px solid silver;
	}
	.entry-value {
		border: none;
		padding-left: 1.5em;
	}
}

/* Más de 1024px */
@media screen and (min-width: 1024px) {
	*:not(.content)>.section.small .entry-label {
		flex-basis: calc(100% * 1/ 5);
	}
	*:not(.content)>.section.small.res-form .field>label {
		flex-basis: calc(100% * 1/ 5);
	}
	*:not(.content)>.section.small .entry-value {
		flex-basis: calc(100% * 4/ 5);
	}
	/*
	*:not(.content) > section 	  .entry-label             { flex-basis: calc(100% * 1 / 4); }
	*:not(.content) > section.res-form .field > label        { flex-basis: calc(100% * 1 / 4); }
	*:not(.content) > section       .entry-value             { flex-basis: calc(100% * 3 / 4); }	
	*/
	*:not(.content)>.section.large .entry-label {
		flex-basis: calc(100% * 1/ 3);
	}
	*:not(.content)>.section.large.res-form .field>label {
		flex-basis: calc(100% * 1/ 3);
	}
	*:not(.content)>.section.large .entry-value {
		flex-basis: calc(100% * 2/ 3);
	}
}

/* Más de 1280px 
PARACE QUE AHORA NO TIENE SENTIDO SI LOS FORMULARIOS SIEMPRE ESTAN LIMITADOS EN UN ANCHO MAXIMO
@media screen and (min-width: 1280px){
	*:not(.content) > section.small .entry-label             { flex-basis: calc(100% * 1 / 6); }
	*:not(.content) > section.small.res-form .field > label  { flex-basis: calc(100% * 1 / 6); }
	*:not(.content) > section.small .entry-value             { flex-basis: calc(100% * 5 / 6); }	

	*:not(.content) > section 	   .entry-label             { flex-basis: calc(100% * 1 / 5); }
	*:not(.content) > section.res-form .field > label        { flex-basis: calc(100% * 1 / 5); }
	*:not(.content) > section       .entry-value             { flex-basis: calc(100% * 4 / 5); }	

	*:not(.content) > section.large .entry-label             { flex-basis: calc(100% * 1 / 4); }
	*:not(.content) > section.large.res-form .field > label  { flex-basis: calc(100% * 1 / 4); }
	*:not(.content) > section.large .entry-value             { flex-basis: calc(100% * 3 / 4); }		
}
*/

/*************************  LOADED TABS ************************/
.responsive-tabs__list {
	display: flex;
}

ul.responsive-tabs__list {
	padding-left: inherit;
}

/* REQUIRED for core functionality */
.responsive-tabs__heading {
	display: none;
}

.responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

/*
ESTA FUNCIONALIDAD APILA LOS TABS EN RESOLUCIONES BAJA
FUNCIONA PERO NO QUEDA TAN CLARO NI ES TAN MANEJABLE
SOLO SE ACTIVARA SI ESTA PUESTO EL ATRIBUTO/CLASE 'VERTICAL'
*/
@media ( max-width : 400px) {
	.responsive-tabs.vertical .responsive-tabs__list {
		display: none;
	}
	.responsive-tabs.vertical .responsive-tabs__heading {
		display: block;
	}
	.responsive-tabs.vertical .responsive-tabs__heading:not(.responsive-tabs__heading--active)
		{
		cursor: pointer;
	}
	.responsive-tabs.vertical .responsive-tabs__panel--closed-accordion-only
		{
		display: inherit;
	}
}

@media ( min-width : 401px) {
	.responsive-tabs.vertical .responsive-tabs__panel--closed-accordion-only
		{
		display: block !important;
	}
}

/* END - Required for core functionality */

/* OPTIONAL - Basic Skin */
.responsive-tabs-wrapper {
	clear: both;
	zoom: 1;
}

.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
	content: "";
	display: table;
}

.responsive-tabs-wrapper:after {
	clear: both;
}

.ovt_contenido ul.responsive-tabs__list {
	box-sizing: border-box;
	margin: 2em 0 0;
	padding: 0 0 0.5em;
	position: relative;
}

.responsive-tabs__list::before {
	border-bottom: 1px solid silver;
	box-sizing: border-box;
	content: "";
	height: calc(100% - 0.5em);
	position: absolute;
	width: 100%;
	z-index: -1;
}

li.responsive-tabs__list__item {
	padding: 0.5em 1em;
	margin: 0 0.2em 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #bbb;
}

li.responsive-tabs__list__item:not(.responsive-tabs__list__item--active)
	{
	background-color: #ccc;
	opacity: 0.7
}

li.responsive-tabs__list__item:hover {
	opacity: 1;
}

li.responsive-tabs__list__item--active, li.responsive-tabs__list__item--active:hover
	{
	opacity: 1;
	border-bottom-color: #fff;
}

.responsive-tabs__heading:focus, li.responsive-tabs__list__item:focus {
	outline: none;
	text-decoration: underline dotted #007faf;
}

.responsive-tabs__heading--active:focus, li.responsive-tabs__list__item--active:focus
	{
	outline: none !important;
}

.responsive-tabs__panel {
	margin-bottom: 0;
	padding: 0 1em;
}

@media ( max-width : 400px) {
	.responsive-tabs.vertical .responsive-tabs__heading {
		padding: 0.8em;
		border: 1px solid #ccc;
		background: #ddd;
		position: relative;
		margin: 1px;
	}
	.responsive-tabs.vertical .responsive-tabs__heading:after {
		content: "";
		display: block;
		position: absolute;
		right: 20px;
		top: 40%;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #666;
	}
	.responsive-tabs.vertical .responsive-tabs__heading:hover {
		background-color: #efefef
	}
	.responsive-tabs.vertical .responsive-tabs__heading--active:hover,
		.responsive-tabs.vertical .responsive-tabs__heading--active {
		background: #fff;
	}
	.responsive-tabs.vertical .responsive-tabs__heading--active:after {
		border-bottom: 8px solid transparent;
		border-top: 8px solid transparent;
		border-left: 8px solid #999;
		border-right: 0;
	}
}

/* END - Optional - Basic Skin */

/************************** CAJETIN ******************/
.divCajetin {
	border: 1px solid silver;
	box-shadow: 0 1px 7px silver;
	box-sizing: border-box;
	padding: 1em;
	margin: 1em 0;
}

.divCajetin>pre {
	overflow-x: scroll;
}

/*************************************
 ****** UPLOAD FILES ******************
 **************************************/

/*
.widget-upload-files {
    margin: 2em 0;
}

.fileupload-buttonbar .btn,.fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}

.fileinput-button {
	overflow: hidden;
	position: relative;
}

.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 200px;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
}


.widget-upload-files li {
	background: url("../../skin/img/webapps/backgrounds/suave0.png")
		repeat-x scroll 0 0 white;
	border-top: 1px dotted #ddd;
	list-style: outside none none;
	margin: 0;
	clear: both;
	min-height: 50px;
}

.widget-upload-files li > span {
	float: left;
	padding: 15px;
}

.widget-upload-files li span.file-name {
	max-width: 370px;
	overflow: hidden;
}

.widget-upload-files li span.preview {
	padding: 0;
	width: 80px;
	/*
	height: 50px;
	margin: auto;
	text-align: center;
	**
}
.widget-upload-files li span.preview > a {
    display: table-cell;
    height: 50px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}

.widget-upload-files li span.preview img {
    max-height: 40px;
    max-width: 70px;
    position: relative;
    top: 2px;
}

.widget-upload-files .file-uploaded-image {
	height: 45px;
	margin: 8px 26px;
	width: 40px;
	display: block;
}

.widget-upload-files .file-uploaded-image.pdf {
	background: url("../img/webapps/icons/pdf32.png") no-repeat scroll center center transparent;
}

.widget-upload-files li .file-uploaded-image.unknow {
	background: url("../img/webapps/icons/document32.png") no-repeat scroll center center transparent;
}

.upload-wait {
	background: url("/skin/img/webapps/loader.gif") no-repeat scroll center center center transparent;
	height: 20px;
	margin: 18px 35px;
	width: 20px;
}

.widget-upload-files.readonly .fileinput-button,.widget-upload-files.readonly span.del-file
	{
	display: none;
}


.widget-upload-files .progress {
	background-color: #e0e0e0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 15px;
	margin: 19px 5px 0;
	overflow: hidden;
}

.widget-upload-files .progress-bar {
	background-color: #428bca;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 100%;
	line-height: 20px;
	text-align: center;
	transition: width 0.6s ease 0s;
	width: 0;
}

#dropzone {
	background: #ccccc;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}

#dropzone.in {
	width: 600px;
	height: 200px;
	line-height: 200px;
	font-size: larger;
}

#dropzone.hover {
	background: lawngreen;
}

#dropzone.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}


*/

/************************* debugging ******************************/
.widget {
	position: relative;
}

.design-item-debug {
	display: none;
	font-size: 90%;
	position: absolute;
	right: 5px;
	top: 2px;
	z-index: 999;
}

.widget:hover .design-item-debug, .widget:hover a.contextual-links-trigger
	{
	display: block;
}

div.widget.ItemStopOn {
	outline: 2px dotted dimgray;
}

.IE8down div.widget.ItemStopOn {
	outline: none;
	/*border: 2px dotted red;*/
}

div.widget.ItemStopOn a.contextual-links-trigger {
	background-position: 2px -18px;
}

ul.contextual-links {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	display: none;
	margin: 0;
	padding: 5px 20px;
	white-space: nowrap;
	right: 0px;
	position: absolute;
}

ul.contextual-sublinks {
	font-size: 95%;
	padding-left: 20px;
	margin-bottom: 1.5em;
}

a.contextual-links-trigger {
	background: url("/skin/img/webapps/icons/gear-select.png") no-repeat
		scroll 2px 0 white;
	border: 1px solid transparent;
	border-radius: 4px;
	display: none;
	height: 18px;
	margin: 0;
	outline: medium none;
	overflow: hidden;
	padding: 0 2px;
	text-indent: 34px;
	width: 28px;
	border: 1px solid dimgray;
	border-radius: 4px;
}

.page-item.design-item-debug, .page-item.design-item-debug a.contextual-links-trigger
	{
	display: none;
	left: 10px;
	right: inherit;
}

.page-item.design-item-debug ul.contextual-links {
	right: inherit;
}

.page:hover .page-item.design-item-debug, .page:hover .page-item.design-item-debug a.contextual-links-trigger
	{
	display: block;
}

footer ul.contextual-links {
	color: gray;
	opacity: 1;
}

footer ul.contextual-links a {
	color: gray;
}

.widget.ItemStopOn ul.contextual-links, .page.ItemStopOn>div>ul.contextual-links
	{
	display: inherit;
}

body.sta-errors .page-item .contextual-links-trigger {
	width: 4em;
	height: 1.6em;
	text-indent: 21px;
	border: red 2px solid;
	box-shadow: 1px 1px 8px #f47474;
}

.contextual-links-trigger .icon {
	color: red;
}

.hay-errores {
	color: red;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0.2em 0 0.4em;
	background-color: #ffe3e8;
	padding: 0.5em 1em;
	border-radius: 4px;
	border: 1px solid red;
}

.table-debug {
	/* table-layout: fixed; */
	border-spacing: 2px;
	border: 0.1em solid #CCC;
	border-collapse: separate;
	width: 100%;
	max-width: 70em;
}

.table-debug th {
	background-color: #DDD;
}

.table-debug tr:nth-child(n) {
	background-color: #f9f9f9;
}

.table-debug tr:nth-child(2n) {
	background-color: inherit;
}

.table-debug td {
	padding: 0.5em;
}

.table-debug td:first-child {
	background-color: #D9D9D9;
	font-weight: 600;
	color: #444;
}

.table-debug tr:nth-child(2n) td:first-child {
	background-color: #eee;
}

.table-debug .param-value {
	overflow-wrap: anywhere;
}

tr.validation-failed td {
	background-color: #fff1f1;
}

tr.validation-failed td, tr.validation-failed td .icon {
	color: red;
	font-weight: 600;
}

.status-page {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.status {
	/* display: flex;
	flex-flow: column; */
	margin: 1em auto 2em;
}

.log-view {
	border: 1px solid silver;
	margin: 0em 2em 4em 2em;
	padding: 1em;
	font-size: 0.9em;
}

.log-view>*:nth-child(n) {
	background-color: #f0f0f0;
}

.log-view>*:nth-child(2n) {
	background-color: inherit;
}

.status-error-line {
	color: red;
}

.table-debug.status.wide-log {
	width: calc(100% - 2em);
	max-width: 120em;
}

.table-debug caption {
	display: table-caption;
	text-align: left;
}

/************* TABLES **************/
table.dataTable.clickable>tbody>tr td.clickable {
	cursor: inherit;
}

table.dataTable.clickable tr td {
	cursor: pointer
}

table.dataTable tr.rowActive:not(.fixed-selection) td {
	cursor: pointer
}

table.dataTable.loading tr {
	cursor: progress !important;
}

/* tr:not(.rowActive) td.clickable {   cursor: inherit !important; } */
table.dataTable tbody th, table.dataTable tbody td, table.dataTable tfoot th,
	table.dataTable tfoot td {
	padding: 0.8em 0.4em;
}

table.dataTable thead th {
	text-align: left;
	vertical-align: bottom;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 10px 5px 10px 5px;
}

table.dataTable thead th.sorting, table.dataTable thead th.sorting_desc,
	table.dataTable thead th.sorting_asc {
	padding-right: 16px;
}

.endleft {
	clear: left;
}

.select-checkbox {
	position: relative;
}

.select-checkbox:before, .select-checkbox:after {
	position: relative;
	padding-left: 0px;
}

table.dataTable.multi-select th.select-checkbox:before, table.dataTable td.select-checkbox:before
	{
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	content: "";
	height: 1em;
	left: calc(50% - 0.5em);
	position: absolute;
	top: calc(50% - 0.5em);
	width: 1em;
}

table.dataTable.multi-select th.select-checkbox:after, table.dataTable td.select-checkbox:after
	{
	content: '\2714';
	color: slategray;
	cursor: pointer;
	font-size: 1em;
	font-weight: normal;
	left: calc(50% - 0.5em + 2px);
	line-height: 1;
	position: absolute;
	top: calc(50% - 0.5em + 1px);
	transition: all 0.3s ease 0s;
}

_:-ms-fullscreen, :root .select-checkbox:before, _:-ms-fullscreen, :root .select-checkbox:after
	{
	top: 1em;
}

.select-checkbox:after {
	opacity: 0;
	transform: scale(0);
}

tr.selected .select-checkbox:after {
	opacity: 1;
	transform: scale(1);
}

.select-checkbox:hover:before {
	border: 1px solid cadetblue !important;
	cursor: pointer !important;
}

table.dataTable tr:not(.rowActive) td.select-checkbox {
	cursor: inherit !important;
}

table.dataTable tr:not(.rowActive) td.select-checkbox::before {
	content: none !important;
}

table.dataTable thead th.select-checkbox {
	padding: 0 15px;
}

/*table.dataTable thead th.select-checkbox::before {top: 3px;}*/
table.dataTable.hover>tbody>tr:hover, table.dataTable.display>tbody>tr:hover
	{
	background-color: #eeeeee;
}

table.dataTable tbody tr {
	background-color: transparent;
}

table.dataTable.display tbody td table td {
	border-top: none;
}

table.dataTable tr.fixed-selection>.select-checkbox::after {
	cursor: default;
}

table.dataTable tr.fixed-selection>.select-checkbox::before {
	content: none;
}

/*


table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
    background-color:  #d2e9f2;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color:  #d2e9f2;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #DEEEF4;
}
table.dataTable tbody tr.selected {
    background-color: #DEEEF4;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: #C1E5F2;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #C1E5F2;
}
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #C9E7F2;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #C9E7F2;
}

table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
    background-color: #BBDEEA;
}
table.dataTable.hover tbody tr.selected:hover, table.dataTable.display tbody tr.selected:hover {
    background-color: #BBDEEA;
}

table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
    background-color: #BBDEEA;
}
table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
    background-color: #CCE3EA;
}
*/

/************* RESET ***************/
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover
	{
	background-color: inherit;
}

@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_filter {
		margin-top: 1em;
	}
}

/**********************/
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd
	{
	background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected
	{
	background-color: hsl(202.1, 30.2%, 92%);
}

table.dataTable.stripe tbody tr.selected, table.dataTable.display tbody tr.selected
	{
	background-color: hsl(202.1, 30.2%, 94%);
}

table.dataTable.row-border tbody tr.selected td, table.dataTable.display tbody tr.selected td
	{
	border-top-color: hsl(202.1, 30.2%, 80%);
}

table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2,
	table.dataTable.order-column tbody tr>.sorting_3, table.dataTable.display tbody tr>.sorting_1,
	table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3
	{
	background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected>.sorting_1, table.dataTable.order-column tbody tr.selected>.sorting_2,
	table.dataTable.order-column tbody tr.selected>.sorting_3, table.dataTable.display tbody tr.selected>.sorting_1,
	table.dataTable.display tbody tr.selected>.sorting_2, table.dataTable.display tbody tr.selected>.sorting_3
	{
	background-color: #acbad5;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1
	{
	background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2
	{
	background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3
	{
	background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1
	{
	background-color: #d4dee3;
}

table.dataTable.display tbody tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2
	{
	background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3
	{
	background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1
	{
	background-color: #fafafa;
}

table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2
	{
	background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3
	{
	background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1
	{
	background-color: #d4dee3;
}

table.dataTable.display tbody tr.even.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2
	{
	background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3
	{
	background-color: #afbdd8;
}

table.dataTable.display>tbody>tr:hover>.sorting_1, table.dataTable.order-column.hover>tbody>tr:hover>.sorting_1
	{
	background-color: #eaeaea;
}

table.dataTable.display>tbody>tr:hover>.sorting_2, table.dataTable.order-column.hover>tbody>tr:hover>.sorting_2
	{
	background-color: #ececec;
}

table.dataTable.display>tbody>tr:hover>.sorting_3, table.dataTable.order-column.hover>tbody>tr:hover>.sorting_3
	{
	background-color: #efefef;
}

table.dataTable.display>tbody>tr:hover.selected>.sorting_1, table.dataTable.order-column.hover>tbody>tr:hover.selected>.sorting_1
	{
	background-color: #b6c7cf;
}

table.dataTable.display>tbody>tr:hover.selected>.sorting_2, table.dataTable.order-column.hover>tbody>tr:hover.selected>.sorting_2
	{
	background-color: #a3b0c9;
}

table.dataTable.display>tbody>tr:hover.selected>.sorting_3, table.dataTable.order-column.hover>tbody>tr:hover.selected>.sorting_3
	{
	background-color: #a5b2cb;
}

table.dataTable.hover>tbody>tr:hover, table.dataTable.display>tbody>tr:hover
	{
	background-color: hsl(0, 0%, 96%);
}

table.dataTable.hover>tbody>tr:hover.selected, table.dataTable.display>tbody>tr:hover.selected
	{
	background-color: hsl(202.1, 30.2%, 86%) !important;
	/*#aab7d1;*/
}

/* PARA EL NUEVO SISTEMA DE PINTADO BASADO EN TD BOXSHADOW INSET */
table.dataTable tbody tr.selected>*:not(.main-element) {
	box-shadow: none;
	color: inherit;
}
/*
table.dataTable tbody tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}
*/
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>*
	{
	box-shadow: none;
}

table.dataTable.stripe>tbody>tr.odd.selected>*, table.dataTable.display>tbody>tr.odd.selected>*
	{
	box-shadow: none;
}

table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>*
	{
	box-shadow: none !important;
}

table.dataTable.hover>tbody>tr.selected:hover>*, table.dataTable.display>tbody>tr.selected:hover>*
	{
	box-shadow: none !important;
}

table.dataTable.order-column>tbody tr>.sorting_1, table.dataTable.order-column>tbody tr>.sorting_2,
	table.dataTable.order-column>tbody tr>.sorting_3, table.dataTable.display>tbody tr>.sorting_1,
	table.dataTable.display>tbody tr>.sorting_2, table.dataTable.display>tbody tr>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.order-column>tbody tr.selected>.sorting_1, table.dataTable.order-column>tbody tr.selected>.sorting_2,
	table.dataTable.order-column>tbody tr.selected>.sorting_3, table.dataTable.display>tbody tr.selected>.sorting_1,
	table.dataTable.display>tbody tr.selected>.sorting_2, table.dataTable.display>tbody tr.selected>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even.selected>.sorting_2, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display>tbody>tr.even.selected>.sorting_3, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover>.sorting_2, table.dataTable.order-column.hover tbody tr:hover>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover>.sorting_3, table.dataTable.order-column.hover tbody tr:hover>.sorting_3
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover.selected>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2
	{
	box-shadow: none;
}

table.dataTable.display tbody tr:hover.selected>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3
	{
	box-shadow: none;
}

/* NECESARIO ????????? 

table.dataTable th.justificante,
table.dataTable th.cartapago {
    padding: 10px 0;
    width: 1%;
}


table.dataTable td.justificante a,
table.dataTable td.cartapago a {  min-width: 25px;}
*/
table.dataTable td.documento, table.dataTable th.documento, table.dataTable th.icono,
	table.dataTable td.icono, table.dataTable td.justificante, table.dataTable td.cartapago,
	table.dataTable td.report {
	text-align: center;
}

table.dataTable tbody td.icono {
	padding: 0;
}

table.dataTable .fileLink, table.dataTable .pdfLink, table.dataTable .file-pdf,
	table.dataTable .file-text {
	background-position: center center;
}

table.dataTable .dt-doc-icon {
	display: inline-block;
}

table.dataTable td.dataTables_empty {
	padding: 30px;
	font-size: 110%;
}

/* NECESARI ?????????????????????
table.dataTable.responsive tr td {	height: 26px; }
*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before {
	background-color: lightslategray;
}

table.dataTable {
	border-collapse: separate;
}

.dataTables_wrapper {
	width: 100%;
}

table.dataTable .max-medium {
	max-width: 7em;
}

table.dataTable svg.icon {
	height: 1.8em;
	width: 1.85em;
}

table.dataTable .subtitulo {
	opacity: 0.7;
	font-size: 0.8em;
}

.dataTables_filter, .dataTables_length, div.dt-buttons,
	.dataTables_paginate {
	margin: 0.8em 0;
}

.dt-buttons {
	display: flex;
}

.dt-buttons .ui-btn:not(:first-child) {
	margin-left: 1em;
}

.dt-buttons a.ui-btn>span {
	display: flex;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before {
	border: 2px solid white;
	border-radius: 3px;
	box-shadow: 0 0 3px #999;
	box-sizing: content-box;
	color: white;
	content: "+";
	display: block;
	font-family: "Courier New", Courier, monospace;
	height: 1em;
	left: 4px;
	line-height: 1em;
	position: absolute;
	text-align: center;
	top: calc(50% - 0.65em);
	width: 14px;
}

.dataTable .document-list {
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 1em;
}

.dataTable .document-list>li {
	margin: 0.5em 0;
}

td.currency, tfoot th.currency {
	white-space: nowrap;
}

table.dataTable tfoot th.sum:not(.pendiente) {
	color: #555;
}

table.dataTable tfoot th.sum.main-total {
	font-size: 1.5em;
	padding-right: 0;
	padding-top: 0;
	vertical-align: bottom;
	padding-bottom: 0.6em;
}

table.dataTable.mini-table {
	font-size: 0.813em;
	opacity: 0.7;
}

table.dataTable.mini-table td, table.dataTable.mini-table th {
	padding: 0.3em 0.4em;
}

/*********** @media screen *******************/
@media screen and (max-width: 500px) {
	.dt-buttons {
		flex-flow: column nowrap;
	}
	div.dt-buttons>.ui-btn {
		flex-flow: column nowrap;
	}
	div.dt-buttons>.ui-btn:not(:first-child) {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 600px) {
	.dataTables_wrapper .dataTables_filter {
		float: left;
		text-align: left;
	}
	.dataTables_wrapper .dataTables_length {
		float: right;
		text-align: right;
	}
}

@media screen and (max-width: 800px) {
	th.hide-header-small {
		color: transparent;
		font-size: 0;
	}
}

/************** MESSAGES *********************/
.texto-descriptivo {
	box-sizing: border-box;
	padding: 1em;
}

.texto-descriptivo>p:first-child {
	margin-top: 0;
}

.texto-descriptivo>p:last-child {
	margin-bottom: 0;
}

.Informativo {
	display: flex;
	align-items: center;
	font-size: 1em;
	margin: 0.5em auto;
	padding: 1em 2em;
	border-radius: 0.3em;
	box-sizing: border-box;
	width: calc(100% - 1em);
	background-color: #dff0ff;
	box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent;
	color: #2185d0;
}

.Informativo ul {
	margin: 0;
	padding: 0;
}

.informativo-inline {
	display: flex;
	margin: 1em;
	align-items: center;
}

.informativo-inline.informativo-minimal {
	font-size: 1.125rem;
	margin: 0.5em 0em;
}

.group-info {
	margin-top: 0em;
	/* margin-bottom: 1em; */
}

div+div.group-info {
	margin-top: 2em;
}

.group-info .informativo-inline {
	padding: 1em 0;
	margin: 0;
}

div+div.group-info .informativo-inline.info:not(:first-child) {
	border-top: 1px solid #CCC;
}

.check-for-info {
	display: inline-flex;
	align-items: center;
	margin: 0em 1em 1.5rem 2.6rem;
	font-size: 1.125em;
	color: #777;
}

.check-for-info label.radio {
	line-height: 1.2em;
	margin-left: 0.4em;
}

.Informativo>.icon {
	flex: 0 0 auto;
}

.Informativo.alert {
	margin: 0;
}

div.Informativo.ok, .informativo-inline.ok, p.ok {
	color: #0D5E18;
}

div.Informativo.error, .informativo-inline.error, p.error {
	color: #db2828;
}

div.Informativo.warning, .informativo-inline.warning, p.warning {
	color: #f2711c;
}

div.Informativo.info, .informativo-inline.info, p.info {
	color: #125497;
}

.Informativo.ok {
	background-color: #e5f9e7;
	box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent;
}

.Informativo.error {
	background-color: #ffe8e6;
	box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent;
}

.Informativo.warning {
	background-color: #ffedde;
	box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent;
}

.informativo-inline.info .icon, .informativo-inline.info .destacado {
	color: #125497;
}

.has-icon {
	display: flex;
	align-items: center;
}

.has-icon>.icon {
	max-width: 1.5em;
	max-height: 1.5em;
	margin: 0em 1em;
}

.alert-text {
	color: red;
}

.Informativo .icon {
	height: 3em;
	width: 3em;
	margin-right: 2em;
}

.informativo-inline .icon {
	height: 2em;
	width: 2em;
	margin-right: 1em;
	min-width: 2em;
}

.informativo-inline .destacado {
	font-weight: 600;
	font-size: 1.125em;
}

.section-info-warning {
	margin: 1em 0;
	box-sizing: border-box;
	padding: 1em;
	background-color: floralwhite;
	box-shadow: 0px 0px 2px orange;
	border-radius: 0.5em;
}

/* mostrar Informativos en columna */
@media screen and (max-width: 360px) {
	.Informativo {
		flex-flow: column;
	}
	.Informativo .icon {
		margin: 0 0 1em;
		height: 2em;
		width: 2em;
	}
}

/************** section-data - DATO - VALOR  *************************/

/* Alternativa a la sección de visualicación tipo formulario 		*/

/* Aquí cada elemento puede ser diferente y no tiene porque llevar  */

/* etiquetas														*/
.section-data {
	display: flex;
	align-items: center;
}

.section-data>*:not(:last-child) {
	padding-right: 3em;
}

/***************************/
.dato-valor {
	padding: .5em 0;
}

.dato-valor .dato {
	opacity: 0.5;
	font-size: 1em;
}

.dato-valor .valor {
	font-size: 1.3em;
	display: block;
}

/*************** FLOTANTES *****************************/
.navItem:not(.navItemStopOn) .contenidoFlotante {
	opacity: 0;
	visibility: hidden;
	transform: scaleY(0);
}

.navItem:not(.navItemStopOn) .popup-up {
	display: none;
}

.navItem.navItemStopOn .popup-down {
	display: none;
}

.contenidoFlotante {
	background-color: white;
	border-radius: 15px;
	box-shadow: 0px 4px 50px 0px #00000040;
	margin-top: 15px;
	padding: 1em;
	position: absolute;
	right: 0em;
	text-shadow: none;
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
	transform-origin: top;
	transition: all .25s ease;
	width: max-content;
	max-width: 375px;
}

#contenedorUsuario>div {
	margin: 0.5em 0 1em;
}

#contenedorUsuario>div:not(:first-child) {
	margin-left: 0.5em;
}

#userMainBox {
	display: flex;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid lightgray;
}
.userCircle {
	min-width: 50px;
	width: 50px;
	height: 50px;
	background-color: #666;
	border-radius: 50%;
	font-size: 24px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 14px;
}

#estasViendo {
	color: #00000080;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
}

#userTitle {
	color: #000000D1;
	font-weight: bold;
	white-space: normal;
	font-size: 17px;
}

#userMidBox {
	border-bottom: 1px solid lightgray;
	padding-bottom: 14px;
}

#userMidBox .user-links {
	margin-left: 50px;
	font-size: 13px;
	padding: 0;
	border: 0;
    margin-bottom: 18px;
}

.userInfoItem {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #000000d1;
	line-height: normal;
	margin-bottom: 10px;
}

.userInfoItem .icon {
	color: #000000D1;
	font-size: 14px;
	margin-right: 10px;
	max-width: 40px;
}

.representante {
	margin-bottom: 0px;
}

.userInfoItem.representante .icon, .userInfoItem.representado .icon {
	font-size: 16px;
}

.userInfoItem.representante .icon{
	color: #00000080;
}

.userInfoItem.ultimaConexion {
    margin-bottom: 18px;
}

.userName {
	font-weight: bold;
    font-size: 15px;
    color: #000000D1;
}

.separator {
	border-left: 2px solid rgba(0, 0, 0, 0.3);
	height: 14px;
    margin-left: 19px;
}

.midGrey {
	color: #00000080;
}

.buttonRepresentarBox svg {
	font-size: 20px;
}

#salir {
	padding-top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

#salir svg {
	font-size: 14px;
}

.user-links {
	border-bottom: 1px dotted lightgray;
	padding: 0.5em 0 1.5em 0;
	margin: 0;
}

/***************************** MODAL REPRESENTACIÓN ****************************/

#representationModal {
	padding: 0px 36px;
	@media (max-width: 600px) {
        padding: 0px;
    }
}

.representados-persona {
	list-style: none;
	margin-top: 0px;
	padding-left: 5.6px;
}

#representationModal #representationSelectorBox .texto-descriptivo {
	padding: 0;
    padding-left: 5.6px;
}

#representationModal li.representado {
	display: flex;
    align-items: center;
    padding: 0.5em 0;
}

#representationModal [type="checkbox"], #representationModal [type="radio"] {
	margin-right: 8px;
}

#repre-plataforma-validate {
	display: flex;
	background-color: #f5f7f8;
	padding: 20px;
    border-radius: 16px;
    @media (max-width: 600px) {
        flex-direction: column;
    }
}

#repre-plataforma-validate .repre-plataforma-validate-info {
	flex:1;
	padding-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    /*color: #9b9b9b;*/
    @media (max-width: 600px) {
        padding-right: 0px;
    }
    
}
#repre-loading {
	height: 2em;
	width: 2em;	
}


#repre-plataforma-validate .repre-plataforma-validate-action-response {
	flex:1;
	padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    @media (max-width: 600px) {
        padding-left: 0px;
        padding-top: 15px;
    }
}

#repre-plataforma div.validarNif {
	max-width: 50%;
	@media (max-width: 700px) {
        max-width: 100%;
    }
}

#repre-plataforma-validate-response-ok {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #00A313;
}

#repre-plataforma-validate-response-ko {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: red;
}

#repre-validacion-obligatoria {
	color:red; 
	margin-top:8px;
}

#repre-plataforma-validate-response-ok .icon{
	    font-size: 20px;
    	margin-bottom: 10px;
}

.visible {
	display: flex !important;
}

.oculto {
	display: none !important;
}

.aoc-logo{
	width: 110px;
	margin-bottom: 10px;
}

/*-----------------------------CLASES GENERALES NUEVO MODAL-------------------------------*/
.modal-representacion {
    border-radius: 15px !important;
}

.modal-representacion .iziModal-header {
	padding: 12px 40px 12px 30px !important;
	background-color: #E20074 !important;
	color: #fff !important;
}

.modal-representacion .iziModal-header .icon{
	opacity: 1 !important;
}

.modal-representacion .modal-footer {
	padding: 10px 20px;
    margin: 0;
    border-top: 1px solid lightgray;
}

.modal-representacion input.native-ctrl{
    height: 38px;
    border: 1px solid #b0bec5 !important;
}

.modal-representacion .field>label, .modal-representacion .field>.label {
	padding-top: 3px;
}

.modal-representacion .field-body {
	padding-top: 0px;
}

#repre-plataforma-persona-fisica section, #repre-plataforma-persona-juridica section {
    width: 65%;
    @media (max-width: 700px) {
        max-width: 100%;
    }
}

/*----------------------------------------------------------------------------------------*/

/* FRONTAL START MENU */
ul.start-menu {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: outside none none;
	padding: 0;
}

ul.start-menu li {
	border: 1px solid silver;
	box-shadow: 1px 1px 7px silver;
	box-sizing: border-box;
	height: 11em;
	margin: 0.8em;
	width: 11em;
}

ul.start-menu li a {
	align-items: center;
	/*background-color: #e8f8ff;*/
	border: 10px solid white;
	box-sizing: border-box;
	display: flex;
	flex-flow: column nowrap;
	font-size: 0.9em;
	font-weight: bold;
	height: 100%;
	justify-items: flex-end;
	padding-bottom: 0.4em;
	text-align: center;
	position: relative;
}

ul.start-menu li a::before {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}

ul.start-menu li:hover a::before {
	transform: scale(0, 1);
	opacity: 0;
}

ul.start-menu li a .icon {
	transition: all 0.4s ease-in 0.1s;
	max-width: 4em;
	color: white;
}

ul.start-menu li:hover a .icon {
	color: #4d6a86;
}

ul.start-menu li:nth-child(10n+1) a::before {
	background: linear-gradient(180deg, #6A5ACD 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+2) a::before {
	background: linear-gradient(180deg, #F08080 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+3) a::before {
	background: linear-gradient(180deg, #9ACD32 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+4) a::before {
	background: linear-gradient(180deg, #6495ED 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+5) a::before {
	background: linear-gradient(180deg, #DEB887 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+6) a::before {
	background: linear-gradient(180deg, #8FBC8F 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+7) a::before {
	background: linear-gradient(180deg, #FFA500 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+8) a::before {
	background: linear-gradient(180deg, #778899 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+9) a::before {
	background: linear-gradient(180deg, #ffc0cb 75%, transparent 20%);
}

ul.start-menu li:nth-child(10n+10) a::before {
	background: linear-gradient(180deg, #ffc0cb 75%, transparent 20%);
}

ul.start-menu li:hover a {
	background-color: inherit;
}

@media screen and (max-width: 500px) {
	ul.start-menu li {
		box-shadow: 0 0 3px silver;
		margin: 0.2em;
		height: 7em;
		width: 10em;
	}
	ul.start-menu li a {
		border: 5px solid white;
		padding-bottom: 0;
		font-size: 0.8em;
	}
}

/*************************************
 ****** UPLOAD FILES CONTROL ******************
 **************************************/
.widget-upload-files {
	margin: 1em 0;
	border: 1px solid lightgray;
}

.widget-upload-files .head {
	display: flex;
	justify-content: space-between;
	padding: 5px;
	/* background: #eee  none repeat scroll 0 0; */
	/* flex-flow: row-reverse nowrap; */
	box-sizing: border-box;
	align-items: center;
}

.widget-upload-files .head .wrapper {
	order: 0;
	flex-grow: 3;
	flex-basis: auto;
	padding: 5px;
}

.widget-upload-files .head .actions {
	align-items: left;
	display: flex;
	flex-basis: auto;
	flex-flow: column nowrap;
	flex-grow: 1;
	justify-content: flex-start;
	order: 1;
	padding: 0.5em;
}

.widget-upload-files .head .actions.withBody {
	/*justify-content: flex-end;
				***/
	flex-grow: 0;
}

.widget-upload-files .head .wrapper+.widget-upload-files .head .actions
	{
	padding: 5px;
}

.fileinput-button.boton-style.medio>label {
	white-space: nowrap;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}

.fileinput-button {
	/* overflow: hidden;
		position: relative; */
	
}

.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 200px;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
}

.widget-upload-files input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

label.fileinput-button {
	white-space: nowrap;
}

.widget-upload-files input:focus+label {
	/*
			outline: 1px dotted #000;
			outline: -webkit-focus-ring-color auto 5px;*/
	
}

.widget-upload-files ul {
	margin: 0;
	padding: 0;
	background-color: white;
}

.widget-upload-files ul:empty {
	margin: 0;
}

.widget-upload-files li {
	border-top: 1px dotted #ddd;
	margin: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.widget-upload-files li:first-child {
	border-top: 1px solid silver;
}

.widget-upload-files li>* {
	padding: 1.2em 0.8em;
	flex: 0 1 auto;
}

.widget-upload-files li span.preview {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0.4em 1em;
	min-width: 6em;
	max-width: 6em;
}

.widget-upload-files li span.preview>a {
	display: flex;
}

.widget-upload-files li span.preview img {
	max-height: 55px;
	max-width: 100%;
}

.widget-upload-files li span.file-name {
	flex: 1 1 100%;
	max-width: 54%;
	overflow-wrap: break-word;
}

.widget-upload-files li span.file-size {
	min-width: 6em;
}

.widget-upload-files li span.status-info {
	min-width: 9em;
	padding-left: 1.5em;
	background: rgba(0, 0, 0, 0) url("/skin/img/webapps/loader.gif")
		no-repeat scroll left center;
}

.widget-upload-files li span.file-delete.del-file {
	min-width: 6em;
	text-align: center;
}

.widget-upload-files .file-uploaded-image {
	height: 45px;
	width: 40px;
	display: block;
}

.widget-upload-files .file-uploaded-image.pdf {
	background: url("../../img/webapps/icons/pdf32.png") no-repeat scroll
		center center transparent;
}

.widget-upload-files li .file-uploaded-image.unknow {
	background: url("../../img/webapps/icons/document32.png") no-repeat
		scroll center center transparent;
}

.widget-upload-files.readonly .fileinput-button, .widget-upload-files.readonly span.del-file
	{
	display: none;
}

.widget-upload-files .progress {
	background-color: #e0e0e0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	display: block;
	height: 15px;
	overflow: hidden;
	width: 100%;
}

.widget-upload-files .progress-bar {
	background-color: #428bca;
	border-radius: 3px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	height: 100%;
	text-align: center;
	transition: width 0.6s ease 0s;
	width: 0;
}

#dropzone {
	background: #cccccc;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}

#dropzone.in {
	width: 600px;
	height: 200px;
	line-height: 200px;
	font-size: larger;
}

#dropzone.hover {
	background: lawngreen;
}

#dropzone.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

.wrap-error-file {
	margin: 0.5em;
}

.head.field.invalid {
	border: 2px dotted red;
	background-color: #ffe5e5;
}

.widget-upload-files.withoutBody {
	border: 0;
}

.widget-upload-files.withoutBody .head {
	display: table-cell;
	background-color: transparent;
}

@media screen and (max-width: 800px) {
	.widget-upload-files li span.preview {
		min-width: 5em;
		max-width: 5em;
	}
	.widget-upload-files li span.file-name {
		max-width: 40%;
	}
}

@media screen and (max-width: 600px) {
	.widget-upload-files li span.preview {
		min-width: 4em;
		max-width: 4em;
	}
	.widget-upload-files li span.file-name {
		max-width: 32%;
	}
}

@media screen and (max-width: 500px) {
	.widget-upload-files .head {
		flex-flow: column-reverse nowrap;
	}
	/* .widget-upload-files .doc-infos { font-size: 0.9em;	} */
	.widget-upload-files li span.preview {
		min-width: 3em;
		max-width: 3em;
	}
	.widget-upload-files li span.file-name {
		max-width: 50%;
	}
	.widget-upload-files li span.file-size {
		display: none;
	}
	.widget-upload-files li span.preview img {
		max-height: 77px;
	}
}

@media screen and (max-width: 400px) {
	.widget-upload-files li span.file-name {
		max-width: 50%;
	}
	.widget-upload-files li span.status-info {
		background-position: center center;
		min-width: 1.5em;
	}
	.widget-upload-files li span.file-delete a {
		background: rgba(0, 0, 0, 0)
			url("/skin/img/webapps/components/del-item.png") no-repeat scroll
			center center;
		width: 1.5em;
		height: 1.5em;
		display: block;
	}
	.widget-upload-files li span.file-delete .text {
		display: none;
	}
	.widget-upload-files li span.status-info .text {
		display: none;
	}
}

/*************************************
	APORTAR DOCUMENTOS, 
**************************************/
ul.docs-aportados {
	list-style: outside none none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}

ul.docs-requeridos {
	list-style: outside none none;
	padding: 0;
	margin: 0;
}

li.req-document {
	border: 1px solid #bbb;
	box-shadow: 2px 2px 8px silver;
	margin: 2em 0 2em;
}

.main-info-doc {
	background-color: transparent;
	display: flex;
}

.estado-doc {
	align-items: center;
	display: flex;
	flex: 0 0 7em;
	flex-flow: column nowrap;
	font-weight: bold;
	justify-content: center;
	min-height: 5em;
	padding: 0.2em;
	position: relative;
}

.estado-doc .icon {
	max-height: 3em;
	max-width: 3em;
	margin-top: 0.5em;
}

.estado-doc.aportado {
	background-color: #eaf4f9;
	color: #0087c6;
}

.estado-doc.incorrecto {
	background-color: #ffeff2;
	color: FireBrick;
}

.estado-doc.correcto {
	background-color: #efffef;
	color: green;
}

.estado-doc.requerido {
	background-color: papayawhip;
	color: darkorange;
}

.estado-doc .estado-literal {
	margin: 0.5em 0;
}

.name-doc {
	display: flex;
	flex: 1 1 auto;
	flex-flow: column nowrap;
	justify-content: center;
	padding: 1em 1em 1em 3em;
	border-left: 1px solid #bbb;
}

.name-doc .description {
	font-size: 1.3em;
	margin-bottom: 1em;
}

.name-doc .extra-info {
	color: #888;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	margin-right: 1em;
}

.name-doc .extra-info .mensaje {
	display: flex;
	align-items: center;
}

.name-doc .extra-info .mensaje .icon {
	max-height: 1.5em;
	max-width: 2.5em;
}

.file-doc {
	align-items: center;
	background-color: #f6f6f6;
	border-left: 1px solid #ddd;
	display: flex;
	flex: 1 0 20%;
	justify-content: center;
	max-width: 20%;
	padding: 0.4em;
}

.file-doc>.fileLink {
	display: flex;
	flex-flow: column nowrap;
	min-width: 2em;
	overflow-wrap: break-word;
	padding: 0;
	text-align: center;
}

.file-doc>.fileLink .icon {
	margin-right: 0;
	margin-bottom: 0.5em;
}

.file-confirm, .file-cancel {
	border-top: 1px solid #ccc;
	padding: 0.6em 2em;
	background-color: #f6f6f6;
	font-size: 0.9em;
}

.file-action {
	display: flex;
	align-items: center;
}

.file-question {
	margin-right: 2em;
	color: #888;
}

@media screen and (max-width: 800px) {
	.name-doc {
		padding: 0.5em 0.5em 0.5em 1em;
	}
	.name-doc .description {
		font-size: 1.2em;
		margin-bottom: 0.5em;
	}
}

@media screen and (max-width: 600px) {
	.name-doc .extra-info {
		flex-flow: column-reverse nowrap;
	}
	.fecha-aportacion {
		margin-top: 1em;
		text-align: right;
	}
}

@media screen and (max-width: 500px) {
	.main-info-doc {
		flex-flow: row wrap;
	}
	.name-doc {
		flex: 1 1 50%;
	}
	.file-doc {
		flex: 1 1 100%;
		max-width: inherit;
		border-left-width: 0px;
		border-top: 1px solid silver;
	}
	.file-doc>.fileLink {
		flex-flow: row nowrap;
	}
	.file-doc>.fileLink .icon {
		margin: 0.2em 1em;
	}
	.file-confirm, .file-cancel {
		border-top: medium none;
		padding-top: 1em;
	}
	.file-action-add {
		flex-basis: 25%;
	}
}

@media screen and (max-width: 400px) {
	.estado-doc {
		font-size: 0.8em;
		flex: 0 0 5em;
	}
}

/*UPLOAD FILES  OVERRIDE*/

/****************************************************/
.req-document .widget-upload-files {
	border: none;
	margin: 0;
}

.req-document .widget-upload-files ul {
	padding: 0;
}

.req-document .widget-upload-files .head:not(.invalid) {
	background-color: #eaeaea;
	border-top: 1px solid #ccc;
}

.req-document .widget-upload-files .head {
	padding: 0;
}

.req-document .widget-upload-files .head .actions.withBody .ui-btn {
	margin-bottom: 0;
}

.req-document .widget-upload-files .head .wrapper {
	
}

/*REQ DOCS STANDAR LIST */

/****************************************************/
ul.adjuntar-docs, ul.aportables {
	padding: 0;
	margin: 0;
}

ul.adjuntar-docs>li, ul.aportables>li {
	margin: 2em 0;
}

.adjuntar-doc .titulo-doc {
	font-weight: bold;
	opacity: 1;
	border-bottom: 1px dotted darkgray;
	padding-bottom: 4px;
	min-height: 2em;
	display: flex;
	align-items: center;
	margin-bottom: 0.4em;
}

.adjuntar-doc .titulo-doc:empty {
	display: none;
}

.adjuntar-doc.widget-upload-files .head .wrapper {
	padding: 0.6em;
	margin-right: 1em;
}

.adjuntar-doc.widget-upload-files .head {
	align-items: flex-start;
}

.adjuntar-doc.widget-upload-files .doc-infos {
	display: flex;
	justify-content: flex-start;
	font-size: 0.875em;
	flex-flow: column;
	align-items: flex-start;
	color: #4F4F4F;
}

.adjuntar-doc.widget-upload-files .doc-infos>* {
	display: flex;
}

.adjuntar-doc.widget-upload-files .doc-infos span.line {
	margin-bottom: .2em;
}

.adjuntar-doc.widget-upload-files .doc-infos span.value {
	font-weight: 600;
}

.adjuntar-doc.widget-upload-files .doc-infos span.label {
	min-width: 12em;
}

.adjuntar-doc.widget-upload-files .doc-infos .value+span:not(.value) {
	margin-top: 0.4em;
}

.adjuntar-doc.widget-upload-files .doc-infos .required-doc-info {
	color: white;
	background-color: #B36200;
	padding: 2px 10px;
	border-radius: 20px;
	margin: 0 0 5px;
	font-size: 87%;
}

.adjuntar-doc.widget-upload-files .doc-infos .max-doc-files {
	font-size: 0.875em;
}

.adjuntar-doc.widget-upload-files .doc-infos span.doc-extensions.texto-truncado
	{
	cursor: pointer;
	font-size: 0.875em;
}

/* .adjuntar-docs .doc-infos > span:first-child > .value {
	margin-right: 1em;
	white-space: nowrap;	
} */

/*
.widget-upload-files .doc-infos
{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-around;
}
	.widget-upload-files .doc-extensions
	{
	    cursor: help;
	    display: flex;
		align-items: center;
		margin-left: 5em ;
	}

		.doc-extensions .icon {
		    margin: 0 0.5em;
		    max-height: 1.6em;
		    max-width: 1.8em;
		}
*/
@media screen and (max-width: 550px) {
	.adjuntar-docs {
		padding: 0;
	}
	.adjuntar-doc.widget-upload-files .head {
		align-items: stretch;
		flex-flow: column;
	}
	.adjuntar-doc.widget-upload-files .head .wrapper {
		margin-right: 0em;
	}
}

/* test linea underscore degradada
.titulo-doc{position: relative;}
.titulo-doc::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #444;
	background: -moz-linear-gradient(left, silver 30%,transparent 80%);
   }
*/

/*********** PTS **********************/
.html-content img {
	max-width: 100%;
	height: auto;
}

.servicios-relacionados {
	background-color: #F4F4F4;
	border-radius: 1em;
	padding: 0em 2em 1em;
}

/*********** NAVEGACION **********************/
.NAVEGACION {
	
}

.widget.NAVEGACION .widget-area {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.NAVEGACION .widget-area>* {
	max-width: 100%;
}

@media screen and (max-width: 70em) {
	.widget.NAVEGACION .widget-area {
		margin: 0.5em;
	}
}

/* SOLO para IE11 esto no hace falta, 
	la correción correcta es poner el width del item flexbox al 100% corrección IE11 bug

	_:-ms-fullscreen, :root .NAVEGACION .widget-area{
	align-items: stretch;
}
*/
.NAVEGACION nav {
	font-size: 1rem;
	width: 100%;
}

.item-navegacion {
	margin: 1em;
}

.nav-item-graph {
	display: none;
}

.nav-item-text {
	
}

ul.nav-arbol {
	list-style: none;
}

.nav-arbol-item-label {
	font-size: 1.143em;
}

nav.anidado {
	padding: 0 0 2em 2em;
}

.nav-item-descriptionn {
	display: none;
}

.nav-intro ul.login-types {
	margin: 0 0 2em;
	flex-flow: row;
	justify-content: space-around;
	padding: 0;
}

.nav-intro ul.login-types li a {
	font-size: 1.1em;
	flex-flow: column;
	padding: 0.5em;
}

.nav-intro .login-types li a .imagen {
	min-height: 4em;
	min-width: inherit;
	margin: 0;
	justify-content: center;
}

/* MODULO REPRESENTADO *****************/

/***************************************/

/* COMUNN GTWIN / ESTIMA */
#representado {
	margin: 1em 0;
}

#representado>.radio-box-list-option {
	display: flex;
	padding: 0.5em;
}

#representado>*>input+label {
	margin-left: 0.8em;
}

@media screen and (min-width: 500px) {
	#box-representante {
		padding-left: 2em;
	}
}

/************  Datos -SIN TABLAS *****************/
.nested-data {
	padding: 0em 1em;
	margin: 0;
}

.data-modif {
	margin: 1em 0;
}

.nested-data>.data-modif {
	margin: 0 0 1em;
}

.data-modif .data-modif {
	font-size: 0.9em;
	margin: 1em 1em;
}

.head {
	display: flex;
	justify-content: space-between;
	background-color: #f0f4f8;
	padding: 0.5em;
}

.data-modif .data-modif .head {
	/*border-bottom: 0px solid whitesmoke; */
	background-color: inherit;
}

.head>* {
	padding: 0.4em .6em 0.4em 0.6em;
}

.data-modif .data-modif .head>* {
	padding: 0.5em 1.5em 0.2em 0px;
}

.nombre {
	font-weight: bold;
	font-size: 1em;
	color: #444;
}

.data-modif .data-modif .nombre {
	/*color: inherit;*/
	
}

.acciones {
	
}

.acciones>* {
	padding-right: 1em;
}

.contenido {
	padding: 0.5em;
	/* border: 1px solid #EEE; */
	margin-bottom: 1em;
}

.data-modif .contenido .data-line {
	font-size: 1.1em;
	/*margin-bottom: 0.5em;*/
	padding-left: 0.8em;
}

.data-modif .data-modif .contenido {
	border-width: 1px 0 0 0;
}

.data-modif .data-modif .contenido .data-line {
	/*padding: 0.3em; */
	font-size: inherit;
}

.data-inline {
	padding: 0 0 1em 0em;
}

.pintar-direccion {
	display: flex;
	flex-flow: column;
}

.pintar-direccion .access {
	font-size: 1.2em;
	padding: 0 0 0.2em
}

.pintar-direccion .muni {
	font-size: 1em;
}

.pintar-direccion .prov {
	font-size: 1em;
}

/* CONTROL DE DIRECCIONES */
.address-control-fields {
	border: 1px solid #DDD;
	padding: 0px 15px 20px 15px;
	box-sizing: border-box;
	background-color: whitesmoke;
}

/* LOCAL ACTIONS *******/
.local-actions {
	text-align: right;
	padding: 0 2em 0.5em 0;
	box-sizing: border-box;
}

.mini-seccion {
	border-bottom: 1px solid #DDD;
	color: gray;
	font-weight: bold;
	margin: 10px 0;
	padding: 0.2em;
	background-color: whitesmoke;
}

/*****   WIZARD - **************************************************/
.wizard-steps {
	padding: 0em 0em;
	margin: 1em 0 2em;
}

.wizard-steps .steps {
	display: flex;
	justify-content: space-around;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.3em 1em;
}

.wizard-steps .title-line {
	display: none;
}

.step-wrap {
	/*border: 1px dotted green;*/
	flex: 1 0 0px;
	padding-right: 0.8em;
	display: flex;
}

.step-title {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	font-size: 1.125em;
	font-weight: bold;
	border-right: 1px solid #ddd;
}

.step-wrap:not(.completed-step):not(.active-step) .step-title>span {
	opacity: 0.2;
}

/* = STEP NUMBERS
----------------------------*/
.wizard-steps span.index {
	display: flex;
	justify-content: center;
	width: 1.8em;
	line-height: 1.8em;
	border: 2px solid currentColor;
	border-radius: 50%;
	padding: 0;
	flex: 0 0 auto;
}

/* = DEFAULT STEPS
----------------------------*/
.step-title .name {
	padding: 0.5em 1em 0.5em 0.5em;
}

/* = COMPLETED STEPS
----------------------------*/
.wizard-steps .completed-step div.step-title {
	/*
	color: white;
	background: #aaa;
	*/
	
}

.wizard-steps .completed-step span {
	/*
    border: 2px solid #888;
	color: #888;
	*/
	
}

/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step div.step-title {
	/*
    color: white;
	background: #c1182f;
	*/
	
}

.wizard-steps .active-step span {
	/*
    border: 2px solid #871121;
	color: #871121;
	*/
	
}

@media screen and (max-width: 850px) {
	.step-title .name {
		font-size: 0.813em;
	}
}

@media screen and (max-width: 750px) {
	.step-title .index {
		font-size: 0.875em;
	}
}

@media screen and (max-width: 680px) {
	.step-wrap {
		padding-right: 0.4em;
	}
	.step-title .name {
		padding: .8em 0.3em;
	}
}

@media screen and (max-width: 600px) {
	.wizard-steps .steps {
		border-width: 0;
		padding: 0 2em;
	}
	.step-title {
		font-size: 1em;
	}
	.step-title .name {
		display: none;
	}
	.title-line.active-step {
		display: flex;
		justify-content: center;
		font-size: 1.6em;
		font-weight: bold;
		align-items: center;
		padding: 0.4em;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		margin-top: 0.3em;
	}
	.step-title {
		justify-content: center;
	}
}

/******************* DIALOGOS MODALES *******************************************/

/* IZIMODAL *********************************************************************/
.iziModal .iziModal-button-close:focus {
	transform: rotate(180deg);
	border: 1px dotted white;
}

.iziModal .iziModal-button:focus {
	opacity: 0.8;
}

/* test */
.iziModal:focus-within {
	/* border: 10px solid green; */
	
}

.iziModal .iziModal-header, .iziModal .iziModal-header.iziModal-noSubtitle
	{
	background: #555;
	padding: 14px 18px 15px 18px;
	box-shadow: inset 0 -15px 25px -12px rgba(0, 0, 0, 0.3), 0 0 0px #333;
	display: flex;
	align-items: center;
}

.iziModal {
	border-bottom: 1px solid silver !important;
}

.iziModal.iModal-confirm .iziModal-header {
	
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
	font-size: 1.188em;
	font-weight: bold;
}

.iziModal.light .iziModal-header.iziModal-noSubtitle .iziModal-header-title
	{
	font-size: 1.125em;
	font-weight: normal;
	padding: 0.7em;
}

.iziModal .iziModal-content {
	
}

.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle {
	white-space: normal;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
	height: 1.8em;
	width: 1.8em;
	color: white;
	opacity: 0.5;
	flex: 0 0 auto;
}

.iziModal .contenido-mensaje {
	margin: 1em 2em;
	display: flex;
	align-items: center;
}

.iziModal .contenido-mensaje .icon {
	height: 4em;
	width: 4em;
	margin: 1em;
	flex: 0 0 auto;
}

.iziModal.iModal-confirm .contenido-mensaje .icon {
	color: #f2711c;
}

.iziModal.iModal-message.warning .contenido-mensaje .icon {
	color: #f2711c;
}

.iziModal.iModal-message.info .contenido-mensaje .icon {
	color: dodgerblue;
}

.iziModal.iModal-message.error .contenido-mensaje .icon {
	color: #932f2f;
}

.iziModal.iModal-message.ok .contenido-mensaje .icon {
	color: #57a660;
}

.iziModal.warning .iziModal-header, .iziModal.light.warning {
	background: #f2711c;
}

.iziModal.error .iziModal-header, .iziModal.light.error {
	background: #932f2f;
}

.iziModal.ok .iziModal-header, .iziModal.light.ok {
	background: #57a660;
}

.iziModal.info .iziModal-header, .iziModal.light.info {
	background: dodgerblue;
}

.iziModal.cesta .iziModal-header, .iziModal.light.cesta {
	background: #999;
}

.iziModal .confirm-text, .iziModal .message-text {
	font-size: 1.125em;
	flex: 1 1 auto;
	padding: 1em 1em;
}

.iziModal .contenido-mensaje {
	
}

.modal-footer {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	padding: 0em 1em 0.5em;
	margin: 0em 1em 1em;
}

.modal-footer.session-alert {
	justify-content: center;
}

.modal-footer a {
	margin: .5em;
}

.iziModal .content2Modal {
	padding: 1em;
}

.iziModal.cesta {
	margin-left: auto;
	margin-right: 1em;
}

@media screen and (max-width: 500px) {
	.iziModal.iModal-confirm .contenido-mensaje {
		flex-flow: column;
	}
	.modal-footer {
		justify-content: center;
	}
	.modal-footer a {
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: calc(50% - 1em);
	}
	.iziModal.cesta {
		margin-right: auto;
	}
}

@media screen and (min-width: 1900px) {
	.iziModal.cesta {
		margin-right: 10%;
	}
}

/*****   ALERT SESSION    ********/
.iziModal.iModal-session .contenido-mensaje {
	font-size: 1.6em;
	text-align: center;
}

.iziModal.iModal-session.expired .contenido-mensaje {
	font-size: 1.4em;
	text-align: inherit;
}

.session-body {
	flex-basis: 100%;
	/* background-color: #eee; */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 1em;
}

#session-body-time {
	margin: 1em 0;
	font-size: 1.4em;
}

.session-body-time .timer {
	font-size: 1.4em;
	margin: .2em 0.2em .2em .4em;
}

/*****   DOMICILIACION    ********/
#lista-cuentas-o-nueva {
	min-height: 14em;
	margin: 1em auto;
}

/*****   BOX-SUMMARY    ********/

/*******************************/
.box-summary {
	background-color: #eee;
	padding: 1em;
	box-sizing: border-box;
	font-size: 0.9em;
	display: block;
}

.box-summary .title {
	font-weight: 600;
}

.box-summary .info-dato {
	border-width: 0;
}

.box-summary .main-number {
	display: block;
	font-size: 1.6em;
	font-weight: 600;
	color: #666;
	padding: 0.6em 0;
}

.box-summary.info {
	background-color: #edf7ff
}

.box-summary .main-number.bad {
	color: red
}

.box-summary .main-number.good {
	color: green
}

.box-summary table {
	width: 100%;
	border-collapse: collapse;
}

.box-summary table td {
	border-top: 1px solid silver;
	padding: 0.1em 0;
	font-size: 0.875rem;
	color: #666;
}

.box-summary table td:last-child {
	text-align: right;
	padding: .1em 0.5em;
	white-space: nowrap;
	vertical-align: baseline;
}

.box-summary .value-number {
	display: block;
	font-size: 1.6em;
	font-weight: 600;
	color: #666;
	padding: 0.6em 0;
}

.box-summary .line-with-value {
	color: #666;
	margin: 0.4em 0 0.6em;
}

.box-summary .title+.line-with-value {
	margin-top: 1em;
}

.box-summary .line-with-value .value {
	font-size: 1.250rem;
	color: #222;
	margin: 0 0.3em;
	line-height: 1.4em;
}

.box-summary.line {
	padding: 1.5em 2em;
	font-size: inherit;
	margin: 0em 0em 1em;
	display: flex;
	width: fit-content;
	flex-flow: wrap;
}

.ovt_contenido>.box-summary.line {
	width: fit-content;
}

.box-summary.line>* {
	padding: 0.5em;
	min-width: 15em;
}

.info-dato.value-important {
	display: flex;
	align-items: flex-end;
}

.info-dato.value-important .info-dato-valor {
	font-size: 2.4em;
	line-height: 0.85em;
	padding-right: 0.2em;
}

.info-dato.value-important .info-dato-valor {
	order: -1;
}

/*
.info-dato.azul { background: #daf4ff; 
	border-bottom: 4px solid #178ed7;
}
.info-dato.azul .info-dato-label { color: #518ec4;}
.info-dato.azul .info-dato-valor { color: #178ed7;}

.info-dato.verde {
	background: #d4eed4; 
	border-bottom: 4px solid #318e31;
}
.info-dato.verde .info-dato-label { color: #208620;}
.info-dato.verde .info-dato-valor { color: #318e31;}

.info-dato.naranja { background: #ffe7ba; 
	border-bottom: 4px solid darkorange;
}
.info-dato.naranja .info-dato-label { color: #d78b00;}
.info-dato.naranja .info-dato-valor { color: darkorange;}

.info-dato.lila { background: #f0d6ff; 
	border-bottom: 4px solid #903ebf;
}
.info-dato.lila .info-dato-label { color: #8735b7;}
.info-dato.lila .info-dato-valor { color: #903ebf;}


/*
	MAQUETADO DE WIZARDS
	******************************************************************
*/
.sided-info {
	max-width: 30em;
}

@media screen and (min-width: 875px) {
	.info-on-side {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.sided-info {
		width: 20rem;
		order: 30;
		margin-left: 2rem;
		flex-shrink: 0;
	}
	.main-col-info {
		flex: 1 1 auto;
	}
}

.encabezado {
	
}

.ovt_contenido {
	
}

.widget-area {
	
}

.wizard-wrapper {
	
}

.column-side-title {
	width: 100%;
	font-size: 1.125em;
	padding: 0.8em;
	border-bottom: 1px solid #ddd;
	background-color: #e9e9e9;
	color: #555;
	text-align: center;
	line-height: 1.5em;
}

seccion.info-column {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	/* padding-bottom: 1em; */
	margin-bottom: 1em;
	background-color: hsl(0, 0%, 95%);
	border-radius: 0.3em;
	overflow-wrap: anywhere;
}

seccion.info-column:not(:first-child) {
	margin-top: 1em;
}

.botonera.wizard-footer {
	border-top: 1px dotted silver;
}

.botonera.wizard-buttons {
	padding-top: 1em;
}

.wizard-expand>.Informativo.ok {
	margin-bottom: 2em;
}

.get-documents {
	display: flex;
	margin: 0 1em;
}

@media screen and (min-width: 1024px) {
	.wizard-expand.column-main {
		min-height: calc(100vh - 40rem);
		display: flex;
		flex-flow: column;
		width: 100%;
	}
	.botonera.wizard-buttons {
		margin: auto 0 0 0;
	}
	.wizard-content.columned {
		display: flex;
		flex-flow: row;
	}
	.wizard-content .column-side {
		/* padding: 1em 2em 1em 1em; */
		max-width: 20rem;
		box-sizing: border-box;
		margin-left: 2em;
		order: 100;
	}
	.column-side-title {
		margin-bottom: 1em;
	}
	seccion.info-column {
		/* padding-bottom: 1em; */
		
	}
	.wizard-content.columned .wizard-expand h4 {
		margin-top: 0;
	}
}

@media screen and (min-height: 1024px) and (min-width: 1024px) {
	.wizard-expand.column-main {
		min-height: 33em;
	}
}

/** EXPANDABLES **/
.expandable-title {
	/* line-height: 3em; */
	position: relative;
	/* font-size: 1.2em; */
	font-weight: bold;
	padding: 0.5em 1em;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	line-height: 2em;
	background-color: rgba(0, 0, 0, 0.1);
}

.expandable-title:hover {
	background-color: #DDD;
}

/*
.expandable-title::before {
    background-color: #f0f0f0;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;    
}
.expandable-title:hover::before {
	opacity: 1;
}
*/
.expandable.activo .expandable-title {
	background-color: #DDD;
}

.expandable .expandable-title::after {
	font-size: 1.4em;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	content: "+";
}

.expandable.activo .expandable-title::after {
	transform: rotate(315deg);
}

.expandable .icon {
	display: none;
}

.expandable-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s;
	-o-transition: max-height .4s;
	transition: max-height .4s;
}

.expandable.activo .expandable-content {
	max-height: 100vh;
}

.expandable .sub-form {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1em;
	background-color: #F8F8F8;
	font-size: 0.813em;
}

.sub-form .entry-label {
	background-color: #e6e6e6;
	border: 1px solid transparent;
}

.sub-form .entry-value {
	border: 1px solid #e6e6e6;
	background-color: #fcfcfc;
}

.expandable-content section.data-view {
	margin: 0;
}

/************** BOX OPTIONS *****************/
.box-options {
	display: flex;
	margin: 3em 0 2em;
	justify-content: center;
}

.box-option {
	/* margin: 1em; */
	padding: 1em;
	box-shadow: 2px 2px 20px #D8D8D8;
	transition: all 0.3s ease-out;
	border-radius: 0.5em;
	max-width: 70%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	flex: 1 1;
}

.box-option a:last-child {
	margin-top: auto;
}

.box-option+.box-option {
	margin-left: 2em;
}

.box-option:hover {
	box-shadow: 4px 8px 35px #bbb;
}

.box-option:hover>.icon {
	transform: scale(1.15, 1.15);
}

.box-option-title {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	/* margin: 0.5em 0; */
	border-bottom: 1px solid silver;
	padding: 0.5em 0 0.9em 0;
}

.box-option>.icon {
	text-align: center;
	/* background-color: #F2F2F2; */
	align-self: center;
	margin: 1em;
	width: 7em;
	height: 7em;
	transition: all 0.3s ease-out;
}

.link-options a:hover {
	border-color: currentColor;
	text-decoration: none;
	box-shadow: 2px 2px 20px #bbb;
}

.box-option .texto-descriptivo {
	background-color: #F4F4F4;
	margin: 0em 0 1.5em;
	font-size: 0.938em;
}

/*********** @media screen *****************/
@media screen and (max-width: 650px) {
	.box-options {
		flex-direction: column;
	}
	.box-options .box-option {
		max-width: inherit;
		margin-left: 0;
	}
	.box-option+.box-option {
		margin: 2em 0 0 0;
	}
}

/***************** MODAL FIRMA ***************************/
.modal-firma .contenido-mensaje {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
}

.iziModal.modal-info-firma {
	max-width: 1280px;
}

#modalInfoFirma {
	
}

.infoFirmaContent {
	display: flex;
	flex-flow: row;
}

.infoFirmaDoc {
	background-color: #eaeaea;
	/*min-width: 400px;
  min-height: 500px;
  max-width: 500px;
  max-height: 600px;*/
	min-height: 65vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 50%;
}

.pdfContainer {
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px #bbbbbb54;
}

.infoFirmaDocText {
	
}

.infoFirmaForm {
	margin: 0 0.5em 0 2em;
	border-bottom: 2px solid silver;
}

.infoFirmaFormHTML {
	
}

/*********** @media screen *****************/
@media screen and (max-width: 850px) {
	.infoFirmaDoc {
		/*	  min-width: 300px;
	  min-height: 400px;
	  max-height: 400px;*/
		
	}
}

@media screen and (max-width: 700px) {
	.infoFirmaContent {
		flex-flow: column;
		align-items: stretch;
	}
	.infoFirmaDoc {
		/*min-width: 300px;
	  min-height: 400px;
	  max-height: 400px;*/
		
	}
	.infoFirmaContent {
		display: grid;
	}
}