* {
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	text-align: left;
}

img {
	border: 0;
}
	img.excel {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 24px;
		height: 24px;
	}

h2 {
	margin-bottom: 12px;
}

h3 {
	margin-bottom: 8px;
}

h4 {
	margin-bottom: 6px;
}

h5 {
	margin-bottom: 4px;
}

.md-tooltip {
	font-size: 80%;
	max-width: 500px !important;
	height: auto !important;
	white-space: normal;
}

.md-tooltip2 {
	font-size: 80%;
	max-width: 10000px !important;
	height: auto !important;
	white-space: normal;
}

a {
	color: #02403b;
}
	a.highlight {
		margin: 5px;
		font-weight: bold; 
		font-size: 110%;
	}
	span.highlight {
		margin: 5px;
		font-weight: bold; 
		font-size: 110%;
	}
	
p {
	margin-bottom: 10px;
}

div.unhandledError {
	width: 75%;
}
	div.unhandledError h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	div.unhandledError .exceptionId {
		font-weight: bold;
	}
	div.unhandledError p {
		margin-bottom: 10px;
		text-align: center;
	}
	div.unhandledError p:last-of-type {
		margin-top: 15px;
		font-weight: bold;
	}
	
.hint {
	font-size: 80%;
	margin: 5px;
	padding: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: grey;
}
	.hint md-icon {
		font-size: 110%;
	}
	
.bold {
	font-weight: bold; 
}

/* 
 * Formularios
 */

.formContainer {
	padding: 5px 5px 5px 5px;
}
fieldset {
	padding: 10px 5px 5px 5px;
	border-right: none;
	border-left: none;
	border-color: rgba(0,0,0,.2);
	border-width: 0.5px;
}
	fieldset legend {
		font-weight: bold;
		font-size: 80%;
		color: #02403b;
	}
	fieldset.nestedFieldset {
		border-bottom: none;
	}

input, select, textarea {
	margin-bottom: 2px;
}

md-input-container {
	margin: 5px 0;
}
	md-input-container:not(.md-input-has-value):not(.md-input-focused) label {
		color: rgba(0,0,0,1) !important;
    	transform: translate3d(0,6px,0) scale(.75) !important;
    	opacity: 1;
	}
	md-input-container:not(.md-input-invalid).md-input-focused .md-input {
	    border-color: #02403b;
	}
	md-input-container:not(.md-input-invalid).md-input-focused label {
	    color: #02403b !important;
	    font-weight: bold;
	}
	md-input-container:not(.md-input-invalid).md-input-has-value label {
    	color: rgba(0,0,0,1);
	}
	md-input-container:not(.md-input-focused ):not(.md-input-invalid ) label.md-required:after {
		color: rgba(0, 0, 0, 1);
	}
	md-input-container md-checkbox .md-label {
		color: #02403b !important;
	}
	
md-select:not([disabled]):focus .md-select-value {
	border-bottom-color: #02403b;
}

.md-button.md-default-theme.md-fab, .md-button.md-fab {
	background-color: #02403b;
	opacity: 0.5;
}
	.md-button.md-default-theme.md-fab:not([disable]):hover, 
	.md-button.md-fab:not([disable]):hover {
		background-color: #02403b!important;
		opacity: 1;
	}
	.md-button.md-default-theme.md-fab md-icon, .md-button.md-fab md-icon {
		color: white;
	}

/* Fin formularios */

.errorNotification {
    border-left: 5px solid #00887d;
    background-color: #E0F2F1;
    padding: 5px;
    margin: 5px;
    line-height: 2em;
    font-size: 80%;
}
	.errorNotification md-icon {
		color: #d21515;
	}
		.errorNotification md-icon.warning {
			color: #ff8000;
		}
	.errorNotification p {
		margin-left: 10px;
	}
	.errorNotification ul {
		margin-left: 10px;
	}
	.errorNotification li {
		list-style: none;
	}
	.errorNotification li.collapsed:not(:first-of-type) {
		display: none;
	}
	.errorNotification li:not(.collapsed) {
		display: list-item;
	}
	.errorNotification li:not(:last-child) {
		border-bottom: 1px solid #d8d6d6;
	}

.primary:not([disabled]) {
	background-color: #02403b !important;
}
.primary:not([disabled]):hover {
	background-color: #013531 !important;
}

.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

.bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

/*
 * Copiado desde bootstrap
 */
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th,
	.table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td,
	.table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td
	{
	border-top: 0;
}

