/* Colores Variables */
/* Colores Fijos */

:root {
  --grisdash: #3C3C43;
  --purpleupa: #5A2583;
  --lila: #E2007A;
  --lightgray: #f2f2f2;
  --mediumgray: #8a8a8e;
  --primary: #5A2583 !important;
}

/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.bg-purple {
  background: #5A2583 !important;
}

.bg-lila {
  background: var(--lila) !important;
}

.fit-content {
  width: fit-content;
}

.border-upa {
  border-color: var(--purpleupa) !important;
}

.border-3 {
  border-width: 3px;
  border-style: solid;
}


.custom-fields .form-control {
  border-color: var(--purpleupa) !important;
  border-radius: 1em;
}

.custom-fields .form-group {
  margin-bottom: 1.25rem;
}

.custom-fields #button-submit {
  border-radius: 1em;
}


.nav-item .text-purple,
.text-purple {
  color: #5A2583 !important;
}

.text-lila {
  color: #E2007A;
}

.btn-upa {
  color: #fff !important;
  background: #E2007A;
  border-radius: 100px !important;
  width: 100%;
}

.btn-purple {
  color: #fff !important;
  background: #5A2583 !important;
  border-radius: 100px !important;
  width: 100%;
}

.btn-inverted {
  color: #5A2583 !important;
  border-color: #5A2583 !important;
  border-radius: 100px !important;
  width: 100%;
}

.home-caract .btn-upa {
  max-width: 350px;
}

.rounded-3 {
  border-radius: .75rem !important;
}

.capsula {
  border-radius: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 1rem;
}

.list-group-flush {
  list-style: none;
}

.list-group-flush li {
  margin: 0;
}

.list-group-flush li .campos-busqueda {
  margin: 10px;
  font-weight: 700;
}

.list-group-flush li ul {
  list-style: none;
  padding: 0;
}

.paginacion-busqueda {
  background-color: #FFF;
  padding: 10px;
}

.paginacion-busqueda li {
  color: #333;
}

.btn-aplicar,
.btn-aplicar:hover {
  color: #5A2583 !important;
}

.indicador-pregunta {
  background-color: #68c270;
  width: 20px;
  height: 20px;
  color: #FFF;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.btn-color-1 {
  background-color: #5A2583;
  color: #FFF !important;
}

.btn-color-1:hover {
  background-color: #702ea3;
  color: #FFF !important;
}

.btn-color-2 {
  background-color: #E2007A;
  color: #FFF !important;
}

.btn-color-2:hover {
  background-color: #ff0088;
  color: #FFF;
}

.btn-facebook,
.btn-twitter,
.btn-ver {
  color: #FFF !important;
}

.btn-facebook:hover,
.btn-twitter:hover,
.btn-ver:hover {
  opacity: 0.8;
  transition: ease 0.5s;
}

.botones-redes-ofertas a {
  width: 100%;
  transition: ease 0.5s;
}

.botones-redes-ofertas a .btn-facebook {
  background-color: #3b5998;
}

.botones-redes-ofertas a .btn-twitter {
  background-color: #00aced;
}

.botones-redes-ofertas a .btn-ver {
  background-color: #68c270;
}

.espacio-blanco {
  height: 2rem;
}

.btn-facebook {
  background-color: #3b5998;
}

.btn-ver {
  background-color: #68c270;
}

.btn-twitter {
  background-color: #00aced;
}

.btn-ant-sig {
  background-color: #6fb4cb !important;
  color: #FFF !important;
  border: 1px solid #6fb4cb !important;
}

.active .page-link {
  color: #FFF !important;
  background-color: var(--lila) !important;
  border: 1px solid var(--lila) !important;
}

.page-link {
  color: #888 !important;
}

.btn-ant-sig {
  color: #FFF !important;
}

.btn-mini {
  width: 50px;
  margin: 0 10px;
}

.btn-ver-pequeno {
  margin: 0 10px;
}

.color2-var1 {
  background-color: #38839c !important;
}

.color2-var2 {
  background-color: #bd4aaa !important;
}

.color2-var3 {
  background-color: #c96fcb !important;
}

