/* CSS para personalizar la aplicacion */

/* sobreescribo el estilo fa (fontawesome.com) para que tenga el color "Rojo Cartagena" */
.fa {
	color: #b41515;
}

/* Tipos de botn */
.boton-derecha {
	margin-left: auto;
	padding: 2px;
}

.boton-izquierda-padding {
	padding-left: 10px;
}

.boton-derecha-padding {
	margin-left: auto;
	padding-right: 10px;
}

/* Columna seleccionable */
.columna-check {
	width: 36px;
	text-align: center
}

/* Sobreescribo el row de bootstrap para quitarle el margen que pone a -15px, 					 *
 * y ponerle algo de espacio arriba y abajo, para que respiren los campos y no se sobrecalienten */
.row {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Fila flex para que el contenido sea responsive */
.row-flex {
	margin: 0px;
	padding: 0px;
	display: flex; /* equal height of the children */
	flex-wrap: wrap;
	/* si no cabe en una lnea, contina por la siguiente */
}

/* Contenido de una fila flex: aade un borde alrededor del mismo */
.columna-flex-border { /* elemento de una fila (columna)*/
	border: 0.5px solid;
	padding: 5px;
	flex-grow: 1;
	/* el ancho de los elementos se ajusta para rellenar la fila */
}

/* Para los p:inputText, p:inputTextArea, etc, que se adapten automticamente al ancho del espacio que los contiene */
/* lo de despus de la coma es para que funcione para los p:inputNumber, ya que se crea un input dentro de un span */
.input-ancho-ajustado, .input-ancho-ajustado input {
	max-width: 100%;
}

/* Para los p:inputText, p:inputTextArea, etc, que se adapten automticamente al ancho del espacio que los contiene */
/* lo de despus de la coma es para que funcione para los p:inputNumber, ya que se crea un input dentro de un span */
.input-ancho-maximo, .input-ancho-maximo input {
	width: 100%;
}

/* Sobreescribo el ttulo de p:panel para agrandar el tamao de la fuente */
.ui-panel-title {
	font-size: 1.3em;
}

/* Sobreescribo el ttulo de p:dialog para empequeecer el tamao de la fuente y dejarlo igual que el de p:panel */
.ui-dialog.ui-widget-content .ui-dialog-title {
	font-size: 1em;
}

/* Dilogos modales: establezco un mnimo para la cabecera y el pie, y las dimensiones mximas para que se redimensione bien */
.ui-dialogo-modal {
	margin-top: 5%;
	min-height: calc(107px + 5%);
	max-height: calc(100% - 10%);
}

.ui-dialogo-modal>.ui-dialog-content {
	max-height: calc(90% - 107px);
	overflow: auto;
}

.ui-dialogo-modal>.ui-dialog-titlebar {
	min-height: 57px;
}

.ui-dialogo-modal>.ui-dialog-footer {
	min-height: 43px;
}

/* Barra de men horizontal (estilo pestaas) por CSS */
.ui-barra-menu-horizontal {
	min-height: 38px;
	padding: 0 20px;
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	margin: 0;
	display: block;
	border-radius: 4px;
	border: 1px solid #dddddd;
	font-weight: bold;
	box-sizing: border-box;
}

.ui-boton-menu-horizontal {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	color: #555555;
	text-shadow: 0 1px 0 #ffffff;
	font-weight: normal;
	border: 0.5px solid #dddddd;
}

.ui-boton-menu-horizontal-active {
	background-color: #e6e6e6;
	background-image: none;
}

/* Alineacin de los nmeros a la derecha */
.numero-derecha {
	text-align: right !important;
}

td.numero-derecha {
	width: 100px;
}

td.referencia, td.fecha-listado {
	width: 140px;
}

.mensaje {
	padding: 5px;
	border-radius: 4px;
	margin-top: 13px;
}

.mensaje .glyphicon {
	margin-right: 5px;
}

.page-content {
	padding: 0;
}

.no-desk {
	display: none;
}

#formDetallesRecibo {
	float: left;
}

