.ne-list .task .estimate-clock {
  left: 1050px;
  position: absolute;
  top: 20px;
  width: 178px;
}

.ne-list .task .ne-time-input a {
  height: 30px;
  line-height: 28px;
}

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

.task-progress-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2px;
  position: absolute;
  bottom: 68px;
  width: 100%;
}

.task-progress-stats .label {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 7px;
  position: absolute;
  color: #fff;
}

.task-progress-stats .report-item {
  background: #4a4646;
  padding: 8px;
  text-align: center;
  position: relative;
}

.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;
}

.task-actions .ne-checkbox-switch {
  background: none;
  border: 0;
  color: transparent;
  margin: 0;
  min-width: unset;
  width: -webkit-fill-available;
  height: 30px;
}

.task-actions .ne-form input[type="checkbox"] + .ne-ui {
  border: 0;
  margin: 0;
  height: 29px;
  line-height: 29px;
  font-size: 8px;
  background: #3d3b3b;
  color: #b3b3b3;
  width: 100%;
  background-position: 8px !important;
  padding: 0;
}

.task-actions .ne-form input[type="checkbox"] + .ne-ui span {
  padding-left: 35px;
  background-position: left;
}

.ne-checkbox-switch label {
  position: unset;
}

input[type="checkbox"] + label {
  background: #ccc;
}

input[type="checkbox"] + label {
  display: inline-block;
  width: 200px;
  padding-left: 28px;
  height: 18px;
  line-height: 1.2em;
  margin: 0 4px 0 0;
  vertical-align: middle;
  background: url("../images/ui/lights-diod-green-off.png") 0 0 no-repeat;
  background-size: contain !important;
  cursor: pointer;
}

input[type="checkbox"]:checked + label {
  background: url("../images/ui/check_radio_sheet_v.png") 0 -18px no-repeat;
}

@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;
}

.avatar-wrapper {
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 70px;
  position: relative;
  display: inline-block;
  top: 15px;
  right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ui-sortable-placeholder {
  width: 100px;
  height: 20px;
  background-color: #26262680 !important;
  display: block;
  visibility: unset !important;
  border: 1px dashed #1f1f1f !important;
}

.label.warning {
  background: #fb5438 !important;
  color: #e5e5e5;
}

.label.attention {
  background: #e9c750 !important;
  color: #363636;
}

.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;
}

.ne-time-input.ne-form-ui input {
  font-weight: 600;
}

.upload-form {
  position: fixed;
  top: 390px;
  z-index: 108;
  right: 15px;
  width: 320px;
  background: #d1d1d1;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 3px 5px 9px #00000042;
}

/* 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;
}

.single-form .button {
  display: inline-block;
  border: none;
  line-height: 38px;
  padding-left: 0;
  padding-right: 0;
}

.media-post .avatar-wrap {
  right: 10px;
  top: 0;
  position: absolute;
}

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

.ne-list .item .meta {
  height: 170px;
}

.ne-list .item-id {
  font-size: 22px;
  color: #888;
  top: 30px;
}

.ne-list .action-menu {
  top: 95px;
  left: 0;
}

.ne-list .item-status {
  font-size: 9px;
  left: 20px;
  text-transform: uppercase;
  font-weight: 500;
  position: absolute;
  top: 210px;
  color: rgb(255 255 255 / 60%);
  width: 60px;
  text-align: center;
  padding: 5px 0;
  border-radius: 2px;
  letter-spacing: 0.03em;
}

.request .actions {
  width: 115px;
  height: 35px;
  position: absolute;
  top: 110px;
  right: 0;
}

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

.ne-list .item .request-duedate {
  left: 90px;
  top: 210px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  color: rgb(0 0 0 / 60%);
  width: 60px;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 0.03em;
  background: rgb(238 238 238);
  height: 20px;
  line-height: 20px;
}

.ne-list .item .expected-duedate {
  left: 20px;
  top: 210px;
  color: red;
  text-transform: uppercase;
  font-weight: 500;
  width: 70px;
  border-radius: 2px;
  letter-spacing: 0.03em;
  height: 20px;
  line-height: 20px;
}

.ne-list .item .feedback {
  left: unset;
  top: 24px;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  width: 60px;
  border-radius: 2px;
  letter-spacing: 0.03em;
  height: 20px;
  line-height: 20px;
  right: 5px;
}

.ne-list .item .item-account {
  left: 45px;
  top: 85px;
  font-size: 11px;
  color: #aaa;
  text-align: right;
  right: unset;
  font-weight: 500;
}

.ne-list .item .label.status {
  width: 4px;
  top: 11px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  transform-origin: right;
  left: 84px;
  height: 52px;
  padding: 0;
  color: transparent;
  /* filter: drop-shadow(0px -1px 3px #f5a83d3d) !important; */
}

.ne-list .campaign .label.badge {
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
  display: grid;
  position: unset;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
  background-image: none;
}

.ne-list .media-list .label.status {
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  padding: 1px;
  position: unset;
}

.ne-list .media-list .empty h3 {
  color: #949494;
  background: #1b1b1b !important;
}

.ne-list .campaign .label.badge.empty p {
  background: #262626;
}

.ne-list .media-list h3 {
  font-size: 8px;
  padding: 5px;
  font-weight: 400;
  opacity: 1;
  letter-spacing: 0.08em;
  color: #000;
}

.ne-list .media-list p {
  font-size: 17px;
  background-color: #89898942;
  padding: 4px 0;
  font-weight: 400;
  color: #bfbfbf;
}

.ne-list .campaign .media-list {
  width: max-content;
  position: absolute;
  top: 11px;
  left: 451px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 2px;
}

.ne-list .media-list .empty p {
  color: #8888884a;
}

.ne-list .item .expand {
  position: absolute;
  right: 17px;
  bottom: unset;
  top: 60px;
  background: url("../images/ui/ui-add-new.png") #4444445c no-repeat;
  background-size: auto auto !important;
  background-size: 20px !important;
  background-position: center !important;
  color: transparent;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
}

.ne-list .item .expand.active {
  background: url("../images/ui/ui-remove-2.png") #f3a83c no-repeat;
}

