@font-face {
  font-family: 'Riojana Regular';
  src: url(/pentaho/plugin_cm/font-family/riojana/otf/Riojana/Riojana-Regular.otf) format('truetype');
}
@font-face {
  font-family: 'Riojana Book';
  src: url(/pentaho/plugin_cm/font-family/riojana/otf/Riojana/Riojana-Book.otf) format('truetype');
}
@font-face {
  font-family: 'BebasNeue Bold';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/BebasNeue\ Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'BebasNeue Regular';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/BebasNeue\ Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'DIN Pro';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/FontsFree-Net-DINPro-1.ttf) format('truetype');
}
.content-input input[type="checkbox"]:checked + i {
	background: #b9c764;
}
.content-input2 input[type="checkbox"]:checked + i {
	background: #990000;
}
.content-input:hover input[type=radio]:not(:checked) + i,
.content-input:hover input[type=checkbox]:not(:checked) + i{
	background: #f9f9f9;
}
a:hover, a:focus {
	text-decoration: underline !Important;
}

html {
	overflow-x: hidden;
}

a.boton {
    display: inline-block;
    font: 400 1rem/1.625rem "Riojana Regular", "BebasNeue Bold", sans-serif;
    font-size: 0.6em;
	font-weight: normal;
    background-color: #fff;
    border-radius: 4px;
    padding: 0.4em 0.7em 0.2em;
    text-decoration: none;
    color: #000;
    cursor: pointer;
	float: right;
	margin-right: 20px;
    /*margin-top: 1.4em;*/
}
a.boton:hover {
    background-color: rgba(55,62,66,0.8);
	color: #fff;
    cursor: pointer;
	text-decoration: none !important;
}

.paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 0.5em;
	/*margin-left: 2px;*/
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 14px;
}
.paginate_button.current {
	color: #333;
	border: 1px solid #979797;
	background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.paginate_button:hover {
	color: #fff !important;
	border: 1px solid #979797;
	background: linear-gradient(to bottom, #000 0%, #000 100%);
	text-decoration: none !important;
}
table.dataTable.no-footer {
	border-bottom: none !important;
}


.form-control {
	height: 26px;
}
.select2-result-label {
	font-size: 0.9em;
}
#listadoTable {
  table-layout: fixed;
  width: 90% !important;
  position: relative;
}
#listadoTable_info {
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  padding-left: 20px;
  font-family: 'Riojana Regular', 'BebasNeue Bold', sans-serif;
}
#listadoTable_paginate {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-family:'Riojana Regular', 'BebasNeue Bold', sans-serif;
}
.listadoTable_paginate { /* Para el 2º paginate */
  width: 100%;
  text-align: center !important;
  font-family: 'Riojana Regular', 'BebasNeue Bold', sans-serif;
}
#listadoTable td,
#listadoTable th{
  /*width: auto !important; //Todas las columnas con el mismo ancho*/
  white-space: normal;
  text-overflow: Ellipsis;
  overflow: hidden;
}
#listadoTable th{
  position: sticky;
  top: 0;
  background-color: #fff;
}
html, body, #pagina {
	font-family: 'Riojana Regular', "DIN Pro", sans-serif !Important;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
	border-top: 1px solid #faba00;
}

.dataTables_empty {
	font-size: 20px;
	color: rgb(236, 117, 46);
	font-weight: bold;
}

