:root{
    --colorPrincipal: #F4623A;
}
body{
    font-family: 'Roboto';
    background-color: #f7f7f7;
}
a{
    cursor: pointer;
}
.jumbotron{
    border-radius: 0px;
}
.btnNuevo{
    padding: 5px 20px !important;
    width: unset!important;
    background: white;
    border: 1px solid #F4623A;
    outline: none;
    color: #F4623A;
    margin: 0px;
    transition: .5s;
    padding: 10px;
    margin: 0px 10px;
    border-radius: 15px;
}
.botonInvertido{
    background: white;
    border: 1px solid #F4623A;
    outline: none;
    color: #F4623A;
    margin: 0px;
    transition: .5s;
    width: 100%;
    padding: 10px;
    /*margin: 0px 10px;*/
    border-radius: 15px;
    margin-bottom: 10px;
}

.botonPrincipal{
    background:#F4623A;
    border: 1px solid white;
    outline: none;
    color: white;
    margin: 0px;
    transition: .5s;
    width: 100%;
    padding: 10px;
    /*margin: 0px 10px;*/
    border-radius: 15px;
    margin-bottom: 10px;
}

.botonPrincipal:hover{
    background: white;
    color: #F4623A;
    border: 1px solid #F4623A;
    outline: none;
}
.botonInvertido:hover,.btnNuevo:hover{
    background: #F4623A;
    color: white;
    outline: none;
}
.botonInvertido:focus,.btnNuevo:focus{
    outline: none;
}
.boton{
    color:#474747;
    background-color: white;
    outline: none;
    border: 1px solid white;
    margin: 0px;
    transition: .5s;
}
.boton:hover{
    box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.75);
}

.loginScreen{
    background-color:#F4623A;
    font-family: 'Roboto';
}
.login-card{
    margin-top: 10px;
    box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.75);
    border: none;
    border-radius: 0px;
}
.login-card >.card-footer, .login-card > .card-header,.pie{
    border-radius: 0px;
    border: none;
    background-color: white;
}
.input{
    border-radius: 0px;
    border: none;
    /*background-color: rgb(233, 233, 233);*/
    outline: none;
    border-bottom: 1px solid rgb(209, 209, 209);
    display: block;
    width: 100%;
    margin: 2px 0px;
    padding:4px;
    font-size: 14px;
    transition: .5s;
}
.input:focus{
    border-bottom: 1px solid #F4623A
}
.btnLogin{
    background: white;
    border: 1px solid #F4623A;
    outline: none;
    color: #F4623A;
    margin: 0px;
    transition: .5s;
    width: 100%;
    padding: 10px;
    border-radius: 15px;
}
.btnLogin:hover , .btnLogin:focus{
    background: #F4623A;
    color: white;
    outline: none!important;
}

.abcRioButton{
    width: 100%!important;
}
.fb-login-button, .fb-login-button > span,.fb-login-button > span > iframe{
    width: 100%!important;
}

.seleccionado{
    background-color: white;
    color: var(--colorPrincipal)!important;
}

.item{
    padding: 15px 10px;
    transition: .5s;
    margin:15px 5px;
    background-color: #ffffff;
}
.item > .card-title > b > a{
    font-weight: bold;
    color: rgb(85, 85, 85);
}
.itemPostulacion{
    margin-bottom: 10px;
    border-radius: 0px;
}
.itemPostulacion > .card-header{
    background: white;
    border: none;
}

.itemPostulacion > .card-body{
    padding-top: 5px;
    font-size: 14px;    
}

.item:hover{
    box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.75);
    background-color: white;
}
.contenedorItems,.contenedorPuestosPublicados{
    padding: 10px;
    margin-top:10px;
    overflow-y: auto;
    height: 1000px;
}
.itemPregunta{
    padding: 15px;
    margin-bottom: 7px;
}
p{
    color: #474747;
}
#jumbo{
    background-image: url("../img/busk_main.jpg");
    background-size: cover;
    height: 350px;
    padding: 95px;
    color: white;
    background-position: 80% 50%;
}
.form-control{
    transition:.5s;
}
.form-control:active, .form-control:focus{
    border: 1px solid #F4623A;
    box-shadow: none;
    background: #F4623A;
    color: white;
}
.form-control:focus::placeholder{
    color: lightgrey;
}
#navPrincipal{
    background-color: var(--colorPrincipal);
    color: white!important;
}
.navbar-nav > .nav-item > .nav-link:not(.seleccionado),.navbar-brand{
    color: white!important;
    transition: .5s;
}
.navbar-nav > .nav-item >.nav-link:hover{
    background-color: white;
    color: var(--colorPrincipal)!important;
}

