@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); 
 

  .buscar-caja { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background: #fff; 
    border-radius: 40px; 
    padding: 10px; 
  } 
  .buscar-caja:hover > .buscar-txt 
  {
    width: 240px; 
    padding: 0 6px; 
  } 
  .buscar-caja:hover > .buscar-btn {
    background: white; 
    color: black; 
  } 
  
  .buscar-btn { 
    
    float: right; 
    width: 40px; 
    height: 40px; 
    border-radius: 60%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    transition: 0.4s; 
    color: white; 
    cursor: pointer; 
  } 
  .buscar-btn > i 
  { 
    font-size: 18px; 
  } 
  .buscar-txt { 
    border: none; 
    background: none; 
    outline: none; 
    float: left; 
    padding: 0; 
    color: #333; 
    font-size: 16px; 
    transition: 0.4s; 
    line-height: 40px; 
    width: 0px; 
    font-weight: bold; 
  }
  
  

/* Cuerpo para los resultados del buscador en tiempo real  */

    h2.title{
        margin-top: 10px;       
    }
/* Controla el tamaño del icono de la tuerca de opciones  */
    i.fa.fa-cog{
        font-size: 19px;
    
    }

    div.title{
        margin-bottom: 60px;
    }

    /* Reduce al maximo el resplandor del borde del boton */
    .btn-noborder{
        
        padding: 0;

    }

    /* Fondo para botones de Opciones del dropdown de index de usuarios/resultados  */




.pagination{
    margin: 0 -15px;
    
}
.pagination>li>span,.pagination>li>a{ 
    border-radius: 50%;
    margin: 0 5px;
    border-style: none;
}

/* Boton para añadir resultados */


a.btn.btn-outline-success{
    border-width: 2.5px;
    font-weight: bold;
    border-radius: 50%;
    width: 50px;
    height: 45px;
    line-height: 28px;
    margin: 8px 4px;
    font-size: 30px;
    
}



 /* Barra de abajo de la cabecera */
.bar
{
    opacity:0.85;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:300;
    height: 72px;
    background: -webkit-linear-gradient(left, #3b5998, #6bd079);
    color: #fff;
    font-weight: bold;

  
}
/* botones de pie */
a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width: 54px;
}

a.btn-social-menu,button.btn-social-menu
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 34px;
    width: 34px;
    line-height: 35px;
    margin: 8px 4px;
    margin-right: 0 auto;
    margin-top: 10px;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
  
}

/* botones de index */
.btn-social-head
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 140px;
    width: 140px;
    line-height: 150px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    
}


.btn-menu>.fa
{
    font-size: 15px;
    margin-right: 0 auto;
    
    
}

.fa
{
    font-size: 36px;
    margin-right: 0 auto;
}


.logo
{
    height: 400px;
    width: 400px;
    border-radius: 50%;
    border: 5px solid white;

}



.btn-social:hover,.btn-social:focus,.btn-social-head:hover,.btn-social-head:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;

}



