p.easy.attention-needed {
  position: absolute;
  right: 160px;
  color: red;
  font-weight: 700;
  top: 44px;
}

/* Global mobile-safe stats tab styles outside media queries. */
#stats_tab {
  width: 100%;
  height: 40px;
  background: #1b1b1b;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99998;
  display: grid;
  grid-gap: 2px;
  padding: 2px;
  box-sizing: border-box;
}

#stats_tab .wrap {
  display: flex;
  height: 100%;
  grid-gap: 2px;
}

#stats_tab .stat {
  flex: 1 1 0;
  position: relative;
  font-size: 13px;
  background: #212121;
  height: 100%;
}

#stats_tab .label {
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 6px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

#stats_tab .value {
  position: absolute;
  right: 12px;
  bottom: 5px;
  text-align: right;
  font-size: 14px;
  font-weight: 300;
}

#stats_tab .ne-stat-bottom-left {
  position: absolute;
  left: 12px;
  bottom: 6px;
  line-height: 0;
}

/* Global timeline pager styles outside desktop media queries. */
#ne_timeline_pager {
  position: fixed;
  bottom: 8px;
  right: 8px;
  width: 104px;
  height: 44px;
  background: #f4a83c;
  border: 1px solid rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  box-sizing: border-box;
}

#ne_timeline_pager .pager-arrow {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  width: 18px;
  text-align: center;
}

#ne_timeline_pager .pager-arrow.disabled {
  opacity: 0.35;
  pointer-events: none;
}

#ne_timeline_pager .pager-meta {
  color: #111;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.pie {
  width: 400px;
  height: 400px;
  background-image: conic-gradient(#444 51%, #32ff00 51%);
  border-radius: 50%;
  margin-left: 14px;
}

.ne-checkbox-switch {
  display: inline-block;
  height: 45px;
  margin: 0;
}

@keyframes go_right {
  0% {
    opacity: 0;
    right: -50%;
  }

  30% {
    opacity: 0.7;
    right: -10%;
  }

  40% {
    opacity: 1;
    right: -1%;
  }

  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes go_left {
  0% {
    opacity: 0;
    left: -50%;
  }

  30% {
    opacity: 0.7;
    left: -10%;
  }

  40% {
    opacity: 1;
    left: -1%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  padding: 10px;
  text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  text-align: center;
}

.ui-widget.ui-widget-content {
  border: 0 solid rgb(60 60 60);
  width: 325px;
  margin-top: 3px;
  border-radius: 2px;
  padding: 0;
  box-shadow: 0 10px 12px -7px rgb(0 0 0 / 51%);
  z-index: 99 !important;
}

.ui-widget-header {
  border: 0 solid rgb(238 238 238);
  background: rgb(255 255 255);
  color: rgb(51 51 51);
  font-size: 11px;
}

.copy_clip.caption {
  position: absolute;
  top: 243px;
  right: 30px;
  z-index: 99;
}

.warning-icon {
  background: url("../images/ui/ui-error.png") no-repeat;
  background-size: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  color: transparent;
  position: absolute;
  z-index: 10;
}

.warning-icon.schedule {
  top: 435px;
  left: 220px;
}

.ne-tab.showhide {
  height: 20px;
  overflow: hidden;
}

.ne-tab {
  border-bottom: 1px solid red;
  padding: 10px 0;
  margin-bottom: 30px;
}

.ne-tab .toggle {
  outline: none;
}

#edit_calendar {
  z-index: 12;

  /* display: none; */
  height: 390px;
}

/* REVIEW ????????????????????????????????????????????????????? */

#preview {
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 395px);
}

#preview img {
  max-width: 600px;
  max-height: 600px;
  display: block;
  margin: auto;
}

.report_wrap {
  margin-left: 25px;
  margin: 15px 15px 25px;
  border-radius: 4px;
  overflow: hidden;
}

.report_wrap h5 {
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(204 204 204 / 40%);
  padding: 10px 20px;
  margin: 0 0 5px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.ne-tasks #main,
.ne-requests #main {
  background: #f1f1f1;
}

.ne-task-edit header {
  display: none;
}

/* Requests */

#duedate,
#edit_duedate,
#rq_duedate,
.ne-datepicker {
  text-align: left;
  background: url("../images/ui/ui-timer-light.png") #222 no-repeat;
  background-size: 9px;
  background-position: calc(100% - 6px) 23px;
  color: #c7c5c5 !important;
  font-weight: 400;
  border: 0;
}

.view-tab {
  display: none;
}

.view-tab.active {
  display: block;
}

#ne_view.freeze {
  top: 100px;
  height: calc(100vh - 100px);
  overflow: visible;
}

.action-menu {
  position: fixed;
  top: 100px;
  left: 200px;
  z-index: 5;
}

.view-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 14;
  height: 1px;
}

.view-filter fieldset {
  position: fixed;
  bottom: 0;
  border: 0;
  width: 100%;
  background: #fff;
  display: none;
}

/* Task attachments */
#task_attached {
  width: 100%;
  left: 0;
  z-index: 39;
  height: auto;
  top: 0;
}

#task .toggle_reports {
  z-index: 11;
  position: absolute;
  top: 420px;
  left: 35px;
}

/* Task reports */

#reports-wrap {
  overflow: hidden;
  position: relative;
  height: 480px;
  top: 0;
}

#reports {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 102%;
  background: #f9f9f9;
  position: absolute;
  z-index: 45;
  top: 50px;
  max-height: 39px;
  overflow-y: hidden;
  transition: all 0.4s ease-in-out;
  left: 0;
}

#reports.active {
  top: -50px;
  transition: all 0.4s ease-in-out;
  max-height: 50px;
  overflow-y: scroll;
}

#reports li.collapsed {
  min-height: 30px;
}

#reports li.expand {
  height: unset;
  background: #fff;
}

.toggle_reports {
  position: absolute;
  top: 430px;
  right: 25px;
  width: 80px;
  height: 25px;
  line-height: 25px;
  background: rgb(0 0 0);
  display: block;
  font-size: 9px;
}

