//
// HTML Editor (summernote)
// --------------------------------------------------

.note-editor.panel-default {
  border-color: @panel-border;
}

.note-editor.panel-default > .panel-heading {
  background-color: @panel-bg;
}

.htmleditor-filebrowser {
  .modal-title {
    padding: 5px 15px;
    margin: 0 -15px 24px;
    margin-top: 0;
    color: @modal-header-text-color;
    background-color: @modal-header-bg;
  }

  .modal-footer {
    padding: 8px 24px;
    margin-right: -15px;
    margin-left: -15px;
    color: @modal-footer-text-color;
    background-color: @modal-footer-bg;
  }
}

.picker-folders,
.picker-files {
  @media (min-width: @screen-xs-min) {
    float: left;
  }

  .scroll-container-vertical {
    width: auto;

    .viewport {
      width: auto;
    }
  }
}

.picker-folders {
  @media (min-width: @screen-xs-min) {
    width: 40%;
  }

  .actions {
    margin-bottom: @spacing-md-px;
  }

  @media (max-width: @screen-xs-max) {
    .scroll-container-vertical .viewport {
      height: 100px;
    }
  }
}

.picker-files {
  @media (min-width: @screen-xs-min) {
    width: 60%;
  }

  .fileupload-group {
    display: inline-block;
    width: 100%;
    padding: 0;
    border: none;

    .fileupload-button {
      display: inline-block;
      float: right;
    }
  }

  img.file-browser-image {
    width: 50px;
    height: 50px;
  }
}

iframe.file-browser {
  border: 0;
}