.ne-list .item .show-media {
  position: absolute;
  right: 114px;
  bottom: unset;
  top: 12px;
  background: url("../images/ui/ui-add-new.png") #383636 no-repeat;
  background-size: auto auto !important;
  background-size: 20px !important;
  background-position: center !important;
  color: transparent;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  line-height: unset;
  font-size: 23px;
}

.ne-list .item .show-media.active {
  background: url("../images/ui/ui-remove-2.png") #f3a83c no-repeat;
}

fieldset.themes ul.none li {
  background: #383636;
  border: 1px solid #e0e0e01f;
  margin-bottom: 2px;
  padding: 6px 10px;
  font-size: 14px;
  color: #ffffff78;
  letter-spacing: 0.03em;
}

.ne-list .item .subitems {
  display: none;
}

.ne-list .item .subitems.active {
  display: block;
  height: auto;
  max-height: 270px;
  background: #1b1b1b;
  position: unset;
  margin-top: 28px;
}

.ne-list .item .subitems.active li {
  display: block;
}

.button-sm {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 50px;
}

.ne-list .button-sm,
.ne-rows .button-sm {
  background-image: url("../images/ui/ic_add.jpg");
  color: transparent;
  position: absolute;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  background-color: unset !important;
  opacity: 0.4;
}

.ne-list .button-sm.openx,
.ne-rows .button-sm.openx {
  width: 100%;
  height: 50px;
  filter: grayscale(1);
  position: unset;
  z-index: 999;
  background-image: url("../images/ui/ne-drk-ac-action-folder.png");
}

.ne-list .button.duplicate {
  background-image: url("../images/ui/ne-drk-ac-duplicate.png");
}

.ne-list .button.request {
  background-image: url("../images/ui/ne-drk-ac-folder.png");
}

.ne-list .button.media-add {
  background-image: url("../images/ui/ne-action-add.png");
}

.ne-list .button.brainstorm {
  background-image: url("../images/ui/ne-action-generate.png");
}

.ne-list .button.settings {
  background-image: url("../images/ui/ne-drk-ac-settings.png");
}

.ne-list .button.project-add {
  background-image: url("../images/ui/ne-drk-ac-add.png");
}

.ne-list .button.cloud {
  background-image: url("../images/ui/ne-drk-ac-cloud.png");
}

.ne-list .button.progress {
  background-image: url("../images/ui/ne-drk-ac-progress.png");
}

.ne-list .button.campaign {
  background-image: url("../images/ui-optimized/ic-campaigns-dark.png");
}

.ne-list .button-sm.load-group {
  display: inline-block;
  position: absolute;
  background-position: center;
  background-image: url("../images/ui-optimized/ic-request-dark.png");
  right: 470px;
  width: 45px;
  top: 13px;
  height: 45px;
}

.ne-list .action-list .button-sm:hover,
.ne-list .action-list .button:hover {
  /* background-color: #0000000a !important; */
  background-size: 50px;

  /* border-radius: 100%; */
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
}

.ne-list .button-sm.openx:hover {
  opacity: 1;
}

.ne-list .button-sm.load-group:hover {
  opacity: 1;
}

.ne-list .item p.title {
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 81%;
  font-weight: 400;
  height: 85px;
  overflow: hidden;
}

.ne-list_wrapper {
  overflow: hidden scroll;
  height: 595px;
  -webkit-overflow-scrolling: touch;
}

.ne-list_filter {
  display: none;
}

.ne-list li {
  margin: 0 0 1px;
  padding: 0;
  width: 100%;
  height: 72px;
  position: relative;

  /* display: none; */
  background-size: 423px;
  background-position-y: 110px;
  cursor: pointer;
  color: #444;
  background: #383636;
}

.avatar-wrap.medium {
  background-size: contain;
  top: 10px;
  left: 11px;
  position: absolute;
  width: 25px;
  height: 25px;
}

.ne-list li .avatar-wrap {
  top: 20px;
  left: 20px;
  border: 0 solid #ffffff12;
}

.ne-list .status {
  display: block;
  width: 15px;
  height: 45px;
  left: 0;
  top: 0;
  position: absolute;
}

.ne-list span.format {
  position: absolute;
  left: 144px;
  top: 48px;
  line-height: 5px;
  border: 1px solid #80828582;
  height: 14px;
}

.ne-list li:hover span.format {
  top: -48px;
}

.ne-list .date-tab.active {
  font-size: 10px;
  text-transform: uppercase;
  padding: 24px 0 10px 15px;
  font-weight: 100;
  background-size: 423px;
  border-top: 1px solid rgb(201 201 201 / 19%);
  border-bottom: 1px solid #00000047;
  cursor: default;
  color: #444;
  background: #262626;
  border: 1px solid #0000000d;
}

.ne-list .date-tab.active span {
  font-size: 10px;
  font-weight: 900;
  color: #555;
}

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

.report_wrap table {
  width: 100%;
}

.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;
}

/* Badges */

.badges {
  width: 100%;
  height: auto;
  padding: 0;
}

.badges li {
  padding: 0;
  list-style-type: none;
  background: #f9f9f9;
  width: 105px;
  height: 90px;
  position: relative;
  display: inline-block;
  border-radius: 0;
  border: 1px solid #dfdfdf;
  z-index: 9;
  margin: 10px 13px 10px 0;
  box-shadow: 0 2px 11px 0 rgb(0 0 0 / 60%);
  overflow: hidden;
}

.badges span {
  position: absolute;
}

.large .badges .label {
  color: #9a9a9a;
  text-transform: uppercase;
  font-weight: 600;
  top: 15px;
  left: 15px;
  font-size: 9px;
}

.small .badges .label,
.badges .label {
  text-transform: uppercase;
  font-weight: 800;
  top: 3px;
  left: 3px;
  font-size: 17px;
  color: #000;
}

.large .badges .value {
  font-size: 28px;
  bottom: 11px;
  width: 155px;
  text-align: right;
  left: 17px;
  color: rgb(0 0 0);
  right: unset;
}