#reports .show_more {
  font-size: 9px;
  right: 46px;
  font-weight: 400;
  letter-spacing: 0.01em;
  position: absolute;
  bottom: 0;
  padding: 4px 7px;
  color: rgb(187 187 187);
  text-transform: uppercase;
}

.report-info {
  width: 100%;
  height: 30px;
  position: relative;
}

#reports .collapsed .message {
  overflow: hidden;
}

#reports .message.more {
  overflow: unset;
  height: auto;
}

#reports.active {
  top: 50px;
  height: auto;
  transition: 0.4s all ease-in-out;
  max-height: 350px;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}

#reports li:hover .report-status {
  opacity: 1;
}

#reports li {
  padding-top: 0;
  cursor: pointer;
  position: relative;
  min-height: 39px;
  transition: 0.4s all cubic-bezier(0.67, 0, 0.75, 0.72);
  height: auto;
}

#reports li.msg {
  cursor: pointer;
  position: relative;
  min-height: 40px;
  transition: 0.3s all ease-in-out;
  height: 40px;
}

#reports.active li.msg {
  padding-top: 40px;
  cursor: pointer;
  position: relative;
  min-height: 50px;
  transition: 0.3s all ease-in-out;
  padding-bottom: 15px;
  height: unset;
}

#reports .copy_clip {
  display: none;
  position: absolute;
  top: 10px;
  right: 100px;
}

#reports.active li:hover .copy_clip {
  display: block;
}

#reports.active li {
  transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.toggle_reports {
  position: absolute;
  top: 370px;
  right: 25px;
  width: 80px;
  height: 25px;
  line-height: 25px;
  background: rgb(0 0 0);
  display: block;
  font-size: 9px;
}

.toggle_reports {
  position: absolute;
  top: 420px;
  right: 25px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #ccc;
  display: none;
}

#reports .show_more {
  font-size: 9px;
  right: 46px;
  font-weight: 400;
  letter-spacing: 0.01em;
  position: absolute;
  bottom: 7px;
  padding: 4px 7px;
  color: rgb(187 187 187);
  text-transform: uppercase;
}

#reports .message {
  line-height: 23px;
  font-size: 13px;
  width: 15px;
  display: block;
  height: 15px;
  overflow: hidden;
  position: absolute;
  left: 170px;
  top: 9px;
  background-image: url("../images/ui/ui-message.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: transparent;
  text-align: left;
  margin: 0;
  background-color: unset;
}

.sloweasy,
.sloweasy:hover {
  transition: all 2.9s ease-in-out;
  transition: all 2.9s ease-in-out;
  transition: all 2.9s ease-in-out;
}

#reports .message.more {
  opacity: 0;
}

#reports.active .message.more {
  opacity: 1;
}

#reports .message.more {
  border: none;
  overflow: auto;
  height: auto;
  position: relative;
  margin-bottom: 70px;
  color: #ccc;
  font-size: 15px;
  background: #1b1b1b00;
  width: min(355px, calc(100% - 40px));
  max-width: calc(100% - 40px);
  max-height: 220px;
  left: 20px;
  border-radius: 5px;
  line-height: 22px;
  z-index: 1;
  margin: 0 0 20px;
  padding: 0 10px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#reports li:hover .date {
  opacity: 1;
}

#reports .date {
  left: 88px;
  position: absolute;
  top: 15px;
  color: #dedede;
  text-transform: uppercase;
  z-index: 2;
  font-weight: 300;
  letter-spacing: 0.08em;
  font-size: 9px;
  opacity: 0.2;
}

#reports .log {
  position: absolute;
  right: 53px;
  top: 13px;
  width: 59px;
  height: 15px;
  border-radius: 100%;
  text-align: right;
  color: #fff;
  opacity: 0.3;
  background-size: 105%;
  font-size: 12px;
}

#reports .log-0 {
  background-image: url("../images/ui/ui-log-0.png");
}

#reports .log-15 {
  background-image: url("../images/ui/ui-log-15.png");
}

#reports .log-30 {
  background-image: url("../images/ui/ui-log-30.png");
}

#reports .log-45 {
  background-image: url("../images/ui/ui-log-45.png");
}

#reports .log-60 {
  background-image: url("../images/ui/ui-log-60.png");
}

/* Charts */
#myChart {
  z-index: 99;
}

#show_task_settings {
  top: 380px;
  display: block;
  right: 20px;
}

#task_attached {
  display: none;
}

#task_attached.active {
  display: block;
  height: auto;
}

#add_field_button {
  position: absolute;
  right: 17px;
  top: 15px;
  width: 40px;
  z-index: 9;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  background: #f4a63a;
  color: #000;
}

body.ne-dash {
  background: #181818;
  height: 100%;
}

.ne-dash #main {
  z-index: unset;
  background: #181818;
  overflow: hidden;
  margin: 0;
}

fieldset#task_estimate {
  left: 25px;
  top: 560px;
  padding: 0;
}

/* Wrapper */

#dash-content {
  position: fixed;
  width: 100%;
  height: 560px;
  top: 0;
  z-index: 12;
}

.ne-task-edit #main {
  position: fixed;
  height: 100vh;
}

#file-wrap {
  position: relative;
  width: 130px;
  padding: 0 10px;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  height: 45px;
  left: 25px;
  bottom: 0;
  border: 1px solid rgb(170 170 170);
  display: none;
}

#file-wrap p {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  width: 100px;
  border-radius: 20px;
  margin: 14px 0 0 10px;
  color: rgb(68 68 68);
  background: url("../images/cloud.png") no-repeat;
  background-position: 3px 1px;
  background-size: 17px;
  padding-left: 19px;
  height: 20px;
}

#ne-file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/cloud.png") #ddd no-repeat;
  background-size: 10px;
  background-position: 0 0;
}

/* Update Task */

#taskdesc {
  line-height: 20px;
  font-size: 15px;
  padding-right: 75px;
  width: 100%;
}

#task_id {
  width: 70px;
  margin-left: 20px;
  position: absolute;
  z-index: 99;
  bottom: 35px;
  margin: 0;
  left: 80px;
  font-weight: 400;
  font-size: 20px;
  color: #ccc;
  display: none;
}

