/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:52 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: bootstrap-markdown.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: bootstrap-markdown.scss
 */

@import "~bootstrap-markdown/css/bootstrap-markdown.min";

.md-editor.active {
  box-shadow: none !important;
}

.md-editor > .md-header,
.md-editor .md-footer {
  background: #fff;
}

.md-editor > textarea,
.md-editor > .md-preview {
  background: #fff;
  padding: 14px;
}

.md-editor > .md-header > .btn-group {
  margin-right: .3125rem;

  [dir=rtl] & {
    margin-right: 0;
    margin-left: .3125rem;
  }
}

[dir=rtl] .md-controls {
  float: left;
}

[dir=rtl] .md-controls .md-control {
  right: auto;
  left: 5px;
  padding-left: 3px;
  padding-right: 10px;
}

[dir=rtl] .md-fullscreen-mode .md-fullscreen-controls {
  right: auto;
  left: 20px;
  text-align: left;
}

.default-style {
  @import "../../sass/_appwork/include";

  .md-editor {
    border-color: $input-border-color;

    &.md-fullscreen-mode {
      z-index: $zindex-modal-top;
    }
  }

  .md-editor:not(.md-fullscreen-mode) > .md-header,
  .md-editor:not(.md-fullscreen-mode) .md-footer {
    padding-left: $input-btn-padding-x / 2 !important;
    padding-right: $input-btn-padding-x / 2 !important;
  }

  .md-editor > textarea,
  .md-editor > .md-preview {
    border-color: $input-border-color;
    padding: $input-btn-padding-x !important;
  }
}

.material-style {
  @import "../../sass/_appwork/include-material";

  .md-editor {
    border-color: $input-border-color;

    &.md-fullscreen-mode {
      z-index: $zindex-modal-top;
    }
  }

  .md-editor:not(.md-fullscreen-mode) > .md-header,
  .md-editor:not(.md-fullscreen-mode) .md-footer {
    padding-left: $input-btn-padding-x / 2 !important;
    padding-right: $input-btn-padding-x / 2 !important;
  }

  .md-fullscreen-mode > .md-header .btn {
    box-shadow: none !important;
  }

  // Some hack to rewrite default form-contol style
  :not(.input-group) > div.md-editor[class] > textarea.md-input[class],
  .md-editor > .md-preview {
    border-color: $input-border-color;
    padding: $input-btn-padding-x !important;
  }
}