.timesheet-table {
  width: 100%;
  border-collapse: collapse;
}
.timesheet-table th,
.timesheet-table td {
  padding: 8px 10px;
  border: 1px solid #ddd;
  text-align: center;
}
.timesheet-wrapper {
  padding: 20px;
  background: #fff;
}
.week-navigation {
  text-align: right;
}
.project-row.hidden {
  display: none;
}
.toggle-projects {
  cursor: pointer;
  font-weight: bold;
}


tr.project {
  background: #f3f3f3;
}

tr.task {
  background: #fff;
}
.project-hidden,
.task-hidden,
.sub_task-hidden {
  display: none;
}

tr td {
  cursor: pointer;
}

.arrow {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  /* margin-left: 5px; */
  transform: rotate(180deg);
}
.arrow.down {
  transform: rotate(0deg);
}
.project td:first-child {
  padding-left: 25px;
}
.task td:first-child {
  padding-left: 50px;
}
.sub_task td:first-child {
  padding-left: 75px;
}
.progress-bar.small {
  min-width: 100px;
  /* width: 100px; */
  margin: auto;
}
.progress-bar {
  width: 100%;
  height: 20px;
  background-color: #404040;
  position: relative;
  min-width: 120px;
  text-align: center;
  border-radius: 20px;
}
.progress-bar.square{
	border-radius:0px;
}
.progress-bar .progress {
  height: 100%;
  background-color: #558bfb;
  border-radius: 20px;
}
.progress-bar .progress.overdue{background-color: #ab5c5a !important;}	
.progress-bar .progress.running-out{background-color: #f4ac63 !important;}
.progress-bar .progress.on-time{background-color: #558bfb;}
.progress-bar.square .progress{
	border-radius: 0px;
}
.progress-bar.over {
}
.progress-bar.over .progress {
  background-color: #ff0000;
  max-width: 100%;
}
.progress-bar .progress span {
}
.progress-bar span {
  position: absolute;
  top: 2px;
  left: 0px;
  color: #ffffff;
  width: 100%;
}
.progress-bar span.progress-status{
	top:0px;
}
.sprint-progress-wrapper {
}
.sprint-progress-wrapper tbody tr td {
  text-align: center;
  margin: auto;
}
.sprint-progress-wrapper tbody tr td:first-child {
  text-align: left;
}
.sprint-progress-wrapper .task-status {
	text-align:center;
}
.sprint-progress-wrapper .task-status span {
  /* background: #0c84a9; */
  color: #ffffff;
  padding: 2px 6px !important;
  width: 100% !important;
  display: block;
}
.sprint-progress-wrapper .task-status span.done, .sprint-progress-wrapper .task-status .done .progress{
  background: #348f45;
}
.sprint-progress-wrapper .task-status span.in-progress, .sprint-progress-wrapper .task-status .in-progress .progress{
  background: #fb9e2d;
}
.sprint-progress-wrapper .task-status span.to-do, .sprint-progress-wrapper .task-status .to-do .progress{
  background: #1e89ca;
}
.sprint-progress-wrapper .user_circle {
  margin: auto;
}

.project-progress {
}
.project-progress .widget:first-child {
  width: 95%;
}
.project-progress .widget {
  border: 1px solid #c8c8c8;
  margin-bottom: 23px;
  padding: 20px;
  border-radius: 5px;
  width: 45%;
  display: inline-block;
}
.project-progress .progress-bar {
  margin-bottom: 2px;
}
.project-progress .progress-bar .progress{
	max-width:100%;
}
.project-progress .progress-bar-2 .progress {
  background: #348f45;
}
.project-progress .progress-bar-3 .progress {
  background: #824343;
}
.progress-bar span.left,
.progress-bar span.right {
  width: auto;
  top: 0px;
}
.progress-bar span.left {
  left: 10px;
}
.progress-bar span.right {
  right: 10px;
  left: inherit;
}

.inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
}

.inline-form .form-item,
.inline-form .form-actions {
  margin: 0;
  flex: 0 1 auto;
}
.inline-form .form-item input {
  max-width: 200px;
}

.canban-view .filters#user_list {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
  height: inherit;
}

.canban-view .filters .filter-value:first-child,
.canban-view .filters h4 {
  padding-left: 0px;
	background: none;
}

.canban-view .filters .filter-value {
	display: inline-block !important;
	padding: 3px 10px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px !important;
	top: 0px;
	position: relative;
	overflow: hidden;
	background: #e1e1de;
	border-radius: 10px;
}

.canban-view .filters #userlist {
	background: none;
}

.canban-view .filters #userlist .assigned_to {
  margin: 0px;
}

.filter-value.reset.button {
	margin: 0px;
	background: inherit;
	float: inherit !important;
}


/* week nav start  */
.week-navigation-wrapper {
  text-align: center;
}
.week-navigation-wrapper .date-error {
  text-align: left;
}
.date-error {
  color: red;
  font-size: 12px;
  margin-bottom: 4px;
  display: none;
}

.week-navigation {
  text-align: right;
}

.week-date-input {
  border: none;
  width: auto;
  text-align: center;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
}

.week-date-input:focus {
  outline: none;
}

#gantt_here,
#expected-vs-actual {
  width: 100%;
  height: 500px;
}

#expected-vs-actual .over-progress .gantt_task_progress {
  background-color: red !important;
}

/* week nav end  */

/* dashboard css start  */

.view-full-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view-full-details h2 {
  margin: 0;
  font-size: 1.5rem; /* Adjust as needed */
}

.view-full-details a {
  text-decoration: none;
  color: #007bff; /* Bootstrap primary link color or pick your theme color */
  font-weight: bold;
}

.view-full-details a:hover {
  text-decoration: underline;
}


#days-or-users input,
.user-checkbox-list input  {
  position: relative !important;
  opacity: 1 !important;
}
.timesheet-charts-wrapper #users_wise_chart{
  border: 2px solid #ddd;
  overflow: hidden;
}