.btn-behance
{
    background-color: #1769ff;
}
.btn-behance:hover
{
    background-color: #4a8aff;
}
.btn-bitbucket
{
    background-color: #205081;
}
.btn-bitbucket:hover
{
    background-color: #2a69aa;
}
.btn-codepen
{
    background-color: #76daff;
}
.btn-codepen:hover
{
    background-color: #a9e8ff;
}
.btn-deviantart
{
    background-color: #4e6252;
}
.btn-deviantart:hover
{
    background-color: #657e6a;
}
.btn-digg
{
    background-color: #000;
}
.btn-digg:hover
{
    background-color: #1a1a1a;
}
.btn-dribbble
{
    background-color: #ea4c89;
}
.btn-dribbble:hover
{
    background-color: #ef7aa7;
}
.btn-dropbox
{
    background-color: #007ee5;
}
.btn-dropbox:hover
{
    background-color: #1998ff;
}
.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}
.btn-flickr
{
    background-color: #0063dc;
}
.btn-flickr:hover
{
    background-color: #107cff;
}
.btn-foursquare
{
    background-color: #ef4b78;
}
.btn-foursquare:hover
{
    background-color: #f37a9b;
}
.btn-github
{
    background-color: #4183c4;
}
.btn-github:hover
{
    background-color: #689cd0;
}
.btn-google-plus
{
    background-color: #dd4b39;
}
.btn-google-plus:hover
{
    background-color: #e47365;
}
.btn-instagram
{
    background-color: #3f729b;
    
}
.btn-instagram:hover
{
    background-color: #548cb9;
}
.btn-jsfiddle
{
    background-color: #4679bd;
}
.btn-jsfiddle:hover
{
    background-color: #6c94ca;
}
.btn-lastfm
{
    background-color: #e31b23;
}
.btn-lastfm:hover
{
    background-color: #e9484e;
}
.btn-linkedin
{
    background-color: #0976b4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}
.btn-paypal
{
    background-color: #253b80;
}
.btn-paypal:hover
{
    background-color: #304da8;
}
.btn-pinterest
{
    background-color: #cc2127;
}
.btn-pinterest:hover
{
    background-color: #e04046;
}
.btn-reddit
{
    background-color: #ff4500;
}
.btn-reddit:hover
{
    background-color: #ff6a33;
}
.btn-skype
{
    background-color: #00aff0;
}
.btn-skype:hover
{
    background-color: #24c4ff;
}
.btn-soundcloud
{
    background-color: #f80;
}
.btn-soundcloud:hover
{
    background-color: #ffa033;
}
.btn-stack-overflow
{
    background-color: #fe7a15;
}
.btn-stack-overflow:hover
{
    background-color: #fe9748;
}
.btn-steam
{
    background-color: #7da10e;
}
.btn-steam:hover
{
    background-color: #a1d012;
}
.btn-stumbleupon
{
    background-color: #eb4924;
}
.btn-stumbleupon:hover
{
    background-color: #ef7053;
}
.btn-trello
{
    background-color: #256a92;
}
.btn-trello:hover
{
    background-color: #2f88bb;
}
.btn-tumblr
{
    background-color: #35465c;
}
.btn-tumblr:hover
{
    background-color: #485f7c;
}
.btn-twitch
{
    background-color: #6441a5;
}
.btn-twitch:hover
{
    background-color: #7e5bbe;
}
.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}
.btn-vimeo
{
    background-color: #1ab7ea;
}
.btn-vimeo:hover
{
    background-color: #49c6ee;
}
.btn-vine
{
    background-color: #00b488;
}
.btn-vine:hover
{
    background-color: #00e7af;
}
.btn-vk
{
    background-color: #45668e;
}
.btn-vk:hover
{
    background-color: #587fae;
}
.btn-wechat
{
    background-color: #98d11c;
}
.btn-wechat:hover
{
    background-color: #afe53b;
}
.btn-wordpress
{
    background-color: #21759b;
}
.btn-wordpress:hover
{
    background-color: #2a95c5;
}
.btn-xing
{
    background-color: #026466;
}
.btn-xing:hover
{
    background-color: #039598;
}
.btn-yahoo
{
    background-color: #400191;
}
.btn-yahoo:hover
{
    background-color: #5601c4;
}
.btn-yelp
{
    background-color: #af0606;
}
.btn-yelp:hover
{
    background-color: #e00808;
}
.btn-youtube
{
    background-color: #e52d27;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}
.btn-email
{
    background-color: #44c456;
}
.btn-email:hover
{
    background-color: #6bd079;
}
.btn-email-result
{
    border-radius: 50%;
    display: inline-block;
    line-height: 1px;
    height: 18px;
    width: 20px;
    color: #38c172;
    box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.5);
}
.btn-email-result:hover
{
    color: #fff;
    background-color: #6bd079;

}

i.fa.fa-plus{
    font-size: 18px;
    color:#38c172;
}
i.fa.fa-plus:hover{
    
    color:white;
}