// 3 shades of gray
$light-gray: #d3d3d3;
$mid-gray: #b0b0b0;
$dark-gray: #868686;

// $light-green: #eafaf0;
$light-yellow: #fff5e6;
$white: #fff;
$yellow: #ffab20;


.sc-comment {
  border-bottom: 2px solid $yellow;
  border-radius: 3px 3px 0 0;
}

.sc-comment-active {
  background-color: $light-yellow;
}


.sc-overlay {
  .se-active-tools {
    .sc-overlay-bubble {
      background: transparent;
      position: absolute;
      z-index: 200;
    }

    .sc-overlay-bubble-hidden {
      display: none;
    }

    .sc-comment-icon-bubble {
      color: $yellow;
      cursor: pointer;
      font-size: 28px;
      font-weight: normal;
      left: 8px;
      position: relative;
      top: 20px;
    }

    .sc-comment-icon-plus {
      bottom: 24px;
      color: $yellow;
      cursor: pointer;
      font-size: 12px;
      left: 17px;
      position: relative;
    }

    .action-icon {
      bottom: 2px;
      color: $yellow;
      font-size: 9px;
      position: relative;
      right: 10px;
    }
  }
 }