body, html {
	width: 100%;
	height: 100%;
	background-color: black !important;
}
#bodysearch {
	width: 100%;
	height: 100%;
	background-color: black !important;
}

#bordersCy{
	padding: 20px;
	width: 100%;
	height: 92%;
}

#cy{
	width: 100%;
	height: 100%;
	background-color: black !important;
	z-index: -100;
}

.sticky-social-bar {
  padding: 0;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11.25rem;
  background-color: #333333;
  position: fixed;
  left: -8.75rem;
}

.sticky-social-bar .social-icon {
  list-style-type: none;
  color: #fefefe;
  background-color: inherit;
  margin: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 0.25rem 0.25rem 0.5rem;
}

.sticky-social-bar .social-icon:first-of-type {
  padding-top: 0.375rem;
}

.sticky-social-bar .social-icon:last-of-type {
  padding-bottom: 0.625rem;
}

.sticky-social-bar .social-icon > a {
  color: inherit;
  background-color: inherit;
}

.sticky-social-bar .social-icon > a > .fa {
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
  float: right;
  margin-left: 0.5rem;
}

.sticky-social-bar .social-icon > a > .fa.fa-facebook {
  background-color: #3b5998;
}

.sticky-social-bar .social-icon > a > .fa.fa-home {
  background-color: #55acee;
}

.sticky-social-bar .social-icon > a > .fa.fa-linkedin {
  background-color: #007bb5;
}

.sticky-social-bar .social-icon > a > .social-icon-text {
  font-size: 80%;
  color: #fefefe;
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.sticky-social-bar .social-icon:hover {
  -webkit-transform: translateX(8.75rem);
      -ms-transform: translateX(8.75rem);
          transform: translateX(8.75rem);
}

.sticky-social-bar .social-icon:hover > a {
  color: inherit;
  background-color: inherit;
}

.sticky-topbar {
  width: 100%;
}

.top-bar{
/*    background-color: rgba(100,100,100,0.1);*/
}

.top-bar ul {
    background-color: rgba(100,100,100,0);
}

.input-group-rounded .input-group-field {
  border-radius: 5000px 0 0 5000px;
  padding-left: 1rem;
}

.input-group-rounded .input-group-button .button {
  border-radius: 0 5000px 5000px 0;
  font-size: 0.8rem;
}

.menu-text {
	color: rgba(0, 120, 225, 1);
}

.button {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.top-bar input {
    max-width: 200px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-color: #1779ba;
    min-height: 35px;
}

#socialBar {
	z-index: 100;
}

.top-bar {
	z-index: 100;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript. */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the 
right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of 
the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.sidenav h3 {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 28px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav li {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 21px;
    color: #818181;
    display: block;
    transition: 0.3s
}

#infoBox {
    max-width: 400px;
    max-height: 350px;
    z-index: 100;
    position: relative;
    left: 200px;
    top: -825px;
    overflow-y: auto;
}

.cbox1 {
    background-color: rgb(255, 0, 0);
    display: inline;
    color: rgb(255, 0, 0);
    border: 1px #111 solid;
}

.cbox2 {
    background-color: rgb(255, 153, 51);
    display: inline;
    color: rgb(255, 153, 51);
    border: 1px #111 solid;
}

.cbox3 {
    background-color: rgb(255, 255, 102);
    display: inline;
    color: rgb(255, 255, 102);
    border: 1px #111 solid;
}

.desc100{
	background-color: rgb(255, 153, 0) !important;
}

.desc90{
	background-color: rgb(255, 204, 0) !important;
}

.desc80{
	background-color: rgb(255, 204, 102) !important;
}

.desc70{
	background-color: rgb(255, 204, 153) !important;
}

.comp{
	background-color: green !important;
}

.superFind{
    width: 97vw;
    height: 20vh;
    border-radius: 0px;
    font-size: 10vh;
    margin-top: 5%;
    background-color: rgba(0, 120, 225,0);
    border-width: 0px;
    color: white;
}

textarea:focus, input:focus{
    outline: none;
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

.mainTitle{
    font-size: 10vh;
    color: rgba(0, 120, 225, 1);
    text-align: center;
}

/* Style all font awesome icons */
.fa-custom {
    padding: 20px;
    font-size: 30px;
    width: 60px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-c-home {
    background: rgba(0, 120, 225, 1);
    color: white;
}

.fa-c-linkedin {
    background: #3B5986;
    color: white;
}

.findUs{
    color: rgba(0, 120, 225, 1);
    text-align: center;
    font-size: 5vh;
    padding-left: 25px;
}
.fallo{
    color: rgba(255, 0, 0, 1);
    text-align: center;
    font-size: 3vh;
}

.socialHorizontalBar{
    margin-left: 45%;
}

.mobileControllers {
    z-index: 100;
    font-size: 10vh;
    float: left;
}

.rounded {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}