.table>thead>tr>th, .table>thead>tr>td {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	color: #02403b;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
	{
	background-color: #f9f9f9;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
	.pagination>li {
		display: inline;
	}
		.pagination>li:first-child>a, .pagination>li:first-child>span {
			margin-left: 0;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}
		.pagination>li>a, .pagination>li>span {
			position: relative;
			float: left;
			padding: 6px 12px;
			margin-left: -1px;
			line-height: 1.42857143;
			color: #03887d;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid #ddd;
		}
		.pagination>li:last-child>a, .pagination>li:last-child>span {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}

	.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
		.pagination>.active>span:hover, .pagination>.active>a:focus,
		.pagination>.active>span:focus {
		z-index: 2;
		color: #fff;
		cursor: default;
		background-color: #03887d;
		border-color: #03887d;
	}

.pagination_total {
	display: inline-block;
	transform: translate(100%, -150%);
	color: #03887d;
}

th {
	text-align: left;
}
	th[st-sort] {
		cursor: pointer;	
	}

td, th {
	padding: 0;
}

td.actions {
	width: 10%;
}

.actions .md-button {
	width: 10%;
	margin: 0px;
	padding: 0px;
	min-height: 24px;
	min-width: 24px;
}
	.actions .md-button.inlineHelp * {
		font-weight: bold;
		color: brown;
	}

	
table {
	background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}

/* Fin copiado desde bootstrap */

/*
 * Necesarias para smart-table 
 */
.st-sort-ascent:before {
	content: '\25B2';
}

.st-sort-descent:before {
	content: '\25BC';
}

.st-selected {
	background-color: #E0F2F1 !important;
}
	.st-selected td {
		background-color: #E0F2F1 !important;
	}
	
/* Fin necesarias para smart-table */

/* Google Charts */
svg > g > g:last-child { 
	pointer-events: none;
}

/* Fin Google Charts */

/* Gestión de scroll y cabecera deslizante en tablas */
ttec-scrollable {
	position: relative;
	display: block;
	overflow: hidden;
}
.scrollableTable {
	overflow-x: auto;
	z-index: 100;
}
	.scrollableTableInner {
	}
	.scrollableHeader {
		position: absolute;
		overflow-x: hidden;
		z-index: 90;
	}
		.scrollableHeader table {
			margin-bottom: 0px;
			
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    display: flex;
		    flex-direction: column;
		    align-items: stretch;
		}
			.scrollableHeader table thead {
			    display: flex;
			    flex-direction: column;
			    align-items: stretch;
			    flex-shrink: 0;
			}
				.scrollableHeader table thead > tr {
				    display: flex;
				    flex-direction: row;
				    flex-wrap: nowrap;
				}
		.scrollableHeader th, .scrollableHeader td {
			display: inline-block;
			color: white;
			background-color: rgba(0, 0, 0, 0.8)!important;
		}
		.scrollableHeader th *, .scrollableHeader th.st-sort-ascent:before, 
			 .scrollableHeader th.st-sort-descent:before {
			color: white;
		}
	
	.scrollableTable .ttecScrollableFilter div {
		float: left;
		font-size: 80%;
	}
	.scrollableTable .ttecScrollableFilter label {
		position: absolute;
		top: -10000px;
		left: -10000px;
	}	
	.scrollableTable .ttecScrollableFilter div.numericFilter {		
	}
		.scrollableTable .ttecScrollableFilter div.numericFilter div:first-of-type {
			width: 15px;
		}
		.scrollableTable .ttecScrollableFilter div.numericFilter div:last-of-type {
			width: 85%;
		}
		.scrollableTable .ttecScrollableFilter div.numericFilter input {
			width: 100px;
		}
		
/* Fin gestión de scroll y cabecera deslizante en tablas */

md-tabs {
}
	md-tabs .md-tab {
		text-transform: none;
		font-weight: bold;
	}
	md-tabs .md-tab.md-active {
		color: #02403b;
	}
	md-tabs md-ink-bar {
		color: #02403b !important;
		background-color: #02403b !important;
	}
	
md-nav-bar {
}
	md-nav-bar div.md-nav-bar {
		margin-bottom: 20px;
	}
	md-nav-bar ._md-nav-button-text {
		text-transform: none;
		font-weight: bold;
	}
	md-nav-bar .md-button.md-accent {
		color: #02403b;
	}
	md-nav-bar md-nav-ink-bar {
		color: #02403b !important;
		background-color: #02403b !important;
	}

#contentContainer {
	margin: 10px 10px 0 10px;
	/* width: 80%; */
	
}
header {
	height: 7.5em;
	padding: 0.5em 0 0.6em 0;
	overflow: hidden;
	border-bottom: 1px solid black;
	background-color: #016d64;
}
	header #logoContainer {
		float: left;
		width: 33%;
		padding: 0 0 0 0.5em;
		height: 85px;
	}
	header #appTitleContainer {
		padding: 1em 0 0 0;
		color: white;
		text-align: center;
	}
	header #appTitleContainer p {
			text-align: center;
		}
	@media(max-width: 1024px) {
		header #appTitleContainer {
			padding: 1em 0 0 0;
			color: white;
			text-align: center;
			font-size: 80%;
		}
	}
					
	header nav {
		border-top: 1px solid black;
	}
		header nav md-toolbar {
			background-color: transparent!important;
		}
			header nav md-menu-bar button {
				background-color: transparent;
			}
				header nav md-menu-bar button {
					color: white;
				}
					
	header 
	.secPrincipal {
		color: white;
		font-size: 14px;
		padding-top: 0px;
		white-space: nowrap;
		overflow: hidden;
	}
		header .secPrincipal a {
			padding-left: 10px;
		} 
		header .secPrincipal md-icon {
			color: white;
		}
			
	header .languageMenu md-icon {
		color: white;
	}
			
	header .home md-icon {
		color: white;
	}			
			
	header .signIn md-icon {
		color: white;
	}
			