#ne-tasks .account,
#ne-tasks .assignee {
  display: none;
}

#ne-tasks {
  width: 100%;
}

body.ne-tasks {
  background: #f1f1f1;
  margin-bottom: 65px;
}

#task h2 {
  letter-spacing: 0.03em;
  font-weight: 400;
  padding: 0;
  margin: 0 20px;
  line-height: 1.3em;
  font-size: 1.2em;
}

#task {
  text-align: left;
  z-index: 9;
  width: 375px;
  margin: auto;
  background: #000;
}

.ulrow {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#dashlink {
  position: absolute;
  z-index: 99;
  right: 20px;
  display: none;
}

#dashlink.active {
  display: block;
}

#attachments {
  position: fixed;
  width: 335px;
  top: 435px;
  right: 20px;
  display: block;
  padding: 0;
  background: #ddd;
  list-style-type: none;
  border-radius: 5px;
}

#attachments li {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  margin: 6px 0 5px 7px;
  border: 1px solid #fff;
}

#attachments img {
  width: 250%;
  height: auto;
  margin: 0 5px 5px 0;
}

.tab.active .tab-content {
  display: block;
}

.copy_clip.caption {
  position: absolute;
  top: 133px;
  right: 24px;
  z-index: 99;
  background: #ffffff0f;
  display: none;
}

#list_item_editor .copy_clip {
  top: 86px;
  left: 20px;
  z-index: 99;
  display: none;
}



/* END action list */

#preview {
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 395px);
}

#edit_calendar {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;

  /* background: #262626; */

  /* padding-top: 67px; */
  height: 540px;
}

.ne_db {
  background: #124e12 !important;
  color: greenyellow !important;
  padding: 10px 0 10px 80px !important;
  position: fixed;
  z-index: 999;
  font-size: 14px !important;
  bottom: 0;
  right: 0;
  width: 450px;
  height: 90vh;
  top: 105px;
  overflow: hidden scroll;
  line-height: 14px !important;
}

.error.no-project.icon {
  right: 70px;
  background-image: url("../images/ui-optimized/ic-error-issue.png");
  background-size: contain;
}

span.assignee.error.inline {
  width: 15px;
  height: 15px;
  right: 33px;
  top: 10px;
  background-image: url("../images/ui/ui-user.png");
  background-size: 53%;
  background-position: center;
}

span.type.error {
  width: 15px;
  height: 15px;
  right: 55px;
  top: 10px;
  background-image: url("../images/ui/ui-search-dark.png");
  background-size: 45%;
  border-radius: 100%;
  background-position: center;
}

/* Requests */

#duedate,
#edit_duedate,
#rq_duedate,
.ne-datepicker {
  text-align: left;
  background: url("../images/ui/ui-timer-light.png") #222 no-repeat;
  background-size: 9px;
  background-position: calc(100% - 6px) 23px;
  color: rgb(59 59 59) !important;
  color: #c7c5c5 !important;
  font-weight: 400;
  border: 0;
}

#add_field_button {
  position: absolute;
  right: 18px;
  top: 10px;
  width: 337px;
  z-index: 9;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  background: #f4a63a;
  color: #000;
  left: unset;
}

.ui-widget.ui-widget-content {
  border: 0 solid rgb(60 60 60);
  width: 325px;
  margin-top: 3px;
  border-radius: 2px;
  padding: 0;
  box-shadow: 0 10px 12px -7px rgb(0 0 0 / 51%);
  z-index: 999 !important;
}

/* Log */
#logs {
  height: 50px;
  color: #c7c5c5;
  background: #424040;
}

#log_minute {
  margin-left: -4px;
}

#log .hour {
  margin-left: 11px !important;
  margin-right: 2px !important;
}

#task_logs .hour,
#task_logs .minute {
  margin-top: 0 !important;
  background: #000;
}

#task_logs #log_minute {
  width: 29px;
  margin: 0 -2px 0 -3px;
}

#show_schedule {
  top: 490px;
  position: absolute;
  left: 10px;
  z-index: 99;
  background-image: url("../images/ui/ui-edit-task.png");
  background-size: 20px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  color: transparent;
  background-position: center;
  opacity: 0.3;
  display: block;
}

.notice.dash {
  margin: 0;
  position: absolute;
  top: 30px;
  left: calc(50% - 160px);
  width: 320px;
}



/* Moved from 375px media query during safe base pass */


  #toggle_reports {
    background-image: url("../images/ui/ui-progress.png");
  }



  #edit_now {
    background-image: url("../images/ui/ui-filter-full.png");
    right: 110px;
    left: unset;
  }



  #show_task_attachments {
    background-size: 27px;
    background-position: calc(15px) 17px;
    left: unset;
    top: 430px;
    right: 20px;
    border-radius: 0;
  }



  #task_progress #task_reports {
    margin: 0 0 2px;
    padding: 0;
  }



  #task_progress #task_attachments {
    top: 200px;
    width: 160px;
    left: 25px;
    margin: 0;
  }



  #task_progress #task_logs {
    top: 190px;
    width: 160px;
    left: 200px;
    padding: 0;
  }

