/*SYNAPPX*/
.synappx .BannerPane {
  background-color: #187B88;
  color: #ffffff;
  padding: 25px;
}
.synappx h1 {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  margin-top: 0px;
}
.synappx .ElasticSearch.SkinObject .SearchBox {display: flex;}
.synappx .ElasticSearch.SkinObject .SearchBox > a.SearchButton {
	height: 50px;
    width: 50px;
	background-color: rgb(27, 168, 186);
    background-image: url(images/top_search.png);
	background-repeat:  no-repeat;
	background-position: center;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.synappx .ElasticSearch.SkinObject .SearchBox > a.SearchButton:hover {background-color:#0a454d; }
.synappx .ElasticSearch.SkinObject .SearchBox > a.SearchButton:focus {background-color:#0a454d; border: 1px solid red; border-radius: 5px; }
@media screen and (min-width: 440px) {
  .synappx h1 {
    font-size: 25px;
  }
}
.content_graybg {
  background-color: #fbf8f8;
}
/*.synappx .search {
position: absolute;
}*/
.synappx #Search {
  margin: 0 auto;
  position: relative;
  width: 100%;
  /*    height: 50px;*/
}
@media screen and (min-width: 850px) {
  .synappx #Search {
    width: 70%;
  }
}
@media screen and (min-width: 1101px) {
  .synappx #Search {
    width: 55%;
  }
}
@media screen and (min-width: 1601px) {
  .synappx #Search {
    width: 35%;
  }
}
.synappx #Search a.searchcss {
  display: block;
  position: absolute;
  right: 1;
  top: 1;
  height: 48px;
  width: 48px;
  padding: 0;
  border: none;
  box-shadow: none;
  webkit-box-shadow: none;
  overflow: hidden;
  text-indent: -99999px;
  /*   background: url(../images/top_search.png) no-repeat 12px 12px #777;
    background-image: url(../images/top_search.png);*/
  background-position-x: 18px;
  background-position-y: 18px;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
/*  background-color: rgba(27, 168, 186, 1);*/  
  background-color: rgb(12, 97, 110);
  z-index: 1;
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.synappx .searchInputContainer {
  display: block;
  width: 100%;
  margin: 0 auto;
}
/*
@media screen and (min-width: 800px) { 
.synappx .searchInputContainer{
width:75%;
}
}

@media screen and (min-width: 1101px) { 
.synappx .searchInputContainer{
width:55%;
}
}*/
.synappx #Search input {
    background: #ffffff;
    border-radius: 5px 0px 0px 5px;
    color: #2C2929;
    width: 100%;
    padding: 25px;
}