
.sb-material-orange {
    line-height: 100%;
    position: relative;
}

#search_wrap {margin-top: 5px;}

	
@media (max-width: 768px) {
    .sb-material-orange .search-btn {
        float: right;
        margin-top: -40px;
        position: relative;
        padding: 24px 22px 16px 22px;
        height: 40px;
    }
    .sb-inp.bstrap30.bstrap3-material.sb-material-orange .search-box {padding-right: 60px;}

}

html .sb-inp.bstrap30.bstrap3-material.sb-material-orange .search-box-empty {
  font-style: normal;
  display: inline-block;
  font-weight: 100;
  color: #686868;
  border: 1px solid rgba(159,159,159,0.2);
  box-shadow: 0 0 10px rgba(60,60,60,0.05);
  -webkit-box-shadow: 0 0 10px rgba(60,60,60,0.05);
  position: relative;
  overflow: hidden;
  padding: 10px 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  margin-top: -14px;
}

html .sb-inp.bstrap30.bstrap3-material.sb-material-orange .search-box-empty:focus {  
  box-shadow: 0 0 10px rgba(60,60,60,0.05);
  -webkit-box-shadow: 0 0 10px rgba(60,60,60,0.05);  
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  border: 1px solid #fd997d;}

.sb-inp.bstrap30.bstrap3-material.sb-material-orange .search-box {
  font-style: normal;
  display: inline-block;
  font-weight: 100;
  color: #686868;
  position: relative;
  overflow: hidden;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  outline: none;
  border: 0px;
  height: 36px;
  font-size: 13px;
  width: 100%;
}

.sb-inp.bstrap30.bstrap3-material.sb-material-orange .search-box:focus {box-shadow: none;}

.sb-material-orange .search-btn {
  background-color: #ee7624;
  color: #fff;
  margin-left: 0px;
  border: none;
  background-size: 31px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  text-align: center;
  height: 36px;
}

.sb-material-orange .search-btn i {vertical-align: middle; line-height: 36px;}



.sb-material-orange .search-btn:hover{
  background: #f46c1f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000 !important;
}

.sb-material-orange .search-manage-btn {
    background: transparent url(manage-icn.png) no-repeat scroll right center;
    padding: 8px 11px;    
    border-left: 2px solid #ccc;
}

.sb-material-orange .portalFilter, .sb-material-orange .sbcontent-filter {
    width: 190px;
    margin: 4px 0 0 0;
}


/* DNN 6 fix */
#Header .sb-inp {
    margin-top: 5px;
}

@media (max-width: 768px) {
	#search_wrap {margin-bottom: 10px; margin-top: 10px;}
	.sb-material-orange .search-btn {
		float: none;
		margin-top: 0px;
		padding: 2px 12px;
		height: 36px;
	}
.sb-material-orange .search-btn i {line-height: 32px;}
}