@media screen and (width >= 768px) {



  .task span.account {
    top: 15px;
    left: 80px;
    width: 45px;
    height: 45px;
    z-index: 20;
    opacity: 1;
    box-shadow: 1px 4px 5px #00000045;
    border-radius: 100%;
  }

  .task .task_assignee {
    position: relative;
    top: 15px;
    height: 45px;
    left: 80px;
    width: 45px;
    overflow: hidden;
    z-index: 20;
    opacity: 0;
  }

  #report_logs.badge {
    top: 445px;
    right: 40px;
  }

  .ne-list li.medium {
    height: 130px;
  }

  .ne-list li .avatar-wrap {
    top: 30px;
    left: 49px;
    width: 35px;
    height: 35px;
  }

  .notice.dash {
    top: 130px;
    font-size: 22px;
  }

  .ne-list .actions {
    width: 130px;
    height: 125px;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .ne-list .show-tasks {
    top: 75px;
  }

  .ne-list .actions.button {
    right: -90px;
  }


  .action-menu {
    position: absolute;
    top: 430px;
    left: 90px;
    background: #000;
    width: 20px;
    height: 100px;
    z-index: 20;
  }

  #ne_new_task #new-task .task textarea {
    height: 70px;
  }

  #ne_new_task #new-task textarea {
    height: 140px;
    font-family: var(--ne-app-font-family, "Mardoto", sans-serif);
  }

  #ne_new_task #description {
    font-size: 18px;
  }

  #ne_new_task .estimate {
    top: 320px;
    left: 200px;
  }

  #ne_new_task #task_estimate {
    width: 170px;
    left: 170px;
    top: 54px;
  }

  #create {
    position: fixed;
    top: 120px;
    display: block;
    left: 10px;
    z-index: 9;
    width: 280px;
  }

  #create .button {
    margin: 10px;
    display: inline-block;
  }

  #create_request.button {
    right: 175px;
  }

  #ne_main footer {
    display: none;
  }

  #task_attached {
    position: unset;
  }

  #attachments_wrap {
    position: unset;
    padding: 0;
    width: 100%;
    height: auto;
    overflow-y: unset;
    margin: 0;
    overflow-x: hidden;
    grid-gap: 4px;
    display: grid;
  }

  .task_attachment .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .task_attachment .thumb img {
    width: 100%;
    height: auto;
    opacity: 0.5;
  }

  .task_attachment:hover .thumb img,
  .task_attachment:hover .thumb {
    background-color: #2a2a2a;
  }

  #task_info .task-details.task_id {
    font-size: 24px;
    font-weight: 400;
  }

  #task_info p.task-details {
  }

  #task_info p.task-details:hover {
    /* background-color: #1b1b1b; */
  }

  #task_info p.task-details span {
    display: block;
    margin-bottom: 5px;
  }

  #task_info .team .member .role {
    color: #ae8d22;
    text-transform: uppercase;
    display: block;
  }

  .dash-form .submit {
    display: none;
  }

  .dash-form .button {
    width: -webkit-fill-available;
  }

  #reports-wrap {
    overflow: hidden;
    position: relative;
    height: 480px;
    top: 0;
  }

  #reports {
    background: #1b1b1b;
    transition: 0.4s all ease-in-out;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 37%);
  }

  #reports.active {
    max-height: 350px;
    overflow-y: scroll;
    transition: 0.4s all ease-in-out;
    padding-bottom: 0;
  }

  #task .toggle_reports {
    z-index: 11;
    position: absolute;
    top: 420px;
    left: 35px;
  }

  #reports li.collapsed {
    min-height: 30px;
  }

  #reports li.expand {
    height: unset;
    background: #fff;
  }

  .toggle_reports {
    position: absolute;
    top: 580px;
    right: 25px;
    width: 90px;
    height: 25px;
    line-height: 25px;
    background: rgb(0 0 0);
    display: block;
    font-size: 9px;
  }

  #reports .show_more {
    font-size: 9px;
    right: 46px;
    font-weight: 400;
    letter-spacing: 0.01em;
    position: absolute;
    bottom: 7px;
    padding: 4px 7px;
    color: rgb(187 187 187);
    text-transform: uppercase;
  }

  #reports .report-status {
    opacity: 0.6;
  }

  .report-info {
    width: 100%;
    height: 30px;
    position: relative;
  }

  #reports .collapsed .message {
    overflow: hidden;
  }

  #reports .author {
    font-weight: 500;
    letter-spacing: 0.04em;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 5px;
  }

  #ne_timeline li:hover {
    background: #4e4a4a;
    color: #000;
    transition: none;
  }

  .ne-list .task.selected {
    background: #454242;
    transition: none;
  }

  .task .title {
    width: 600px;
    left: 145px;
    font-size: 18px;
    top: 11px;
  }

  #task {
    text-align: left;
    z-index: 9;
    width: 375px;
    margin: auto;
    background: #000;
  }

  @keyframes task_view {
    0% {
      opacity: 1;
      height: 0;
    }

    1% {
      opacity: 1;
      height: 100vh;
    }

    10% {
      opacity: 1;
    }

    80% {
    }

    100% {
      height: 100vh;
    }
  }



}





