/************************************************************************************

DevPortal Search

**************************************************************************************/ .dp-navbar-search-form {

float: right;
display: inline-block;
margin-bottom: 0; }
@media (min-width: 992px) {
  .dp-navbar-search-form {
    float: none;
    width: 70px;
    height: 70px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    right: -30px;
    transition: all 0.25s ease-in;
    background: #fff;
    z-index: 100; } }
@media (min-width: 1400px) {
  .dp-navbar-search-form {
    right: 60px; } }

@media (min-width: 992px) {

.dp-navbar-search-form--isActive {
  transform: translateX(0);
  -ms-transform: translateX(0);
  width: 275px; } }

@media (min-width: 1400px) {

.dp-navbar-search-form--isActive {
  width: 385px; } }

.dp-navbar-search-wrapper {

position: absolute;
left: 10px;
right: 10px;
height: 48px;
padding: 8px;
top: 0px;
z-index: 210;
margin-left: 40px;
background: #fff;
overflow: hidden;
visibility: hidden; }
@media (min-width: 992px) {
  .dp-navbar-search-wrapper {
    left: 52px;
    top: 18px;
    padding: 0;
    right: 0px;
    height: auto;
    visibility: visible;
    margin: 0;
    display: block;
    width: 0;
    transition: width 0.25s ease-in; } }

input.dp-navbar-search-field {

padding: 7px 30px 7px 10px;
border-radius: 3px;
font-size: 14px;
line-height: 18px;
display: block;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.2);
color: #222;
height: 34px;
-webkit-appearance: none; }
input.dp-navbar-search-field:focus {
  outline: 0;
  border-color: #febd69;
  box-shadow: none;
  border-radius: 0 3px 3px 0; }
@media (min-width: 992px) {
  input.dp-navbar-search-field {
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0; } }

.dp-navbar-search-field::-webkit-input-placeholder {

color: #bbb; }

.dp-navbar-search-field::-moz-placeholder {

color: #bbb; }

.dp-navbar-search-field:-ms-input-placeholder {

color: #bbb; }

.dp-navbar-search-button {

position: relative;
top: 3px;
padding: 4px 20px 4px 16px;
border: none;
background-color: transparent;
height: 34px; }
.dp-navbar-search-button:focus {
  outline: none; }
@media (min-width: 992px) {
  .dp-navbar-search-button {
    width: 70px;
    height: 70px;
    padding: 0;
    margin: 0;
    top: 0;
    transition: all 0.15s ease-in, background-color 0.001s; }
    .dp-navbar-search-button:hover {
      background-color: #febd69; } }

.dp-navbar-search-icon {

height: 24px;
width: 24px; }

.dp-navbar-search-close-button {

position: absolute;
right: 10px;
font-size: 25px;
padding: 5px 10px;
cursor: pointer;
color: #333;
line-height: 20px; }
.dp-navbar-search-close-button:hover, .dp-navbar-search-close-button:active, .dp-navbar-search-close-button:focus {
  color: #e87825;
  text-decoration: none; }

.dp-navbar-search-form–isActive .dp-navbar-search-wrapper {

visibility: visible; }
@media (min-width: 992px) {
  .dp-navbar-search-form--isActive .dp-navbar-search-wrapper {
    width: auto; } }

.dp-navbar-search-form–isActive .dp-navbar-search-button {

display: none; }

@media (min-width: 992px) {

.dp-navbar-search-form--isActive .dp-navbar-search-button {
  height: 34px;
  padding: 5px 8px;
  width: auto;
  background-color: #febd69;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px 0 0 3px;
  position: relative;
  top: 18px;
  left: 10px;
  display: block; } }

/*# sourceMappingURL=search.css.map */