*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  outline-width: 0px;
  font-family: PT_Sans, Roboto, Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

header, nav, section, main, article, aside, footer {
  display: block;
}


/*
1.0 Generales
	1.1 Fuentes

2.0 Maquetacion Base
	2.1 Grid
	2.2 Cabecera
		2.2.1 Slider
	2.3 Menu Principal
	2.4 Pie de Página
	2.5 Contenido Principal
	2.6 Buzon Home
	2.7 Contacto home
	2.8 Formularios
	2.9 Cargando

3.0 Tablas
	3.1 Paginado
	
4.0 Ventanas "pop-up"
	
6.0 Modificaciones "jQuery"

7.0 MediaQueries
8.0 Sendero de migas
*/



/* ======================================================== 1.0 Generales */
body.epbBodyGeneral,
div,
p,
label,
input[type="text"],
input[type="password"] {
  margin: 0px;
  padding: 0px;
  white-space: normal;
}

body.epbBodyGeneral {
	width: 100%;
	max-width: 1280px;
	
	
	margin: 0px auto;
	padding: 0px;/* 5px;*/
	
	background-image: none;
	background-color: #fff;
	
	color: #000;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: grayscale;
	min-height: 100vh;
	position: relative;
	padding-bottom: 46px;/**/
}
.separador {
	clear: both;
	padding: 0px;
	margin: 0px;
}
body.epbBodyGeneral a,
body.epbBodyGeneral a:link,
body.epbBodyGeneral a:hover,
body.epbBodyGeneral a:visited,
body.epbBodyGeneral a:active {
	color: #333;
	font-size: 0.875rem;
	text-decoration: none;
}
.tabla-centro {
    text-align: center !important;
}

.tabla-derecha {
    text-align: right !important;
}
.texto-pequeno {
    font-size: .875rem;
}
.flex-container {
    display: flex !important;
    justify-content: space-between;
}
.height70{
	height:70px;
}

.height120{
	height: 120px
}

.height170{
	height:170px;
}

.txtCentrado {
	text-align: center;
}
.txtCentrado > * {
	margin: 0px auto;
}
.epbMargenSup {
	margin-top: 28px !important; /* 22px */
}
.epbMargenSupNoSup {
	margin-top: 23px !important;
	margin-bottom: -5px !important;
}
.epbMargenSup30 {
	margin-top: 30px !important;
}
.epbMargenSup43 {
	margin-top: 43px !important;
}
.epbMargenSup3em {
	margin-top: 3em !important;
}
.epbAlineadoInf {
	margin-top: 36px !important;
}
.epbMargenInf3em {
	margin-bottom: 1em !important;
}
.epbNoVisible {
	display: none !important;
}
.txtIzquierda {
	text-align: left;
}

.txtDerecha {
	position: absolute;
	right: 8px;
	top:4px;
	font-style: italic;
}

