#findnreplaceToolbar {
    margin: 10px;
    padding: 5px;
    position: fixed;
    background: #fff !important;
    z-index: 5000;
    right: 1vw;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

#findnreplaceToolbar > div.note-form-row > input{
  margin-right: 3px;
}

#findnreplaceToolbar .note-form-row {
  position: relative;
  display: flex;
  flex: 1 0 100%;
  flex-wrap: nowrap;
  vertical-align: middle;
  padding: 0; 
  margin: 3px 0 4px 0;
}

#findnreplaceToolbar .note-form-row > input{
  width: 22vw;
  margin-right: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#findnreplaceToolbar .note-form-row > input::placeholder{
  color: #ccc; /* darker placeholder */
  opacity: 1;  /* make sure it’s not transparent */
}

.note-findnreplace-replace-btn{
  width: auto!important;
}

.note-display-none {
  display: none !important; }

.note-display-block {
  display: block !important; }

mark.note-findnreplace {
  background-color: #ff0; }