/* Custom css */
body {
  background-color: #fff;
}
.wrapper {
  background: #fff;
}
.header {
  color: #3c3c33;
  border-top: solid 4px #9ac455;
  border-bottom: solid 1px #e1e1e1;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.header button,
.header button:hover {
  color: #3c3c33;
}
.translate-middle {
  transform: translate(50%, -50%) !important;
}
.header .dropdown-toggle svg path {
  fill: #3c3c33;
}
.header .navbar-nav .nav-item .active.nav-link {
  position: relative;
}
.aside-menu-container {
  background-color: #0c0e1f;
  border-right: 1px solid #e1e1e1;
  min-width: 265px;
  width: 265px;
  overflow-y: auto;
}
.aside-menu-container__aside-menu .nav-item {
  border-bottom: 1px solid #0c0e1f;
}
.aside-menu-container__aside-menu .nav-item .nav-link {
  color: #ffffff;
  font-size: 15px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-weight: 500;
  border-radius: 20px;
  border: 2px solid transparent;
  margin-top: 5px;
}
.aside-menu-container__sidebar-scrolling.overflow-auto {
  margin-left: 15px;
  margin-right: 15px;
}
.aside-menu-container__sidebar-scrolling {
  padding-left: 15px;
  padding-right: 15px;
}
ul.aside-menu-container__aside-menu.nav {
  display: block;
}
.header-right .dropdown {
  position: relative;
}
.header-right .dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  transform: translate(0, 65px);
}

.notification-section .dropdown {
  position: relative;
  padding: 5px;
}
.notification-section .fa-bell {
  font-size: 30px !important;
}

.header-right .notification-section:hover .dropdown-menu {
  transform: translate(-10px, 50px);
}
.fa-file-invoice {
  color: #3c3c33;
}
.aside-menu-container .text-gray-900 {
  color: #f29c11 !important;
  font-size: 15px !important;
}
.aside-menu-container__aside-menu .nav-item.active > .nav-link {
  background: transparent;
  color: #9ac455;
  border: 2px solid #9ac455;
  margin-top: 5px;
}
.aside-menu-container__aside-menu .nav-item.active > .nav-link :hover {
  border-color: #9ac455;
}
.aside-menu-container__aside-menu .nav-item.active > .nav-link:hover {
  border-left-color: #9ac455 !important;
}
.aside-menu-container__aside-menu .nav-item .nav-link:hover {
  border-left-color: #2e324d !important;
  background-color: #2e324d !important;
  color: #ffffff;
}
.dropdown-content a.create-current-task:hover {
  background: #fafff2;
  color: #9ac455;
}

