.notekit .sidebar .view, .notekit .sidebar iconview,
 .notekit .sidebar row {
    border-color: rgba(186, 195, 207, 0.6); 
 }

 .notekit .background,
.notekit .sidebar.classic list {
  background-color: transparent; }

.notekit .sidebar.classic {
  color: #BAC3CF;
  background-color: rgba(53, 57, 69, 0.95); }

.notekit .sidebar.classic .view, .notekit .sidebar.classic iconview,
 .notekit .sidebar.classic row {
    color: #BAC3CF; /* border-width: 0px;  */
 }

.notekit .sidebar.classic .view.cell:selected, .notekit .sidebar.classic iconview.cell:selected, .notekit .sidebar.classic row.cell:selected {
      background-color: #5294e2;
      color: #ffffff; }

.notekit .sidebar.classic .view.expander, .notekit .sidebar.classic iconview.expander, .notekit .sidebar.classic row.expander {
      color: rgba(123, 129, 141, 0.975); }

.notekit .sidebar.classic .view.expander:hover, .notekit .sidebar.classic iconview.expander:hover, .notekit .sidebar.classic row.expander:hover {
      color: #BAC3CF; }

.notekit .sidebar.classic row .sidebar-icon {
    color: rgba(186, 195, 207, 0.6); }

.notekit .sidebar.classic row:hover {
    background-color: rgba(186, 195, 207, 0.15); }

.notekit .sidebar.classic row:disabled, .notekit .sidebar.classic row:disabled label, .notekit .sidebar.classic row:disabled image {
      color: rgba(186, 195, 207, 0.4); }

.notekit .sidebar.classic row:not(:selected) button {
   color: #BAC3CF; }

.notekit .sidebar.classic row:not(:selected) button:hover {
        color: #BAC3CF;
        border-color: rgba(26, 28, 34, 0.35);
        background-color: rgba(119, 127, 151, 0.45); }

.notekit .sidebar.classic row:not(:selected) button:active {
        color: #ffffff;
        border-color: #2b2e39;
        background-color: #5294e2; }

.notekit .sidebar.classic row:drop(active):not(:disabled),
.notekit .sidebar.classic row:drop(active):not(:disabled) label {
        color: #F08437;
}

.notekit .sidebar.classic row:drop(active):not(:disabled):selected {
      background-color: #F08437; }

.notekit .sidebar.classic row:drop(active):not(:disabled):selected,
.notekit .sidebar.classic row:drop(active):not(:disabled):selected label
{
        color: #ffffff; }

.notekit .sidebar.classic separator {
    background-color: transparent; }

#mainView {
    font-size: 16px;
	font-family: Charter, Bitstream Charter, Noto Serif, Noto Serif CJK JP, Noto Naskh Arabic, serif;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

#mainViewScroll {
    background: red;
    border-color: blue;
}
