/* KABAN VIEW */
.item-kanban {
  width: 100%;
  height: 100%;
  background-color: #ffff;
  border: 1px solid #e0dede;

  padding: 8px 12px;
  cursor: pointer;
  display: flex;
}

.item-kanban .content {
  width: 100%;
  padding: 0 10px;
}

.item-kanban .content .title {
  font-weight: bold;
}

/* LOG DETAIL */
#log-detail {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
  margin: 10px 0 20px;
}

#log-detail .action .form-log {
  background-color: var(--background-action-log);
  margin-top: 5px;
  padding: 20px 5px;
  border: 1px solid #d9d9d9;
}

.main-content-log .time-log {
  margin: 10px 0;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.main-content-log .time-log p {
  margin: 0;
  font-weight: bold;
}

.main-content-log .item-log {
  position: relative;
  padding: 4px 12px;
  margin-bottom: 5px;
  background-color: var(--background-action-log);
  cursor: pointer;
}

.main-content-log .item-log:hover .action-log {
  display: block;
}

.main-content-log .header-log {
  font-size: 13px;
  font-weight: bold;
}

.main-content-log .sub-time-log {
  color: gray;
  font-size: 11px;
}

.main-content-log .action-log {
  top: 0;
  right: 0;
  border: 1px solid;
  position: absolute;
  display: none;
}

.main-content-log .action-log button {
  background-color: white;
}

/* .main-content-log .action-log button:hover{
  background-color: red;
} */

.main-content-log .files-log .file {
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  padding: 6px;
  background-color: #dee2e6;
  margin-right: 5px;
  margin-bottom: 5px;
}

.main-content-log .files-log .file-name {
  padding: 0 5px;
}

/* FILTER HOBBY */
.rs-popover-custom .rs-popover {
  min-width: 300px !important;
}

.rs-popover-custom ul.filter-hobby{
  padding-left: 10px;
}

.rs-popover-custom .item-filter-hobby{
  position: relative;
  list-style-type: none;
  cursor: pointer;
  margin-right: 0;
}

.rs-popover-custom .checked-item-filter-hobby{
  padding: 5px;
}

.rs-popover-custom .name-item-filter-hobby{
  padding: 5px;
}

.rs-popover-custom .action-item-filter-hobby{
  padding: 5px 0;
}