ul, ol {
	margin: 0px;
}
ol ol {
	list-style-type: lower-alpha;
}
/* 1.1 Fuentes */
@font-face {
  font-family: 'Pt_Sans';
  src: url('tipos/PT_Sans/PT_Sans-Web-Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: 'Pt_Sans';
  src: url('tipos/PT_Sans/PT_Sans-Web-Regular.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('tipos/Roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('tipos/Roboto/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Roboto';
  src: url('tipos/Roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
}


/* ======================================================== 2.0 Maquetaci�n Base

 ======================================================== 2.1 Grid */
*[class*="epbGrid_"] {
	display: block;
	float: left;
	margin: 12px 0.4%; /* 1% 1.6% 1% 0px;*/
	
	position: relative;
}

*[class*="epbGridMargin0_"] {
	display: block;
	float: left;
	margin: 0px 0.4%; 
	
	position: relative;
}

.epbGridMargin0_12de12 {width: 100%; }

.epbGrid_anidado {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/*
*[class*="epbGrid_"]:first-child,
div[class*="epbGrid_"]:first-of-type,
*[class*="epbGrid_"].separador,
*[class*="epbGrid_"] div[class*="epbGrid_"]:first-of-type {
	margin-left: 0;
}

*[class*="epbGrid_"]:last-child,
div[class*="epbGrid_"]:last-of-type,
*[class*="epbGrid_"] div[class*="epbGrid_"]:last-of-type {
	margin-right: 0;
}
*/

/*
.grupo:before,
.grupo:after {
	content:"";
	display:table;
}
.grupo:after {
	clear:both;
}
.grupo {
	zoom: 1; IE 6/7
}
*/
/* Cambiado el 0.8% por 0.81% ya que el explorer no redondeaba bien el c�lculo de los porcentajes 2018-04-04 */
.epbGrid_12de12 {
	width: calc((100% / 1) - 0.81%); /*99.2%;*/
}

.epbGrid_11de12 {
  	width: calc(((100% / 12) * 11) - 0.81%); /* 90.86 */
}

.epbGrid_10de12 {
  	width: calc(((100% / 12) * 10) - 0.81%); /* 82.53 */
}

.epbGrid_9de12 {
  	width: calc(((100% / 12) * 9) - 0.81%); /* 74.2 */
}

.epbGrid_8de12 {
  	width: calc(((100% / 12) * 8) - 0.81%); /* 65.86 */
}

.epbGrid_7de12 {
  	width: calc(((100% / 12) * 7) - 0.81%); /* 57.53 */
}

.epbGrid_6de12 {
  	width: calc((100% / 2) - 0.81%); /*49.2%;*/
}

.epbGrid_5de12 {
  	width: calc(((100% / 12) * 5) - 0.81%); /* 40.86 */
}

.epbGrid_4de12 {
  	width: calc((100% / 3) - 0.81%); /*32.53%;*/
}

.epbGrid_3de12 {
  	width: calc((100% / 4) - 0.81%); /*24.2%;*/
}

.epbGrid_2de12 {
  	width: calc((100% / 6) - 0.81%); /*15.86%;*/
}

.epbGrid_1de12 {
  	width: calc((100% / 12) - 0.81%); /*7.53;*/
}

/* Excepciones al Grid */
.epbGrid_1de12.epbInputPol {
	min-width: 60px;
}
.epbGrid_1de12.epbInputPol.txtCentrado {
	min-width: 34px;
}
.epbGrid_1de12.epbInputPol + .epbGrid_9de12 {
	width: calc(100% - 126px - 3.6%); /*calc(100% - 170px - 3.6%);*/
}
.epbGrid_2de12 + .epbGrid_1de12.epbInputPol + .epbGrid_9de12 {
	width: calc(100% - 17.4% - 8.6%);
	max-width: calc(100% - 17.4% - 34px)
}
.epbGrid_1de12.epbInputPol + .epbGrid_1de12.epbInputPol + .epbGrid_10de12 {
	/*width: calc(100% - 8.6% - 8.6%);*/
	max-width: calc(100% - 60px - 34px - 2.4%);
}
.epbGrid_1de12.epbInputPol + .epbGrid_10de12 {
	width: calc(100% - 106px - 2.4%);
}

/* Media quieries del Grid */
@media only screen and (min-width: 1180px) {
	.epbGrid_3de12.epbSubGrupo {
		min-width: 260px;
	}
}

@media only screen and (max-width: 840px) {
	.epbGrid_1de12:not(.epbInputPol),
	.epbGrid_2de12:not(.epbInputPol) {

		width: calc((100% / 4) - 0.81%); 
	}
	.epbGrid_3de12:not(.epbInputPol),
	.epbGrid_4de12:not(.epbInputPol),
	.epbGrid_5de12:not(.epbInputPol),
	.epbGrid_6de12:not(.epbInputPol) {
		width: calc((100% / 2) - 0.81%);
	}
	.epbGrid_7de12:not(.epbInputPol),
	.epbGrid_8de12:not(.epbInputPol),
	.epbGrid_9de12:not(.epbInputPol),
	.epbGrid_10de12:not(.epbInputPol),
	.epbGrid_11de12:not(.epbInputPol) {
		width: calc((100% / 1) - 0.81%);
	}
	
	.epbSubGrupo .epbGrid_5de12 {
		width: calc(((100% / 4) - 0.81%) + ((100% / 6) - 0.81%));
	}
	.epbSubGrupo .epbGrid_7de12 {
		width: calc(((100% / 2) - 0.81%) + ((100% / 12) - 0.81%));
	}
}

@media only screen and (max-width: 680px) {
	.epbGrid_1de12:not(.epbInputPol),
	.epbGrid_2de12:not(.epbInputPol),
	.epbGrid_3de12:not(.epbInputPol),
	.epbGrid_4de12:not(.epbInputPol),
	.epbGrid_5de12:not(.epbInputPol) {
		width: calc((100% / 2) - 0.81%); 
	}
	.epbGrid_6de12:not(.epbInputPol),
	.epbGrid_7de12:not(.epbInputPol),
	.epbGrid_8de12:not(.epbInputPol),
	.epbGrid_9de12:not(.epbInputPol),
	.epbGrid_10de12:not(.epbInputPol),
	.epbGrid_11de12:not(.epbInputPol) {
		width: calc((100% / 1) - 0.81%);
	}
	main .epbGrid_1de12.epbInputPol + .epbGrid_9de12 {
		width: calc(100% - 126px - 3.6%); /*calc(100% - 170px - 3.6%);*/
	}
	main .epbGrid_1de12.epbInputPol + .epbGrid_10de12 {
		width: calc(100% - 106px - 2.4%);
	}
	main .epbSubGrupo .epbGrid_5de12 {
		width: calc(((100% / 4) - 0.81%) + ((100% / 6) - 0.81%));
	}
	main .epbSubGrupo .epbGrid_7de12 {
		width: calc(((100% / 2) - 0.81%) + ((100% / 12) - 0.81%));
	}
}

@media only screen and (max-width: 480px) {
	main *[class*="epbGrid_"]:not(.epbInputPol):not(.epbGrid_SelFechaHora),
	main *[class*="epbGridMargin0_"]:not(.epbInputPol):not(.epbGrid_SelFechaHora) {
		width: 100%; 
		margin: 1% 0%;
	}
	
	/*
	main .epbGrid_1de12.epbInputPol + .epbGrid_9de12 {
		width: calc(100% - 126px - 3.6%);
	}
	main .epbGrid_1de12.epbInputPol + .epbGrid_10de12 {
		width: calc(100% - 106px - 2.4%);
	}
	*/
	
	main .epbSubGrupo .epbGrid_5de12 {
		width: calc(((100% / 4) - 0.8%) + ((100% / 6) - 0.8%));
	}
	main .epbSubGrupo .epbGrid_7de12 {
		width: calc(((100% / 2) - 0.8%) + ((100% / 12) - 0.8%));
	}
	*[class*="epbGrid_"].epbInputPol,
	*[class*="epbGridMargin0_"].epbInputPol {
		margin: 1% 0%;
		min-height: 30px;
	}
	*[class*="epbGrid_"] *[class*="epbGrid_"],
	*[class*="epbGridMargin0_"] *[class*="epbGridMargin0_"] {
		margin: 1% 0%;
	}
	/*
	*[class*="epbGrid_"].epbInputPol > * {
		margin: 0px auto;
	}
	*/
}

/* ======================================================== 2.2 Cabecera */
header {
	position: relative;
	/*  overflow: hidden; */
}
header.epbCabeceraHome {
	min-height: 200px;
}
header.epbCabeceraHome h1 {
	position: absolute;
	left: 82px;
	top: 30px;
	width: 304px;
	height: 150px;
	background: rgba(255, 255, 255, 0.5) url(../img/epbLogoCabeceraHome.png) no-repeat 50% 50%;
	background-size: cover;
	text-indent: -50000px;
}
header.epbCabeceraGral {
	height: 120px;
}
header.epbCabeceraGral h1 {
	position: absolute;
	left: 64px;
	top: 16px;
	width: 198px;
	height: 84px;
	background: transparent url(../img/epbLogoCabeceraGral.png) no-repeat 50% 50%;
	background-size: cover;
	text-indent: -50000px;
}

/* 2019-01-23 */
header.epbCabeceraGral .epbBannerGral {
	overflow: hidden;
}

header h1 + div {
	position: absolute;
	right: 0px;
	top: 0px;
}



/* Version 1
header .epbUsuario {
	display: inline-block;
	background: #004684 url(../img/icoCerrarSesionZuri.svg) no-repeat 98% 49%;
	padding: 5px 34px 5px 20px;
	text-align: right;
	vertical-align: top;
}
header .epbUsuario p {
	font-family: Roboto;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
}
header .epbUsuario p span {
	font-size: 0.875rem;
	font-weight: normal;
}

*/

/* Version 2. Con menu desplegable */
header .epbUsuario {
	background-color: #004684;
	padding: 6px 5px 6px 20px; /* 5px 5px 5px 20px; 2019-01-23 */
	text-align: right;
	vertical-align: top;
	float: left;
}
header .epbUsuario p {
	font-family: Roboto;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
}
header .epbUsuario p span {
	font-size: 0.875rem;
	font-weight: normal;
}
header .epbActivarOpcionesAdmin {
	width: 42px;
	height: 32px;
	line-height: 32px;
	background: #004684 url(../img/icoHamburguerZuri.svg) no-repeat 50% 50%;
	display: block;
	float: left;
	text-indent: -50000px;
	margin: 0px;
}
header ul.epbOpcionesAdmin {
	display: none;
	position: absolute;
	top: 32px;
	right: 106px;
	width: 180px;
	background-color: #004684;
	padding-right: 5px;
}
header .epbActivarOpcionesAdminOn + ul.epbOpcionesAdmin {
	display: block;
	z-index: 1001;
}
header ul.epbOpcionesAdmin li {
	display: block;
	list-style-type: none;
	padding-right: 32px;
	height: 32px;
	line-height: 32px;
	width: 100%;
	text-align: right;
	color: #fff;
	padding: 0px 32px 0px 10px;
}
header ul.epbOpcionesAdmin li a,
header ul.epbOpcionesAdmin li a:link,
header ul.epbOpcionesAdmin li a:hover {
	color: #fff !important;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
	display: block;
}
header ul.epbOpcionesAdmin li.epbAdminAjustes {
	background: #004684 url(../img/icoAjustesZuri.svg) no-repeat 99% 50%;
}
header ul.epbOpcionesAdmin li.epbAdminCerrar {
	background: #004684 url(../img/icoCerrarSesionZuri.svg) no-repeat 99% 50%;
}
header ul.epbOpcionesAdmin li.epbAdminDoc {
	background: #004684 url(../img/icoDocWithe.svg) no-repeat 99% 50%;
}
header ul.epbOpcionesAdmin li.epbAdminImpersonate {
	background: #004684 url(../img/icoImpersonateZuri.svg) no-repeat 99% 50%;
}

header .epbHizkuntzak {
	display: inline-block;
	margin-left: 0px; /*-0.25rem; 2019-01-23 */
	/*border-right: 1px solid #fff;
	background: transparent url(../img/botDesplegarMenuOn.svg) no-repeat 80% 60%;*/
}
header .epbHizkuntzak li {
	list-style: none;
	padding: 6px 20px; /*5px 20px; 2019-01-23*/ /*5px 34px 5px 20px;*/
	width: 100%;
	cursor: pointer;
	/*background-color: #004684*/
}
header .epbHizkuntzak li * {
	color: #000 !important;
	text-decoration: none;
}
header .epbHizkuntzak li:not(.epbHizkActivo) {
	display: none;
	background-color: #fff;
	padding: 2px 34px 2px 20px;
}

header .epbHizkuntzak {
	position: relative;
	width: 104px;
	min-height: 32px;
}
header .epbHizkuntzak.epbHizkuntzakProv {
	width: 84px;
}
header .epbHizkuntzak.epbHizkuntzakOn {
	padding-top: 34px;
	z-index: 1100;
}
header .epbHizkuntzak li.epbHizkActivo {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #d4d4d4 url(../img/botDesplegarIdioma.svg) no-repeat right 10px top 14px;
	/* background: #d4d4d4 url(../img/botDesplegarIdioma.svg) no-repeat 84% 15px; 2019-01-23 */
}
header .epbHizkuntzak li:first-of-type:not(.epbHizkActivo),
header .epbHizkuntzak li:first-of-type.epbHizkActivo + li {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
header .epbHizkuntzak li:last-of-type:not(.epbHizkActivo),
header .epbHizkuntzak li:first-of-type:not(.epbHizkActivo) + li:not(.epbHizkActivo) {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}



/* 2.2.1 Slider*/
#epbBannerPpal {
	position: relative;
}
#epbBannerPpal .slidesjs-container,
#epbBannerPpal .slidesjs-container .slidesjs-control,
#epbBannerPpal .slidesjs-container .slidesjs-control img {
	min-height: 200px;
}
#epbBannerPpal .slidesjs-container .slidesjs-control img {
	z-index: auto !important;
	object-fit: cover;
}
.slidesjs-pagination {
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translate(-50%, 0px);
	z-index: 10;
}
.slidesjs-pagination li {
	list-style: none;
	display: inline-block;
	margin: 0px 4px;
}
.slidesjs-pagination li a {
	text-indent: -5000px;
	display: block;
	height: 18px;
	width: 18px;
	background-color: rgba(255, 255, 255, 0.5);
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.slidesjs-pagination li a.active {
	background-color: rgba(255, 255, 255, 1);
}


/* ======================================================== 2.3 Men� Principal */
.epbVelo {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0);
	z-index: 900;
}
.epbVelo.epbVeloOn {
	display: block;
}
.epbVelo.epbVeloOnHizk {
	z-index: 1050;
}


nav:not([aria-label="pagination"]){
	position: relative;
	height: calc(42px + 74px);
	background-color: #67ade0;
	padding: 0px; /*0px 4%;*/
	z-index: 1000;
}
nav h2 {
	position: absolute;
	left: -50000px;
}


nav:not(.epbOtrosCircuitosColapsado) .epbOtrosCircuitos {
	height: 42px;
	display: block;
	background-color: #333;
	position: static;
	text-align: center;
}
nav:not(.epbOtrosCircuitosColapsado) .epbOtrosCircuitos ol {
	width: auto;
	margin: 0px auto;
	display: inline;
	text-align: center;
	
	white-space: nowrap;
}
nav:not(.epbOtrosCircuitosColapsado) .epbOtrosCircuitos a {
	list-style: none;
	display: inline-block;
	margin-left: -0.25rem;
	height: 42px;
	padding: 8px 1.2rem;
}

nav:not(.epbOtrosCircuitosColapsado) .epbOtrosCircuitos a:not(.epbOpcionActiva):hover {
	border-bottom: 1px solid #fff;
	background: none;
	cursor: pointer;
}
nav:not(.epbOtrosCircuitosColapsado) .epbOtrosCircuitos a li {
	height: 24px;
	line-height: 24px;
	border-bottom: 2px solid #333;
	font-size: 1rem;
	font-weight: bold;
}
nav:not(.epbOtrosCircuitosColapsado) div li.epbOpcionActiva /* a */ {
	border-bottom: 2px solid #fff;
}
nav .epbOtrosCircuitos a li,
nav .epbOtrosCircuitos a li:link,
nav .epbOtrosCircuitos a li:hover,
nav .epbOtrosCircuitos a li:visited,
nav .epbOtrosCircuitos a li:active {
	color: #fff;
}

nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:link,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:hover,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:visited,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:active {
	color: #333;
	font-size: 0.875rem;
	text-decoration: none;
}

nav.epbOtrosCircuitosColapsado {
	height: 74px;
}
nav.epbOtrosCircuitosColapsado.epbContOpcionesColapsado {
	/*height: 60px;*/
}


nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos {
	position: absolute;
	right: 20px; /*calc(4% + 20px);*/
	top: 50%;
	transform: translate(0px, -50%);
	
	width: auto;
	height: auto;
	background-color: transparent;
}
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos h2 {
	display: block;
	position: static;
	font-size: 1rem;
	font-weight: normal;
	padding: 4px 100px 4px 4px;
	background: #9fd1f5 url(../img/botDesplegarMenu.svg) no-repeat 100% 55%;
	background-position: calc(100% - 10px) 55%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	cursor: pointer;
}
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos h2:hover {
}

nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos ol {
	display: none;
	background-color: #fff;
	border: 1px solid  #e8e8e8;
	position: absolute;
	right: 0px;
	top: 31px;
	min-width: 100%;
	padding: 0px;
	-webkit-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	-moz-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
}

nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos ol a li {
	display: block;
	border-bottom: 1px solid #ebebeb;
	padding: 4px 26px;
	width: auto;
	white-space: nowrap;
	list-style-position: inside;
}

nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li.epbOpcionActiva,
nav .epbContOpciones a li.epbOpcionActiva {
	/*border-bottom: none;*/
	background: transparent url(../img/icoCheck.png) no-repeat 4px 50%;
	cursor: pointer;
}

nav .epbOpcionesPpal {
	position: relative;
	margin: 0px; /*0px 12px 0px 0px;*/
	display: inline-block;
	margin-right: -0.25rem;
	vertical-align: middle;
}

nav .epbOpcionesPpal h3 {
	display: block;
	font-size: 1rem;
	font-weight: normal;
	color: #003;
	margin: 0px;
	height: 74px;
	padding: 37px 10px 0px 70px;
	background-color: transparent;
	background-image: url(../img/epbEmbarqueOn.svg);
	background-image: url(../img/epbBookingOn.svg);
	background-image: url(../img/epbBooking.svg);
	background-repeat: no-repeat;
	background-position:  10px 50%;
}
nav:not(.epbContOpcionesColapsado) .epbOpcionesPpal h3 {
	max-width: calc(7rem + 10px + 70px);
}
nav .epbOpcionesPpal h3:hover,
nav .epbOpcionesPpal h3.epbOpcionesPpalOn {
	color: #fff;
	cursor: pointer;
}

nav .epbOpcionesPpal .epbOpcionesPpal {
	background: url(../img/epbBuqueOn.svg) no-repeat -9999px -9999px,
			url(../img/epbGruaOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbDespachosOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbContenedorOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbEscalasOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbIndirectosOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbRemolcadoresOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbResiduosOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbSuministrosOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbServAdicionalesOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbTrazabilidadBookingOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbConsolaTrazabilidadOn.svg) no-repeat -9999px -9999px,
		    url(../img/epbGestionUsuariosOn.svg) no-repeat -9999px -9999px;
	}

nav .epbOpcionesPpal .epbOpcionesPpalBuque {
	background-image: url(../img/epbBuque.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalBuque:hover,
nav .epbOpcionesPpal .epbOpcionesPpalBuque.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbBuqueOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalListaDescarga {
	background-image: url(../img/epbRemolcadores.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalListaDescarga:hover,
nav .epbOpcionesPpal .epbOpcionesPpalListaDescarga.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbRemolcadoresOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGrua {
	background-image: url(../img/epbGrua.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGrua:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGrua.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGruaOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalDespachos {
	background-image: url(../img/epbDespachos.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalDespachos:hover,
nav .epbOpcionesPpal .epbOpcionesPpalDespachos.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbDespachosOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalTripulante {
	background-image: url(../img/epbTripulante.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalTripulante:hover,
nav .epbOpcionesPpal .epbOpcionesPpalTripulante.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbTripulanteOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalPracticosAmarradores {
	background-image: url(../img/epbBuque.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalPracticosAmarradores:hover,
nav .epbOpcionesPpal .epbOpcionesPpalPracticosAmarradores.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbPracticosAmarradoresOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalContenedor {
	background-image: url(../img/epbContenedor.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalContenedor:hover,
nav .epbOpcionesPpal .epbOpcionesPpalContenedor.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbContenedorOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalEscalas {
	background-image: url(../img/epbEscalas.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalEscalas:hover,
nav .epbOpcionesPpal .epbOpcionesPpalEscalas.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbEscalasOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalIndirectos {
	background-image: url(../img/epbIndirectos.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalIndirectos:hover,
nav .epbOpcionesPpal .epbOpcionesPpalIndirectos.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbIndirectosOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalRemolcadores {
	background-image: url(../img/epbRemolcadores.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalRemolcadores:hover,
nav .epbOpcionesPpal .epbOpcionesPpalRemolcadores.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbRemolcadoresOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalResiduos {
	background-image: url(../img/epbResiduos.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalResiduos:hover,
nav .epbOpcionesPpal .epbOpcionesPpalResiduos.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbResiduosOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalSuministros {
	background-image: url(../img/epbSuministros.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalSuministros:hover,
nav .epbOpcionesPpal .epbOpcionesPpalSuministros.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbSuministrosOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalServiciosAdicionales {
	background-image: url(../img/epbServAdicionales.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalServiciosAdicionales:hover,
nav .epbOpcionesPpal .epbOpcionesPpalServiciosAdicionales.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbServAdicionalesOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalTrazabilidadBooking {
	background-image: url(../img/epbTrazabilidadBooking.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalTrazabilidadBooking:hover,
nav .epbOpcionesPpal .epbOpcionesPpalTrazabilidadBooking.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbTrazabilidadBookingOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalConsolaTrazabilidad {
	background-image: url(../img/epbConsolaTrazabilidad.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalConsolaTrazabilidad:hover,
nav .epbOpcionesPpal .epbOpcionesPpalConsolaTrazabilidad.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbConsolaTrazabilidadOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionUsuarios {
	background-image: url(../img/epbGestionUsuarios.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionUsuarios:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionUsuarios.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionUsuariosOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalPieDeTren {
	background-image: url(../img/epbTren.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalPieDeTren:hover,
nav .epbOpcionesPpal .epbOpcionesPpalPieDeTren.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbTrenOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionTransporte {
	background-image: url(../img/epbGestionTransportes.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionTransporte:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionTransporte.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionTransportesOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalAdministrativas {
	background-image: url(../img/epbAdministrativas.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalAdministrativas:hover,
nav .epbOpcionesPpal .epbOpcionesPpalAdministrativas.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbAdministrativasOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionEscaner {
	background-image: url(../img/epbGestionEscaner.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionEscaner:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionEscaner.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionEscanerOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionCira {
	background-image: url(../img/epbGestionCira.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionCira:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionCira.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionCiraOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalConsultas {
	background-image: url(../img/epbConsultas.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalConsultas:hover,
nav .epbOpcionesPpal .epbOpcionesPpalConsultas.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbConsultasOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionPcf {
	background-image: url(../img/epbGestionPcf.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionPcf:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionPcf.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionPcfOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalEquipamientosNoInspeccionados {
	background-image: url(../img/epbEquipamientosNoInspeccionados.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalEquipamientosNoInspeccionados:hover,
nav .epbOpcionesPpal .epbOpcionesPpalEquipamientosNoInspeccionados.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbEquipamientosNoInspeccionadosOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionPreavisos {
	background-image: url(../img/epbGestionPreavisos.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionPreavisos:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionPreavisos.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionPreavisosOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionVGM {
	background-image: url(../img/epbGestionVGM.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionVGM:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionVGM.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionVGMOn.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionEA {
	background-image: url(../img/epbGestionEA.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionEA:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionEA.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionEAOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalPlanificacionTren {
	background-image: url(../img/epbTrenPlanificacion.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalPlanificacionTren:hover,
nav .epbOpcionesPpal .epbOpcionesPpalPlanificacionTren.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbTrenPlanificacionOn.svg);
}
/* MANTIS 0000365: Tradelens. Eliminar llamadas a sus ws  
nav .epbOpcionesPpal .epbOpcionesPpalTradelens {
	background-image: url(../img/epbTradelens.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalTradelens:hover,
nav .epbOpcionesPpal .epbOpcionesPpalTradelens.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbTradelensOn.svg);
}
*/
nav .epbOpcionesPpal .epbOpcionesPpalGestionExpedientes {
	background-image: url(../img/epbGestionExpedientes.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionExpedientes:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionExpedientes.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionExpedientesOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalGestionEntradaSalida {
	background-image: url(../img/epbGestionExpedientes.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalGestionEntradaSalida:hover,
nav .epbOpcionesPpal .epbOpcionesPpalGestionEntradaSalida.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionExpedientesOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalMMPPCAU {
	background-image: url(../img/epbGestionMMPPCAU.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalMMPPCAU:hover,
nav .epbOpcionesPpal .epbOpcionesPpalMMPPCAU.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionMMPPCAUOn.svg);
}

nav .epbContOpciones > div {
	width: auto;
	display: inline;
	white-space: nowrap;
}

nav.epbContOpcionesColapsado .epbContOpciones h2 {
	display: block;
	position: static;
	font-size: 1rem;
	font-weight: normal;
	padding: 4px 100px 4px 4px;
	background: #9fd1f5 url(../img/botDesplegarMenu.svg) no-repeat 100% 55%;
	background-position: calc(100% - 10px) 55%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
nav.epbContOpcionesColapsado .epbOpcionesPpal h3 {	
	background-size: 40px !important;
	padding: 20px 10px 20px 50px;
	background-position: 5px 50% !important;
	white-space: nowrap;
	height: 60px;
}
nav.epbContOpcionesColapsado .epbOpcionesPpal h3 span {
    padding-right: 12px;
    transform: none;
}

nav .epbOpcionesPpal h3 span {
	display: block;
	line-height: 1rem;
	padding-right: 14px; /*18px;*/
	background: transparent url(../img/botDesplegarMenu.svg) no-repeat 100% 65%;
	transform: translate(0px , -50%);
}
nav .epbOpcionesPpal h3:hover span,
nav .epbOpcionesPpal h3.epbOpcionesPpalOn span {
	background: transparent url(../img/botDesplegarMenuOn.svg) no-repeat 100% 65%;
}
nav .epbOpcionesPpal ul {
	display: none;
	background-color: #fff;
	border: 1px solid  #e8e8e8;
	position: absolute;
	top: 74px;
	min-width: 100%;
	padding: 0px;
	-webkit-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	-moz-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	
	left: 0px;
	right: auto;
}

nav .epbOpcionesPpal:nth-child(n+2) ul {
	left: auto;
	right: 0px;
}

nav.epbContOpcionesColapsado .epbOpcionesPpal ul {
	left: calc(100% - 10px);;
	top: 20px;
	z-index: 1000;
}

nav .epbOpcionesPpal ul li {
	border-bottom: 1px solid #ebebeb;
	width: auto;
	white-space: nowrap;
	list-style: none;
}
nav .epbOpcionesPpal ul li a {
	display: inline-block;
	padding: 6px 26px;
	width: 100%;
}


nav.epbContOpcionesColapsado .epbContOpciones > div {
	display: none;
	
	position: absolute;
	left: 0px;
	top: 31px;
	min-width: 100%;
	padding: 0px;
	background-color: #fff;
	-webkit-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	-moz-box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
	box-shadow: 0px 6px 10px 4px rgba(238,238,238,1);
}
nav.epbContOpcionesColapsado .epbOpcionesPpal h3 span {
	background: transparent url(../img/botDesplegarMenuColapsado.svg) no-repeat 100% 65%;
}
nav.epbContOpcionesColapsado .epbOpcionesPpal h3:hover span,
nav.epbContOpcionesColapsado .epbOpcionesPpal h3.epbOpcionesPpalOn span {
	background: transparent url(../img/botDesplegarMenuOnColapsado.svg) no-repeat 100% 65%;
}
nav.epbContOpcionesColapsado .epbOpcionesPpal {
	display: block;
}
nav.epbContOpcionesColapsado .epbContOpciones {
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0px, -50%);
	width: auto;
	height: auto;
	background-color: transparent;
}
nav.epbContOpcionesColapsado:not(.epbOtrosCircuitosColapsado) .epbContOpciones {
	top: auto;
	bottom: 22px;
	transform: none;
}


nav div li:hover {
	background-color: rgba(159, 209, 245, 0.6);
	cursor: pointer;
}


nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:link,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:hover,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:visited,
nav.epbOtrosCircuitosColapsado .epbOtrosCircuitos a li:active {
	line-height: 2rem;
}

nav .epbOpcionesPpal .epbOpcionesPpalContenedores {
	background-image: url(../img/epbGestionVGM.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalContenedores:hover,
nav .epbOpcionesPpal .epbOpcionesPpalContenedores.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionVGMOn.svg);
}

/* ======================================================== 2.4 Pie de Página */
footer {
	margin: 0px;
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
	background-color: #c5cfd8;
	font-size: 0.875rem;
	/*position: relative;*/
	position: absolute; 
	bottom: 0px;
	left: 3px;
	right: 3px;
}
footer .epbCopy {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 54px;
	height: 40px;
	background: transparent url(../img/epbLogoPie.png) no-repeat 10px 50%;
}
footer ul {
	position: absolute;
	right: 10px;
	top: 0px;
	height: 40px;
}
footer li {
	list-style: none;
	display: inline-block;
	padding: 4px 10px;
	line-height: 20px;
}
footer li:first-of-type {
	border-right: 1px solid #333;
}

/* ======================================================== 2.5 Contenido Principal */
main {
	position: relative;
	margin:  24px 2%; /*24px 4%;*/
	border: 1px solid #e8e8e8;
	background-color: #fff;
	padding: 20px;
	min-height: 320px;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(238,238,238,1);
	-moz-box-shadow: 0px 0px 10px 4px rgba(238,238,238,1);
	box-shadow: 0px 0px 10px 4px rgba(238,238,238,1);	
}

main .epbTitular {
	display: inline-block;
	font-size: 1.375rem;
	font-weight: bold;
	color: #004684;
}
main .epbTitular::after {
	display: block;
	width: 90%;
	margin-top: 0px;
	content: "";
	border-bottom: 6px solid #67ade0;
}



body.epbBodyGeneral main .epbTitDesplegable,
body.epbBodyGeneral main legend.epbTitDesplegable {
	padding-left: 30px !important;
	border: none !important;
	background: transparent url(../img/icoDesplegado.svg) no-repeat 2px 50%;
	line-height: 1.625rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #004684;
	cursor: pointer;
}
body.epbBodyGeneral main .epbTitDesplegable.epbTitColapsado,
body.epbBodyGeneral main legend.epbTitDesplegable.epbTitColapsado {
	background: transparent url(../img/icoPlegado.svg) no-repeat 2px 50%;
}
main .epbTitDesplegable + div {
	padding-left: 10px;
}

main .epbContenedorPestanas,
main .epbContenedorPestanas.ui-widget-content {
	border: 4px solid #efefef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 1% 0px 1rem 10px;
	padding: 4px !important; 
	
	height: auto !important;
}
div.epbBotonesDch,
p.epbBotNuevo,
p.epbBotFavorito,
p.epbBotFavoritoMargin135, 
p.epbBotAsigMultiple {
	position: absolute;
	right: 0px;
	top: -10px; /*2px;*/
	text-align: center;
}
p.epbBotNuevo {
	border: 1px solid #004684;
	margin: -4px;
}
.epbContenidoPestana div.epbBotonesDch,
.epbContenidoPestana p.epbBotNuevo {
	right: 10px;
	top: 10px;
}
p.epbBotNuevo a, 
div.epbBotonesDch > p.epbBotFavorito  a,
div.epbBotonesDch > p.epbBotFavoritoMargin135  a, 
div.epbBotonesDch > p.epbBotAsigMultiple a {
	display: block;
	width: 110px;
	height: 2rem;
	line-height: 2rem;
	padding-left: 32px;
	color: #fff !important;
	text-decoration: none;
	background: #004684 url(../img/botNuevo.svg) no-repeat left 50%;
	text-transform: capitalize;
}

div.epbBotonesDch > p.epbBotAsigMultiple a {
	width: 160px;
}
div.epbBotonesDch > .epbBotFavorito {
	line-height: 1.8rem;
	padding-left: 38px;
}
div.epbBotonesDch > input[type*="button"],
div.epbBotonesDch > p.epbBotNuevo > a,
div.epbBotonesDch > p.epbBotFavorito > a {
	display: inline-block !important;
	vertical-align: bottom;
	font-size: 0.875rem !important;
}

div.epbBotonesDch > p.epbBotNuevo > a{
	background: #004684 url(../img/botNuevo.svg) no-repeat left 50%;
}

div.epbBotonesDch > p.epbBotFavorito > a,
div.epbBotonesDch > p.epbBotFavoritoMargin135 > a{
	background: #004684 url(../img/botNuevoFavorito.svg) no-repeat left 50%;
}

div.epbBotonesDch > p.epbBotFavoritoMargin135 > a,
div.epbBotonesDch > p.epbBotAsigMultiple a{
	display: inline-block !important;
	vertical-align: bottom;
	font-size: 0.875rem !important;
	margin: 0px 135px 0px 0px;
}

div.epbBotonesDch + table,
div.epbBotonesDch+ div.epbContTabla > table:first-of-type,
p.epbBotNuevo + table,
p.epbBotNuevo + div.epbContTabla > table:first-of-type {
	margin-top: 32px;
}

div.epbBotonesDch + div.epbContTabla > div.epbTablaVacia:first-of-type,
p.epbBotNuevo + div.epbContTabla > div.epbTablaVacia:first-of-type {
	margin-top: 32px;
}

.epbContenedorPestanas div.epbBotonesDch + table,
.epbContenedorPestanas div.epbBotonesDch + div.epbContTabla > table:first-of-type,
.epbContenedorPestanas p.epbBotNuevo + table,
.epbContenedorPestanas p.epbBotNuevo + div.epbContTabla > table:first-of-type,
.epbContenedorPestanas div.epbBotonesDch + div.epbContTabla > div.epbTablaVacia:first-of-type,
.epbContenedorPestanas p.epbBotNuevo + div.epbContTabla > div.epbTablaVacia:first-of-type {
      margin-top: 2px;
}


div.epbBotonesDch p.epbBotNuevo + table,
div.epbBotonesDch p.epbBotNuevo + div.epbContTabla > table:first-of-type,
.epbContenidoPestana p.epbBotNuevo + table,
.epbContenidoPestana p.epbBotNuevo + div.epbContTabla > table:first-of-type {
	margin-top: 0px;
}

div.epbBotonesDch p.epbBotNuevo + div.epbContTabla > div.epbTablaVacia:first-of-type,
.epbContenidoPestana p.epbBotNuevo + div.epbContTabla > div.epbTablaVacia:first-of-type {
	margin-top: 0px;
}

.epbSubGrupo + .epbAlineadoInf.epbBotAduaneros {
	margin-top: 51px !important;
}
.epbBotAduaneros a {
	display: block;
	width: 230px;
	height: 2rem;
	line-height: 2rem;
	padding-left: 64px;
	color: #fff !important;
	text-decoration: none;
	background: #004684 url(../img/banderas.png) no-repeat left 50%;
}

a.epbEnlaceInfo {
	display: inline-block;
	text-indent: -5000px;
	width: 20px;
	height: 1.625rem; /*26px;*/
	line-height: 1.625rem;
	background: transparent url(../img/icoInfo.svg) no-repeat 50% 50%;
	background-size: 20px;
	margin-left: 6px;
}

.epbBotonesGestion {
	position: absolute;
	right: 10px;
	top: 14px;
}
.epbBotonesGestion li {
	display: inline-block;
	list-style: none;
	height: 48px;
	margin: 0px 1rem;
}
.epbBotonesGestion li:last-of-type {
	margin-right: 0px;
}
.epbBotonesGestion li a {
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	padding-top: 32px;
	text-align: center;
}
.epbBotonesGestion li.epbBotEliminar {
	background: transparent url(../img/botEliminar.svg) no-repeat 50% 0%;
}
.epbBotonesGestion li.epbBotNuevo {
	background: transparent url(../img/botNuevo.svg) no-repeat 50% 0%;
}
.epbBotonesGestion li.epbBotEditar {
	background: transparent url(../img/botEditar.svg) no-repeat 50% 0%;
}




/* ======================================================== 2.6 Buz�n Home */
main .epbBuzonEntrada {
	max-width: calc(100% - 20rem - 20px);
}
main .epbListadoMensajesBuzon {
	padding: 20px;
}
main .epbListadoMensajesBuzon::after {
	display: block;
	content: "";
	clear: both;
}
main .epbListadoMensajesBuzon li {
	display: block;
	float: left;
	width: 40%;
	min-height: 60px;
	list-style: none;
	position: relative;
	margin: 12px auto;
}
main .epbListadoMensajesBuzon li:nth-child(2n + 1) {
	clear: left;
}
main .epbListadoMensajesBuzon li::before,
main .epbListadoMensajesBuzon li::after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 46px;
	height: 46px;
	
}
main .epbListadoMensajesBuzon li::before {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 23px solid  #67ade0;
}
main .epbListadoMensajesBuzon li.epbSinLeer::before {
	border-right: 23px solid  #447999;
	border-top: 23px solid  #447999;
	transform: rotate(45deg);
}

main .epbListadoMensajesBuzon li::after {
	background: transparent url(../img/icoBuzon.svg) no-repeat 50% 50%;
}
main .epbListadoMensajesBuzon li a {
	display: block;
	width: 100%;
	height: 100%;
}
main .epbListadoMensajesBuzon li p {
	padding: 4px 20px 4px 56px;
	max-width: 14rem;
	font-size: 0.9375rem;
}
main .epbListadoMensajesBuzon li p span {
	display: block;
	font-size: 0.75rem;
	color: #666;
}
main .epbListadoMensajesBuzon li em {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 16px;
	height: 16px;
	font-size: 0.625rem;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*border: 8px solid #002a4f;*/
	background-color: #002a4f;
	text-align: center;
	font-style: normal;
	
	z-index: 10;
}

/* ======================================================== 2.7 Contacto Home */
main .epbContactoHome {
	position: absolute;
	right: 20px;
	top: 20px;
	background-color: #e1eff9;
	padding: 20px;
	max-width: 20rem;
}
main .epbContactoHome h2 {
	font-size: 1.375rem;
	color: #004684;
	font-weight: normal;
	margin-bottom: 6px;
}
main .epbContactoHome h2 + strong {
	font-size: 1.125rem;
}
main .epbContactoHome address {
	font-style: normal;
	font-size: 0.875rem;
}
main .epbContactoHome address a:link {
	display: block;
	padding-top: 20px;
	color: #36c;
	text-decoration: underline;
}


/* ======================================================== 2.8 Formularios */
fieldset,
legend {
	border: none;
}
fieldset {
	margin-top: 20px !important;
	position: relative;
}
fieldset::after {
	content: "";
	display: block;
	clear: both;
}

label {
	font-size: 0.875rem;
	color: #666;
	display: block;
}

input[type="checkbox"],
input[type="radio"] {
	margin-top: 16px;
} 

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	margin-left: 5px;
	margin-top: 15px;
}

input[type="checkbox"] + input[type="hidden"] + label,
input[type="radio"] + input[type="hidden"] + label {
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	margin-left: 5px;
	margin-top: 15px;
}


label.epbLabelOculto {
	position: absolute;
	left: -50000px;
}
input[type="text"], input[type="search"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
	border: 1px solid #8b9bac;
	margin-top: 6px;
	color: #000;
	display: block;
	font-size: 0.9375rem;
	padding: 4px;
	width: 100%;
}
input[type="text"][disabled="disabled"],
input[type="text"][readonly="readonly"] {
	background-color: #e3e3e3;
	color: #666;
/* 	font-style: italic; */
	
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	pointer-events: none;
}
button:not([class*="epbSubmit"]) {
	display: block;
	height: 2rem;
	line-height: 2rem;
	padding: 0px 20px;
	margin-top: 5px;
	color: #fff !important;
	text-decoration: none;
	background: #004684;
	border: none;
	font-size: 0.875rem !important;
	font-family: PT_Sans, Roboto, Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	cursor: pointer;
}
select {
	padding: 2px 4px;
}
input[type="submit"],
input[type="button"],
input[class*="epbSubmit"],
button[class*="epbSubmit"] {
	background: transparent;
	border: 2px solid #004684;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	color: #003 !important;
	font-size: 1rem;
	padding-left: 40px;
	padding-right: 13px;
	margin: 10px;
	line-height: 2rem;
	text-align: center;
	text-transform: uppercase;
	
	cursor: pointer;
}
input.epbSubmitEliminar,
button.epbSubmitEliminar {
	background: transparent url(../img/inputEliminar.svg) no-repeat 0px 50%;
}

input.epbSubmitBorrador,
button.epbSubmitBorrador {
	background: transparent url(../img/inputBorrador.svg) no-repeat 0px 50%;
}
input.epbSubmitEnviar,
button.epbSubmitEnviar {
	background: transparent url(../img/inputEnviar.svg) no-repeat 0px 50%;
}
input.epbSubmitBuscar,
button.epbSubmitBuscar {
	background: transparent url(../img/inputBuscar.svg) no-repeat 0px 50%;
}
input.epbSubmitContactos,
button.epbSubmitContactos {
	background: transparent url(../img/botReenviar.svg) no-repeat 0px 50%;
	margin:0px; 
	margin-top:1%;
	padding-left: 3%;
	padding-right: 3%;
	border:none;
}
input.epbSubmitCerrar,
button.epbSubmitCerrar {
	background: transparent url(../img/inputCerrar.svg) no-repeat 0px 50%;
}
input.epbSubmitGuardar,
button.epbSubmitGuardar {
	background: transparent url(../img/inputGuardar.svg) no-repeat 0px 50%;
}

input.epbSubmitNuevo,
input.epbBotonNuevo,
button.epbSubmitNuevo,
button.epbBotonNuevo {
	background: transparent url(../img/inputNuevo.svg) no-repeat 0px 50%;
}

input.epbSubmitRechazarSol,
button.epbSubmitRechazarSol {
	background: transparent url(../img/inputRechazarSol.svg) no-repeat 0px 50%;
}

input.epbSubmitAceptarSol,
button.epbSubmitAceptarSol {
	background: transparent url(../img/inputAceptarSol.svg) no-repeat 0px 50%;
}


input.epbSubmitAceptar,
button.epbSubmitAceptar {
	background: transparent url(../img/inputAceptar.svg) no-repeat 0px 50%;
}
input.epbSubmitContinue,
button.epbSubmitContinue {
	background: transparent url(../img/inputContinue.svg) no-repeat 0px 50%;
}
input.epbSubmitImprimir,
button.epbSubmitImprimir {
	background: transparent url(../img/inputImprimir.svg) no-repeat 0px 50%;
}
input.epbSubmitActualizar,
button.epbSubmitActualizar {
	background: transparent url(../img/inputActualizar.svg) no-repeat 0px 50%;
}
input.epbSubmitConexion,
button.epbSubmitConexion {
	background: transparent url(../img/inputConexion.svg) no-repeat 0px 50%;
}
input.epbSubmitCerrar,
button.epbSubmitCerrar {
	background: transparent url(../img/inputCerrar.svg) no-repeat 0px 50%;
}
input.epbSubmitCancelar,
button.epbSubmitCancelar {
	background: transparent url(../img/inputCancelar.svg) no-repeat 0px 50%;
}
input.epbSubmitCancelarSol,
button.epbSubmitCancelarSol {
	background: transparent url(../img/inputCancelarSol.svg) no-repeat 0px 50%;
}
input.epbSubmitCopiar,
button.epbSubmitCopiar {
	background: transparent url(../img/inputCopiar.svg) no-repeat 0px 50%;
}
input.epbSubmitDetalle,
button.epbSubmitDetalle {
	background: transparent url(../img/inputDetalle.svg) no-repeat 0px 50%;
}
input.epbSubmitModificar,
button.epbSubmitModificar {
	background: transparent url(../img/inputModificar.svg) no-repeat 0px 50%;
}
input.epbSubmitAbrir,
button.epbSubmitAbrir {
	background: transparent url(../img/inputAbrir.svg) no-repeat 0px 50%;
}
input.epbSubmitCerrar,
button.epbSubmitCerrar {
	background: transparent url(../img/inputCerrar.svg) no-repeat 0px 50%;
}
input.epbSubmitLimpiar,
button.epbSubmitLimpiar {
	background: transparent url(../img/inputLimpiar.svg) no-repeat 0px 50%;
}
input.epbSubmitVolver,
button.epbSubmitVolver {
	background: transparent url(../img/inputVolver.svg) no-repeat 0px 50%;
}
input.epbSubmitMail,
button.epbSubmitMail {
	background: transparent url(../img/inputMail.svg) no-repeat 0px 50%;
}

input.epbSubmitDesbloquear,
button.epbSubmitDesbloquear {
	background: transparent url(../img/inputDesbloquear.svg) no-repeat 0px 50%;
}
input.epbSubmitLimpiar,
button.epbSubmitLimpiar {
	background: transparent url(../img/inputLimpiar.svg) no-repeat 0px 50%;
}
input.epbSubmitActivar,
button.epbSubmitActivar {
	background: transparent url(../img/inputArrancarProceso.svg) no-repeat 0px 50%;
}
input.epbSubmitDesActivar,
button.epbSubmiDestActivar {
	background: transparent url(../img/inputPararProceso.svg) no-repeat 0px 50%;
}
input.epbSubmitExcel,
button.epbSubmitExcel {
	background: transparent url(../img/inputExcel.svg) no-repeat 0px 50%;
}


input.epbSubmitCSV,
button.epbSubmitCSV {
	background: transparent url(../img/inputCSV.svg) no-repeat 0px 50%;
}

/* Tareas #29269: Desde Consulta Tripulantes/Pasajeros, al ver el Detalle el botón Exportar a CSV Lista Completa tiene mal la imagen
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     input.epbSubmitCSV,
	button.epbSubmitCSV {
		background: transparent url(../img/inputCSV.svg) no-repeat -1px 50%;
	}
}
*/

input.epbBotonSeleccionarPuerto {
	display: block;
	width: 30px;
	height: 30px;
	margin: 5px auto;
	padding: 0px;
	border: none;
	background: none;
	text-indent: -50000px;
	background: transparent url(../img/botSeleccionar.svg) no-repeat 50% 50%;
	background-size: 22px;
	cursor: pointer;
}
input[type="button"]:disabled, button:disabled .epbBotonSeleccionarPuerto {
	cursor: auto!important;
}
/* Clase creada por el equipo de programaci�n */
.botonSubmitPopup {   
	background: transparent;
	border: 2px solid #004684;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;       
	color: #003;
	font-size: 1rem;
	padding-left: 40px;
	padding-right: 13px;
	margin: 10px;
	line-height: 2rem;
	text-align: center;
	text-transform: uppercase;      
	cursor: pointer;
	background: transparent url(../img/inputGuardar.svg) no-repeat 0px 50%;
}


form *[class*="epbGrid_"],
form *[class*="epbGridMargin0_"] {
	min-height: 36px;
	vertical-align: middle;
}
label ~ *[class*="epbGrid_"],
label ~ *[class*="epbGridMargin0_"] {
	margin-top: 0px;
}
@-moz-document url-prefix() {
	fieldset fieldset, .fieldsetGroup {
		margin-top: 30px !important;
		padding: 0px 10px !important;
		border: 4px solid #efefef !important;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		position: relative;
	}
}	
fieldset fieldset, .fieldsetGroup {
	margin-top: 30px !important;
	padding: 0px 10px !important;
	border: 4px solid #efefef !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}
fieldset fieldset legend, .fieldsetGroup legend {
	font-size: 0.875rem;
	color: #666;
	position: absolute;
	top: -24px;
	left: 0px;
}
fieldset fieldset fieldset {
	border: 3px solid #efefef;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input[class*="epbBotSel"] {
	display: inline-block;
	float: right;
	
	width: 30px;
	height: 30px;
	margin: 5px auto;
	padding: 0px;
	border: none;
	background: none;
	text-indent: -50000px;
	cursor: pointer;
}
input[class*="epbBotSel"] ~ input {
	width: calc(100% - 34px);
}
input.epbBotSelFecha {
	background: transparent url(../img/botCalendario.svg) no-repeat 50% 50%;
	background-size: 22px;
}
input.epbBotSelHora {
	background: transparent url(../img/botReloj.svg) no-repeat 50% 50%;
	background-size: 22px;
}
.epbErrorFormulario {
	font-size: 0.875rem !important;
	color: #c00 !important;
	background: transparent url(../img/icoError.svg) no-repeat 2px 0.2rem;
	padding-left: 24px;
	padding-top: 4px;
	display: none;
}
*[class*="epbGrid_"] + .epbErrorFormulario,
*[class*="epbGridMargin0_"] + .epbErrorFormulario {
	margin-top: -12px;
	margin-bottom: 6px;
}

.epbErrorFormularioOn {
	display: block;
}
.epbErrorInput {
	border: 1px solid #c00 !important;
}

/* ======================================================== 2.8.1 P�gina de error */
.epbPagError {
	text-align: center;
	margin: 4rem auto;
	font-size: 0.9375rem;
}

body.epbBodyGeneral .epbPagError a,
body.epbBodyGeneral .epbPagError a:link,
body.epbBodyGeneral .epbPagError a:hover,
body.epbBodyGeneral .epbPagError a:visited,
body.epbBodyGeneral .epbPagError a:active {
	color: #36c;
	text-decoration: underline;
	font-size: 0.9375rem;
}

.epbInfoError {
	text-align: center;
	margin: 2rem auto;
	max-width: 20rem;
	padding: 2rem;
	background-color: #f4f4f4;
	font-size: 0.875rem;
}
.epbInfoError strong {
	font-size: 0.9375rem;
}

.epbInfo{
	text-align: center;
	margin: 2rem auto;
	max-width: 40rem;
	padding: 2rem;
	background-color: #f4f4f4;
	font-size: 1rem;
}

.epbBodyGeneral .epbAviso{
	border: 1px solid #c00;
    margin-top: 20px;
    padding: 12px;
}

/* ======================================================== 2.9.1 Listado de errores */
.epbBodyGeneral .epbListadoErrores {
	border: 1px solid #c00;
	margin-top: 20px;
	padding: 12px;
}
.epbBodyGeneral .epbListadoErrores h3 {
	padding-left: 32px !important;
	border: none !important;
	background: transparent url(../img/icoAviso.svg) no-repeat 2px 50%;
	background-size: 24px;
	line-height: 1.625rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #004684;
	cursor: pointer;
}
.epbBodyGeneral .epbListadoErrores ol {
	margin: 20px 20px 8px 20px;
	list-style-position: inside;
	
	counter-reset: li; 
	list-style: none;
	
	/* -webkit-columns: 2; Chrome, Safari, Opera */
   /* -moz-columns: 2; Firefox */
   /* columns: 2; */
}
.epbBodyGeneral .epbListadoErrores  li:only-of-type {
	
}
.epbBodyGeneral .epbListadoErrores ol::after {
    content: '';
    display: block;
    clear: both;
}
.epbBodyGeneral .epbListadoErrores li::before {
	/*content: "- ";*/
	/*content: counter(li) + ".- ";*/
	content: counters(li, " ") ". - ";
   counter-increment: li;
}
.epbBodyGeneral .epbListadoErrores li {
	color: #c00;
	font-size: 0.875rem;
	line-height: 1.4rem;
	width: 99.5%;
	float: left;/**/
}
.epbBodyGeneral .epbListadoErrores li:only-of-type {
	width: 98%;
	float: none;
}

/* ======================================================== 2.9 Cargando */

.epbContenedorCargando {
    display: none;
}

.epbVeloCargando {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0px !important;
    right: 0px;
    bottom: 0px;
    left: 0px !important;
    z-index: 1690 !important;
    padding: 0px;
}

.epbCargando {
    background-color: #fff;
    border: 1px solid #999;
    width: 420px !important;
    min-height: 200px !important;
    box-shadow: none;
    -webkit-border-radius: 6px;
    position: fixed;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 1700 !important;
    padding: 24px;
}
.epbCargando p {
	text-align: center;
	color: #004684;
	font-weight: bold;
}
.epbCargando .epbAniCargando {
    height: 50px;
    width: 50px;
    margin: 40px auto auto auto;
    position: relative;
    -webkit-animation: epbCargando 2.5s infinite linear;
    -moz-animation: epbCargando 2.5s infinite linear;
    -o-animation: epbCargando 2.5s infinite linear;
    animation: epbCargando 2.5s infinite linear;
    border-left: 6px solid rgba(0, 70, 132, .15);
    border-right: 6px solid rgba(0, 70, 132, .15);
    border-bottom: 6px solid rgba(0, 70, 132, .15);
    border-top: 6px solid rgba(0, 70, 132, .8);
    border-radius: 100%;
}
@-webkit-keyframes epbCargando {
  from {
    -webkit-transform: rotate(0deg);
}

  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes epbCargando {
  from {
    -moz-transform: rotate(0deg);
}

  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes epbCargando {
  from {
    -o-transform: rotate(0deg);
}

  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes epbCargando {
  from {
    transform: rotate(0deg);
}

  to {
    transform: rotate(359deg);
  }
}



/* ======================================================== 3.0 Tablas */
.epbBodyGeneral table:not([class*="datepicker"]) {
	border-collapse: collapse;
	border-spacing: 0px;
	
	/*table-layout: fixed;
	table-layout: auto;*/
}
/*
.epbBodyGeneral table.dataTable.no-footer:not([class*="datepicker"])
*/
.epbBodyGeneral table:not([class*="datepicker"]):not([class*="dataTable no-footer"]) {
	width: 100% !important;
}
.dt-scroll-head-inner > table {
	table-layout: fixed;
}
.dt-container {
	max-width: 1170px !important;
}
.dt-scroll,
.dt-scroll-head,
.dt-scroll-head-inner,
.dt-scroll-body,
table.dataTable.no-footer {
	max-width: 100% !important;
	padding-right: 0px !important;
}
.dt-scroll,
.dt-scroll-head-inner {
	width: 100% !important;
}
table.dataTable.no-footer {
	/*table-layout: fixed;*/
	min-width: 100%;
}
.epbBodyGeneral table.epbTablaPuertos {
	/*min-width: 100%; No es compatible con la definici�n posterior */
}

/*.epbBodyGeneral .epbVentana > div > table:not([class*="datepicker"])
.epbBodyGeneral .epbVentana > div table:not([class*="datepicker"]) {
	width: 90% !important;
	margin: 1rem 5%
}*/

.epbBodyGeneral table:not([class*="datepicker"]) tbody tr {
	cursor: pointer;
}

.epbBodyGeneral .no-pointer table tbody tr, .epbBodyGeneral table.no-pointer tbody tr  {
	cursor: auto !important;
}

.epbBodyGeneral .no-pointer table tbody tr td, .epbBodyGeneral table.no-pointer tbody tr td {
	background-color: #fff !important;
}

.epbBodyGeneral .no-pointer table tbody tr:nth-child(2n) td, .epbBodyGeneral table.no-pointer tbody tr:nth-child(2n) td {
	background-color: #d9eaf7 !important;
}

.epbBodyGeneral table:not([class*="datepicker"]) tbody tr.selected,
.epbBodyGeneral table:not([class*="datepicker"]) tbody tr.selected td {
	background-color: #67ade0 !important;
}

.epbBodyGeneral table:not([class*="datepicker"]) th,
.epbBodyGeneral table:not([class*="datepicker"]) td {
	border: 1px solid #9aa8b6;
	padding: 0.5rem 0.2rem;
	font-size: 0.875rem;
	font-weight: normal;
	
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 35px;
}

.epbBodyGeneral table:not([class*="datepicker"]) thead th {
	background-color: #004684;
	text-align: center;
	color: #fff;
}
/*
.epbBodyGeneral .epbVentana table.epbTablaPuertos thead th {
	width: auto !important;
}
*/

.epbBodyGeneral table:not([class*="datepicker"]) thead th[class*="sorting"] {
	padding-right: 24px;
	cursor: pointer;
	background-position: calc(100% - 6px) 50%;
	background-repeat: no-repeat;
	background-color:  #004684;
}
.epbBodyGeneral table:not([class*="datepicker"]) thead th.sorting {
	background-image: url(../img/icoOrdenarTabla.png);
}
.epbBodyGeneral table:not([class*="datepicker"]) thead th.sorting_asc {
	background-image: url(../img/icoOrdenarTablaAsc.png);
}
.epbBodyGeneral table:not([class*="datepicker"]) thead th.sorting_desc {
	background-image: url(../img/icoOrdenarTablaDesc.png);
}
.epbBodyGeneral table:not([class*="datepicker"]):not(.noFormatoFilas) td {
	background-color: #fff;
	text-align: left;
	color: #000;
}
.epbBodyGeneral table:not([class*="datepicker"]):not(.noFormatoFilas) tr:nth-child(2n) td {
	background-color: #d9eaf7;
}
.epbBodyGeneral table:not([class*="datepicker"]):not(.noFormatoFilas) tr.red-background td {
	background-color: lightpink;
	text-align: left;
	color: #000;
}
.epbBodyGeneral table:not([class*="datepicker"]):not(.noFormatoFilas) tr.red-background:nth-child(2n) td {
	background-color: lightpink;
}
.epbBodyGeneral table:not([class*="datepicker"]) td.epbDatoNum {
	text-align: right;
	padding-right: 0.5rem;
}

.epbBodyGeneral .epbContenedorPestanas {
	/*max-width: 93%; 09/19 La caja se quedaba demasiado corta por la dch*/
	overflow: hidden;
}
.epbBodyGeneral .dt-scroll {
	/* 10-26 
	overflow: auto;*/
	overflow-x: auto;
	width: calc(100vw - 130px) !important;/**/
}
.epbBodyGeneral .epbVentana .dt-scroll {
	width: 100%;
}
.epbBodyGeneral .dt-scroll-head {
	overflow: visible !important;
	width: auto !important;
}

.epbBodyGeneral .dt-scroll-body {
	width: auto !important;
	overflow: visible !important;
}

.epbBodyGeneral .epbTablaVacia{
	border: 2px solid #67ade0;
	margin-top: 20px;
	padding: 12px;
	line-height: 1.625rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #004684;
	cursor: default;
	clear: both;
	text-align: center;
}

.epbBodyGeneral .epbTablaVacia p{
	background: transparent url(../img/icoAviso.svg) no-repeat 2px 50%;
	background-size: 24px;
	padding-left: 32px !important;
	display: inline-block;
}

.dt-scroll-body thead th {
	max-height: 0px !important;
	min-height: 0px !important;
	overflow: hidden !important;
}

/* 3.1 Paginado */
/*
El paginado del plugin de jquery datatable pone la clase pagina .pagination al ul del paginado
Usando renderer: "bootstrap"
https://datatables.net/reference/option/renderer
*/
.epbBodyGeneral .epbPaginado,
.epbBodyGeneral .dt-wrapper > .row:nth-child(3) {
	position: relative;
	height: 40px;
}
.epbBodyGeneral .epbPaginado ul{
	display: inline-block;
	height: 32px;
	margin-top: 4px;
	position: absolute;
	top: 0px;
	right: 10px;
}



.epbBodyGeneral .epbPaginado ul li,
.epbBodyGeneral .dt-paging ul.pagination li.page-item {
	list-style: none;
	display: inline-block;
}
.epbBodyGeneral .epbPaginado ul li,
.epbBodyGeneral .epbPaginado ul li a,
.epbBodyGeneral .epbPaginado ul li a:link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item,
.epbBodyGeneral .dt-paging ul.pagination li.page-item a.page-link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item a.page-link:link {
	color: #39c;
	font-size: 0.875rem;
	text-decoration: underline;
	height: 32px;
	line-height: 32px;
}
.epbBodyGeneral .epbPaginado ul li a,
.epbBodyGeneral .dt-paging ul.pagination li.page-item a.page-link {
	display: block;
	padding: 0px 0.8rem;
}
.epbBodyGeneral .epbPaginado ul li[class*="epbPag"],
.epbBodyGeneral .epbPaginado ul li[class*="epbPag"] a,
.epbBodyGeneral .epbPaginado ul li[class*="epbPag"] a:link {
	font-weight: bold;
}
.epbBodyGeneral .epbPaginado ul li.epbPagActual,
.epbBodyGeneral .epbPaginado ul li.epbPagActual a,
.epbBodyGeneral .epbPaginado ul li.epbPagActual a:link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.active,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.active a.page-link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.active a.page-link:link {
	text-decoration: none;
	background-color: #f1f1f1;
	font-weight: bold;
	cursor: default;
}
.epbBodyGeneral .epbPaginado ul li.epbPagInactiva,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.disabled {
	opacity: 0.4;
}
.epbBodyGeneral .epbPaginado ul li.epbPagInactiva a,
.epbBodyGeneral .epbPaginado ul li.epbPagInactiva a:link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.disabled a.page-link,
.epbBodyGeneral .dt-paging ul.pagination li.page-item.disabled a.page-link:link {
	cursor: default;
	text-decoration: none !important;
}
.epbBodyGeneral .epbPaginado .epbNumPagina,
.epbBodyGeneral .dt-wrapper .dt-info {
	line-height: 40px;
	font-size: 0.875rem;
}

.epbBodyGeneral .dt-wrapper > .row:nth-child(1) {
	margin: 6px 0px;
}
.epbBodyGeneral .dt-wrapper > .row:nth-child(1) > div,
.epbBodyGeneral .dt-length {
	display: inline-block;
	width: 14rem;
}
.epbBodyGeneral .dt-length label select {
	width: 6rem;
	display: inline-block;
}
.epbBodyGeneral .dt-wrapper > .row:nth-child(1) > div:nth-child(2) {
	width: 14rem;
	float: right;
}

.epbBodyGeneral .dt-search label {
	line-height: 32px;
    display: inline-block;
    margin-bottom: 0 !important;
}
.epbBodyGeneral .dt-search input {
	margin-left: 4px;
	width: 10rem;
	display: inline-block;
}

.epbBodyGeneral .dt-wrapper > .row:nth-child(2) {
	max-height: 540px;
	overflow-y: auto;
}

.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico {
	width: 40px !important;
	max-width: 40px !important;
	padding: 1px;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda2Ico {
	width: 70px !important;
	padding: 1px;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda3Ico {
	width: 100px !important;
	padding: 1px;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda4Ico {
	width: 140px !important;
	padding: 1px;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda5Ico {
	width: 160px !important;
	padding: 1px;
}

.epbBodyGeneral table:not([class*="datepicker"]) .botEliminarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botEditarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botConsultarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botContinueTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botReenviarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botConexion,
.epbBodyGeneral table:not([class*="datepicker"]) .botRedecideTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botPendienteTabla,
.epbBodyGeneral table:not([class*="datepicker"]) .botSeleccionarElemento,
.epbBodyGeneral table:not([class*="datepicker"]) .botArrancar,
.epbBodyGeneral table:not([class*="datepicker"]) .botParar,
.epbBodyGeneral table:not([class*="datepicker"]) .botLanzarSchedule,
.epbBodyGeneral table:not([class*="datepicker"]) .botComprobar,
.epbBodyGeneral table:not([class*="datepicker"]) .botDocumentosTabla {
	min-width: 24px !important;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico a,
.epbBodyGeneral table:not([class*="datepicker"]) .botEliminarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botEditarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botConsultarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botContinueTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botReenviarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botRedecideTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botPendienteTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botSeleccionarElemento a,
.epbBodyGeneral table:not([class*="datepicker"]) .botArrancar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botParar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botLanzarSchedule a,
.epbBodyGeneral table:not([class*="datepicker"]) .botConexion a,
.epbBodyGeneral table:not([class*="datepicker"]) .botComprobar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botDocumentosTabla a {
	text-indent: -50000px;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 32px;
	cursor: pointer;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botEliminarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botEliminarTabla a {
	background: transparent url(../img/botEliminar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botEditarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botEditarTabla a {
	background: transparent url(../img/botEditar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botConexion a,
.epbBodyGeneral table:not([class*="datepicker"]) .botConexion a {
	background: transparent url(../img/botConexion.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botConsultarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botConsultarTabla a {
	background: transparent url(../img/botConsultar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}



.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botArrancar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botArrancar a {
	background: transparent url(../img/botArrancar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}

.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botParar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botParar a {
	background: transparent url(../img/ico_pararProceso.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}

.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botComprobar a,
.epbBodyGeneral table:not([class*="datepicker"]) .botComprobar a {
	background: transparent url(../img/botComprobar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}

.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botContinueTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botContinueTabla a {
	background: transparent url(../img/botContinue.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botReenviarTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botReenviarTabla a {
	background: transparent url(../img/botReenviar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botRedecideTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botRedecideTabla a {
	background: transparent url(../img/botActualizar.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botPendienteTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botPendienteTabla a {
	background: transparent url(../img/botPonerPendiente.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botSeleccionarElemento a,
.epbBodyGeneral table:not([class*="datepicker"]) .botSeleccionarElemento a {
	background: transparent url(../img/botSeleccionarElemento.svg) no-repeat 50% 50%;
	background-size: 18px;
}
.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botLanzarSchedule a,
.epbBodyGeneral table:not([class*="datepicker"]) .botLanzarSchedule a {
	background: transparent url(../img/ico_lanzarProceso.svg) no-repeat 50% 50%;
	/* background-size: 100%; */
}

.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico.botDocumentosTabla a,
.epbBodyGeneral table:not([class*="datepicker"]) .botDocumentosTabla a {
	background: transparent url(../img/botDocumentosTabla.svg) no-repeat 50% 50%;
	/*background-size: 70%;*/
}


.epbBodyGeneral table:not([class*="datepicker"]) span.botEliminarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botEditarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botConsultarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botContinueTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botReenviarTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botRedecideTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botPendienteTabla,
.epbBodyGeneral table:not([class*="datepicker"]) span.botSeleccionarElemento,
.epbBodyGeneral table:not([class*="datepicker"]) span.botArrancar,
.epbBodyGeneral table:not([class*="datepicker"]) span.botLanzarSchedule,
.epbBodyGeneral table:not([class*="datepicker"]) span.botParar,
.epbBodyGeneral table:not([class*="datepicker"]) span.botConexion,
.epbBodyGeneral table:not([class*="datepicker"]) span.botComprobar,
.epbBodyGeneral table:not([class*="datepicker"]) span.inputBorrador,
.epbBodyGeneral table:not([class*="datepicker"]) span.botDocumentosTabla {
	display: inline-block;
}

/* -------------------------- prueba scroll tabla con thead fijo */

/* V.1 https://codepen.io/tjvantoll/pen/JEKIu*/

.epbBodyGeneral table.epbCabFija {
  table-layout: fixed;
  border-collapse: collapse;
}
.epbBodyGeneral table.epbCabFija th {
  text-decoration: underline;
}
.epbBodyGeneral table.fepbCabFija th,
.epbBodyGeneral table.epbCabFija td {
  padding: 5px;
  text-align: left;
}
.epbBodyGeneral table.epbCabFija thead tr {
  display: block;
  position: relative;
}
.epbBodyGeneral table.epbCabFija tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}
/*
.epbCabFija td:nth-child(1),
.epbCabFija th:nth-child(1) {
  min-width: 200px;
}
.epbCabFija td:nth-child(2),
.epbCabFija th:nth-child(2) {
  min-width: 200px;
}
.epbCabFija td:nth-child(3),
.epbCabFija th:nth-child(3) {
  width: 350px;
}
.epbCabFija thead {
  background-color: #333;
  color: #FDFDFD;
}
.epbCabFija tbody tr:nth-child(even) {
  background-color: #DDD;
}
*/
.old_ie_wrapper {
  height: 300px;
  width: 750px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}

/* V.2 http://jsfiddle.net/venkateshwar/5KJka/1/*/
.epbBodyGeneral table.epbCabFija2 {
	display: table;
	width: 100%;
 }
.epbBodyGeneral table.epbCabFija2 thead,
.epbBodyGeneral table.epbCabFija2 tbody {
	float: left;
 }
.epbBodyGeneral table.epbCabFija2 thead {
	width: calc(100% - 16px);
}
.epbBodyGeneral table.epbCabFija2 tbody {
	overflow: auto;
	width: 100%;
	height: 300px;
 }
.epbBodyGeneral table.epbCabFija2 tr {
	width: 100%;
	display: table;
	text-align: left;
 }
.epbBodyGeneral table.epbCabFija2 th,
.epbBodyGeneral table.epbCabFija2 td {
	width: auto;
 }


/* -------------------------- prueba scroll tabla con thead fijo */




/* ======================================================== 4.0 Ventanas "pop-up" */
.epbVentana {	
	position: fixed;
	top: auto;
	right: 50000px;
	bottom: 50000px;
	left: auto;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 2000;
}

.epbVentana.epbVentanaOn {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.epbVentana > div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-height: 80vh; /*80%;*/
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

.epbVentana > div .epbTituloVentana + div {
	max-height: calc(80vh - 54px);
	overflow-y: auto;
}
.epbVentana.epbVentanaCorta > div {
	max-width: 500px;
	/*max-height: 360px;*/
}

.epbVentana > div .epbTituloVentana {
	height: 52px;
	background-color: #f4f4f4;
	position: relative;
	padding-left: 10px;
}
.epbVentana > div .epbTituloVentana h3 {
	color: #004684;
	font-size: 1.25rem;
	line-height: 46px;
}
.epbVentana > div .epbTituloVentana  span.epbTitular {
	font-size: 1.625rem;
}

.epbVentana > div .epbTituloVentana .epbCerrarVentana {
	text-indent: -50000px;
	display: block;
	width: 26px;
	height: 26px;
	background: transparent url(../img/botCerrarVentana.svg) no-repeat 50% 50%;
	
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translate(0px, -50%);
	cursor: pointer;
}

.epbVentana > div > fieldset,
.epbVentana > div > div:not(.epbTituloVentana) {
	padding: 0px 1rem;
}

.epbVentana .epbTextoAviso {
	margin: 0.5rem auto;
	text-align: center;
}
.epbVentana .epbTextoAviso > p:first-of-type {
	padding-left: 32px;
	background: transparent url(../img/icoAviso.svg) no-repeat left 50%;
	line-height: 28px;
	margin-bottom: 2rem;
	font-weight: bolder;
	display: inline-block;
}

.epbVentana .epbTextoAvisoMultiple {
	margin: 0.5rem auto;
}

.epbVentana .epbTextoAvisoMultiple > div:first-of-type {
	margin-left:3%; 
	text-align: right;
}

.epbVentana .epbTextoAvisoMultiple > p:first-of-type {
	background: transparent url(../img/icoAviso.svg) no-repeat left 50%;
	line-height: 28px;
	font-weight: bolder;
	display: inline-block;
}

.epbVentana .epbTextoAvisoMultiple p {
	padding-left: 32px;
	line-height: 28px;
	font-weight: bolder;
	display: inline-block;
}

.epbVentana .epbTextoAvisoMultiple > p:last-of-type {
	padding-left: 32px;
	line-height: 28px;
	font-weight: bolder;
	display: inline-block;
	margin-bottom: 2rem;
}

.epbVentana .epbTxtIndentado {
	padding-left: 24px;
}
.epbVentana .epbTitDesplegable {
	margin: 6px 12px;
}
.epbVentana ul,
.epbVentana ol {
	margin: 0px 24px;
}
.epbVentana ul li,
.epbVentana ol li {
	color: #666;
}
.epbVentana ul.epbListadoPaises li {
	list-style: none;
}
.epbVentana .epbTxtIndentado ul,
.epbVentana .epbTxtIndentado ol {
	margin: 0px 0px 20px 0px;
}
.epbVentana .epbTxtIndentado ul li,
.epbVentana .epbTxtIndentado ol li {
	margin: 0px 0px 6px 36px;
	font-size: 0.875rem;
	color: #666;
}
.epbVentana ul {
	font-size: 0.875rem;
}
.epbVentana p {
	font-size: 0.875rem;
	color: #666;
}

/* ======================================================== 6.0 Modificaciones a "jQuery" */
.epbBodyGeneral .ui-widget-content {
	border: none;
	background: #fff;
	color: #333;
	overflow: visible;
}

.epbPestanas .ui-state-default,
.epbPestanas .ui-widget-content .ui-state-default,
.epbPestanas .ui-widget-header .ui-state-default,
.epbPestanas .ui-button,
html .epbPestanas .ui-button.ui-state-disabled:hover,
html .epbPestanas .ui-button.ui-state-disabled:active,
.epbContenedorPestanas .epbContenidoPestana > h3.ui-accordion-header {
	border: 1px solid #67ADE0;
	background-color: #67ADE0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #000 !important;
}

.epbContenedorPestanas .epbContenidoPestana > h3 {
	display: none;
}
.epbContenedorPestanas .epbContenidoPestana > h3.ui-accordion-header {
	position: relative;
	font-weight: normal;
	font-size: 1rem;
	padding: 1rem !important;
	cursor: pointer;
	border: 1px solid #004684;
	border-bottom: none;
	
	background: #67ADE0 url(../img/BotDeplegar.svg) no-repeat 90% 50%;
}
.epbContenedorPestanas .epbContenidoPestana:last-of-type > h3.ui-accordion-header {
	border-bottom: 1px solid #004684;
}

.epbPestanas .ui-state-default > * {
	color: #000 !important;
	
	font-size: 1rem !important;
	padding: 1rem 4rem !important;
}
.epbPestanas .ui-state-active,
.epbPestanas .ui-widget-content .ui-state-active,
.epbPestanas .ui-widget-header .ui-state-active,
.epbPestanas a.ui-button:active,
.epbPestanas .ui-button:active,
.epbPestanas .ui-button.ui-state-active:hover,
.epbContenedorPestanas .epbContenidoPestana > h3.ui-state-active {
	border: 1px solid #004684;
	background-color: #004684;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border:1px solid #004684;
	background:#67ADE0;
	font-weight:normal;
	color:#fff;
}
.epbContenedorPestanas .epbContenidoPestana > h3.ui-state-active {
	color: #fff !important;
	margin-bottom: 14px;
	background: #004684 url(../img/BotPlegar.svg) no-repeat 90% 50%;
}
.epbPestanas li.ui-state-active:after,
.epbContenedorPestanas .epbContenidoPestana > h3.ui-state-active:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translate(-50%, 0px);
	height: 11px;
	width: 23px;
	background: transparent url(../img/icoPestActiva.svg) no-repeat 50% 50%;
}
.epbPestanas .ui-state-active > * {
	color: #fff !important;
}
.epbPestanas.ui-widget-header  {
	background-color: transparent;
	border: none;
}

/* DatePicker */
div.ui-datepicker {
	border: 0px solid #fff !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(102,102,102,0.37);
	-moz-box-shadow: 0px 0px 12px 4px rgba(102,102,102,0.37);
	box-shadow: 0px 0px 12px 4px rgba(102,102,102,0.37);
	width: calc((40px * 7) + 16px) !important;
	padding: 14px 10px 4px 10px;
}
div.ui-datepicker table {
	table-layout: fixed;
}
div.ui-widget-header {
	border: 0px solid #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
   background: #004684;
}
div.ui-datepicker .ui-datepicker-title {
	text-transform: capitalize;
	color: #fff;
}
div.ui-datepicker .ui-datepicker-calendar thead {
	border-bottom: 1px solid #999;
}
div.ui-datepicker .ui-datepicker-calendar th {
	text-transform: uppercase;
	color: #666;
	padding: 6px 0px;
	font-size: 0.8125rem;
}
div.ui-datepicker .ui-datepicker-calendar td {
	width: 40px;
	height: 32px;
	padding: 2px 5px;
}

div.ui-datepicker  .ui-state-default {
    border: 1px solid #fff;
    background: transparent;
    font-weight: normal;
    color: #000;
    text-align: center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	font-size: 1rem !important;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
}
div.ui-datepicker  .ui-state-default:hover {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #6cb0e1;
}
div.ui-datepicker.ui-widget-content .ui-state-active {
	border: 1px solid #004684;
	background-color: #004684;
	font-weight: normal;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
div.ui-datepicker.ui-widget-content .ui-state-active a {
	color: #fff;
}
div.ui-datepicker .ui-state-highlight {
    border: 1px solid #67ade0;
    background: #67ade0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.ui-datepicker .ui-datepicker-next,
div.ui-datepicker .ui-datepicker-prev  {
	width: 30px;
	height: 30px;
	background-size: 30px;
	cursor: pointer;
}
div.ui-datepicker .ui-datepicker-next span,
div.ui-datepicker .ui-datepicker-prev span {
	display: none;
}
div.ui-datepicker .ui-datepicker-next {
	background: transparent url(../img/BotMesSig.svg) no-repeat 50% 50%;
}
div.ui-datepicker .ui-datepicker-prev {
	background: transparent url(../img/BotMesAnt.svg) no-repeat 50% 50%;
}
div.ui-datepicker .ui-datepicker-next.ui-state-hover,
div.ui-datepicker .ui-datepicker-prev.ui-state-hover {
	border: none;
}

/* Tabs Panel */
.ui-tabs .ui-tabs-panel {
	padding: 1rem 0px;
}



/* ======================================================== 7.0 MediaQueries */

@media only screen and (min-width: 1279px) { /* ---------------------------- >1279px */
	/*body.epbBodyGeneral {
		width: 1280px;
	}*/
	body.epbBodyGeneral main {
		margin: 24px;
		width: 1232px;
	}
	/*
	.epbBodyGeneral .dt-scroll {
		width: 1152px;
		max-width: 1152px;
	}
	*/
	.epbVentana > div {
		max-width: 960px;
		/*max-height: 700px;*/
	}
	
	.epbAvisoObligatorios {
		position: absolute;
		right: 8px;
		top: 4px;
		font-size: 0.875rem;
		color: #666;
		font-style: italic;
	}
}

@media only screen and (max-width: 1024px) { /* ---------------------------- 1024px */

	header.epbCabeceraHome h1 {
		left: 40px;
		top: 30px;
		width: 244px;
		height: 120px;
	}
	
	main .epbListadoMensajesBuzon li {
		width: 49.9%; 
	}
	
}

@media only screen and (max-width: 960px) {/* ---------------------------- 960px */
	main .epbBuzonEntrada,
	main .epbContactoHome {
		position: static;
		max-width: 100%; 
	}
	
	.epbVentana > div {
		width: 90%;
		max-height: 90%;
	}
	main .epbContenedorPestanas,
	main .epbContenedorPestanas.ui-widget-content {
		padding-bottom: 3.2rem !important;
	}
	p.epbBotNuevo,
	p.epbBotFavoritoMargin135 {
		/*
		position: absolute;
		right: auto;
		bottom: 10px;
		left: 50%;
		transform: translate(-50%, 0px);
		*/
		top: 0px;
	}
	.epbContenedorPestanas p.epbBotNuevo {
		/*top: -50px;*/
	}
	
	.epbContenedorPestanas h3.ui-accordion-header + .ui-accordion-content p.epbBotNuevo {
		top: -57px;
	}
	
	.epbBodyGeneral .epbContenedorPestanas  {
		margin-top: 20px !important;
	}
	
	fieldset.epbContenidoDesplegable {
		margin-top: 30px;
	}
	
	.epbAvisoObligatorios {
		right: 8px;
		top: 4px;
		font-size: 0.875rem;
		color: #666;
		font-style: italic;
	}
}

@media only screen and (max-width: 840px) {/* ---------------------------- 840px */
	.epbPestanas.ui-tabs-nav li {		
    	width: 32.4%;
    	text-align: center;
    	padding: 2% 0px !important;
	}
	.epbPestanas .ui-state-default > * {
		display: block;
		width: 100%;
    	padding: 0.2rem 0px !important;
    	float: none !important;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	.epbBotonesGestion {
		display: none;
	}
	
	
	.epbContenedorPestanas > div > h3.ui-accordion-header {
		display: block;
	}
/* 	.epbPestanas {
		display: none;
	} */
	.epbContenidoPestana > div {
		position: relative;
		padding-bottom: 4rem;
	}
	.epbBodyGeneral .dt-scroll {
		width: 100%;
	}
	.epbBodyGeneral .epbPaginado ul,
	.epbBodyGeneral .dt-paging ul.pagination {
		position: static;
		width: 100%;
		text-align: center;
	}
	.epbBodyGeneral .epbPaginado,
	.epbBodyGeneral .dt-wrapper > .row:nth-child(3) {
		height: auto;
	}
}

@media only screen and (max-width: 720px) {/* ---------------------------- 720px */
	header.epbCabeceraGral h1 {
		width: 140px;
		background-size: contain;
		left: 20px;
		top: 32px;
	}
	/*
	nav .epbOtrosCircuitos h2 {
		display: block;
		text-indent: -50000px;
		width: 30px;
		height: 22px;
		padding: 0px;
		background: transparent url(../img/icoHamburguerBeltza.svg) no-repeat 100% 50%;
	}
	*/
	
	/* 2019-01-23 */
	header .epbUsuario p {
		font-size: 0.875rem;
		font-weight: 400;
	}
}

@media only screen and (max-width: 680px) {/* ---------------------------- 680px */
	.epbMargenSup,
	.epbMargenSup30 {
		margin-top: 8px !important;
	}
}
@media only screen and (max-width: 640px) {/* ---------------------------- 640px */
	.epbBodyGeneral .epbPaginado {
		height: 80px;
	}
	.epbBodyGeneral .epbPaginado ul {
		display: block;
		position: static;
		text-align: center;
		transform: translate(0px, 0px);
	}
	.epbBodyGeneral .epbPaginado .epbNumPagina {
		text-align: center;
	}
}

@media only screen and (max-width: 560px) {/* ---------------------------- 560px */
	
	main .epbListadoMensajesBuzon li {
		width: 100%;
		float: none; 
	}
	main .epbListadoMensajesBuzon li p {
		max-width: 100%;
	}
	header .epbHizkuntzak {
		display: block;
		position: absolute;
		right: 0px;
		top: 51px;
	}
	header .epbHizkuntzak.epbHizkuntzakOn {
		position: fixed;
	}
	/*header .epbHizkuntzak li {
		padding: 15px 34px 15px 20px;
	}
	header .epbHizkuntzak li.epbHizkActivo {
		background-position: 84% 24px;
	}*/

	header .epbUsuario span {
		display: block;
	}
	header .epbActivarOpcionesAdmin {
		height: 51px;
		line-height: 51px;
	}
	header ul.epbOpcionesAdmin {
		right: 0px;
		top: 51px;
		z-index: 1500;
	}
}

@media only screen and (max-width: 540px) {/* ---------------------------- 540px */
                nav .epbOpcionesPpal h3 {
                               background-size: 40px !important;
                               padding: 37px 10px 0px 66px;
                               max-width: calc(7rem + 20px + 66px);
                }
                
                
                nav.epbContOpcionesColapsado .epbOpcionesPpal h3 {
                               background-size: 30px !important;
                               padding-left: 38px;
                               max-width: 100% !important;
                }
                nav.epbContOpcionesColapsado .epbOpcionesPpal ul {
                               left: calc(100% - 60px);
                               top: 40px;
                               z-index: 1000;
                }
}


@media only screen and (max-width: 480px) {/* ---------------------------- 480px */
	header.epbCabeceraGral h1 {
		top: auto;
		left: 6px;
		bottom: -10px;
	}	
	header.epbCabeceraHome h1 {
		width: 152px;
		height: 80px;
		left: 50%;
		top: 68px;
		transform: translate(-50%, 0px);
	}	
	
	nav[class*="Colapsado"] h2 {
		padding-right: 60px !important;
	}
	/*
	nav {
		padding: 0px 0.5%;
	}nav .epbOpcionesPpal {
		margin-right: 6px;
	}
	nav .epbOpcionesPpal h3 {
		background-size: 30px !important;
		padding: 37px 10px 0px 40px;
		max-width: calc(7rem + 20px + 40px);
		background-position: 5px 50% !important;
	}
	nav h3.epbOpcionesPpalBooking span {
		background-position: 60px 65% !important;
	}
	nav  h3.epbOpcionesPpalEmbarque span {
		background-position: 100px 65% !important;
	}
	*/
	nav.epbContOpcionesColapsado .epbContOpciones > div {
		left: -10px;
	}
	nav .epbOtrosCircuitos {
		right: 10px;
	}
	main {
		margin: 12px 0px;
		padding: 10px;
	}
	main .epbListadoMensajesBuzon {
		padding: 0px;
	}
	main .epbTitDesplegable + div {
		padding-left: 0px;
	}

	body.epbBodyGeneral {
		padding-bottom: 86px;
	}
	footer {
		height: 80px;
		text-align: center;
	}
	footer .epbCopy {
		margin: 0px auto;
	}
	footer ul {
		position: static;
		height: 40px;
		width: 100%;
		text-align: center;
	}
	.epbVentana > div {
		width: 98%;
	}
	
	main .epbContenedorPestanas,
	main .epbContenedorPestanas.ui-widget-content {
		margin-left: 0px;
		margin-bottom: 2rem;
		padding: 0px;
		border: none;
	}
	
	/*
	.epbBodyGeneral .epbPestanas.ui-widget-header {
		padding: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	*/
	.ui-tabs .ui-tabs-nav li {
    	margin-right: 1px;
    	width: 33%;
    	padding: 0.2rem !important;
	}
	.epbPestanas .ui-state-default > * {
    	max-width: 100%;
	}
}

/* ---------------------------- Experimento con tablas */
@media only screen and (max-width: 960px) {

	.epbBodyGeneral table:not([class*="datepicker"]),
	.epbBodyGeneral table:not([class*="datepicker"]) thead,
	.epbBodyGeneral table:not([class*="datepicker"]) tbody,
	.epbBodyGeneral table:not([class*="datepicker"]) th,
	.epbBodyGeneral table:not([class*="datepicker"]) td,
	.epbBodyGeneral table:not([class*="datepicker"]) tr { 
		display: block; 
	}
	.epbBodyGeneral table:not([class*="datepicker"]) {
		border: 1px solid #ccc;
		
	}
	
	.epbBodyGeneral table:not([class*="datepicker"]) thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.epbBodyGeneral table:not([class*="datepicker"]) tbody tr { 
		width: 50%;
		float: left;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) tr td,
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(2n) td  {
		background-color: #fff;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(4n - 2),
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(4n - 1),
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(4n - 2) td,
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(4n - 1) td {
		background-color: #d9eaf7;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) tbody::after {
		display: block;
		content: "";
		clear: both;
	}
	
	
	.epbBodyGeneral table:not([class*="datepicker"]) td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 8rem; 
		
		text-align: left !important;
	}
	
	.epbBodyGeneral table:not([class*="datepicker"]) td:before { 
		content: attr(data-tit);
		position: absolute;
		top: 6px;
		left: 6px;
		width: 8rem; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico,
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda2Ico,
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda3Ico {
		width: 100% !important;
		display: inline-block;
		float: none;
		text-align: center !important;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda1Ico *[class*="bot"],
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda2Ico *[class*="bot"],
	.epbBodyGeneral table:not([class*="datepicker"]) .epbCelda3Ico *[class*="bot"] {
		margin: 0px 12px;
	}
	
	
	
	/* Versi�n Especial. Tabla de selecci�n de puertos */
	
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody tr {
		position: relative;
		border-left: 1px solid #ccc;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody tr.selected {
		background-color: #9fd1f5;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody tr::after {
		display: block;
		content: "";
		clear: both;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody td { 
		padding-left: 8px;
		width: 42%;
		float: left;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody td:nth-child(3) {
		width: 84%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody td:nth-child(4) {
		width: 16%;
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	.epbBodyGeneral table:not([class*="datepicker"]).epbTablaPuertos tbody td:before { 
		display: none;
	}
}


@media only screen and (max-width: 700px) {
	.epbBodyGeneral table:not([class*="datepicker"]) tbody tr { 
		width: 100%;
		float: none;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) tr td {
		background-color: #fff !important;
	}
	.epbBodyGeneral table:not([class*="datepicker"]) tr:nth-child(2n) td {
		background-color: #d9eaf7 !important;
	}
}

.categoriaBuzonCell {
	border: 0 !important;
	background-color: white !important;
}

.categoriaBuzonCellCenter {
	text-align: center !important;
	border: 0 !important;
	background-color: white !important;
}

.mensajeBuzonCellCenter {
	text-align: center !important;
	border: 0 !important;
	background-color: white !important;
}

.tableMensajesBuzon th {
	text-align: left !important;
}

.tableMensajesBuzon td {
	border: 0px currentColor !important;
	border-image: none !important;
	padding: 0.2rem 0.2rem !important;
}

.checkBuzon {
	margin: 0px !important;
}

.divBotoneraBuzon {
	text-align: right;
}

.divMensajesBuzon {
	padding-left: 0 !important;
}

.divBotoneraBuzon > input[type="button"] {
	border: 0 !important;
	margin: 0 !important;
	padding-left: 30px !important;
	padding-right: 10px !important;
}


.epbLogin {
	min-height: 400px;
}
/* Sendero de migas. Propio de Desarrollo */

#epbSenderoMigas { 
	margin-top: 20px;
	margin-left: 30px; 
    font-size: 1.0rem;
    color: #004684;
}

#epbListaSenderoMigas {
	list-style: none;
	padding: 0;
	margin: 0;
}

#epbListaSenderoMigas li {
	display: inline;
	padding: 0;
	margin: 0;
}

#epbListaSenderoMigas li:before {
	content: " > "; 
}

#epbListaSenderoMigas li:first-child:before {
	content: ""; 
}

#epbListaSenderoMigas a {
    color: #004684;
	text-decoration: underline;
	font-weight: bold;
}
  
.epbBodyGeneral .epbMensajeNumMaxLineas p {
	font-size: 0.875rem;
	line-height: 0rem;
	/*width: 49.5%;*/
	float: left;
}
.epbError {
	background: transparent url(../img/icoErrorC.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.epbQueue {
	background: transparent url(../img/icoQueue.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.epbSuccess {
	background: transparent url(../img/icoSuccess.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.epbPending {
	background: transparent url(../img/icoPending.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.epbWorking {
	background: transparent url(../img/icoWorking.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;

}
.epbAdjuntos {
	background: transparent url(../img/archivos-adjuntos.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
  background: transparent;
	border: 0px solid #004684;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	color: #003 !important;
	font-size: 1rem;
	padding-left: 40px;
	padding-right: 13px;
	margin: 10px;
	line-height: 2rem;
	text-align: left;
	text-transform: uppercase;
	
	cursor: pointer;
	background: transparent url(../img/inputSubir.svg) no-repeat 0px 50%;
}

.epbBodyGeneral tr td[class*="celdaDestacada"] {	
	color: red !important;
}

.epbBodyGeneral tr td[class*="celdaDestacadaVerde"] {	
	color: green !important;
}

/* Pagina de mantenimiento */
main .epbAvisoMejora .epbTitAvisoMejora {
    display: block;
    font-size: 3.2rem;
    font-weight: normal;
    color: #004684;
	margin: 2rem;
}
main .epbAvisoMejora > div {
	position: relative;
	padding: 12px 0px 12px 2rem;
}	
main .epbAvisoMejora > div > p {
    display: block;
	max-width: calc(100% - 320px - 4rem);
    font-size: 1.5rem;
    font-weight: normal;
    color: #004684;
	margin-bottom: 2rem;
}

@media all and (max-width: 960px) {

	main .epbAvisoMejora .epbTitAvisoMejora {
		display: block;
		font-size: 2rem;
		margin: 1rem;
	}
	main .epbAvisoMejora > div {
		padding-left: 1rem;
	}
	main .epbAvisoMejora > div > p {
		max-width: 100%;
		font-size: 1.2rem;
		margin-bottom: 1.5rem;
	}
}

@media all and (max-width: 960px) {
	main .epbAvisoMejora .epbTitAvisoMejora {
		margin: 1rem 0px;
	}
	main .epbAvisoMejora > div {
		padding-left: 0px;
	}
	main .epbAvisoMejora > div > p {
		/*font-size: 1.2rem;*/
	}
}

.epbSuccessPopUp {
	background: transparent url(../img/icoSuccess.svg) no-repeat;
	background-size: 50%;
	height: 100%; 
	margin: 10%;
}

.epbErrorPopUp {
	background: transparent url(../img/icoErrorC.svg) no-repeat;
	background-size: 50%;
	height: 100%; 
	margin: 10%;
}

div.oculto {
	visibility: hidden;
}

.textoRojo {	
	color: red !important;
}

.help-block[data-dte-e="msg-error"] {
    font-size: 11px;
    line-height: 1.2em;
    padding: 0;
    margin-top: 10px;
    color: #b11f1f;
}

.semaforoEpbSuccessPopUp {
	background: transparent url(../img/semaforoVerde.svg) no-repeat;
	background-size: 50%;
	height: 100%; 
	margin: 10%;
}

.semaforoEpbErrorPopUp {
	background: transparent url(../img/semaforoRojo.svg) no-repeat;
	background-size: 50%;
	height: 100%; 
	margin: 10%;
}
.semaforoEpbSuccess {
	background: transparent url(../img/semaforoVerde.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.semaforoEpbError {
	background: transparent url(../img/semaforoRojo.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}



.epbRadio_separado{
	margin-left: 12px;
	float: left;	
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: grey!important;
}

.txtCeldaVerde {	
	color: green !important;
}

.txtCeldaDerecha {
	text-align: right !important;
}
.txtCeldaIzquierda {
	text-align: left !important;
}
.buzonTotalesFecha {
	padding-top: 4em !important; 
	vertical-align: top;
}

.divOculto {
	display: none;
}

.epbSemaforoEstadoActivo {
	background: transparent url(../img/semaforoEstadoActivo.svg) no-repeat 50% 50%;
    padding-left: 25px;
    padding-top: 4px;
	
}
.epbSemaforoEstadoAzul {
	background: transparent url(../img/semaforoEstadoAzul.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
}

.epbSemaforoEstadoGris {
	background: transparent url(../img/semaforoEstadoGris.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
}

.epbSemaforoEstadoDesactivado {
	background: transparent url(../img/semaforoEstadoDesactivado.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
}

.epbSemaforoEstadoIntermedio{
	background: transparent url(../img/semaforoEstadoIntermedio.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
	
}

.botonDetalle {
	background: transparent url(../img/botConsultar.svg) no-repeat 50% 50%;
	margin-top: 20px;
	margin-left: 10px;
}
.separadorDetalle {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.botonEliminar {
	
	background: transparent url(../img/botEliminar.svg) no-repeat 50% 0%;
}
.lupa{
	border: none;
}

.enlace {
	text-decoration:underline !important; 
	color:blue !important; 
}

.epbCheckedField{
	background: transparent url(../img/checkbox_checked.png) no-repeat;
	background-size: 18px;
	padding-left: 25px;		
}
.epbUnCheckedField{
	background: transparent url(../img/checkbox_unchecked.png) no-repeat;
	background-size: 18px;
	padding-left: 25px;		
}

.epbSemaforoEstadoActivoTabla {
	background: transparent url(../img/semaforoEstadoActivo.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
}
.epbSemaforoEstadoDesactivadoTabla {
	background: transparent url(../img/semaforoEstadoDesactivado.svg) no-repeat 50% 50%;
	background-size: 20px;
    padding-left: 25px;
    padding-top: 4px;
}

.comprobrarEstado {
	
	background: transparent url(../img/botComprobar.svg) no-repeat 50% 50%;
	margin-left: 0.3em;
	
}

.epblabel{
	width: 1em;
}

.epbBotonesTop20{
	margin-top: 20px;
}

.epbBotonesRight5{
	margin-right: 5px;
}
/* Colores que se aplican al texto */

.epbTextoRojo{
	color:red !important;
}

.epbTextoAzul{
	color:blue !important;
}

.epbTextoNaranja{
	color:#ff8000 !important;
}

.epbTextoAzulOscuro{
	color:#004684 !important;
}
.epbErrorEstructura {
	background: transparent url(../img/icoErrorEstructura.svg) no-repeat;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 4px;
}
.focoBotones {
	text-align: center;
}
.focoBotones > * {
	margin: 0px auto;
}
.epbGrid_1de12.epbInputPol.focoBotones {
	min-width: 34px;
}

.textoBold{
	font-weight: bold;
}

.textoBoldRed{
	font-weight: bold !important;
	color: red !important;
}

.dosColumnas {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style: none
}
.epbLogoCabeceraHome {
	float: left;
	width: 152px;
	height: 75px;	
	background: rgba(255, 255, 255, 0.5) url(../img/epbLogoCabeceraHome.png) no-repeat 50% 50%;
	background-size: cover;
	text-indent: -50000px;
}

.epbCentrarLink {
	display: block;
	text-align: center;
}

.tablaEditable .dt-wrapper .dt-info {
    width: 70%;
    display: inline-block;
}

.tablaEditable .dt-wrapper .dt-paging {
	width: 30%;
	display: inline-block;
	text-align: right;
}

.tablaEditable .dt-wrapper .dt-paging ul.pagination {
	position: static !important;
}

.tablaEditable .dt-search {
	display: flex !important;
    align-items: center !important;
    gap: 0.5em;
    text-align: right;
    padding-top: 1%;
    float: right;
}

.tablaEditable label{
	margin-left: 5px;
	margin-bottom: 1px;
}

fieldset .noMargin {
	margin-top: 0px !important;
}

nav .epbOpcionesPpal .epbOpcionesPpalNotificacion {
	background-image: url(../img/epbGestionNotificaciones.svg);
}
nav .epbOpcionesPpal .epbOpcionesPpalNotificacion:hover,
nav .epbOpcionesPpal .epbOpcionesPpalNotificacion.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbGestionNotificacionesOn.svg);
}

nav .epbOpcionesPpal .epbOpcionesPpalAgenda {
	background-image: url(../img/epbAgenda.svg);
	max-width: calc(9rem + 10px + 70px)!important;
}
nav .epbOpcionesPpal .epbOpcionesPpalAgenda:hover,
nav .epbOpcionesPpal .epbOpcionesPpalAgenda.epbOpcionesPpalOn {
	background-color: #004684;
	background-image: url(../img/epbAgendaOn.svg);
}

#mapaCalorPuerto { position: relative; top: 1em; bottom: 0; min-height: 700px;}

.epbBotSeleccionar {
	display: inline !important;
}


.epbBodyGeneral .epbAdvice {
	border: 1px solid #c00;
	margin-top: 20px;
	padding: 12px;
}
.epbBodyGeneral .epbAdvice h6 {
	padding-left: 32px !important;
	border: none !important;
	background: transparent url(../img/alert.png) no-repeat 2px 50%;
	background-size: 24px;
	line-height: 1.625rem;
	/*font-size: 1.125rem;*/
	/*font-weight: bold;*/
	color: #c00;
	cursor: pointer;
}

/* Inicio Petición de Cambio #42289: Listado destinatarios --> Añadir paginación  */ 

.dataTables_scroll4 tbody {
    display: block;
    height: 144px;
    overflow: auto;
}
.dataTables_scroll4 thead, .dataTables_scroll4 tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
.dataTables_scroll4 thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}

.epbVentana > div .dt-container,
.epbVentana > div .dt-wrapper,
.epbVentana > div .dt-table,
.epbVentana > div .dt-scroll,
.epbVentana > div .dt-scroll-body,
.epbVentana > div .dt-scroll-head,
.epbVentana > div .dt-scroll-headInner,
.epbVentana > div .dt-scroll-foot,
.epbVentana > div .dt-scroll-footInner,
.epbVentana > div .dataTable {
    width: 100% !important;
    max-width: 100% !important;
}

.alinearCentro{
	display: flex; 
	align-items: center;
}

.mitadAncho{
	max-width: 50% !important;
}