.zpm-before-photos,
.zpm-after-photos {
	padding: 20px;
}

#zpm-upload-before-photo,
#zpm-upload-after-photo {
	position: absolute;
	right: 20px;
	top: 20px;
}

#zpm-new-periodic-report-modal,
#zpm-new-scheduled-report-modal {
	min-height: unset !important;
	padding: 20px;
	text-align: left !important;
	overflow: visible;
}

#zpm-new-periodic-report-modal .zpm_input,
#zpm-new-scheduled-report-modal .zpm_input {
	width: 100%;
}

#zpm-mark-task-as-completed-modal {
	text-align: left;
	padding: 20px;
	border-radius: 5px;
}

#zpm-mark-task-as-completed-modal .zpm-user-select-container {
	width: 100%;
	margin-bottom: 10px !important;
	margin-top: 0 !important;
}

#zpm-mark-as-complete--notes,
#zpm-mark-as-complete--admin-notes {
	width: 100%;
}

.zpm-checkbox-container {
	text-align: left !important;
	display: flex;
	margin-bottom: 10px;
}

[data-zpm-project-tasks-filterer] {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1rem;
	padding: 1rem;
}

[data-zpm-project-tasks-filterer] .zpm-filter-item {
	display: flex;
	flex-direction: column;
}

.zpm_task_container {
	padding: 10px;
	box-sizing: border-box;
}

.zpm-task-table.dataTable {
	width: 100% !important;
}

.dataTables_length {
	margin-bottom: 10px;
}

table.dataTable thead th,
table.dataTable thead td {
	border-color: #ddd !important;
}

table.dataTable.no-footer {
	border-bottom: none !important;
}

.zpm-task-table-row.zpm-is-overdue * {
	background: #ed4758;
	border-color: #b34752;
	color: #fff;
}

body[zpm-task-filter-status="archived"] .zpm-task-list-table-row-status,
body[zpm-task-filter-status="completed"] .zpm-task-list-table-row-status {
	display: initial !important;
}

[href="admin.php?page=zephyr_project_manager_reports"] {
	display: none !important;
}

[data-zpm-new-periodic-report],
[data-zpm-new-scheduled-report],
[data-zpm-new-travel-report] {
	padding-left: 20px !important;
	pointer-events: all;
	cursor: pointer;
}

[href="admin.php?page=zpm-periodic-report"] {
	pointer-events: none;
}

#zpm-new-scheduled-report-modal>div,
#zpm-new-periodic-report-modal>div {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}


/*!*New Mobile Display Code*!*/
/*#zpm-sidebar-main,*/
/*#zpm-sidebar-thin {*/
/*	display: none !important;*/
/*}*/

/*#zpm-content {*/
/*	padding: 0px !important;*/
/*}*/

/*.zpm-page-title,*/
/*#zpm-navigation-bar,*/
/*.zpm-task-single__header {*/
/*	background: var(--zpm-primary-color);*/
/*	margin-top: 0px !important;*/
/*	margin-bottom: 0px !important;*/
/*	color: #fff;*/
/*}*/

/*.zpm-page-title {*/
/*	padding: 15px 20px;*/
/*}*/

/*#zpm-navigation-bar {*/
/*	padding: 10px;*/
/*	padding-bottom: 0px;*/
/*}*/

/*#zpm_task_list {*/
/*	padding: 20px;*/
/*}*/

/*#zpm-content {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*}*/

/*.zpm-task-single__header {*/
/*	order: 0;*/
/*}*/

/*#zpm-navigation-bar {*/
/*	order: 0;*/
/*}*/

/*#zpm-task-parents__breadcrumbs {*/
/*	order: 1;*/
/*	padding: 0px 15px;*/
/*}*/

/*.zpm-tabs {*/
/*	order: 1;*/
/*}*/

/*.zpm-navigation-item:hover, .zpm-navigation-item.current-item {*/
/*	color: #fff !important;*/
/*	font-weight: bold;*/
/*	border-bottom: 2px solid #fff;*/
/*}*/

/*.zpm-navigation-list {*/
/*	padding-bottom: 0px !important;*/
/*	margin-bottom: 0px !important;*/
/*}*/

/*#zpm_task_list {*/
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/

/*}*/

/*#zpm-content {*/
/*	background: #fff;*/
/*}*/

/*.zpm_task_list_row {*/
/*	border: none !important;*/
/*	box-shadow: none !important;*/
/*}*/

/*#zpm-task-list__tasks {*/
/*	border: none !important;*/
/*	box-shadow: none !important;*/
/*}*/

/*#zpm-task-filter-holder {*/
/*	padding-left: 20px;*/
#zpm-update-sequence-modal {
	padding: 20px;
}

[data-btb-open-update-sequence] {
	margin-top: 10px;
}

.zpm-mobile-tasks {
	display: flex;
	flex-direction: column;
	background: #fff;
}

.zpm-mobile-task {
	display: flex;
	padding: 12px 16px;
}

.zpm-mobile-task:hover {
	background-color: #eeeeee !important;
}

.zpm-mobile-task.zpm-is-overdue {
	background: #ed4758;
	color: #fff !important;
}

.zpm-mobile-task.zpm-is-complete {
	background: var(--zpm-primary-color);
	color: #fff !important;
}

.zpm-mobile-task-name {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.zpm-mobile-task-date {
	margin-left: auto;
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	text-align: right;
}

.zpm-mobile-task.zpm-is-complete * {
color: #fff;
}

.zpm-project--featured-image+.zpm_project_body .zpm-btb-project-details {
	display: flex;
}

.zpm-btb-project-details {
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: right;
	display: none;
	flex-direction: column;
	gap: 5px;
}

.zpm-btb-project-details div {
	line-height: 10px;
}

.zpm-btb-project-details div span:first-of-type {
	font-weight: bold;
}

/*#zpm_project_editor #zpm-timers-datatable thead tr th:nth-of-type(10) {*/
/*	display: none;*/
/*}*/
/*#zpm_project_editor #zpm-timers-datatable thead tr th:nth-of-type(11) {*/
/*	display: none;*/
/*}*/
/*#zpm_project_editor #zpm-timers-datatable thead tr th:nth-of-type(12) {*/
/*	display: none;*/
/*}*/
/*#zpm_project_editor [data-zpm-column="billed"],*/
/*#zpm_project_editor [data-zpm-column="paid"],*/
/*#zpm_project_editor [data-zpm-column="locked"] {*/
/*	display: none;*/
/*}*/

#zpm-resend-email,
#zpm-resend-assigned-email,
#zpm-resend-completed-email {
	margin-top: 10px;
}

.zpm-muted {
	color: #aaa;
}

#zpm-new-travel-report-modal {
	padding: 20px;
	text-align: left;
}

#zpm-mark-as-complete--travel-fields {
	margin-bottom: 20px;
}

.zpm-input-group {
	display: flex;
	gap: 1rem;
	flex-direction: row;
	align-items: flex-end;
}

#zpm-mark-task-as-completed-modal {
	max-height: 90vh;
	overflow: auto;
}

#zpm-broadcast-message-modal {
	padding: 25px;
	text-align: left !important;
}