/* Detalle Ofertas */
.td_impar { background-color:#fff;}
.accbox_impar { border:1px solid #faba00; padding: 0 2em; margin:1.5em 0; background-color:#fbf9f2;}
.td_par { background-color:#fbf9f2;}
.accbox_par { border:1px solid #faba00; padding: 0 2em; margin:1.5em 0; background-color:#fff;}
.accboxh4 {color:#29485A; margin:0 0 -.5em 0; position:relative; top:-.6em;background-color:white; display:block ; width:12em ; padding: 0 .5em; font-size:130% !important; }
.titulo5 {font-size:124%;font-weight:bold} .titulo5b {font-size:124%;font-weight:normal}

#menu_web {
	background-color: #002e23;
	min-height: 40px !important;
}

#menu_logo {
	background-color: #f5f5f6;
	padding-top: 45px;
	padding-bottom: 20px;
	padding-left:20px;
	font-family: 'Riojana Regular', 'BebasNeue Bold', sans-serif;
	font-size:32px;
	font-weight: bold; 
	color: #000;
	text-align:center;text-align:left;
}

.filtro {
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
	background-color: #f5f5f6;
}


.modal {
	padding-right: 0 !important;
}

.modal-dialog {
	margin-right: auto;
	margin-left: auto;
	pointer-events: all;
	width: 50%;
}

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

.modal-content {
	background-color: #ffffff;
}

.modal-content .btn-close {
	position: absolute;
	right: 6px;
	top: 10px;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat;
	background-size: 16px 16px;
}

@media (max-width: 410px) {
  .modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }
}


/*
@media (max-width: 900px) {
	a.boton {
		margin-top: 0;
		float: right;
		margin-bottom: 0.5em;
	}
}
*/

@media (max-width: 767px) {
	#menu_web {
		min-height: 10px !important;
	}
	#menu_logo {
		padding-top: 15px;
		padding-bottom: 0;
	}
	.filtro {
		padding-left: 10px;
		padding-right: 10px;
	}
}



/************************/
/*     INSCRIPCIÓN     */
/************************/
.form-1 {
	padding-top: 7.5rem;
	padding-bottom: 6.25rem;
}

.form-1 .text-container {
	margin-bottom: 3.5rem;
}

.form-1 h2 {
	margin-bottom: 1.5rem;
}

.form-1 p {
	margin-bottom: 1.5rem;
}

.form-1 .list-unstyled {
	margin-bottom: 1.875rem;
}

.form-1 .list-unstyled .fas {
	/*color: #e8505b;*/
	color: #76bc21;
	font-size: 0.375rem;
	line-height: 1.625rem;
}

.form-1 .list-unstyled .flex-grow-1 {
	margin-left: 0.5rem;
}

#formulario_inscripcion .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  /*color: #73ba1e;*/
  color: #76bc21;
}
#formulario_inscripcion .contact-info address, #formulario_inscripcion .contact-info p {
  margin-bottom: 0;
  color: #000;
  font-weight: normal;
}
#formulario_inscripcion .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #243746;
}
#formulario_inscripcion .contact-info a {
  color: #000;
  text-decoration: none;
}
#formulario_inscripcion .contact-info a:hover {
  color: #73ba1e;
}
#formulario_inscripcion .contact-address, #formulario_inscripcion .contact-phone, #formulario_inscripcion .contact-email {
  margin-bottom: 20px;
}




#formulario_inscripcion_empresa .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  /*color: #73ba1e;*/
  color: #76bc21;
}
#formulario_inscripcion_empresa .contact-info address, #formulario_inscripcion_empresa .contact-info p {
  margin-bottom: 0;
  color: #000;
  font-weight: normal;
}
#formulario_inscripcion_empresa .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #243746;
}
#formulario_inscripcion_empresa .contact-info a {
  color: #000;
  text-decoration: none;
}
#formulario_inscripcion_empresa .contact-info a:hover {
  color: #73ba1e;
}
#formulario_inscripcion_empresa .contact-address, #formulario_inscripcion_empresa .contact-phone, #formulario_inscripcion_empresa .contact-email {
  margin-bottom: 20px;
}




#formulario_inscripcion_emprendedor .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  /*color: #73ba1e;*/
  color: #76bc21;
}
#formulario_inscripcion_emprendedor .contact-info address, #formulario_inscripcion_emprendedor .contact-info p {
  margin-bottom: 0;
  color: #000;
  font-weight: normal;
}
#formulario_inscripcion_emprendedor .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #243746;
}
#formulario_inscripcion_emprendedor .contact-info a {
  color: #000;
  text-decoration: none;
}
#formulario_inscripcion_emprendedor .contact-info a:hover {
  color: #73ba1e;
}
#formulario_inscripcion_emprendedor .contact-address, #formulario_inscripcion_emprendedor .contact-phone, #formulario_inscripcion_emprendedor .contact-email {
  margin-bottom: 20px;
}