.dialog-title {
	margin-bottom: 10px;
}
	.dialog-title span.title {
		display: block;
		font-size: 1.17em;
		font-weight: bold;
	    margin-bottom: 8px;
	}
	.dialog-title span.subtitle {
		display: block;
	    font-size: 0.83em;
	    font-weight: bold;
	    margin-bottom: 4px;
	}

.dialog-text {
	margin-right: 10px;
	margin-bottom: 10px;
}

.grid-tile {
	width: 48%;
	margin: 1%;
	background: #f5f5f5;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
	.grid-tile p.grid-tile-title {
		font-weight: bold;
    	color: #02403b;
    	padding: 1em;
    	font-size: 110%;
	}
	.grid-tile p.grid-tile-description {
		text-align: justify;
		padding: 1em;
	}

.moduleIndexDialog md-list-item.md-2-line .md-list-item-text h3 {
	font-weight: bold;
}

.md-list-item-inner .hijo {
	margin-left: 1em !important;
}

.moduleIndexDialog div.moduleDiagram {
}
	.moduleIndexDialog div.moduleDiagram p {
		margin-bottom: 5px;
	}
	.moduleIndexDialog div.moduleDiagram p.diagram {
		padding-left: 2%;
	}
	.moduleIndexDialog div.moduleDiagram a {
		text-decoration: none;
	}
	.moduleIndexDialog div.moduleDiagram img {
		max-width: 98%;
	}

#pphhNavContainer {
	
}
	#pphhNavContainer span.lockedCiclo md-icon {
		color: red;
	}

	#pphhNavContainer div.versionMenu {
		text-align: center;
	}
	
	#pphhNavContainer .activityToolbar {
		text-align: right;
		background-color: #FFD200;
		margin-bottom: 3px;
	}
		#pphhNavContainer .activityToolbar span:first-of-type {
			font-weight: bold;
			font-size: 75%;
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: 75%;
		}
		#pphhNavContainer .activityToolbar button {
			min-width: 32px;
		}
	
	#pphhNavContainer md-toolbar {
		background-color: rgb(238,238,238) !important;
		/*
		border: 1px solid #ddd !important;
		border-radius: 4px !important;
		*/
		box-shadow: 0px 2px 1px #888888;
		margin-right: 5px;
		margin-bottom: 10px;
		min-height: 48px;
	}
		#pphhNavContainer md-toolbar .md-toolbar-tools {
			height: 48px;
		}
		#pphhNavContainer md-toolbar button {
			min-width: 32px;
		}

	#pphhNavContainer .pphhNavMenu {
		margin-right: 5px;
		background-color: #E0F2F1;
		min-height: 40em;
	}
		#pphhNavContainer .pphhNavMenu .carousel span, 
		#pphhNavContainer .pphhNavMenu .storedFilters span {
			font-weight: bold;
			padding-right: 5px;
		}
		#pphhNavContainer .pphhNavMenu div.md-list-item-text {
			font-size: 80%;
			color: #02403b;
			line-height: 1.4;
		}
		#pphhNavContainer .pphhNavMenu div.menu-selected {
			border-bottom: 3px solid #02403b;
			font-weight: bold;
		}
	
	#pphhNavContainer md-whiteframe:not(.activityCard) {
		min-height: 35em;
		border: 1px solid rgba(0, 136, 125, .5);
		box-shadow: 0 1px 3px 0 rgba(0,136,125,.2),0 1px 1px 0 rgba(0,136,125,.14),0 2px 1px -1px rgba(0,136,125,.12);
	}
	
	#pphhNavContainer md-whiteframe.activityCard {
		padding: 10px;
		font-size: 80%;
		margin-top: 5px;
		margin-right: 5px;
	}
		#pphhNavContainer md-whiteframe.activityCard .activityDate {
			font-size: 90%;
			font-weight: bold;
			text-align: right;
		}
		#pphhNavContainer md-whiteframe.activityCard .activityState {
			font-size: 90%;
			text-decoration: underline;
			text-align: left;
		}
		
		#pphhNavContainer md-whiteframe.activityCard .activityDescription {
			cursor: pointer;
			margin-top: 5px;
		}
	
	#pphhNavContainer .breadcrumbs {
		font-size: 70%;
		margin: 5px 0;
		color: #02403b;
	}
		#pphhNavContainer .breadcrumbs a {
			color: #02403b;
			font-weight: bold;
		}
	
	#pphhNavContainer .topToolbar button {
		min-width: 32px;
	}
		#pphhNavContainer .topToolbar md-icon.activityToogle {
			color: #d21515;
		}
		
	#pphhNavContainer .pphhEntityContainer {
		padding: 8px 0;
	}
		#pphhNavContainer .pphhEntityContainer .activityChangesAlert > div {
			text-align: center;
			font-size: 75%;
			border-bottom: 1px #FFD200 solid;
			margin-bottom: 3px;
			padding: 5px 5px;
			width: 60%;
		}
		#pphhNavContainer .pphhEntityContainer .activityChangesAlert > div.activityChanges {
			font-weight: bold;
			background-color: #FFD200;
		}
			#pphhNavContainer .pphhEntityContainer .activityChangesAlert > div.activityChanges a:last-of-type {
				display: inline-block;
				float: right;
			}
		#pphhNavContainer .pphhEntityContainer md-icon.fieldChanged {
			color: #FFD200;
		}
	
		#pphhNavContainer .pphhEntityContainer .notification {
			background-color: rgb(238,238,238);
		}
			#pphhNavContainer .pphhEntityContainer .notification h3 {
				text-align: center;
				margin: 10px 5px 10px 5px;
			}
			#pphhNavContainer .pphhEntityContainer .notification md-whiteframe {
				background-color: white;
				margin-left: 5px;
			}
		#pphhNavContainer .pphhEntityContainer a.back {
			font-size: 80%;
			color: #02403b;
			margin-left: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			display: inline-block;
		}
		
		#pphhNavContainer .pphhEntityContainer .pendingDeletion {
			color:red;
			text-align: center;
			font-size: 80%;
		}
		
		#pphhNavContainer .pphhEntityContainer .filterContainer { /* Promocionado */
			padding: 5px 5px 5px 5px;
		}
			#pphhNavContainer .pphhEntityContainer .filterContainer fieldset { /* Promocionado */
				padding: 10px 5px 5px 5px;
				border-right: none;
				border-left: none;
				border-color: rgba(0,0,0,.2);
				border-width: 0.5px;
			}
				#pphhNavContainer .pphhEntityContainer .filterContainer fieldset legend {
					padding-left: 5px;
					padding-right: 5px;
					margin-bottom: 5px;
				}
				
		#pphhNavContainer .pphhEntityContainer .filterResultContainer {
		}
			#pphhNavContainer .pphhEntityContainer .filterResultContainer .md-toolbar-tools span:first-of-type {
				font-size: 70%;
			}
			#pphhNavContainer .pphhEntityContainer .filterResultContainer table {
				margin-bottom: 0;
			}						
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table th>div {
					font-size: 80%;
					display: inline;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table td {
					font-size: 80%;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tr td:FIRST-OF-TYPE {
					width: 5px;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tbody tr:not(.st-selected) td>div {
					height: 54px;
					overflow: hidden;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tbody > tr.mod {
					color: red;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tbody > tr.del {
					text-decoration: line-through;
				}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tfoot {
					height: 5em;	
				}
				
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tfoot nav{	
					position:fixed;
					left:45%;
					bottom:4.5em;	
					width: 25%;	
					min-width: 30em;			
					margin: 1%;
					background: #f5f5f5;
					box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);	
					border-radius:10px;	
					opacity:0.5;


				}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer table tfoot nav:not([disable]):hover {
						opacity: 1;
					}		
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tfoot nav .pagination {
					margin-left:-5em;
				}

				
				#pphhNavContainer .pphhEntityContainer .filterResultContainer table tfoot td {
					text-align: center;				
				}

			#pphhNavContainer .pphhEntityContainer .filterResultContainer .scrollableTable {
				overflow-x: auto;
				/* height: 100%; */
			}
			
			/* Personalización para medidas */
			/*
			#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas .scrollableTable {
				overflow-x: scroll;
			}
			#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas .scrollableTableInner {
				width: 1800px;
			}
				#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table {
				    box-sizing: border-box;
				    -moz-box-sizing: border-box;
				    display: flex;
				    flex-direction: column;
				    align-items: stretch;
				    height: 800px; 
				}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table * {
					    box-sizing: inherit;
					    -moz-box-sizing: inherit;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table thead {
					    display: flex;
					    flex-direction: column;
					    align-items: stretch;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody {
					    overflow-y: scroll;
					    display: inline-block;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table thead > tr, 
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody > tr, 
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tfoot > tr {
					    display: flex;
					    flex-direction: row;
					    flex-wrap: nowrap;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody > tr.mod {
						color: red;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody > tr.del {
						text-decoration: line-through;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table thead,
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tfoot {
					    flex-shrink: 0;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table th, 
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody tr td {
					    width: 20%;
					    overflow-x: hidden;
					    text-overflow: ellipsis;
					    display: inline-block;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table th:FIRST-OF-TYPE,
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody tr td:FIRST-OF-TYPE {
					    width: 8%;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table th.descripcionMedida, 
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody td.descripcionMedida {
					    width: 40%;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tbody tr:not(.st-selected) td>div {
						height: 54px;
						overflow: hidden;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table th>div {
						height: 80px;
						overflow: hidden;
					}
					#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tfoot {
					    display: inline-block;
					}
						#pphhNavContainer .pphhEntityContainer .filterResultContainer.medidas table tfoot td {
						    width: 100%;
						    display: inline-block;
						}
			*/
				
		#pphhNavContainer .pphhEntityContainer .formContainer { /* Promocionado */
			padding: 5px 5px 5px 5px;
		}
			#pphhNavContainer .pphhEntityContainer .formContainer md-input-container[data-readonly='true'] div.md-errors-spacer {
				min-height: 10px;
			}
			#pphhNavContainer .pphhEntityContainer .formContainer md-input-container[data-readonly='true'] div.md-char-counter {
				display: none;
			}
			#pphhNavContainer .pphhEntityContainer .formContainer md-input-container input[type='text'].virtual,
			#pphhNavContainer .pphhEntityContainer .formContainer md-input-container md-checkbox.virtual {
				background-color: rgba(0, 0, 0, 0.15);
			}
			
		
		#pphhNavContainer .pphhEntityContainer .compositionsContainer {
			margin-bottom: 10px;
		}
			#pphhNavContainer .pphhEntityContainer .compositionsContainer fieldset {
				padding: 5px 5px 5px 5px;
			}
			#pphhNavContainer .pphhEntityContainer .compositionsContainer md-list {
				font-size: 80%;
			}
				#pphhNavContainer .pphhEntityContainer .compositionsContainer md-list .md-subheader {
					font-weight: bold;
					color: #02403b !important;
					border-bottom: 1px solid lightgrey;
				}
				#pphhNavContainer .pphhEntityContainer .compositionsContainer md-list md-list-item p {
					line-height: 1.4;
				}
				
		#pphhNavContainer .pphhEntityContainer .externalLinksContainer {
			margin-bottom: 10px;
		}
			#pphhNavContainer .pphhEntityContainer .externalLinksContainer fieldset {
				padding: 5px 5px 5px 5px;
			}
			#pphhNavContainer .pphhEntityContainer .externalLinksContainer md-list {
				font-size: 80%;
			}
				#pphhNavContainer .pphhEntityContainer .externalLinksContainer md-list .md-subheader {
					font-weight: bold;
					color: #02403b !important;
					border-bottom: 1px solid lightgrey;
				}
				