.color2-var4 {
  background-color: #94c8d9 !important;
}

.color2-var5 {
  background-color: #badbe6 !important;
}

.size-button {
  height: 2rem;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.form-titulo {
  color: #5A2583;
  margin: 1rem;
  font-weight: 700;
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 2rem;
}

form.ingreso {
  background-color: #FFF;
  padding: 1rem !important;
  margin: 0 1rem !important;
  border-radius: 0.5rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.3);
}

form.ingreso .btn-ancho {
  width: 100% !important;
  max-width: 250px !important;
}

.form-row div {
  margin-bottom: 1rem;
}

.form-row .flag-box {
  margin-bottom: 0 !important;
  top: 8px;
  position: relative;
}

.margin-form {
  margin-bottom: 0 !important;
}

.check-label {
  text-align: justify;
}

.check-label a {
  color: #00536d;
}

.check-label a:hover {
  text-decoration: none;
  color: #6fb4cb !important;
}

.terminos-condiciones-txt {
  overflow: scroll;
  height: 400px;
}

.terminos-condiciones-txt p {
  text-align: justify;
}

.modal-dialog {
  max-width: 700px !important;
}

.flag-container {
  height: 100%;
  margin-bottom: 0 !important;
}

.intl-tel-input {
  width: 100%;
  margin-bottom: 0 !important;
}

.has-error:invalid .form-control {
  border-color: #6fb4cb;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #badbe6;
}

.help-block {
  color: #dc3545 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.imagen-contacto {
  width: 90%;
}

.foto-resumen img {
  width: 150px;
  height: 100%;
}

.banner-invitacion h3 span {
  color: #6fb4cb;
}

textarea {
  resize: none !important;
}

.content-text {
  word-wrap: break-word;
}

body {
  font-size: 16px;
  font-family: Lato-Regular;
}

#logo-header-desktop {
  text-align: center;
}

#logo-header-desktop a {
  width: 100%;
}

#logo-header-desktop a img {
  margin: .5rem 0;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.hoja-de-vida {
  margin: 1rem 0;
}

.contenedor-bienvenida h4 {
  color: #888;
}

.contenedor-bienvenida img {
  width: 300px;
  height: 100%;
}

.contenedor-bienvenida .progress-bar {
  background-color: #6fb4cb !important;
}

.ofertas-vista {
  position: absolute;
}

.card-filter {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
}

.card-header {
  margin: 1rem;
  background-color: rgba(111, 180, 203, 0) !important;
  transition: ease 1s;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.card-header:hover {
  background-color: rgba(111, 192, 203, 0) !important;
  transition: ease 0.5s;
}

.card-header h5 button {
  font-size: 1.5rem;
  color: #FFF !important;
  width: 100%;
  font-weight: 400;
}

.card-header h5 button:hover,
.card-header h5 button:focus {
  text-decoration: none;
}

.card-header h5 .btn-link {
  color: #702ea3 !important;
}

.card-header h5 .collapsed {
  color: #5A2583 !important;
}

.btn-link .row p {
  text-align: left;
  margin: 0 1rem;
}

.btn-link .row p i {
  text-align: right;
}

.btn-subir {
  padding: 1rem;
  margin-left: 1rem;
}

.menu-lateral {
  padding: 2rem 0;
}

.btn-link-lateral {
  font-family: "Learners", sans-serif;
  font-size: 1.5rem !important;
}

.progress {
  margin-bottom: 1rem;
}

.ajuste-rango-edad {
  margin-bottom: 0 !important;
}

.ajuste-rango-edad div {
  margin-bottom: 0 !important;
}

.no-checkeado {
  background-color: #888;
}

.si-checkeado {
  background-color: #68c270 !important;
}

.no-checkeado,
.si-checkeado {
  padding: 5px 8px;
  border-radius: 30px;
}

.no-checkeado i,
.si-checkeado i {
  color: #FFF;
}

.datos-candidato p {
  font-size: 14px;
}

.datos-candidato p span {
  font-weight: 700;
  color: #00536d;
}

.card-hoja-vida {
  height: 100%;
}

.section-color-1 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2rem;
  position: relative;
}

