#zpm-notes__container .zpm-grid-row {
	flex-wrap: wrap;
}

#zpm-notes__container .zpm-grid-item {
	flex-basis: 15%;
	margin: 0;
	padding: 7px;
	box-sizing: border-box;
	min-height: 160px;
	height: fit-content;
}

#zpm-notes__container {
	padding: 10px;
	box-sizing: border-box;
}

.zpm-gradient {
	color: #fff;
}

.zpm-note {
	min-height: 100px;
	cursor: pointer;
	border-radius: 4px;
}

.zpm-note__title {
	display: block;
	opacity: .6;
	margin-bottom: 5px;
}

.zpm-note__desc {
	display: block;
	font-size: 13px;
}

.zpm-board-item {
	margin-bottom: 10px;
	cursor: pointer;
	padding: 20px;
	position: relative;
}

.zpm-board-item h5 {
	font-size: 14px;
	margin: 0;
}

.zpm-boards #zpm_project_view_tasks_kanban {
	display: block;
}

.zpm_kanban_item {
	color: #000000;
}

#zpm-boards-list a {
	text-decoration: none;
	color: #333;
}

.zpm-board-item__desc {
	margin-bottom: 0;
}

.zpm-board-item__task-count {
	position: absolute;
	right: 20px;
	top: 20px;
}

#zpm_new_report_btn {
	width: max-content;
}

.zpm-pdf-report__task {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

.zpm-pdf-report__task span {
	flex: 1;
	padding: 4px;
}

#zpm-pdf-report__tasks-header {
	margin-top: 50px;
	border-top: 1px solid #ccc;
}

#zpm-pdf-report__modal {
	min-height: unset;
	padding: 20px;
	text-align: left;
}

.zpm-modal__form-group {
	padding: 10px 0;
}

.zpm-modal__form-group label,
.zpm-modal__form-group input {
	width: 100%;
	display: block;
}

#zpm-pdf-report__modal select {
	width: 100%;
}

#zpm-task-preview__info input,
#zpm-task-preview__info textarea,
#zpm-task-preview__info select,
#zpm-task-preview__info .chosen-container,
#zpm-project-preview__info input,
#zpm-project-preview__info textarea,
#zpm-project-preview__info select,
#zpm-project-preview__info .chosen-container {
	width: 100% !important;
	padding: 5px 8px !important;
	outline: none !important;
	font-size: 13px;
}

#zpm-task-preview__info .chosen-container,
#zpm-project-preview__info .chosen-container {
	padding: 0 !important;
}

#zpm-task-preview__info #zpm_task_edit_custom_fields,
#zpm-project-preview__info #zpm_task_edit_custom_fields {
	width: 100%;
	box-sizing: border-box;
}

#zpm-task-preview__info #zpm_task_edit_custom_fields label,
#zpm-project-preview__info #zpm_task_edit_custom_fields label {
	font-size: 11px;
	color: #aaa;
	padding: 0;
	margin-top: 12px !important;
	display: block;
}

/* .zpm_project_description.project_description,
.zpm-project-preview__description {
  white-space: normal !important;
} */

#zpm-submodal-background,
#zpm_custom_field_select_modal {
	z-index: 99999999999 !important;
	border-radius: 8px;
}

.zpm-rating-field {
	margin-bottom: 15px;
}

.zpm-rating-star .zpm-star-checked {
	display: none;
}

.zpm-rating-star[data-checked="1"] .zpm-star-checked {
	display: inline-block;
	color: #ffcb0c;
}

.zpm-rating-star[data-checked="1"] .zpm-star-unchecked {
	display: none;
}

.zpm-rating-star {
	cursor: pointer;
	user-select: none;
	font-size: 17px;
	transition: all .12s ease-in-out;
}

.zpm-rating-star:hover {
	color: #ffcb0c;
}

.zpm-task-item-extra-details .zpm-custom-field,
.zpm-task-item-extra-details .zpm-custom-field div {
	display: inline;
}

.zpm-task-item-extra-details .zpm-remove-template-field,
.zpm-task-item-extra-details .zpm_label {
	display: none;
}

.zpm-task-item-extra-details .zpm-rating-field {
	display: inline;
	pointer-events: none;
}

.zpm-task-overview-cf {
	pointer-events: none;
}

#zpm_project_editor .zpm-project-single__custom-fields {
	width: 100%;
	max-width: 100%;
	min-width: 100%
}

/*
.zpm-note-preview__modal {
padding: 0 !important;
  border: none !important;
  background: transparent !important;
} */


#zpm-project-preview__bar {
	margin-top: 0px !important;
}

.zpm_kanban_row .wp-picker-container .wp-color-result.button {
	min-height: unset !important;
}

.zephyr-frontend-manager-template .gantt {
	border: none;
}

.zpm-select__container {
	text-align: left;
}

#zpm-new-milestone__project-id,
#zpm-edit-milestone__project-id {
	width: 100%;
	max-width: unset;
}

.zpm-gantt-subtask:not(.zpm-gantt-milestone-sub) {
	padding-left: 20px;
}

