.input-group .form-control{
width: 200px !important;

}

.simg{
  background-repeat: no-repeat; background-position: center center;background-size: cover; 
}

    
   .btn-redendo {
    width: 150px !important;
     height: 150px !important;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     color: white;

  }
   .btn-redendo:hover{
    width: 200px !important;
     height: 200px !important;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;

  }
.btn-redendo-g {
  height: 310px ;
  width: 310px;
  border-radius: 50%
}
.btn-redendo-g:hover{
  /*border: 3px solid #8cdcf5;*/
   border-radius: 50%;
  }



.btn-gira{
  color: white;

}
 .btn-gira:hover{
    color: white;
    box-shadow: inset 0 0 2px 10px #aef571;
   animation-name: spin;
   animation-duration: 3s;
  }
  .btn-gira2:hover{
    color: white;
    box-shadow: inset 0 0 2px 10px #aef571;
   animation-name: otra;
   animation-duration: 3s;
  }

  .animacion:hover{

    animation-name: relleno;
   animation-duration: 3s;
  }

@keyframes spin {
  0% { box-shadow: inset 0 0 20px 100px #8cdcf5;
       filter: blur(100px;);
  }
  100% { box-shadow: inset 0 0  0 10px #aef571;

   }
}

@keyframes otra {
  0% { box-shadow: inset 0 0 20px 50px #8cdcf5;
       filter: blur(100px;);
  }
  100% { box-shadow: inset 0 0  0 10px #aef571;

   }
}
@keyframes relleno {
  0% { transform: rotate(45deg);
        
   }
  40% {transform: rotate(-45deg);
       transform: scale(0.3) ;
    }
  100% {transform: rotate(0deg);
    }

}




  /*Panel tabs*/
  .panel-tabs {
      position: relative;
      bottom: 30px;
      clear:both;
      border-bottom: 1px solid transparent;
  }

  .panel-tabs > li {
      float: left;
      margin-bottom: -1px;
  }

  .panel-tabs > li > a {
      margin-right: 2px;
      margin-top: 4px;
      line-height: .85;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0;
      color: #ffffff;
  }

  .panel-tabs > li > a:hover {
      border-color: transparent;
      color: #ffffff;
      background-color: transparent;
  }

  .panel-tabs > li.active > a,
  .panel-tabs > li.active > a:hover,
  .panel-tabs > li.active > a:focus {
      color: #fff;
      cursor: default;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      background-color: rgba(255,255,255, .23);
      border-bottom-color: transparent;
  }

/* Grow */