.layer {
  background-color: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-gris {
  background-color: #888;
  padding-top: 2rem;
}

.img-hoja img {
  width: 100%;
  max-width: 250px;
}

.perfil div {
  padding: 1rem;
  background-color: #e2e2e2;
}

.perfil div p.txt {
  font-size: 14px;
  text-align: justify;
}

.hoja-vida-destacada {
  height: 100%;
}

.contenedor-boton-hv {
  position: absolute !important;
  width: 100%;
  bottom: 0;
  z-index: 1;
}

.hv-destacadas {
  margin-bottom: 2rem;
}

/* .hv-destacadas h5 {
  min-height: 95px;
  display: flex;
  align-items: center;
} */

.contenedor-hv-destacada {
  margin-bottom: 1rem;
}

.contenedor-hv-destacada .texto-resumen-hv {
  padding-bottom: 2rem;
}

.instrucciones {
  background-color: #6fb4cb;
  padding: 1rem 0;
  border-radius: 1rem;
}

.instrucciones span {
  color: #FFF;
}

.instrucciones span b {
  color: #00536d;
}

.linea {
  border-bottom: 2px dotted #888;
  margin-top: 20px;
}

.linea p {
  margin-bottom: 0;
}

.linea strong {
  color: #6fb4cb;
}

/* .btn-filter-input {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
} */

/* .btn-filter-input i {
  color: #00536d;
  font-size: 1.5em;
  position: absolute;
  top: -27px;
  left: 90%;
} */

/* .input-filter {
  background-color: rgba(255, 255, 255, 0) !important;
  margin: 0 !important;
  padding: 5px !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #00536d !important;
  border-radius: 0 !important;
} */

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.banner-ingreso {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 2rem 0 3.2rem;
}

.banner-upawork {
  color: #fff;
}

.banner-upawork h4,
.banner-upawork h3 {
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

.banner-upawork .form-group label {
  display: none;
}

.banner-upawork form {
  background-color: #fff;
  border-radius: 2em;
  justify-content: center;
  margin: 1em auto !important;
  padding: 0.5em 0 0.5em 1em;
  width: fit-content;
}

.banner-upawork .form-group {
  align-items: center;
  display: flex;
  gap: .25em;
  margin-bottom: 0 !important;
}

.banner-upawork .form-group .text-blue {
  color: var(--lila) !important;
}

.banner-upawork .form-group i {
  font-size: 1.5em;
}

.banner-upawork .form-group>input[type="search"] {
  border: 0 !important;
  box-shadow: none !important;
}

.banner-upawork .form-group>input[type="search"]::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0b1";
}

.banner-upawork .btn {
  box-shadow: none;
  background: var(--lila);
  color: #fff;
  width: auto;
  border-radius: 230px;
  padding-left: 3em;
  padding-right: 3em;
}

/*.banner-ingreso:before {
  content: "";
  display: block;
  width: 50%;
  height: 0;
  border-bottom: 19px solid #fff;
  border-right: 32px solid transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
.banner-ingreso:after {
  content: "";
  display: block;
  position: absolute;
  border-right: 0;
  width: 50%;
  border-left: 32px solid transparent;
  border-bottom: 19px solid #fff;
  left: auto;
  right: 0;
  bottom: 0;
}
.banner-ingreso img {
  margin-bottom: -2rem;
  max-width: 200px;
  max-height: 200px;
}
.banner-ingreso .banner-invitacion {
  width: 80%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}
.banner-ingreso .banner-invitacion h3 {
  color: #FFF;
  font-weight: 700;
  text-align: center;
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.8);
}
.banner-ingreso .velo {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
}
.banner-ingreso .velo h3, .banner-ingreso .velo h4 {
  font-weight: 700;
}
.banner-ingreso .velo h3 {
  color: #00536d;
}

.construccion {
  width: 100%;
  height: 50vh;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.bg-navbar {
  padding: 0 !important;
}

.navbar-header {
  width: 100%;
  margin: 0 !important;
  background-color: #372542;
  padding: 0.5rem 0 !important;
}

.navbar-header .navbar-header-interno {
  margin: 0 !important;
}

.navbar-header img {
  max-width: 180px;
  width: 100%;
  height: 100%;
}

.navbar-header .iconos {
  padding: 0 !important;
}

.navbar-header .navbar-toggler {
  border: none !important;
}

.navbar-header .navbar-toggler i {
  color: #FFF;
  font-size: 1.5rem;
}

.navbar-nav .nav-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.navbar-nav .nav-item:last-of-type {
  border-bottom: none;
}

.navbar-nav .nav-item .icono-centro {
  width: 40px;
}

.btn-principal {
  border: 2px solid #00536d;
  background-color: #6fb4cb;
  color: #FFF !important;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.btn-principal:hover {
  background-color: #FFF;
  color: #6fb4cb !important;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

#navbarbuscador {
  width: 100%;
  background-color: #FFF;
}

.navbarbuscador2 {
  border-top: 1px solid #FFF !important;
}

#navbarContenido {
  background-color: #FFF;
}

.form-busqueda {
  max-width: 600px !important;
  width: 100%;
  margin: 0 !important;
  padding: 1rem 0;
}

.form-busqueda input {
  border-radius: 5px 0 0 5px !important;
}

.form-busqueda .btn-busqueda {
  border-radius: 0 5px 5px 0 !important;
  /* background-color: var(--mediumgray); */
  color: #FFF;
}