.small .badges .value,
.badges .value {
  font-size: 36px;
  bottom: 7px;
  width: 120px;
  text-align: right;
  right: 7px;
  color: rgb(0 0 0);
  font-weight: 400;
}

.large .badges .rate {
  bottom: 5px;
  bottom: 16px;
  left: 16px;
  font-weight: 600;
  font-size: 12px;
  width: 50px;
}

.small .badges .rate {
  bottom: 5px;
  bottom: 9px;
  left: 9px;
  font-weight: 800;
  font-size: 9px;
  width: 50px;
}

img.product_thumb {
  width: 23px;
  height: auto;
  opacity: 0.4;
}

.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;
}

.view-filter .button {
  display: none;
}

/* New Task */

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

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

#attachments_wrap {
  position: absolute;
  padding: 0;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  height: 410px;
  overflow: hidden scroll;
  margin: 0;
}

#attachments_wrap .task_attachment {
  display: grid;
  height: 40px;
  width: 100%;
  position: relative;
  overflow: hidden;
  grid-gap: 8px;
}

#attachments_wrap .task_attachment a,
#attachments_wrap .task_attachment a:hover {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

.task_attachment .thumb {
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: rgb(67 64 64);
  background-image: url("../images/ui/ui-attach-2.png");
  background-size: auto 16px;
  background-position: 18px 11px;
  background-repeat: no-repeat;
  padding-left: 22px;
}

.task_attachment .button-sm.delete {
  float: none;
  position: absolute;
  z-index: 99;
  top: 12px;
  right: -150px;
  background-color: #383636;
}

.task_attachment:hover .button-sm.delete {
  top: 9px;
  right: 12px;
  display: block;
  position: absolute;
  z-index: 99;
}

.task_attachment .button-sm.delete:hover {
  display: block;
  right: 12px;
  background-color: red;
}

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

.task_attachment h4 {
  font-size: 16px;
  overflow: hidden;
  position: absolute;
  margin: 0;
  width: 100%;
  color: rgb(168 168 168);
  padding: 10px 20px 0;
  z-index: 3;
  font-weight: 300;
  border: none;
  letter-spacing: 0.03em;
}

#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;
}

#reports .report-status,
.changelog .status {
  font-size: 8px;
  text-transform: uppercase;
  position: absolute;
  color: #000000b3;
  text-align: center;
  left: 20px;
  font-weight: 700;
  top: 13px;
  border-radius: 1px;
  width: 50px;
  padding: 3px 0 2px;
  letter-spacing: 0.03em;
  z-index: 2;
  box-shadow: 0 0 5px #ffffff24;
}

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

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

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

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

#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%);
}

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

#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);
}

#reports li:nth-child(n) {
  background: #26262654;
}

#reports li:nth-child(2n + 1) {
  background: #1b1b1b;
}

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

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

.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;
}

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

#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 .collapsed .message {
  overflow: hidden;
}

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

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

#reports .message.more {
  border: none;
  overflow: unset;
  height: auto;
  position: relative;
  margin-bottom: 70px;
  color: #ccc;
  font-size: 15px;
  background: #1b1b1b00;
  width: 355px;
  left: 20px;
  border-radius: 5px;
  line-height: 22px;
  z-index: 1;
  margin: 0 0 20px;
  padding: 0;
}

#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.active .avatar-wrapper {
  top: 10px;
  background-color: #4a4646;
  width: 20px;
  height: 20px;
}

#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");
}

#reports li .avatar-wrap {
  width: 20px;
  height: 20px;
  top: 10px;
  position: absolute;
  left: 360px;
  opacity: 0;
  transition: 0.8s all easy-in-out;
}

#reports.active li .avatar-wrap {
  opacity: 1;
  transition: 0.8s all easy-in-out;
}

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

/* Edit task */

#ne_edit_task #show_reports {
  left: 20px;
  right: unset;
}

#ne_edit_task #show_settings {
  left: 160px;
}

#ne_edit_task #task_update {
  left: 600px;
}

#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;
}

#ne_edit_task #task_main .task {
  width: 100%;
}

#ne_edit_task #task_priorities {
  width: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2px;
}

#task_priorities input[type="radio"] + .ne-ui,
#request_priorities input[type="radio"] + .ne-ui {
  width: auto;
  height: 62px;
  margin-right: 0;
  line-height: 62px;
  font-size: 24px !important;
  margin-bottom: 0;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: rgb(255 255 255 / 20%);
  background: rgb(255 255 255);
  background-image: none !important;
  display: block;
  border: 0;
  border-radius: 0;
  position: relative;
}

#task_priorities input[type="radio"] + .ne-ui span {
  display: none;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.asap {
  background-color: #e48d36 !important;
  color: #e3c2a0;
}

#edit_statuses input[type="radio"] + .ne-ui,
#statuses input[type="checkbox"] + .ne-ui {
  line-height: 137px;
  font-size: 11px;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0 !important;
  background-image: url("../images/request-statuses.png") !important;
  background-size: 850px !important;
  background-position: 2px 42px;
  opacity: 0.5;
  height: 95px;
  width: auto;
  border: none;
  margin: 0;
  top: 0;
  text-align: left;
  padding: 0 0 0 11px;
  text-transform: uppercase;
  background: no-repeat;
  background-position-y: 23px !important;
}

#edit_statuses input[type="radio"]:checked:hover + .ne-ui,
#statuses input[type="checkbox"]:checked:hover + .ne-ui,
#edit_statuses input[type="radio"]:checked + .ne-ui,
#statuses input[type="checkbox"]:checked + .ne-ui {
  opacity: 1;
}

#edit_statuses input[type="radio"] + .ne-ui,
#statuses input[type="checkbox"] + .ne-ui {
  margin: 0;
  text-align: center;
  padding: 0;
  color: #00000073;
}

#edit_statuses input[type="radio"]:checked + .ne-ui,
#statuses input[type="checkbox"]:checked + .ne-ui {
  opacity: 1;
  color: #00000096;
  box-shadow: 0 0 40px #ffffff3d;
}