@media screen and (width >= 320px) {



  .ne-list li:hover {
    background-color: #4a4646;
  }



  .ne-list li.fade {
    background: #2f2e2e;
  }



  .ne-list li:hover .task_status, .ne-list li.selected .task_status {
    /* opacity: 1; */
  
}


  .ne-list li.selected .task_status, .ne-list .project.item:active, .ne-list .project.item:focus {
    opacity: 1;
    filter: drop-shadow(0px -1px 3px #f5a83d3d) !important;
}


    0% {
      opacity: 0;
      right: -50%;
    }



    30% {
      opacity: 0.7;
      right: -10%;
    }



    40% {
      opacity: 1;
      right: -1%;
    }



    100% {
      opacity: 1;
      right: 0;
    }



  .dash-form .subtitle {
    line-height: 21px;
    letter-spacing: 0.04em;
    font-size: 14px;
    width: 290px;
    background: no-repeat;
    padding: 0;
    text-transform: inherit;
    font-weight: 300;
    position: absolute;
    top: 155px;
    left: 20px;
  }



  .dash-form .date-created {
    bottom: 10px;
    left: 20px;
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 300;
  }



  .dash-form .date-modified {
    bottom: 10px;
    left: 80px;
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 300;
  }



  a.button.icon.request-edit-form.shortcut {
    bottom: 30px;
    top: unset;
    width: -webkit-fill-available;
    margin: 2px;
    left: 0;
  }



  a.button.icon.request-edit-form.shortcut:hover {
    background-color: #ffffff29;
  }



  .button.icon.card-editor,
  .button.icon.request-edit-form {
    background-image: url("../images/ui/ui-view-dark-left.png");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
    color: transparent;
    width: 59px;
    height: 34px;
    background-color: #434241;
    top: 570px;
    left: 22px;
    border-radius: 3px;
    overflow: hidden;

    /* top: unset; */
    position: absolute;
  }



  .button.icon.card-editor {
    background-image: url("../images/ui/ui-edit.png");
    left: 100px;
  }



  .dash-form .subtitle .icon:hover {
    background-color: #222;
  }



  .dash-form .data {
    letter-spacing: 0.01em;
    font-size: 12px;
    width: 200px;
    background: no-repeat;
    padding: 0;
    text-transform: inherit;
    font-weight: 400;
    position: absolute;
    top: 69px;
    left: 20px;
    color: #888;
  }



  .dash-form .data strong {
    color: #444;
  }



  #task_info .task_description,
  .dash-form .main .description {
    font-size: 16px;
    left: 2px;
    letter-spacing: 0.03em;
    color: #b5b3b2;
    top: 264px;
    width: -webkit-fill-available;
    line-height: 24px;
    overflow-y: scroll;
    padding: 0 18px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background-color: #383636;
    height: 300px;
    overflow-x: unset;
  }



  #task_info .task-details.task_account,
  .dash-form .account-avatar {
    text-transform: capitalize;
    bottom: 18px;
    overflow: hidden;
    left: 15px;
    position: absolute;
  }



  #task_info .task-details .avatar-wrap,
  .dash-form .account-avatar .avatar-wrap {
    width: 55px;
    height: 35px;
    left: 0;
    top: 35px;
    border-radius: 0;
  }



  #task_info .task-details.task_account .avatar,
  .dash-form .account-avatar .avatar {
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 0;
  }



  .task-details.task_account span {
    margin: 9px 0 10px 45px;
    display: block;
    font-size: 29px;
    font-weight: 100;
    line-height: 14px;
  }



  #task_info .task-details.task_status {
    top: 35px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -0.04em;
    left: 205px;
    text-align: right;
    display: none;
  }



  .task .ind-todo {
    left: 144px;
    bottom: 4px;
    top: unset;
  }



  #task_info .team {
    display: grid;
    table-layout: auto;
    position: absolute;
    top: 16px;
    right: 118px;
    width: 130px;
    height: auto;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    margin: 2px 2px 1px;
    grid-gap: 2px;
  }



  #task_info .team .member {
    display: block;
    width: 100%;
    position: relative;
    padding: 12px 0;

    /* background: #4a4646; */
    margin-bottom: 0;
    height: auto;
  }



  .member .avatar-wrap .avatar-link,
  .member .avatar-wrap img {
    border-radius: 0 !important;
  }



  .member .avatar-wrap {
    left: 0;
    width: 35px;
    height: 35px;
    top: 0;
    right: unset;
  }



  #task_info .team .member .info {
    top: 5px;
    left: 50px;
    margin: 4px 0 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    font-weight: 300;
    display: none;
  }



  #task_info .team .member .role {
    font-weight: 400;
    top: 26px;
    font-size: 7px;
    letter-spacing: 0.12em;
  }



  #ne_timeline ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
  }



  #ne_timeline ul li {
    margin: 0;
  }



  #ne_timeline .data li {
    font-size: 21px;
    background: #fff;
    padding: 15px 0;
    border-top: 1px solid #eee;
    color: #aaa;
    font-weight: 100;
  }



  #ne_timeline .data li span {
    margin: 0;
    display: inline-block;
    width: 100px;
    font-weight: 300;
  }



  #ne_timeline .data .prio {
    background: #ccc;
    margin: 0;
  }



  #ne_timeline .data .prio.asap {
    background: #e48d36;
    margin: 0;
  }



  #ne_timeline .data .prio.now {
    background: #c33;
    margin: 0;
  }



  #ne_timeline .logs {
    margin: 0;
    font-size: 11px;
  }



  #ne_timeline .data .logs li {
    font-size: 11px;
    text-align: center;
    font-weight: 100;
  }



  .ne-list .r-pending {
    opacity: 0.6;
  }



  #ne_timeline .task {
    display: none;
    background-size: 423px;
    overflow: hidden;
  }



  #ne_timeline .task.active {
    display: block;
    animation-duration: 600ms;
    transform-origin: 0% 0%;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    opacity: 1;
  }


    0% {
      transform: translateX(300px);
    }



    10% {
      transform: translateX(20px);
    }



    50% {
      transform: translateX(5px);
    }



    100% {
      transform: translateX(0);
    }





  .task:hover span.order {
    font-size: 12px;
    right: 10px;
    top: 12px;
    width: auto;
  }



  .task:hover span.order.req {
    right: 40px;
  }



  .task span.order {
    font-size: 12px;
    right: -40px;
    top: 8px;
  }



  .task span {
    display: block;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: rgb(137 137 137);
    font-size: 26px;
    margin: 0;
    height: 19px;
    position: absolute;
    top: 27px;
    width: 55px;
  }



  #ne_timeline .task .task_priority {
    padding: 0;
    margin: 0;

    /* position: absolute; */
    border-radius: 40px;
    width: 10px;
    height: 10px;
    top: 33px;
    right: 131px;
    z-index: 0;
    left: unset;
  }



  #ne_timeline .task:hover .task_priority {
    padding: 0;
    margin: 0;

    /* position: absolute; */

    /* border-radius: 50px; */
    height: 20px;
    top: 27px;
    right: 124px;
    width: 20px;
  }



  .task.selected p,
  .task:hover p {
    opacity: 1;
  }





  #ne_timeline .ne-task-edit {
    display: block;
    width: 65px;
    height: 35px;
    margin: 0;
    text-align: center;
    line-height: 35px;
    color: #b4b4b4;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
  }



  #ne_timeline a.avatar-link {
    padding: 0;
  }



  #ne_timeline .task .details {
    display: none;
  }



  .ne_timeline.active {
    display: inherit;
  }



  #ne_timeline .report-status {
    width: 10px;
    text-align: center;
    font-size: 11px;
    vertical-align: text-top;
  }



  #ne_timeline .status {
    display: block;
    border-radius: 0;
    width: 10px;
  }



  #ne_timeline td {
    font-size: 13px;
    letter-spacing: 0.01em;
    font-weight: 300;
    color: #444;
    vertical-align: middle;
    position: relative;
  }



  #ne_timeline .logs li {
    display: table-cell;
    width: 1%;
  }



  #ne_timeline .details {
    height: 150px;
    background: #eee;
  }



  #ne_timeline td.statuses {
    width: 20px !important;
  }



  .ne-label {
    display: block !important;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left !important;
    font-size: 9px;
  }



  #edit_task {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 15px;
    text-align: center;
    height: 15px;
    border-radius: 25px;
    font-size: 25px;
    line-height: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    color: #ccc;
  }



  #edit_task {
    right: 80px;
  }



  #show_ready.selected {
    background: #16bdff !important;
  }



  #show_progress.selected {
    background: #e9c750 !important;
  }



  #show_all.selected,
  #show_ne-hold.selected {
    background: #000 !important;
  }



  #show_pending.selected {
    background: #d2d2d2 !important;
  }



  #show_issue.selected {
    background: #fb5438 !important;
  }



  #show_tested.selected {
    background: #add1d2 !important;
  }



  #show_complete.selected {
    background: #5ada5a !important;
  }



  #show_review.selected {
    background: #ff9ce5 !important;
  }



  .bg.ready {
    background-color: #33baff !important;
    color: #006f9b;
  }



  .bg.progress {
    background-color: #ffe81c !important;
    color: #826d21;
  }



  .bg.planning {
    background-color: #fff !important;
    color: #858585;
  }



  .bg.onboarding {
    background-color: #878aff !important;
    color: #826d21;
  }



  .bg.active {
    /* background-color: #f4a83c !important; */
    color: #826d21;
    opacity: 1 !important;
  }



  .bg.contract {
    background-color: #e7c33d !important;
    color: #826d21;
  }



  .bg.prospect {
    background-color: #f00 !important;
    color: #826d21;
    opacity: 1 !important;
  }



  .bg.pending {
    background-color: rgb(224 219 219) !important;
    color: #404040;
  }



  .bg.discuss {
    background-color: rgb(45 169 118) !important;
    color: #421d1d;
  }



  .bg.ne-hold {
    background-color: rgb(118 65 255) !important;
    color: #5200d8;
  }



  .bg.issue {
    background-color: #ff3b1a !important;
    color: #ac1800;
  }



  .bg.archive {
    background-color: #8b8b8b !important;
    color: #ac1800;
  }



  .bg.tested {
    background-color: #aefdff !important;
    color: #217c7e;
  }



  .bg.complete {
    background-color: #00fa29 !important;
    color: #1b7c1b;
  }



  .bg.review {
    background-color: #ff6cf1 !important;
    color: #c43aa0;
  }



  .bg.backlog {
    background-color: #e45a20 !important;
  }



  .bg.research {
    background-color: #4751ff !important;
  }



  .border.ready {
    border-color: #5da9ff !important;
  }



  .border.progress {
    border-color: #ffe81c !important;
  }



  .border.pending {
    border-color: rgb(215 212 212) !important;
  }



  .border.ne-hold {
    border-color: rgb(112 4 255 / 60%) !important;
  }



  .border.issue {
    border-color: #ff3b1a !important;
  }



  .border.tested {
    border-color: #aefdff !important;
  }



  .border.complete {
    border-color: #2fff60 !important;
  }



  .border.review {
    border-color: #ff6cf1 !important;
  }

}





