/************************* 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: 2px solid;
    border-radius: 3px;
    box-shadow: 1px 3px 5px #bbb;
    margin-top: 0;
    min-width: 18em;
    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;
}

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

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

#userTitle {
    border-bottom: 1px dotted #666;
    color: #666;
    margin-bottom: 10px;
    white-space: normal;
}

#salir {
    /* border-top: 1px dotted lightgray; */
    display: block;
    /* margin-top: 15px;*/
    padding-top: 5px;
}

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

/* 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;
    }
}