.top_barsec {
  padding: 5px 18px;
  background-color: #f5f5f5;
  height: 40px;
}
.top_barsec .top_leftsec ul {
  display: flex;
  padding: 3px 0;
}
.top_barsec .top_leftsec ul li {
  font-size: 1rem;
  color: #000;
  margin-right: 5px;
}
.top_barsec .top_leftsec ul li svg {
  width: 12px;
  height: 12px;
  color: #000;
}
.top_barsec .top_leftsec ul .active {
  color: #f27039;
}
.top_barsec .top_rightsec ul {
  display: flex;
}
.top_barsec .top_rightsec ul li {
  display: flex;
  font-size: 1rem;
  color: #000;
  margin-left: 10px;
  /*  svg {
                      width: 16px;
                      height: 16px;
                      color: #000;
                  }*/
}
.top_barsec .top_rightsec ul li .time_tracker {
  padding: 0px 15px;
  position: relative;
}
.top_barsec .top_rightsec ul li .btn-default {
  border: 0 !important;
  background: #fff !important;
  transition: all 0.3s;
  padding: 0px 0px !important;
  border-radius: 6px;
  width: 30px;
  height: 30px;
}
.top_barsec .top_rightsec ul li .btn-default svg {
  width: 24px;
  height: 24px;
  color: #000;
}
.top_barsec .top_rightsec ul .time_trac {
  line-height: 28px !important;
  align-items: center;
}
.top_barsec .top_rightsec ul .views {
  color: #f27039;
  padding: 2px 0px;
  font-size: 0.98rem;
  cursor: pointer;
}
.top_barsec .top_rightsec ul .views svg {
  margin-right: 3px;
  color: #f27039;
  width: 20px;
  height: 24px;
}
.top_barsec .top_rightsec ul .screencast {
  background-color: #fff;
  padding: 5px 8px;
  border-radius: 6px;
  height: 30px;
  cursor: pointer;
  align-items: center;
  color: #222;
}
.top_barsec .top_rightsec ul .screencast svg {
  width: 18px;
  height: 18px;
  stroke: #222;
  margin-right: 3px;
  padding: 0px;
}
.top_barsec .top_rightsec ul .screencast:hover {
  background: #222;
  color: #ffffff;
}
.top_barsec .top_rightsec ul .screencast:hover svg {
  stroke: #ffffff;
}
.top_barsec .top_rightsec ul .threedots {
  background-color: #fff;
  padding: 0px 3px;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.top_barsec .top_rightsec ul .threedots svg {
  width: 22px;
  height: 28px;
  color: #000;
  transform: rotate(90deg);
}

.edit_Wrapper .left_edit_details {
  padding: 4px 20px;
}
.edit_Wrapper .left_edit_details .backlog_right {
  margin-top: 10px;
}
.edit_Wrapper .left_edit_details .edit_input input[type=text] {
  width: 100%;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0;
  height: 38px;
  color: #222;
  padding: 6px 6px;
  /*text-transform: capitalize;*/
  border: 1px solid #eee;
  transition: all 0.3s;
  margin-right: 10px;
  /* border-radius: 5px;
                  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
                  border: 1px solid transparent;*/
}
.edit_Wrapper .left_edit_details .edit_input input[type=text]:focus-visible {
  background: #eeeeee;
  outline: 0;
}
.edit_Wrapper .left_edit_details .edit_input input[type=text]:hover {
  background: #eeeeee;
  outline: 0;
}
.edit_Wrapper .left_edit_details .edit_input input[type=text]:focus {
  background: #eeeeee;
  outline: 0;
}
.edit_Wrapper .left_edit_details .asssign_create {
  font-size: 0.85rem;
  padding: 0 6px;
}
.edit_Wrapper .left_edit_details .asssign_create .usersec {
  align-items: center;
  flex-wrap: wrap;
  /*font-size: 0.68rem;*/
}
.edit_Wrapper .left_edit_details .asssign_create .usersec .user_prop {
  width: 60px;
}
.edit_Wrapper .left_edit_details .asssign_create .creater {
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 3px 10px 3px 10px;
}
.edit_Wrapper .left_edit_details .asssign_create .creater .user-name-img {
  display: inline-block;
  background: #f36f22;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: -10px;
  font-size: 0.714rem;
  /* padding-top: 4px; */
  vertical-align: middle;
  text-align: center;
}
.edit_Wrapper .left_edit_details .asssign_create .adduser-btn {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #E4E2DA;
}
.edit_Wrapper .left_edit_details .asssign_create .adduser-btn svg {
  width: 16px;
}
.edit_Wrapper .left_edit_details .asssign_create .tags {
  border: 1px solid #a5cc70;
  border-radius: 20px;
  padding: 0px 7px 0px 12px;
  background: #edffd5;
  color: #a5cc70;
  cursor: pointer;
}
.edit_Wrapper .left_edit_details .asssign_create .tags svg {
  width: 16px;
  cursor: pointer;
  color: #a5cc70;
}
.edit_Wrapper .left_edit_details .asssign_create .add_more {
  color: #979292;
  cursor: pointer;
}
.edit_Wrapper .left_edit_details .task_details_rightsec {
  max-height: max-content;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  overflow: visible;
  margin-bottom: 10px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul {
  height: 62vh;
  margin: 0;
  display: none;
  overflow: hidden;
  overflow-y: auto;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li {
  display: flex;
  grid-template-columns: auto auto;
  justify-content: left;
  /* border-bottom: 1px solid $border-lightgray;*/
  border-style: none;
  position: relative;
  padding: 6px 16px;
  margin-bottom: 10px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left {
  width: 135px;
  padding-top: 4px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left span.required {
  color: #FF5959;
  font-size: 10px;
  font-weight: 400;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left img {
  width: 22px;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 3px;
  margin-top: -2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right {
  width: 210px;
  position: relative;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .file-image label {
  font-size: 12px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .file-image label img {
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -1px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label {
  width: 100%;
  height: 30px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label .label {
  line-height: 30px;
  color: #7E7E7E;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label .label.active {
  color: #fff;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label input[type=checkbox] + .back {
  height: 30px;
  border-radius: 2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label input[type=checkbox] + .back {
  background: transparent;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label input[type=checkbox] + .back .toggle {
  border-radius: 2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .toggle-label input[type=checkbox]:checked + .back .toggle {
  margin-left: 104px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown {
  padding-left: 5px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 58px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .select {
  display: block;
  padding: 0;
  z-index: 1;
  margin-bottom: 0px;
  min-width: 230px;
  position: absolute;
  top: 0px;
  right: 20px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .select.open {
  right: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li {
  display: none;
  cursor: pointer;
  border: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  background: #fff;
  font-size: 14px;
  position: relative;
  padding: 5px 21px 5px 7px;
  color: #f36f22;
  height: 36px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:hover {
  background: #F4F4F4;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:nth-child(2) {
  border-top: 1px solid #ccc;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:first-child {
  display: block;
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: url(../images/down-arrow.svg);
  background-position: 96% 25%;
  background-repeat: no-repeat;
  background-size: 0.693rem;
  padding: 0px 27px 1px 7px;
  border-radius: 3px;
  height: 58px;
  margin-top: 0;
  margin-bottom: 0px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:first-child span.current-txt {
  top: 3px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:first-child .sprint-data {
  font-size: 10px;
  line-height: 15px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown li:first-child sprint-data {
  display: none;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown span.sprint-span {
  white-space: nowrap;
  width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown span.current-txt {
  position: absolute;
  right: 23px;
  top: 3px;
  font-size: 11px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown span.current-txt.completed-sprint {
  color: #97C35B !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .sprint-data {
  display: block;
  position: absolute;
  top: 22px;
  font-size: 10px;
  line-height: 15px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul.select.open li:first-child {
  background-position: 96% 25%;
  padding: 2px 27px 5px 7px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul.select.open li:first-child span.current-txt {
  top: 4px;
  color: #f36f22;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul.select.open li:first-child span.sprint-data {
  display: block;
  position: absolute;
  top: 22px;
  font-size: 10px;
  line-height: 15px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul li span {
  padding: 0px !important;
  font-size: 13px;
  color: #000;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul li span.current-txt {
  color: #f36f22;
  padding: 0px !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul li:first-child span {
  padding-left: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .select.open li {
  border-bottom: none;
  height: 56px;
  margin-bottom: 0px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .select.open li:last-child {
  border-bottom: 1px solid #ccc;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown ul.select.open li {
  display: inherit;
  background-position: 96% 35%;
  padding: 2px 27px 5px 7px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input {
  height: 30px;
  border-radius: 2px;
  border-color: #EBEBEB;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input:focus {
  box-shadow: none !important;
  border-color: #EBEBEB !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right textarea:focus {
  box-shadow: none !important;
  border-color: #EBEBEB !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right textarea {
  height: 80px;
  border-radius: 2px;
  border-color: #EBEBEB;
  background-image: url(../images/svg/textarea-icon.svg);
  text-indent: 22px;
  background-repeat: no-repeat;
  background-position: 4px 7px;
  padding: 5px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .chosen-container-single .chosen-single {
  height: 30px;
  border-radius: 2px;
  background: #fff;
  text-align: left;
  padding: 2px 10px;
  font-size: 12px;
  border-color: #EBEBEB;
  box-shadow: none;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .user-name-img {
  margin-left: 0;
  margin-right: 6px;
  line-height: 23px;
  width: 23px;
  height: 23px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span {
  font-size: 12px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.info-text {
  font-size: 10px;
  font-weight: 400;
  color: #FF5959;
  line-height: 1;
  position: absolute;
  margin-top: 2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.count-text {
  font-size: 10px;
  font-weight: 400;
  color: #757575;
  line-height: 1;
  position: absolute;
  right: 0;
  margin-top: 2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right label {
  font-weight: 400;
  font-size: 13px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.hrs {
  background: #eee;
  width: 28px;
  height: 24px;
  border-radius: 10px;
  text-align: center;
  line-height: 25px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .custom_dropdown.priority {
  height: 30px;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  padding-left: 5px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .custom_dropdown.priority li {
  margin-bottom: 0px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .custom_dropdown.priority button {
  border: 0px;
  padding: 0 8px !important;
  background: #eee;
  width: auto;
  font-size: 12px !important;
  border-radius: 10px;
  margin-top: 3px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right a {
  color: #f27039 !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags {
  position: relative;
  display: flex;
  left: 0px;
  align-items: center;
  top: 0px;
  display: block;
  width: 200px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags span.email-value {
  display: flex;
  font-size: 12px;
  align-items: center;
  background: #F1F1F1;
  padding: 1px 6px;
  margin-right: 6px;
  border-radius: 4px;
  font-weight: 400;
  color: #000;
  float: left;
  margin-bottom: 5px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags span.email-value img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  margin-left: 0px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags span.email-value p {
  line-height: 1;
  padding-top: 2px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags span.email-value a {
  padding: 0px;
  box-shadow: none !important;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .email-tags span.email-value a svg {
  width: 13px;
  margin-left: 3px;
  height: 13px;
  stroke: #9C9898;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .input-group select {
  padding: 7px 0px 5px;
  font-size: 11px;
  border-radius: 3px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input::placeholder {
  font-size: 11px;
  color: #757575;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .assign-users {
  height: 30px;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  width: 100%;
  background: #fff;
  padding: 3px 6px;
  display: flex;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .assign-users .add-user {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
  margin-right: 3px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .assign-users .add-user svg {
  width: 14px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.input-group-btn.email-icon {
  position: absolute;
  left: 5px;
  width: 30px;
  height: 30px;
  z-index: 9;
  top: 5px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.input-group-btn.email-icon svg {
  width: 18px;
  stroke: #9C9898;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .weekly {
  padding: 5px 15px;
  border-radius: 20px;
  vertical-align: middle;
  background: #ebebeb;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .edit_recu {
  border: 0;
  background: none;
  border: 0;
  margin-right: 5px;
  opacity: 0.8;
  vertical-align: middle;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .edit_recu svg {
  width: 18px;
  height: 18px;
  opacity: 0.8;
  stroke: #f27039;
  transition: opacity 0.2s;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .edit_recu:hover svg {
  opacity: 1;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li #reportrange {
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  padding: 6px 10px 6px 15px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li #reportrange svg {
  stroke: #f27039;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  vertical-align: text-bottom;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li label {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  max-width: 94%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select {
  background: rgb(255, 255, 255);
  border: 1px solid #ebebeb;
  color: rgb(34, 34, 34);
  border-radius: 5px;
  padding: 8px 30px 8px 15px;
  cursor: pointer;
  outline: none;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.new {
  background: #8882F4;
  color: #fff;
  border: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.new option {
  background: #fff;
  color: #000;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.working {
  background: #08adff;
  color: #fff;
  border: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.working option {
  background: #fff;
  color: #000;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.completed {
  background: #6bc950;
  color: #fff;
  border: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li select.completed option {
  background: #fff;
  color: #000;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li:last-child {
  border: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul.task_status:focus {
  outline: none;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown {
  position: relative;
  margin-left: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown input {
  display: none;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown svg {
  width: 16px;
  margin-right: 5px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown button {
  background: #97C35B;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  text-align: left;
  height: auto !important;
  width: 135px;
  padding: 6px 30px 6px 15px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown button::after {
  content: "\f078";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  right: 14px;
  top: 15%;
  position: absolute;
  font-size: 0.85rem;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown button .s_color {
  stroke: #ffffff;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown button label {
  margin-bottom: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  right: auto;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown ul li {
  list-style: none;
  padding: 2px 0;
  grid-template-columns: 100%;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown ul li label {
  display: block;
  padding: 2px 15px;
  margin: 0;
  color: #222222;
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: 0;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown ul li label .s_color {
  stroke: #222222;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown ul li label:hover {
  background: #f5f5f5;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown i {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  background: #17BDFF;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown i.high {
  background: #F9AF1C;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown i.critical {
  background: #ff4444;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown i.medium {
  background: #99C45E;
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.priority {
  /*margin-right: 15px;*/
}
.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.priority button {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  color: #222222;
  height: 38px;
  width: 124px;
}
.edit_Wrapper .left_edit_details .task_details_rightsec.open .task_details_ul {
  display: block;
}

.hidden.hidden {
  display: none !important;
}

.popup_dec_wrapper {
  margin-top: 10PX;
}
.popup_dec_wrapper .note-editable {
  height: 50px !important;
}
.popup_dec_wrapper .note-editor.note-frame {
  border: 1px solid #EBEBEB !important;
}

.modal-button_wrapper {
  margin-bottom: 10px;
  text-align: left;
}
.modal-button_wrapper button {
  background: transparent;
  padding: 0;
  font-weight: 400;
  margin-right: 0;
  color: #f27039;
  border: none;
}
.modal-button_wrapper button svg {
  margin-right: 5px;
  width: 12px;
  height: 12px;
  margin-top: -1px;
}
.modal-button_wrapper button svg line {
  stroke: #f27039;
}

.attachment_download_btn {
  color: #f27039;
  background: none;
  border: none;
  margin-right: 10px;
}

.attachments_wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  grid-gap: 10px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.attachments_wrapper .attached_item_wrapper {
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  padding: 5px;
  position: relative;
}
.attachments_wrapper .attached_item_wrapper img {
  width: 100%;
  height: 75px;
  object-fit: cover;
  border-radius: 3px;
}
.attachments_wrapper .attached_item_wrapper .file_name {
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 0;
  color: #222;
  word-break: break-all;
}
.attachments_wrapper .attached_item_wrapper .upload_time {
  font-size: 10px;
  color: #222;
}
.attachments_wrapper .attached_item_wrapper .action_wrapper {
  display: none;
}
.attachments_wrapper .attached_item_wrapper .action_wrapper .download_btn, .attachments_wrapper .attached_item_wrapper .action_wrapper .close_btn {
  border: none;
  outline: none;
  background: #f27039;
  border-radius: 4px;
  padding: 2px 5px;
}
.attachments_wrapper .attached_item_wrapper .action_wrapper .download_btn svg, .attachments_wrapper .attached_item_wrapper .action_wrapper .close_btn svg {
  stroke: #fff;
  width: 15PX;
}
.attachments_wrapper .attached_item_wrapper .action_wrapper .close_btn {
  background: #ECECEC;
}
.attachments_wrapper .attached_item_wrapper .action_wrapper .close_btn svg {
  width: 10px !important;
  stroke: none;
}
.attachments_wrapper .attached_item_wrapper.upload_progress .img_section {
  position: relative;
}
.attachments_wrapper .attached_item_wrapper.upload_progress .img_section:after {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 6px);
  z-index: 1;
  border-radius: 9px;
}
.attachments_wrapper .attached_item_wrapper.upload_progress .progress {
  position: absolute;
  bottom: 13px;
  width: calc(100% - 20px);
  margin-left: 10px;
  z-index: 2;
  height: 8px;
  background-color: #E4EAF8;
  border-radius: 4px;
}
.attachments_wrapper .attached_item_wrapper.upload_progress .progress .progress-bar {
  background-color: #99C45E;
}
.attachments_wrapper .attached_item_wrapper:hover .action_wrapper {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s;
}

.Add_edit_modal_wrapper .modal-content {
  height: calc(100vh - 56px);
  overflow-y: auto !important;
}
.Add_edit_modal_wrapper .modal-content .left_edit_details {
  max-height: calc(100vh - 96px);
  overflow: auto;
}

.checklist_wrapper {
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  margin-left: 10px;
  width: calc(100% - 20px);
  padding-left: 0;
  padding-right: 0;
}
.checklist_wrapper .parent_bar {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
  grid-gap: 1rem;
  border-bottom: 1px solid #EBEBEB;
  padding: 10px;
}
.checklist_wrapper .parent_bar .count {
  width: max-content;
}
.checklist_wrapper .parent_bar .progress {
  height: 8px;
  background-color: #E4EAF8;
  border-radius: 4px;
}
.checklist_wrapper .parent_bar .progress .progress-bar {
  background-color: #99C45E;
}
.checklist_wrapper .checklist_ul li {
  border-bottom: 1px dashed #EBEBEB;
  padding: 10px;
}
.checklist_wrapper .checklist_ul li input {
  margin-right: 2px;
  vertical-align: middle;
}
.checklist_wrapper .checklist_ul li p {
  display: inline;
}
.checklist_wrapper .checklist_ul li:last-child {
  border-bottom: none;
}

.checklist_header input {
  border: none;
  outline: none;
  padding: 5px;
  height: 35px;
  margin-right: 0px;
  outline: none;
  width: 80px;
  min-width: 80px;
  margin-right: 5px;
}
.checklist_header input:focus {
  box-shadow: none;
  border: 1px solid #4C9AFF;
  height: 35px;
}

.checklist_item {
  margin: 10px auto;
}
.checklist_item .checklist_ul li {
  padding: 0 0 0 10px;
}
.checklist_item .checklist_ul li input[type=text] {
  border: none;
  outline: none;
  padding: 5px;
  width: calc(100% - 27px);
  height: 35px;
  margin-right: 0px;
}
.checklist_item .checklist_ul li input[type=text].done {
  text-decoration: line-through;
}
.checklist_item .checklist_ul li input[type=text]:focus {
  box-shadow: none;
  border: 1px solid #4C9AFF;
  height: 35px;
}

.linked_wrapper select {
  background-color: #F4F5F7;
  border: none;
  padding: 5px;
  min-width: 10rem;
  outline: none;
}
.linked_wrapper input {
  width: calc(100% - 11rem);
  border: 1px solid #4C9AFF;
  padding: 3px 10px;
  outline: none;
  margin-left: 5px;
}
.linked_wrapper input:focus {
  box-shadow: none;
  border-color: #4C9AFF;
}

.create_linked {
  align-items: center;
  margin: 5px 0 10px;
}
.create_linked .create_link_btn {
  color: #f27039;
  font-weight: 500;
  border: none;
  background: none;
  margin: 10px 0;
  font-size: 13px;
}
.create_linked .link-task_btn {
  background: #F5F6F8;
  outline: none;
  border: none;
  padding: 5px 10px;
}
.create_linked .cancel_btn {
  outline: none;
  background: none;
  border: none;
  padding: 5px 10px;
}

.existing_linked_items {
  position: relative;
}
.existing_linked_items ul li {
  border: 1px solid #EBEBEB;
  padding: 3px 10px;
  margin: 10px auto;
}
.existing_linked_items ul li span, .existing_linked_items ul li select, .existing_linked_items ul li a {
  min-width: fit-content;
}
.existing_linked_items ul li a {
  color: #f27039 !important;
  padding-right: 6px;
}
.existing_linked_items ul li input {
  border: none;
  margin: 0 10px;
  height: 33px;
}
.existing_linked_items ul li input:focus {
  border: 1px solid #4C9AFF;
  height: 33px;
}
.existing_linked_items ul li .status {
  background: #DFE1E6;
  font-size: 10px;
  padding: 2px 5px;
}
.existing_linked_items ul li .action_wrapper {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  padding: 4px;
}
.existing_linked_items ul li .action_wrapper select {
  border-radius: 2px;
}

.users_list {
  display: flex;
  padding-left: 0px;
}
.users_list li {
  position: relative;
}
.users_list li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  display: block;
}
.users_list li .remove_user {
  display: none;
  position: absolute;
  right: 10px;
  line-height: 1;
  font-size: 0.714rem;
  background: #f00;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  top: 0;
  padding: 2px 2px;
  width: 15px;
  height: 15px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  transition: all 2s;
}
.users_list li:hover .remove_user {
  transition: all 2s;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.users_list li .adduser-btn {
  background: red;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #E4E2DA;
}
.users_list li .adduser-btn svg {
  width: 16px;
}
.users_list li.custom_dropdown {
  position: relative;
}
.users_list li.custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: -14px;
  right: auto;
  width: 200px;
  border-radius: 3px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.users_list li.custom_dropdown ul li {
  padding: 5px 10px;
  cursor: pointer;
}
.users_list li.custom_dropdown ul li img {
  width: 30px;
  height: 30px;
  margin: auto;
}
.users_list li.custom_dropdown ul li:hover {
  background: #eeeeee;
}
.users_list li.custom_dropdown ul .search {
  position: relative;
  padding: 7px 0;
  border-bottom: 1px solid #eeeeee;
}
.users_list li.custom_dropdown ul .search svg {
  position: absolute;
  left: 5px;
  top: 11px;
}
.users_list li.custom_dropdown ul .search input {
  width: 100%;
  border: 0;
  padding: 0px 40px 0px 25px;
  height: auto;
  line-height: 20px;
}
.users_list li.custom_dropdown ul .search input:focus {
  border: 0;
  outline: 0;
}
.users_list li.custom_dropdown ul .search:hover {
  background: none;
}
.users_list li.custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}

.alert_wrapper {
  margin-left: 10px;
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 3px 7px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.alert_wrapper svg {
  margin-right: 5px;
}
.alert_wrapper .notify_time {
  display: flex;
  align-items: center;
}
.alert_wrapper .estimation_wrapper {
  display: none;
  position: absolute;
  background: #fff;
  left: 0px;
  top: 30px;
  z-index: 1;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.alert_wrapper .estimation_wrapper h6 {
  font-size: 13px;
  font-weight: 500;
}
.alert_wrapper .estimation_wrapper .time_grid {
  display: grid;
  grid-template-columns: 5rem 5rem;
  margin: 10px 0;
}
.alert_wrapper .estimation_wrapper .time_grid label {
  margin-bottom: 0.2rem;
}
.alert_wrapper .estimation_wrapper .time_grid input {
  max-width: 90%;
  display: block;
  border: 1px solid #eee;
  outline: none;
  padding: 5px;
}
.alert_wrapper .estimation_wrapper .save_btn {
  background: transparent linear-gradient(260deg, #f27039 0%, #f9af1c 100%) 0% 0% no-repeat padding-box;
  border: none;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  padding: 3px 8px;
  margin-left: auto;
  margin-right: 5%;
}
.alert_wrapper.open .estimation_wrapper {
  display: block;
}

.already_linked {
  border: 1px solid #eee;
  padding: 10px;
  margin: 0;
}

.popup_cmn_heading {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.4rem !important;
}

.Add_edit_modal_wrapper .ScreenshotPageWrapper .screenshot_wrapper {
  background: #f8f8f8;
}
.Add_edit_modal_wrapper .ScreenshotPageWrapper .screenshot_wrapper .custom_checkbox .checkbox {
  display: flex;
}

.modal_screenshotWrapper {
  display: none;
}

.task_chat {
  background: #fafafa;
}

.details-main .ql-editor {
  transition: min-height 0.3s;
  min-height: 0;
}
.details-main .ql-editor:focus {
  height: 300px;
  overflow-x: auto;
}

.recuring_pop {
  width: 550px;
  background: #fff;
  padding: 15px;
  font-size: 14px;
  color: #222;
  border-radius: 5px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  right: 15px !important;
  top: 89px !important;
}
.recuring_pop .scheduer-start-time select {
  width: 30px;
}
.recuring_pop input[type=radio] {
  accent-color: #cd7e1b;
}
.recuring_pop .endson .c_radio label {
  padding-left: 20px;
}
.recuring_pop .recurring_form .pattern-wrp .pattern-left .active-btn .radio {
  border-color: #F79A26;
}
.recuring_pop .recurring_form .pattern-wrp .pattern-left .active-btn .radio b {
  width: 9px;
  height: 8px;
  border-radius: 50%;
  background: #F79A26;
  margin: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recuring_pop .recurring_form .pattern-wrp .pattern-left .pattern-text {
  padding-left: 10px;
}

.new_editor .ql-toolbar.ql-snow {
  position: static;
  border-color: #EBEBEB;
}
.new_editor .ql-toolbar.ql-snow button:hover {
  color: #f27039;
  border-radius: 5px;
  background: #f9f9f9;
}
.new_editor .ql-toolbar.ql-snow button:hover .ql-stroke {
  stroke: #f27039;
}
.new_editor .ql-container.ql-snow {
  border-color: #EBEBEB;
}

.accord-right.social-div .input-group.active img {
  opacity: 1;
  filter: none;
}

.left_edit_details.task_chat {
  background: #fff;
}

.edit_input {
  margin: 5px 0px 10px;
  padding-right: 0px;
  display: flex;
}

.modal-button_wrapper button {
  font-size: 12px;
}

.accordianpopup-div {
  /*background: #f1f2f4;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}
.accordianpopup-div h4 {
  font-weight: 500;
}
.accordianpopup-div svg {
  width: 18px;
}

.created-task {
  padding: 8px 0px 0px;
}
.created-task p {
  color: #7e7e7e;
  font-size: 11px;
  padding-bottom: 2px;
}
.created-task a {
  float: right;
  font-weight: 500;
  font-size: 13px;
}
.created-task a svg {
  width: 18px;
}

.activity-task h4 {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.activity-task ul.nav.nav-tabs {
  border: none;
  margin-bottom: 9px !important;
}
.activity-task ul.nav.nav-tabs li a {
  font-size: 13px;
  text-transform: initial;
  color: #000 !important;
  padding: 6px 15px;
  border: none;
  margin: 0px 0px 0px 0px;
  background: #eee;
  border-radius: 0px;
  line-height: 1;
  border-right: 1px solid #dfdfdf;
  font-weight: 400;
}
.activity-task ul.nav.nav-tabs li a.nav-link.active {
  background: rgba(249, 222, 212, 0.5) !important;
  color: #f27039 !important;
}
.activity-task ul.nav.nav-tabs li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.activity-task ul.nav.nav-tabs li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}

.left_edit_details.task_chat .backlog_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left_edit_details.task_chat .backlog_right button {
  padding: 4px 25px 4px 10px;
  color: #fff;
  font-size: 12px;
  background: #888af4;
  border-radius: 3px;
  margin-bottom: 6px;
  position: relative;
  text-align: left;
}
.left_edit_details.task_chat .backlog_right button:focus {
  box-shadow: none;
}
.left_edit_details.task_chat .backlog_right button.dropdown-toggle::after {
  background: url(../images/down-whitearrow.svg) no-repeat;
  width: 8px;
  height: 5px;
  border: none;
  position: absolute;
  top: 2px;
  right: 8px;
  bottom: 0;
  margin: auto;
  background-size: contain;
}
.left_edit_details.task_chat .backlog_right .left_edit_details.task_chat ul.status_change {
  padding: 0px;
}
.left_edit_details.task_chat .backlog_right .left_edit_details.task_chat ul.status_change li a {
  font-size: 13px;
}
.left_edit_details.task_chat .recurring-div {
  display: flex;
  align-items: center;
}
.left_edit_details.task_chat .recurring-div label {
  margin-right: 9px;
  font-size: 12px;
  color: #7e7e7e;
  margin-bottom: 0px;
}
.left_edit_details.task_chat .recurring-div button.edit_recu {
  background: transparent;
  border: none;
  padding: 0px;
  margin-bottom: 0px;
}
.left_edit_details.task_chat .recurring-div button.edit_recu svg {
  width: 15px;
  height: 15px;
  stroke: #7e7e7e;
  margin-top: -2px;
}
.left_edit_details.task_chat .recurring-div span.weekly {
  color: #7e7e7e;
  font-size: 12px;
}

.recurring_form .pattern-wrp .pattern-right .Ptrn-item-cmn input {
  width: 140px;
}

.pattern-right {
  padding-top: 10px;
}

.checklist_mainwrapper {
  display: none;
}

.linked_wrapper {
  display: none;
}
.linked_wrapper h6 {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 4px !important;
}

.time_tracker button.stopBtn {
  display: none;
}

a.project_name {
  font-size: 13px;
}

.new_linked_item {
  padding: 5px 0px 0px;
  display: flex;
}

table.table.worklog-div {
  margin: 10px 0px;
}
table.table.worklog-div thead th {
  background-color: #f1f5f9;
  color: #000 !important;
  height: 38px;
  font-size: 12px;
  letter-spacing: 0.4px;
  font-weight: 500;
  padding: 5px 10px !important;
  vertical-align: middle;
  text-align: center;
}
table.table.worklog-div td {
  color: #000 !important;
  font-size: 12px;
  letter-spacing: 0.4px;
  font-weight: 400;
  padding: 3px 10px !important;
  background-color: #fff !important;
  vertical-align: middle;
  text-align: center;
  height: 38px;
}

span.clr-red {
  color: #f00 !important;
}

.backlog_right .status_dropdown[data-color=TODO-status] button {
  background-color: #8882F4;
}

.backlog_right .status_dropdown[data-color=InProgress-status] button {
  background-color: #4E9ADC;
}

.backlog_right .status_dropdown[data-color=Done-status] button {
  background-color: #97C35B;
}

.backlog_right .status_dropdown ul {
  padding: 0px;
}

.backlog_right .status_dropdown ul li button {
  border-radius: 0px !important;
}

.backlog_right .status_dropdown li[data-color=TODO] a {
  background-color: #8882F4;
}

.backlog_right .status_dropdown li[data-color=InProgress] a {
  background-color: #4E9ADC;
}

.backlog_right .status_dropdown li[data-color=Done] a {
  background-color: #97C35B;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}

.left_edit_details .backlog-left {
  margin-top: 7px;
  float: left;
  margin-right: 12px;
}
.left_edit_details .backlog-left button {
  padding: 0px;
}
.left_edit_details .backlog-left button:focus {
  box-shadow: none;
}
.left_edit_details .backlog-left button::after {
  margin-top: 0;
  position: absolute;
  top: 10px;
}
.left_edit_details .backlog-left ul {
  padding: 0px;
  top: -12px !important;
}
.left_edit_details .backlog-left ul a {
  padding: 2px 8px;
  font-size: 12px;
}
.left_edit_details .backlog-left ul a img {
  margin: -1px 3px 0 0px;
  vertical-align: middle;
}

.new_editor .btn-new {
  background: #97c35b;
  border: none;
  color: #fff;
  padding: 2px 3px;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 6px;
}
.new_editor svg {
  width: 15px;
  height: 15px;
}
.new_editor .cancel-btn {
  background: #6c757d !important;
  border-color: #6c757d !important;
}

.comments-main {
  display: flex;
  margin-bottom: 15px;
}
.comments-main .new_editor {
  width: 100%;
  height: 100%;
}
.comments-main .user-name-img.bg-even {
  width: 40px;
  margin-right: 10px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  background: transparent;
}
.comments-main .user-name-img.bg-even img {
  width: 30px;
  margin-right: 10px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}

.comments-div .user-name-img.bg-even {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.comments-div .comments-txt h3 {
  font-size: 14px;
  font-weight: 500;
}
.comments-div .comments-txt h3 span {
  color: #7e7e7e;
  font-weight: 400;
  font-size: 12px;
  padding-left: 6px;
}
.comments-div .comments-txt p {
  font-size: 12px;
  padding: 5px 0px;
}
.comments-div .comments-txt ul.comment-list {
  display: flex;
}
.comments-div .comments-txt ul.comment-list li {
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500;
}

.history-div {
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.history-div .comments-txt h3 span {
  padding: 0px;
}

.child-issue {
  padding: 12px 0px 20px;
}
.child-issue h4 {
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}
.child-issue .child-issue-div input {
  height: 35px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.child-issue .child-issue-div input:focus {
  box-shadow: none !important;
}
.child-issue .child-issue-div .btn-div {
  text-align: right;
}
.child-issue .child-issue-div .btn-div .btn-new {
  background: #f27039;
  border: none;
  color: #fff;
  padding: 7px 17px;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 0;
}
.child-issue .child-issue-div .btn-div .cancel-btn {
  background: #6c757d !important;
  border-color: #6c757d !important;
}
.child-issue .child-issue-div a.search-choose {
  font-size: 12px;
  font-weight: 500;
}
.child-issue .child-issue-div a.search-choose svg {
  width: 17px;
  margin-top: -2px;
  margin-right: 4px;
}

.child-show {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  position: relative;
  border: 1px solid #ced4da;
  padding: 0px 10px;
  border-radius: 3px;
  white-space: nowrap;
}
.child-show input {
  width: 94%;
  height: 35px;
  border: none;
  box-shadow: none;
  padding: 10px 4px;
  border-radius: 3px;
}
.child-show a.edit-text {
  position: absolute;
  z-index: 9;
  right: 35px;
  display: none;
}
.child-show a.edit-text svg {
  width: 15px;
}

.child-show:hover a.edit-text {
  display: block;
}

.edit-text .tooltip .tooltiptext {
  right: 0;
  left: auto;
  top: 31px;
}

.edit-text .tooltip {
  width: 22px;
  height: 24px;
}

.edit-text .tooltip span.tooltiptext::before {
  right: 7px;
  top: -9px;
  left: auto;
}

a.child-name {
  color: #f27039 !important;
  font-weight: 500;
  font-size: 13px;
}

.child-show input::placeholder {
  color: #000;
}

.checklist-btn .btn-new {
  background: #f27039;
  border: none;
  color: #fff;
  padding: 7px 17px;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 0px;
}
.checklist-btn .cancel-btn {
  background: #6c757d !important;
  border-color: #6c757d !important;
}

ul.checklist_ul li {
  position: relative;
}
ul.checklist_ul li svg {
  position: absolute;
  right: 10px;
  z-index: 99;
  width: 16px;
  top: 5px;
  stroke: #f00;
}
ul.checklist_ul li input.checklist-input {
  margin: 0px;
  position: relative;
  top: 0px;
  width: 17px;
  height: 15px;
  border-radius: 5px;
}

.checklist-box {
  display: none;
}
.checklist-box input {
  height: 35px;
  border-radius: 3px;
  margin-bottom: 5px;
  border-color: #EBEBEB;
}
.checklist-box input:focus {
  box-shadow: none !important;
}

.checklist-btn {
  padding-left: 11px;
  margin-top: 3px;
}

.new_linked_item .searchworkitemtype-div {
  width: 90%;
}

.new_linked_item .linkworkitemtype-div {
  margin-right: 5px;
}

.create_linked .btn-new {
  background: #f27039;
  border: none;
  color: #fff;
  padding: 7px 17px;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 0px;
}
.create_linked .cancel-btn {
  background: #6c757d !important;
  border-color: #6c757d !important;
}

.chosen-container a.chosen-single {
  border-radius: 3px;
}

.chosen-container-single .chosen-single span {
  font-size: 13px;
}

.checklist_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

a.trash-div {
  background: transparent;
  width: 34px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  display: none;
}

a.trash-div svg {
  width: 16px;
  stroke: #f00;
}

.checklist_item:hover a.trash-div {
  display: block;
}

.assign-users .userlist_management ul {
  min-width: 100%;
  width: 100%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 5px;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 99;
  padding: 10px 0px 0px;
  top: 0px;
  left: 0;
  display: none;
  overflow-y: auto;
}

.accord-right .assign-users .userlist_management ul li {
  padding: 2px 8px !important;
}

.assign-users .userlist_management li.dropdown-user {
  padding: 8px 40px 6px 15px;
  position: relative;
  cursor: pointer;
}

.assign-users.userlist_management li.dropdown-user .user_name span {
  font-size: 12px;
  display: block;
  color: #000;
}

.assign-users .userlist_management li.dropdown-user .user_name {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assign-users .userlist_management li.dropdown-user .user_initals.user_intial_image {
  margin-left: 0;
}

.assign-users .userlist_management li.dropdown-user:hover {
  background: rgba(242, 242, 242, 0.568627451);
}

.assign-users .userlist_management li.dropdown-user::after {
  content: "";
  background-image: url(../images/tick-circle.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  background-size: 140px;
  display: none;
}

.assign-users li.dropdown-invite {
  padding: 8px 20px 8px;
  border-top: 1px solid #eee;
  margin-top: 10px;
}

.assign-users li.dropdown-invite:hover {
  background: rgba(242, 242, 242, 0.568627451);
}

.assign-users li.dropdown-invite a.invite-user {
  width: 100%;
  display: block;
}

.assign-users .userlist_management li.dropdown-user.active::after {
  background-position: -29px;
}

span.input-group-text {
  background: transparent;
  width: 29px;
  padding: 0px 6px;
  justify-content: center;
}

ul.checklist_ul li:hover a.delete-icon {
  display: block;
}

.child-show:hover a.delete-icon {
  display: block;
}

ul.checklist_ul li:hover a.delete-icon {
  display: block;
}

.existing_linked_items li:hover a.delete-icon {
  display: block;
}

.existing_linked_items ul li a.delete-icon {
  margin-left: 15px;
}

.existing_linked_items ul li a.delete-icon svg {
  margin-top: 4px;
}

a.delete-icon {
  display: none;
}
a.delete-icon svg {
  position: absolute;
  right: 10px;
  z-index: 99;
  width: 16px;
  top: 5px;
  stroke: #f00;
}

.new_editor {
  margin-bottom: 15px;
}

.taskdetail-list {
  margin-bottom: 10px;
}
.taskdetail-list ul {
  border: none;
}
.taskdetail-list ul li a.active {
  background: rgba(249, 222, 212, 0.5) !important;
  color: #f27039 !important;
}
.taskdetail-list ul li a.active svg path {
  stroke: #f27039;
}
.taskdetail-list ul li a.active svg rect {
  stroke: #f27039;
}
.taskdetail-list .tabs-new {
  border: none;
  background: #f1f2f4;
  border-radius: 0px;
  padding: 8px 15px;
  font-weight: 400;
  font-size: 13px;
  margin-right: 0px;
  border-right: 1px solid #dfdfdf;
}
.taskdetail-list .tabs-new svg {
  margin-right: 6px;
}

.taskdetail-list ul li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.taskdetail-list ul li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}

.nav-tabs .nav-link.active {
  color: #f27039 !important;
}

.progress_container {
  padding: 1px;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background: #D9D9D9;
  border-radius: 16px;
  margin-right: 7px;
}

.progressbar-main span {
  line-height: 1;
}

.progress_bar {
  height: 9px;
  width: 0px;
  border-radius: 16px;
  background: #5CB85C;
}

.tipsy {
  padding: 5px;
  font-size: 11px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 6px 8px 6px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  background: url("tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

.progressbar-main {
  border: 1px solid #EBEBEB;
  width: 100%;
  background: #FCFCFC;
  padding: 3px 10px;
  height: 35px;
  align-items: center;
  display: flex;
  border-radius: 2px;
}

.accord-right.social-div span.input-group-text {
  border-color: #EBEBEB;
}

.accord-right.social-div input {
  border-left: 0px;
}

.accord-right.social-div .input-group {
  margin-bottom: 5px;
}

.rating-div {
  border: 1px solid #EBEBEB;
  width: 100%;
  padding: 3px 10px;
  height: 35px;
  align-items: center;
  border-radius: 2px;
}

.accord-right.social-div span.input-group-text img {
  opacity: 0.1;
  filter: grayscale(10);
}

.activity-task {
  margin-top: 20px;
}

button.btn-new.add-checkitems {
  background: transparent;
  color: #f27039;
  padding: 0px;
  margin-bottom: 0px;
}
button.btn-new.add-checkitems svg {
  margin-right: 3px;
  width: 10px;
  height: 10px;
  margin-top: -1px;
}
button.btn-new.add-checkitems svg line {
  stroke: #f27039;
}

#full-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}
#full-stars-example .rating-group {
  display: inline-flex;
}
#full-stars-example .rating__icon {
  pointer-events: none;
}
#full-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#full-stars-example .rating__label {
  cursor: pointer;
  padding: 3px 2px;
  font-size: 14px;
}
#full-stars-example .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__icon--none {
  color: #F1F1F1;
}
#full-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#full-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #F1F1F1;
}
#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
#full-stars-example .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #F1F1F1;
}
#full-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#full-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

img.drag-dot {
  vertical-align: middle;
  width: 12px;
  margin-top: -2px;
}

ul.checklist_ul li {
  display: flex;
}

ul.checklist_ul li img.drag-dot {
  margin-right: 7px;
  margin-top: 0px;
}

#upload-photo {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.file-image {
  border: 1px solid #EBEBEB;
  width: 100%;
  padding: 5px 10px;
  height: 35px;
  align-items: center;
  border-radius: 2px;
}

.file-image label span {
  color: #f27039;
}

.inout-group.prefix span {
  position: absolute;
  right: 33px;
  top: 7px;
  font-size: 10px !important;
  color: #757575;
}

.slidecontainer.progressbar-main input {
  width: 86%;
  position: relative;
}

.slidecontainer.progressbar-main p {
  position: absolute;
  right: 9px;
}

.attached_item_wrapper.attach-icons .img_section img {
  height: auto;
  width: 50px;
  margin: 3px auto 7px;
  display: block;
}

.left_edit_details .backlog-left button img {
  width: 20px;
  border-radius: 2px;
}

.left_edit_details .backlog-left .dropdown-menu li a img {
  width: 16px;
  border-radius: 2px;
  margin-right: 5px;
  vertical-align: middle;
}

.left_edit_details .backlog-left .dropdown-menu li {
  border-bottom: 1px solid #eee;
}

.left_edit_details .backlog-left .dropdown-menu li:last-child {
  border-bottom: none;
}

.attach-head {
  display: flex;
  justify-content: left;
  padding: 10px 0px;
  align-items: center;
}

.attach-head h3 {
  font-weight: 500;
}

.attach-head a.attach-plus svg {
  width: 16px;
}

.attch-delete {
  margin-left: 3px;
}

a.attach-plus:hover {
  background: #f27039;
  border-radius: 2px;
}

a.attach-plus:hover svg line {
  stroke: #fff;
}

a.attach-plus svg line {
  stroke: #f27039;
}

a.attach-plus {
  display: inline-block;
  padding: 0px 4px 3px;
}

.h_modal .chosen-container-single .chosen-single {
  padding: 5px 2.25rem 5px 0.75rem;
  margin-bottom: 5px;
}

.left_edit_details .edit_input .backlog-left ul {
  padding: 0px;
  top: -6px !important;
}

.ScreenshotPageWrapper.modal_screenshotWrapper {
  display: none !important;
}

.details-main .ql-editor:focus {
  height: auto !important;
}

.task_details_left_items .new_editor .multiline_editor.ql-container.ql-snow {
  height: auto;
  max-height: 215px;
  min-height: 100px;
  overflow: auto;
}

.new_editor .ql-toolbar.ql-snow {
  border: 1px solid #eee;
  box-sizing: border-box;
  padding: 2px 4px;
  font-family: "Roboto", sans-serif;
  border-radius: 0px;
}

.new_editor .ql-snow.ql-toolbar button svg {
  width: 14px;
}

.new_editor .ql-toolbar.ql-snow .ql-formats {
  margin-right: 1px;
}

.new_editor .ql-snow .ql-picker {
  font-size: 12px;
}

.new_editor .ql-snow .ql-picker.ql-header {
  width: 82px;
}

.new_editor .ql-toolbar.ql-snow .ql-stroke {
  stroke: #958c8c;
}

#commentseditor .ql-editor {
  max-height: 150px;
  overflow: auto;
}

.details-main p.editor_text {
  min-height: 150px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
}

.attachment_details p {
  font-size: 12px;
}

.accord-right .single-usr-dropdown button {
  height: auto !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.multiuserdefaultselectedli.user {
  margin-bottom: 5px;
  padding: 0px;
  margin-right: 4px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .userlist-div {
  margin: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.multiuserdefaultselectedli.user:last-child {
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right li.multiuserdefaultselectedli.user .user-name-img, .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right li.multiuserdefaultli.user .user-name-img {
  width: 18px;
  height: 18px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .single-usr-dropdown ul.dropdown-menu.multiuserdefaultul li {
  padding: 0px;
  margin: 0px 0px 7px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .single-usr-dropdown ul.dropdown-menu.multiuserdefaultul li input {
  width: 258px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .single-usr-dropdown ul.dropdown-menu.multiuserdefaultul li:last-child {
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.multiuserdefaultli.user {
  margin-bottom: 5px;
  padding: 0px;
  margin-right: 4px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul ul.multiuserselecteddefaultul li:last-child {
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .userlist-div .user_initals {
  margin-right: 3px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.str_picklist_datatype button {
  background: transparent;
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  color: #000;
  padding: 3px 10px;
  font-size: 13px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul li {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul li label {
  padding: 1px 12px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec ul.multiuserselecteddefaultul {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

.edit_Wrapper .left_edit_details .task_details_rightsec ul.multiuserselecteddefaultul li {
  height: 24px;
}

.input-group.input-cal-div input {
  background-image: url(../images/gray-cal.svg);
  background-repeat: no-repeat;
  background-position: 97%;
  padding-right: 5px;
}

.input-group.input-cal-div span.input-group-text {
  display: none;
}

.input-group.input-cal-div input::after {
  background: #EBEBEB;
  position: absolute;
  height: 100%;
  width: 1px;
  right: 25px;
  top: 0px;
  content: "";
}

.input-group-text {
  border: 1px solid #EBEBEB;
  border-radius: 2px;
}

.child-dropdown-task {
  display: flex;
  width: 100%;
}

.child-dropdown-task .backlog-left ul {
  top: -6px !important;
}

.child-dropdown-task select {
  width: 100%;
  border-color: #ced4da;
  border-radius: 3px;
}

.searchworkitemtypechild-div {
  width: 100%;
}

img.childoworkitemicon {
  width: 18px;
  border-radius: 3px;
  margin-right: 3px;
}

.searchworkitemtypechild-div .chosen-container-single .chosen-single span {
  font-size: 13px;
  display: flex;
  align-items: center;
}

.searchworkitemtypechild-div .chosen-container-single .chosen-single span img {
  margin-right: 5px;
}

.searchworkitemtypechild-div .chosen-drop .chosen-results li {
  display: flex;
  align-items: center;
}

.searchworkitemtypechild-div .chosen-drop .chosen-results li img {
  margin-right: 5px;
}

.searchworkitemtypechild-div .chosen-drop .chosen-search input {
  background-position: 99% !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.str_picklist_datatype button span.sprint-data {
  display: none;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.str_picklist_datatype button span.current-txt {
  float: right;
  padding-right: 20px;
  color: #f27039;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul.str_picklist_datatype_list {
  overflow-y: auto;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul.str_picklist_datatype_list li {
  position: relative;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul.str_picklist_datatype_list span {
  font-size: 11px;
  padding-top: 1px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul.str_picklist_datatype_list span.current-txt {
  position: absolute;
  top: 2px;
  right: 7px;
  font-size: 11px;
  color: #f27039;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.open ul.str_picklist_datatype_list li label {
  line-height: 1.3;
  font-size: 12px;
}

ul.comment-list svg {
  width: 15px;
  stroke: #f27039;
}

li#comment_delete svg {
  stroke: #f00;
}

.h_modal .chosen-container-single .chosen-drop .chosen-search input {
  background-position: 99% center;
  background-size: 15px;
}

.searchworkitemtype-div .chosen-container-single .chosen-single span {
  display: flex;
  align-items: center;
}

.searchworkitemtype-div .chosen-container-single .chosen-single span img {
  margin-right: 5px;
}

.searchworkitemtype-div .chosen-container .chosen-results li {
  display: flex;
  align-items: center;
}

.searchworkitemtype-div .chosen-container .chosen-results li img {
  margin-right: 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .tags-input-wrapper .tag {
  font-size: 11px;
  height: 21px;
  margin: 5px 1px 0px 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .tags-input-wrapper .tag a {
  color: #fff !important;
}

.tags-input-wrapper {
  background: transparent;
  padding: 0px 0px 0px 4px;
  border-radius: 2px;
  max-width: 100%;
  border: 1px solid #EBEBEB;
}

.tags-input-wrapper input {
  border: none;
  background: transparent;
  outline: none;
  width: 140px;
  margin-left: 5px;
  font-size: 12px;
}

.tags-input-wrapper .tag {
  display: inline-block;
  background-color: #97c35b;
  color: white;
  border-radius: 40px;
  padding: 0px 0px 0px 7px;
  margin-right: 5px;
  margin-bottom: 0px;
}

.tags-input-wrapper .tag a {
  margin: 1px 7px 1px;
  display: inline-block;
  cursor: pointer;
}

.comments-main .ql-editor.error {
  border: 1px solid #f00;
}

.backlog_right .status_dropdown[data-color=TODO-status] button {
  background-color: #8882F4;
}

.backlog_right .status_dropdown[data-color=INPROGRESS-status] button {
  background-color: #4E9ADC;
}

.backlog_right .status_dropdown[data-color=DONE-status] button {
  background-color: #97C35B;
}

.tab-box.tabbox-title {
  display: none;
}

.kanban-drag.user-control .current_user_list ul li {
  overflow: visible;
}

.kanban-drag.user-control .current_user_list li img {
  width: 27px;
  height: 27px;
  border: none;
}

.kanban-drag.user-control .current_user_list li.selected-member .img {
  display: none;
}

.kanban-drag.user-control .current_user_list li.selected-member .profile-view .img {
  display: block;
}

.kanban-drag.user-control .current_user_list li img {
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.kanban-drag.user-control .current_user_list .user_initals {
  padding-left: 3px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.add-user {
  margin-bottom: 0px;
  margin-top: -2px;
  padding: 6px 7px;
}

li#followupstab svg {
  margin-right: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul span.remove_user svg {
  width: 5px !important;
  margin-top: 1px;
  height: 8px !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .profile-view .card {
  right: -100px;
  top: 42px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .profile-view .card::before {
  content: "";
  width: 12px;
  height: 10px;
  position: absolute;
  left: 0;
  z-index: inherit;
  transform: rotate(0deg) !important;
  top: -11px;
  right: -50px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 9px solid #f27039;
  margin: 0 auto;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .current_user_list .dropdown-toggle li.selected-member .user_initals {
  padding-left: 4px;
}

.child-show .backlog_right .dropdown.custom-dropdown.status_dropdown button {
  padding: 3px 25px 1px 10px;
  color: #fff;
  font-size: 11px;
  background: #888af4;
  border-radius: 3px;
  margin-bottom: 0px;
  position: relative;
  text-align: left;
}

.child-show .backlog_right button.dropdown-toggle::after {
  background: url(../images/down-whitearrow.svg) no-repeat;
  width: 8px;
  height: 5px;
  border: none;
  position: absolute;
  top: 2px;
  right: 8px;
  bottom: 0;
  margin: auto;
  background-size: contain;
}

.child-show .backlog_right {
  top: 0px;
  position: relative;
  right: 6px;
  margin: 0 !important;
}

.dropdown.childshow-delete i::after {
  display: none;
}

.dropdown.childshow-delete {
  margin-top: 4px;
  cursor: pointer;
}

li.edit_drop.delete-backlog-li a {
  display: flex;
  padding: 2px 10px 1px;
  font-size: 13px;
}

.dropdown.childshow-delete ul {
  min-width: 110px;
  padding: 0px;
}

li.edit_drop.delete-backlog-li a .delete-btn {
  margin-right: 5px;
}

li.edit_drop.delete-backlog-li a .delete-btn svg {
  top: 1px;
  position: relative;
  width: 11px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input::placeholder {
  color: #5e6c84;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .input-group {
  flex-wrap: nowrap;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.customdropdown_li_selected {
  display: contents;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.form-control.custom-input {
  font-size: 13px;
  padding: 6px 10px;
  border-color: #EBEBEB;
  overflow: hidden;
  display: flex;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom-dropdownlist li {
  display: block;
  padding: 0;
  margin-bottom: 0;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom-dropdownlist li ul.customdropdown-data li.search {
  position: relative;
  padding: 6px 6px 0px;
  margin-bottom: 2px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom-dropdownlist li ul.customdropdown-data li.search input {
  width: 100%;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .ql-snow.ql-toolbar button, .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .ql-snow .ql-toolbar button {
  padding: 3px 0;
  width: 23px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right p.editor_text img {
  width: 150px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right p.editor_text {
  font-size: 12px;
  padding: 6px 10px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .ql-toolbar.ql-snow + .ql-container.ql-snow {
  min-height: 60px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right ul.user-control-unselected.compliance_user_list.add_taskuser_list_board input {
  width: 100%;
}

.linked-recd span.input-group-text {
  border: none;
}

.linked-recd img {
  vertical-align: middle;
}

.linked-recd {
  width: 100%;
  border: 1px solid #EBEBEB;
  /*   display: flex;
     align-items: flex-start;
     justify-content: left;
     height: auto;
     min-height: 30px;
     padding-left: 7px;
     border-radius: 2px;
     flex-wrap: wrap;*/
}

.linked-recd a.addLinkedRecord {
  margin-right: 5px;
  padding-top: 2px;
}

.linked-recd p {
  font-size: 12px;
  padding-top: 3px;
  line-height: 1;
  border: 1px solid #EBEBEB;
  padding: 5px 5px;
  margin-bottom: 3px;
}

.linkedrecord-data a.view-more {
  font-size: 11px;
  text-decoration: underline !important;
}

.linkedrecord-data a.view-more span {
  background: #f27039;
  width: 15px;
  height: 15px;
  color: #fff;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  font-size: 11px !important;
}

.linked-txt {
  width: 89%;
  padding: 4px 0px;
}

.linked_record .modal-dialog {
  max-width: 1100px;
}

.linked-table table th {
  color: #818181 !important;
  font-weight: 500 !important;
  padding: 10px 17px;
}

.linked-table table td {
  line-height: 1;
  vertical-align: middle;
  border: none;
  color: #838383;
  padding: 18px 17px;
  font-weight: 400;
}

.linked-table .dataTables_wrapper {
  position: relative;
  clear: both;
  overflow: hidden;
  overflow-x: auto;
}

.linked-table .dataTables_filter {
  margin: 0px;
}

.linked-table table.table tr {
  border: none;
}

.linked-table table.table tbody tr {
  box-shadow: 2px 4px 8px rgba(255, 103, 64, 0.1215686275);
}

.linked-table table.table tbody tr td:first-child {
  color: #000;
}

a.linked-setting svg {
  stroke: #9C9898;
  width: 20px;
}

.linked-table table tr td {
  padding: 18px 17px;
}

.linked-table table tbody tr {
  box-shadow: 2px 4px 8px rgba(255, 103, 64, 0.1215686275);
  padding: 10px !important;
  background: transparent !important;
  position: relative;
}

.linked-table table thead th {
  padding: 10px 18px;
  border-bottom: none;
}

.linked-table table.dataTable.no-footer {
  border-bottom: none;
}

.setting-right {
  display: flex;
  align-items: center;
}

.setting-right a.linked-setting {
  margin-right: 4px;
}

.setting-right button.btn-close {
  opacity: 1;
  font-size: 18px;
}

.linked_record .modal-title {
  line-height: 1.2;
  color: #f27039;
  font-weight: 500;
  font-size: 16px;
}

.linked_record .header-search-wrapper {
  margin-bottom: 15px;
  max-width: 250px;
}

.linked_record .header-search-wrapper input {
  height: 35px;
  padding-left: 15px;
  color: #000;
  font-size: 13px;
}

.linked_record .header-search-wrapper input::placeholder {
  font-size: 12px;
}

a.worklog-delete-btn svg {
  width: 14px;
  height: 14px;
}

.linked_record .modal-footer button.btn.btn-secondary {
  color: #000;
  font-size: 12px;
  padding: 2px 10px;
}

.linked_record button {
  border-radius: 3px;
}

.linked_record button.btn.btn-secondary.btn-cancel {
  padding: 7px 20px;
}

.linked_record img.active-tick {
  width: 18px;
  display: none;
}

.linked_record a.linkedplus-popup img {
  width: 17px;
}

.record-settings {
  background: #FFF6F4;
  padding: 10px 10px 10px 16px;
  margin-bottom: 10PX;
}

.linked_record .group-tbtn.grp-main button.filter-new {
  background: #fff;
}

.linked_record .record-settings p {
  padding-top: 4px;
  font-size: 14px;
  color: #000;
}

a.worklog-delete-btn svg {
  width: 14px;
  height: 14px;
}

/*.modal-backdrop.fade.show {
    z-index: 9999;
}*/
.linked_record {
  z-index: 99999 !important;
}

.linkd-popup {
  z-index: 999999 !important;
}

.avblfield-popup {
  z-index: 999999 !important;
}

#DynamicModal {
  z-index: 999999 !important;
}

.modal-backdrop.fade.show + .modal-backdrop.fade.show {
  z-index: 99999;
}

.task_details_ul li.datatype_parent.linkedrecord_li .listdrag-icon {
  top: 6px;
  margin: 0;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.linkedrecord_li {
  display: block;
  padding: 0px 3px;
}

.linkedrecord-data label {
  /*    display: flex;
      align-items: center;
      float: left;
      width: 50%;
      padding: 5px 0px 0px;*/
}

.linkedrecord-data .linked-recd {
  border: none;
  /* width: 60%;
   float: right;
   display: flex;
   align-items: center;
   justify-content: flex-end;*/
}

.linkedrecord-data label img {
  margin-right: 5px;
  margin-top: -2px;
  width: 22px;
  border-radius: 3px;
}

.linkedrecord-data {
  padding: 0px 16px 0px;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
}

.linkedrecord-data .linked-recd span {
  font-size: 12px;
  margin-left: 5px;
  line-height: 1;
}

.linkedrecord-info {
  clear: both;
  border: 1px solid #EBEBEB;
  margin: 0 0 3px;
  display: block;
  width: 100%;
  padding: 1px 10px 0px;
  position: relative;
}

.linkedrecord-info p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  padding: 2px 0px;
}

.linkedrecord-data .linked-recd a {
  margin-top: -2px;
}

.linkedrecord-info a.trash-div {
  position: absolute;
  right: 0;
  top: 0;
}

.linkedrecord-info:hover a.trash-div svg {
  width: 13px;
}

.linkedrecord-info:hover a.trash-div {
  display: block;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left {
  width: 40% !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right {
  width: 60% !important;
}

.linked-table table tbody tr:hover {
  outline: 1px solid #f27039 !important;
  border-radius: 2px;
}

.linked-table table#linkedRecordTable {
  width: 99% !important;
  margin: 0 auto !important;
}

.linked-table .trash-div {
  display: block;
  visibility: hidden;
}

.linked-table tr:hover .trash-div {
  visibility: visible;
}

.linked-table tr {
  cursor: pointer;
}

.linked-table table tbody tr.selectedLinkRecord {
  outline: 1px solid #f27039 !important;
}

.linked-table table tbody tr td input.isSelected:checked::after {
  content: "";
  background: url(../images/tick-circle-new-active.svg) no-repeat #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  background-size: cover;
  left: -5px;
}

.linked-table table tbody tr td input.isSelected::after {
  content: "";
  background: url(../images/tick-circle-new.svg) no-repeat #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  background-size: cover;
  left: -5px;
}

.linked-table table tbody tr td input.isSelected {
  position: relative;
  opacity: 1;
  cursor: pointer;
  display: none;
}

.linked-table .dataTables_wrapper .dataTables_info {
  font-size: 13px;
}

.linked-table .dataTables_paginate.paging_simple_numbers {
  margin-top: 10px;
  font-size: 13px;
}

.tooltip-taskdetail span.tooltip-div.tooltip-new {
  display: block;
  padding: 7px 8px 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .tooltip-main svg {
  width: 16px;
  margin-top: -1px;
}

.tooltip-taskdetail span.tooltip-div.tooltip-new span {
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li label span.tooltip-text {
  font-weight: 400;
  color: #9f9e9e;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li span.tooltip-text, .task_details_left_items li span.tooltip-text {
  display: block;
  font-weight: 400;
  color: #9f9e9e;
}

/*.followsups-div table.table th {
    border: 1px solid #dfdfdf !important;

    color:#000 !important;
}
.followsups-div table.table td {
    padding:10px 10px;
    border: 1px solid #dfdfdf !important;
    line-height: 1;
    vertical-align: middle;
}*/
/*.followsups-div .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #dfdfdf !important;
}*/
/*.followsups-div span.Edit svg {
    stroke: #f27039;
    width: 15px;
    height: 15px;
}
.followsups-div a.Delete svg {
    stroke: #f00;
    width: 16px;
    height: 16px;
}
.followsups-div  .Action_btn a {
    margin: 0px 5px;
}
.followsups-div  .Action_btn {
    text-align: center;
}
.followsups-div table.table th:last-child {
    text-align: center;
}*/
.card-followup .create-field a {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #000 !important;
  cursor: pointer;
}

.card-followup .create-field a svg {
  margin-right: 5px;
  margin-top: -1px;
  width: 36px;
  border: 2px dotted #ccc;
  border-radius: 50%;
  padding: 10px;
  vertical-align: middle;
  height: 36px;
}

.card-followup .create-field {
  justify-content: center;
  display: flex;
  padding: 7px;
  border-radius: 2px;
}

.followup-data {
  margin-bottom: 2px;
  border-radius: 2px;
}

ul.followups-list li.flup-column, .completed-follow li.flup-column {
  height: 32px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  /*  padding: 3px 0px 3px 10px;*/
  font-size: 13px;
}

ul.followups-list li.flup-column input.checkbox-input, .completed-follow li.flup-column input.checkbox-input {
  margin-right: 10px;
}

ul.followups-list li.flup-column .followup-input, .completed-follow li.flup-column .followup-input, ul.followups-list li.flup-column .remarks-input, .completed-follow li.flup-column .remarks-input {
  width: 245px;
  margin-right: 10px;
  border: none;
  font-size: 13px;
  text-overflow: ellipsis;
  margin-top: 2px;
  overflow: hidden;
}

.completed-count {
  background: rgbA(231, 96, 105, 0.9);
  color: #fff;
  BORDER-RADIUS: 50%;
  min-width: 14PX;
  min-height: 14PX;
  PADDING: 4PX;
  BOX-SIZING: content-box;
  padding-left: 5px;
  text-align-last: center;
  ALIGN-ITEMS: CENTER;
  JUSTIFY-CONTENT: CENTER;
  FONT-SIZE: 12PX;
  ASPECT-RATIO: 1/1;
}

.add-followup-input {
  width: 204px !important;
  margin-left: 25px;
}

.remarks-input {
  width: 105px !important;
}

ul.followups-list li.flup-column:last-child {
  border-bottom: none;
}

ul.followups-list li.flup-column input.datetime-input, .completed-follow li.flup-column input.datetime-input {
  border: none;
  font-size: 13px;
  margin-right: 0;
  background-image: url(../images/gray-cal.svg);
  background-repeat: no-repeat;
  background-position: 98%;
  padding-right: 0;
  min-width: 149px;
}

ul.followups-list li.flup-column .add-user svg {
  padding: 2px;
}

ul.followups-list li.flup-column .add-user {
  border-radius: 50%;
  width: 24px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
  margin: 0px 17px;
}

.completed-follow li.flup-column .media {
  margin: 0px 20px;
}

.accord-right input.date_datatype::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

ul.followups-list li.flup-column input.datetime-input[type=datetime-local]::-webkit-inner-spin-button,
ul.followups-list li.flup-column input.datetime-input[type=datetime-local]::-webkit-calendar-picker-indicator {
  /* -webkit-appearance: none;
  display: none;*/
}

/*.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input.date_datatype[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}*/
.task_details_ul li .accord-right input[type=datetime-local]::-webkit-calendar-picker-indicator, .task_details_ul li .accord-right input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}

.edit_Wrapper .left_edit_details .task_details_rightsec.open .task_details_ul {
  padding-top: 15px;
}

ul.followups-list li.flup-column .media {
  display: flex;
  align-items: center;
  top: 5px;
  position: relative;
  margin: 0px 20px;
}

ul.followups-list li.flup-column .media img, .completed-follow li.flup-column .media img {
  width: 20px;
  border-radius: 50%;
}

ul.followups-list li.flup-column .media h4 {
  font-size: 13px;
}

ul.followups-list li.flup-column .media.created-media {
  margin: 0px 35px;
}

.completed-follow li.flup-column .media.created-media {
  margin: 0px 35px;
}

ul.followups-head {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  text-align: left;
}

ul.followups-head li:first-child {
  width: 120px;
  text-align: left;
  padding-left: 10px;
}

ul.followups-head li:nth-child(2) {
  width: 230px;
  text-align: left;
}

ul.followups-head li:nth-child(6) {
  width: 70px;
  text-align: center;
}

ul.followups-head li:nth-child(3) {
  width: 109px;
  text-align: left;
}

ul.followups-head li {
  position: relative;
}

.followups-head li {
  font-size: 12px;
  color: #b7b7b7;
  font-weight: 400;
}

a.completed-followup svg {
  width: 18px;
  margin-right: 3px;
}

/*
.completed-follow {
  display: none;
}
*/
.followups-list li.flup-column p, .completed-follow li.flup-column p {
  padding: 0 9px 0 0;
  font-size: 11px;
  white-space: nowrap;
  color: #b7b7b7;
  height: auto;
}

ul.followups-list li.flup-column .followup-input::placeholder {
  color: #b7b7b7;
}

ul.followups-list li.flup-column .media.created-media img {
  filter: grayscale(1);
}

.completed-follow li.flup-column input.followup-input {
  width: 221px;
}

.completed-follow ul li:first-child {
  text-align: left;
  padding-left: 10px;
}

a.completed-followup {
  font-size: 13px;
  width: 100%;
  display: inline-block;
  border-top: 1px solid #eee;
  padding: 13px 0px 0px;
}

.completed-follow li.flup-column p {
  padding: 0 9px 0 0;
  font-size: 11px;
}

ul.followups-list {
  padding-bottom: 10px;
}

.followsups-div {
  margin-bottom: 40px;
  position: relative;
}

.completed-follow li.flup-column input.datetime-input[type=datetime-local]::-webkit-inner-spin-button,
.completed-follow li.flup-column input.datetime-input[type=datetime-local]::-webkit-calendar-picker-indicator {
  /*-webkit-appearance: none;
  display: none;*/
}

ul.followups-list li.flup-column.open-new input.followup-input {
  width: 237px;
}

.followup-data h4 {
  font-size: 13px;
  font-weight: 400;
  padding-left: 9px;
  margin-top: 10px;
  padding-bottom: 4px;
}

ul.followups-list li.flup-column:first-child {
  text-align: left;
  padding-left: 10px;
}

ul.followups-list li.flup-column .media .media-body .add-user {
  margin: 0;
  top: -3px;
  position: relative;
  left: -10px;
}

input.followup-input.done {
  text-decoration: line-through;
}

ul.followups-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  text-align: left;
  padding-bottom: 0px !important;
}

ul.followups-list.follow-upsopen li input.followup-input {
  width: 221px;
}

ul.completed-li {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  text-align: center;
}

.add-reminder-before-input, .reminder-before-input {
  width: 95px;
  margin-right: 10px;
  border: none;
  font-size: 13px;
  text-overflow: ellipsis;
  margin-top: 2px;
  overflow: hidden;
}

li.flup-column .add-user {
  margin-left: -14px !important;
  margin-right: 0px !important;
}

li.flup-column .datetime-input {
  width: 134px;
}

.activity-task ul.followups-head li:nth-child(2) {
  width: 160px;
}

.activity-task ul li.flup-columns:nth-child(3) {
  width: 90px;
}

.activity-task ul.followups-head li:nth-child(3) {
  width: 90px;
}

.activity-task ul li.flup-columns:nth-child(4) {
  width: 150px !important;
}

.activity-task ul.followups-head li:nth-child(4) {
  width: 150px;
}

ul li.flup-columns:nth-child(4) {
  text-align: left !important;
}

.followsups-div.mywokfollow-ups ul.followups-head, .followsups-div.mywokfollow-ups ul.followups-list, .followsups-div.mywokfollow-ups ul.completed-li {
  grid-template-columns: repeat(8, 1fr);
}

.followsups-div.mywokfollow-up ul.followups-list li.flup-column, .followsups-div.mywokfollow-up .completed-follow li.flup-column {
  height: 32px;
}

.followsups-div.mywokfollow-up a.completed-followup input {
  border: none;
  font-size: 12px;
  margin-left: 10px;
}

.meeting-info-btn::after {
  display: none !important;
}

a.completed-followup span {
  margin-right: 10px;
}

a.completed-followup input {
  border: none;
  font-size: 12px;
}

.followsups-div textarea:focus {
  outline: none;
}

.followsups-div textarea {
  width: 100%;
  height: 26px;
  border-color: #f5f5f5 !important;
  border-radius: 3px;
  padding: 0 5px;
}

.myworkdesign img.follow-icon {
  width: 18px;
  margin-right: 5px;
}

.myworkdesign ul.followups-list li.flup-column, .myworkdesign .completed-follow li.flup-column {
  justify-content: left;
}

ul.followups-list li.flup-column, .completed-follow li.flup-column {
  justify-content: left;
}

.followup-li-taskName {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  display: block;
}

.followsups-div p.coming-soon {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 37%;
  color: #fff;
  z-index: 999;
  height: auto;
}

.followsups-div.mywokfollow-ups {
  height: 68vh;
}

.tabs-coming .followsups-div.mywokfollow-ups > p {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  z-index: 999;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input.str_picklist_datatype_list_opt {
  float: left;
  clear: both;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 10px;
  height: 14px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.datatype_parent.str_picklist_datatype label {
  padding-top: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom-dropdownlist li input {
  margin-right: 5px;
  height: auto;
  margin-top: -1px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.multi-items {
  background: #F1F1F1;
  padding: 1px 14px;
  color: #000;
  border-radius: 20px;
  font-size: 12px !important;
  position: relative;
  top: 0px;
  margin-bottom: 10px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .media img {
  width: 35px;
  border-radius: 3px;
  margin-right: 10px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .media {
  display: flex;
  align-items: center;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .media .media-body p {
  font-size: 11px;
  margin-bottom: 0px;
  line-height: 1;
  padding-top: 0px;
  padding-bottom: 4px;
  padding-right: 37px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .media .media-body small {
  font-size: 10px;
  color: #979797;
}

li.linkedrecord_li.attachment_task .attachmentimage-info {
  border: 1px solid #EBEBEB;
  position: relative;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper {
  display: none;
}
li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .download_btn, li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn {
  border: none;
  outline: none;
  background: #f27039;
  border-radius: 4px;
  padding: 2px 5px;
}
li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .download_btn svg, li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn svg {
  stroke: #fff;
  width: 15PX;
}
li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn {
  background: #ECECEC;
}
li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn svg {
  width: 10px !important;
  stroke: none;
}
li.linkedrecord_li.attachment_task .attachmentimage-info:hover .action_wrapper {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .media-body {
  line-height: 1;
}

li.linkedrecord_li.attachment_task .attachmentimage-info:hover a.trash-div {
  display: block;
}

li.linkedrecord_li.attachment_task .attachmentimage-info a.trash-div {
  position: absolute;
  right: 0;
  top: 0;
}

li.linkedrecord_li.attachment_task .attachmentimage-info {
  padding: 0px;
  width: 100%;
  display: inline-block;
  clear: none;
  margin: 0px;
  border-radius: 3px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info a.trash-div {
  bottom: 0;
  margin: auto;
}

li.linkedrecord_li.attachment_task .attachment-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}

.attachment-popup .modal-body {
  padding: 0px;
}

.attachment-popup .modal-dialog {
  max-width: 50%;
}

.attachment-popup ul.nav.nav-tabs {
  display: block;
  height: 500px;
  border-bottom: 0px;
}

.attachment-popup .attach-left {
  width: 7%;
  float: left;
  border-right: 1px solid #eee;
}

.attachment-popup .attach-right {
  width: 92%;
  float: left;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.attachment-popup ul.nav.nav-tabs li a {
  border: none;
  margin: 0px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 14px 10px;
  border-radius: 0px;
  position: relative;
}

.attachment-popup .inputfile-2 + label {
  color: #000;
}

.attachment-popup ul.nav.nav-tabs li a.active svg {
  stroke: #fff;
}

.attachment-popup ul.nav.nav-tabs li a.active {
  background: #f27039;
}

.attachment-popup .inputfile + label svg {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  fill: #000;
  display: block;
  margin: 0 auto 10px;
}

.attachment-popup .inputfile + label {
  max-width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: table;
  overflow: hidden;
  padding: 8px 20px;
  border-radius: 3px;
  margin: 0 auto 7px;
  text-align: center;
}

.attachment-popup .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.attachment-popup .inputfile-2 + label:hover {
  color: #f27039;
}

.attachment-popup .inputfile + label small {
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 10px 0px;
  color: #b1b1b1;
  font-weight: 400;
}

.attachment-main .close svg {
  stroke: #525252;
}

.attachment-main .close {
  position: absolute;
  top: 10px;
  right: 3px;
}

.attachment-main .close svg {
  stroke: #000;
}

.attachment-main .close {
  position: absolute;
  top: 10px;
  right: 3px;
}

.uploadlink-div .form-group {
  display: flex;
}

.uploadlink-div {
  width: 300px;
}

.uploadlink-div button {
  background: #f27039;
  border: none;
  padding: 3px 20px;
  color: #fff;
  font-size: 13px;
}

.uploadlink-div input {
  border-radius: 0px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn {
  height: 19px;
  border-radius: 3px;
  line-height: 1;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn svg {
  width: 7px !important;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .download_btn, li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper .close_btn {
  padding: 0px 5px;
  border-radius: 3px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper button.download_btn.downloadfiles3 svg {
  width: 13px;
  height: 13px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info .action_wrapper button.download_btn.downloadfiles3 {
  width: 19px;
  height: 18px;
  border-radius: 3px;
  line-height: 1;
  text-align: center;
  padding: 0px;
}

li.linkedrecord_li.attachment_task .attachmentimage-info:hover .action_wrapper {
  right: 3px;
  top: 0;
}

.accordianpopup-div h4 span {
  padding-top: 3px;
}

.left_edit_details.task_chat.open {
  width: 900px;
  position: absolute;
  right: 0;
  transition: 1s;
  height: 100vh;
}

a.collapse-taskdetails {
  background: #DEE9FC;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  padding: 0px;
  line-height: 22px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  margin-left: -19px;
}

a.collapse-taskdetails.open svg {
  transform: rotate(180deg);
  position: relative;
  left: 1px;
}

.input-toolbar-icons .move-right.toolbar span {
  width: 26px;
  height: 24px;
  text-align: center;
}

.move-right.toolbar.d-flex {
  justify-content: space-between !important;
  width: 100%;
}

.editortoolbar-right .btn-new svg {
  width: 18px;
  height: 18px;
}

.editortoolbar-right .btn-new {
  margin: auto;
  background: transparent;
  width: 26px;
  height: 24px;
  padding: 0;
  display: inline-block;
}

.input-toolbar-icons .move-right.toolbar span:hover {
  background-color: #ebebeb;
  border-radius: 6px;
}

.editortoolbar-right .btn-new:hover {
  background: #F27039;
}

.editortoolbar-right .btn-new:hover svg {
  stroke: #fff;
}

.new_editor .input-toolbar-icons {
  border: 1px solid #EBEBEB;
  border-top: none;
}

.comments-main .ql-mention-list li {
  line-height: 1;
}

.comments-main .ql-mention-list-container.ql-mention-list-container-top {
  padding: 5px !important;
}

.editortoolbar-right .btn-new.cancel-btn svg path {
  fill: #a9a9a9;
}

.editortoolbar-right .btn-new.cancel-btn:hover {
  background: #6c757d !important;
}

.editortoolbar-right .btn-new.cancel-btn {
  background: transparent !important;
}

.editortoolbar-right .btn-new.cancel-btn:hover svg path {
  fill: #fff;
}

.taskdetail-title {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

a.plus-taskdetail {
  margin-left: 8px;
  background: #f27039;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 4px;
  line-height: 24px;
}

.accordianpopup-div a.plus-taskdetail svg {
  width: 15px;
}

.accordianpopup-div a.plus-taskdetail svg line {
  stroke: #fff;
}

.create-fields img {
  margin-right: 5px;
  width: 14px;
}

.create-fields {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px dashed #C7C8C9;
  padding: 7px;
  font-size: 12px;
  border-radius: 4px;
}

.create-fields button {
  background: transparent;
  padding: 0px;
  color: #000;
  display: flex;
  align-items: center;
  border: none;
}

.create-fields button:focus {
  box-shadow: none;
  outline: none;
  background: transparent;
  color: #000;
}

.create-fields button:active {
  box-shadow: none;
}

.create-fields button:hover {
  background: transparent;
  border: none;
  color: #000;
}

.taskdetail-list li a svg {
  width: 16px;
  height: 16px;
}

.taskdetail-list li a {
  position: relative;
}

.info-tooltip {
  display: inline-block;
  position: relative;
}

.info-tooltip .tooltip {
  width: 16px;
  height: 16px;
  z-index: 99;
}

.info-tooltip .tooltip span.tooltiptext::before {
  left: auto;
  top: -10px;
  right: 7px;
}

.info-tooltip .tooltip span.tooltiptext {
  right: -7px;
  left: auto !important;
}

.followup-popup button.close.btn.btn-none, .followup-query button.close.btn.btn-none {
  padding: 0px;
  font-size: 35px;
  position: absolute;
  right: 15px;
}

.followup-popup button.close.btn.btn-none:focus, .followup-query button.close.btn.btn-none:focus {
  box-shadow: none;
}

.followup-popup .modal-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #fff;
}

.followup-popup .modal-body {
  max-height: 500px;
  overflow-y: auto;
  padding-bottom: 65px;
}

.flup-column input[type=datetime-local]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: relative;
  background-position: 98%;
  right: 0;
  top: 0;
  width: 13px;
  height: 10px;
  background-repeat: no-repeat;
}

input[type=datetime-local]::-webkit-calendar-picker-indicator {
  background: url(../images/gray-cal.svg);
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: relative;
  background-position: 98%;
  right: 0;
  top: 0;
  width: 13px;
  height: 10px;
  background-repeat: no-repeat;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: url(../images/gray-cal.svg);
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: relative;
  background-position: 98%;
  right: 0;
  top: 0;
  width: 13px;
  height: 10px;
  background-repeat: no-repeat;
}

ul.followups-list li:nth-child(3) {
  padding-right: 5px;
  width: 97px;
}

ul.followups-list .reminder-before-input, ul.followups-list li.flup-column input.remarks-input {
  margin-right: 0px;
}

ul.followups-head li:nth-child(4) {
  width: 85px;
}

ul.followups-head li:nth-child(5) {
  width: 80px;
}

ul.followups-head li:nth-child(6) {
  width: 93px;
  text-align: left;
}

ul.followups-list li.flup-column:nth-child(6) {
  width: 140px !important;
}

ul.followups-head li:nth-child(7) {
  width: 107px;
  text-align: center;
}

ul.followups-head li:nth-child(8) {
  width: 100px;
}

.accordianpopup-div .taskdetailstab ul li a {
  border: none;
  background: #f1f2f4;
  border-radius: 0px;
  padding: 8px 15px;
  font-weight: 400;
  font-size: 13px;
  margin-right: 0px;
  border-right: 1px solid #dfdfdf;
}

.accordianpopup-div .taskdetailstab ul li a svg {
  width: 14px;
}

.accordianpopup-div .taskdetailstab ul li a {
  border: none;
  background: #ccc;
  border-radius: 0px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  margin-right: 0px;
  border-right: 1px solid #dfdfdf;
}

.accordianpopup-div .taskdetailstab .nav-tabs .nav-link.active {
  color: #f27039 !important;
  background: rgba(249, 222, 212, 0.5) !important;
}

.accordianpopup-div .taskdetailstab .taskdetail-list ul li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.accordianpopup-div .taskdetailstab .taskdetail-list ul li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.task_details_ul li:hover .listdrag-icon {
  display: block;
}

.task_details_ul li:hover .dropdown {
  display: block;
}

.task_details_ul .listdrag-icon {
  position: absolute;
  left: 3px;
  top: 12px;
  display: none;
  margin: auto;
  height: 22px;
  cursor: move;
}

.task_details_ul .listdrag-icon img {
  width: 9px;
}

.task_details_ul .dropdown.dropdown-status-new button.dropdown-toggle.ellipsis_btn::after {
  display: none;
}

.task_details_ul .dropdown.dropdown-status-new button.dropdown-toggle.ellipsis_btn {
  background: transparent;
  border: none;
}

.task_details_ul .dropdown.dropdown-status-new {
  position: absolute;
  right: 18px;
  top: -15px;
  display: none;
}

.task_details_ul .dropdown.dropdown-status-new button {
  transform: rotate(90deg);
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li:hover .dropdown.dropdown-status-new {
  display: block;
}

.task_details_ul .dropdown svg {
  width: 15px;
  /* stroke: #b7b7b7; */
  height: 15px;
  /*stroke: #b7b7b7;*/
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li {
  padding: 8px 13px;
  position: relative;
  line-height: 1;
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul {
  padding: 8px 0px 3px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
  border-top: 5px solid #f27039;
  z-index: 9;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li a {
  padding: 0px;
  font-size: 13px;
  color: #000 !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li a:hover {
  background: transparent;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li img {
  width: 16px;
  vertical-align: middle;
  border-radius: 2px;
  margin-right: 7px;
  margin-top: -1px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li a svg {
  /* fill: #222 !important;*/
  margin-right: 5px;
  /*stroke: initial;*/
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul::before {
  content: "";
  width: 13px;
  height: 13px;
  top: -13px;
  box-shadow: none;
  position: absolute;
  right: 15px;
  left: auto;
  margin: auto;
  border-bottom: 13px solid #f27039;
  border-left: 13px solid transparent;
  border-right: 10px solid transparent;
}

.task_details_ul .dropdown.dropdown-status-new button.dropdown-toggle.ellipsis_btn svg {
  stroke: #bfbfbf;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul svg {
  stroke: #222;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li {
  padding: 5px 13px;
  position: relative;
  line-height: 1;
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul {
  padding: 8px 0px 8px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
  z-index: 1;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li a {
  padding: 0px;
  font-size: 13px;
  color: #000 !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li a:hover {
  background: transparent;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li img {
  width: 20px;
  vertical-align: middle;
  border-radius: 2px;
  margin-right: 3px;
  margin-top: -1px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li .tablist-icon {
  font-size: 13px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li a svg {
  fill: #f27039 !important;
  margin-right: 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li input {
  border-radius: 0px;
  padding: 4px 8px;
  border: 1px dashed #ccc;
  background: #f5f5f5;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .create-fields .dropdown ul li input:focus {
  box-shadow: none !important;
}

.taskdetailstab .nav-tabs a.nav-link.add-new {
  background: transparent !important;
  padding: 6px 8px;
}

.datatype-popup button.btn-close {
  font-size: 0px;
  position: absolute;
  right: 27px;
  top: 2px;
  opacity: 1;
}

.datatype-popup .modal-footer button.btn.btn-primary {
  padding: 5px 17px;
  box-shadow: none;
  font-size: 13px;
  border-radius: 3px;
}

.datatype-popup .modal-footer {
  padding: 6px 10px;
}

.datatype-popup .space-div {
  padding: 0px 10px 0px 10px;
}

.datatype-popup .modal-dialog .modal-header {
  padding: 10px 12px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
}

body #ulFields .tooltip1 .popup-img {
  position: absolute;
  top: 50%;
  right: -27px;
  overflow: hidden;
  z-index: 1;
  display: none;
  left: auto;
}

.datatype-popup.fields-popup .modal-body {
  height: 100%;
  overflow-y: auto;
}

.datatype-popup .modal-dialog {
  top: 0;
  margin-top: 7px;
}

.datatype-popup .design-left {
  margin-top: 0px;
}

.datatype-popup .modal-header img {
  width: 23px;
  vertical-align: middle;
  border-radius: 3px;
}

.datatype-popup h5 {
  font-weight: 500;
  font-size: 16px;
}

.datatype-popup .design-left .search-main {
  max-width: 250px;
}

.datatype-popup .pagedesign-left .template_wrapper_right ul li {
  margin-right: 0px;
}

.datatype-popup.fields-popup .modal-dialog {
  top: 1%;
}

.taskdetailstab ul {
  border: none;
  overflow-x: auto;
  justify-content: left;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
}

.taskdetailstab .workitems-design {
  margin-bottom: 0;
}

.taskdetailstab {
  width: 100%;
  overflow: visible;
  display: flex;
  justify-content: space-between;
}

a.nav-link.add-new {
  padding: 7px 5px 0px;
  margin-left: 0;
  background: #e3e3e3;
  border-left: 1px solid #f1f2f4;
  height: 30px;
}

a.nav-link.add-new svg {
  width: 14px;
}

.datatype-popup.fields-popup .search-main {
  margin-right: 30px;
}

.datatype-popup.fields-popup .header-search-wrapper input {
  padding: 5px 35px 5px 13px;
  background: #fff;
  color: #000;
}

.flup-column input.checkbox-input {
  margin-right: 0px;
  position: absolute;
  z-index: 9;
  width: 15px;
  height: 15px;
  cursor: pointer;
  opacity: 0;
  left: 5px;
  top: 3px;
}

.checkbox-followup {
  position: relative;
}

.flup-column input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  cursor: pointer;
  margin-bottom: 0px;
}

.flup-column input[type=checkbox]:checked + label > span {
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

.flup-column input[type=checkbox] + label > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background: transparent;
  border: 2px solid #9b99a4;
  border-radius: 2px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  position: relative;
  margin-top: 1px;
}

.flup-column input[type=checkbox]:checked + label > span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}

.flup-column textarea::placeholder {
  font-size: 10px;
}

.secondPopup .modal-backdrop.fade.show {
  z-index: 9999;
}

.datatype-popup.fields-popup {
  z-index: 99999;
}

.datatype-popup {
  z-index: 99999 !important;
}

.attachment-popup {
  z-index: 99999 !important;
}

.deletetabsconfirmpopup {
  z-index: 999999 !important;
  position: relative;
}

a.datatype-toggle, a.datatypeprevious-toggle {
  position: relative;
  top: -3px;
}

.nav-tabs.datatype-tabs li a {
  font-size: 13px;
  text-transform: capitalize;
  color: #000 !important;
  font-weight: 400;
  padding: 6px 2px 6px;
  margin: 0px 16px 0px 0px;
  border: none;
}

.nav-tabs.datatype-tabs li a.nav-link:hover, .nav-tabs.datatype-tabs li a.nav-link.active {
  border: none;
  border-bottom: 2px solid #f27039;
}

.nav-tabs.datatype-tabs {
  border-bottom: none;
  padding-left: 0px;
}

.tab-content.datatype-cont {
  padding: 12px 0px 10px;
}

.tab-content.datatype-cont label {
  font-size: 13px;
  margin-bottom: 3px;
}

.tab-content.datatype-cont h3 {
  font-weight: 500;
  padding-bottom: 6px;
}

.datatype-popup.fields-popup.fields-popup .modal-dialog .modal-header {
  padding: 3px 12px 0px;
}

.datatype-popup input:focus, .datatype-popup textarea:focus {
  box-shadow: none !important;
}

.datatype-popup textarea.form-control.textarea-formula {
  max-height: 200px;
  min-height: 110px;
  overflow-y: auto;
}

.datatype-popup .modal-dialog {
  max-width: 700px;
}

.datatype-popup.fields-popup .modal-dialog {
  max-width: 500px;
}

li.create-fields-datatype .dropdown-toggle::after {
  display: none;
}

/*.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li a svg.feather-edit {
    stroke: #222 !important;
    fill: #fff !important;
}*/
.radio-checkbox {
  padding: 10px 0px 5px;
}

.radio-checkbox [type=radio]:checked,
.radio-checkbox [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radio-checkbox [type=radio]:checked + label,
.radio-checkbox [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 18px;
  display: inline-block;
  color: #222;
  font-size: 13px;
}

.row.li_row.form_output h3 {
  font-size: 13px;
}

.datatype-popup .conditions-main {
  display: flex;
  display: flex;
  align-items: center;
}

.datatype-popup .triger-data.fields-div {
  width: 170px;
  margin-right: 6px;
  margin-bottom: 0px;
}

.radio-checkbox [type=radio]:checked + label:before,
.radio-checkbox [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.radio-checkbox [type=radio]:checked + label:after,
.radio-checkbox [type=radio]:not(:checked) + label:after {
  content: "";
  width: 18px;
  height: 18px;
  background: #f27039;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.radio-checkbox [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radio-checkbox [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

a.remove-condition.handy svg path {
  fill: #dc3545;
}

.space-div textarea {
  margin-bottom: 18px;
}

a.editor-div {
  font-size: 13px;
  margin-top: 5px;
  display: block;
  color: #f27039 !important;
}

.edit-permission .view-dropdown {
  display: flex;
  text-align: left;
  align-items: center;
}

.edit-permission .media {
  display: flex;
  align-items: center;
}

.edit-permission .media img {
  width: 35px;
}

.edit-permission .media p {
  font-size: 12px;
  color: #999999;
}

.edit-permission .media h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-bottom: 2px;
}

.edit-permission button.close.btn.btn-none {
  position: absolute;
  right: 10px;
  padding: 0px;
}

.edit-permission button.close.btn.btn-none:focus {
  box-shadow: none !important;
}

.edit-permission .view-dropdown svg {
  margin-right: 10px;
  width: 18px;
  stroke: #7e7e7e;
}

.edit-permission .view-dropdown svg path {
  stroke: #7e7e7e;
}

.edit-permission button.btn.btn-primary.cancel-btn {
  background: #6c757d !important;
  border-color: #6c757d !important;
  box-shadow: none;
  padding: 6px 20px;
  border-radius: 4px;
  margin: 0 0px 0 10px;
}

.edit-permission button.btn.btn-primary.save-btn {
  box-shadow: none;
  padding: 6px 20px;
  border-radius: 4px;
  margin: 0 0px 0 10px;
  background: #f27039;
  color: #ffffff !important;
}

.edit-permission .modal-dialog {
  max-width: 620px;
}

.edit-permission .View-by .view-status-new::after {
  position: absolute;
  right: 10px;
  background-position: 100% 50%;
  height: 100%;
  background-size: 15px;
}

.edit-permission .View-by .view-status-new {
  color: #000;
  border-radius: 3px !important;
  padding: 12px 10px !important;
  background: #f1f2f4;
  width: 100%;
  position: relative;
  border: none;
}

.edit-permission .View-by .view-status-new:hover, .edit-permission .View-by .view-status-new:focus {
  border: none;
  background: #f1f2f4 !important;
}

.edit-permission .contnt-value h4 {
  font-size: 15px;
  padding-bottom: 4px;
}

.edit-permission .View-by ul.dropdown-menu {
  width: 95.6%;
  border: none;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.edit-permission .View-by ul.dropdown-menu li a {
  font-size: 12px;
  border-bottom: 1px solid #DEE8FC;
  padding: 10px 10px;
}

.edit-permission .contnt-value p {
  font-size: 12px;
  color: #999999;
}

.edit-permission .View-by {
  margin-bottom: 15px;
}

p.title-permission {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 2px;
}

.taskdetailstab li {
  position: relative;
}

.taskdetailstab li .listdrag-icon img {
  width: 7px;
}

.taskdetailstab li:hover .listdrag-icon {
  display: block;
  top: 4px;
  z-index: 1;
  cursor: move;
}

.taskdetailstab li .listdrag-icon {
  top: 3px;
}

.taskdetailstab li .dropdown i::after {
  display: none;
}

.taskdetailstab li .dropdown {
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0px !important;
  width: 10px;
  text-align: center;
  display: none;
  height: 13px;
  margin: auto;
  line-height: 13px;
  bottom: 0px;
}

.taskdetailstab li.active:hover .dropdown {
  display: block;
}

.taskdetailstab li .dropdown i {
  color: #979797;
  font-size: 11px;
}

.taskdetailstab ul.dropdown-menu {
  border-radius: 5px;
  border: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: none;
  top: 32px;
  min-width: 120px;
}

.taskdetailstab ul.dropdown-menu li a {
  background: transparent;
  display: flex;
  align-items: center;
  padding: 1px 13px;
  font-weight: 400;
  font-size: 12px;
  border: none;
}

.taskdetailstab ul.dropdown-menu li {
  padding: 2px 0px;
  margin: 0px;
  border-bottom: 1px solid #eee;
}

.taskdetailstab ul.dropdown-menu li svg {
  margin-right: 4px;
}

.taskdetailstab ul.dropdown-menu li:hover {
  background: #eee;
}

.tabsul-main {
  width: calc(100% - 25px);
  display: flex;
  position: relative;
}

a.nav-link.add-new {
  padding: 5px 6px 5px;
  margin-left: 0;
  background: #f1f2f4;
  border-left: 1px solid #eee;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

a.nav-link.add-new svg {
  width: 12px;
}

.taskdetailstab .nav-tabs .nav-item:last-child .nav-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li ul.submenu {
  width: 156px;
  height: auto;
  position: absolute;
  right: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 2px 4px 8px;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  padding: 0;
  display: none;
  top: 0px;
  left: 94px;
  border: none;
  max-height: 150px;
  overflow-y: auto;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li.dropdown:hover ul.submenu {
  display: block;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li ul::before {
  display: none;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li ul.submenu li a {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li ul.submenu li {
  padding: 8px 10px 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li.dropdown:hover ul.submenu::after {
  content: "";
  left: -14px;
  right: auto;
  transform: rotate(-89deg);
  top: 9px;
  border-bottom: 9px solid #a1a09c;
  border-left: 9px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dropdown.dropdown-status-new ul li.dropdown::after {
  content: "";
  background: url(../images/arrow-white.svg) no-repeat;
  width: 10px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 9px;
  background-position: right center;
  background-size: 9px;
  transform: rotate(268deg);
}

.taskdetailstab .workitems-design .downdown-list.status-by .dropdown-status-new {
  padding: 0;
  background: #fff;
  border-radius: 5px;
}

.taskdetailstab .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li a {
  background: transparent;
  padding: 0px;
  border: none;
}

.taskdetailstab .workitems-design .downdown-list.status-by {
  min-width: 180px;
}

.taskdetailstab .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li input {
  height: 28px;
}

.taskdetailstab .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li:first-child {
  padding: 7px 10px 0px;
}

.taskdetailstab .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li svg {
  width: 11px !important;
  height: 12px !important;
  margin-right: 6px;
}

.taskdetailstab .workitems-design .downdown-list.status-by::before {
  content: "";
  width: 13px;
  height: 13px;
  top: -10px;
  background-color: #f27039;
  box-shadow: none;
  transform: rotate(45deg);
  position: absolute;
  right: auto;
  left: 70px;
  margin: auto;
  z-index: -1;
}

.taskdetail-title h4 {
  position: absolute;
  left: 8px;
  z-index: 999;
  top: 38px;
  width: 0px;
}

.taskdetailstab li:first-child .listdrag-icon.ui-sortable-handle {
  left: 3px;
}

.tab-left {
  background: #f1f2f4;
  display: flex;
  align-items: center;
  border-right: 1px solid #eee;
  height: 31px;
  cursor: pointer;
}

.tab-left a {
  padding: 0px 2px;
  padding-left: 7px;
}

.tab-right a {
  padding: 0px 2px;
}

.tab-right {
  background: #f1f2f4;
  display: flex;
  align-items: center;
  border-left: 1px solid #eee;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: 0;
}

.accordianpopup-div .taskdetailstab .tab-right svg, .accordianpopup-div .taskdetailstab .tab-left svg {
  stroke: #707070;
}

.left_edit_details.task_chat.open .tabsul-main {
  width: 828px;
}

.deletetabsconfirmpopup .custom-dropdown {
  max-width: 250px;
  margin: 5px auto 5px;
  text-align: left;
}

.deletetabsconfirmpopup h3 {
  font-weight: 500;
  font-size: 18px;
}

.deletetabsconfirmpopup p {
  color: #000;
  font-size: 15px;
  padding-bottom: 9px;
}

.deletetabsconfirmpopup .modal-body {
  padding-bottom: 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul {
  height: 67vh;
}

a.collapse-taskdetails img {
  width: 20px;
  transform: rotate(180deg);
  transition: 1s;
}

.left_edit_details.task_chat.open a.collapse-taskdetails img {
  transform: rotate(0deg);
}

.taskdetailstab .workitems-design ul.list-unstyled.status-list li a svg {
  fill: #dc3545 !important;
}

.backlog-left label.form-label.popup_cmn_heading {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-bottom: 0px;
}

.backlog-left span.span-edit svg {
  stroke: #b1b1b1;
  width: 12px;
}

.left_edit_details .backlog-left {
  display: flex;
  position: relative;
  margin-right: 2px;
}

.left_edit_details .backlog-left .dropdown {
  margin-right: 15px;
}

.left_edit_details .backlog-left span.span-edit, .task_details_left_items .desc-div span.span-edit {
  padding-left: 0;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.left_edit_details .backlog-left:hover span.span-edit, .task_details_left_items .desc-div:hover span.span-edit {
  display: block;
}

.task_details_left_items .desc-div {
  position: relative;
  display: inline-flex;
  padding-right: 18px;
}

.desc-div span.span-edit svg {
  stroke: #b1b1b1;
  width: 12px;
}

.edit_Wrapper .left_edit_details .edit_input input.editablefieldname[type=text] {
  width: 200px;
  height: auto;
  padding: 1px 0 0 3px;
  cursor: text;
  margin: 0px 6px 0 6px;
  border: 1px dashed #ccc;
  height: 23px;
  display: none;
  font-size: 12px;
  font-weight: 400;
}

.edit_Wrapper .left_edit_details .edit_input input.editablefieldname[type=text]:focus {
  background: transparent;
}

.task_details_left_items .desc-div input.editablefieldname[type=text] {
  width: 200px;
  height: auto;
  padding: 1px 0 0 6px;
  cursor: text;
  margin: 0px 0 5px 6px;
  border: 1px dashed #ccc;
  height: 23px;
  display: none;
}

.taskdetailstab li .tab-pin {
  position: absolute;
  top: -8px;
  right: -2px;
  display: none;
  height: 18px;
}

/*.taskdetailstab li.active:hover .tab-pin {
    display: block;
}*/
.taskdetailstab li.active a + .tab-pin svg path {
  fill: #f27039;
}

.taskdetailstab li .tab-pin svg path {
  fill: #9b99a4;
  opacity: 0.6;
}

.taskdetailstab li .tab-pin svg {
  width: 16px;
  height: 16px;
}

.taskdetailstab li.pined-icon .tab-pin {
  display: block;
}

.button-drodpown button {
  width: 100%;
  border: 1px solid #ced4da;
  margin-bottom: 10px;
  background: transparent;
  color: #000;
  text-align: left;
  padding: 7px 10px;
  position: relative;
}

.button-drodpown button:hover {
  background: transparent !important;
  color: #000;
  border-color: #ced4da !important;
}

.button-drodpown button:focus {
  color: #000;
  border: 1px solid #ced4da !important;
}

.button-title h3 {
  padding-bottom: 5px;
  color: #000;
  font-size: 13px;
}

.button-drodpown ul.dropdown-menu {
  width: 100%;
  padding: 0px;
}

.button-drodpown ul.dropdown-menu img {
  width: 11px;
  vertical-align: middle;
  margin-right: 5px;
}

.button-drodpown ul.dropdown-menu svg {
  margin-right: 3px;
}

.button-drodpown ul.dropdown-menu li {
  border-bottom: 1px solid #ced4da;
}

.button-drodpown ul.dropdown-menu li:last-child {
  border: none;
}

.button-drodpown ul.dropdown-menu li a {
  color: #000;
  font-size: 12px;
  padding: 5px 10px;
}

.button-drodpown .dropdown-toggle::after {
  background: url(../images/arrow-filter.svg) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 16px;
  font-size: 0px;
  position: absolute;
  background-position: 100% 95%;
  right: 10px;
  margin: auto;
  top: 5px;
  bottom: 0;
}

.form-inline.export-button.button-drodpown .dropdown {
  width: inherit;
  margin-right: 5px;
}

.form-inline.export-button.button-drodpown .dropdown:last-child {
  width: inherit;
  margin-left: 5px;
  margin-right: 0px;
}

.button-drodpown.display-dropdown ul.dropdown-menu li.active a::before {
  content: "";
  background: url(../images/tick.svg) no-repeat;
  width: 20px;
  height: 20px;
  background-size: 23px;
  font-size: 0px;
  position: absolute;
  background-position: 100% 95%;
  left: 14px;
  margin: auto;
  top: 0px;
  bottom: 0;
}

.button-drodpown.display-dropdown button {
  padding: 10px 10px;
  text-align: center;
}

.button-drodpown.display-dropdown span.click-btn {
  background: #f27039;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 1;
}

.button-drodpown ul.dropdown-menu a.dropdown-item span {
  margin-top: 2px;
}

.button-drodpown ul.dropdown-menu a.dropdown-item span.click-txt {
  color: #f27039;
}

.button-drodpown.display-dropdown ul.dropdown-menu li a {
  padding: 10px 40px;
  position: relative;
}

.radio-checkbox.button-radio {
  padding: 0px;
}

.button-drodpown.display-dropdown ul.dropdown-menu li a p {
  display: inline-grid;
}

.form_builder_field .form-group.checkbox-txt label {
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-group.checkbox-txt {
  margin-bottom: 5px;
}

.form_builder_field .form-inline .form-group {
  display: flex;
  width: 50%;
  white-space: nowrap;
  align-items: center;
}

.form_builder_field .inline-form .form-group {
  align-items: center;
  display: flex;
}

.form_builder_field .inline-form .form-group label {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-inline .form-group:last-child input {
  margin-right: 0px;
}

.form_builder_field .form-inline {
  display: flex;
  align-items: center;
  width: 100%;
}

.form_builder_field .form-inline .form-group label {
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-inline .form-group input {
  margin-right: 15px;
}

.form_builder_field .form-group.checkbox-txt input.form-check-input {
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.space-div.button-title {
  margin-bottom: 10px;
}

.tab-content.button-tabs {
  padding: 13px 0px 0px;
}

.tab-content.button-tabs textarea {
  margin-bottom: 0px;
}

.buttontabs-link {
  position: relative;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  border-radius: 25px;
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(0);
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(100%);
}

.tab-content.button-tabs textarea {
  min-height: 70px;
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(200%);
}

.buttontabs-link .slider::before {
  display: none;
}

.buttontabs-link .slider {
  display: inline-block;
  width: 30px;
  height: 100%;
  border-radius: 25px;
  background-color: #ccc;
  position: absolute;
  z-index: 1;
  bottom: 0;
  transition: all 0.4s linear;
}

.nav-tabs.buttontabs-link li a {
  padding: 6px 20px 6px 31px;
  margin: 0px 18px 0px 5px;
  z-index: 9;
}

.buttontabs-link .nav-link.active {
  color: #000 !important;
}

.buttontabs-link li a.nav-link:hover, .buttontabs-link li a.nav-link.active {
  background: transparent;
  border: none !important;
}

.linkedrecord-link .space-div {
  padding: 0px 10px 0px 0px;
}

.linkedrecord-link .datatype-popup .space-div span.form-control.custom-input {
  font-size: 12px;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div button {
  text-align: left;
  padding: 8px 8px;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div button {
  text-align: left;
  padding: 5px 11px;
}

span.filter-num {
  text-align: center;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div button img {
  position: relative;
  top: 3px;
}

.linkedrecord-link .dropdown.linkedrecord-filter button.form-control.dropdown-toggle.lrecordfilter {
  padding: 8px 10px;
  text-align: left;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button {
  padding: 8px 8px;
  text-align: left;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button img {
  position: relative;
  top: 2px;
}

.linkedrecord-link .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div span.filter-num {
  text-align: center;
}

.options-checkbox.checkbox-linkedrecord input.backlink_name.form-control {
  margin: 0px;
  width: 100%;
  height: 32px;
  top: 0px;
  position: relative;
}

.checkbox.linkedrecord-checkbox .row {
  width: 64%;
  padding-left: 8px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .space-div {
  padding: 0px 5px 0px 0px;
  margin-top: -5px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter button {
  padding: 8px 0px;
  font-size: 10px;
  text-align: left;
}

.checkbox.linkedrecord-checkbox {
  display: flex;
  align-items: center;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.filter-first button {
  text-align: center;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button {
  text-align: left;
  padding-left: 3px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.filter-first button img {
  top: 2px;
  position: relative;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button img {
  top: 1px;
  position: relative;
  width: 12px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-last button {
  text-align: center;
  padding: 4px 0px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-last button img {
  top: 3px;
  position: relative;
  width: 13px;
}

.button-drodpown.linkedrecord-dropdown h3 {
  padding-bottom: 4px;
  font-size: 14px;
}

.button-drodpown.linkedrecord-dropdown button {
  text-align: left;
  padding: 6px 10px;
  margin-bottom: 8px;
}

.button-drodpown.linkedrecord-dropdown ul.dropdown-menu li a {
  padding: 5px 10px;
}

.datatype-popup .checkbox.linkedrecord-checkbox .dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button::after {
  top: 2px;
  position: relative;
  right: 2px;
}

.linked-icon {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
  color: #fff;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}

.linked-table table tbody tr:hover:hover .linked-icon {
  opacity: 0.9;
  transition: opacity 0.6s ease-in;
}

.linkrecdmain {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 32px;
  height: 32px;
}

.linkedrecord-plus {
  width: 32px;
  height: 32px;
  background: #f27039;
  position: absolute;
  right: -2px;
  top: -2px;
  border-radius: 5px;
  overflow: hidden;
  transform: translate3d(32px, -32px, 0);
  transition: transform 0.5s ease-in;
}

.linkedrcd-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 27px solid var(--G-1-5, #E9E9E9);
  border-right: 27px solid transparent;
  transition: border-width 0.5s ease-in;
}

.linked-table table tbody tr:hover .linkedrecord-plus {
  transform: translate3d(4px, -4px, 0);
  transition: transform 0.5s ease-in;
}

.linkrecd-btn svg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  margin-top: -1px;
}

.linkrecd-btn a {
  background: #6c757d;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff !important;
  padding: 6px;
  border-radius: 3px;
  font-size: 14px;
}

.linked-icon svg {
  width: 15px;
  position: absolute;
  right: 0;
  top: 0;
  height: 15px;
}

.checkbox-linkedrecord .space-div {
  padding: 0px 10px 0px 0px;
}

.dropdown.linkedrecord-filter.filter-first button {
  padding: 8px 10px;
  text-align: left;
}

.dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button {
  padding: 8px 8px;
  text-align: left;
}

.dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-last button {
  text-align: left;
  padding: 5px 11px;
}

.dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-datatype-div button img {
  position: relative;
  top: 2px;
}

.dropdown.linkedrecord-filter.linkedrecord-filter-div.filter-last button img {
  position: relative;
  top: 3px;
}

.taskDetailView svg {
  width: 18px;
}

.button-drodpown button {
  width: 100%;
  border: 1px solid #ced4da;
  margin-bottom: 10px;
  background: transparent;
  color: #000;
  text-align: left;
  padding: 7px 10px;
  position: relative;
}

.button-drodpown button:hover {
  background: transparent !important;
  color: #000;
  border-color: #ced4da !important;
}

.button-drodpown button:focus {
  color: #000;
  border: 1px solid #ced4da !important;
}

.button-title h3 {
  padding-bottom: 5px;
  color: #000;
  font-size: 13px;
}

.button-drodpown ul.dropdown-menu {
  width: 100%;
  padding: 0px;
}

.button-drodpown ul.dropdown-menu img {
  width: 11px;
  vertical-align: middle;
  margin-right: 5px;
}

.button-drodpown ul.dropdown-menu svg {
  margin-right: 3px;
}

.button-drodpown ul.dropdown-menu li {
  border-bottom: 1px solid #ced4da;
}

.button-drodpown ul.dropdown-menu li:last-child {
  border: none;
}

.button-drodpown ul.dropdown-menu li a {
  color: #000;
  font-size: 12px;
  padding: 5px 10px;
}

.button-drodpown .dropdown-toggle::after {
  background: url(../images/arrow-filter.svg) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 16px;
  font-size: 0px;
  position: absolute;
  background-position: 100% 95%;
  right: 10px;
  margin: auto;
  top: 5px;
  bottom: 0;
}

.form-inline.export-button.button-drodpown .dropdown {
  width: inherit;
  margin-right: 5px;
}

.form-inline.export-button.button-drodpown .dropdown:last-child {
  width: inherit;
  margin-left: 5px;
  margin-right: 0px;
}

.button-drodpown.display-dropdown ul.dropdown-menu li.active a::before {
  content: "";
  background: url(../images/tick.svg) no-repeat;
  width: 20px;
  height: 20px;
  background-size: 23px;
  font-size: 0px;
  position: absolute;
  background-position: 100% 95%;
  left: 14px;
  margin: auto;
  top: 0px;
  bottom: 0;
}

.button-drodpown.display-dropdown button {
  padding: 10px 10px;
  text-align: center;
}

.button-drodpown.display-dropdown span.click-btn {
  background: #f27039;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 1;
}

.button-drodpown ul.dropdown-menu a.dropdown-item span {
  margin-top: 2px;
}

.button-drodpown ul.dropdown-menu a.dropdown-item span.click-txt {
  color: #f27039;
}

.button-drodpown.display-dropdown ul.dropdown-menu li a {
  padding: 10px 40px;
  position: relative;
}

.radio-checkbox.button-radio {
  padding: 0px;
}

.button-drodpown.display-dropdown ul.dropdown-menu li a p {
  display: inline-grid;
}

.form_builder_field .form-group.checkbox-txt label {
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-group.checkbox-txt {
  margin-bottom: 5px;
}

.form_builder_field .form-inline .form-group {
  display: flex;
  width: 50%;
  white-space: nowrap;
  align-items: center;
}

.form_builder_field .inline-form .form-group {
  align-items: center;
  display: flex;
}

.form_builder_field .inline-form .form-group label {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-inline .form-group:last-child input {
  margin-right: 0px;
}

.form_builder_field .form-inline {
  display: flex;
  align-items: center;
  width: 100%;
}

.form_builder_field .form-inline .form-group label {
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
}

.form_builder_field .form-inline .form-group input {
  margin-right: 15px;
}

.form_builder_field .form-group.checkbox-txt input.form-check-input {
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.space-div.button-title {
  margin-bottom: 10px;
}

.tab-content.button-tabs {
  padding: 13px 0px 0px;
}

.tab-content.button-tabs textarea {
  margin-bottom: 0px;
}

.buttontabs-link {
  position: relative;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  border-radius: 25px;
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(0);
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(100%);
}

.tab-content.button-tabs textarea {
  min-height: 70px;
}

.buttontabs-link .nav-link ~ .glider {
  transform: translateX(200%);
}

.buttontabs-link .slider::before {
  display: none;
}

.buttontabs-link .slider {
  display: inline-block;
  width: 30px;
  height: 100%;
  border-radius: 25px;
  background-color: #ccc;
  position: absolute;
  z-index: 1;
  bottom: 0;
  transition: all 0.4s linear;
}

.nav-tabs.buttontabs-link li a {
  padding: 6px 20px 6px 31px;
  margin: 0px 18px 0px 5px;
  z-index: 9;
}

.buttontabs-link .nav-link.active {
  color: #000 !important;
}

.buttontabs-link li a.nav-link:hover, .buttontabs-link li a.nav-link.active {
  background: transparent;
  border: none !important;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left span.tooltip-main.tooltip-taskdetail {
  top: -6px;
}

.avblfield-popup .available-fields-box .available-fields-list {
  max-height: 450px;
  overflow-y: auto;
  min-height: 400px;
}

.dropdown.linkedrecord-filter.linkedrecord-filter-div button img {
  position: relative;
  top: 2px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .linkedrecord-data .accord-right {
  float: right;
  text-align: right;
  padding: 5px 0px 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .linkedrecord-data .accord-left {
  float: left;
}

.dynamic_linkedgrid_div.tabulator .delete-task-dropdown {
  float: right;
  padding-right: 0px !important;
}

.dynamic_linkedgrid_div.tabulator .tabulator-cell.undefined.tabulator-range-row-header.tabulator-frozen.tabulator-frozen-left:first-child {
  width: 81px !important;
  overflow: visible;
  line-height: 18px;
  color: #000;
}

.linkedrecord-data .dynamic_linkedgrid_div.tabulator .dropdown-toggle li.add-user {
  top: 0px;
}

.linkedrecord-data .dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  padding: 0px 4px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left:first-child {
  width: 81px !important;
  overflow: visible;
  line-height: 18px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-tableholder .tabulator-table {
  width: 100%;
  height: 18px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row {
  min-height: 18px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  padding-left: 3px !important;
  left: 0px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row {
  height: 18px;
}

li.accord-sec ul li .dynamic_linkedgrid_div.tabulator .kanban-drag.user-control {
  padding: 0px 0px !important;
}

.dynamic_linkedgrid_div.tabulator .custom-dropdown span.form-control.custom-input {
  background-size: 13px;
  background-color: transparent;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  padding: 0px 4px;
  line-height: 18px;
  margin-top: -10px;
  border-bottom: 1px solid #ddd;
}

li.accord-sec ul li .dynamic_linkedgrid_div.tabulator .current_user_list .dropdown-toggle li {
  width: 20px;
  height: 17px;
}

li.accord-sec ul li .dynamic_linkedgrid_div.tabulator .kanban-drag.user-control .current_user_list li img {
  width: 17px;
  height: 17px;
  border: none;
}

.dynamic_linkedgrid_div.tabulator .datatype_parent.str_picklist_datatype span.form-control.custom-input {
  height: 18px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  padding: 0 0px 0 8px;
}

.dynamic_linkedgrid_div.tabulator .tabulator.tabulator-block-select, .dynamic_linkedgrid_div.tabulator .tabulator-cell:not(.tabulator-editing) {
  line-height: 1;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  padding: 2px 4px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  float: right;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
  height: 24px;
  border: 1px solid #ced4da;
  border-radius: 2px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  display: none;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
}

.dynamic_linkedgrid_div.tabulator ul.dropdown-menu li {
  padding: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #eee !important;
}

.dynamic_linkedgrid_div.tabulator ul.dropdown-menu li:last-child {
  border: none !important;
}

.dynamic_linkedgrid_div.tabulator ul.dropdown-menu {
  padding: 0px;
  left: 18px !important;
}

.dynamic_linkedgrid_div.tabulator ul.dropdown-menu li svg {
  width: 14px;
  margin-right: 5px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  padding-left: 5px !important;
  padding-right: 10px !important;
}

.dynamic_linkedgrid_div.tabulator ul.dropdown-menu li a {
  display: flex;
  padding: 3px 5px;
  font-size: 13px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .form-group label {
  padding: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .form-group input {
  margin-top: 5px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .form-group {
  margin-bottom: 0px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li.datatype_parent.str_picklist_datatype .accord-right {
  margin-top: 5px;
}

.dynamic_linkedgrid_div.tabulator {
  max-height: 360px !important;
  /*height: auto !important;*/
}

body .linkedrecord-data .dynamic_linkedgrid_div.tabulator {
  max-height: 120px !important;
  /*height: auto !important;*/
  overflow-y: auto;
}

.dynamic_linkedgrid_div.tabulator .dropdown-toggle li.add-user {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
  position: relative;
  top: -4px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row:hover {
  background: #bdd9ff;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .dynamic_linkedgrid_div.tabulator li.add-user {
  margin-bottom: 0px;
  margin-top: 0;
  padding: 0px 3px;
}

.dynamic_linkedgrid_div.tabulator .dropdown-toggle li.add-user svg {
  width: 14px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  border-right: 1px solid #ddd;
  background: #fff;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
}

.table-tabs .dynamic_linkedgrid_div.tabulator .tabulator-header .tabulator-col {
  border-right: 1px solid #ddd;
}

.dynamic_linkedgrid_div.tabulator .dropdown-toggle li.totaluser {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #97C35B 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right a.addLinkedRecord {
  color: #222 !important;
  font-weight: 500;
}

.dynamic_linkedgrid_div.tabulator .current_user_list .dropdown-toggle {
  justify-content: center;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  padding: 2px 4px;
  line-height: 18px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-cell.tabulator-range-selected.tabulator-range-only-cell-selected {
  overflow: visible;
}

.dynamic_linkedgrid_div.tabulator .kanban-drag .current_user_list li.search svg {
  left: 22px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-tableholder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #333;
  width: auto;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #ddd;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.dynamic_linkedgrid_div .dropdown li.add-user {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
}

.dynamic_linkedgrid_div .tabulator-row:hover {
  background: #eee;
}

.dynamic_linkedgrid_div .dropdown li.add-user svg {
  width: 14px;
}

.dynamic_linkedgrid_div .dropdown li.totaluser {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #97C35B 0% 0% no-repeat padding-box;
  border: 1px solid #DEE9FC;
  padding: 2px;
}

.dynamic_linkedgrid_div .current_user_list .dropdown {
  justify-content: center;
}

.dynamic_linkedgrid_div .tabulator-row .tabulator-cell {
  padding: 2px 4px;
}

.dynamic_linkedgrid_div.tabulator .tabulator-row:last-child .tabulator-cell.tabulator-editable:nth-child(3) {
  background: #f5f5f5;
  color: #9f9f9f;
  line-height: 18px;
  /* font-size: 12px; */
}

li.accord-sec ul li .kanban-drag.user-control .current_user_list .dropdown-toggle li.add-user svg {
  width: 14px;
}

li.accord-sec ul li .kanban-drag.user-control .dynamic_unSelecteduserlist li.dropdown-user .img img {
  width: 25px;
  height: 25px;
}

li.accord-sec ul li .kanban-drag.user-control .dynamic_unSelecteduserlist .current_user_list .user_initals {
  line-height: 25px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.form-control.custom-input span.select-count {
  font-size: 11px;
  padding: 2px 3px;
  background: #97c35b;
  min-width: 19px;
  height: 18px;
  text-align: center;
  margin-top: 0;
  border-radius: 50%;
  line-height: 16px;
  color: #fff;
  margin-right: 12px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right span.dropdownmain {
  padding-right: 8px;
  width: 90%;
}

.edit_Wrapper .left_edit_details .task_details_rightsec.open .task_details_ul li .accord-right span.form-control.custom-input span.select-count {
  margin-right: 18px;
}

.linkedrecord-link .custom-childdropdown {
  padding-left: 15px;
  padding-right: 4px;
  top: 1px;
  position: relative;
}

.linkedrecord-link span.form-control.custom-input {
  padding: 7px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.linkedrcd-new .linkedrecord-checkbox {
  padding-left: 15px;
  position: relative;
  top: 2px;
}

.row.li_row.form_output .linkedrcd-new h3 {
  padding-bottom: 3px;
  /* font-size: 15px; */
}

.linkedrcd-new .options-checkbox.checkbox-linkedrecord {
  padding: 6px 0px;
}

.linkedrecd-newdiv {
  border: 1px solid #eee;
  padding: 7px 2px 0px;
  width: 97%;
  margin: 0 auto 10px;
  border-radius: 3px;
}

.linkedrcd-new {
  border: 1px solid #eee;
  padding: 7px 7px 0px;
  width: 97%;
  margin: 0 auto 10px;
  border-radius: 3px;
}

.linkedrcd-new .linkedrecord-checkbox {
  padding-left: 10px;
  position: relative;
  top: 0px;
  padding-right: 4px;
}

.linkedrcd-new .space-div, .linkedrecd-newdiv .space-div {
  padding: 0px 5px 0px 0px;
}

.linkedrecd-newdiv .space-div.settings {
  padding-left: 6px;
}

.linkedrcd-new .options-checkbox.checkbox-linkedrecord {
  padding-left: 10px;
}

.linkedrecd-newdiv .space-div.settings .options-checkbox.checkbox-linkedrecord, .linkedrcd-new .space-div.settings .options-checkbox.checkbox-linkedrecord {
  padding-bottom: 5px;
}

.linkedrecd-newdiv .form-group.linkedrecord-Workitem-table, .linkedrcd-new .form-group.linkedrecord-Workitem-table {
  margin-bottom: 6px;
}

.datatype-popup ul.dropdown-child li .content-list {
  padding-left: 6px;
}

a.taskdetails_acordarrow svg {
  width: 11px;
  height: 16px;
  position: relative;
  top: -2px;
}

li.accord-sec a {
  font-size: 1rem;
  font-weight: 500;
}

.linkedrcd-new label.form-check-label input {
  margin-right: 0px;
}

.task_details_left_items .task_details_ul.placeholder {
  min-height: 50px;
}

.task_details_left_items .task_details_ul {
  min-height: 10px;
}

li.accord-sec ul li ul li {
  padding: 0px;
}

li.accord-sec ul li {
  display: flex;
  grid-template-columns: auto auto;
  justify-content: left;
  border-style: none;
  position: relative;
  padding: 6px 16px 0px;
  margin-bottom: 7px;
}

li.accord-sec ul li .accord-left {
  width: 40%;
}

li.accord-sec ul li .accord-right {
  width: 60%;
}

li.accord-sec ul li a {
  font-size: 12px;
}

li.accord-sec ul li .kanban-drag.user-control .current_user_list li img {
  width: 20px;
  height: 20px;
  border: none;
}

li.accord-sec ul li .current_user_list .dropdown-toggle li {
  width: 20px;
  height: 20px;
  border: none;
}

li.accord-sec ul li .dynamic_linkedgrid_div.tabulator .tabulator-row .tabulator-cell {
  padding: 1px 4px;
  background: #fff;
}

.dynamic_linkedgrid_div.tabulator .tabulator-cell.grid-overflow li.customdropdown_li_selected span.multi-items {
  top: -3px;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul {
  padding: 8px 0px 3px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
  border-top: 5px solid #f27039;
  z-index: 9;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li {
  padding: 8px 13px;
  position: relative;
  line-height: 1;
  margin-bottom: 0px;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li a {
  padding: 0px;
  font-size: 13px;
  color: #000 !important;
  font-weight: 400;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li a svg {
  margin-right: 5px;
}

li.accord-sec ul li .dropdown.dropdown-status-new {
  position: absolute;
  right: 18px;
  top: -13px;
  display: none;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul svg {
  stroke: #222;
}

li.accord-sec ul li .accord-right input:focus {
  box-shadow: none !important;
  border-color: #EBEBEB !important;
}

li.accord-sec ul li:hover .dropdown.dropdown-status-new {
  display: block;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li {
  padding: 8px 13px;
  position: relative;
  line-height: 1;
  margin-bottom: 0px;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li ul.submenu {
  width: 156px;
  height: auto;
  position: absolute;
  right: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 2px 4px 8px;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  padding: 0;
  display: none;
  top: 0px;
  left: 94px;
  border: none;
  max-height: 150px;
  overflow-y: auto;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li ul.submenu li {
  padding: 8px 10px 5px;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li ul.submenu li a {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

li.accord-sec ul li label {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  max-width: 94%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li.dropdown::after {
  content: "";
  background: url(../images/arrow-white.svg) no-repeat;
  width: 10px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 9px;
  background-position: right center;
  background-size: 9px;
  transform: rotate(268deg);
}

li.accord-sec ul li .dropdown.dropdown-status-new ul li.dropdown:hover ul.submenu {
  display: block;
}

li.accord-sec ul li .listdrag-icon {
  position: absolute;
  left: 0px;
  top: 7px;
}

li.accord-sec ul li .accord-right .tags-input-wrapper .tag {
  font-size: 11px;
  height: 21px;
  margin: 5px 1px 0px 0px;
  line-height: 19px;
}

.accord-right span.form-control.custom-input {
  border-color: #EBEBEB;
}

li.accord-sec ul li .accord-right input {
  height: 30px;
  border-radius: 2px;
  border-color: #EBEBEB;
}

.task_details_ul.placeholder {
  width: 100%;
  background-color: #f5f5f5;
  border: 2px dashed #ccc;
  margin-bottom: 5px;
}

li.accord-sec ul li .accord-left span.tooltip-main.tooltip-taskdetail {
  top: -6px;
}

li.accord-sec ul li .tooltip-main svg, .task_details_left_items .tooltip-main svg {
  width: 16px;
  margin-top: -1px;
}

li.accord-sec ul li.linkedrecord-data .accord-left {
  float: left;
}

li.accord-sec ul li.linkedrecord_li {
  display: block;
  padding: 0px 3px;
}

li.accord-sec ul .linkedrecord-data .accord-left {
  float: left;
}

li.accord-sec ul li .linkedrecord-data .accord-right {
  float: right;
  text-align: right;
}

li.accord-sec ul li .input-group.input-cal-div input {
  background-position: 98.9%;
}

li.accord-sec ul .linkedrecord-data .accord-left label {
  padding-top: 5px;
}

.advanced-editor .formula-left .formula-list__item img {
  width: 24px;
  margin-right: 4px;
}

li.accord-sec ul li .accord-right .form-group input {
  margin-top: 5px;
}

li.accord-sec ul li .accord-right input.str_picklist_datatype_list_opt {
  float: left;
  clear: both;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 3px;
  height: 14px;
}

li.accord-sec ul li.datatype_parent.str_picklist_datatype .form-group {
  margin-bottom: 0px;
}

li.accord-sec ul .task_details_ul .custom-dropdownlist li {
  display: block;
  padding: 0;
  margin-bottom: 0;
}

li.accord-sec ul li .accord-right span.form-control.custom-input {
  font-size: 13px;
  padding: 6px 10px;
  border-color: #EBEBEB;
  overflow: hidden;
  display: flex;
}

li.accord-sec ul li .accord-right span.dropdownmain {
  padding-right: 8px;
  width: 90%;
}

li.accord-sec ul li .accord-right span.multi-items {
  background: #F1F1F1;
  padding: 1px 14px;
  color: #000;
  border-radius: 20px;
  font-size: 12px !important;
  position: relative;
  top: 0px;
  margin-bottom: 10px;
}

li.accord-sec ul li .accord-right span.form-control.custom-input span.select-count {
  margin-right: 18px;
}

li.accord-sec ul li .accord-right span.form-control.custom-input span.select-count {
  font-size: 11px;
  padding: 2px 3px;
  background: #97c35b;
  min-width: 19px;
  height: 18px;
  text-align: center;
  margin-top: 0;
  border-radius: 50%;
  line-height: 16px;
  color: #fff;
}

li.accord-sec ul li .custom-dropdownlist li {
  display: block;
  padding: 0;
  margin-bottom: 0;
}

li.accord-sec ul li .custom-dropdownlist li input {
  margin-right: 5px;
  height: auto;
  margin-top: 1px;
  border-radius: 2px;
  border-color: #EBEBEB;
}

#Basic-details li.accord-sec ul li .accord-left img {
  display: inline-block;
}

li.accord-sec ul li label {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  max-width: 94%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

li.accord-sec ul li .accord-left img, .task_details_left_items .desc-div img {
  width: 22px;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 3px;
  margin-top: -2px;
}

li.accord-sec ul li .kanban-drag.user-control .current_user_list .user_initals {
  line-height: 20px;
}

li.accord-sec ul li .kanban-drag.user-control {
  padding: 5px 0px !important;
}

li.accord-sec ul li span.remove_user {
  top: 0;
}

a.taskdetails_acordarrow {
  border-bottom: 1px solid #EBEBEB;
  width: 100%;
  display: block;
  padding-bottom: 4px;
  margin-bottom: 5px;
}

a.taskdetails_acordarrow svg {
  transform: rotate(90deg);
  transition: 1s;
}

a.taskdetails_acordarrow.open svg {
  transform: rotate(0deg);
}

.taskdetail-list span.select-count {
  font-size: 11px;
  padding: 2px 3px;
  background: #97c35b;
  min-width: 19px;
  height: 18px;
  text-align: center;
  margin-top: 0;
  border-radius: 50%;
  line-height: 16px;
  color: #fff;
  margin-left: 4px;
}

.top_rightsec.ms-auto.tasktimer_newview {
  display: flex;
  align-items: center;
}

.taskdetailbtn a {
  padding: 9px 13px;
  font-size: 13px;
  border-radius: 3px;
  border: 1px solid #c2bdbd;
  color: #000 !important;
}

.taskdetailbtn a:hover {
  background: #f27039;
  color: #fff !important;
  border-color: #f27039;
}

.taskdetailbtn a:hover svg {
  stroke: #fff;
}

.taskdetailbtn a svg {
  width: 17px;
  height: 17px;
  position: relative;
  top: -1px;
}

.linkedrecord-data label {
  display: flex;
  align-items: center;
}

.disabled-btn {
  background: #eee;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.dynamic_linkedgrid_div .tabulator-row {
  height: 18px;
}

.dynamic_linkedgrid_div .tabulator-row .tabulator-cell {
  padding: 0px 4px;
  line-height: 18px;
  margin-top: -4px;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input.form-control.phonenumberdigits_datatype {
  width: 100%;
  margin-left: -3px;
  border-left: 0px;
  padding: 7px 0px 7px 7px !important;
  border-right: 0px;
  font-size: 12px;
}

.accord-right.phonenumber_datatype .iti.iti--allow-dropdown .iti__flag-container ul li {
  margin-bottom: 0px;
  border-bottom: 1px solid #eee;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right label.mobileno {
  font-size: 11px;
  width: 100%;
  text-align: right;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right button#hangupButton {
  background: transparent;
  border: none;
  padding: 0px;
}

.ring-div {
  min-height: 30px;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ring-div a {
  width: 100%;
  text-align: center;
  border-right: 1px solid #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 3px;
  cursor: pointer;
}

.ring-div a:hover {
  background: #eee;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right a.allowWhatsapp img, .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right a.allowCall img {
  width: 15px;
  height: 15px;
}

.accord-right.phonenumber_datatype .iti.iti--allow-dropdown {
  display: flex;
  width: 100%;
}

.accord-right.phonenumber_datatype .iti.iti--allow-dropdown .iti__flag-container .iti__arrow {
  margin-left: 3px;
}

.ring-div a:last-child {
  border: none;
}

.accord-right.phonenumber_datatype .iti--separate-dial-code .iti__selected-flag {
  padding: 0px 5px;
  height: 30px;
  margin-top: -1px;
}

.accord-right.phonenumber_datatype .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 5px;
  font-size: 12px;
}

.call-popup .disabled a {
  opacity: 0.3;
  cursor: not-allowed;
}

.accord-right.phonenumber_datatype .iti.iti--allow-dropdown .iti__flag-container {
  position: relative;
}

.accord-right.phonenumber_datatype .iti.iti--allow-dropdown .iti__flag-container ul li.iti__divider {
  display: none;
}

.call-control {
  display: flex;
  align-items: center;
}

.call-popup {
  padding: 30px 40px 10px;
}

.call-popup .form-group.row {
  align-items: center;
}

.call-popup h3 {
  font-size: 16px;
  padding-bottom: 11px;
  text-align: center;
}

.call-popup label {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
}

.scroll-div {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.call-popup label.form-label-btn {
  border-bottom: 1px solid #EBEBEB;
  margin: 0px;
  height: 30px;
  border-radius: 0px;
  width: 100%;
  padding-top: 8px;
  font-size: 13px;
}

.modal-footer.call-ftr button.btn.btn-primary {
  box-shadow: none;
  padding: 6px 20px;
  border-radius: 4px;
  margin: 0 0px 0 10px;
}

.modal-footer.call-ftr {
  padding: 0px 40px;
  border: none;
  text-align: center;
  justify-content: end;
}

.call-popup select.form-select {
  border-color: #EBEBEB;
  height: 30px;
  margin-bottom: 0px;
  border: none;
  border-bottom: 1px solid #EBEBEB;
  border-radius: 0px;
  padding-left: 0px;
}

.call-icons a img {
  width: 23px;
  padding-top: 7px;
}

.call-left {
  padding: 0px;
  height: 465px;
  overflow: hidden;
}

.call-icons a {
  position: relative;
  display: inline-block;
}

.call-icons {
  position: relative;
  height: 42px;
}

.call-icons a::after {
  content: "";
  background: #EBEBEB;
  width: 1px;
  height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -2px;
}

.callicon-div {
  padding: 0px;
}

.call-row {
  margin: 0px;
}

.call-left img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.call-icons a {
  padding: 0px 7px;
}

.call-icons a.allowCall img {
  width: 21px;
  padding-top: 5px;
}

.call-right, callicon-div {
  padding: 0px;
}

.call-popup textarea {
  min-height: 60px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown {
  position: relative;
  margin-left: 0;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown.str_picklist_datatype button {
  background: transparent;
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  color: #000;
  padding: 3px 10px;
  font-size: 13px;
  text-align: left;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown.str_picklist_datatype button span.sprint-data {
  display: none;
}

ul.taskdetail-accord li.accord-sec li .accord-right span {
  font-size: 12px;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul.str_picklist_datatype_list span.sprint-data {
  font-size: 11px;
  display: block;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown.str_picklist_datatype button span.current-txt {
  font-size: 11px;
  padding-top: 3px;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown.str_picklist_datatype button span.current-txt {
  float: right;
  padding-right: 20px;
  color: #f27039;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul.str_picklist_datatype_list li:hover {
  background: #f5f5f5;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150%;
  left: 0;
  right: auto;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

ul.taskdetail-accord li.accord-sec .custom_dropdown ul li {
  list-style: none;
  padding: 2px 0;
  grid-template-columns: 100%;
}

.task_details_left_items ul.taskdetail-accord li.accord-sec .task_details_ul .custom-dropdown li {
  padding: 0px 10px;
}

.task_details_left_items ul.taskdetail-accord li.accord-sec .task_details_ul .dynamic_linkedgrid_div.tabulator .datatype_parent.str_picklist_datatype span.form-control.custom-input {
  padding: 0px;
}

ul.taskdetail-accord li.accord-sec .task_details_ul li {
  display: flex;
  grid-template-columns: auto auto;
  justify-content: left;
  border-style: none;
  position: relative;
  padding: 6px 16px;
  margin-bottom: 10px;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown ul li label {
  display: block;
  padding: 2px 15px;
  margin: 0;
  color: #222222;
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: 0;
}

ul.taskdetail-accord li.accord-sec li .accord-right label {
  font-weight: 400;
  font-size: 13px;
}

ul.taskdetail-accord li.accord-sec li .accord-right span {
  font-size: 12px;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown button::after {
  content: "\f078";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  right: 14px;
  top: 15%;
  position: absolute;
  font-size: 0.85rem;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul.str_picklist_datatype_list {
  overflow-y: auto;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul {
  top: 100%;
  max-height: 200px;
  opacity: 1;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul.str_picklist_datatype_list li {
  position: relative;
  margin-bottom: 0px;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul li {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 0px;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown.open ul.str_picklist_datatype_list li label {
  line-height: 1.3;
  font-size: 12px;
}

ul.taskdetail-accord li.accord-sec li .custom_dropdown ul li {
  list-style: none;
  padding: 2px 0;
  grid-template-columns: 100%;
}

ul.taskdetail-accord li.accord-sec .custom_dropdown.open ul.str_picklist_datatype_list span.current-txt {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 11px;
  color: #f27039;
}

.form_output.ring .options-checkbox .checkbox label {
  color: #000;
}

.form_output.ring button.form-control.dropdown-toggle::after {
  display: none;
}

.form_output.ring button.form-control.dropdown-toggle img.drop-arrow {
  position: relative;
  width: 10px;
  top: -1px;
}

.form_output.ring ul.dropdown-menu.telephonytypeul.show {
  padding: 0px;
  overflow: hidden;
}

.telephony-selection ul.dropdown-menu.telephonytypeul.show a.dropdown-item {
  padding: 4px 10px;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}

.form_output.ring .options-checkbox.phonenumbers {
  padding-top: 5px;
}

.form_output.ring .options-checkbox input.form-check-input {
  margin-top: 3px;
  margin-right: 2px;
}

.form_output.ring .dropdown.value-select ul.dropdown-menu li:last-child a.dropdown-item {
  border: none;
}

.form_output.ring .dropdown.value-select ul.dropdown-menu a.dropdown-item svg {
  right: 14px;
}

.calllog-num {
  font-size: 12px;
  padding: 2px 1px;
}

#calllogsdiv .comment-content.ql-editor {
  padding: 0px 2px;
}

#calllogsdiv .comments-div .comments-txt h3 span {
  padding-left: 0px;
}

.calllogs-accord {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calllogs-accord .user-name-img.bg-even {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.calllogs-accord .usercalls-left {
  display: flex;
  align-items: center;
}

.calllogs-accord .user-name-img.bg-even img {
  width: 30px;
  margin-right: 10px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}

.calllogs-accord .usercalls-left h3 {
  font-weight: 500;
  margin-right: 15px;
}

.calllogs-accord .usercalls-left span.time {
  color: #8d8d8d;
  font-size: 12px;
}

.calllogs-accord .callslog-rigt {
  display: flex;
  align-items: center;
  gap: 10px;
}

.calllogs-accord button.calls-btn {
  background: transparent;
  border: none;
  padding: 0px;
}

.calllogs-accord button.calls-btn svg {
  width: 18px;
  stroke: #ada9a9;
}

.calllogs-accord a.callsaccord-icon svg {
  stroke: #ada9a9;
  width: 20px;
  position: relative;
  top: -2px;
}

a.callsaccord-icon.open svg {
  transform: rotate(180deg);
  transition: 1s;
}

.calllogs-accord a.callrecord img {
  width: 18px;
}

.callslog-accordlist {
  padding: 5px 39px 5px;
  display: none;
}

.calllogs-calls {
  padding-bottom: 10px;
}

.ring-div .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.recodingplaceholder {
  padding: 5px 0px 0px;
  display: inline-block;
  width: 100%;
}

.recodingplaceholder audio {
  height: 30px;
  display: flex;
  justify-content: end;
  float: right;
  padding-right: 40px;
}

.linkedrecrd-setngs .linkedrecord-link {
  display: flex;
  align-items: center;
  padding: 0px 0 7px 0px;
}

.linkedrecrd-setngs .linkedrecord-link .linkedrecord-dropdown {
  width: 30%;
  padding: 0px 4px 0 0px;
}

.linkedrecrd-setngs .linkedrecord-link label {
  font-size: 12px;
  padding-left: 2px;
  margin-bottom: 1px;
}

.linkedrecrd-setngs .linkedrecord-link .linkedrecord-checkbox {
  width: 66%;
  padding: 0px 0px 0 4px;
}

.linkedrecrd-setngs {
  padding-bottom: 2px;
}

.linkedrecrd-setngs .linkedrecord-link:hover a.linked-delete {
  display: block;
}

a.linked-delete {
  padding-left: 5px;
  display: none;
  position: relative;
  top: 1px;
}

a.linked-delete svg {
  width: 16px;
  stroke: #f00;
}

.linkedrecrd-setngs .checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.linkedrecrd-setngs a.linked-plus svg {
  width: 14px;
  height: 14px;
}

.linkedrecrd-setngs a.linked-plus {
  width: 24px;
  height: 24px;
  padding: 5px 0px;
  border-radius: 3px;
  line-height: 9px;
  text-align: center;
}

.fieldlabel label {
  font-size: 12px;
  padding-left: 2px;
  margin-bottom: 1px;
}

.fieldlabel .linkedlable-left {
  width: 30%;
  padding: 0px 4px 0 0px;
}

.fieldlabel {
  display: flex;
  align-items: center;
}

.custom_disabled {
  opacity: 0.4;
  pointer-events: none;
}

.fieldlabel .linkedlable-right {
  width: 66%;
  padding: 0px 0px 0 4px;
}

.taskdetail-accord li .linkedrecord-data {
  padding: 0px 0 0px;
}

body .task_details_left_items .linkedrecord-data .dynamic_linkedgrid_div.tabulator.tabulator-ranges.linked-scroll {
  max-height: inherit !important;
  height: 75vh !important;
}

.task_details_left_items ul.taskdetail-accord li.accord-sec .task_details_ul .custom-dropdown li {
  padding: 0;
  margin-bottom: 0px;
}

.task_details_left_items ul.customdropdown-data li.search svg {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 4px;
}

.task_details_left_items li.accord-sec ul li .custom-dropdownlist li input {
  margin-right: 0;
}

.task_details_left_items .customdropdown-data .content-list, .customdropdown-data .content-list p {
  width: 100%;
}

.email-imp svg path {
  stroke: #f00;
}

.email-right {
  width: 54%;
}

.mail-icon {
  display: flex;
  position: relative;
  top: 5px;
}

.mail-icon svg {
  width: 17px;
  margin-right: 4px;
  height: auto;
}

.email-imp {
  display: flex;
  align-items: center;
  padding: 5px 0px;
}

.email-imp span {
  font-size: 13px;
  font-weight: 500;
  color: #f00;
}

.email-imp svg {
  width: 20px;
  margin-right: 5px;
  height: 20px;
  margin-top: -1px;
}

/*Responsive*/
@media (min-width: 1500px) {
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right {
    width: 225px;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul {
    height: 67vh;
  }
}
@media (min-width: 1600px) {
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul {
    height: 68vh;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-left {
    width: 160px;
    padding-top: 2px;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right {
    width: 260px;
    position: relative;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown .select {
    min-width: 100%;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right .sprint-dropdown span.sprint-span {
    width: 175px;
  }
  .input-group.input-cal-div input::after {
    right: 29px;
  }
}
@media (min-width: 1700px) {
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul {
    height: 75vh;
  }
}
@media (max-width: 1400px) {
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.str_picklist_datatype button {
    font-size: 12px;
  }
  .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul .custom_dropdown.str_picklist_datatype button span.current-txt {
    font-size: 11px;
  }
}
.mention {
  width: auto !important;
}

.accounts-dropdown li a {
  display: flex;
  align-items: center;
}

.accounts-dropdown li a svg {
  width: 42px;
  height: 42px;
}

.accounts-dropdown li a span {
  margin-left: 10px;
  font-weight: bold;
}

.accounts-dropdown li a span small {
  font-size: small;
  font-weight: initial;
  color: gray;
}

.accounts-dropdown button {
  display: flex;
  align-items: center;
}

.accounts-dropdown button svg {
  width: 42px;
  height: 42px;
}

.accounts-dropdown button span {
  margin-left: 10px;
  font-weight: bold;
  text-align: left;
}

.accounts-dropdown button span small {
  font-size: small;
  font-weight: initial;
  color: gray;
}

.accounts-info a {
  display: flex;
  align-items: center;
}

.accounts-info a svg {
  width: 42px;
  height: 42px;
}

.accounts-info a h4 {
  font-weight: bold;
}

.accounts-info a h4 small {
  font-size: small;
  font-weight: initial;
  color: gray;
}

.follow-upsopen.comple ted li:nth-child(2) {
  text-decoration: line-through !important;
}

.followup-data div.notComp .type-link {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.followup-data div.notComp .type-link svg {
  width: 16px;
  margin-right: 4px;
}

.followup-popup .form-group {
  padding-right: 0px;
}

.add-followup-btn {
  cursor: pointer;
}

.accounts-dropdown.disabled {
  pointer-events: none;
  background-color: lightgray;
  width: auto;
}

.add-followup-btn svg {
  color: #A2A2A2;
}

table.selected_external_users thead tr th {
  color: black !important;
}

table.selected_external_users thead tr th {
  color: black !important;
}

table.selected_external_users tr td {
  vertical-align: middle;
}

.followups-list.follow-upsopen.completed .followup-input {
  text-decoration: line-through;
}