ul.nav.nav-list.menuFundeweb.no-desk li:last-child, ul.nav.nav-list.menuFundeweb.no-desk li:nth-last-child(2)
	{
	float: right;
	height: 23px;
	margin-top: 7px;
}

ul.nav.nav-list.menuFundeweb.no-desk li a {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

#form\:panelFiltros_header {
	display: none;
}

#form\:panelFiltros.ui-widget-content {
	border: none;
}

#formRecibo, #formDetallesRecibo {
	max-width: 1150px;
}

#formMandato {
	max-width: 860px;
}

#formCrearDonacion {
	max-width: 860px;
}

#formDetalleDonacion {
	max-width: 860px;
}

.no-mvl {
	display: block;
}

.flag {
	width: 30px;
}

.menu-no-desk-iconos {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.row-error {
	margin: 0;
	padding: 0;
}

.texto-error {
	padding: 5px;
	margin: 0;
	border-radius: 4px;
}

.divVolverRecibo {
	clear: both;
	margin-top: 20px auto;
	max-width: 1150px;
	float: left;
	width: 100%;
}

.btnVolverRecibo {
	width: 50%;
	max-width: 1150px;
	margin-left: calc(25%);
	height: 40px;
}

#formRecibo\:homeDetalle_footer button {
	width: calc(100%/ 3 - 20px);
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	height: 40px;
}

#formAutoRecibo, #formVolver, .divAjustado{
	max-width: 768px;
}

.botoneraAdmin button:first-child {
	margin-left: calc(25%);
}

.botoneraAdmin button:last-child {
	margin-left: 6px;
}

.botoneraAdmin {
	clear: both;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1150px;
	float: left;
	width: 100%;
}

.botoneraAdmin button {
	width: calc(100%/ 4 - 6px);
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	height: 40px;
}

/* Para que en los desplegables (p:selectOneMenu) se alterne el color de los elementos */
.ui-selectonemenu-panel .ui-selectonemenu-list li:nth-child(even) {
	background: lavender
}

.ui-selectonemenu-panel .ui-selectonemenu-list li:nth-child(odd) {
	background: #FFF
}

#formAutoRecibo\:codIngSeleccionado_label {
	max-width: calc(100vw - 100px);
	white-space: pre-wrap;
}

