.nb-input-group {
  display: flex;
  .search-field {
    height: 40px;
    padding: 0 15px;
    flex-grow: 1;
    min-width: 100px;
    border-radius: 0px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    &:focus {
      outline: none
    }
  }
  .search-button button {
    width: 40px;
    border: 0;
    color: #fff;
    i {
      color: #fff !important
    }
  }
}
.mfp-search{
  background-color: rgba(0,0,0,0.6);
  .mfp-content{
    max-width: 500px;
    .nb-input-group{
      justify-content: center;
      .search-field{
        border-radius: 5px;
        background-color: transparent;
        border-width: 2px;
        border-style: solid;
        color: #fff;
      }
      .search-button{
        position: absolute;
        right: 0;
        button[type="submit"]{
          background-color: transparent;
          i{
            color: #ccc !important;
          }
        }
      }
    }
    .mfp-close{
      display: none;
    }
  }
}
.widget_search{
  .search-field{
    border-radius: 5px 0 0 5px;
  }
  .search-button{
    button{
      border-radius: 0px 5px 5px 0;
    }
  }
}

