/*Taskboard*/
.taskboardapp-wrap {
  position: relative;
  height: calc(100vh - 0px);
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
@keyframes slideIn {
  from {
    width: 0;
  }
  to {
    width: 270px;
  }
}

.taskboardapp-wrap .taskboardapp-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  width: 270px;
  left: 50%;
  top: 0;
  height: 100%;
  z-index: 1;
  border: none;
  background: #fff;
  border-right: 1px solid #eaeaea;
  overflow: hidden;
  /* -webkit-transition: all 0.2s ease; */
  /* -moz-transition: all 0.2s ease; */
  /* transition: width 0.2s ease; */
  animation: slideIn 0.3s ease;
}
.taskboardapp-wrap .taskboardapp-sidebar > div.nicescroll-bar {
  flex: 1 1 auto;
  overflow: auto;
}
.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap {
  padding: 1.5rem;
}
.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-gap {
  height: 25px;
}
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item {
  margin-left: -1rem;
  margin-right: -1rem;
}
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > .nav-link,
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > div {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > .nav-link
  .nav-icon-wrap,
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > div
  .nav-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  margin-right: 0.875rem;
}
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > .nav-link
  .nav-icon-wrap
  .nav-link-text,
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item
  > div
  .nav-icon-wrap
  .nav-link-text {
  display: inline-block;
}
.taskboardapp-wrap
  .taskboardapp-sidebar
  .menu-content-wrap
  .menu-group
  > .navbar-nav
  > .nav-item.active
  > .nav-link {
  background: var(--bs-body-active-color-back);
  color: var(--bs-body-main-color);
}
.taskboardapp-wrap .taskboardapp-sidebar .taskboardapp-fixednav {
  height: 61px;
  border-top: 1px solid #eaeaea;
}
.taskboardapp-wrap .taskboardapp-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 20px;
  position: relative;
  height: 100%;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  background: #fff;
  flex-flow: column;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 65px;
  padding: 0 1.25rem;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.625rem;
  font-size: 1.25rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star
  > .feather-icon
  > svg,
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star
  .svg-icon
  > svg {
  cursor: pointer;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star
  > .feather-icon
  > svg:hover,
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star
  .svg-icon
  > svg:hover {
  fill: #ffc400;
  stroke: #ffc400;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star.marked
  > .feather-icon
  > svg,
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star.marked
  .svg-icon
  > svg {
  fill: #ffc400;
  stroke: #ffc400;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star.marked
  > .feather-icon
  > svg:hover,
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title
  h1
  .task-star.marked
  .svg-icon
  > svg:hover {
  fill: none;
  stroke: currentColor;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboardapp-title:after {
  top: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .media
  .media-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .media
  .media-body
  .user-name {
  font-size: 1rem;
  font-weight: 500;
  color: #262a2e;
  text-transform: capitalize;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .media
  .media-body
  .user-status {
  font-size: 0.875rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboard-options-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboard-options-wrap
  > a {
  margin-left: 0.25rem;
  display: inline-block;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboard-options-wrap
  > a:first-child {
  margin-left: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboard-options-wrap
  > .d-flex.ms-auto
  > a {
  margin-left: 0.25rem;
  display: inline-block;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  header.taskboard-header
  .taskboard-options-wrap
  > .d-flex.ms-auto
  > a:first-child {
  margin-left: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body {
  overflow: hidden;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  width: 100%;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .taskbar-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 1.25rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-scroll {
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  max-height: 100%;
  overflow-y: hidden;
  margin-top: 2.25rem;
  padding-bottom: 1.25rem;
  -webkit-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding: 0 1.25rem;
  float: left;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .tasklist {
  max-height: 100%;
  margin: 0 0.875rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .tasklist:first-child {
  margin-left: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .tasklist:last-child {
  margin-right: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .spipeline-list {
  margin: 0 0.875rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .spipeline-list:first-child {
  margin-left: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  > div
  .tasklist-wrap
  .spipeline-list:last-child {
  margin-right: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"] {
  margin-bottom: 1.875rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card {
  margin-bottom: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card
  .media
  .media-head {
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.board-card
  .media
  .media-head {
  margin-right: 1rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.board-card
  .media
  .media-body {
  overflow: hidden;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.board-card
  .media
  .media-body
  span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #262a2e;
  font-weight: 500;
  font-size: 1.125rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-head {
  margin-right: 1rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-body {
  overflow: hidden;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-body
  > div:first-child {
  color: #262a2e;
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-body
  > div:first-child
  .badge {
  margin-left: 0.625rem;
  flex-shrink: 0;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-body
  > div:first-child
  span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body
  .board-team-wrap
  .tab-pane
  .row
  > [class*="col-"]
  .card.team-card
  .media
  .media-body
  > div:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body.taskboard-body-alt {
  background: #f7f7f7;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-body.taskboard-body-alt
  > div
  .tasklist-scroll {
  overflow: auto;
  max-height: inherit;
  height: 100%;
  margin-top: 0;
  padding-bottom: 1.25rem;
  padding-top: 1.875rem;
  margin-bottom: 5.125rem;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-info {
  position: absolute;
  top: 65px;
  right: -370px;
  width: 370px;
  margin-left: 0;
  bottom: 0;
  z-index: 100;
  border: none;
  background: #fff;
  border-left: 1px solid #eaeaea;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.taskboardapp-wrap
  .taskboardapp-content
  .taskboardapp-detail-wrap
  .taskboard-info
  .nicescroll-bar {
  padding: 1.25rem;
}
.taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {
  left: -270px;
}
.taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {
  padding-left: 0;
}
.taskboardapp-wrap.taskboardapp-info-active
  .taskboardapp-detail-wrap
  .taskboard-info {
  right: 0;
}

.tasklist {
  min-height: 100px;
  width: 350px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #f7f7f7;
}
.tasklist > .card-header {
  flex-flow: column;
}
.tasklist > .card-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
  margin-bottom: 1rem;
}
.tasklist .tasklist-handle {
  cursor: grab;
}
.tasklist .tasklist-handle h6 {
  pointer-events: none;
}
.tasklist.add-new-task {
  min-height: 0;
  border: 0;
  background: transparent;
}

.spipeline-list {
  min-height: 100px;
  width: 350px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: transparent;
}
.spipeline-list > .card-header {
  flex-flow: column;
  background: #fff;
  border-radius: 0.5rem !important;
  margin-bottom: 0.875rem;
}
.spipeline-list > .card-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
}
.spipeline-list > .card-header > div .overall-estimation {
  color: #262a2e;
  font-weight: 500;
}
.spipeline-list > .card-header > div .spipeline-dot-sep {
  color: #d8d8d8;
  margin: 0 5px;
}
.spipeline-list > .card-header > div .lead-count {
  font-size: 0.75rem;
}
.spipeline-list > .card-header .btn-block {
  margin-top: 1rem;
}
.spipeline-list > .card-body {
  border-radius: 0.5rem !important;
  padding: 0;
}
.spipeline-list .spipeline-handle {
  cursor: grab;
}
.spipeline-list .spipeline-handle h6 {
  pointer-events: none;
}
.spipeline-list.create-new-list {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  min-height: 139px;
}
.spipeline-list.create-new-list > .card-header {
  background: transparent;
  margin: 0;
}
.spipeline-list.create-new-list > .card-header .btn-block {
  margin: 0;
}

.tasklist-card .card-header .card-action-wrap {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.tasklist-card:hover .card-header .card-action-wrap {
  opacity: 1;
}
.tasklist-card .card-body {
  padding-top: 0;
}
.tasklist-card .card-footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tasklist-card .card-footer .task-counter,
.tasklist-card .card-footer .task-discuss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
}
.tasklist-card .card-footer .task-counter > span,
.tasklist-card .card-footer .task-discuss > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tasklist-card .card-footer .task-counter > span:first-child,
.tasklist-card .card-footer .task-discuss > span:first-child {
  margin-right: 0.25rem;
}
.tasklist-card .card-footer .task-discuss {
  margin-left: 0.5rem;
}
.tasklist-card .card-footer .task-deadline {
  font-size: 0.875rem;
}

.spipeline-card .card-body {
  padding: 0.75rem 1.25rem;
}
.spipeline-card .card-body > .media .media-head {
  margin-right: 1rem;
}
.spipeline-card .card-body > .media .media-body .brand-name {
  color: #262a2e;
  font-weight: 600;
}
.spipeline-card .card-body > .media .media-body .price-estimation {
  color: #262a2e;
  font-weight: 500;
}
.spipeline-card .card-body > .media .media-body .media {
  margin-top: 0.25rem;
}
.spipeline-card .card-body > .media .media-body .media .media-head {
  margin-right: 0.25rem;
}
.spipeline-card .card-body > .media .media-body .media .media-body p {
  font-size: 0.75rem;
}
.spipeline-card .card-body .spipeline-dropdown .position-relative {
  top: -10px;
}
.spipeline-card .card-body .spipeline-dropdown .dropdown-item {
  padding: 0.5rem 0.75rem;
}
.spipeline-card.lost-deal {
  background: #ffebeb;
}
.spipeline-card.won-deal {
  background: #ebfcf5;
}

.hk-wrapper[data-navbar-style="collapsed"] .taskboardapp-wrap {
  height: 100vh;
}

.task-detail-modal .modal-body header.task-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0;
  height: 65px;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  margin-right: 12.5rem;
}
.task-detail-modal
  .modal-body
  header.task-header
  .apexcharts-datalabels-group
  text {
  font-family: inherit;
  font-size: 0.75rem;
  fill: #6f6f6f;
  position: absolute;
  transform: translateY(5px);
}
.task-detail-modal
  .modal-body
  header.task-header
  .apexcharts-datalabels-group
  text:last-child {
  display: none;
}
.task-detail-modal .modal-body header.task-header .task-options-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star
  > .feather-icon
  > svg,
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star
  .svg-icon
  > svg {
  height: 21px;
  width: 21px;
  cursor: pointer;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star
  > .feather-icon
  > svg:hover,
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star
  .svg-icon
  > svg:hover {
  fill: #ffc400;
  stroke: #ffc400;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star.marked
  > .feather-icon
  > svg,
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star.marked
  .svg-icon
  > svg {
  fill: #ffc400;
  stroke: #ffc400;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star.marked
  > .feather-icon
  > svg:hover,
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  .task-star.marked
  .svg-icon
  > svg:hover {
  fill: none;
  stroke: currentColor;
}
.task-detail-modal .modal-body header.task-header .task-options-wrap > a {
  display: inline-block;
}
.task-detail-modal
  .modal-body
  header.task-header
  .task-options-wrap
  > a:first-child {
  margin-left: 0;
}
.task-detail-modal .modal-body .task-detail-body {
  padding: 1.25rem;
  margin-right: 12.5rem;
}
.task-detail-modal .modal-body .task-detail-body form .media .media-head {
  margin-right: 1rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  form
  .media
  .media-body
  .as-name {
  font-weight: 500;
  color: #262a2e;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .note-block
  .media {
  margin-bottom: 1.25rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .note-block
  .media
  .media-head {
  margin-right: 1rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .note-block
  .media
  .media-body
  div:first-child {
  font-weight: 500;
  color: #262a2e;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .note-block
  .media
  .media-body
  div:last-child {
  font-size: 0.875rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-head {
  margin-right: 1rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  > div:first-child
  .cm-name {
  font-weight: 500;
  color: #262a2e;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  > div:first-child
  .badge {
  margin-left: 0.625rem;
  flex-shrink: 0;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  .comment-action-wrap
  span,
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  .comment-action-wrap
  a {
  color: #6f6f6f;
  font-size: 0.75rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  .comment-action-wrap
  .comment-dot-sep {
  margin: 0 0.25rem;
  color: #d8d8d8;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .comment-block
  .media
  .media-body
  > .media {
  margin-top: 1.875rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files {
  margin: 0 -0.8rem;
  padding-left: 0;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li {
  padding: 0.8rem;
  border-radius: 0.5rem;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 0.25rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li:last-child {
  margin-bottom: 0;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-head {
  margin-right: 1rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-head
  .avatar.avatar-sm
  .avatar-icon {
  font-size: 1.75rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-body
  > div:first-child {
  min-width: 0;
  -ms-flex: 1;
  flex: 1;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-body
  > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-body
  .file-name {
  color: #262a2e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  max-width: 200px;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li
  .media
  .media-body
  .file-size {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li:hover {
  background-color: #f2f2f2;
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li:hover
  .media
  .media-body
  .file-name {
  color: var(--bs-body-main-color);
}
.task-detail-modal
  .modal-body
  .task-detail-body
  .tab-content
  .tab-pane
  .file-block
  .sh-files
  li:hover
  .media
  .media-body
  a.cp-file-action {
  color: #262a2e;
}
.task-detail-modal .modal-body .task-action-wrap {
  position: absolute;
  top: 0;
  width: 200px;
  right: 0;
  z-index: 1;
  border-left: 1px solid #eaeaea;
  bottom: 0;
  background: #fff;
}
.task-detail-modal .modal-body .task-action-wrap .nicescroll-bar {
  padding: 1.5rem;
}
.task-detail-modal
  .modal-body
  .task-action-wrap
  .nicescroll-bar
  .nav-vertical
  > .nav-item
  > .nav-link {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1399px) {
  .taskboardapp-wrap .taskboardapp-sidebar {
    left: -270px;
  }
  .taskboardapp-wrap .taskboardapp-content {
    margin-left: 0;
    padding-left: 0;
  }
  .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {
    left: 0;
  }
  .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {
    left: 270px;
    padding-left: 270px;
    margin-left: -270px;
  }
  .taskboardapp-wrap .hk-sidebar-togglable {
    -webkit-transform: translateX(32px);
    -moz-transform: translateX(32px);
    -ms-transform: translateX(32px);
    -o-transform: translateX(32px);
    transform: translateX(32px);
  }
  .taskboardapp-wrap .hk-sidebar-togglable:after {
    content: "\ea6c";
  }
  .taskboardapp-wrap .hk-sidebar-togglable.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .taskboardapp-wrap .hk-sidebar-togglable.active:after {
    content: "\ea62";
  }
}
@media (max-width: 1199px) {
  .taskboardapp-wrap
    .taskboardapp-content
    .taskboardapp-detail-wrap
    .taskboard-info {
    top: 0;
  }

  .info-close {
    position: relative;
    top: -4px;
  }

  .task-detail-modal .modal-body header.task-header,
  .task-detail-modal .modal-body .task-detail-body {
    margin-right: 0;
  }

  .task-action-wrap {
    display: none;
  }
}