label{
    margin-bottom: 0px!important;
    font-size: 14px!important;
    font-weight: bold!important;
}
.card .fa-trash{
    color: rgb(247, 56, 56);
    opacity: 0;
    transition: .3s;
}
.card .fa-pencil-alt{
    color: #F4623A;
    opacity: 0;
    transition: .3s;
}

.card .fa-plus{
    color: #F4623A;
    opacity: 0;
    transition: .3s;
}

 .card:hover  .fas{
    opacity: 1;
}
.wrp{
    /*Wraper para iconos*/
    padding: 2px 10px;
    display: inline-block;
}
.textoPrincipal{
    color: var(--colorPrincipal);
    font-weight: bold;
}
#my{
    background: #72ceff;
    padding: 25px 10px;
    border: 3px dotted #F4623A;
    text-align: center;
    color: #F4623A;
    font-weight: bold;
}
.ok{
    background-color: rgb(128, 255, 138)!important;
    color: rgb(0, 170, 37)!important;
    border: 3px dotted rgb(0, 170, 37)!important;
}
.error{
    background-color: rgb(255, 119, 119)!important;
    color: hsla(0, 100%, 42%, 1)!important;
    border: 3px dotted hsla(0, 100%, 42%, 1)!important;
}
.dz-error-message,.dz-success-mark,.dz-error-mark{
    display: none;
}
.dz-remove{
    color: rgb(253, 53, 27);
}

.respuestas{
    border: 1px solid rgb(204, 203, 203);
    padding: 5px;
}

@keyframes fade-in-right {
    from {
      opacity: 0;
      transform: translateX(100px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes opa {
    from {
      opacity: 0;
      
    }
    to {
      opacity: 1;
      
    }
  }
  
  @keyframes grow-left {
    from {
      transform: scaleX(0);
    }
    to {
      transform: scaleX(1);
    }
  }
  @keyframes grow-down {
    from {
      transform: scaleY(0);
    }
    to {
      transform: scaleY(1);
    }
  }
  .login-card,.card:not(.item){
    opacity: 0;
    animation: fade-in-right ease 0.8s forwards;
  }
  .nav-item:not(.dropdown){
    opacity: 0;
    animation: fade-in-right ease 0.8s forwards;
  }
  .navbar-brand{
    transform: scaleX(0);
    transform-origin: left;
    animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
    animation-delay: 0.4s;
  }
  .item{
    transform: scaleX(0);
    transform-origin: left;
    animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
    /*animation-delay: 0.4s*/
  }
  .question-block,.alert{
    transform: scaleY(0);
    transform-origin: top;
    animation: grow-down cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
    animation-delay: 0s;
  }

  #my,#formPerfil{
    /*transform: scaleY(0);*/
    opacity: 0;
    transform-origin: left;
    animation: opa cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
    animation-delay: 0s;
  }
  .fb {
    margin-top: 15px;
    border:none;
    width: 100%;
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 14px;
    padding: 13px 30px 15px 44px;
    background: #3A5A97;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,20,.4);
    text-decoration: none;
    line-height: 1;
    position: relative;
    border-radius: 5px;
}

.connect:before {
    display: inline-block;
    position: relative;
    background-image: url(data:image/png;base64,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);
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-indent: -9999px;
    text-align: center;
    width: 29px;
    line-height: 23px;
    margin: -8px 7px -7px -30px;
    padding: 2 25px 0 0;
    content: "f";
}
.dropdown-menu.show {
    background-color: #F4623A;
    border: none;
    color: white;
}
.show>.dropdown-item{
    color: white;
    transition: .5s;
}
.show>.dropdown-divider{
    display: none;
}
.show>.dropdown-item:hover{
    color: #F4623A;
}

.busqueda,.busqueda:active,.busqueda:focus{
    border:none;
    background-color: rgb(226, 226, 226);
}
.itemCV{
    padding: 10px 25px;
    border: 1px solid black;
    margin-top: 5px;
}
.btn-primary.custom-btn {
	background-color: #F4623A;
	border-color: #F4623A;
}
.btn-primary.custom-btn:hover , .btn-primary.custom-btn:focus{
    background: rgb(114, 109, 108);
    border-color: rgb(114, 109, 108);
    color: white;
    outline: none!important;
}