/* Estilos que extienden los del maquetador (nexoempleos.css). Incluirlos después de nexoempleos.css */

/* Estilos para listados de búsqueda */
#divBusquedaPostulante, #divBusquedaPuesto, #divProximosEventosEmpleador, #divProximosEventosPostulante, #divProximosEventos, #divListadoAvisos, #divCV{
    cursor: pointer;
}

#btn_volver_busqueda_sr {
    margin-top: 10px;
}

.btn-paginador-izq {
    /*margin-right: 5px;*/
    border-radius: 100px;
    background: #ccc;
    color: #fff;
}

.btn-paginador-der {
    /*margin-left: 5px;*/
    background: #ff7402;
}

.valor_filtro_busq {
    display: none;
    margin-left: 50px;
    margin-top: -10px;
    color: #666;
}

div.pie_form_busqueda {
    padding-top: 20px;
}

/* Estilos para el plugin de token input que se usa para localidad */
ul.token-input-list {
    font-family: raleway !important;
    font-size: 18px !important;
}

div.empresa li.token-input-token {
    background-color: #ccc !important;
}

div.trabajador li.token-input-token {
    background-color: #ccc !important;
}

div.item_lista_token_input {
    font-family:raleway; 
    font-size: 14px;
}

div.primer_empleo_info{
    padding: 4px;
    margin: 0 auto;
    width: 65%;
}

/* Estilos para el modal de mensajes de usuario */
.modal.success .modal-content {
    background-color: #fff;
}

.modal.warning .modal-content {
    background-color: #fff;
}

.modal.error .modal-content {
    background-color: #fff;
}

/* Estilos para popups específicos */
#popupAyudaPostulante div.modal-body, #popupAyudaPuesto div.modal-body {
    overflow-y: scroll;
    max-height: 50vh;
}

/* Estilos para responsividad de iconos en la cabecera de detalle de puesto */
#ficha-tecnica i.fa.icono-cabecera {
    font-size: 2em;
}
#ficha-tecnica div.contenedor-iconos {
    margin-top: -20px;
}

@media (min-width: 768px) {
   #ficha-tecnica i.fa.icono-cabecera {
       font-size: 3em;
   }
   #ficha-tecnica div.contenedor-iconos {
        margin-top: 0px;
    }
}

/* Estilos agregados al bloque de confirmacion postulacion. Como estaba duplicado el id con el de email-enviado, hay que reaplicar los mismos estilos. */ 
/* line 123, ../sass/_formulario-common.scss */
#confirmacion-postularse, #confirmacion-inscripcion-libre-evento {
  padding: 70px 0 0;
}
@media (min-width: 768px) {
  /* line 123, ../sass/_formulario-common.scss */
  #confirmacion-postularse, #confirmacion-inscripcion-libre-evento {
    padding: 140px 0 0;
  }
}
@media (min-width: 992px) {
  /* line 123, ../sass/_formulario-common.scss */
  #confirmacion-postularse, #confirmacion-inscripcion-libre-evento {
    padding: 175px 0 0;
  }
}
/* line 131, ../sass/_formulario-common.scss */
#confirmacion-postularse .mail-block, #confirmacion-inscripcion-libre-evento .mail-block {
  padding: 50px 0;
  color: #FFF;
}
/* line 134, ../sass/_formulario-common.scss */
#confirmacion-postularse .mail-block.empresa, #confirmacion-inscripcion-libre-evento .mail-block.empresa {
  background-color: #e47d05;
}
/* line 137, ../sass/_formulario-common.scss */
#confirmacion-postularse .mail-block.postulante, #confirmacion-inscripcion-libre-evento .mail-block.postulante {
  background-color: #ff7402;
}

/* line 60, ../sass/emp/_formularios.scss */
#confirmacion-postularse .email-envido-block, #confirmacion-inscripcion-libre-evento .email-envido-block {
  background-color: #e47d05;
}

/* line 55, ../sass/post/_formularios.scss */
#confirmacion-postularse .email-envido-block, #confirmacion-inscripcion-libre-evento .email-envido-block {
  background-color: #db3518;
}

/* Para impresion de puesto - achicar espacios para que en lo posible entre en una sola hoja */
#ficha-tecnica.formato_impresion .ficha-container hr {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

#ficha-tecnica.formato_impresion div.ficha-container {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0px !important;
}

#ficha-tecnica.formato_impresion div.container {
    transform:translateY(-15px);
}

#ofrecer textarea {
    height: 5em;
}

#editarcv textarea {
    height: 5em;
}

@media(max-width: 600px) {
    .item_postulante .btn-contacto {
        min-width: 157px !important;
    }
}

@media(max-width: 992px) {
    .btn-panel-empleador-xs-vertical {
        margin-top: 5px;
    }
}

#social .boton-social h4 {
  font-weight: 200;
  font-size: 38px;
}

/* Estilos agregados para el home */
#ofertas_recientes div.oferta-reciente {
    min-height: 180px; 
    overflow: hidden;
}

#ofertas_recientes div.oferta-reciente div:first-child {
    max-height: 150px; 
    overflow: hidden;
}

#form-genero div.form-group {
    margin-bottom: 25px;
}

#form-genero div.pregunta-variable {
    display: none;
}

/* Estilos agregados para el panel de control empleador */
.badge-panel-control, .badge-item-listado {
    line-height: 16px;
    vertical-align: text-bottom;
    margin-left: 5px;
    color:white;
}

.badge-panel-control.info {
    background-color: #097eac;	
}

.badge-panel-control.puesto-rechazado {
    background-color: #d9501a;
}
.badge-panel-control.puesto-aprobado {
    background-color: green;
}
.badge-panel-control.puesto-pendiente {
    background-color: darkorange;	
}

.badge-item-listado.info-principal {
    background-color: #3C3AE5;	
}

.badge-item-listado.info-secundaria {
    background-color: #FF7402;	
}

a.anchor-home {
    display: block;
    position: relative;
    visibility: hidden;
}

a.anchor-home.anchor-que-es {
    top: -130px;
}

a.anchor-home.anchor-contacto {
    top: -140px;
}
h4.header-ofertas-recientes {
    font-size: 16px;
}
#ofertas_recientes div.oferta-reciente div.oferta-reciente-titulo {
    max-height: 115px;
}

#files-area{
	width: 95%;
	margin: 0 auto;
}
#lista_archivos_adjuntos > span, #lista_archivos_ya_adjuntados > span{
	border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);
	margin: 5px;
	color: initial;
	display: inline-flex;
	& > span.name{
		padding-right: 10px;
		width: max-content;
		display: inline-flex;
	}
}
.x-file-delete, .delete-file-subido{
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: large;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
	&:hover{
		background-color: rgba(144, 163, 203, 0.2);
		border-radius: 10px;
	}
	& > span{
		transform: rotate(45deg);
	}
}

#encabezado_pantalla img.logo-fondo-encabezado {
    margin-top: 35px;
}

@media (min-width: 768px) {

    #encabezado_pantalla img.logo-fondo-encabezado {
        margin-top: 80px;
    }
}