.zpm_kanban_item {
	overflow: visible !important;
}

.zpm-gantt-task-row--milestone {
	border-left: 3px solid var(--zpm-primary-color);
	border-right: 3px solid var(--zpm-primary-color);
}

.zpm-kanban--duration-picker {
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	display: none;
	flex-direction: column;
	min-width: 100px;
	top: 20px;
	position: absolute;
	right: 10px;
	padding: 10px;
	border-radius: 3px;
	font-size: 0.75rem;
	gap: 0.5rem;
}

.zpm-kanban--duration-picker.active {
	display: flex;
}

.zephyr-gantt__chart .bar.zpm-gantt-type--milestone .fn-label {
	background: transparent !important;
	border: 1px solid var(--zpm-primary-color);
	color: #000 !important;
}

.zephyr-gantt__chart .bar.zpm-gantt-type--milestone .fn-label:hover {
	background: transparent !important;
	border: 1px solid var(--zpm-primary-color);
	color: #000 !important;
}

.zpm-milestone__option-archive[data-is-archived="true"] {
	color: var(--zpm-overdue-color);
}

.zephyr-gantt__chart .zpm-gantt-type--milestone.zpm-gantt__completed .fn-label,
.zephyr-gantt__chart .zpm-gantt-type--milestone.zpm-gantt__completed:hover .fn-label {
	color: #fff !important;
	border: none !important;
}

.zpm-gantt-item--progress {
	height: 100%;
	position: absolute;
	left: 0px;
	background: var(--zpm-primary-color);
	z-index: -10;
}

.zpm-gantt-task-row .fn-label {
	max-width: 90%;
}

.zpm-kanban-item__subtasks {
	font-size: 0.75rem;
	border: none;
	border-radius: 4px;
	min-height: 5px;
}

.zpm-kanban-item__subtasks[data-has-subtasks="true"] {
	border: none;
	border: 1px solid #ddd;
}

.zpm-kanban-item__subtasks .zpm_task_details,
.zpm-kanban-item__subtasks .zpm-task-item-extra-details {
	display: none;
}

.zpm-kanban-item__subtasks .zpm-task-row--subtask {
	padding-left: 15px !important;
}

.zpm-milestone--new-task-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 15px;
	gap: 0.75rem;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.zpm-milestone--new-task-icon {
	font-size: 16px;
	color: var(--zpm-primary-color);
}

.zpm-milestone--new-task-input-container {
	gap: 0.75rem;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.zpm-milestone--new-task-input {
	width: 100%;
	border: 1px solid #ddd !important;
}

#zpm-milestone-project-list {
	border: 1px solid #eee;
}

.zpm-header {
	margin: 0px;
	padding: 20px;
}

#edit_milestone_blocking_tasks_chosen,
#new_milestone_blocking_tasks_chosen {
	margin-top: 10px !important;
	text-align: left;
}

.zpm-assignee-popup {
	display: flex;
	flex-direction: row;
	min-width: 175px;
	width: max-content;
	gap: 0.75rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	transform: translateY(20px);
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 1rem;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07), 0 5px 5px rgba(0, 0, 0, 0.07) !important;
	opacity: 0;
	pointer-events: none;
	transition: all 0.12s ease;
}

.zpm-assignee-popup .zpm-kanban-task-assignee {
	width: 40px;
	height: 40px;
}

.zpm-assignee-popup--name {
	color: #333;
	font-weight: bold;
	font-size: 0.85rem;
}

.zpm-assignee-popup--email {
	font-size: 0.75rem;
}

.zpm-assignee-popup-container:hover .zpm-assignee-popup {
	opacity: 1;
	transform: translateY(0px);
}

.zpm-kanban-task__assignee-container {
	z-index: 9999999 !important;
}

.zpm-kanban-task-assignee {
	position: relative;
}

@media (max-width: 1000px) {
	.zpm-gantt-legend {
		flex-direction: column;
		align-items: flex-start;
	}

	.fn-gantt .navigate {
		height: auto !important;
	}

	.fn-gantt .navigate .nav-slider {
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px;
	}
}

#zpm_project_modal .zpm-project-type-picker {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	width: 100% !important;
}

#zpm_project_modal .zpm-project-type-picker .zpm_modal_item {
	flex: 1;
}

[data-zpm-cf-type="multiple-choice"] input,
#zpm_project_editor [data-zpm-cf-type="multiple-choice"] input {
	width: 16px !important;
	height: 16px !important;
	min-width: unset !important;
}

[data-zpm-cf-type="multiple-choice"] div,
#zpm_project_editor [data-zpm-cf-type="multiple-choice"] div {
	margin-top: 5px;
}

.zpm-status-mapping-table {
	width: 100%;
	text-align: left;
	border-spacing: 0;
	margin-top: 1rem;
	border-radius: 6px;
}

.zpm-status-mapping-table thead {
	background: #e3e3ec;
	border-radius: 5px;
}

.zpm-status-mapping-table th,
.zpm-status-mapping-table td {
	padding: 10px;
}