#edit_statuses input[type="radio"]:hover + .ne-ui,
#statuses input[type="checkbox"]:hover + .ne-ui {
  opacity: 0.7;
  color: #00000096;
  filter: grayscale(0);
  box-shadow: 0 0 40px #ffffff3d;
}

#edit_statuses .complete,
#statuses .complete {
  background-position-x: -784px !important;
}

#edit_statuses .issue,
#statuses .issue {
  background-position-x: -539px !important;
}

#edit_statuses .tested,
#statuses .tested {
  background-position-x: -622px !important;
}

#edit_statuses .planning,
#statuses .planning {
  background-position-x: -126px !important;
}

#edit_statuses .pending,
#statuses .pending {
  background-position-x: -292px !important;
}

#edit_statuses .backlog,
#statuses .backlog {
  background-position-x: -210px !important;
}

#edit_statuses .research,
#statuses .research {
  background-position-x: -45px !important;
}

#edit_statuses .progress,
#statuses .progress {
  background-position-x: -372px !important;
}

#edit_statuses .ne-hold,
#statuses .ne-hold {
  background-position-x: 38px !important;
}

#edit_statuses .ready,
#statuses .ready {
  background-position-x: -455px !important;
}

#edit_statuses .review,
#statuses .review {
  background-position-x: -703px !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.regular,
#request_priorities input[type="radio"]:checked + .ui-radio-button.regular {
  background-color: #3ea47c !important;
  color: rgb(194 232 217) !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.asap,
#request_priorities input[type="radio"]:checked + .ui-radio-button.asap {
  background-color: rgb(228 141 54) !important;
  color: rgb(255 231 185) !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.now,
#request_priorities input[type="radio"]:checked + .ui-radio-button.now {
  background-color: #c33 !important;
  color: rgb(255 191 185) !important;
}

.regular.selected {
  background-color: #3ea47c !important;
  color: #90d5ba;
}

.now.selected {
  background-color: #c33 !important;
  color: #e18181;
}

.asap.selected {
  background-color: #e48d36 !important;
  color: #e3c2a0;
}

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

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

#ne_edit_task #task_options {
  top: 185px;
  width: 160px;
  left: 192px;
}

.ne-form.request.ne-select {
  top: 0;
}

#ne_edit_task #edit_statuses {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2px;
  position: relative;
  margin-top: 2px;
}

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;
}

/* other */

#ne-tasks_length {
  display: none;
}

#ne-tasks tr th {
  display: none;
}

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

#ne-tasks {
  width: 100%;
}

#ne-tasks td {
  border-top: 1px solid #eee;
  height: 100px;
}

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

#ne-tasks td {
  background: #fff;
  vertical-align: initial;
  position: relative;
}

#ne-tasks td.dataTables_empty {
  font-size: 12px;
  text-align: center;
  margin: 20px;
  padding: 100px;
}

#ne-tasks .task-name {
  color: #000;
  width: 100%;
  padding: 0;
}

#ne-tasks .task-name h2 {
  margin: 10px 0 0 18px;
  font-size: 15px;
  font-weight: 300;
  padding-right: 40px;
  line-height: 20px;
}

/* Statuses */
#ne-tasks td.status {
  background: #fff;
  vertical-align: initial;
  padding-right: 10px;
  width: 10px;
}

#ne-tasks .task-details.complete .priority {
  display: none;
}

.priority {
  background: none;
  height: 100%;
  width: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.priority.now {
  background: #e91a1a !important;
  color: #fff !important;
}

.priority.asap {
  background: #f4cd45 !important;
  color: #fff !important;
}

.priority.regular {
  background-color: #308c59 !important;
  color: transparent;
}

/* Report */

label.now {
  background-color: #c33 !important;
  color: transparent;
}

label.asap {
  background-color: #f93 !important;
  color: transparent;
}

label.regular {
  background-color: #308c59 !important;
  color: transparent;
}

label.regular,
label.asap,
label.now {
  background-color: #424040 !important;
  color: transparent;
}

#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;
}

#task .button {
  margin: 10px 0 10px 10px;
  width: 96px;
  display: inline-block;
}

.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;
}

::selection {
  background: #f4a83c;
  color: #000;
}

::selection {
  background: #f4a83c;
  color: #000;
}

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

/* COMPACT LIST */

.ne-list.compact li {
  margin: 0 0 1px;
  padding: 0;
  width: 100%;
  height: 48px;
  position: relative;
  background-size: 423px;
  background-position-y: 110px;
  cursor: pointer;
  color: #444;
  background: #383636;
  background: #383636b0;
}

.ne-list.compact .task .avatar-wrap {
  top: 4px;
  left: 80px;
  width: 25px;
  height: 25px;
  background-size: cover;
}

.ne-list.compact .title {
  font-size: 18px;
  top: 11px;
  /* left: 225px; */
  font-weight: 300;
  color: #dccec2db;
}

#ne_planner .pending .extra-request,
#ne_planner .progress .extra-request {
  background-image: url("../images/icons/shant.png") !important;
  background-position: 332px 11px !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
}

#ne_planner .pending .extra-request,
#ne_planner .progress .extra-request {
  background-image: url("../images/icons/shant.png") !important;
  background-position: calc(100% - 70px) 16px !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
}

#ne_planner .pending .warning.card,
#ne_planner .issue .warning.card,
#ne_planner .ready .warning.card,
#ne_planner .review .warning.card,
#ne_planner .progress .warning.card {
  background: #cd1b1b !important;
}

#ne_planner .pending .soon.card,
#ne_planner .progress .soon.card {
  /* background-color: #615d5d !important; */
}

#ne_planner .pending .today.card,
#ne_planner .progress .today.card {
  background-color: #936a31 !important;
}

.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;
}

#list_item_editor .status:hover .copy_clip {
  z-index: 99;
  display: inline-block;
  position: absolute;
}

#list_item_editor .status .copy_clip {
  top: 16px;
  right: 5px;
  position: absolute;
  left: unset;
  width: 40px;
  background: #00000038;
}

/* Action list */

.action-list {
  position: absolute;
  z-index: 9;
  overflow: hidden;
  right: 176px;
  top: 11px;
  width: 210px;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4px;
  padding: 0;
  display: none;
}