#activityInfoContainer {
	
}
	#activityInfoContainer .activityInfoUserList {
		margin-bottom: 20px;
	}
	#activityInfoContainer .activityInfoIndex {
		margin-right: 10px;
	}
	
.activityDiffDialog .oldValue {
	margin-bottom: 10px;
}
	.activityDiffDialog .oldValue div:first-of-type {
		font-weight: bold;
	}
.activityDiffDialog .newValue div:first-of-type {
	font-weight: bold;
}

#queryList md-tabs {
}
	#queryList md-tabs .md-tab {
	}
	#queryList md-tabs .md-tab.md-active {
	}
	#queryList md-tabs md-ink-bar {
	}
			
#queryContainer {
	}
	#queryContainer md-toolbar {
		background-color: rgb(238,238,238) !important;
		/*
		border: 1px solid #ddd !important;
		border-radius: 4px !important;
		*/
		box-shadow: 0px 2px 1px #888888;
		margin-right: 5px;
		margin-bottom: 10px;
		min-height: 48px;
	}
		#queryContainer md-toolbar .md-toolbar-tools {
			height: 48px;
		}
			#queryContainer md-toolbar .md-toolbar-tools span:first-of-type {
				font-size: 70%;
			}
		#queryContainer md-toolbar button {
			min-width: 32px;
		}
			
	#queryContainer md-input-container {
		margin: 18px 0;
	}
	#queryContainer tbody td {
		font-size: 80%;
	}
	#queryContainer td.crudlnk {
		cursor: pointer;
	}
	
	#queryContainer p.filterExplanation {
		font-size: 70%;
	}
	/*
	#queryContainer .scrollableTable {
	}
	#queryContainer .scrollableTableInner {
		overflow-x: scroll;
		height: 800px;
	}
	*/
	#queryContainer.listadoMedidas {
		}
		#queryContainer.listadoMedidas td.descripcionMedida {
			width: 250px;
		}
		#queryContainer.listadoMedidas td.presupuesto {
			width: 150px;
		}
		#queryContainer.listadoMedidas td:not(.descripcionMedida):not(.presupuesto) {
			width: 100px;
		}
	#queryContainer.listadoInversionHorizontes {
		}
		#queryContainer.listadoInversionHorizontes td.descripcionMedida {
			width: 250px;
		}
	#queryContainer.listadoMedidasByAdmon {
		}
		#queryContainer.listadoMedidasByAdmon td.descripcionMedida {
			width: 250px;
		}
	#queryContainer.listadoSituacionMedidas td.grp1,
	#queryContainer.listadoSituacionMedidas th.grp1 {
		background: #94c2bf;
	}
		
	#queryContainer.listadoWaterBody {
		}
		#queryContainer.listadoWaterBody td.waterBodyCode>div {
			white-space: nowrap;
		    width: 100px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: inline-block;
		}
	#queryContainer.listadoGWBPressure {
		}
		#queryContainer.listadoGWBPressure td.groundWaterBodyName {
			width: 300px;
		}
		#queryContainer.listadoSWBPressure td.surfaceWaterBodyName {
			width: 300px;
		}
		#queryContainer.listadoGWBPressure td.gwSignificantPressureType {
			width: 280px;
		}
		#queryContainer.listadoSWBPressure td.swSignificantPressureType {
			width: 280px;
		}
		
	#queryContainer.listadoSeguimientoSwb td.monitoringProgramme, 
	#queryContainer.listadoSeguimientoSwb th.monitoringProgramme {
		background: #94c2bf;
	}
	#queryContainer.listadoSeguimientoSwb td.trendStatusAssessment,
	#queryContainer.listadoSeguimientoSwb th.trendStatusAssessment {
	}
	#queryContainer.listadoSeguimientoSwb td.protectedArea, 
	#queryContainer.listadoSeguimientoSwb th.protectedArea {
		background: #94c2bf;
	}
	#queryContainer.listadoSeguimientoSwb td.transboundaryMonitoring,
	#queryContainer.listadoSeguimientoSwb th.transboundaryMonitoring {
	} 
	#queryContainer.listadoSeguimientoSwb td.soe, 
	#queryContainer.listadoSeguimientoSwb th.soe {
		background: #94c2bf;
	}
	
	#queryContainer.listadoSeguimientoSwb td.other, 
	#queryContainer.listadoSeguimientoSwb th.other {
	}
	
	#queryContainer.listadoSeguimientoGwb td.monitoringProgramme, 
	#queryContainer.listadoSeguimientoGwb th.monitoringProgramme {
		background: #94c2bf;
	}
	#queryContainer.listadoSeguimientoGwb td.trendStatusAssessment,
	#queryContainer.listadoSeguimientoGwb th.trendStatusAssessment {
	}
	#queryContainer.listadoSeguimientoGwb td.protectedArea, 
	#queryContainer.listadoSeguimientoGwb th.protectedArea {
		background: #94c2bf;
	}
	#queryContainer.listadoSeguimientoGwb td.soe, 
	#queryContainer.listadoSeguimientoGwb th.soe {
	}
		
	#queryContainer.listadoEvolucionMasasSuperficiales th.bajas,
	#queryContainer.listadoEvolucionMasasSuperficiales th.cambios,
	#queryContainer.listadoEvolucionMasasSuperficiales th.altas,
	#queryContainer.listadoEvolucionMasasSubterraneas th.bajas,
	#queryContainer.listadoEvolucionMasasSubterraneas th.cambios,
	#queryContainer.listadoEvolucionMasasSubterraneas th.altas,
	#queryContainer.listadoEvolucionMasasSubterraneas td, 
	#queryContainer.listadoEvolucionMasasSuperficiales td {
		text-align: center;	
	}	
	
	#queryContainer.listadoEvolucionMasasSuperficiales td.cambios, 
	#queryContainer.listadoEvolucionMasasSuperficiales th.cambios,	
	#queryContainer.listadoEvolucionMasasSuperficiales td.altas, 
	#queryContainer.listadoEvolucionMasasSuperficiales th.altas,
	#queryContainer.listadoEvolucionMasasSubterraneas td.cambios, 
	#queryContainer.listadoEvolucionMasasSubterraneas th.cambios,	
	#queryContainer.listadoEvolucionMasasSubterraneas td.altas, 
	#queryContainer.listadoEvolucionMasasSubterraneas th.altas {
		background: #94c2bf;
	}

		#queryContainer table tfoot {
			height: 5em;	
		}
		
		#queryContainer table tfoot nav{	
			position:fixed;
			left:45%;
			bottom:3.8em;	
			width: 25%;	
			min-width: 30em;			
			margin: 1%;
			background: #f5f5f5;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);	
			border-radius:10px;	
			opacity:0.5;


		}
		#queryContainer table tfoot nav:not([disable]):hover {
				opacity: 1;
			}		
		#queryContainer table tfoot nav .pagination {
			margin-left:-5em;
		}

		
		#queryContainer table tfoot td {
			text-align: center;				
		}	
