$white: #fff;
$light-blue: #e4f0ff;

.notes-container {
  background-color: $white;
  bottom: 0;
  counter-reset: note-footer;
  height: 95px;
  left: 130px;
  max-height: 700px;
  min-height: 10px;
  position: fixed;
  width: 67.4%;
  z-index: 0;

  .resize-area {
    background-color: red;
    cursor: row-resize;
    height: 5px;
    position: absolute;
    top: 0;
    width: 100%;
   }
   .sc-isolated-node,
   .sc-isolated-node.sm-default-style.sm-selected,
   .sc-isolated-node.sm-default-style.sm-co-selected {
     border: 4px solid $light-blue ;
     outline: none;
     padding: 0 0 8px 5px;
   }

   .sc-isolated-node .sc-text-property::before {
    content: ''counter(note-footer)'. ';
    counter-increment: note-footer;
    left: -40px;
    position: absolute;
    }
  }