.check.button {
  background-color: #1b1b1b;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  color: transparent;
  margin-left: auto;
  position: absolute;
  right: 16px;
  z-index: 99;
  bottom: unset;
  top: 10px;
}

.button.check.active,
.button.check.active:hover {
  background-color: #f4a83c;
  background-image: url("../images/ui/ui-filter-full.png");
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center;
}

.button.check:hover,
.button.check:active {
  color: transparent;
  background-color: #333;
}

.button.check:focus {
  color: transparent;
}

.action-list.active {
  display: block;
}

.action-list .button {
  border-radius: 2px;
  color: transparent;
  padding: 0;
  height: 50px;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
  line-height: 44px;
  background-size: 40px;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: center;
  background-color: unset !important;
  /* background-color: #6c6868 !important; */
  width: 80px;
}

.action-list .button:hover,
.action-list .button:active {
  color: #1c1c1c;
}

@media screen and (width >= 768px) {
  .action-list {
    position: absolute;
    z-index: 9;
    overflow: hidden;
    right: 216px;
    top: 11px;
    width: auto;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 14px;
    padding: 0;

    /* display: none; */
  }

  .action-list.button-4 {
    grid-template-columns: repeat(5, 1fr);
    height: 49px;
  }
}

/* END action list */

#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;
}

.ui-sortable-placeholder {
  width: 100px;
  height: 20px;
  background-color: #26262680 !important;
  display: block;
  visibility: unset !important;
  border: 1px dashed #1f1f1f !important;
}

.avatar-wrapper {
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 70px;
  position: relative;
  display: inline-block;
  top: 15px;
  right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ne-list .campaign h3.title {
  left: 90px;
  height: 54px;
  top: 10px;
  font-size: 21px;
  line-height: 61px;
  background: #262626;
  padding: 4px 12px;
  border: 1px solid #262626;
  width: 350px;
}

.ne-list .campaign .avatar-wrapper {
  width: 40px;
  height: 40px;
  left: 20px;
  top: 17px;
}

.ne-time-input #log_hour {
  width: 25px !important;
  margin-left: 9px !important;
  height: 32px;
}

.ne-list .campaign .avatar-wrap .avatar {
  border-radius: 0;
}

.ne-list .campaign .avatar-wrap {
  left: 9px;
  top: 10px;
  width: 52px;
  height: 52px;
  box-shadow: 0 1px 3px #00000040;
  border-radius: 0;
}

.ne-list .campaign .item-id {
  top: 31px;
  right: 69px;
  font-size: 12px;
  color: #898989;
}

.label.warning {
  background: #fb5438 !important;
  color: #e5e5e5;
}

.label.attention {
  background: #e9c750 !important;
  color: #363636;
}

.single-form .button {
  display: inline-block;
  border: none;
  line-height: 38px;
  padding-left: 0;
  padding-right: 0;
}

.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: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;

  /* background: #262626; */

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

.ne-time-input.ne-form-ui input {
  font-weight: 600;
}

.upload-form {
  /* position: fixed; */

  /* top: 390px; */

  /* z-index: 108; */

  /* right: 15px; */

  /* width: 320px; */

  /* background: #d1d1d1; */

  /* padding: 20px; */

  /* border-radius: 4px; */

  /* box-shadow: 3px 5px 9px #00000042; */
}

/* Requests */

.ne-list {
  width: 100%;
  border-collapse: collapse;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  cursor: pointer;
  top: 0;
}

.ne-list .label.item-goal {
  top: 100px;
  font-size: 16px;
  letter-spacing: 0.02em;
  left: 320px;
  right: unset;
  font-weight: 600;
  color: #282828;
}

.ne-list .campaign .label.item-dates {
  top: 14px;
  text-transform: uppercase;
  left: 104px;
  color: #ffffff38;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 120px;
  text-align: left;
}

.ne-list .item {
  height: 145px;
}

.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;
}

.ne-list .item.active,
.ne-list .item.active_e {
  display: block;
  color: #444;
  background-color: #383636;
  overflow: hidden;

  /* height: max-content; */
}

.ne-list .item.later,
.ne-list .item.later:hover {
  opacity: 0.6;
}

.ne-list .item.active.wrong-duedate {
  background-color: red;
}

.ne-list .item.active.wrong-duedate:hover {
  background-color: red;
}

.ne-list li.active.unwrap {
  height: auto;
}

.ne-list .item.campaign h3.title.late,
.ne-list .item.campaign .item-dates.late {
  background: #480000;
  color: red;
}

.ne-list .item.campaign h3.title.soon,
.ne-list .item.campaign .item-dates.soon {
  background: #745403;
  color: #ffa900;
}

.ne-list .item:hover {
}

.ne-list .item.selected {
  background: #454242;
}

.ne-list .item.active .actions {
  display: block;
}

.ne-list .label {
  text-align: center;
  font-size: 12px;
  position: absolute;
  top: 30px;
  display: block;
}

.ne-list .task .description {
  color: #aaa;
  position: absolute;
  left: 170px;
  font-size: 10px;
  opacity: 0;
  bottom: -10px;
  font-weight: 300;
  top: unset;
}

.ne-list.ne_timeline .task:hover .description {
  color: #dfdfdf;
  position: absolute;
  /* left: 173px; */
  font-size: 10px;
  opacity: 1;
  bottom: 6px;
  font-weight: 300;
}

.ne-list .task:hover .title {
  color: #fff;
}

.ne-list .title {
  margin: 0;
  position: absolute;
  top: 40px;
  left: 32px;
  width: 277px;
  height: 55px;
  overflow: hidden;
  font-size: 32px;
  line-height: 27px;
  letter-spacing: 0.02em;
  font-weight: 300;
  background: no-repeat;
  padding: 0;
}