.dashboardContainer {
	
}
	.dashboardContainer md-input-container {
		margin: 18px 0;
	}
		.dashboardContainer  table tfoot {
			height: 5em;	
		}
		
		.dashboardContainer  table tfoot nav{	
			position:fixed;
			left:45%;
			bottom:2.5em;	
			width: 25%;	
			min-width: 30em;			
			margin: 1%;
			background: #f5f5f5;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);	
			border-radius:10px;	
			opacity:0.5;


		}
		.dashboardContainer  table tfoot nav:not([disable]):hover {
				opacity: 1;
			}		
		.dashboardContainer  table tfoot nav .pagination {
			margin-left:-5em;
		}

		
		.dashboardContainer  table tfoot td {
			text-align: center;				
		}		

.homeContainer {
	}
	.homeContainer h2 {
		font-weight: normal;
		padding-bottom: 5px;
		margin-bottom: 0px;
		border-bottom: 1px solid black;
		color: #02403b;
	}
		.homeContainer h2:not(:first-of-type) {
			margin-top: 40px;
		}	
	.homeContainer p {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.homeContainer #dhsImage {
		cursor: pointer;
		cursor: zoom-in;
		border: none;
		width: 100%;
	}
	.homeContainer .dpsirIcon {
		font-size: 40pt;
		color: gray;
		text-align: center;
	}
	.homeContainer .moreInfo {
		font-size: 80%;
		text-align: right;
	}
	.homeContainer .dpsirSection {
		}
		.homeContainer .dpsirSection .navMenu {
			margin-left: 20px;
		}
	.homeContainer .queryTableContainer {
		overflow-x: scroll;
	}
	.homeContainer .summaryTableFilter {
		margin-left: 80%;
	}	
	.homeContainer .listadoResumen {
		}
		.homeContainer .listadoResumen table {
			border-collapse: collapse;
		}	
		.homeContainer .listadoResumen table, .homeContainer .listadoResumen tbody, .homeContainer .listadoResumen tr, 
			.homeContainer .listadoResumen th, .homeContainer .listadoResumen td {
			border: 1px solid black;
		}
		.homeContainer .listadoResumen th {
			text-align: center;
			vertical-align:middle;
			font-size: 80%;
			color: white;
			background-color:#238f8c;	
			padding: 5px 5px 5px 5px;		
		}
		.homeContainer .listadoResumen td {
			font-size: 80%;
			padding: 1px 5px 1px 5px;
		}
		.homeContainer .listadoResumen td:NOT(:FIRST-OF-TYPE) {
			text-align: right;
		}
		.homeContainer .listadoResumen tfoot {
			font-size: 110%;
			text-align: right;
			font-weight:bold;
			background-color:lightblue;
		}
	
		.homeContainer .listadoResumen .celdaRoja {
			background-color:red;
			color:white
		}
		.homeContainer .listadoResumen .celdaVerde {
			background-color:green;
			color:white
		}
		.homeContainer .listadoResumen .celdaGris {
			background-color:gray;
			color:white
		}	
		.homeContainer .listadoResumen button {
			padding: 1px 1px 20px 1px;
		}	
		.homeContainer .listadoResumen h4 {
			padding: 22px 40px 1px 1px;
		}
		.homeContainer .text-description {
			text-align:justify
		}
	