/* Para que en las listas seleccionables (p:selectOneMenu, p:dataTable con selection, etc) tengan color rojo Cartagena el texto seleccionado, y el fondo sea un gradiente de azulitos */
.ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
	{
	color: #b41515;
	background-image: linear-gradient(to bottom, #b1dcff, #80b2da);
}

/* Estilos para pantallas medianas (tablets, monitores aejos) */
@media screen and (min-width: 481px) and (max-width: 767px) {
	
	.ui-dialogo-modal-mvl {
		width: 90% !important;
		height: 90% !important;
		margin-top: 5% !important;
		margin-left: 5% !important;
		left: 0 !important;
		top: 0 !important;
	}
	
	#header-navbar {
		max-heigth: 100px;
	} /** bugfix arreglamos safari  iPad */
	#header-navbar .navbar-brand span {
		margin-left: 0px;
		display: block; /*width: 100vw; */
		text-align: center;
		width: calc(100vw - 30px);
	}
	.container-fluid {
		padding: 0;
	}
	.no-mvl, .no-mvl-ver, #form\:listarecibosgurum table tr td.no-mvl-ver {
		display: none !important;
	}
	.no-desk {
		display: block;
	}
	.nav.navbar-nav.navbar-right {
		width: 100vw;
	}
	.navbar-nav {
		margin: 0;
		padding: 0;
	}
	.botoneraAdmin {
		margin: 0 0;
		padding: 0 21px;
		margin-bottom: 1em;
	}
	.divVolverRecibo {
		margin: 0 0;
		padding: 0 21px;
		margin-bottom: 1em;
	}
	.btnVolverRecibo {
		width: calc(100%/ 2 - 10px) !important;
		height: 40px;
	}
	ul.nav.navbar-nav.navbar-right li :not(:first-child){
		float: left;
	} /** a partir del 2 li **/
	ul.nav.navbar-nav.navbar-right #li-buttonLogOut {
		float: right;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	ul.nav.navbar-nav.navbar-right button {
		position: absolute;
		top: -80px;
		right: 0px;
		width: 32px;
	}
	
	#header-navbar .nav>li>a {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	ul.nav.navbar-nav.navbar-right li:last-of-type {
	    width: 100%;
	}
	
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
		{
		background-color: transparent;
	}
	
	.navbar-inverse .navbar-toggle {
		border: none;
	}
	
	#formRecibo\:contenidoRecibo .columna-flex-border {
		width: 33%;
	}
	
	#sidebar-nav {
		width: auto;
	}
	
	.nav-no-collapse.pull-right {
		width: 100%
	} /*Arreglamos la cabecera en iOS*/
	#main-content {
		margin-left: 30px !important;
		width: calc(100vw - 100px);
	}
	
	.boton-mvl, .boton-mvl-tres, .ui-confirmdialog-yes, .ui-confirmdialog-no {
		height: 40px;
		margin-bottom: 15px;
	}
	
	.boton-mvl, .boton-mvl-tres {
		width: 50%;
	}
	
	.ui-confirmdialog-yes, .ui-confirmdialog-no {
		width: 100%;
	}
	
	#formRecibo\:homeDetalle_footer button, .botoneraAdmin button {
		width: calc(100%/ 2 - 10px) !important;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		float: left;
		height: 40px;
	}
	
	#formVolver\:btnVolverRecibo { /*width: calc(100% ) !important;*/
		/*margin-left: 0;margin-left: 1.2em;*/
		
	}
	
	#formRecibo\:homeDetalle .ui-panel {
		padding: 0;
		border: none;
	}
	
	#formRecibo\:homeDetalle_header, #breadcrumbs {
		display: none;
	}
	
	#formDetallesRecibo\:panelListaCobros,
		#formDetallesRecibo\:panelListaEstados, #formRecibo\:homeDetalle,
		#formRecibo\:homeDetalle_footer .ui-widget-content {
		border: none;
	}
	
	#formRecibo\:homeDetalle_content.ui-panel-content.ui-widget-content,
		#formDetallesRecibo\:panelListaCobros_content.ui-panel-content.ui-widget-content,
		#formDetallesRecibo\:panelListaEstados_content.ui-panel-content.ui-widget-content
		{
		padding: 0;
	}
	
	.nav-list>li {
		border: none;
	}
	
	body .main-container {
		margin-top: 35px;
	}
	
	.ui-selectonemenu-panel .ui-selectonemenu-list-item {
		white-space: normal;
	}
	
	#formAutoRecibo\:codIngSeleccionado_label {
		max-width: calc(100vw - 100px);
		white-space: pre-wrap;
	}
	/* No se visualiza la descripcin de las columnas en el grid */
	#form\:listaRecibosGurum table tr td .ui-column-title {
		display: none;
	}
	/* No se visualiza la cabecara de la tabla */
	#form\:listaRecibosGurum div table thead tr th[role="columnheader"] {
		display: none !important;
	}
	
	.verDetalle {
		display: block;
		float: right;
		width: 16px;
	}
	
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td:first-child
		{
		padding-top: 15px;
	}
	
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td.numero-derecha
		{
		padding-bottom: 15px;
		text-align: right;
		padding-right: 35px;
	}
	
	#form\:panelLista_content {
		padding: 0;
	}
	
	#form\:listaRecibosGurum table {
		border-collapse: separate;
		border-spacing: 0 0em;
	}
	
	table tr:nth-child(even) {
		background: rgba(180, 21, 21, 0.1);
	}
	
	table tr:nth-child(odd) {
		background: #FFF
	}
	
	#form\:listaRecibosGurum_paginator_bottom {
		margin-top: 1em;
	}
	
	#form\:listaRecibosGurum table tr td {
		display: block !important;
		width: 100%;
	}
	
	/* El importe de las listas pasa a la izquierda */
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td.numero-derecha
		{
		text-align: left;
		padding: 4px 10px;
	}
	
	/* Las botoneras se ajustan al 100% de lo que ocupe la pantalla: */
	.botoneraAdmin button:first-child {
		margin-left: 0px;
	}
	
	.botoneraAdmin button:last-child {
		margin-left: 0px;
	}
	
	.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
		.ui-datatable tfoot th {
		border-width: 0px;
	}

}