@media screen and (width >= 375px) {



  .warning-icon.schedule {
    top: 435px;
    left: 270px;
  }



  #show_task_settings.hidden {
    display: none;
  }



  #show_task_settings.active,
  #toggle_reports.active {
    display: block;
    top: 350px;
    right: 10px;
    left: unset;
    opacity: 0.3;
  }



  #show_task_attachments.active {
    display: block;
    background-image: url("../images/cloud.png");
    background-size: 27px;
    left: unset;
    top: 410px;
    right: 10px;
    opacity: 0.3;
  }


    0% {
      opacity: 0;
      right: -50%;
    }



    30% {
      opacity: 0.7;
      right: -10%;
    }



    40% {
      opacity: 1;
      right: -1%;
    }



    100% {
      opacity: 1;
      right: 0;
    }



  #switch_cycle {
    display: none;
  }



  .task .task-category .label,
  .ne-project-type {
    height: 15px;
    width: 15px;
    z-index: 20;
    background-image: url("../images/ui/task-cat-icons/cat-production.png");
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    overflow: hidden;
    right: 44px;
    position: absolute;
    top: 42px;
    margin: 0;
    border-radius: 0;
  }



  #ne_timeline .task.active .task-category .label {
    top: 8px;
  }



  span.review-error {
    right: 30px;
    font-size: 9px;
    top: 14px;
    background-image: url("../images/ui/ui-warning.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: transparent;
  }



  .task .task-category .label.cat-consulting,
  .ne-project-type.cat-consulting {
    background-image: url("../images/ui/task-cat-icons/cat-consulting.png");
  }



  .task .task-category .label.cat-administrative,
  .ne-project-type.cat-administrative {
    background-image: url("../images/ui/task-cat-icons/cat-administrative.png");
  }



  .task .task-category .label.cat-development,
  .ne-project-type.cat-development {
    background-image: url("../images/ui/task-cat-icons/cat-development.png");
  }



  .task .task-category .label.cat-unsorted,
  .ne-project-type.cat-unsorted {
    background-image: url("../images/ui/task-cat-icons/cat-administrative.png");
  }



  .task .task-category .label.cat-copywrite,
  .ne-project-type.cat-copywrite {
    background-image: url("../images/ui/task-cat-icons/cat-copywrite.png");
  }



  .task .task-category .label.cat-3d-modeling,
  .ne-project-type.cat-3d-modeling {
    background-image: url("../images/ui/task-cat-icons/cat-3d-modeling.png");
  }



  .task .task-category .label.cat-production,
  .ne-project-type.cat-production {
    background-image: url("../images/ui/task-cat-icons/cat-production.png");
  }



  .task .task-category .label.cat-production,
  .ne-project-type.cat-other {
    background-image: url("../images/ui/task-cat-icons/cat-other.png");
  }



  .task .task-category .label.cat-production,
  .ne-project-type.cat-sales {
    background-image: url("../images/ui/task-cat-icons/cat-sales.png");
  }



  .task .task-category .label.cat-smm,
  .ne-project-type.cat-smm {
    background-image: url("../images/ui/task-cat-icons/cat-smm.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-design {
    background-image: url("../images/ui/task-cat-icons/cat-design.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-management {
    background-image: url("../images/ui/task-cat-icons/cat-management.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-marketing {
    background-image: url("../images/ui/task-cat-icons/cat-marketing.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-business {
    background-image: url("../images/ui/task-cat-icons/cat-business.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-research {
    background-image: url("../images/ui/task-cat-icons/cat-research.png");
  }



  .task .task-category .label.cat-design,
  .ne-project-type.cat-uiux {
    background-image: url("../images/ui/task-cat-icons/cat-uiux.png");
  }



  .ne-list .task .avatar-wrap {
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-size: cover;
  }





  #task {
    text-align: left;
    z-index: 9;
    width: 375px;
    margin: auto;
    background: #000;
  }



  #rubber.pullup {
    height: 0;
    animation-name: refresh;
    animation-duration: 300ms;
    transform-origin: 0% 0%;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
  }


    0% {
      height: 100px;
    }



    10% {
      height: 80px;
    }



    80% {
      height: 10px;
    }



    100% {
      height: 0;
    }



  #rubber {
    height: 0;
    margin-top: 0;
  }



  #dash-image {
    background: url("../images/dash-image.png");
    width: 100%;
    height: 450px;
    background-size: auto 170%;
    background-position: -370px 590px;
  }



  bo {
    left: 0;
    position: relative;
    border-bottom: 0.5px solid rgb(64 59 59 / 22%);
    width: 205px;
    height: 59px;
    line-height: 59px;
    border-radius: 0;
    text-align: left;
    padding-left: 80px;
    font-size: 18px;
    background: #eee;
    color: #777 !important;
  }



  #touch-data {
    position: fixed;
    z-index: 10;
    width: 69px;
    top: 160px;
    left: 160px;
  }



  #touch-data input {
    padding: 3px;
    font-size: 14px;
    text-align: center;
  }
}