.ne-list .description {
  margin: 0;
  position: absolute;
  top: 115px;
  left: 320px;
  width: 90%;
  height: 90px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

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

.task span.error {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background-image: url("../images/ui/ic-time.png");
  background-position: center;
  background-size: 100%;
  font-size: 8px;
  color: transparent !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 0 0 9px;
  z-index: 3;
  border: 0 solid #701510 !important;
  background-repeat: no-repeat;
}

/* ui-log-15.png */
.task span.error.assignee {
  width: 45px;
  height: 45px;
  right: 0;
  background-image: url("../images/ui/ui-user.png");
  top: 0;
  padding: 0;
  border-radius: 100%;
  background-size: 21px;
  background-position: center;
}

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;
}

.ne-list li .errors {
  display: flex;
  position: absolute;
  right: 64px;
  top: 44px;
  grid-gap: 16px;
}

.ne-list li .errors .error {
  display: grid;
  position: unset;
  grid-template-columns: auto;
}

.ne-list li .errors .error.account_id {
  background-image: url("../images/ui/ic-err-account.png");
}

.ne-list li .errors .error.task_estimate {
  background-image: url(../images/ui-optimized/ic-error-estimate-task_1.png);
}

.ne-list li .errors .error.task_asignee {
  background-image: url("../images/ui/ic-err-assignee.png");
}

.ne-list li .errors .error.task_category {
  background-image: url("../images/ui/ic-err-category.png");
}

.ne-list li .errors .error.task_product {
  background-image: url("../images/ui/ic-err-type.png");
}

.ne-list li .errors .error.task_manager {
  background-image: url("../images/ui/ic-err-account.png");
}

.ne-list li .errors .error.task_duedate {
  background-image: url("../images/ui/ic-err-duedate.png");
}

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

.report_wrap table {
  width: 100%;
}

.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: rgb(59 59 59) !important;
  color: #c7c5c5 !important;
  font-weight: 400;
  border: 0;
}

/* 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;
}

#reports .report-status,
.changelog .status {
  font-size: 8px;
  text-transform: uppercase;
  position: absolute;
  color: #000000b3;
  text-align: center;
  left: 20px;
  font-weight: 700;
  top: 13px;
  border-radius: 1px;
  width: 63px;
  padding: 3px 0 2px;
  letter-spacing: 0.03em;
  z-index: 2;
  box-shadow: 0 0 5px #ffffff24;
}

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

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

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

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

#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%);
}

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

#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);
}

#reports li:nth-child(n) {
  background: #26262654;
}

#reports li:nth-child(2n + 1) {
  background: #1b1b1b;
}

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

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

.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;
}

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

#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 .collapsed .message {
  overflow: hidden;
}

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

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

#reports .message.more {
  border: none;
  overflow: unset;
  height: auto;
  position: relative;
  margin-bottom: 70px;
  color: #ccc;
  font-size: 15px;
  background: #1b1b1b00;
  width: 355px;
  left: 20px;
  border-radius: 5px;
  line-height: 22px;
  z-index: 1;
  margin: 0 0 20px;
  padding: 0;
}

#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.active .avatar-wrapper {
  top: 10px;
  background-color: #4a4646;
  width: 20px;
  height: 20px;
}

#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");
}

#reports li .avatar-wrap {
  width: 20px;
  height: 20px;
  top: 10px;
  position: absolute;
  left: 360px;
  opacity: 0;
  transition: 0.8s all easy-in-out;
}

#reports.active li .avatar-wrap {
  opacity: 1;
  transition: 0.8s all easy-in-out;
}

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

/* Edit task */

#ne_edit_task #show_reports {
  left: 20px;
  right: unset;
}

#ne_edit_task #show_settings {
  left: 160px;
}

#ne_edit_task #task_update {
  left: 600px;
}

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

.ne-checkbox-switch label {
  position: unset;
}

input[type="checkbox"] + label {
  background: #ccc;
}

#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: 18px;
  top: 10px;
  width: 337px;
  z-index: 9;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  background: #f4a63a;
  color: #000;
  left: unset;
}

#ne_edit_task #task_main .task {
  width: 100%;
}

#ne_edit_task #task_priorities {
  width: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2px;
}

#task_priorities input[type="radio"] + .ne-ui,
#request_priorities input[type="radio"] + .ne-ui {
  width: auto;
  height: 62px;
  margin-right: 0;
  line-height: 62px;
  font-size: 24px !important;
  margin-bottom: 0;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: rgb(255 255 255 / 20%);
  background: rgb(255 255 255);
  background-image: none !important;
  display: block;
  border: 0;
  border-radius: 0;
  position: relative;
}

#task_priorities input[type="radio"] + .ne-ui span {
  display: none;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.asap {
  background-color: #e48d36 !important;
  color: #e3c2a0;
}

.dash-form.project #edit_statuses {
  grid-template-columns: repeat(3, 1fr);
}

.dash-form.project #edit_statuses input[type="radio"] + .ne-ui {
  width: revert-layer;
}

#edit_statuses input[type="radio"] + .ne-ui,
#statuses input[type="checkbox"] + .ne-ui {
  line-height: 137px;
  font-size: 11px;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0 !important;
  background-image: unset !important;
  background-size: 850px !important;
  background-position: 2px 42px;
  opacity: 0.5;
  height: 95px;
  width: auto;
  border: none;
  margin: 0;
  top: 0;
  text-align: left;
  padding: 0 0 0 11px;
  text-transform: uppercase;
  background: no-repeat;
  background-position-y: 23px !important;
}

#edit_statuses input[type="radio"]:checked:hover + .ne-ui,
#statuses input[type="checkbox"]:checked:hover + .ne-ui,
#edit_statuses input[type="radio"]:checked + .ne-ui,
#statuses input[type="checkbox"]:checked + .ne-ui {
  opacity: 1;
}

#edit_statuses input[type="radio"] + .ne-ui,
#statuses input[type="checkbox"] + .ne-ui {
  margin: 0;
  text-align: center;
  padding: 0;
  color: #00000073;
  width: 97px;
}

#edit_statuses input[type="radio"]:checked + .ne-ui,
#statuses input[type="checkbox"]:checked + .ne-ui {
  opacity: 1;
  color: #00000096;
  box-shadow: 0 0 40px #ffffff3d;
}