#gisViewer {
	position: relative;
	width:100%; 
	height: 100vh;
	margin-bottom: 20px;
}
	
	#gisViewer p {
		margin-bottom: 10px;
	}
	#gisViewer #visorContainer {
		position: relative;
		height: 100vh;
		width: 100%; 
        z-index: 1;
    }
	#gisViewer .gisMenu {
		position: absolute;
		z-index: 10;
		width: 100px;
	}
		#gisViewer .gisMenu a {
			display: inline-block;
			margin-top: 90px;
			margin-left: 40px;
		}

.gisSelectionDialog .gisGroupTitle {
	border-bottom: 1px solid black;
	margin-bottom: 5px;
}
		
.gisSelectionDialog .gisGroup {
	margin-bottom: 20px;
	padding: 5px;
	border-bottom: 1px solid #ddd;
}

.gisSelectionDialog .gisElement:nth-child(even) {
	background-color: #E0F2F1;
}

.gisSelectionDialog .gisGroupAction {
	border-top: 1px solid #ddd;
}		
	.gisSelectionDialog .gisGroupAction ul {
		list-style-type: none;
		margin-left: 20px;
	}

.footerPublic{
	padding-top: 20px;
	text-align: center;
}	
	.footerPublic .line {
		border-top: 0px solid #ccc;
		margin-bottom: 10px;
	}
	.footerPublic .primera {
	    border-left: none;
	}
	.footerPublic ul li {
		display: inline;
		padding: 0 5px 0 6px;
		border-left: 1px solid #000;
		
		color: #03887d;
		font-size: 0.8em;
	}
		.footerPublic ul li a {
			color: #03887d;
			text-decoration-color: #03887d;		
		}