.form-busqueda-2 {
  padding: 0 !important;
}

.header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.header .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header .container .col-1,
.header .container .col-2,
.header .container .col-3,
.header .container .col-4,
.header .container .col-5,
.header .container .col-6,
.header .container .col-7,
.header .container .col-8,
.header .container .col-9,
.header .container .col-10,
.header .container .col-11,
.header .container .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header #logo-header-desktop img {
  max-width: 300px;
  width: 100%;
}

#navbarContenido .container {
  max-width: 720px;
}

.navbar-header .container {
  max-width: 90%;
}

#despliegue-responsive {
  padding-bottom: 10px;
}

.padding-btn-principal {
  margin-bottom: 1rem;
}

#sticky-navbar {
  position: relative;
  z-index: 10;
}

.dropdown-toggle::after {
  content: "" !important;
  border: none !important;
}

.dropdown-menu-right {
  right: 0;
  background-color: #007aa0 !important;
}

.dropdown-menu-right a.dropdown-item {
  color: #FFF;
}

.dropdown-menu-right a.dropdown-item:hover {
  background-color: #E2007A !important;
}

.registrate-desktop li {
  margin: 0 10px;
}

.registrate-desktop li:last-of-type {
  margin: none !important;
}

.aling-register-company {
  margin-left: 3rem;
  color: #6fb4cb;
}

.contenedor-tabla {
  height: auto;
  max-height: 500px;
  overflow: scroll;
}

.check p {
  margin-bottom: 0;
}

