.ucan-comment-hide-icon {
  display: none !important;
  width: 4px !important;
}

.ucan-comment-panel .x-panelheader {
  background-color: transparent !important;
  min-height: 10px !important;

  .x-body-el {
    padding: 0 !important;
  }

  .x-paneltitle {
    color: black;
    font-size: 12px !important;
    padding-left: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    .ucan-comment-panel-title-creator {
      font-weight: bold !important;
    }
    .ucan-comment-panel-title-created {
      font-weight: normal !important;
      margin-left: 10px;
      font-size: 10px;
    }
  }
}

.ucan-comment-panel .x-panelheader.x-horizontal {
  min-height: 20px;
}

.ucan-comment-panel {
  .x-toolbar {
    background-color: transparent !important;

    .x-toolbar-body-el {
      min-height: 10px !important;
      padding: 0 !important;
    }
  }

  .x-panel-body-el {
    background-color: #f5f5f5;
    padding-left: 5px;
  }

  border: 1px solid #e0e0e0;
  border-radius: 15px;
}

.ucan-review-comment {
  .x-panelheader .x-paneltitle::before {
    font-family: 'Font Awesome 5 Free', serif;
    content: '\f5c0';
    color: #d9b00f;
    margin-right: 5px;
    font-size: 16px;
    margin-bottom: 2px;
  }
}

.ucan-statistic-comment {
  .x-panelheader .x-paneltitle::before {
    font-family: 'Font Awesome 5 Free', serif;
    content: '\f201';
    color: yellowgreen;
    margin-right: 5px;
    font-size: 16px;
    margin-bottom: 2px;
  }
}

.ucan-default-comment {
  .x-panelheader .x-paneltitle::before {
    font-family: 'Font Awesome 5 Free', serif;
    content: '\f075';
    color: rgb(117, 117, 117);
    margin-right: 5px;
    font-size: 16px;
    margin-bottom: 2px;
  }
}

.ucan-comment-editor-container {
  margin-left: 5px;

  .fr-second-toolbar ~ .fr-second-toolbar {
    display: none;
  }
}

.ucan-comment-tree {
  .x-headercontainer {
    height: 0;
  }
}

.ucan-comment-button-filter-review {
  .x-icon-el::before {
    color: #d9b00f;
  }
}

.ucan-comment-button-filter-statistic {
  .x-icon-el::before {
    color: yellowgreen;
  }
}

.ucan-comment-button-filter-default {
  .x-icon-el::before {
    color: rgb(117, 117, 117);
  }
}

.ucan-comment-segmentedbutton-filter {
  --base-color: transparent;
  --base-pressed-color: rgb(213, 213, 213);
  --base-dark-color: #eeeeee;
}

.ucan-comment-button-reply {
  .x-icon-el::before {
    font-size: 14px !important;
  }
}

.ucan-comment-ucan-widget-tree-cell {
  padding: 4px 0 !important;
}

.ucan-comment-ucan-widget-tree-cell .x-treecell-body-el {
  padding: 0 !important;
}

.ucan-comment-label-filter {
  margin-top: 5px;
  margin-right: 5px !important;
  color: rgb(117, 117, 117);
}

.ucan-comment-warning-displayfield {
  color: #ffc107;
  -webkit-text-stroke: 0.2px #7e7e7e;
}

.ucan-comment-toolbar {
  background-color: transparent !important;
  .x-toolbar-body-el {
    padding: 0;
    min-height: 0;
    background-color: transparent;
  }
}

.ucan-comment-displayfield-comment-content {
  white-space: normal;
  word-wrap: normal;
}