/*clases antiguas que ya existen*/
*:focus, a:focus, .btn:focus, input:focus{outline: 0px solid transparent!important;box-shadow: none!important;}
.btn, .btn:hover, .btn:active{transition: all 0.3s ease-in;}
.mb-5{margin-bottom: 5rem;}
.text-danger{color: #E41247;}
.text-success{color: #5EBE1F;}
.btn-danger{background-color: #E41247;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus{background-color: #c10a38;}
.d-flex{    
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-items-center{align-items: center;}
.link-areaclientes, .link-areaclientes:hover{background: transparent!important;color: inherit!important;padding: 4px 0;}
.link-areaclientes a{margin-left: 10px;background-color: #000;padding:4px;text-align: right;font-size: 10px;font-family: 'Roboto', sans-serif;color: #c5c5c5;}
.link-areaclientes:hover a{color: #c5c5c5;}
.link-areaclientes a:hover{background-color:#e41247 ;color: #fff;}



.hr-red{height: 3px;width: 47px;background: #E41247;margin: 1rem auto;}
.go-back{color: #666!important;font-size: 16px;margin-top: 2rem;display: block;font-weight: 300;}
.go-back i{font-size: 20px;color: #E41247;}


.presentacion.trabajo h1{font-size: 24px; text-align: right;padding-bottom: 20px;border-bottom: 2px solid #e41247;}
.presentacion.trabajo h2{font-family: 'Roboto', sans-serif;color: #666666;font-size: 24px;font-weight: 500;}
.presentacion.trabajo h2 span{color: #E41247;}
.presentacion.trabajo .btn{min-height: 45px;padding: 10px 30px;font-family: 'Roboto', sans-serif;font-size: 16px;margin: 1rem 1rem 1rem 0;}
.navbar-default .navbar-nav>li>a{/*font-size: 12px;*/padding: 15px;}


/*box trabajo*/
.ofertas-lista{margin: 3rem 0;}
.ofertas-lista a:hover{text-decoration:none!important;cursor: pointer;}
.ofertas-lista .in{border-bottom: 1px solid #e5e5e5;transition: all 0.3s ease-in;margin-bottom: 2rem;}
.ofertas-lista .in.inactive{opacity: 0.5;}
.ofertas-lista .in figure i{position: absolute;top:30%;left:50%;transform:translate(-50%, -50%);font-size: 90px;color: #fff;transition: all 0.2s ease-in;visibility: hidden;opacity: 0;}
.ofertas-lista .in figure{overflow: hidden;width: 100%;height: 230px;background: #E41247;transition: all 0.2s ease-in;position: relative;}
.ofertas-lista .in figure img{width: 100%!important;height: auto!important;opacity: 1;transition: all 0.2s ease-in;}
.ofertas-lista .in .fecha-trabajo{padding-right: 1.5rem;}
.ofertas-lista .in .fecha-trabajo p{color: #E41247;font-family: 'Roboto', sans-serif;font-size: 30px;text-align: center;padding-bottom:10px;border-bottom: 1px solid #ccc;font-weight: 500;}
.ofertas-lista .in .fecha-trabajo p span{font-size: 16px;display: block;}
.ofertas-lista .in .fecha-trabajo p:last-child{border-bottom: 0;}
.ofertas-lista .in .info-trabajo{padding: 1.5rem;}
.ofertas-lista .in h4{font-family: 'Roboto', sans-serif;color: #666666;font-size: 14px;text-transform: uppercase;}
.ofertas-lista .in h5{font-family: 'Roboto', sans-serif;color: #E41247;font-size: 18px;text-transform: uppercase;}
.ofertas-lista .in p{font-family: 'Roboto Slab', serif;color: #666;font-size: 16px;}
.ofertas-lista .in .btn{font-family: 'Roboto', sans-serif;border:0;width: 80%;margin: 1rem 0;min-height: 45px;}
.ofertas-lista .in:hover figure img{opacity: 0.3;transition: all 0.3s ease-in;}
.ofertas-lista .in:hover figure i{opacity:1;visibility: visible;top: 50%;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.ofertas-lista .pagination li a{border:none;color: #666;font-weight: 500;}
.ofertas-lista .pagination li a[aria-label="Next"], .ofertas-lista .pagination li a[aria-label="Previous"]{color: #E41247!important;}
.ofertas-lista .pagination>li>a:focus, .ofertas-lista  .pagination>li>a:hover,.ofertas-lista .pagination>li>span:focus,.ofertas-lista .pagination>li>span:hover{background-color: rgba(228, 18, 71, .2);color: #E41247;}

.user-login{position: absolute;bottom: 1px;right: 0;background-color: #E41247;color: #fff;border-radius: 5px 5px 0 0;padding: 1rem;}
.user-login p{font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;font-weight: 500;float: left;margin-bottom: 0;}
.user-login p small{font-size: 14px;font-weight: 300;display: block;font-family: 'Roboto Slab', serif;}
.user-login i{margin: 1.5rem 0 1.5rem 4rem;font-size: 18px;}
.user-login a{color: inherit;}

.ficha-oferta .in{border-bottom: none;}
.ficha-oferta p{font-family: 'Roboto Slab', serif;margin-bottom: 0;}
.ficha-oferta .box-trabajadores img{float: left;}
.ficha-oferta .box-trabajadores h3{margin-bottom: 3rem;}
.ficha-oferta .box-item{margin-left: 3rem;margin-top: -1rem;}
.ficha-oferta .box-item p{margin-bottom: 3rem;}
.ficha-oferta h6{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666666;font-weight: 500;margin: 1.5rem 0;}
.ficha-oferta .list-unstyled li{font-size: 16px;font-family: 'Roboto Slab', serif;color: #E41247;font-weight: 300;}
.ficha-oferta h3{font-family: 'Roboto', sans-serif;font-size: 20px;color: #E41247;font-weight: 500;text-transform: uppercase;}
.ficha-oferta .form-group{margin:3rem 0;}
.ficha-oferta .form-group p{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666666;font-weight: 400;margin-bottom: 0;}
.ficha-oferta .form-group p em{display: block;font-style: italic;color: #666666;font-size: 14px;margin-bottom: 1.5rem;}
.ficha-oferta p small{color: #999999;font-size: 14px;}
.ficha-oferta .form-group label{font-size: 14px;color: #666;}
.ficha-oferta .form-control{min-height: 45px;border-radius: 5px;border-color: #ccc;}
.ficha-oferta .btn{border-radius: 5px;min-height: 45px;}

.registro-trabajo .profile-photo figure{background:url(../img/camera.png) center center no-repeat;width: 226px;height: 226px;border:1px solid #ccc;border-radius: 5px;margin-right: 15px;}
.registro-trabajo .profile-photo figure img{width: 100%!important;height: auto!important;}
.registro-trabajo .select2-container{display: block;width: 100%!important;}
.registro-trabajo .select2-container--default .select2-selection--single{border-color: #ccc;min-height: 45px;}
.registro-trabajo .select2-container--default .select2-selection--single .select2-selection__arrow{min-height: 45px;}
.registro-trabajo .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;}
.registro-trabajo .select2-container--default .select2-selection--multiple .select2-selection__choice{border:none;background: #e5e5e5;}
.registro-trabajo .form-group{margin: 3rem 0 1rem 0;}
.registro-trabajo .form-control{min-height: 45px;border-color: #ccc;border-radius: 5px;}
.registro-trabajo .form-control:focus{border-color: #666;}
.registro-trabajo h4{margin: 3rem 0 0.5rem 0;font-size: 16px;text-transform: uppercase;color: #666666;font-family: 'Roboto', sans-serif;}
.registro-trabajo .profile-photo{margin: 4rem 0 1rem 0;}
.registro-trabajo .profile-photo h4{margin-top: 0;margin-bottom: 2rem;}
.registro-trabajo .profile-photo h5{font-size: 16px;color: #666666;font-family: 'Roboto', sans-serif;}
.registro-trabajo .profile-photo h5 small{display: block;font-size: 14px;color: #999999;}
.registro-trabajo select.form-control{height: 45px;}
.registro-trabajo label, .registro-trabajo .form-group p{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666;font-weight: 400;}
.registro-trabajo label span{color: #E41247;font-weight: 500;}
.registro-trabajo label.fileContainer{font-size: 14px;}
.registro-trabajo p em{font-style: italic;font-size: 14px;color: #666;}
.registro-trabajo th{color: #666;font-weight: 500;}
.registro-trabajo .add-field{font-size: 14px;cursor: pointer;}
.registro-trabajo .add-field i{font-size: 20px;color: #999;transition: all 0.3s ease-in;}
.registro-trabajo .add-field:hover i{color: #E41247;transition: all 0.3s ease-in;}
.registro-trabajo .form-group p em, .registro-trabajo h4 em{display: block;font-size: 14px;color: #666;text-transform: initial;}
.registro-trabajo .form-group p small{color: #999;font-weight: 400;}
.registro-trabajo p span{color:#E41247; }
.registro-trabajo a{color: #E41247;font-weight: 500;}
.registro-trabajo .radio span, .registro-trabajo .checkbox span{font-size: 14px;color: #666;font-weight: 400;} 
.registro-trabajo .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.registro-trabajo select, .registro-trabajo .select2-container--default .select2-selection--single .select2-selection__arrow{
  -webkit-appearance: none;
   -moz-appearance:   none;
   appearance:        none;
   background: url('../img/arrow.png') center right no-repeat;
   background-position-x:95%;

}
.registro-trabajo .select2-container--default .select2-selection--single .select2-selection__arrow{background-position-x:center;}


.perfil-trabajo{margin-top: 3rem;}
.perfil-trabajo .nav-tabs>li.active>a, .perfil-trabajo .nav-tabs>li.active>a:focus, .perfil-trabajo .nav-tabs>li.active>a:hover{border:none;border-bottom:3px solid #E41247;color: #666;}
.perfil-trabajo .nav-tabs>li>a{text-transform: uppercase;font-family: 'Roboto', sans-serif;color: #999;border-bottom: 3px solid transparent;}
.perfil-trabajo .num-offers{width: 17px;height: 17px;color: #fff;font-family: 'Roboto', sans-serif;text-align: center;border-radius: 100%;background: #E41247;padding: 2px;font-size: 10px;display: block;float: right;margin-left: 5px;margin-top: -5px;}
.perfil-trabajo .nav-tabs>li>a:hover{background: transparent;border-color:transparent;}
.perfil-trabajo h3 span{color:#E41247;}
.perfil-trabajo .btn-danger.pull-right{margin-top: 2rem;font-family: 'Roboto', sans-serif;font-size: 14px;color: #fff!important;text-decoration: none!important;}
.perfil-trabajo h2{font-size: 24px;color: #333;}
.perfil-trabajo h2 small{font-size: 14px;color: #333333;font-family: 'Roboto', sans-serif;display: block;}
.perfil-trabajo a{display: block;color: #E41247;font-family: 'Roboto', sans-serif;}
.perfil-trabajo a:hover{text-decoration: underline;}
.perfil-trabajo h3{color: #666666;font-size: 20px;}
.perfil-trabajo .carta-presentacion p{font-family: 'Roboto', sans-serif;font-size: 14px;}
.perfil-trabajo h4{text-transform: uppercase;color: #E41247;font-size: 14px;font-weight: 500;}
.perfil-trabajo .well{border:none;box-shadow: none;background: #f5f5f5;}
.perfil-trabajo .well p{font-size: 14px;margin-bottom: 0rem;}
.perfil-trabajo .ficheros-adjuntos img{display: block;margin: 1rem auto;}
.perfil-trabajo .ficheros-adjuntos p span{color: #E41247;font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 18px;margin-bottom: 2rem;display: block;}

/*modals*/
.modal-login .modal-header{border-bottom: 0;}
.modal-login .modal-title{text-align: center;font-size: 24px;color: #666;font-weight: 500;}
.modal-login p{text-align: center;font-size: 16px;margin-bottom: 1.5rem;}
.modal-login .btn{display: block;width: 100%;min-height: 45px;border-radius: 5px;}
.modal-login .form-control{min-height: 45px;border-radius: 5px;border-color: #ccc;}
.modal-login label{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666;}

.modal-oferta .modal-body{padding: 0;}
.modal-oferta .close{position: absolute;top: -25px;right: 0;color: #fff;z-index: 10;opacity: 1;}
.modal-oferta figure{border-radius: 5px 5px 0 0;}
.modal-oferta .in{border-bottom: none;}
.modal-oferta .in:hover figure img{opacity: 1;}
.modal-oferta .in .info-trabajo{padding: 2.5rem;}
.modal-oferta .in .fecha-trabajo{padding-right: 2.5rem;}
.modal-oferta .in .btn{width: auto;padding-right: 5rem;padding-left: 5rem;}
.modal-oferta p strong{display: block;font-family: 'Roboto', sans-serif;font-weight: 500;}
.modal-oferta a{color: inherit;}
.modal-oferta p i{color: #ccc;}
.modal-oferta .btn-outline-red{border:1px solid #E41247!important;padding: 10px 30px;font-size: 16px;}
.modal-oferta .btn-danger{color: #fff;padding: 10px 30px;font-size: 16px;}
.modal-oferta .text-danger{font-size: 14px;font-family: 'Roboto', sans-serif;}
.modal-OK h4, .modal-OK i{color:#5EBE1F;}
.modal-KO h4, .modal-KO i{color: #E41247;}
.modal-inscripcion{text-align: center;}
.modal-inscripcion h4{font-size: 24px;font-weight: 500;padding: 0 3rem;}
.modal-inscripcion i{font-size: 80px}
.modal-inscripcion p{color: #666;font-family: 'Roboto Slab', serif;font-size: 16px;padding: 0 3rem;}
.modal-inscripcion a{color: inherit;text-decoration: underline;}

.actualizar-cv, .actualizar-cv:hover, .actualizar-cv:active{color: #E41247!important;text-decoration: underline;display: block;}



/*form custom*/
.fileContainer {
    overflow: hidden;
    position: relative;
    background: #E41247;
    border-radius: 5px;
    padding: 1rem;
    color: #fff!important;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    margin-right: 1rem;
    transition: all 0.3s ease-in;
}
.fileContainer:hover, .fileContainer:active, .fileContainer:focus{background-color: #c10a38;cursor: pointer;transition: all 0.3s ease-in;}
.fileContainer img{float: left;margin-right: 10px;}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}





/* Hide the browser's default radio button */
.custom-radio span, .custom-check span{padding-left: 1rem;}
.custom-radio input, .custom-check input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

.custom-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark, .custom-check:hover input ~ .checkmark {
  background-color: #e5e5e5;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark, .custom-check input:checked ~ .checkmark {
  background-color: rgba(153, 153, 153, .2);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after, .custom-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(153, 153, 153, 1);
}

.custom-check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 7px;
    height: 11px;
    border: solid rgba(153, 153, 153, 1);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* tablet horizontal - pantalla media */
@media (min-width: 992px) and (max-width: 1199px) {
  img[alt="Gruphelco"]{width: 75%;}
  .navbar-default .navbar-nav>li>a{padding: 15px 7px;font-size: 10px;}
  .ofertas-lista .in figure{height: 160px;}
}


/* tablet vertical */
@media (min-width: 768px) and (max-width: 991px) {
  header{width: 100%;}
  .presentacion.trabajo h1, .presentacion.trabajo h2{font-size: 20px;}
  p{font-size: 15px;}
  .ofertas-lista .in .fecha-trabajo p{font-size: 24px;}
  .ofertas-lista .in p, .ficha-oferta .list-unstyled li{font-size: 15px;}
  .registro-trabajo label, .registro-trabajo .form-group p{font-size: 14px;}


}

/* mobile horizontal */
@media (min-width: 480px) and (max-width: 767px) {
  header{width: 100%;}
  .user-login{right: 15px;}
  .user-login p{font-size: 14px;}
  .presentacion.trabajo h1{text-align: left;}
  p{font-size: 14px;}
  .presentacion.trabajo h2{font-size: 20px;}
  .ofertas-lista .in p{font-size: 14px;}
  .ofertas-lista .in figure{height: 160px;}
    .ficha-oferta .list-unstyled li{font-size: 14px;}
  .ficha-oferta .box-trabajadores{background-size: cover!important;background-position-x:center!important; }
  .modal-inscripcion p{font-size: 14px;}
  .modal-inscripcion h4{font-size: 20px;}
  .modal-oferta.ofertas-lista{padding-top: 10px;}
  .registro-trabajo .form-group{margin-top: 2rem;}
  .registro-trabajo .radio span, .registro-trabajo .checkbox span{font-size: 14px;}
    .perfil-trabajo .ficheros-adjuntos img{width: 7rem;}
    .perfil-trabajo a{margin-bottom: 2rem;}

}


/*mobile vertical*/
@media screen and (max-width: 479px) {
  header{width: 100%;}
  .user-login{padding: 0.8rem;right: 10px;}
  .user-login p{font-size: 14px;}
  .presentacion.trabajo h1{text-align: left;}
  p{font-size: 14px;}
  .presentacion.trabajo h2{font-size: 20px;}
  .ofertas-lista .in p{font-size: 14px;}
  .ofertas-lista .in figure{height: 160px;}
  .ofertas-lista .d-flex.info-trabajo{display: block!important;}
  .ofertas-lista .in .fecha-trabajo{width: 100%;}
  .ofertas-lista .in .fecha-trabajo p{font-size: 24px;text-align: left;display: inline-block;border-bottom: 0;border-right:1px solid #ccc;padding-right: 15px;margin-bottom: 0;padding-bottom: 0;}
  .ofertas-lista .in .fecha-trabajo p span{display: inline-block; margin-left: 0.5rem;}
  .ofertas-lista .in .fecha-trabajo p:last-child{border: none;padding-left: 15px;}
  .ficha-oferta .list-unstyled li{font-size: 14px;}
  .ficha-oferta .box-trabajadores{background-size: cover!important;background-position-x:center!important; }
  .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{margin-left: 5px;}
  .modal-oferta .in .btn{width: 100%;}
  .modal-oferta.ofertas-lista{padding-top: 10px;}
  .modal-inscripcion p{font-size: 14px;}
  .modal-inscripcion h4{font-size: 20px;}
  .registro-trabajo .profile-photo{display: block!important;}
  .registro-trabajo .profile-photo h4{margin-top: 3rem;}
  .registro-trabajo .form-group{margin-top: 2rem;}
  .registro-trabajo .radio span, .registro-trabajo .checkbox span{font-size: 14px;}
  .perfil-trabajo .btn-danger.pull-right{float: none!important;}
  .perfil-trabajo .ficheros-adjuntos img{width: 7rem;}
  .perfil-trabajo a{margin-bottom: 2rem;}
  .registro-trabajo label{font-size: 14px!important;}
  .perfil-trabajo .nav-tabs>li>a{margin-bottom:0;}
}