@media screen and (width >= 1024px) {




  .ne-list {
    width: calc(100% - 1px);
  }
.ne-list.simple .task_status {
    left: 3px;
}
.ne-list.simple .account, .ne-list.simple li:hover .account {
    left: -60px;
}
.ne-list.simple .title {
    left: 40px;
    font-size: 24px;
    top: 20px;
}
.ne-list.simple li:hover .title {
    left: 40px;
    font-size: 18px;
    top: 10px;
}
.ne-list.simple li:hover .task-category {left: 20px;}
.ne-list.simple li:hover .description {left: 70px;}
.ne-list.simple li:hover .task_assignee, .ne-list.simple li .task_assignee {left: -50px;}
.ne-list:hover li .title {opacity: 0.7}
  .ne-list:hover li:hover .title {opacity: 1}
  



  
  .ne-list .item {
    height: 72px;
    display: none;
    background-position: 20px 170px;
    background-repeat: no-repeat;
    background-size: 15px;
  }

  .ne-list .item .info {
    position: absolute;
    left: 200px;
    top: 120px;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.4;
  }

  .ne-list .item .request-duedate {
    left: 20px;
  }

  .ne-list .item .expected-duedate {
    left: 100px;
  }

  .ne-list .description {
    font-size: 14px;
    line-height: 22px;
    width: 420px;
    height: 24px;
    overflow: hidden;
    font-weight: 400;
    letter-spacing: 0.06em;
  }

  .ne-list .title {
    width: auto;
    color: #b1b1b1;
    max-width: 60%;
    height: 31px;
    overflow: hidden;
  }

  .ne-list .goals {
    position: absolute;
    top: 140px;
    left: 90px;
    line-height: 26px;
    font-size: 13px;
  }

  .ne-list .item.actions {
    width: 200px !important;
  }

  .ne-list .item.actions a {
    color: transparent !important;
  }


  #ne_requests .tasks {
    position: relative;
    width: 100%;
    margin-top: 2px;
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    top: 150px;
  }

  #ne_requests .tasks:not(.active) {
    display: none;
  }


  #notifications {
    left: unset;
    opacity: 0.2;
    z-index: 99;
    position: fixed;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
  }

  .report_wrap {
    margin-left: 25px;
    margin: 0 auto 25px;
    border-radius: 0;
    overflow: hidden;
  }

  .madd_edit_pop .wrap {
    padding: 1px;
    width: max-content;
    display: inline-block;
    vertical-align: top;
  }

  .madd_edit_pop .wrap #bulk_duedate {
    font-size: 14px;
    background-color: #383636 !important;
  }

  .madd_edit_pop .wrap .ne-form {
    display: inline-block;
    width: 94px;
    height: 28px;
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    vertical-align: text-top;
    margin: 0 3px;
    border-radius: 7px;
  }

  select#filter_request_status {
    background: url("../images/ui/button-arrow.png") #383636 no-repeat !important;
    color: #b6b4b4;
    padding: 6px 8px;
    font-size: 14px;
    text-transform: capitalize;
    border: 0;
    background-position: calc(100% - 0px) 7px !important;
    background-size: 20px !important;
  }

  #edit_duedate,
  #bulk_duedate {
    background: url("../images/ui/button-arrow.png") #424040 no-repeat !important;
    color: #b6b4b4;
    padding: 6px 12px;
    font-size: 17px;
    text-transform: capitalize;
    border: 0;
    background-position: calc(100% - 0px) 7px !important;
    background-size: 20px !important;
  }

  .madd_edit_pop {
    position: fixed;
    top: 61px;
    width: calc(100% - 0%);
    background: #232323;
    z-index: 99;
    right: 0;
    box-shadow: 1px 1px 40px #00000047;
    height: 42px;

    /* padding: 10px 10px 10px 68%; */
  }

  .madd_edit_pop #delete_check + label {
    color: #fff;
    height: 12px;
    width: 68px;
    display: block;
    margin: 1px 8px 1px 1px;
    background-size: 12px auto !important;
    top: 6px;
    line-height: 14px;
  }

  .madd_edit_pop #delete_check:checked + label span {
    height: 20px;
    width: 18px;
  }

  .madd_edit_pop .ne-checkbox {
    background: #df1818;
    width: max-content;
    height: auto;
    margin: 0;
    position: absolute;
    bottom: 33px;
    left: 40px;
    z-index: 8;
  }

  #bulk_edit_save .actions {
    display: inline-block;
    width: max-content;
    text-align: right;
    padding: 0;
    margin: 0;
  }

  .madd_edit_pop .row p {
    width: 100px;
    display: inline-block;
  }

  .madd_edit_pop .row p {
    width: 720px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .madd_edit_pop .row fieldset {
    width: 230px;
    display: inline-block;
    border: none;
    position: absolute;
    right: 0;
    padding: 0;
    margin: 0;
  }

  .madd_edit_pop input[type="radio"] + .ne-ui {
    width: 45px;
    background: #e4e4e4;
    font-size: 23px;
    text-align: center;
    padding: 0;
    margin: 0 2px;
    position: relative;
  }

  .madd_edit_pop input[type="radio"]:checked + .ne-ui {
    background: url("../images/ui/ui-ok-white.png") #ccc no-repeat;
    background-size: 24px;
    background-position: 9px center;
  }

  .madd_edit_pop .row {
    min-height: 40px;
    background: #fff;
    margin-bottom: 2px;
    padding: 10px;
    position: relative;
  }

  .madd_edit_pop .order {
    width: 70px;
    display: inline-block;
    vertical-align: top;
  }

  #bulk_edit_save .button {
    display: inline-block;
  }

  #bulk_edit_save .button {
    display: inline-block;
    margin: 0 0 10px 2px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

  form#bulk_edit_save {
    text-align: right;
    position: absolute;
    right: 18px;
    top: 6px;
  }

  .main-priority {
    width: 320px;
    display: inline;
  }

  #dash-image {
    background: url("../images/dash-image.png");
    width: 100%;
    height: 780px;
    background-size: auto 200%;
    background-position: -650px 1150px;
  }

  #stats_tab {
    width: 100%;
    height: 40px;
    background: #1b1b1b;
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    grid-gap: 2px;
    padding: 2px;
  }

  #stats_tab .wrap {
    display: flex;
    height: -webkit-fill-available;
    grid-gap: 2px;
  }

  #stats_tab .stat {
    width: -webkit-fill-available;
    position: relative;
    font-size: 13px;
    background: #383636;
    height: -webkit-fill-available;
  }

  #stats_tab .label {
    position: absolute;
    left: 12px;
    font-size: 6px;
    top: 8px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
  }

  #stats_tab .value {
    position: absolute;
    right: 12px;
    bottom: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
  }

  #ne_timeline_pager {
    position: fixed;
    bottom: 0;
    right: 91px;
    width: 80px;
    height: 40px;
    background: #1b1b1b;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    box-sizing: border-box;
  }

  #ne_timeline_pager .pager-arrow {
    color: #d3d3d3;
    font-size: 14px;
    text-decoration: none;
    width: 18px;
    text-align: center;
  }

  #ne_timeline_pager .pager-arrow.disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  #ne_timeline_pager .pager-meta {
    color: #9e9e9e;
    font-size: 10px;
    letter-spacing: 0.06em;
  }

  /* Forced pager copy without media-query dependency. */
  body.mobile #ne_timeline_pager,
  html.mobile #ne_timeline_pager,
  #ne_timeline_pager.ne-mobile-visible,
  #ne_view #ne_timeline_pager,
  body #ne_timeline_pager {
    right: 8px;
    bottom: 8px;
    width: 104px;
    height: 44px;
    background: #f4a83c;
    border: 1px solid rgba(0, 0, 0, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    z-index: 20;
    display: flex;
  }

  body.mobile #ne_timeline_pager .pager-arrow,
  html.mobile #ne_timeline_pager .pager-arrow,
  #ne_timeline_pager.ne-mobile-visible .pager-arrow,
  body #ne_timeline_pager .pager-arrow {
    color: #111;
    font-size: 18px;
    font-weight: 700;
  }

  body.mobile #ne_timeline_pager .pager-meta,
  html.mobile #ne_timeline_pager .pager-meta,
  #ne_timeline_pager.ne-mobile-visible .pager-meta,
  body #ne_timeline_pager .pager-meta {
    color: #111;
    font-size: 11px;
    font-weight: 700;
  }

  #ne_timeline .task-desc {
    display: inline-block;
    height: 65px;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 65px;
    color: #000;
    overflow: hidden;
    cursor: pointer;
  }



}

