$white: #fff;
$light-blue: #e4f0ff;
$black: #000;
$bg-rgba: rgba(255, 255, 255, 0);
$grey: #a3a3a3;


.sc-split-pane .notes-container {
  background-color: $white;
  bottom: 0;
  counter-reset: note-footer;
  height: 135px;
  left: 19.6%;
  max-height: 700px;
  min-height: 135px;
  position: fixed;
  width: 75.4%;
  z-index: 0;

  .notes-title {
    background: $white;
    color: $grey;
    position: absolute;
    top: -19px;
    width: 65px;
    z-index: 9999;

    span {
      margin-left: 10px;
    }
  }

  .resize-area {
    background-image: linear-gradient(to right, $black 30%, $bg-rgba  0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    cursor: row-resize;
    height: 10px;
    position: absolute;
    top: -6px;
    width: 100%;
   }
  }