.nombre-candidato h5 {
  margin-bottom: 0;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.img-pasos i {
  font-size: 100px;
  padding: 2rem;
  color: #5A2583;
}

.texto-pasos h4 {
  color: #5A2583;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.oferta-empleador {
  margin: 10px 0;
  border-radius: 0 !important;
}

.oferta-empleador:last-of-type {
  margin-bottom: 20px;
}

.oferta-empleador ul {
  height: 100%;
}

.oferta-empleador ul .lgi-final {
  width: 100%;
}

.titulo-empresa {
  font-weight: 600;
}

.titulo-oferta {
  background-color: #00536d !important;
  color: #FFF;
}

.titulo-oferta h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.texto-oferta p span {
  color: #5A2583;
  font-weight: 600;
}

.imagen-oferta img {
  width: 100%;
}

.lgi-final {
  padding-bottom: 0 !important;
}

.list-group-item img {
  width: 100%;
}

.cantidad-ofertas {
  color: #555555 !important;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

.gracias {
  background-color: #00536d;
  padding: 1rem;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 2rem;
  border-radius: 1rem;
}

.gracias h2,
.gracias p {
  color: #FFF;
  font-weight: 600;
}

.img-gracias {
  margin-top: 2rem;
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

@media (min-width: 768px) {
  .nav-item {
    border-bottom: none !important;
  }

  .nav-item .nav-link {
    color: #FFF !important;
  }

  .nav-item .nav-link.text-blue {
    color: var(--purpleupa) !important;
    border-right: 1px solid #C7C7C7;
    font-weight: 500;
    padding: .5em 1.25em !important;
  }

  .nav-item:last-of-type .nav-link.text-blue {
    border-right: 0;
  }

  .nav-item .nav-link.text-blue:hover {
    color: var(--lila) !important;
  }

  #right-menu .nav-item .nav-link.text-blue {
    color: #11546F !important;
    border-left: 1px solid #C7C7C7;
  }

  #right-menu .nav-item:first-of-type .nav-link.text-blue {
    border-left: 0;
  }

  .nav-item:hover .nav-link {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  #navbarContenido {
    background-color: #5A2583;
  }

  #despliegue-responsive {
    height: auto !important;
  }

  #navbarContenido .container {
    max-width: 720px;
  }

  .footer-final-txt p {
    text-align: left;
  }

  .terminos p {
    text-align: right !important;
  }

  #despliegue-responsive {
    padding-top: 10px;
  }

  .registrate-desktop {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  #navbarContenido .container {
    max-width: 1140px;
  }

  .contenedor-bienvenida {
    border-right: 3px dotted #888;
  }

  .banner-ingreso {
    padding: 2rem 0 3.2rem;
    min-height: 500px;
  }
}

/* Colores Variables */
/* Colores Fijos */
/* Queries */
@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
  font-family: "Lato-Medium";
  src: url("fonts/Lato-Medium.ttf");
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.ttf");
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.ttf");
}

footer {
  color: #fff;
  padding-top: 1rem;
  font-size: 14px;
  background-color: #2D163F;
}

footer .widget-footer {
  margin: 2rem 0;
}

footer .widget-footer h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
}

footer .widget-footer h4,
footer .widget-footer i {
  color: #32B4CD;
}

footer .widget-footer a {
  color: #333;
}

footer .footer-final {
  text-align: center;
  background-color: #2D163F;
  padding: 1rem 0;
  color: #FFF;
}

footer .footer-final h5 {
  color: #E2007A;
}

.mtop-2 {
  margin-top: 2rem;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 200rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}

.modal-content {
  overflow-y: auto;
  max-height: 30rem;
  display: block;
  margin: auto;
  width: 73% !important;
}

.modal-content-form {
  width: 98% !important;
  /*margin-left: 2rem;*/
}

.rounded-border {
  border-radius: 10px;
}

.inst-color {
  background-color: #5A2583;
}

.modal-header {
  padding: 2rem !important;
}

.registra-cv {
  overflow: hidden;
}

/*# sourceMappingURL=style.css.map */


.card.oferta-empleador {
  -webkit-box-shadow: 0px 4px 3px 0px rgb(79 79 79 / 33%);
  -moz-box-shadow: 0px 4px 3px 0px rgb(79 79 79 / 33%);
  box-shadow: 0px 4px 3px 0px rgb(79 79 79 / 33%);
  border-radius: 10px 10px !important;
  margin-bottom: 1em;
}





/* Ajustes en móvil ~ cambios kevin*/


@media (max-width: 700px) {


  label.form-check-label.check-label {
    font-size: 10px;
  }

  ol.breadcrumb {
    font-size: 10px;
  }

  .banner-invitacion {
    display: none;
  }

  label.form-check-label.check-label {
    font-size: 10px;
  }

  label.form-check-label.check-label {
    font-size: 10px;
  }

  ol.breadcrumb {
    font-size: 10px !important;
  }

  .banner-invitacion {
    display: none;
    margin-bottom: 10px;
  }

  label.form-check-label.check-label {
    font-size: 10px;
  }

  .banner-ingreso .container.p-5 {
    padding: 2rem 0rem !important;
  }

  .banner-ingreso {
    background-position: 0% 0% !important;
  }

  .actual-page {
    margin-left: 30%;
  }

  .more-searched {
    font-size: 1.5em;
  }

  .social {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .banner-ingreso .container.p-5>.col-12 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }

  #vista-grilla {
    width: 100%;
    display: block;
    margin: auto;
  }

  #vista-lista {
    width: 100%;
    display: block;
    margin: auto;
  }

  body>footer:nth-child(3)>div:nth-child(1)>div:nth-child(1) {
    margin-left: initial !important;
    margin-right: initial !important;
    margin-top: 5% !important;
  }
}



