.button:focus, .dropup:focus, [type="submit"]:focus, [type="button"]:focus {
   outline: none;
}


body, html {
				height: 100%;
			}
			div.wrap {
				height: 100%;
				overflow: hidden;
			}
			body {
				overflow: hidden;
			}


/* Logo */
#logo1 {
width: 50%;
margin-top:150px;    
}

#searchResultsForm {
margin-top:50px; 
}

/* Buttons Apps modal */
#apps {
background-color:transparent;
border:none;
outline:none;
margin-top:0px;
}
#apps:hover {
background-color:transparent;
margin-top:0px;
border:none;
outline:none;
}


.btn-light {
width:84px;
Font-size:11px;
color: #333333;
border:none;
  background-color: #ffffff;
    outline: none;
      border: none;
}

.btn-light:hover {
  background-color: #f5f7f7;
  color: #333333;
      outline: none;
      border: none;
}

.btn-outline-primary {
  Font-size:11px;
  margin-top:10px;
    margin-bottom:8px;
  }

.dropdown-divider {
 border-color:#e3e3e3;
  }


/* Tooltip container */
.tooltip-inner {
border: 0px solid #ffffff;
  border-radius:5px;
  color:#dbdbdb;
  font-family: Arial, Helvetica, sans-serif;
  position: -webkit-sticky;
  position: sticky;;
    padding: 2px
}

input {
  font-size:16.4px;
  line-height: 44px;
}

input::-webkit-input-placeholder {
  font-size:15px;
 color:#666666;
  transform:translate3d(0,1px,0)
}



   .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
height:45px;
   text-align: center;
 border-top: 1px solid #404040;
} 
.panel-footer{
    background-color:#337ab7;
} 
.footer-text{
margin-top:10px
} 
#social-fb{
font-size: 30px;
margin-top:-2.6px;
} 
#social-fb1{
font-size: 27px;
margin-top:-2.5px;
} 
.material-icons{
font-size: 33px;
margin-top:-5px;
color:#707e80;
} 
.material-icons:hover {
color:#9ea8ad;
}

.tftextinput2 {
     height: 44px;
     width: 130px;
     margin-top: 33px;
     margin-left: 0px;
}
 .tftextinput3 {
     font-size: 15px;
     height: 44px;
     border-top-left-radius: 22px;
     border-bottom-left-radius: 22px;
}

header.masthead {
  text-align: center;
  color: white;
  background-image: url("https://www.clubesorte.org/c_elements/images/wallpapers/chavedasorte_03.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.masthead2 {
  text-align: center;
  color: white;
  background-image: url("https://www.clubesorte.org/c_elements/images/wallpapers/black1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body{
  background: #f2f2f2;
  font-family: 'Open Sans', sans-serif;
}

.search {
  margin: 30px auto;
     outline:none;
     border:none;
}

#searchresultsquery {
  width: 50%;
  border-right: none;
  padding: 15px 15px 16px;
  height: 45px;
  border-radius: 22px 22 22 22px;
  outline: none;
  color: #363636;
}
.searchTerm:focus{
  color: #f50521;
}
.searchButton2 {
  max-width: 130px;
    width: 50px;
  height: 45px;
 border: 3px solid #fff;
  background: #28b9ed;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  margin-left:-4px;
   margin-right:-3.5px;
  margin-top:1px;
    outline: none;
}
.searchButton {
  max-width: 130px;
    width: 50px;
  height: 45px;
 /*border: 1px solid #10cc45;*/
  border: 3px solid #fff;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
    background: #ed0000;
  /*background: #10cc45;*/
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  margin-left:-4px;
  margin-top:1px;
    outline: none;
}
.searchButton:hover {
    background: #c40000;
  /*background: #10cc45;*/
  
}
.searchButton2:hover {
  background: #249ec9;
  
}
fa fa-play {

    margin-bottom:0px;
    margin-left: 0px;
    font-size: 24px;
    width:10px;
    vertical-align: middle;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
