.has-float-label{
    display:block;
    position:relative

}
.has-float-label label,.has-float-label>span{
    position:absolute;
    cursor:text;
    font-size:75%;
    opacity:1;
    -webkit-transition:all .2s;
    transition:all .2s;
    top:-.5em;
    left:12px;
    z-index:3;
    line-height:1;
    padding:0 1px

}
.has-float-label label::after,.has-float-label>span::after{
    content:" ";
    display:block;
    position:absolute;
    background:#fff;
    height:2px;
    top:50%;
    left:-.2em;
    right:-.2em;
    z-index:-1

}
.has-float-label .form-control::-webkit-input-placeholder{
    opacity:1;
    -webkit-transition:all .2s;
    transition:all .2s

}
.has-float-label .form-control::-moz-placeholder{
    opacity:1;transition:all .2s

}
.has-float-label .form-control:-ms-input-placeholder{
    opacity:1;
    transition:all .2s

}
.has-float-label .form-control::placeholder
{
    opacity:1;
    -webkit-transition:all .2s;
    transition:all .2s

}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{
     opacity:0

 }
 .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder{
     opacity:0
 }
 .has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder{
     opacity:0

 }
 .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{
     opacity:0

 }
 .has-float-label .form-control:placeholder-shown:not(:focus)+*{
     font-size:100%;
     opacity:.5;
     top:.7em;
     font-weight:400

 }
 .input-group .has-float-label{
     display:table-cell

 }
 .input-group .has-float-label .form-control{
     border-radius:4px

 }
 .input-group .has-float-label:not(:last-child) .form-control{
     border-bottom-right-radius:0;
     border-top-right-radius:0

 }
 .input-group .has-float-label:not(:first-child) .form-control{
     border-bottom-left-radius:0;
     border-top-left-radius:0;
     margin-left:-1px

 }
 
  /* Customize the label (the container) */
.containerchb {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerchb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerchb:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerchb input:checked ~ .checkmark {
  background-color: #2196F3;
}

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

/* Show the checkmark when checked */
.containerchb input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerchb .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btnFileUp {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.styled-select {
   background: url(../Imagenes/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 100%;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 100%;
}

.styled-select.slate {
   background: url(../Imagenes/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 100%;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 100%;
}