@media (min-width: 1220px) and (max-width: 1500px) {

  #app>div:nth-child(1)>section:nth-child(1)>br:nth-child(1),
  #app>div:nth-child(1)>section:nth-child(1)>br:nth-child(2) {
    display: none;
  }

  .header {
    padding: 0rem !important;
  }

}

.banner-ingreso img {
  margin-bottom: -2rem;
  max-width: 500px;
  max-height: 500px;
}

.banner-ingreso>.container>.row>.col-4.d-none.d-md-flex.justify-content-center {
  display: none !important;
}

.btn-offer-redirect {
  margin-left: 10% !important;
}

/* ajuste tarjetas oferta*/

.card-grid {
  height: 60px;
  overflow: hidden;
}

.texto-oferta {
  height: 110px;
  overflow: hidden;
}

/**/
.fa-sliders-h {
  margin-left: 26% !important;
}

.goto-bottom {
  font-size: 2em;
  color: #fff;
  position: absolute;
  left: 48%;
  bottom: -9%;
}

.oferta-desc {
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg-transparent {
  background: transparent;
}

#vista-lista .hv-destacadas:first-child {
  display: none !important;
}

#vista-lista .hv-destacadas:last-child {
  display: none !important;
}

/* jff view profile*/
.profile-message {
  background: #eee;
  padding: 20px;
  text-align: center;
  margin: 20px 30px;
  -webkit-box-shadow: 10px 10px 5px -4px rgba(173, 173, 173, 0.57);
  -moz-box-shadow: 10px 10px 5px -4px rgba(173, 173, 173, 0.57);
  box-shadow: 10px 10px 5px -4px rgba(173, 173, 173, 0.57);
}

.velo-2 {
  background: rgba(255, 255, 255, 0.74);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.06) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.74)), color-stop(30%, rgba(255, 255, 255, 0.54)), color-stop(100%, rgba(255, 255, 255, 0.06)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.06) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.06) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.06) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.06) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

/* ajustes de imagen  oferta-empleador*/

.oferta-empleador .list-group-item img {
  width: 100% !important;
  max-height: 180px !important;
  object-fit: cover;
  object-position: 50% 50%;
}

/*hoja de vida- caja idioma */
#collapseThreeA {
  padding: 20px !important;
}

/* vista-lista*/
#vista-lista h4 {
  padding: 0;
  padding-bottom: 4px;
  margin: 0;
}

#vista-lista hr {
  margin: 0;
  margin-bottom: 8px;
}

#vista-lista img {
  margin-top: 8px;
}

#vista-lista .btn-offer-rediect .btn-ver-pequeno {
  height: 32px !important;
  padding: .25rem !important;

}

#vista-lista .btn-offer-rediect .btn-ver1 {
  height: 32px !important;
  padding: .25rem !important;
}

/* paginacion*/

.actual-page .page-item.active {
  margin-top: 23px !important;
}

.actual-page .page-item.active span {
  border: 1px solid #00536d !important;
  position: relative;
  padding: 2px 5px !important;
  margin-bottom: -50px !important;
  font-size: 1.2em;

}

.nav-keys {
  margin-top: 25px !important;
}

/* texto de ayuda en editar hoja de vida */
.help-block {
  color: #5A2583 !important;
  /*  margin-left: 10px !important; */
}

.help-block span {
  margin-left: 10px !important;
}

/* mobile*/
.form-slider-mobile {
  display: flex;
  flex-direction: column;
}

.column-img-aplicar {
  order: 2 !important;
  margin-top: 20px;
}