.notification .fa-file-invoice,
.notification h5,
.notification h6 {
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
.notification:hover .fa-file-invoice,
.notification:hover h5,
.notification:hover h6 {
  color: #9ac455 !important;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
/* .aside-menu-container__aside-menubar, .aside-menu-container__aside-menubar:hover{
color: #f5f4f3;
} */
.message ul {
  list-style: disc;
  padding-left: 2rem;
}
.dash-gm-name {
  font-size: 32px;
  line-height: 1.2;
}
.card {
  border: 1px solid #e9ecef;
}
.card-title {
  font-size: 20px;
  font-weight: 400;
}
.aside-menu-container__aside-logo {
  background: #0c0e1f;
  color: #3c3c33;
  border-top: solid 4px #9ac455;
  border-bottom: 0;
  padding-right: 10px;
}
.table {
  border: 1px solid #e9ecef;
}
/* .task-descs li span{
font-size: 14px !important;
} */
.fs-4 {
  font-size: 14px !important;
}
.og-comment .card {
  border: 0;
  background: transparent;
  width: calc(100% - 55px) !important;
}
.og-comment .card .card-header {
  justify-content: end !important;
  padding: 0 0 7px !important;
  background-color: transparent;
}
.og-comment .card .card-header p {
  margin-bottom: 0;
  margin-right: 10px;
}
.og-comment .card .card-body {
  padding: 0;
  margin-right: 10px;
  max-width: 50%;
  margin-left: auto;
}
.og-comment .card .card-header p svg {
  margin-top: -3px;
}
ul.task-descs {
  display: flex;
  flex-wrap: wrap;
}
ul.task-descs li {
  margin-bottom: 10px;
  /* width: calc(100% / 3 - 10px); */
  margin-right: 10px;
}
ul.task-descs li strong,
.font-w600 {
  font-weight: 600;
}
.internalNote label {
  margin-right: 5px;
}
.taskDesc p:last-child {
  margin-bottom: 0;
}
ul.comment-listing li.og-comment {
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 20px !important;
  position: relative;
}
ul.comment-listing li.og-comment.editCmt {
  padding-bottom: 75px;
}
/* span.edit-comment {
position: absolute;
right: 30px;
bottom: 15px;
width: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
span.edit-comment > div {
cursor: pointer;
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #9ac455;
border: 1px solid #9ac455;
} */
span.edit-comment > span {
  font-size: 12px;
  color: #6c757d;
}
ul.comment-listing li.og-comment:last-child {
  margin-bottom: 0 !important;
}
ul.comment-listing li.replyComment {
  flex-direction: row-reverse;
}
/* ul.comment-listing li.employeeComment {
flex-direction: row-reverse;
} */
ul.comment-listing li.replyComment .card .card-header {
  justify-content: start !important;
  position: relative;
}
/* .postToClient {
position: absolute;
right: 0;
cursor: pointer;
color: #5f9900;
} */
a.load-more-link {
  color: #5f9900;
  margin-bottom: 20px;
  display: inline-block;
}
ul.comment-listing li.replyComment .card-body {
  text-align: left;
  margin: 0;
}
.og-comment .card .card-body p:last-child {
  margin-bottom: 0;
}
ul.comment-listing li.og-comment img.rounded-circle,
ul.comment-listing li.og-comment img.user-img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 0 !important;
  border-radius: 50%;
}
ul.comment-listing li.replyComment img.rounded-circle,
ul.comment-listing li.replyComment .textAvatar,
ul.comment-listing li.replyComment img.user-img {
  margin-right: 0.75rem !important;
}
/* .header .navbar-nav .nav-item .active.nav-link {
color: #fff;
} */
.header .navbar-nav .nav-item .active.nav-link:after {
  border-bottom-color: #9ac455;
}
span.badge.notification-count {
  background-color: #8dc63f !important;
}
.table.table-striped > thead > tr > th {
  padding: 0.55rem 0.75rem 0.55rem 0.75rem !important;
  font-weight: 500;
  background-color: #f9f8f8;
  text-transform: inherit;
  border-radius: 0 !important;
}
.table.table-striped > thead > tr > th,
.table.table-striped > :not(caption) > * > * {
  border-right: 1px solid #edeae9;
}
.table.table-striped > :not(caption) > * > * {
  padding: 0.125rem 0.75rem 0.125rem 0.75rem !important;
}
a.btn.data-bs-toggle\=,
a.btn.delete-btn,
.table.table-striped tr td a.textEdit {
  padding: 0 5px !important;
}
a.btn.data-bs-toggle\= svg.svg-inline--fa,
a.btn.delete-btn svg.svg-inline--fa,
a.textEdit svg {
  vertical-align: -0.125em;
  width: 15px;
  height: 15px;
}
.table.table-striped tr td a {
  margin-bottom: 0 !important;
  color: #3c3c3c;
}
.table.table-striped tr td a:hover {
  text-decoration: underline !important;
}
.textAvatar {
  background: #fff;
  border: 1px solid #e9e9e9;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #2e2e30;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* Comment Color Pallete */

.commentColor1 {
  background: #f7f7f7 !important;
  border-color: #e9e9e9 !important;
}
.commentColor2 {
  background: #f3fafe !important;
  border-color: #dff1fc !important;
}
.commentColor3 {
  background: #fcfff6 !important;
  border-color: #eaf7d6 !important;
}
.commentColor4 {
  background: #fef8f4 !important;
  border-color: #fbebdd !important;
}
.commentColor2 .textAvatar {
  background: #d7e9f8;
  border: 1px solid #c1d3e3;
  color: #3671c6;
}
.commentColor3 .textAvatar {
  background: #ebf9b1;
  border: 1px solid #e1e5c6;
  color: #618c03;
}
.commentColor4 .textAvatar {
  background: #f4e5fb;
  border: 1px solid #e8e0eb;
  color: #a260c6;
}
/* .commentColor5{
background: #fdfac8;
}
.commentColor6{
background: #d9efe5;
}
.commentColor7{
background: #ffe0c8;
}
.commentColor8{
background: #dff3f7;
}
.commentColor9{
background: #e6e6fe;
} */

.og-file-upload {
  cursor: pointer;
}
.dash-date p {
  font-size: 18px;
}
.dash-gm-name.checkIntxt {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin-top: 15px;
}
.mainBtn {
  background: #9ac455;
  color: #fff;
  border: solid 2px #9ac455;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 500;
}
.mainBtn:hover,
.greenBtn:hover,
.greenBtn:focus,
.mainBtn:focus,
.btn-primary:hover,
.btn-primary:focus {
  background: #fff;
  color: #9ac455;
  border-color: #9ac455;
}
.greenBtn,
.btn-primary {
  background: #9ac455;
  color: #fff;
  border: solid 2px #9ac455;
  font-weight: 500;
}
.greenBtn svg path {
  fill: #fff !important;
}
.greenBtn:hover svg path,
.greenBtn:focus svg path,
.btn-primary:hover svg path {
  fill: #9ac455 !important;
}
.blue-btn {
  background: #fff;
  color: #0c0e1f;
  border-color: #0c0e1f;
}
.blue-btn:hover {
  background-color: #0c0e1f;
  color: #fff !important;
  border-color: #0c0e1f;
}
.blue-btn:hover svg path,
.blue-btn:focus svg path,
.blue-btn:hover svg path {
  fill: #ffffff !important;
}
.btn-outline-primary,
.btn-secondary {
  background: #fff;
  border: solid 2px #9ac455;
  background: #fff;
  color: #9ac455;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  background: #9ac455;
  border-color: #9ac455;
  color: #fff;
}
a.textEdit, button.textEdit {
color: #aeaeae !important;
}
a.textEdit:hover, button.textEdit:hover {
color: #676767 !important;
}
.pagination .page-item.active .page-link {
  background-color: #9ac455 !important;
  border-color: #9ac455 !important;
}
.pagination .page-item.active .page-link:hover {
  color: #fff;
}
.pagination .page-link:hover {
  color: #9ac455;
}
img.logoImg {
  width: 150px !important;
  height: auto !important;
}
.btn-orange {
  background: #f29c11;
  color: #fff;
  border: solid 2px #f29c11;
  font-weight: 500;
}
.btn-orange:hover,
.btn-orange:focus {
  background: #fff;
  color: #f29c11;
  border-color: #f29c11;
}
.btn-dark-green {
  background: #8dc63f;
  color: #fff;
  border: solid 2px #8dc63f;
  border-radius: 50px;
  font-weight: 500;
}
.btn-dark-green:hover,
.btn-dark-green:focus {
  background: #fff;
  color: #8dc63f;
  border-color: #8dc63f;
}
label.hoursMins {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
}

/****** Team Schedule ******/

.team-schedule {
  border: 1px solid #edeae9;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #fff;
}
.team-schedule h3 {
  padding: 15px 20px;
  border-radius: 10px 10px 0 0;
  margin: 0;
  cursor: pointer;
}
.team-schedule h3 .fa-minus {
  display: none;
}
.team-schedule.active h3 {
  border-bottom: 1px solid #edeae9;
}
.team-schedule.active h3 .fa-minus {
  display: inline;
}
.team-schedule.active h3 .fa-plus {
  display: none;
}
.schedule-avatar h4 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.schedule-avatar .fa-chevron-down {
    display: none;
}
.member-schedule.active .schedule-avatar .fa-chevron-down {
    display: inline;
}
.member-schedule.active .schedule-avatar .fa-chevron-right {
    display: none;
}
.team-schedule:nth-child(odd) h3 {
  background: #f7f7f7;
}
.team-schedule .member-schedule {
  padding: 15px 20px;
}
.team-schedule > p {
  padding: 10px 20px;
}
.team-schedule .member-schedule ul.schedule.draggable-zone {
  margin: 0;
}
.team-schedule .member-schedule input.form-control {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 25px;
  padding-right: 0;
  border-top: 0;
  border-color: #edeae9;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li {
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #edeae9;
  display: flex;
  align-items: center;
}
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  a.draggable-handle,
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  a.draggable-handlee {
  color: #3c3c3c;
  text-decoration: none;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li:first-child {
  border-top: 1px solid #edeae9;
}
.taskAssign {
  position: relative;
}
.taskAssign svg {
  position: absolute;
  top: 14px;
}
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  span.draggable-handle,
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  a.draggable-handle {
  padding-left: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 95%;
}
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  span.draggable-handlee,
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  a.draggable-handlee {
  padding-left: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 95%;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li .delete-qk-task {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
  font-size: 13px;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 20px;
}
.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  .taskDetailstext
  svg.bi-check-circle {
  width: 16px;
  height: 16px;
  display: inline-block;
  min-width: 16px;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li .taskDetailstext {
  width: 450px;
  display: flex;
  align-items: center;
}
.detail-card-wrapper
  .select2-container--bootstrap-5
  .select2-selection--single
  .select2-selection__rendered {
  padding: 5px !important;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li .detail-card {
  display: flex;
  column-gap: 20px;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li .detail-card > * {
}
.taskDetailstext a {
  color: #000;
}
a.convertTask {
  text-align: right;
  width: 120px;
  color: #8dc63f !important;
  text-decoration: none;
}
a.convertTask:hover {
  text-decoration: underline;
}
img.loginLogo {
  width: 300px !important;
  height: auto !important;
}
.nav-tabs .nav-item .nav-link.active:after {
  border-bottom-color: #8dc63f;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #8dc63f;
}
footer a {
  color: #8dc63f !important;
}
footer a:hover {
  text-decoration: underline !important;
}
.team-schedule .member-schedule .schedule-avatar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.team-schedule .member-schedule .schedule-avatar .textAvatar {
  width: 40px;
  height: 40px;
  font-size: 12px;
}
.team-schedule .member-schedule .schedule-avatar img.user-img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
/* .card-body {
padding: 1.5rem 2.5rem;
} */
.card-body {
  padding: 15px;
}

/****** Team Dashboard ******/

.dash-cards.teamScheduleTask .card-body {
  padding: 20px 0;
}
.dash-cards.teamScheduleTask .card-body h5.card-title {
  border-bottom: 1px solid #edeae9;
  padding: 0 25px 20px;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
}
.dash-cards.teamScheduleTask .card-body .table {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.teamScheduleTask.dash-cards .table th {
  background-color: #f9f8f8;
}
.openTaskname {
  color: #6c757d;
  text-decoration: none;
}
.openTaskname:hover {
  text-decoration: underline;
  color: #6c757d;
}
.taskComplete svg {
  color: #5f9900;
}
.taskComplete td,
.taskComplete td a,
.taskComplete a:hover {
  text-decoration: line-through;
  color: #ccc;
}
.iconwithTask {
  display: flex;
}
.iconwithTask span,
.iconwithTask a {
  width: calc(100% - 20px);
  margin-left: 4px;
}
.iconwithTask svg {
  position: relative;
  top: 3px;
}
.leavesTable .table-responsive table tr th:first-child,
.leavesTable .table-responsive table tr th:nth-child(3) {
  width: 120px;
}
.leaveAction .table-responsive table tr th:last-child {
  min-width: 90px;
  text-align: center;
}
.clientsTable .table-responsive table tr th:last-child {
  min-width: 148px;
  text-align: center;
}
.assistatus {
  display: inline-flex;
  flex-direction: row-reverse;
}
.assistatus .avtar-status {
  margin: 3px 0;
  position: relative;
  margin-left: -7px;
}
.assistatus .avtar-status:last-of-type {
  margin-left: 0;
}
.avtar-status {
  display: flex;
  align-items: center;
  margin: 3px 0;
}
.table.table-striped tr td .avtar-status > a {
  text-decoration: none !important;
}
.dropdown-content a {
  align-items: center;
}

.avtar-status > a .textAvatar,
.dropdown-content a .textAvatar {
  width: 28px;
  height: 28px;
  font-size: 10px;
}
.avtar-status img.user-img,
.dropdown-content a img.user-img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
.dropdown-content a .textAvatar,
.dropdown-content a img.user-img {
  margin-right: 5px;
}
.avtar-status.closed .textAvatar {
  border-color: #c3e6cb;
  background: #d4edda;
  color: #155724;
}
.avtar-status.closed img.user-img {
  border: 2px solid #c3e6cb;
}
.avtar-status.in-progress .textAvatar {
  border-color: #b8daff;
  background: #cce5ff;
  color: #004085;
}
.avtar-status.in-progress img.user-img {
  border: 2px solid #b8daff;
}
.avtar-status.reopened .textAvatar {
  color: #0c5460;
  background: #d1ecf1;
  border-color: #bee5eb;
}
.avtar-status.reopened img.user-img {
  border: 2px solid #bee5eb;
}
.avtar-status.on-hold .textAvatar {
  color: #856404;
  background: #fff3cd;
  border-color: #ffeeba;
}
.avtar-status.on-hold img.user-img {
  border: 2px solid #ffeeba;
}
.announcements {
  width: 100%;
  background: #4f59b2;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}

/****** Holiday Calendar ******/

.holidayCalendar table.table.table-striped > thead,
.holidayCalendar table.table.table-striped > thead > tr > th {
  background-color: #9ac455 !important;
  border-radius: 0;
  color: #fff;
}
.holidayCalendar table.table.table-striped > tbody > tr > td {
  padding: 0.5rem 0.75rem 0.5rem 0.75rem !important;
}
.holidayCalendar table.table.table-striped strong {
  font-weight: 600;
}

.comment-file {
  display: block;
}

#check-in-time {
  width: 65px;
}

.btn-loader {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 2px solid rgba(0, 0, 0, 0.25);
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/****** Responsive ******/

@media (max-width: 1600px) {
  .aside-menu-container__aside-menu .nav-item .nav-link {
    font-size: 13px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .wrapper {
    padding-left: 16.5rem;
  }
  .header .navbar-nav .nav-item:first-child {
    margin-left: 0.75rem !important;
  }
}

a.viewArchBtn {
  color: #3c3c33;
  font-weight: 500;
  font-size: 0.938rem;
  text-decoration: none;
  text-underline-offset: 0.3rem;
}
a.viewArchBtn:hover {
  text-decoration: underline;
}

.breadCumbNav li.nav-item {
  display: flex;
  align-items: center;
}
.breadCumbNav li.nav-item svg {
  margin: 0 10px;
}
.filterViewrow {
  flex-direction: column-reverse;
}
.searchfields label.form-label {
  font-size: 12px !important;
  margin: 0;
  font-weight: 400 !important;
}

/****** Client Dashboard ******/

.red {
  color: #ff0000;
}
.card-body .table tr td a {
  color: #3c3c3c !important;
}
.table.table-striped tr td a {
  display: inline-block;
}
.iconwithTask svg{
fill: #9ac455;
color: #9ac455;
}
@media (max-width: 1365px){
.card-body{
padding: 1.5rem 2rem;
}
}
@media (max-width: 1365px) {
  .card-body {
    padding: 1.5rem 2rem;
  }
}

.dash-cards .table th,
.dash-cards .table td {
  padding: 0.2rem 0.5rem !important;
}
table tr.checked-in {
  color: #155724;
  background-color: #d4edda;
}
table tr.checked-in.half-day,
table tr.checked-in.quarter-day,
table tr.checked-in.short-leave {
  color: #4682b4;
  background-color: #add8e6;
}
table tr.absent,
table tr.full-day-leave {
  background-color: #f8d7da;
  color: #721c24;
}
table tr.weekoff {
  color: #856404;
  background-color: #fff3cd;
}

table tr.holiday {
  color: #acacac;
  background-color: #efefef;
}
input[type='date'] {
  text-transform: uppercase;
}
.sidebar-logo .image {
  max-width: 150px;
}
.sidebar-logo .image .logoImg {
  width: auto !important;
  height: 50px !important;
  max-width: 100% !important;
}

.taskDetails {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e9ecef;
}
.taskDetails .small {
  font-size: 14px;
  color: #747474;
}
.assign-outer .box {
  padding-right: 20px;
}
.new-comments a {
  text-decoration: none;
}
.new-comments a:hover {
  text-decoration: underline;
}
.taskDetails .copy-doc a {
  text-transform: uppercase;
}
td a .user-img {
  border-radius: 50%;
}
.task-descs .detail-card {
  margin-bottom: 10px;
  align-items: center;
  display: flex;
  margin-right: 20px;
}
.task-descs .detail-card-desc {
  margin-bottom: 10px;
}
.task-descs .detail-card .card-label,
.task-descs .detail-card-desc .card-label {
  min-width: 30%;
  color: #afabac;
  margin-right: 25px;
}
.txt-fcs {
  border: 1px solid transparent;
}
.txt-fcs:hover,
.txt-fcs:focus {
  border: 1px solid #ced4da;
}
.detail-card-desc .ck.ck-editor__editable_inline {
  padding-bottom: 45px;
  border-radius: 0.313rem !important;
}
.detail-card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-editor__editable_inline {
  padding-bottom: 45px;
  border-radius: 0.313rem !important;
}
.task-descs .detail-card-desc .card-value .ck.ck-editor__top,
.ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-editor__top {
  position: absolute;
  bottom: 5px;
  width: 100%;
}
.task-descs
  .detail-card-desc
  .card-value
  .ck.ck-editor__top
  .ck.ck-toolbar.ck-toolbar_grouping,
.ck.ck-reset.ck-editor.ck-rounded-corners
  .ck.ck-editor__top
  .ck.ck-toolbar.ck-toolbar_grouping {
  background: transparent;
  border: none;
}
.activities .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.activities .card-title h3.nav-link {
  font-size: 1rem;
  color: #8dc63f;
  position: relative;
}
.activities .card-title h3.nav-link:after {
  content: '';
  position: absolute;
  border-bottom: 0.125rem solid transparent;
  width: 100%;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: -6px;
  margin: auto;
  border-bottom-color: #8dc63f;
}

.activities .card-title .expand-activity svg {
  cursor: pointer;
}
.activities .card-title .expand-activity svg path {
  fill: #8dc63f;
}
.task-detail-page span.select2-dropdown {
  min-width: 180px !important;
  border-radius: 0 !important;
  border-top: 1px solid #ced4da !important;
}
/* .task-detail-page span.select2-dropdown ul.select2-results__options li.select2-results__option {
color: black;
padding: 8px 12px;
font-size: 13px;
} */
span.select2-dropdown ul.select2-results__options li.select2-results__option {
  border-left: 0.213rem solid transparent;
}
span.select2-dropdown
  ul.select2-results__options
  li.select2-results__option.select2-results__option--highlighted,
span.select2-dropdown
  ul.select2-results__options
  li.select2-results__option.select2-results__option--selected {
  background-color: #fafff2 !important;
  border-left-color: #9ac455 !important;
  color: #9ac455 !important;
}
select.update-task-key,
select#task-status-update,
select.task-status,
select.task-priority {
  border: 1px solid #ced4da;
  color: #6c757d;
  padding: 5px 5px;
  background-color: #f9f9f9;
}
select.update-task-key:focus-visible,
select#task-status-update:focus-visible,
select.task-status:focus-visible,
select.task-priority:focus-visible {
  outline: none;
}
.dropdown-content {
  border: none !important;
}
.dropdown-content.dropShow {
  border: 1px solid #eee !important;
}
.client-tab-section .card-body h5.card-title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.datewidth {
  min-width: 130px;
}
.allAttendance .table.table-striped > thead > tr > th:first-child {
  min-width: 120px;
}
.table.attendanceTable > thead > tr > th,
.table.attendanceTable > :not(caption) > * > * {
  border-right: 1px solid #bbbbbb;
}
.table.attendanceTable > thead > tr > th {
  padding: 0.55rem 0.75rem !important;
  font-weight: 500;
  background-color: #f9f8f8;
  text-transform: inherit;
}
.table.attendanceTable > tbody > tr > td {
  padding: 0.4rem 0.75rem !important;
}
.table.attendanceTable,
.table.myAttendTable {
  border-color: #bbb;
}
.dash-cards .table.myAttendTable th,
.dash-cards .table.myAttendTable td {
  border-color: #bbb;
}
.table.clientOpenTable > :not(caption) > * > * {
  padding: 0.35rem 0.75rem !important;
}
.table.clientOpenTable > :not(:first-child) {
  border-top: 2px solid #edeae9;
}
.task-detail-page .select2-selection.select2-selection--single {
  /* min-height: 33px; */
  padding-right: 30px;
  background-size: 12px 20px;
}
.team-schedule .member-schedule ul.schedule span.project {
  min-width: 140px;
  margin-left: 10px;
  text-align: right;
  margin-right: 10px;
}
#sublist input.quick-schedule-new-task {
  padding-left: 25px;
  border-radius: 0;
  border-color: #edeae9;
}
/* .card-body.subTaskCard {
padding: 1.5rem;
} */
.card-body.subTaskCard h3 {
  font-size: 1rem;
  color: #f29c11;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.card-body.subTaskCard h3:after {
  content: '';
  position: absolute;
  border-bottom: 0.125rem solid transparent;
  width: 100%;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: -6px;
  margin: auto;
  border-bottom-color: #f29c11;
}
.card-body.subTaskCard .subtaskList {
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #edeae9;
}
.card-body.subTaskCard .subtaskList a {
  color: #000;
  margin-left: 5px;
}
.card-body.subTaskCard .subtaskList svg {
  fill: #9ac455;
}
tr.completed {
  opacity: 0.3;
}
/* tr.completed td {
background-color: #fff;
} */
.subtaskAction {
  padding: 10px 0;
}
.subtaskAction .detail-card {
  padding: 0 10px;
}
.subtaskAction .detail-card:first-child {
  padding-left: 0;
}
.subtaskAction .detail-card span.select2-selection,
.taskAssign form span.select2-selection {
  border-radius: 0;
  min-height: 32px;
  line-height: 1.5;
  color: #6c757d;
}
span.userAssingsub {
  width: 25px;
  height: 25px;
  border: 1px dashed #6d6e6f;
  fill: #6d6e6f;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
span.userAssingsub svg {
  position: relative;
  right: 0 !important;
  top: 0;
}
.subtaskList span.userAssingsub {
  border-color: #9ac455;
}
.team-schedule .member-schedule .schedule-avatar a {
  text-decoration: none;
}
td.customWidth {
  min-width: 110px;
}
td.dateWidth {
  min-width: 130px;
}
td.leaveType {
  min-width: 130px;
}
td.actionWidth {
  min-width: 90px;
}
td.projectWidth {
  min-width: 300px;
}
#admin-tasks-filter .select2-selection__placeholder {
  text-transform: capitalize;
}
.leaveAction .table-striped > tbody tr.pending > * {
  --bs-table-accent-bg: inherit;
  background-color: #fff6dc;
}
.leaveAction .table-striped > tbody tr.rejected > * {
  --bs-table-accent-bg: inherit;
  background-color: #f8d7da;
}
.filterViewrow .btn-orange:hover::after,
.filterViewrow .btn-orange:focus::after {
  border-color: #f29c11;
}
.selectEmoji {
  position: absolute;
  top: -30px;
  right: -45px;
}
.selectEmoji img,
.selectEmoji .emoclass span {
  cursor: pointer;
}
.selectEmoji .emoclass {
  position: absolute;
  right: 0;
  background: #000;
  padding: 20px 15px;
  border-radius: 10px;
  top: -65px;
}
.selectEmojiShow span {
  display: inline-block;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
  height: 32px;
  position: relative;
  text-align: center;
  line-height: 22px;
  margin: 0 1px;
  cursor: pointer;
  min-width: 32px;
}
.selectEmojiShow span strong {
  font-weight: 400;
  font-size: 12px;
}
header img.user-img {
  padding: 2px;
  background: #fff;
  border: 1px solid #ddd;
}
header img.user-img {
  padding: 2px;
  background: linear-gradient(45deg, #f3b03d, #ea3a58, #c229be);
}
.pms-files {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.pms-files .pms-file {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #ccc;
  /* display: flex;
align-items: center;
justify-content: center; */
  position: relative;
}
.pms-files .pms-file .file-link {
  display: block;
  width: 100%;
  height: 100%;
}
.pms-files .pms-file:hover {
  opacity: 0.8;
}
.pms-files .pms-file a {
  display: block;
}
.pms-files .pms-file img {
  width: 100%;
  height: 100%;
}
.pms-files .pms-file .file-ext {
  font-size: 90px;
  text-align: center;
  line-height: 83px;
}
.pms-files .pms-file .upload-icon {
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pms-file .delete-file {
  position: absolute;
  top: -8px;
  width: 16px;
  height: 16px;
  background: red;
  border-radius: 8px;
  text-align: center;
  line-height: 16px;
  color: wheat;
  right: -8px;
}
.pms-file.disabled {
  background: #ddd;
  cursor: not-allowed;
}
.ck-powered-by {
  display: none !important;
}
.og-comment .card-body img {
  max-width: 100%;
  max-height: 300px;
}
.container-fluid.out-of-budget::before {
  /* content: 'Out Of Budget';
transform: rotateY(0deg) rotate(-45deg);
transition: transform 2s;
background: #f00;
color: #fff;
display: block;
width: 100px;
position: absolute;
z-index: 9;
top: 0px;
left: 0px; */
}
tr.out-of-budget td {
  --bs-table-accent-bg: #ffe2e4 !important;
  color: #e02121 !important;
}
tr.out-of-budget td a {
  color: #e02121 !important;
}
ul.comment-listing li.og-comment.posted {
  border: 2px solid #9ac455 !important;
}

/****** Kanban Block ******/

.kanbanCard {
  background: #f1f2f4;
  padding: 20px 10px;
  border-radius: 15px;
}
.kanbanCard label {
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 16px;
}
.kanbanTask {
  gap: 20px;
  width: 100%;
  flex: 1;
  display: flex;
  overflow: auto;
  padding-bottom: 20px;
}
.kanbanTask .kanbanCard {
  width: 20%;
  min-width: 280px;
  /* height: 100%; */
  overflow-y: auto;
  max-height: 500px;
}
.statusCard {
  background: #fff;
  padding: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
}
.statusCard .last-active {
  position: absolute;
  bottom: 4px;
  right: 5px;
}
.drop-box {
  max-height: 500px;
  overflow: auto;
  padding: 0 10px;
  min-height: 70px;
}
.drop-box-1,
.drop-box-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
}
.statusCard span {
  margin-bottom: 5px;
  display: block;
  color: #212529;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.kanbanCard.New {
  background: #ebf4ff;
  position: relative;
}
.kanbanCard.In-Progress {
  background: #e9fae1;
  position: relative;
}
.kanbanCard.Closed {
  background: #f6f6f6;
  position: relative;
}
.kanbanCard.On-Hold {
  background: #fff0f0;
}
.kanbanCard.Reopened {
  background: #faf5e9;
}
.kanbanCard.Stuck {
  background: #ffeeee;
}
.kanbanCard.Ready-For-Review {
  background: #f2faf0;
}
.kanbanCard.Ready-For-QA {
  background: #fff4e8;
}
.table.table-striped.salaryCalculate > :not(caption) > * > * {
  padding: 0.525rem 0.75rem 0.525rem 0.75rem !important;
}

/****** Sub Menu ******/

li.submenu-nav.nav-item a.nav-link {
  position: relative;
}
li.submenu-nav.nav-item.open a.nav-link .subMenu-arrow {
  transform: rotate(180deg);
}
li.submenu-nav.nav-item.open {
  border-bottom: none;
}
.subMenu-arrow {
  position: absolute;
  right: 20px;
}
ul.sub-menu {
display: none;
border-top: 1px solid #0c0e1f;
margin-left: 15px;
}
ul.sub-menu li.nav-item a.nav-link {
  /* padding-left: 1.863rem; */
}
li.submenu-nav.nav-item.open > a.nav-link {
  background: transparent;
  color: #9ac455;
  border: 2px solid #9ac455;
  border-radius: 20px;
}
li.submenu-nav.nav-item.open > a.nav-link:hover {
  border-left-color: #9ac455 !important;
}
.searchfieldsnext {
  margin-bottom: 10px;
  position: absolute;
  right: 98px;
}
.table-responsive {
  margin-top: 15px !important;
}

.table-responsive {
  margin-top: 15px !important;
}
.searchfieldsnext a.btn.btn-outline-success.me-2:hover {
  color: #fff;
}
.pre-table.og-toolbar {
  display: flex;
  justify-content: space-between;
}
.filterfix {
  display: flex;
  justify-content: right;
}
.filterfix .fa-filter {
  padding: 9px 10px;
  /* box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.33) !important; */
  background: #2e324d;
  color: #fff;
  border-radius: 5px 5px 5px 5px;
}
.filterfix .filter-icon {
  padding-left: 10px;
}

.filterfix .filter_select label {
  display: none;
}
.filterfix #wirefilter::after {
  content: '';
  width: 45px;
  position: absolute;
  z-index: 22;
  border: 2px solid #2e324d;
  top: -4px;
  right: 0px;
}

.filterfix #wirefilter {
  max-width: 600px;
  width: 100%;
  border-radius: 5px 0px 5px 5px;
  box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.33) !important;
  border: 2px solid #ffffff;
  background: #2e324d !important;
}
.filter_select .btn-group {
  gap: 13px;
  width: 100%;
}
.filter-search {
  position: relative;
}
.filter-search .fa-magnifying-glass {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 20px;
  transform: translate(50%, -50%);
}
.filter_select .btn-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
}
.filter-search input,
.filter-search .form-select {
  border-radius: 5px !important;
}
.bulk-action-dropdown {
  transform: none !important;
  top: 34px !important;
  left: 0 !important;
}
.bulk-action-dropdown a {
  text-wrap: auto;
}
ul.pagination {
  margin-bottom: 0;
}
.image-viewer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.kanban-view {
  font-size: 26px;
  padding: 7px 10px;
  line-height: 0;
}

.image-viewer img {
  max-width: 90%;
  max-height: 90%;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
}
img {
  cursor: pointer;
}

.schedule .card-value {
  display: flex;
}
.detail-card-wrapper .card-value {
  width: 100%;
}
.filter-search .btn.btn-outline-secondary {
  position: absolute;
  right: 10px;
  color: #000;
  font-size: 100px;
  font-weight: 900;
  width: 35px;
  height: 35px !important;
  padding: 0;
  border: 0;
}
.schedule .card-value .est {
  margin-left: 10px;
  line-height: 30px;
}
.team-schedule .detail-card {
  width: 100%;
  justify-content: space-between;
}
.team-schedule .status select.update-task-key,
.team-schedule input.est-input {
  width: 100%;
}
.team-schedule .member-schedule ul.schedule.draggable-zone li .detail-card {
  align-items: center;
}

.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  .detail-card
  .project {
  width: 170px;
}

.team-schedule
  .member-schedule
  ul.schedule.draggable-zone
  li
  .detail-card
  .client-name {
  width: 130px;
}

.team-schedule .status {
  width: 130px;
}

.team-schedule .spent-hrs {
  width: 60px;
}
.team-schedule .est {
  width: 60px;
}

/*02-09-2024*/
.dropup li a.dropdown-item:active {
  background-color: transparent;
}

.invocieWrapper .inner-container .logo img {
  max-width: 220px;
}
.invocieWrapper .col.width-50 {
  width: 50%;
}
.invocieWrapper .logoHeader {
  display: flex;
}
table#table-users tr td {
  cursor: auto !important;
}
.form-select {
  min-width: 80px !important;
}
.log-submit {
  text-align: right;
}
.line-items-product img {
  max-width: 200px;
}
.card.mb-3.line-items {
  flex-direction: row;
  align-items: center;
}
.table-bordered tr:nth-child(1) {
  border-top: 0;
}
.line-items {
  border-radius: inherit;
}
.country-code .form-control {
  width: 100% !important;
}

/*07-09-2024*/

.back-details {
  font-size: 20px;
  color: #3c3c3c;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.back-details .fa-arrow-left {
  margin-right: 5px;
}
.task-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fa-pen-to-square {
  font-size: 25px;
}
.task-details-header h2 {
  margin: 0;
}
.edit-btn {
  font-size: 15px;
  color: #3c3c3c;
  text-decoration: none;
}

.task-details-top {
  background-color: #f9f9f9;
}
.card.task-details-top {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card.task-details-disc {
  border-radius: 0 0px 0.625rem 0.625rem;
}
.card.task-details-disc {
  border-top: 0;
}

ul.activity-listing li {
  margin-top: 5px;
}
ul.activity-listing li svg {
  margin-right: 10px;
  color: #8dc63f;
  font-size: 20px;
}
.select2-container--bootstrap-5 .select2-selection {
  background-color: #fff !important;
  border-radius: 0;
}
input#delivery_date {
  outline: none;
  padding: 5px 6px;
  border: 1px solid #ced4da;
  background-color: #f9f9f9;
}
.detail-card.upload_files .card-label {
  min-width: 20px !important;
}
.client-wrapper {
  display: flex;
  align-items: center;
}

/*Leads Page*/
/* .select2-container--bootstrap-5 .select2-selection--single {
padding: 10px;
} */
/* .leads-section {
right: 20px;
}  */
.leads-btn {
  display: flex;
  gap: 15px;
}
.sent-comment {
  display: flex;
  gap: 15px;
}
.sent-comment .form-select {
  width: 250px !important;
}
.leads-user {
  display: flex;
  gap: 20px;
  font-size: 15px;
}

.leadClientInfo .detail-card {
  display: block !important;
}
.card-body.leads a:hover {
  color: #fff !important;
}
.modal .btn-orange {
  width: auto;
}
.mass_comment {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
.ck-editor__editable ul li {
  font-size: 14px;
  margin-left: 10px;
  list-style-type: disc;
}

.filter-main-body #wirefilter {
  display: block !important;
}

tr.paid td {
  background-color: #9ac455 !important;
  --bs-table-accent-bg: #9ac455 !important;
  color: #fff !important;
}

tr.paid td a {
  color: #fff !important;
}

button.delete-invoice-item:focus {
  opacity: 0.5;
}
.filterfix #wirefilter .input_select select.form-select {
  width: 100% !important;
}

.comment-actions {
  margin-left: 10px;
}
.replyComment .comment-actions {
  margin-left: 0;
  margin-right: 10px;
}

.comment-actions button {
  color: #333;
  width: 30px;
}
.comment-actions button svg {
  font-size: 24px;
}
.comment-actions li span {
  cursor: pointer;
}
ul.comment-listing li.og-comment.locked-comment {
  padding-top: 70px;
}
.locked-comment .lock-info {
  position: absolute;
  left: 35px;
  top: 25px;
}
.locked-comment .lock-info svg {
  font-size: 22px;
  margin-right: 8px;
}
.wire-dropdown ul {
    max-height: 250px;
    overflow: scroll;
}

.wire-dropdown .wire-wrapper {
    position: absolute;
    width: 100%;
    z-index: 99;
    max-width: 200px;
}
.wire-dropdown button {
    width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wire-dropdown button svg {
    display: block;
    width: 20px;
}
.wire-dropdown input {
    margin: 5px 0 0 10px;
}

.date-picker-container {
    display: inline-block;
}

.date-display {
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    cursor: pointer;
}

.date-display:hover {
    background-color: #f8f9fa;
}

.calendar-wrapper {
    position: relative;
}
.qoute-of-the-day {
    width: 100%;
    background: #4f59b2;
    text-align: center;
    color: #fff;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #fff;
}