/* Estilos para pantallas pequeas (mviles) */
@media screen and (max-width: 480px) {
	
	.ui-dialogo-modal-mvl {
		width: 90% !important;
		height: 90% !important;
		margin-top: 5% !important;
		margin-left: 5% !important;
		left: 0 !important;
		top: 0 !important;
	}
	
	.page-content {
		padding: 0;
	}
	#main-content . row {
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
	}
	.container-fluid {
		padding: 0;
	}
	.navbar-header {
		width: 100vw;
	}
	#header-navbar {
		max-height: 100px;
	}
	#header-navbar .navbar-brand span {
		margin-left: 0px;
		display: block; /*width: 100vw; */
		text-align: center;
		width: calc(100vw - 30px);
	}
	.nav-no-collapse {
		margin-left: 15px;
	}
	.nav-no-collapse.pull-right {
		width: 100%
	} /*Arreglamos la cabecera en iOS*/
	/*button.navbar-toggle.pull-left{margin-top: -80px;}*/
	.navbar-inverse .navbar-toggle {
		border: none;
	}
	.nav.navbar-nav.navbar-right {
		width: 100vw;
	}
	.navbar-nav {
		margin: 0;
	}
	ul.nav.navbar-nav.navbar-right li :not(:first-child){
		float: left;
	} /** a partir del 2 li **/
	ul.nav.navbar-nav.navbar-right #li-buttonLogOut {
		float: right;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	ul.nav.navbar-nav.navbar-right button {
		position: absolute;
		top: -80px;
		right: 0px;
		width: 32px;
	}
	
	#header-navbar .nav>li>a {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	ul.nav.navbar-nav.navbar-right li:last-of-type {
	    width: 100%;
	}
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
		{
		background-color: transparent;
	}
	
	body .main-container {
		margin-top: 35px;
	}
	
	#formRecibo\:contenidoRecibo .columna-flex-border {
		width: 50%;
	}
	
	.no-mvl, .no-mvl-ver, #form\:listarecibosgurum table tr td.no-mvl-ver {
		display: none !important;
	}
	/**Con esto indicamos los campos que no queremos que se vean en el mvil pequeo */
	.no-desk {
		display: block;
	}
	
	.boton-mvl, .boton-mvl-tres, .ui-confirmdialog-yes, .ui-confirmdialog-no {
		width: 100% !important;
		height: 40px;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	#formRecibo\:homeDetalle .ui-panel {
		padding: 0;
		border: none;
	}
	
	#formRecibo\:homeDetalle_header, #breadcrumbs {
		display: none;
	}
	
	#formRecibo\:homeDetalle_footer .ui-widget-content {
		border: none;
	}
	
	.nav-list>li {
		border: none;
	}
	
	.botoneraAdmin button {
		margin-left: 0;
		margin-right: 0;
	}
	
	.ui-selectonemenu-panel .ui-selectonemenu-list-item {
		white-space: normal;
	}
	
	#formAutoRecibo\:codIngSeleccionado_label {
		max-width: calc(100vw - 100px);
		white-space: pre-wrap;
	}
	/* No se visualiza el ttulo de las columnas en el grid */
	#form\:listaRecibosGurum table tr td .ui-column-title {
		display: none;
	}
	
	.verDetalle {
		display: block;
		float: right;
		width: 16px;
	}
	
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td:first-child
		{
		padding-top: 15px;
	}
	
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td.numero-derecha
		{
		padding-bottom: 15px;
		text-align: right;
		padding-right: 35px;
	}
	
	#form\:panelLista_content {
		padding: 0;
	}
	
	#form\:listaRecibosGurum table {
		border-collapse: separate;
		border-spacing: 0 0em;
	}
	
	table tr:nth-child(even) {
		background: rgba(180, 21, 21, 0.1);
	}
	
	table tr:nth-child(odd) {
		background: #FFF
	}
	
	#form\:listaRecibosGurum_paginator_bottom {
		margin-top: 1em;
	}
	
	#form\:listaRecibosGurum table tr td {
		display: block !important;
		width: 100%;
	}
	
	/* El importe de las listas pasa a la izquierda */
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td.numero-derecha
		{
		text-align: left;
		padding: 4px 10px;
	}
	
	/* Las botoneras se ajustan al 100% de lo que ocupe la pantalla */
	.botoneraAdmin button:first-child {
		margin-left: 0px !important;
	}
	
	.botoneraAdmin button:last-child {
		margin-left: 0px !important;
	}
	
	#formRecibo\:homeDetalle_footer button, .botoneraAdmin button,
		.botoneraAdmin button:first-child, .botoneraAdmin button:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
		.ui-datatable tfoot th {
		border-width: 0px;
	}
	
	td.numero-derecha {
		width: 50%;
		float: right;
	}
	
	.fecha-listado {
		text-align: right;
	}
	
	td.fecha-listado {
		width: 50%;
		text-align: left;
	}
	
	td.referencia, td.referencia {
		width: auto;
	}

}