.column-form-aplicar {
  order: 1 !important;
}

@media (min-width: 600px) {
  .column-img-aplicar {
    display: none;
  }

  .breadcrumb {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .form-slider-mobile {
    margin-top: -30px;
  }
}

.sidebar-inner {
  display: flex !important;
  /*   flex-direction: column; */
}

.card-bussines {
  border: solid 1px #B9B9B9 !important;
  box-sizing: border-box;

  -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.29);
}


.result-search {
  padding: 5px 10px !important;
  background-color: #eee;
  overflow: hidden;
}

.result-search a {
  margin-bottom: 10px;
  padding: 2px !important;
  overflow: hidden;
}

.text-blue {
  color: #00526E !important;
}

.text-color-dark {
  color: #494949;
}

a.text-color-dark:hover {
  color: #494949;
}

.font-900 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}

.font-300 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

.font-700 {
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
}

.font-400 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

.font-800 {
  font-family: 'Lato', sans-serif;
  font-weight: 800;
}

.form-control {
  width: 100%;
}

.btn-blue {
  border: none;
  background: #00526E;
  color: #fff;
  padding: 10px 15px;
  width: fit-content;
  display: block;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
  font-weight: 900;

  border-radius: 6px;
}

.btn-textblue {
  border: 1px solid #00526E;
  background: #fff;
  color: #00526e !important;
  ;
  padding: 8px 15px;
  width: fit-content;
  display: block;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  border-radius: 6px;
}

.btn-download {
  border: 1px solid #00526E;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 6px;
}

.btnasselect {
  display: block;
  width: fit-content;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #00526E;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  padding: 3px;
  color: #00526E;
}

.pointer {
  cursor: pointer;
}

.desplegable {
  width: 40vw;
  z-index: 3;
  position: absolute;
  display: block;
  background: #fff;
  box-shadow: 2px 4px 35px rgba(0, 0, 0, 0.12);
  padding: 20px;
  top: 40px;
  right: 0;
}

.desplegable#mapa {
  width: 40vw;
}

.desplegable#ordenar {
  width: 250px;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
}

input[type="radio"].new {
  display: none;
}

input[type="radio"].new+label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  background: transparent;
  border: 1px solid #00526E;
  border-radius: 50px;
}

input[type="radio"].new+label div {
  width: 8px;
  height: 8px;
  z-index: -1;
  background: #00526E;
  display: none;
  border-radius: 50px;
}

input[type="radio"].new:checked+label div {
  display: block;
}

.btn-ordenar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid #00526E;
  padding: 5px 15px;
  border-radius: 50px;
  margin-top: 15px;
  color: #00526E;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  width: 100%;
}

.btn-ordenar.active {
  background: #00526E;
  color: #fff;
}

.btn-ordenar:not(.active) i {
  display: none;
}

button {
  cursor: pointer;
}

.border-right-blue {
  border-right: 1px solid #00526E;
}

.profileimg-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  overflow: hidden;
}

.name-hv {
  height: 3rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mail-hv {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.more-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #00526E !important;
  font-size: 18px;
  cursor: pointer;
  width: 15px;
}

.more-btn:hover {
  color: #00526E !important;
}

.more-collapse {
  position: absolute;
  top: 39px;
  right: 15px;
  background-color: #fff;
  padding: 20px;
  z-index: 3;
  box-shadow: 2px 4px 35px rgba(0, 0, 0, 0.12);
}

.botones-filtros {
  position: fixed;
  bottom: 20px;
  width: 18%;
}

@media only screen and (max-width:768px) {
  .botones-filtros {
    bottom: 10px;
    width: 100%;
    z-index: 3;
    left: 0;
  }

  .columna-filtros {
    display: none !important;
  }

  .desplegable#mapaMv {
    width: 92vw;
    left: 0;
  }

  .profileimg-cont {
    width: 40%;
    margin: 0;
  }

  .hr-blue {
    background-color: #00526E;
  }

  .border-right-blue {
    border-right: 0;
  }

  .data-cont {
    width: 60%;
    margin: 0;
    text-align: left;
  }
}