/***BEGIN SavePageDialog.css***/
.savepage-dialog-content {
  padding: 2px; }
  .savepage-dialog-content .spd-rename-info {
    padding: 2px; }
  .savepage-dialog-content .spd-textfield {
    padding: 2px; }
/***END SavePageDialog.css***/

/***BEGIN WikiEditor.css***/
.wiki-editor {
  height: 100%;
  position: relative; }
  .wiki-editor .we-toolbar {
    padding-left: 18px; }
  .wiki-editor .we-text-preview-container {
    padding-left: 20px; }
  .wiki-editor .save-in-progress {
    opacity: 0;
    visibility: collapse;
    background-color: rgba( 200, 200, 200 ,  1 );
    background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    transition: opacity 0.5s, visibility 0.5s; }
    .wiki-editor .save-in-progress.visible {
      opacity: 0.4;
      visibility: visible; }
  .wiki-editor .we-ta-container {
    width: 50%; }
  .wiki-editor .markdown-preview {
    width: 50%;
    border-left:  1px solid;
    border-left-color: rgba( 200, 200, 200 ,  1 );
    border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
  .wiki-editor .edit-only .we-ta-container {
    width: 100%; }
  .wiki-editor .preview-only {
    padding-left: 0; }
    .wiki-editor .preview-only .markdown-preview {
      width: 100%;
      border-left: none; }
/***END WikiEditor.css***/

/***BEGIN WikiEditorHeader.css***/
.we-pagename-input {
  font-size: 21px;
  line-height: 32px; }

.we-savebutton {
  height: auto; }
/***END WikiEditorHeader.css***/

/***BEGIN DropTarget.css***/
.dropoverlay .do-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
  display: none; }
  .dropoverlay .do-content.showOverlay {
    display: inline; }

.dropoverlay .do-defaultcontent {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  border:  dashed 2px;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 10px;
  height: 100%; }

.dropoverlay.showOverlay {
  position: relative; }
/***END DropTarget.css***/

/***BEGIN CloseEditorDialog.css***/
.we-close-dialog-content {
  word-break: break-word; }
/***END CloseEditorDialog.css***/

/***BEGIN EditorTextArea.css***/
.we-ta-container {
  position: relative; }
  .we-ta-container .we-text {
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    overflow: auto;
    padding: 16px 20px 24px 0;
    line-height: 18px; }
    .we-ta-container .we-text:focus {
      outline: none; }
  .we-ta-container .ac-position {
    /* although the element is hidden, border is there to match
         * width of mention suggestion box.
         **/
    border:  1px solid;
    border-color: rgba( 0, 0, 0 ,  1 );
    border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    position: absolute;
    visibility: hidden; }
  .we-ta-container .mirror-container {
    top: 0px;
    visibility: hidden;
    position: absolute;
    width: 100%;
    resize: none;
    padding: 16px 16px 48px 0px; }
    .we-ta-container .mirror-container span {
      /* overflow along x should be hidden to avoid horizontal scroll
             * which increases the height of element.
             **/
      overflow-x: hidden;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: pre-wrap; }
/***END EditorTextArea.css***/