.privacidad_check {
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
}



@media (min-width: 768px) {
  #formulario_inscripcion .contact-address, #formulario_inscripcion .contact-phone, #formulario_inscripcion .contact-email {
    padding: 20px 0;
  }
  #formulario_inscripcion_empresa .contact-address, #formulario_inscripcion_empresa .contact-phone, #formulario_inscripcion_empresa .contact-email {
    padding: 20px 0;
  }
  #formulario_inscripcion_emprendedor .contact-address, #formulario_inscripcion_emprendedor .contact-phone, #formulario_inscripcion_emprendedor .contact-email {
    padding: 20px 0;
  }
  #formulario_inscripcion .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  #formulario_inscripcion_empresa .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  #formulario_inscripcion_emprendedor .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

#formulario_inscripcion .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 1);
  padding: 30px;
  background: #fff;
  padding-bottom: 60px;
}
#formulario_inscripcion .php-email-form .error-message {
  display: none;
  color: red;
  background: rgba(118, 188, 33, 0.2);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion .php-email-form .error-message br + br {
  margin-top: 25px;
}
#formulario_inscripcion .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #73ba1e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
#formulario_inscripcion .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #73ba1e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
#formulario_inscripcion .php-email-form .form-group {
  margin-bottom: 20px;
}
#formulario_inscripcion .php-email-form input, #formulario_inscripcion .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
#formulario_inscripcion .php-email-form input::focus, #formulario_inscripcion .php-email-form textarea::focus {
  background-color: #73ba1e;
}




#formulario_inscripcion_empresa .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 1);
  padding: 30px;
  background: #fff;
  padding-bottom: 60px;
}
#formulario_inscripcion_empresa .php-email-form .error-message_empresa {
  display: none;
  color: red;
  background: rgba(118, 188, 33, 0.2);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion_empresa .php-email-form .error-message_empresa br + br {
  margin-top: 25px;
}
#formulario_inscripcion_empresa .php-email-form .sent-message_empresa {
  display: none;
  color: #fff;
  background: #73ba1e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion_empresa .php-email-form .loading_empresa {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
#formulario_inscripcion_empresa .php-email-form .loading_empresa:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #73ba1e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
#formulario_inscripcion_empresa .php-email-form .form-group {
  margin-bottom: 20px;
}
#formulario_inscripcion_empresa .php-email-form input, #formulario_inscripcion_empresa .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
#formulario_inscripcion_empresa .php-email-form input::focus, #formulario_inscripcion_empresa .php-email-form textarea::focus {
  background-color: #73ba1e;
}




#formulario_inscripcion_emprendedor .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 1);
  padding: 30px;
  background: #fff;
  padding-bottom: 60px;
}
#formulario_inscripcion_emprendedor .php-email-form .error-message_emprendedor {
  display: none;
  color: red;
  background: rgba(118, 188, 33, 0.2);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion_emprendedor .php-email-form .error-message_emprendedor br + br {
  margin-top: 25px;
}
#formulario_inscripcion_emprendedor .php-email-form .sent-message_emprendedor {
  display: none;
  color: #fff;
  background: #73ba1e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
#formulario_inscripcion_emprendedor .php-email-form .loading_emprendedor {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
#formulario_inscripcion_emprendedor .php-email-form .loading_emprendedor:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #73ba1e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
#formulario_inscripcion_emprendedor .php-email-form .form-group {
  margin-bottom: 20px;
}
#formulario_inscripcion_emprendedor .php-email-form input, #formulario_inscripcion_emprendedor .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
#formulario_inscripcion_emprendedor .php-email-form input::focus, #formulario_inscripcion_emprendedor .php-email-form textarea::focus {
  background-color: #73ba1e;
}



.btn-solid-lg {
	display: inline-block;
	padding: 1.625rem 2.625rem 1.625rem 2.625rem;
	border: 1px solid #384653;
	border-radius: 32px;
	background-color: #384653;
	color: #ffffff;
	font-size: 1em;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
	cursor: pointer;
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #384653; /* needs to stay here because of the color property of a tag */
	text-decoration: none;
}