/**
 * Summernote Dark Theme
 * summernote-lite.css 위에 다크 테마 색상만 덮어쓰기
 */

/* 아이콘 색상 */
[class^=note-icon]:before,
[class*=" note-icon"]:before {
  color: #fff !important;
}

/* 에디터 프레임 */
.note-editor.note-frame {
  border-color: #444;
}

/* 툴바 */
.note-toolbar {
  background-color: #444;
  border-bottom-color: #555;
}

/* 버튼 기본 */
.note-btn {
  background-color: #444;
  border-color: #444;
  color: #fff;
}

.note-btn:hover,
.note-btn:focus,
.note-btn.focus {
  background-color: #555;
  border-color: #555;
  color: #fff;
}

.note-btn:active,
.note-btn.active {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

/* 드롭다운 메뉴 */
.note-dropdown-menu {
  background-color: #303030;
  border-color: #444;
}

.note-dropdown-item {
  color: #fff;
}

.note-dropdown-item:hover {
  background-color: #444;
  color: #fff;
}

/* 편집 영역 */
.note-editing-area .note-editable {
  background-color: #303030;
  color: #fff;
}

.note-editing-area .note-editable[contenteditable="false"] {
  background-color: #252525;
}

/* 코드뷰 */
.note-codable {
  background-color: #222;
  color: #ccc;
}

/* placeholder */
.note-placeholder {
  color: #888;
}

/* 상태바 */
.note-statusbar {
  background-color: #444;
  border-top-color: #555;
}

.note-statusbar .note-resizebar .note-icon-bar {
  border-top-color: #888;
}

/* 모달 */
.note-modal-content {
  background-color: #303030;
  border-color: #444;
}

.note-modal-header {
  border-bottom-color: #444;
}

.note-modal-header .close {
  color: #fff;
}

.note-modal-title {
  color: #fff;
}

.note-modal-body {
  color: #fff;
}

.note-modal-body label {
  color: #fff;
}

.note-modal-footer {
  border-top-color: #444;
}

.note-input {
  background-color: #444;
  border-color: #555;
  color: #fff;
}

.note-input:focus {
  background-color: #555;
  border-color: #666;
  color: #fff;
}

/* 색상 팔레트 */
.note-color-palette .note-color-row {
  height: auto;
}

.note-color-palette .note-color-btn {
  border-color: #555;
}

.note-color-reset {
  background-color: #444;
  color: #fff;
}

.note-color-reset:hover {
  background-color: #555;
}

/* 팝오버 */
.note-popover .note-popover-content {
  background-color: #303030;
  border-color: #444;
}

/* 힌트 팝오버 */
.note-hint-popover .note-popover-content {
  background-color: #303030;
}

.note-hint-popover .note-hint-item.active,
.note-hint-popover .note-hint-item:hover {
  background-color: #444;
  color: #fff;
}

/* 테이블 */
.note-editing-area .note-editable table td,
.note-editing-area .note-editable table th {
  border-color: #555;
}

/* 링크 */
.note-popover .note-popover-content a {
  color: #5bc0de;
}

/* 툴팁 */
.note-tooltip-content {
  background-color: #222;
  color: #fff;
}

/* 폰트명/사이즈 드롭다운 텍스트 */
.note-btn .note-current-fontname,
.note-btn .note-current-fontsize {
  color: #fff;
}

/* 스타일 드롭다운 */
.note-dropdown-menu .note-dropdown-item h1,
.note-dropdown-menu .note-dropdown-item h2,
.note-dropdown-menu .note-dropdown-item h3,
.note-dropdown-menu .note-dropdown-item h4,
.note-dropdown-menu .note-dropdown-item h5,
.note-dropdown-menu .note-dropdown-item h6,
.note-dropdown-menu .note-dropdown-item p,
.note-dropdown-menu .note-dropdown-item blockquote {
  color: #fff;
}

/* 체크 아이콘 */
.note-dropdown-menu.note-check .note-dropdown-item i {
  color: #fff;
}