#edit_statuses input[type="radio"]:hover + .ne-ui,
#statuses input[type="checkbox"]:hover + .ne-ui {
  opacity: 0.7;
  color: #00000096;
  filter: grayscale(0);
  box-shadow: 0 0 40px #ffffff3d;
}

#edit_statuses .complete,
#statuses .complete {
  background-position-x: -784px !important;
}

#edit_statuses .issue,
#statuses .issue {
  background-position-x: -539px !important;
}

#edit_statuses .tested,
#statuses .tested {
  background-position-x: -622px !important;
}

#edit_statuses .planning,
#statuses .planning {
  background-position-x: -126px !important;
}

#edit_statuses .pending,
#statuses .pending {
  background-position-x: -292px !important;
}

#edit_statuses .backlog,
#statuses .backlog {
  background-position-x: -210px !important;
}

#edit_statuses .research,
#statuses .research {
  background-position-x: -45px !important;
}

#edit_statuses .planning,
#statuses .planning {
}

#edit_statuses .progress,
#statuses .progress {
  background-position-x: -372px !important;
}

#edit_statuses .ne-hold,
#statuses .ne-hold {
  background-position-x: 38px !important;
}

#edit_statuses .ready,
#statuses .ready {
  background-position-x: -455px !important;
}

#edit_statuses .review,
#statuses .review {
  background-position-x: -703px !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.regular,
#request_priorities input[type="radio"]:checked + .ui-radio-button.regular {
  background-color: #3ea47c !important;
  color: rgb(194 232 217) !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.asap,
#request_priorities input[type="radio"]:checked + .ui-radio-button.asap {
  background-color: rgb(228 141 54) !important;
  color: rgb(255 231 185) !important;
}

#task_priorities input[type="radio"]:checked + .ui-radio-button.now,
#request_priorities input[type="radio"]:checked + .ui-radio-button.now {
  background-color: #c33 !important;
  color: rgb(255 191 185) !important;
}

.regular.selected {
  background-color: #3ea47c !important;
  color: #90d5ba;
}

.now.selected {
  background-color: #c33 !important;
  color: #e18181;
}

.asap.selected {
  background-color: #e48d36 !important;
  color: #e3c2a0;
}

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

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

#ne_edit_task #task_options {
  top: 185px;
  width: 160px;
  left: 192px;
}

.ne-form.request.ne-select {
  top: 0;
}

#ne_edit_task #task_account {
}

#ne_edit_task #edit_statuses {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2px;
  position: relative;
  margin-top: 2px;
}

fieldset#task_estimate {
  left: 25px;
  top: 560px;
  padding: 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: 999 !important;
}

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

/* 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;
}

/* other */

#ne-tasks_length {
  display: none;
}

#ne-tasks tr th {
  display: none;
}

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

#ne-tasks {
  width: 100%;
}

#ne-tasks td {
  border-top: 1px solid #eee;
  height: 100px;
}

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

#ne-tasks td {
  background: #fff;
  vertical-align: initial;
  position: relative;
}

#ne-tasks td.dataTables_empty {
  font-size: 12px;
  text-align: center;
  margin: 20px;
  padding: 100px;
}

#ne-tasks .task-name {
  color: #000;
  width: 100%;
  padding: 0;
}

#ne-tasks .task-name h2 {
  margin: 10px 0 0 18px;
  font-size: 15px;
  font-weight: 300;
  padding-right: 40px;
  line-height: 20px;
}

/* Statuses */
#ne-tasks td.status {
  background: #fff;
  vertical-align: initial;
  padding-right: 10px;
  width: 10px;
}

#ne-tasks .task-details.complete .priority {
  display: none;
}

.priority {
  background: none;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.priority.now {
  background: #e91a1a !important;
  color: #fff !important;
}

.priority.asap {
  background: #f4cd45 !important;
  color: #fff !important;
}

.priority.regular {
  background-color: #308c59 !important;
  color: transparent;
}

/* Report */

label.now {
  background-color: #c33 !important;
  color: transparent;
}

label.asap {
  background-color: #f93 !important;
  color: transparent;
}

label.regular {
  background-color: #308c59 !important;
  color: transparent;
}

label.regular,
label.asap,
label.now {
  background-color: #424040 !important;
  color: transparent;
}

#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;
}

#task .button {
  margin: 10px 0 10px 10px;
  width: 96px;
  display: inline-block;
}

.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;
}

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

#logs input {
  width: 20px;
  text-align: center;
  font-size: 21px;
  box-shadow: none;
  border: none;
  background: none;
  padding: 0;
  height: 32px;
  margin-left: 5px;
  color: #c7c5c5;
}

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

.ne-time-input #log_minute {
  width: 24px !important;
  margin: 0 10px 0 -3px !important;
}

#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;
}



