.dtp-site-comment {

  .uk-dropdown {
    background-color: #e8e8e8;
    color: #1a1a1a;
  }

  .uk-dropdown-nav .uk-nav-header,
  .uk-dropdown-nav .uk-nav-header {
    color: #1a1a1a;
  }

  .uk-dropdown-nav li a {
    color: #1a1a1a;

    &:hover {
      color: #808080;
      text-decoration: underline;
    }
  }

  .comment-content {
    padding-right: 4px;
    max-height: 320px;
    overflow: auto;

    p:last-child {
      margin-bottom: none;
    }

    blockquote {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 20px;

      border-left: solid 2px @global-color;
      border-radius: 4px;

      font-size: inherit;
      color: inherit;
    }

    em {
      color: inherit;
    }

    &::-webkit-scrollbar {
      width: 10px;
    }
    &::-webkit-scrollbar-track {
      background: none;
    }
    &::-webkit-scrollbar-thumb {
      background: #4a4a4a;
      border-radius: 4px;
    }
    &::-webkit-scrollbar-thumb:hover {
      background: #e8e8e8;
    }    
  }
}