.infoBrowser{
	text-align: center;
	margin-left: 90px;
	margin-top: 12px;
	margin-right: 45px;
}
	.infoBrowse ul li{		
		padding: 0 5px 0 6px;
		border-left: 1px solid #000;
	}
	
	
#helpContainer {
	}
	#helpContainer md-toolbar {
		background-color: rgb(238,238,238) !important;
		/*
		border: 1px solid #ddd !important;
		border-radius: 4px !important;
		*/
		box-shadow: 0px 2px 1px #888888;
		margin-right: 5px;
		margin-bottom: 10px;
		min-height: 48px;
	}
		#helpContainer md-toolbar .md-toolbar-tools {
			height: 48px;
		}
			#helpContainer md-toolbar button {
				min-width: 32px;
			}
	#helpContainer md-input-container {
		margin: 18px 0;
	}
	
	#helpContainer md-radio-button {
		margin: 58px 0;
	}
	
	#helpContainer tbody td {
		font-size: 80%;
	}
	#helpContainer td.crudlnk {
		cursor: pointer;
	}
	
	#helpContainer p.filterExplanation {
		text-align: justify;
		font-size: 70%;
	}

.wmPhasesContainer .resources {
	padding: 10px;
	background-color: #E0F2F1;
	box-shadow: 0px 2px 1px #888888;
}
	.wmPhasesContainer .resources div {
		margin-left: 10px;
		margin-right: 10px;
	}

/*
 * En pruebas
 */
