body {

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    black;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    black;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  z-index: -1;
  background: url('../img/ficha_tablet2.jpg');
  background-size: cover;
}


#logobiba {
  background: url('/assets/img/logo_biba.png');
  position: absolute;
  bottom: 50px;
  width: 100px;
  height: 100px;
  background-size: cover;
  right: 50px;
  margin-left: calc(50% - 50px);
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.navbar-nav>li>a {
  color: black;
}



input {
  background: transparent;
  color: black;
  border: 0px;
  border-bottom: 1px solid black;
  padding-left: 5px;
  width: 80%;
}
select {
  background: none;
border: 1px solid black;
}
textarea {
  background: transparent;
  color: black;
  border: 1px solid black;
  padding: 5px;
}

form {
  padding:0px;
}

input[type="text"] {
  width: 80%;
}

input[name="sexo"] {
  display:none;
}

input[name="sexo"]+label {
    font-size: 25px;
    position: relative;
    top: -8px;
    margin-right: 10px;
    opacity: 0.5;
}

input[name="sexo"]:checked+label {
  color:black;
  opacity: 1;
}

button {
  background: transparent;
    border: 1px solid black;
}


textarea {
  width: 100%;
  height: 60px;
}

.flexdiv {
  display:flex;
}

.votaciones {
   justify-content: center;
}


#navbar {
  background:transparent;
}






.rating-star {
    position: relative;
    float: right;
    display: block;
    width: 35px;
    height: 35px;
    background: url('/assets/img/star4.png') 0 -35px;
    background-size: 35px;
}

.rating-star:hover,
.rating-star:hover ~ .rating-star {
    background-position: 0 0;
}


.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}


.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}

.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 35px;
    height: 35px;
    background: url('/assets/img/star4.png') 0 -35px;
    background-size: 35px;
    cursor:pointer;
}

.rating input {
  float: right;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0 0 0 -35px;
    opacity: 0;
}