/*@media screen and (width: 768px){
	.nav.nav-list.menuFundeweb{margin-top: 0;}
	.navbar-toggle{display: block;}
	#sidebar-nav{        position: relative;    top:12px;z-index:0;}
	
}*/
.boton_gordo {
	width: calc(100% - 20px);
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	min-height: 40px;
}

.textoNegrita {
	font-weight: bold;
	font-size: 1.1em;
}

.textoNegritaSubrayado {
	font-weight: bold;
	text-decoration: underline;
}

.boton-subir-justificante .ui-widget-header {
	border: none !important;
	background: none !important;
	font-weight: normal !important;
}

.boton-subir-justificante .ui-widget-content {
	border: none !important;
	background: none !important;
}

.app-name {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

/* accesibilidad */
.cke.cke_focus, .ui-sortable-column.ui-state-focus, .ui-chkbox-box.ui-state-focus,
	.ui-paginator .ui-paginator-next.ui-state-focus, .ui-paginator .ui-paginator-last.ui-state-focus,
	.ui-paginator .ui-paginator-first.ui-state-focus, .ui-paginator .ui-paginator-prev.ui-state-focus,
	.ui-paginator .ui-paginator-page.ui-state-focus, .ui-radiobutton .ui-radiobutton-box.ui-state-focus,
	.ui-tabs-nav .ui-tabs-outline, .ui-accordion .ui-tabs-outline {
	outline: 2px dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

#skip a {
	display: block;
	position: absolute;
	left: -999px;
	top: -999px;
}

#skip a:focus {
	left: 0;
	top: 0;
	z-index: 9000;
	color: #b41515;
	padding: 3px;
	background: white;
	border: 1px solid #990000;
}

.row-no-padding {
	margin: 0px;
	padding: 0px;
}

.breadcrumbs > .breadcrumb > .active {
	color: #393939;
}

.cargando {
	display: none;
}

.mensaje-verde {
    color: green;
    background: rgba(0, 128, 0, 0.2);
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 128, 0, 0.5);
    display: none; /* Evitar que ocupe el ancho completo */
  }

  .mensaje-rojo {
    color: red;
    background: rgba(255, 0, 0, 0.2);
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
    display: none; /* Evitar que ocupe el ancho completo */
  }

/* portal de servicios (adaptación para los estilos de gurum2) */
#UMPS_menu_toggler {
	height: 40px !important;
}