.biContainer {
	
}
	.biContainer h2 {
		font-weight: normal;
		padding-bottom: 5px;
		margin-bottom: 30px;
		border-bottom: 1px solid black;
		color: #02403b;
	}
	.biContainer md-input-container {
		max-width: 10em;
		margin-bottom: 1em; 
	}
	.biContainer .parameterContainer {
	padding: 5px 5px 5px 5px;
		margin-bottom: 20px;
	}
		.biContainer .parameterContainer > span {
			margin-bottom: 5px;
			font-weight: bold;
		}
		.biContainer .parameterContainer a {
			text-decoration: none;
			color: inherit;
			white-space: nowrap;
		}
		
		.biContainer .parameterContainer .applyFilter {
			margin-top: 5px;
			font-weight: bold;
			font-size: 90%;
		}
		
		.biContainer .parameterContainer .chipsContainer {
			max-height: 300px;
			overflow: auto;
		}
			.biContainer .parameterContainer .chipsContainer a.all {
				display: inline-block;
				width: 100%;
				border-bottom: 1px solid #00000075;
				margin-bottom: 5px;
			}
			
	.biContainer dashboard-bar {
		display: block;
	}
	.biContainer div.card {
		margin: 10px;
	}
	
	.biContainer div.control {
		height: 500px;
	}
	.biContainer div.control div[google-chart], .biContainer div.control div.nodata {
		height: 475px;
		width: 100%;
	}
	
	.biContainer div.streched-control {
		height: 300px;
	}
	.biContainer div.streched-control div[google-chart], .biContainer div.streched-control div.nodata {
		height: 275px;
	}
	.biContainer div.control div.nodata, div.streched-control div.nodata {
		transform: translate(50%, 50%);
	}
	.biContainer div.control div.title, .biContainer div.streched-control div.title {
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 110%;
	}
	
	.biContainer div.indicator {
		width: 250px;
		height: 100px;
		background-color: #83d2f0;
		padding: 10px;
	}
		.biContainer div.indicator div.value {
			font-weight: bold;
			font-size: 300%;
			padding-right: 5px;
		}
		.biContainer div.indicator div.unit {
			font-weight: bold;
			font-size: 110%;
			transform: translate(0, 50%);			
		}
	
	.biContainer div[google-chart] th {
		white-space: normal;
		background-color: #238f8c;
		background-image: none;
		color: white;
	}
	.biContainer *[ttec-dsb-totals] div[google-chart] th:last-child {
		text-transform: uppercase;
	}
	.biContainer *[ttec-dsb-totals*="c"] div[google-chart] tr:last-child td {
		font-weight: bold;
		text-transform: uppercase;
		background-color: #c3c3c3;
	}			
	.biContainer *[ttec-dsb-totals*="r"] div[google-chart] td:last-child {
		font-weight: bold;
		background-color: #c3c3c3;
	}
		
		/* dma dmaWaterBodyDashboard */
		.biContainer div.indicator.surfaceWaterBodyCounterIndicator {
			background-color: rgb(51, 102, 204);
			color: white;
		}
		.biContainer div.indicator.groundWaterBodyCounterIndicator {
			background-color: rgb(153, 0, 153);
			color: white;
		}
		
		/* dma dmaPressureMetaTypeDashboard */
		.biContainer div.indicator.waterBodyUnderPressuresCounterIndicator {
			background-color: rgb(220, 57, 18);
			color: white;
		}
		.biContainer div.indicator.waterBodyNoPressuresCounterIndicator {
			background-color: rgb(16, 150, 24);
			color: white;
		}
		.biContainer div.indicator.waterBodyUnderPressuresCounterIndicator div.unit,
		.biContainer div.indicator.waterBodyNoPressuresCounterIndicator div.unit {
			transform: none;	
		}
		
		.biContainer div.streched-control.pressuresDistributionControl {
			height: 400px;
		}
		.biContainer div.streched-control.pressuresDistributionControl div[google-chart],
		.biContainer div.streched-control.pressuresDistributionControl .biContainer div.control div.nodata {
			height: 325px;
		}
		
		.biContainer div.control.pressuresDashboardControl {
			height: 550px;
		}
		
		/* dma dmaSurfaceWbStatusDashboard, dmaGroundWbStatusDashboard */
		.biContainer div.indicator.waterBodyGoodStateCounterIndicator {
			background-color: rgb(16, 150, 24);
			color: white;
		}
		.biContainer div.indicator.waterBodyBadStateCounterIndicator {
			background-color: rgb(220, 57, 18);
			color: white;
		}
		.biContainer div.indicator.waterBodyGoodStateCounterIndicator div.unit,
		.biContainer div.indicator.waterBodyBadStateCounterIndicator div.unit {
			transform: none;	
		}
		
		.descripcionMedida {
		width: 500px;
		}

.section-100 {
	width: 98%;
	margin: 1%;	
	background: linear-gradient(  rgb(250,250,250) 60%,  #F0f0f0 100%);	
	list-style: none;
	border-radius: 0px 0px 10px 10px;
	
	
}

	.section-100 p.section-100-title {
			/*text-decoration: underline;*/
			background: linear-gradient(#F0f0f0 10%,  rgb(250,250,250) 100%);
			border-radius: 10px 10px 0px 0px;
			font-weight: bold;
    		color: #02403b;
    		padding: 1em;
    		margin-bottom:0;
    		margin-top:5px;
    		font-size: 110%;
	}
	.section-100 p.section-100-description {
		text-align: justify;
		padding: 1em;
	}
			
	.divCorners {
	  border-radius: 25px;
	  border: 2px solid #016d64;
	  padding: 20px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  max-width: 900px;
	  background-color: #E0F2F1;
	}
	
	.menu-usuario {
	  display: flex;
	  flex-flow: wrap-reverse;
	  align-self: flex-end;
	  color: white;
	  font-weight: bold;
	}