/* Match the Transaction row geometry for shared identity controls. */
#ne_timeline.ne-list > li.task > .ne-row-date--task { display: block !important; left: 1px; top: 0; z-index: 2; opacity: 1; visibility: visible; }
#ne_timeline.ne-list > li.task > .task_assignee,
#ne_timeline.ne-list > li.task > .account { position: absolute; top: 18px; left: 79px; width: 38px; height: 38px; overflow: visible; opacity: 1; z-index: 20; }
#ne_timeline.ne-list > li.task > .task_assignee .ne-row-avatar,
#ne_timeline.ne-list > li.task > .account .ne-row-avatar { position: absolute; inset: 0 auto auto 0; width: 38px; height: 38px; border-radius: 50%; background-position: center; background-size: cover; }
#ne_timeline.ne-list > li.task > .account .ne-row-avatar--secondary { left: 23px; top: 18px; width: 22px; height: 22px; box-shadow: 0 0 0 2px #383636; }
#ne_timeline.ne-list > li.task > .title { left: 132px; top: 22px; width: calc(100% - 720px); max-width: none; height: 31px; font-size: 22px; line-height: 31px; }
#ne_timeline.ne-list > li.task > .task_id { top: 51px; right: 16px; bottom: auto; left: auto; width: auto; font-size: 9px; }
#ne_timeline.ne-list > li.task > .button.check { top: 10px; right: 16px; width: 25px; height: 25px; }