#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: var(--zpm-font-size-regular);
}

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

.zpm-board-item h5 {
	font-size: var(--zpm-font-size-title);
	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 #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: var(--zpm-font-size-medium-small);
	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: var(--zpm-font-size-title);
	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: var(--zpm-font-size-regular);
	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: var(--zpm-font-size-regular);
}

.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: var(--zpm-font-size-title-large);
	text-align: left;
	padding-left: 0;
}

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

.zpm_project_description {
	font-size: var(--zpm-font-size-regular) !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;
}

@media (min-width: 800px) {
	#zpm-mobile-close-drawer,
	#zpm-mobile-menu-toggle {
		display: none;
	}

	#zpm-mobile-menu-overlay {
		display: none;
	}
}

@media (max-width: 800px) {
	#zpm-sidebar-thin {
		display: none;
	}

	#zpm-sidebar-main {
		z-index: 9999 !important;
		width: 50%;
	}

	.zpm-mobile-menu-hamburger {
		color: white;
		padding: 5px 10px;
		border: none;
		cursor: pointer;
		color: #000;
		border-radius: 5px;
		z-index: 999;
	}

	.zpm-mobile-drawer {
		position: fixed;
		bottom: 0px;
		left: -100%;
		width: 50%;
		background: white;
		box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
		transition: opacity, left 0.3s ease-in-out;
		padding: 20px;
		top: 0px;
		opacity: 0;
		text-align: left;
		z-index: 999999;
		pointer-events: none;
	}

	.zpm-mobile-drawer.active {
		left: 0;
		opacity: 1;
		pointer-events: all;
	}

	.zpm-mobile-close-btn {
		font-size: 20px;
		background: none;
		border: none;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 20px;
		background: none;
		border: none;
	}

	.zpm-mobile-menu {
		list-style: none;
		padding: 0;
		margin-top: 30px;
	}

	.zpm-mobile-menu li {
		margin: 15px 0;
	}

	.zpm-mobile-menu li a {
		text-decoration: none;
		color: #333;
		font-size: var(--zpm-font-size-title-large);
		font-weight: bold;
	}

	.zpm-mobile-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out;
		z-index: 1000;
	}

	.zpm-mobile-menu-overlay.active {
		opacity: 1;
		visibility: visible;
	}
}

#zpm-edit-custom-field-modal {
	max-height: 90vh;
	overflow: auto;
}

[data-zpm-cf-type="multiple-checkbox"] {
	display: flex;
	flex-direction: column;
}

[data-zpm-cf-type="multiple-checkbox"] div {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.zpm_kanban_container {
	min-height: 165px;
}

#zpm-timers-datatable th {
	white-space: pre;
}


.zpm-trigger-toggle__down,
.zpm-trigger.collapsed .zpm-trigger-toggle__up {
	display: none;
}

.zpm-trigger.collapsed .zpm-trigger-toggle__down {
	display: block;
}

.zpm-trigger-toggle {
	cursor: pointer;
}

.zpm-trigger-item__name {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.zpm-trigger.collapsed .zpm-trigger-item__tab {
	display: none;
}

.zpm-trigger-toggle-icons {
	margin-right: 10px;
}

.zpm-trigger-item__tab {
	border-top: 1px solid #ccc;
	background: #f9f9f9;
}

.zpm-trigger-item {
	padding: 0px;
}

#zpm-tirggers__container {
	padding: 20px;
}

.zpm-trigger-item__tab {
	padding: 20px;
}

.zpm-trigger-item__buttons {
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

.zpm-trigger-item__field select {
	width: 100%;
	max-width: unset;
}

.zpm-trigger-item__placeholder-legend {
	border: 1px solid #ccc;
	padding: 20px;
	font-size: var(--zpm-font-size-medium);
	margin-top: 10px;
	border-radius: 6px;
}

.zpm-trigger-enabled-field .zpm-trigger-item__field-label {
	margin-right: 5px;
}

.zpm-trigger-task-date-values {
	margin-top: 10px;
}

.zpm-trigger__relative-date {
	display: flex;
	justify-content: center;
	align-items: center;
}

.zpm-trigger__relative-date span {
	flex: 1;
}

.zpm-trigger-relative-date__number {
	max-width: 100px;
	margin-right: 10px;
}

.zpm-trigger-relative-date__days {
	max-width: 120px;
	margin-right: 10px;
}

.zpm-trigger-relative-date__number input {
	max-width: 100%;
}

.zpm-trigger-item__field {
	margin-bottom: 10px;
}

.zpm-trigger-item__field-label {
	display: block;
	margin-bottom: 4px;
}

.zpm-trigger__start-date-absolute input,
.zpm-trigger__due-date-absolute input {
	width: 100%;
}

#zpm-edit-event-modal,
#zpm-new-event__modal {
	padding: 20px;
}

#zpm-edit-event-modal .zpm-new-event__modal,
#zpm-new-event__modal .zpm-new-event__modal {
	padding-bottom: 50px;
}

#zpm-timer__action-buttons,
.zpm-timer-action-buttons {
	padding: 0 20px;
}

.zpm-timer-action-buttons {
	margin-bottom: 20px;
}

#zpm-new-event__form .zpm-new-task-task--categories,
#zpm-edit-event-modal .zpm-new-task-task--categories {
	text-align: left;
}

.zpm-custom-field[data-zpm-cf-type="multiple-choice"] > div > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
}

#zpm-task-single__milestones {
	padding: 20px;
}

#zpm-new-task-milestone__btn {
	position: absolute;
	top: 20px;
	right: 20px;
}