/* 320 */
@media screen and (width >= 320px) {
  .ne-list li.medium {
    height: 65px;
  }

  .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;
}

  .tasks {
    position: absolute;
    width: 100%;
    top: 210px;
    background: #262626;
  }

  .ne-list li.large {
    height: 220px;
  }

  .ne-list .large.request,
  .large.feedback {
    height: 150px;
    overflow: hidden;
  }

  .ne-list .large.request.expand {
    height: auto;
    position: relative;
  }

  .ne-list .large.request .tasks {
    position: unset;
    margin-top: 140px;
    background: #1b1b1b;
    padding-top: 1px;
    height: inherit;
    height: 0;
  }

  .ne-list .large.request.expand .tasks {
    height: 250px;
    height: auto;
  }

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

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

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

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

  #task_info .task {
    position: relative;
  }

  #task_info .estimate {
    top: 221px;
  }

  .task-details.priority {
    left: 20px;
    top: 91px;
    width: 344px;
    height: 2px;
    z-index: 0;
    border-radius: 0;
  }

  #task_info .task-details.estimate {
    left: 70px;
    top: 66px;
    width: 20px;
    height: 20px;
    z-index: 0;
    border-radius: 10px;
  }

  #task_info .task-details.task_id {
    font-size: 29px;
    z-index: 2;
    display: none;
  }

  #task_info .main-details {
    top: 140px;
    left: 20px;
    font-size: 22px;
    width: auto;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.01em;
    height: 160px;
    position: absolute;
    max-width: 540px;
  }

  .dash-form .title {
    margin: 0;
    color: #dbd6d4;
    line-height: 30px;
    letter-spacing: 0.03em;
    font-size: 20px;
    width: 320px;
    background: no-repeat;
    padding: 0;
    text-transform: inherit;
    font-weight: 300;
    position: absolute;
    top: 180px;
    left: 21px;
  }

  .dash-form .media-task-id {
    margin: 0;
    color: #dbd6d4;
    line-height: 28px;
    letter-spacing: 0.01em;
    font-size: 19px;
    width: 350px;
    background: no-repeat;
    padding: 0;
    text-transform: inherit;
    font-weight: 400;
    position: absolute;
    bottom: 60px;
    left: 20px;
  }

  .dash-form .budget {
    position: absolute;
    top: 380px;
    left: 20px;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 28px;
  }

  .dash-form .budget .label {
    display: block;
    font-size: 9px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
  }

  .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: 93px;
    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_work_details {
    top: 111px;
    right: 0px;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 392px;
    padding: 8px 10px;
    background: #ffffff21;
    color: #00000082;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    padding-left: 18px;
  }

  .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;
  }

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

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

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

    100% {
      transform: translateX(0);
    }
  }

  #ne_timeline .late.task .duedate span {
    /* color: rgb(255, 255, 255); */

    /* top: 30px; */
  }

  #ne_timeline .late.task p.duedate {
    color: rgb(178 25 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;
  }

  .task .task_id {
    text-align: right;
    font-weight: 400;
    color: #5d5b5b;
    height: auto;
    top: 51px;
    width: auto;
    right: 16px;
    font-size: 9px;
  }

  .task .task_status {
    height: 72px;
    top: 0;
    width: 5px;
    left: 63px;
    padding: 0;
    border-radius: 0;
    z-index: 1;
    opacity: 0.6;
  }

  #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;
  }

  .task .duedate span {
    width: 100%;
    margin-top: 6px;
    color: #b1b1b1;
    top: 32px;
  }

  .task:hover p.duedate {
    opacity: 1;
  }

  .task p.duedate {
    font-weight: 400;
    color: rgb(137 137 137);
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 16px 0 0;
    width: 60px;
    position: absolute;
    left: 2px;
    top: 0;
    height: 72px;
    text-align: center;
    margin: 0;
    z-index: 2;
    opacity: 0.6;
    display: none;
  }

  .task-desc {
    display: inline-block;
    width: 225px;
    height: 70px;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    line-height: 70px;
    font-size: 18px;
    position: absolute;
    left: 70px;
    text-align: left;
    top: 0;
  }

  #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;
  }

  .task .title {
    font-weight: 300;
    letter-spacing: 0.05em;
    padding: 0;
    display: block;
    position: absolute;
    left: 85px;
    font-size: 16px;
    color: #b1b1b1;
    max-width: 60%;
    height: 31px;
    overflow: hidden;
    top: 8px;
  }

  #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;
  }

  .task-logs {
    list-style-type: none;
  }

  #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;
  }

  .task-main {
    height: 75px;
    vertical-align: top;
  }
}



/* 375 */
@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;
  }

  #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;
  }

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

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

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

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

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

  #task_progress #task_reports textarea {
    height: 300px;
    font-size: 32px;
    font-weight: inherit;
    padding: 18px 24px;
    line-height: 39px;
  }

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

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

  #switch_cycle {
    display: none;
  }

  .task span.openrequest {
    top: 38px;
    left: 133px;
    width: auto;
    text-align: left;
    font-size: 14px;
    color: #dddddd54;
    letter-spacing: 0.06em;
    padding: 4px 11px;
    border-radius: 10px;
  }

  .task span.openrequest:hover {
    color: #fff;
  }

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

  .task:hover span.account {
    top: 15px;
    left: 55px;
    width: 45px;
    height: 45px;
    z-index: 20;
    opacity: 0;
  }

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

  .task:hover .task_assignee {
    opacity: 1;
  }

  .task:hover .task-category {
    position: absolute;
    /* width: 80px; */
    overflow: hidden;
    z-index: 40;
    /* height: 70px; */
    top: 37px;
    left: 20px;
    bottom: 0;
    opacity: 1;
  }

  .task .task-category {
    position: absolute;
    width: 80px;
    overflow: hidden;
    z-index: 40;
    height: auto;
    top: 50px;
    left: 20px;
    bottom: 0;
    opacity: 0;
  }

  .dash-form .ne-project-type {
    height: 32px;
    width: 35px;
  }

  .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;
  }

  #ne_timeline .task span.duedate {
    font-size: 8px;
  }

  #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;
  }

  @keyframes refresh {
    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;
  }
}



/* 768 */
@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;
  }
}

@media screen and (width >= 768px) {
  .action-menu {
    position: absolute;
    top: 430px;
    left: 90px;
    background: #000;
    width: 20px;
    height: 100px;
    z-index: 20;
  }

  .task p.duedate {
    display: block;
    color: #fff;
  }

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

  #ne_new_task #new-task textarea {
    height: 140px;
    font-family: "Open Sans", 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;
  }

  #ne_timeline .task span.duedate {
    font-size: 8px;
  }

  #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;
    }
  }
}

/* 1024 */

@media screen and (width >= 1024px) {
  .ne-list li:hover .action-list {
    display: grid;
  }

  .ne-list {
    width: calc(100% - 1px);
  }
.ne-list.simple .duedate {
    left: -60px;
}
.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;
  }
}

@media screen and (width >= 1024px) {
  .tasks {
    position: absolute;
    width: 100%;
  }
}

@media screen and (width >= 1024px) {
  #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: calc(100% - 90px);
    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: 15px;
    background: #212121;
    height: -webkit-fill-available;
  }

  #stats_tab .label {
    position: absolute;
    left: 16px;
    font-size: 7px;
    top: 9px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
  }

  #stats_tab .value {
    position: absolute;
    right: 20px;
    top: 9px;
    text-align: right;
    font-size: 16px;
    font-weight: 300;
  }

  #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;
  }
}