.zpm-status-mapping-table input,
.zpm-status-mapping-table select {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}

.zpm-status-mapping-table select {
	font-size: 14px;
	line-height: 2;
	color: #2c3338;
	box-shadow: none;
	border-radius: 3px;
	padding: 0 24px 0 8px;
	min-height: 30px;
	max-width: 25rem;
	-webkit-appearance: none;
	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
	background-size: auto;
	background-size: 16px 16px;
	cursor: pointer;
	vertical-align: middle;
}

.zpm-status-mapping-table input {
	padding: 5px 10px;
}

.zpm-template-item {
	font-size: 13px;
}

.zpm_kanban_heading {
	background: transparent !important;
}

#zpm-edit-milestone-task-select {
	padding: 20px;
	border-radius: 4px;
}

#zpm-edit-milestone-task-select #zpm-milestone-project-list {
	border: none !important;
}

#zpm-edit-milestone-task-select .zpm-header {
	font-size: 18px;
	text-align: left;
	padding-left: 0;
}

.zpm-cf-select-value-option.gu-mirror {
	z-index: 999999 !important;
}

.zpm_project_description {
	font-size: 13px !important;
}

#zpm-new-project-tabs {
	padding: 0;
	margin-top: 10px;
}

#zpm-project-templates-grid {
	margin-top: 20px;
	text-align: left;
}

#zpm-project-templates-grid .zpm-grid-list__item:not(:hover) {
	border-color: #eee;
}

[data-zpm-project-template].active {
	color: var(--zpm-primary-color) !important;
	border-color: var(--zpm-primary-color) !important;
	background: var(--zpm-secondary-color) !important;
}

.zpm-template-creating-msg {
	position: absolute;
	right: 10px;
	display: none;
	top: 50%;
	transform: translateY(-50%);
}

[data-zpm-project-template].active .zpm-template-creating-msg {
	display: block;
}

.zpm-project-templates-hint {
	margin-bottom: 10px;
}

.zpm-timers__filters {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}

.zpm-timer-filter__option {
	display: flex;
	flex-direction: column;
}

.zpm-tab[data-tab="timers"] {
	padding: 15px;
}

#zpm-timers-datatable {
	width: 100%;
	text-align: left;
	margin-top: 15px;
}

[data-tab="timers"] .zpm-tab-title {
	padding: 5px;
}

#zpm-timers-datatable *,
#zpm-timers-datatable {
	border-color: #dfdfdf !important;
	box-shadow: none;
}

#zpm-timers-datatable_filter {
	margin-bottom: 20px;
}

.zpm-kanban-item__subtasks .zpm-task-row--subtask.zpm-task-row--subtask-level-2 {
	padding-left: 2.5rem !important;
}

.zpm-relative {
	position: relative;
}

#zpm-kanban-options-dropdown {
	left: 0;
	right: unset;
	padding: 10px;
	border-radius: 4px !important;
}

#zpm-kanban-options-dropdown .zpm-dropdown-item {
	color: #333;
}

#zpm-kanban-options-dropdown .zpm-dropdown-item:hover {
	background: none !important;
	color: #333;
}

/*[zpm-kanban-filter-completed=""] .zpm_kanban_item.complete {*/
/*	display: none !important;*/
/*}*/

/*[zpm-kanban-filter-incomplete=""] .zpm_kanban_item:not(.complete) {*/
/*	display: none !important;*/
/*}*/

.zpm-kanban-filter-hide-completed-tasks .zpm_kanban_item.complete {
	display: none !important;
}

.zpm-kanban-filter-hide-incomplete-tasks .zpm_kanban_item:not(.complete) {
	display: none !important;
}

.zpm-timer-action-buttons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-left: auto;
}

[data-bulk-timer-hidden-button] {
	display: none !important;
}

.zpm-bulk-timer-selection [data-bulk-timer-hidden-button] {
	display: flex !important;
}

.zpm-bulk-timer-selector-wrap {
	margin-left: 10px;
	display: none;
}

.zpm-bulk-timer-selection .zpm-bulk-timer-selector-wrap {
	display: inline-block;
}

.zpm-timer-row--actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

#zpm-edit-multiple-timers-modal .zpm-task-select-container,
#zpm-edit-multiple-timers-modal .zpm-user-select-container,
#zpm-edit-multiple-timers-modal .zpm-project-select-container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.zpm-timer-filter__option {
	min-width: 150px;
}

.zpm-timer-filter__option .chosen-container {
	background: #fff !important;
	border: 1px solid #ddd !important;
}

#zpm-timer-filter__end-date,
#zpm-timer-filter__start-date {
	padding: 5px 10px;
}

#zpm-timer-list {
	max-width: unset !important;
}

#zpm-timers-datatable_wrapper {
	margin-top: 20px;
}

#zpm-task-single__timers {
	position: relative;
}

.zpm-kanban-item__subtasks .zpm_task_list_row {
	max-height: unset !important;
}

.zpm_kanban_item:not(.complete) .zpm_kanban_title {
	color: #000 !important;
}

#zpm-timer__action-buttons {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}