/* Admin Styles */

@font-face {
	font-family: 'Duru Sans';
	src: url('fonts/DuruSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--zpm-label-color: #646464;
}

/* Main Styles */
body.toplevel_page_zephyr_project_manager #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_tasks #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_files #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_projects #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_settings #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_activity #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_progress #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_calendar #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_teams_members #wpcontent,
body.zephyr-project-manager_page_zephyr_project_manager_categories #wpcontent {
	font-family: "Roboto", sans-serif;
	background-color: #ecf0f2 !important;
}

#zpm_container textarea {
	width: 100%;
	min-height: 70px;
	border-radius: 2px;
	box-shadow: none;
	transition: all .15s ease;
	padding: 10px;
}

#zpm_container textarea:hover {
	border-color: #ddd;
}

#zpm_container textarea:active,
#zpm_container textarea:focus {
	border-color: #ccc;
}

#zpm_container input[type="text"] {
	width: 100%;
}

/* Settings Page Styles */

.zpm_settings_page {
	overflow: hidden;
}

.nav-tabs {
	width: 100%;
	margin: 0;
	float: left;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
}

.nav-tabs li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs li a {
	margin-right: 2px;
	line-height: 1.5;
	padding: 10px;
	text-decoration: none;
	float: left;
	user-select: none;
	box-shadow: none;
	color: #848f99;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	color: #111;
	cursor: default;
}

.zpm-tab-content {
	display: inline-block;
	width: 100%;
}

.zpm-tab-content .tab-pane {
	float: left;
	display: none;
	box-sizing: border-box;
	border-top-color: transparent;
	width: 100%;
}

.zpm-tab-content .tab-pane.active {
	display: block;
	padding: 10px 20px;
	background-color: #fff;
}

/* Settings Page Styles */

.zpm_settings_wrap {
	margin-left: -20px;
}

.zpm_settings_form td,
.zpm_edit_project td {
	padding: 10px 5px;
}

/* Header styles */

.zpm_top_bar {
	background: #fff;
	padding-top: 15px;
	position: relative;
	border-radius: 2px;
}

.zpm_taskbar {
	border-bottom: 1px solid #e9e9e9;
}

.zpm_taskbar_tasks li {
	display: inline-block;
	padding: 0 15px 0 15px;
}

.zpm_taskbar_tasks a {
	color: #848f99;
	font-weight: 400;
	font-size: 1.1em;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
}

.zpm_taskbar_tasks a,
.zpm_taskbar_tasks a:focus,
.zpm_taskbar_tasks a:active {
	user-select: none;
	box-shadow: none;
}

.zpm_taskbar_tasks li {
	position: relative;
}

.zpm_taskbar_link:hover {
	color: #14aaf5;
	user-select: none;
}

.zpm_avatar_image {
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
	-webkit-animation: none;
}

.zpm_avatar_image:hover .zpm_avatar_background {
	animation: pulse .3s forwards;
}

.zpm_image_container {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.zpm_avatar_background,
.zpm_avatar_image {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 13px;
	width: 40px;
	text-align: center;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.zpm_avatar_background {
	background: #ddd;
}

.zpm_image_container:hover .zpm_avatar_background,
.zpm_avatar_container:hover .zpm_avatar_background {
	animation: pulse .3s forwards;
}

@keyframes pulse {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.2);
	}
}

.zpm_divider_label {
	color: #656565 !important;
}

.zpm-image-attachment-preview {
	max-width: 300px;
}

.zpm_top_bar {
	border-bottom: 1px solid #e9e9e9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_header_text {
	text-align: center;
	color: #555;
}

#zpm_container {
	position: relative;
	width: 80%;
	margin: 20px auto;
}

.zpm_body {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_user_email {
	float: right;
	padding-right: 76px !important;
}

/* Checkbox/toggle styles */

.zpm_toggle {
	margin: 0;
	margin-top: -10px;
	padding: 0;
	height: 10px;
}

.zpm_toggle div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zpm_toggle input[type="checkbox"] {
	display: none;
}

.zpm_toggle input[type="checkbox"]+label div {
	margin-left: -5px;
}

.zpm_toggle input[type="checkbox"]:checked+label {
	border-color: #14aaf5;
	background: #14aaf5;
	box-shadow: inset 0 0 0 20px #14aaf5;
}

.zpm_toggle input[type="checkbox"]:checked+label div {
	margin-left: 5px;
}

.zpm_toggle label {
	transition: all .2s ease-in-out;
	display: inline-block;
	position: relative;
	background: #c6d5dd;
	box-shadow: inset 0 0 0 0 #14aaf5;
	border: 2px solid #c6d5dd;
	border-radius: 10px;
	width: 25px;
	height: 15px;
	user-select: none;
}

.zpm_toggle label:hover {
	cursor: pointer
}

.zpm_toggle label div {
	transition: all .2s ease-in-out;
	background: #fff;
	width: 13px;
	height: 13px;
	border-radius: 50%;
}

/* Button Styles */

.zpm_settings_wrap .button-primary {
	text-shadow: none;
	border: none;
	box-shadow: none;
	background: #14aaf5;
	margin: 0 4px;
	transition: all .2s ease-in-out;
	transform: translateY(0) !important;
	user-select: none;
}

.zpm_settings_notification {
	display: inline-block;
}

.zpm_settings_notification div {
	display: inline-block;
}

.zpm_settings_notification .zpm_toggle {
	margin-left: 15px !important;
	margin-right: 5px !important;
}

.zpm_settings_notification .zpm_toggle:first-of-type {
	margin-left: 0 !important;
}

.zpm_settings_notification {
	margin-right: 15px !important;
}

.zpm_settings_wrap .button-primary:hover,
.zpm_settings_wrap .button-primary:focus,
.zpm_settings_wrap .button-primary:active {
	background-color: #008ce3;
	box-shadow: none;
}

.zpm-secondary-button {
	text-shadow: none !important;
	border: 1px solid #e9e9e9 !important;
	box-shadow: none !important;
	background: #fff !important;
	margin: 0 4px !important;
	transition: all .2s ease-in-out !important;
	transform: translateY(0) !important;
	user-select: none !important;
	color: #9e9e9e !important;
}

.zpm-secondary-button:hover {
	background: #f7f7f7 !important;
	color: #444 !important;
	border-color: #656565 !important;
}

.zpm-secondary-button:hover,
.zpm-secondary-button:focus,
.zpm-secondary-button:active {
	background-color: #008ce3;
	box-shadow: none;
}

.zpm_loading_button {
	display: inline-block;
	padding: 4px;
	text-align: center;
	animation: zpm_spin 2s linear infinite;
}

.zpm_spin {
	display: inline-block;
	transform-origin: center;
	text-align: center;
	animation: zpm_spin 2s linear infinite;
}

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

/* Dropdown menu */

.zpm_dropdown_menu {
	display: none;
	margin-top: 10px;
	background: #fff;
	padding: 10px 0px;
	top: 27px;
	width: 200px;
	min-height: 38px;
	height: auto;
	position: absolute;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_dropdown_menu.active {
	display: block;
	animation: slide_in .2s forwards;
	transition: all .2s ease;
}

.zpm_dropdown_item {
	display: block !important;
	position: relative;
	margin: 0;
	padding: 10px !important;
}

.zpm_dropdown_item:hover {
	background: #14aaf5;
	cursor: pointer;
}

.zpm_dropdown_item:hover a {
	color: #fff;
}

/* Form styles */

.zpm_body input[type="text"] {
	border: 1px solid #e9e9e9;
	box-shadow: none;
	border-radius: 2px;
	padding: 7px 10px;
}

.zpm_body input[type="text"]:hover {
	border: 1px solid #e1e1e1;
}

.zpm_body input[type="text"]:focus,
input:active {
	border: 1px solid #bbb;
}

#zpm_project_color {
	height: 25px;
	width: 100px;
}

.zpm_project_container,
.zpm_task_container {
	width: 100%;
}

.zpm_project_list_row,
.zpm_task_list_row {
	position: relative;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 10px;
	border-color: #f7f7f7;
	transition: all .1s ease-in-out;
}

.zpm_project_list_row:first-of-type,
.zpm_task_list_row:first-of-type {
	border-top: 1px solid #f2f2f2;
}

.zpm_project_list_row:last-of-type,
.zpm_task_list_row:last-of-type {
	border-bottom-color: transparent;
}

.zpm_project_list_row:after,
.zpm_task_list_row:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	background-color: #f7f7f7;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.zpm_project_list_row.disabled:after,
.zpm_task_list_row.disabled:after {
	width: 100%;
	height: 100%;
	opacity: .8;
}

.zpm_task_list_row:hover {
	background: #f8f8f8;
	border-color: #ccc;
}

/*.zpm_project_list_row.completed,
.zpm_task_list_row.completed {
	background-color: #0bda71;
	opacity: .8;
	color: #fff;
}

.zpm_project_list_row.completed span,
.zpm_task_list_row.completed span {
	color: #fff;
}*/

.zpm_project_list_data,
.zpm_task_list_data {
	display: inline-block;
	width: 20%;
}

.zpm_project_options,
.zpm_task_options {
	text-align: center;
}

.zpm_options_button {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	line-height: 30px;
	border-radius: 50%;
	padding: 4px;
	cursor: pointer;
	color: #aaa;
	border: 1px solid #f2f2f2;
	transition: all .2s ease-in-out;
	position: relative;
}

.zpm_options_button:hover {
	background: #f7f7f7;
	border-color: #e7e7e7;
	color: #555
}

/* Project list: options button dropdown list */

#zpm_container .zpm_dropdown_menu {
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	z-index: 10;
	padding: 0;
	right: -9px;
}

#zpm_container .zpm_dropdown_item {
	user-select: none;
	color: #848f99;
}

#zpm_container .zpm_dropdown_item:hover {
	color: #fff;
}

/* System Notifications */

#zpm_system_notification {
	background: #14aaf5;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 999999;
	padding: 5px 10px;
	border-radius: 3px;
	color: #fff;
	animation: slide_in .3s forwards;
}

@keyframes zpm_fade_in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.project_option.completed.disabled:hover,
.task_option.completed.disabled:hover {
	background: #b5c6d5;
}

.zpm_color_label {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	text-align: center;
	padding: 1px;
	color: #fff;
}

/* Task - Project Label */

.zpm_task_project_label {
	color: #fff;
	padding: 2px 7px;
	border-radius: 10px;
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	display: inline-block;
	transition: all .2s ease-in-out;
	max-width: 75px;
	overflow: hidden;
	font-weight: 400;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zpm_task_project_label:hover {
	cursor: pointer;
}

/* Project List Styles */

.zpm_project_list_data,
.zpm_task_list_data {
	width: 19%;
}

.zpm_project_grid {
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.zpm_project_grid_cell {
	padding: 8px;
	display: inline-block;
	width: calc(100%/3);
	box-sizing: border-box;
}

.zpm_project_grid_row {
	width: 100%;
	position: relative;
	display: table-cell;
	display: inline-block;
	height: 300px;
	vertical-align: bottom;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_project_title {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
	padding: 10px 15px;
	min-height: 50px;
}

.zpm_project_grid_options {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.zpm_project_grid_options i {
	color: #656565;
	font-size: 15px;
	width: 100%;
	height: 100%;
	transition: all .2s ease-in-out;
}

.zpm_project_grid_options:hover {
	border-color: #656565;
}

.zpm_project_grid_options:hover i {
	color: #656565;
}

.zpm_project_body {
	padding: 10px 15px;
}

.zpm_project_grid_row .zpm_avatar_background {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}

.zpm_project_grid_row .zpm_avatar_image {
	position: relative;
	left: 0;
	top: 0;
}

.zpm_project_grid_row .zpm_project_grid_member {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.zpm_project_grid_row .zpm_project_avatar {
	padding: 10px;
	padding-left: 10px;
	position: relative !important;
}

.zpm_project_grid_row .zpm_avatar_background {
	position: relative !important;
	margin: 0 6px !important;
	cursor: pointer;
}

.zpm_project_grid_row .zpm_avatar_image {
	position: absolute !important;
	left: 6px !important;
}

.zpm_project_grid_member {
	border-top: 1px solid #ddd;
	max-height: 70px;
	max-height: 70px;
	min-height: 70px;
	overflow-y: auto;
}

.zpm_project_grid_row .zpm_avatar_container {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
}

.zpm_friendly_notice {
	color: #656565;
}

.zpm_project_grid_options_icon {
	pointer-events: none;
}

.zpm_project_categories {
	position: absolute;
	bottom: 75px;
	right: 0;
	padding: 0 10px;
}

/* Category page styles */

.zpm_category_cell {
	width: 49%;
	display: inline-block;
}

.zpm_category_row {
	position: relative;
	margin: 10px 0;
	cursor: pointer;
}

.zpm_category_color {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.zpm_category_color:hover {
	transform: translateY(-1px);
}

#zpm_category_add_new {
	margin-top: 5px;
	float: right;
}

/* Category editor */

.zpm_category_creator,
.zpm_category_editor {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	min-height: 300px;
}

.zpm_category_display {
	display: inline-block;
	vertical-align: top;
	min-height: 53px;
}

.zpm_hidden {
	display: none;
}

/* Color picker styles */

.zephyr-project-manager .wp-picker-input-wrap {
	position: absolute;
}

.zephyr-project-manager .wp-picker-holder {
	position: absolute;
	z-index: 100;
}

/* General settings styles */

.zpm_user_row,
.zpm_category_row {
	margin: 7px 0;
}

.zpm_category_display .tab-pane {
	padding: 0 !important;
}

.zpm_category_display .zpm_category_row {
	transition: background .1s ease-in-out;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 10px 10px;
	margin: 0;
	border-bottom-color: #f7f7f7;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 34px;
}

.zpm_category_list_info,
.zpm_task_list_info {
	padding: 0 10px;
}

.zpm_category_header {
	padding: 0 10px;
	font-weight: 500;
}

.zpm_category_display .zpm_category_row:hover {
	background: #f7f7f7;
	border-color: #eee;
}

.zpm_user_row .zpm_toggle,
.zpm_category_row .zpm_toggle {
	display: inline-block;
}

.zpm_user_name,
.zpm_category_name {
	display: inline-block;
}

.zpm_category_option_button {
	border: none !important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent !important;
	z-index: 100;
}

.zpm_category_option_icon {
	pointer-events: none;
}

.zpm_project_grid .zpm_export_dropdown {
	left: -256px;
	right: unset;
	border: 1px solid #eee;
}

/* Datepicker UI styles */
.ui-datepicker {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #eee;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	padding: 0;
}

.ui-datepicker .ui-widget-header {
	border-radius: 3px 3px 0 0;
	background: #14aaf5;
	color: #fff;
	border: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
	display: none;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background-image: none;
	border: 1px solid transparent;
	background: transparent;
	font-weight: normal;
	cursor: pointer;
	transform: translateY(1px);
	font-size: 13px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	color: #656565 !important;
}

.ui-datepicker .ui-state-default {
	background: #fff !important;
	border: 1px solid #eee !important;
	color: #656565 !important;
	border-radius: 2px !important;
	text-align: center !important;
}

.ui-datepicker .ui-state-default:hover {
	background-color: #14aaf5 !important;
	color: #fff !important;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker-current-day {
	background-color: #14aaf5 !important;
	color: #fff !important;
}

.ui-datepicker .ui-state-default:focus,
.ui-datepicker .ui-state-default:active {
	user-select: none !important;
	outline: none !important;
	box-shadow: none !important;
}

#myChart {
	width: 1000px;
	height: 1000px;
}

.ui-datepicker-header {
	background: #fff;
	color: #555;
	font-weight: normal;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

.ui-datepicker-calendar th span {
	font-weight: normal;
}

.ui-datepicker .ui-state-default {
	border: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	display: block;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	border: none;
	color: #333;
}

.ui-datepicker .ui-state-hover .ui-icon {
	background-image: none;
}

.ui-datepicker .ui-state-hover .ui-icon:hover {
	background-image: url(images/ui-icons_222222_256x240.png);
}

.zephyr-project-manager_page_zephyr_project_manager_tasks #zpm_container {
	width: 90%;
}

.zpm_options_button i {
	pointer-events: none;
}

.zpm_task_list {
	cursor: pointer;
}

#zpm_task_list_container {
	width: calc(60% - 10px);
	vertical-align: top;
	height: auto;
	color: #aaa !important;
}

#zpm_task_view_container {
	width: calc(40% - 10px);
	vertical-align: top;
	min-height: 350px;
	height: 100%;
	position: relative;
}

#zpm_task_view_container .zpm_modal_task_name {
	text-align: left;
}

#zpm_task_view_container .tab-pane {
	padding: 0;
}

.zpm_task_viewer_description {
	padding: 0 10px;
	word-wrap: break-word;
}

.zpm_task_viewer_header {
	padding: 0 10px;
}

.zpm_chat_box_section {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #f1f1f1;
	background: #f8f8f8;
}

.zpm_chat_box_section textarea {
	width: 100%;
	resize: none;
	min-height: 170px;
	transition: all .1s ease-in-out;
	border-color: transparent;
	box-shadow: none;
	padding: 10px;
}

.zpm_chat_box_section textarea:active,
.zpm_chat_box_section textarea:focus {
	outline: none;
	box-shadow: none;
	border-color: transparent;
}

.zpm_chat_box_footer {
	padding: 10px;
	border-top: 1px solid #eee;
	background: #f7f7f7;
	text-align: right;
}

.zpm_chat_box {
	border-radius: 3px;
	border: 1px solid #eee;
	transition: all .1s ease-in-out;
}

.zpm_chat_box:hover {
	border-color: #ccc;
}

#zpm_modal_add_project {
	padding: 5px 10px;
	height: auto;
}

.zpm-modal .zpm_chat_box_section {
	position: fixed;
	z-index: 999;
	background: #fff;
	width: 100%;
	border: none;
	left: 0;
	padding: 0;
	padding-left: 10px;
	padding-top: 5px;
	border-top: 1px solid #eee;
}

.zpm-modal #zpm_chat_message {
	min-height: 20px;
	padding-right: 100px;
}

.zpm-modal .zpm_chat_box {
	border: none;
}

.zpm-modal .zpm_chat_box_footer {
	background: none;
	text-align: left;
	border: none;
}

.zpm-modal .zpm_comment_attachment {
	display: inline-block;
	height: 7px;
	line-height: 7px;
	font-size: 10px;
	max-width: 26%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 5px;
}

.zpm-modal#zpm_chat_attachments {
	position: absolute;
	bottom: 0;
	padding: 0;
	max-height: 25px;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zpm-modal .zpm_comment_user_text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 88%;
}

#zpm_task_following {
	position: fixed !important;
	bottom: 20px;
	left: 20px;
}

.zpm_message_action_buttons {
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 0px;
}

.zpm_message_action_buttons .zpm_button {
	border-radius: 50% !important;
	height: 35px;
	width: 35px;
	position: relative;
}

#zpm_edit_task_container {
	width: calc(40% - 10px);
	vertical-align: top;
	min-height: 350px;
	height: calc(100vh - 200px);
}

#zpm_add_task_container {
	width: calc(40% - 10px);
	vertical-align: top;
	min-height: 350px;
	height: calc(100vh - 200px);
}

#zpm_task_list_container .tab-pane {
	padding: 0;
}

.zpm_task_list_data.zpm_task_options {
	float: right;
}

.zpm_task_list_data .zpm_options_button {
	border: none;
	background: none;
	top: -4px;
}

#zpm_task_container .zpm-tab-content {
	width: 100%;
	height: 100%;
}

/*
* Calendar Styles
* These styles are for the calendar and the Calendar page
*/

#zpm_calendar .fc-button {
	box-shadow: none !important;
	border-radius: 1px solid #fff !important;
	background: #14aaf5 !important;
	color: #fff !important;
	transition: all .15s ease !important;
}

#zpm_calendar .fc-button:active,
.fc-button:focus {
	outline: none !important;
}

#zpm_calendar .fc-button-group {
	border: none !important;
}

#zpm_calendar .fc-button:hover {
	background-color: #008ce3 !important;
}

#zpm_calendar .fc-event-container {
	padding: 2px !important;
}

#zpm_calendar .fc-today {
	background: #f7f7f7 !important;
	border-color: #ddd !important;
}

#zpm_calendar .fc-day-grid-event {
	background: #14aaf5 !important;
	border: none !important;
	padding: 4px 7px !important;
	transition: all .15s ease !important;
	cursor: pointer;
}

#zpm_calendar .fc-month-view .fc-widget-content {
	padding: 0 !important;
}

#zpm_calendar .fc-agendaWeek-view .fc-widget-content {
	padding: 0 7px !important;
}

#zpm_calendar .fc-head-container {
	padding: 0 !important;
}

#zpm_calendar .fc-month-view .fc-head-container th {
	padding: 7px !important;
}

#zpm_calendar .fc-agendaWeek-view .fc-head-container th {
	padding: 7px 10px !important;
}

#zpm_calendar .fc-day-grid-event:hover {
	background: #008ce3 !important;
}

#zpm_calendar .fc-day-grid-event.completed {
	background-color: #0bda71 !important;
	transition: all .15s ease !important;
}

#zpm_calendar .fc-day-grid-event.completed:hover {
	background-color: #43E392 !important;
}

#zpm_calendar .fc-event-container a:hover,
#zpm_calendar .fc-event-container a:active,
#zpm_calendar .fc-event-container a:focus,
#zpm_calendar .fc-event-container a:visited {
	outline: none;
	border: none;
	box-shadow: 0px 0px 0px 2px rgba(0, 10, 255, .3);
}

#zpm_calendar .fc-event-container a.completed {
	box-shadow: 0px 0px 0px 0px rgba(0, 255, 50, .3);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#zpm_calendar .fc-event-container a.completed:hover,
#zpm_calendar .fc-event-container a.completed:active,
#zpm_calendar .fc-event-container a.completed:focus,
#zpm_calendar .fc-event-container a:visited {
	box-shadow: 0px 0px 0px 2px rgba(0, 255, 50, .3);
}

/*
*
* Settings page styles
* Styles for the Settings page
*
*/

.zpm_profile_picture_upload {
	width: 40px;
	height: 40px;
	border: 2px dashed #eee;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	line-height: 35px;
	font-size: 25px;
	color: #ddd;
	transition: all .15s ease;
	display: inline-block;
}

.zpm_profile_picture_upload:hover {
	border-color: #ddd;
	color: #aaa;
}

.zpm_settings_description {
	display: inline-block;
}

.zpm_settings_profile_picture {
	height: 50px;
	width: 50px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.zpm_settings_profile_background {
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	background: #ddd;
	position: absolute;
}

.zpm_settings_profile_image {
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
}

.zpm_settings_profile_picture:hover .zpm_settings_profile_background {
	animation: .3s pulse forwards;
}

/* Modal Styles */
#zpm_modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 9999;
	display: block;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease;
	overflow: hidden;
}

#zpm_modal.active {
	opacity: 1;
	pointer-events: all;
}

.zpm_modal_content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #656565;
	width: 50%;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	padding-bottom: 20px;
	box-shadow: none;
	box-sizing: border-box;
	overflow: visible;
	height: 250px;
	max-height: 250px;
	overflow-x: hidden;
	border-bottom: 1px solid #f7f7f7;
	background: #fff;
	border: none;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

@keyframes slide_in {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes slide_out {
	0% {
		opacity: 0;
		transform: translateY(0px);
	}

	100% {
		opacity: 1;
		transform: translateY(-10px);
	}
}

.zpm_modal_header {
	position: relative;
}

.zpm_modal_title {
	margin-top: 0;
	padding: 10px;
	color: #eee;
	display: inline-block;
	margin-bottom: 0;
}

.zpm_modal_header .close {
	color: #eee;
	transition: all .15s ease;
	top: 40%;
	transform: translateY(-50%);
	position: absolute;
	right: 10px;
	font-size: 20px;
	user-select: none;
}

.zpm_modal_header .close:hover {
	color: #fff;
}

.zpm_modal_body {
	padding: 0 10px;
}

.zpm_modal_footer p {
	margin: 0;
	padding: 11px 0;
}

/* Clean Style */

.zpm_modal_clean .zpm_modal_header {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.zpm_modal_clean .zpm_modal_title {
	color: #333;
	font-weight: normal;
}

.zpm_modal_clean .zpm_modal_header .close {
	color: #333;
}

.zpm_modal_clean .zpm_modal_header .close:hover {
	color: #000;
}

.zpm_modal_avatar_container {
	width: 100px;
	height: 100px;
}

.zpm_modal_avatar {
	background-size: cover;
}

.zpm_modal_body {
	padding: 10px;
}

.zpm_modal_description {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.zpm_modal_avatar_container {
	display: inline-block;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 15px;
}

.zpm_modal_body h4 {
	margin: 0;
}

.zpm_modal_body p {
	margin: 0;
}

#zpm_chat_message {
	background-color: #fff;
	padding: 10px;
	min-height: 150px;
	max-height: 150px;
	overflow-y: auto;
	cursor: text;
}

.zpm_attachment {
	display: block;
	background: #f7f7f7;
	border: 1px solid #eee;
	padding: 2px 10px;
	margin: 3px 0;
}

[contenteditable=true]:empty:before {
	content: attr(placeholder);
	display: block;
	/* For Firefox */
	color: #656565;
}

.zpm_comment {
	padding: 7px 0;
	border-bottom: 1px solid #f7f7f7;
}

.zpm_attachment {
	padding: 0;
	background: none;
	border: none;
}

.zpm_comment_from {
	color: #aaa;
}

.zpm_file_item {
	min-height: 50px;
	border: 1px solid #eee;
	margin: 10px 0;
	padding: 10px;
}

.zpm_file_image {
	display: block;
	height: 100px;
	width: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 7px;
}

.zpm_file_item button {
	margin: 0 !important;
	width: 100px !important;
}

.zpm_file_type {
	width: 100px;
	height: 100px;
	border: 1px solid #eee;
	border-radius: 2px;
	text-align: center;
	line-height: 100px;
	font-size: 20px;
	margin-bottom: 7px;
}

.zpm_file_type {
	position: relative;
}

.zpm_file_image {
	position: relative;
}

@keyframes fade-in {
	0% {
		-webkit-opacity: 0;
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		-webkit-opacity: 0.8;
		-webkit-opacity: 0.8;
		opacity: 0.8;
		transform: translate(-50%, 0);
	}
}

.zpm_task_viewer_container {
	margin-bottom: 188px;
	overflow-y: auto;
	max-height: 500px;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.zpm_attachment_preview {
	width: 100px;
	height: 100px;
	display: inline-block;
	background-size: cover;
}

#zpm_file_page .zpm_file_item_container {
	display: inline-block;
	width: 20%;
	margin: 0;
	vertical-align: top;
	height: 200px;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
	transition: all .15s ease-in-out;
}

#zpm_file_page .zpm_file_item {
	display: inline-block;
	width: 100%;
	margin: 0;
	vertical-align: top;
	height: 100%;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
	transition: all .15s ease-in-out;
}

#zpm_file_page .zpm_file_item:hover {
	-webkit-box-shadow: 0px 11px 19px -5px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 11px 19px -5px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 11px 19px -5px rgba(0, 0, 0, 0.07);
}

.zpm_file_item h4 {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #f5f5f5;
	max-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.zpm_file_image {
	display: block;
}

.zpm_file_item {
	padding: 0;
}

.zpm_file_preview {
	padding: 10px;
	text-align: center;
}

.zpm_file_type,
.zpm_file_image {
	margin: 0 auto;
}

.zpm_file_item button {
	margin: 0 auto !important;
	display: block !important;
}

.zpm_task_viewer_container {
	min-height: 400px;
}

.zpm_floating_notification {
	z-index: 999999;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: #14aaf5;
	color: #fff;
	padding: 7px 15px;
	border-radius: 3px;
	transition: all .2s ease;
	animation: .6s floating_notification_slide_in forwards;
}

.zpm_floating_notification.dismissed {
	animation: .6s floating_notification_slide_out forwards;
	display: none;
}

@keyframes floating_notification_slide_in {
	0% {
		opacity: 0;
		transform: translateY(150%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes floating_notification_slide_out {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(150%);
		display: none !important;
	}
}

.zpm_floating_notification_button {
	display: block;
	margin: 7px 0;
	border: none;
	background: none;
	color: #fff;
	border-radius: 2px;
	padding: 5px 7px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
}

.zpm_floating_notification_button:hover {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10), 0 1px 4px rgba(0, 0, 0, 0.10);
}

@keyframes slide_in {
	0% {
		transform: translateY(-15px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.zpm_task_list_data {
	vertical-align: top;
	display: inline-block;
	height: 100%;
}

.zpm_task_list_row {
	height: 20px;
}

.zpm_options_button {
	vertical-align: top;
	height: 100%;
	line-height: 20px;
}

.zpm_task_list .zpm_task_options {
	width: 50px;
}

.zpm_task_list_row:hover {
	border-color: #f7f7f7;
	background: #f9f9f9;
}

.zpm_task_list_row {
	transition: background .15s ease-in-out;
}

.zpm_file_item {
	height: 160px !important;
}

.zpm_file_item h4 {
	border: none;
	border-top: 1px solid #eee;
	transition: background .2s ease, color .1s ease;
	height: 39px !important;
}

#zpm_add_new_btn {
	background: #14aaf5;
	color: #fff;
	border: none;
	text-align: center;
	border-radius: 50%;
	width: 50px;
	line-height: 20px;
	height: 50px;
	font-size: 20px;
	cursor: pointer;
	transition: all .2s ease;
	position: absolute;
	right: 20px;
	bottom: 0;
	transform: translateY(50%);
	user-select: none;
	outline: none;
}

#zpm_add_new_btn.active {
	background: #355d71;
}

#zpm_add_new_btn img {
	transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
	transform: rotate(0deg);
}

#zpm_add_new_btn.active img {
	transform: rotate(-135deg);
}

.zpm_modal_background {
	position: fixed;
	pointer-events: none;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	transition: all .2s ease;
}

.zpm_modal_background.active {
	pointer-events: all;
	animation: .2s zpm-fade-in forwards;
}

.zpm-modal {
	position: fixed !important;
	display: block !important;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	left: 50% !important;
	top: 50% !important;
	z-index: 99999 !important;
	overflow: hidden;
	text-align: center;
	min-height: 500px;
	min-width: 500px;
	border-radius: 3px;
	transform: translate(-50%, -50%) !important;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	transition: all .2s ease-in-out;
	animation-direction: reverse;
	border-radius: 2px;
}

.zpm-modal.active {
	opacity: 1;
	pointer-events: all;
	animation: .2s zpm-drop-in forwards;
}

@keyframes zpm-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: .3;
	}
}

@keyframes zpm-drop-in {
	0% {
		transform: translate(-50%, -52%);
	}

	100% {
		transform: translate(-50%, -50%);
	}
}

#zpm_project_modal {
	width: 80%;
	height: auto;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}

.zpm_modal_body h3 {
	text-align: center;
	color: #555;
}

.zpm_close_modal {
	position: absolute;
	right: 20px;
	top: 20px;
}

.zpm_modal_body {
	overflow: hidden;
}

.zpm_col_container {
	width: 100%;
	box-sizing: border-box;
}

.zpm_modal_item {
	box-sizing: border-box;
	width: calc(100% / 2);
	display: inline-block;
	text-align: center;
	padding: 10px;
}

.zpm_close_modal {
	font-size: 25px;
	transform: rotate(-45deg);
	cursor: pointer;
}

.zpm_modal_body h2 {
	font-size: 11px;
	text-transform: uppercase;
	color: #656565;
	text-align: center;
	margin-bottom: 0;
}

.zpm_modal_body h3 {
	margin-top: 5px;
}

.zpm_modal_body .title {
	margin-top: 10px;
}

.zpm_modal_body .description {
	margin-bottom: 10px;
}

.zpm_modal_body button {
	background: #14aaf5 !important;
	border: none !important;
	color: #fff !important;
}

.zpm_modal_item {
	height: 100%;
	transition: all .2s ease;
	vertical-align: top;
}

.zpm_modal_item:hover {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
}

.zpm-modal .zpm_project_name_input {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	margin-bottom: 20px;
	border: none;
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 10px;
	outline: none;
	color: #555;
}

.zpm-modal .zpm_project_name_input::placeholder {
	color: #656565;
}

.zpm_modal_button {
	font-size: 13px;
	box-sizing: border-box !important;
	border-radius: 2px !important;
}

.zephyr-project-manager_page_zephyr_project_manager_projects .zpm_body {
	border: none;
	padding: 20px;
	background: #fff !important;
}

.zpm_body h3 {
	font-size: 14px;
	color: #656565;
	margin-top: 0;
}

.zpm_project_options {
	position: absolute;
	right: 20px;
	top: 25px;
}

.zpm_project_title.project_name {
	line-height: 25px;
}

.zpm_circle_option_btn {
	width: 35px;
	height: 35px;
	border: 1px solid #656565;
	display: inline-block;
	border-radius: 50%;
	margin: 0 3px;
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	color: #656565;
	position: relative;
	padding: 4px;
}

.zpm_body {
	position: relative;
}

.zpm_circle_option_btn div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zpm_circle_option_btn:hover {
	color: #000;
	border-color: #aaa;
}

.zpm_circle_option_btn {
	width: 25px;
	height: 25px;
	font-size: 15px;
	margin: 0 2px;
}

.zpm_modal_buttons {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.zpm_project_title:hover {
	background: linear-gradient(45deg, #147be2 0%, #14aaf5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#147be2', endColorstr='#14aaf5', GradientType=1);
	color: #333;
	cursor: pointer;
}

.zpm_modal_top {
	margin-left: 20px;
}

#zpm_task_view .zpm_main_checkbox {
	margin-left: 3px;
}

#zpm_task_view .zpm_main_checkbox path {
	stroke: #ddd;
}

.zpm_checkbox_label {
	user-select: none;
	cursor: pointer;
	margin-bottom: 0;
}

.zpm_checkbox_label input:checked+.zpm_main_checkbox {
	border-color: #20C2E0;
}

.zpm_checkbox_label input:checked+.zpm_main_checkbox svg path {
	fill: #20C2E0 !important;
	stroke: #20C2E0 !important;
}

.zpm_checkbox_label input:checked+.zpm_main_checkbox svg polyline {
	stroke-dashoffset: 0;
}

.zpm_checkbox_label svg path {
	stroke-dashoffset: 0;
}

.zpm_checkbox_label:hover .zpm_main_checkbox svg path {
	stroke-dashoffset: 0;
}

.zpm_checkbox_label .zpm_main_checkbox {
	position: relative;
	top: 2px;
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
}

.zpm_checkbox_label .zpm_main_checkbox svg {
	position: absolute;
	top: -2px;
	left: -2px;
}

.zpm_checkbox_label .zpm_main_checkbox svg path {
	fill: none;
	stroke: #eee;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 71px;
	stroke-dashoffset: 0;
	transition: all 0.6s ease;
}

.zpm_checkbox_label .zpm_main_checkbox svg polyline {
	fill: none;
	stroke: #FFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	transition: all 0.3s ease;
}

.zpm_checkbox_label>span {
	pointer-events: none;
	vertical-align: middle;
}

.invisible {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	opacity: 0;
}

div.zpm_main_checkbox {
	border: none;
}

.zpm-modal .zpm_project_name_input,
.zpm-modal .zpm_project_name_input:active,
.zpm-moda .zpm_project_name_input:focus {
	border: none;
	outline: none;
	box-shadow: none;
	border-bottom: 1px solid #eee;
}

#zpm_edit_project_description {
	display: block;
	max-width: 400px;
	width: 100%;
	resize: vertical;
}

#zpm_edit_project_name {
	margin-bottom: 10px;
	width: max-content;
}

#zpm_project_editor {
	padding: 0;
}

#zpm_projects_holder {
	background: transparent !important;
	box-shadow: none !important;
	border: none;
	padding: 0;
}

#zpm_projects_holder .zpm_project_grid_cell {
	padding: 10px;
}

.zpm_checkbox_label input {
	display: none !important;
}

.zpm_body {
	border: 1px solid #eee;
}

.zpm_category_display h3,
.zpm_category_creator h3 {
	margin-left: 15px;
}

.zpm_dropdown_list {
	margin-bottom: 7px;
	margin-top: 7px;
}

.zpm_edit_project_user {
	border: 1px solid #eee;
	border-radius: 20px;
	color: #656565;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	margin: 0 3px;
	padding: 4px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: max-content;
}

.zpm_edit_project_user:hover {
	border-color: #aaa;
	color: #000;
}

.zpm_project_grid {
	box-sizing: border-box;
	width: 100%;
}

.zpm_project_grid_cell {
	box-sizing: border-box;
	width: calc(100%/3);
}

.zpm_project_item {
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_project_item:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.07);
}

.zpm_project_options {
	top: 18px;
}

.zpm_project_options span {
	vertical-align: top;
}

.zpm_project_title {
	color: #333;
	text-decoration: none;
}

.zpm_project_title:hover .zpm_project_grid_options_icon {
	color: #fff;
}

.zpm_project_title:hover {
	color: #fff;
	text-decoration: none;
}

.zpm_project_progress_bar_background {
	height: 5px;
	background: #eee;
	width: 100%;
}

.zpm_project_progress_bar {
	height: 5px;
	background: #1ef59b;
	width: 0;
	transition: all 3s ease-in-out;
}

#zpm_container {
	box-sizing: border-box;
	width: 80%;
}

#zpm_edit_task_comments .zpm_chat_box_section {
	position: relative;
}

#zpm_edit_task_comments h3,
#zpm-subtasks-tabpanel h3 {
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-bottom: 15px !important;
}

#zpm_task_editor {
	padding: 15px;
}

.zpm_body {
	box-sizing: border-box;
}

.zpm_project_item {
	position: relative;
}

.zpm_project_progress_bar_background {
	bottom: 0;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

article.zpm_body h3 {
	padding-left: 20px;
}

#zpm_notifcation_holder {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.zpm_floating_notification {
	position: relative;
	margin-bottom: 10px !important;
}

#zpm_new_task_assignee {
	border: 1px solid #eee;
	padding: 0 10px;
	width: 100%;
}

#zpm_new_task_assignee:focus,
#zpm_new_task_assignee:active {
	box-shadow: none;
	outline: none;
	user-select: none;
}

#zpm_new_task_description {
	box-shadow: none;
	min-height: 100px;
	padding: 15px 20px;
	width: 100%;
}

#zpm_new_task_due_date {
	padding: 5px 10px;
	width: 100%;
}

#zpm_new_task_due_date:focus,
#zpm_new_task_due_date:active {
	box-shadow: none;
	outline: none;
	user-select: none;
}

#zpm_new_task_project {
	border: 1px solid #eee;
	outline: none;
	padding: 0 10px;
	width: 100%;
}

#zpm_new_task_project:focus,
#zpm_new_task_project:active {
	box-shadow: none;
	outline: none;
	user-select: none;
}

#zpm_quicktask_date {
	height: 35px;
	margin: 0;
	margin-bottom: 10px;
	vertical-align: top;
	width: 100%;
}

#zpm_quicktask_description {
	margin-bottom: 7px;
	min-height: 70px;
	width: 100%;
}

#zpm_quicktask_name {
	height: 35px;
	margin-bottom: 10px;
	width: 100%;
}

#zpm_quickview_modal {
	max-width: 60%;
	width: 700px;
}

#zpm_quickview_modal .zpm_modal_body {
	height: 100%;
}

#zpm_quickview_modal .zpm_task_list {
	text-align: left;
}

.zpm-modal .zpm_task_list {
	padding-bottom: 40px;
}

.zpm-modal h3 input {
	border: none;
	border-bottom: 1px solid #eee;
	box-shadow: none;
	color: #555;
	display: inline-block;
	font-size: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
	outline: none;
	padding: 10px;
	text-align: center;
}

.zpm-modal h3 input::placeholder {
	color: #ccc;
}

.zpm_modal_actions {
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 15px;
	padding-left: 20px;
	position: relative;
	text-align: left;
}

.zpm_modal_body {
	overflow: visible;
}

.zpm_modal_buttons .zpm_button a {
	color: #fff;
	text-decoration: none;
}

.zpm_project_task_list {
	text-align: left;
	padding: 0 10px;
}

.zpm_project_task_list .zpm_task_complete {
	border: 1px solid;
	border-color: #14aaf5;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin: 0 15px;
	text-align: center;
	transition: all .13s ease-in-out;
	vertical-align: middle;
	width: 25px;
}

.zpm_project_task_list .zpm_task_complete.completed {
	background-color: #14aaf5;
}

.zpm_project_task_list .zpm_task_complete:hover {
	background-color: #14aaf5;
}

.zpm_project_task_list .zpm_task_complete:hover i,
.zpm_project_task_list .zpm_task_complete.completed i {
	color: #fff;
}

.zpm_project_task_list li {
	margin: 0;
	max-height: 25px;
	padding: 7px 0;
}

.zpm_project_task_list li:first-of-type {}

.zpm_project_title {
	user-select: none;
}

.zpm_project_title:focus,
.zpm_project_title:active {
	box-shadow: none;
	outline: none;
	user-select: none;
}

.zpm_quicktask_actions {
	text-align: right;
}

.zpm_quicktask_actions button {
	margin: 10px 0;
}

.zpm_quicktask_container {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 15px 15px 10px 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	width: 300px;
	top: 45px;
	left: 18px;
	z-index: 999 !important;
}

.zpm_quicktask_container.active {
	display: block;
}

.zpm_quicktask_select {
	height: 35px;
	margin: 0;
	vertical-align: top;
	width: 50%;
}

.zpm_task_complete i {
	color: #14aaf5;
}

button.zpm_button_outline {
	background: transparent !important;
	border: 1px solid #14aaf5 !important;
	color: #14aaf5 !important;
	cursor: pointer !important;
	font-weight: 500 !important;
	margin: 0 3px !important;
	padding: 7px 10px !important;
	transition: all .13s ease-in-out;
}

button.zpm_button_outline:hover {
	background: #14aaf5 !important;
	color: #fff !important;
}

.zpm_modal_button {
	transition: all .12s ease-in-out;
}

.zpm_modal_button:hover {
	background-color: #60bbe9;
}

.zpm_task_completed {
	color: #ccc;
	text-decoration: line-through;
}

.zpm_delete_task {
	float: right;
	font-size: 15px;
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	transition: all .15s ease-in-out;
	background: #aaa;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}

.zpm_project_task_list li:hover .zpm_delete_task {
	font-size: 15px;
	opacity: .6;
	pointer-events: all;
}

.zpm_task_loader {
	display: inline-block;
	width: 64px;
	height: 64px;
}

.zpm_task_loader:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #fff;
	opacity: .6;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.zpm_delete_task {
	background: #ccc;
	font-size: 18px;
	height: 20px;
	line-height: 16px;
	text-align: center;
	transform: rotateZ(-45deg);
	width: 20px;
}

.zpm_delete_task:hover {
	color: #fff;
}

.zpm_modal_actions {
	padding-left: 5px;
	padding-right: 5px;
}

.zpm_modal_actions button {
	font-weight: normal;
	letter-spacing: inherit;
	padding: 14px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: inherit;
}

.zpm_task_action {
	background: #656565;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.zpm_task_action i {
	color: #fff;
}

.zpm_task_complete .zpm_task_list_data {
	color: #ccc;
	text-decoration: line-through;
}

.zpm_task_list {
	max-height: 90vh;
	overflow: auto;
}

.zpm_task_list_row:hover {
	background: transparent;
}

.zpm_task_list_row:hover .zpm_task_options {
	opacity: .8;
}

.zpm_task_loader {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999999999;
}

.zpm_task_options {
	opacity: 0;
	transition: all .2s ease;
}

.zpm_modal_item .image {
	margin: 30px 0;
}

.image .zpm_selected_image {
	display: none;
}

.image.zpm_project_selected img {
	display: none;
}

.image.zpm_project_selected .zpm_selected_image {
	display: inline-block;
}

.zpm_modal_buttons button:active,
.zpm_modal_buttons button:focus {
	outline: none;
	box-shadow: none;
	transform: translate(0);
}

.zpm_validation_error {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -10px);
	background: #444;
	color: #fff;
	padding: 5px 10px;
	opacity: .85;
	border-radius: 2px;
	z-index: 888;
	animation: 2s zpm_fade_out forwards;
	transition: all .2s ease-in-out;
}

@keyframes zpm_fade_out {
	0% {
		opacity: .85;
	}

	50% {
		opacity: .85;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

.zpm_task_loader {
	transform: translate(-50%, -50%);
}

.zpm_modal_body {
	height: 100%;
}

#zpm_quickview_modal {
	height: 500px;
}

.zpm_modal_buttons button:active,
.zpm_modal_buttons button:focus {
	outline: none !important;
	box-shadow: none !important;
	transform: translateY(0) !important;
}

.zpm_modal_buttons a:active,
.zpm_modal_buttons a:focus {
	outline: none !important;
	box-shadow: none !important;
	transform: translateY(0) !important;
}

.zpm_modal_body button:hover {
	background: #54c1f7;
}

#zpm_new_task_name:active,
#zpm_new_task_name:focus {
	outline: none;
	box-shadow: none;
}

#zpm_create_task {
	max-width: 200px;
}

.zpm_quicktask_content input:focus,
.zpm_quicktask_content input:active,
.zpm_quicktask_content textarea:focus,
.zpm_quicktask_content textarea:active,
.zpm_quicktask_content select:focus,
.zpm_quicktask_content select:active {
	outline: none;
	box-shadow: none;
	border-color: #ccc;
}

.zpm_quicktask_content input,
.zpm_quicktask_content textarea,
.zpm_quicktask_content select {
	outline: none;
	box-shadow: none;
	padding: 5px 7px;
	border: 1px solid #eee;
	border-radius: 2px;
}

.zpm_quicktask_content input::placeholder,
.zpm_quicktask_content textarea::placeholder,
.zpm_quicktask_content select::placeholder {
	color: #ccc;
}

.zpm_select_dropdown {
	display: none;
	position: absolute;
	left: -1px;
	top: 100%;
	z-index: 999;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.zpm_dropdown {
	margin: 0 0;
	cursor: pointer;
}

.zpm_dropdown li {
	padding: 7px 10px;
	cursor: pointer;
	margin: 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.zpm_dropdown li:last-of-type {
	border-bottom: none;
}

.zpm_dropdown li:hover,
.zpm_dropdown li.selected {
	background: #14aaf5;
	color: #fff;
	border-color: #14aaf5;
}

.zpm_select_dropdown.active {
	display: block;
}

.zpm_select_trigger {
	border: 1px solid #eee;
	width: 49.5%;
	display: inline-block;
	padding: 5px 7px;
	border-radius: 2px;
	cursor: pointer;
	user-select: none;
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

.zpm_project_task_list li {
	padding-right: 20px;
}

.zpm_quicktask_content .zpm_select_trigger:first-of-type {
	margin-right: 1%;
}

.zpm_select_trigger.active {
	background: #eee;
	color: #aaa;
}

.zpm_quicktask_actions {
	margin-top: 10px;
}

#zpm_quickview_modal .zpm_modal_body {
	padding-left: 0;
	padding-right: 0;
}

div#ui-datepicker-div {
	z-index: 999999999 !important;
}

.ui-state-default {
	border: none !important;
}

.ui-datepicker-header {
	background: #14aaf5 !important;
	color: #fff !important;
}

#zpm_container {
	box-sizing: border-box;
	width: 80%;
}

#zpm_edit_project_start_date {
	margin-bottom: 12px;
}

#zpm_members .zpm_avatar_image {
	left: unset;
	position: relative;
	right: unset;
	top: unset;
}

#zpm_task_list_container {
	width: 100%;
}

#zpm_task_list_container h3 {
	display: inline-block;
	padding-left: 15px;
}

#zpm_task_view_container {
	height: 400px;
	position: fixed;
}

#zpm_user_info_modal {
	min-height: 300px;
}

#zpm_user_info_modal .zpm_modal_content {
	height: 100%;
	max-height: 100%;
	padding-top: 20px;
}

.zpm_button {
	background: #14aaf5;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 9px;
}

.zpm_button a {
	color: #fff;
	text-decoration: none;
}

.zpm_button:focus,
.zpm_button:active {
	box-shadow: none;
	outline: none;
	user-select: none;
}

.zpm_button:hover {
	background-color: #60bbe9 !important;
}

.zpm_button.disabled {
	background: #989898 !important;
}

.zpm_button.disabled:hover {
	background: #b1b1b1 !important;
}

.zpm_comment {
	padding-left: 15px;
}

.zpm_link {
	color: #14aaf5;
	text-decoration: none;
}

.zpm_link:focus,
.zpm_link:active {
	box-shadow: none;
	outline: none;
}

.zpm-modal.active {
	animation: .2s zpm-drop-in forwards;
	transform: translateX(-50%);
}

.zpm_modal_avatar {
	border-radius: 50%;
	display: inline-block;
	height: 60px;
	width: 60px;
}

.zpm_project_label {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	background: #eee;
	border-radius: 2px;
	color: #656565;
	padding: 5px 7px;
	transform: translateY(-50%);
}

.zpm_task_list_row .zpm_task_list_data {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 84%;
}

.zpm_team_member {
	border-bottom: 1px solid #f7f7f7;
	padding: 5px;
}

.zpm_team_member .zpm_avatar_image {}

.zpm_team_member span {
	margin-right: 10px;
	vertical-align: middle;
}

.zpm_team_member:last-of-type {
	border: none;
}

.zpm_user_role_tag {
	background: #eee;
	border-radius: 1px;
	color: #656565;
	display: inline-block;
	padding: 3px 5px;
}

.zpm_project_item {
	border-bottom: 0;
}

.zpm_modal_actions {
	padding: 15px;
}

.zpm_project_task_list {
	padding: 0 20px;
}

.zpm_back_button {
	text-decoration: none;
	color: #aaa;
	margin-right: 10px;
}

.zpm_back_button:hover {
	color: #656565;
}

.zpm_back_button:active,
.zpm_back_button:focus {
	outline: none;
	box-shadow: none;
}

.zpm_button_outline.saving:hover {
	background: #fff;
	color: #14aaf5;
}

.zpm_button_outline.saving {
	padding-right: 40px;
	text-align: left;
}

.zpm_button_outline:active,
.zpm_button_outline:focus {
	outline: none;
	box-shadow: none;
}

.zpm_button_outline {
	position: relative;
}

.zpm_spinner {
	display: inline-block;
	animation: zpm_spinner 2s infinite;
	transform-origin: center;
	line-height: 20px;
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 18px;
}

@-moz-keyframes zpm_spinner {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

@-webkit-keyframes zpm_spinner {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

@-ms-keyframes zpm_spinner {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

@-o-keyframes zpm_spinner {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

@keyframes zpm_spinner {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

.zpm_task_loader {
	top: 50%;
	transform: translate(-50%);
	z-index: 0;
}

#zpm_container {
	margin-top: 45px;
}

#zpm_edit_task_description {
	display: block;
}

#zpm_edit_task_due_date:active,
#zpm_edit_task_due_date:focus {
	box-shadow: none;
	outline: none;
}

#zpm_like_task_btn,
#zpm_like_project_btn {
	transition: background .12s ease-in-out, color .12s ease-in-out;
}

#zpm_like_task_btn.zpm_liked,
#zpm_like_project_btn.zpm_liked {
	background: #fe6a7d;
	border-color: #fe6a7d;
	color: #fff;
}

#zpm_task_editor.zpm_body input {
	display: block;
	margin: 0;
	max-width: 100%;
}

#zpm_task_list_container h3 {
	margin-top: 20px;
}

#zpm_user_info_modal .zpm_modal_body {
	padding-bottom: 0;
}

#zpm_user_info_modal .zpm_modal_content {
	background: #fff;
	border-bottom: 0;
}

.zpm_button_borderless:hover {
	font-weight: bold !important;
	letter-spacing: intitial !important;
}

.zpm_comment_content {
	margin: 5px 0;
}

.zpm_comment_time_diff {
	color: #656565;
}

.zpm_delete_task {
	color: #aaa;
	opacity: 1;
	transform: unset;
}

.zpm_modal_body {
	padding: 0;
}

.zpm_options_row {
	margin-bottom: 15px !important;
}

.zpm_options_row label {
	color: #656565;
	padding-bottom: 5px;
}

.zpm_project_task_list li {
	margin-right: 10px;
	padding-right: 5px;
	position: relative;
}

.zpm_project_task_list li:hover .zpm_task_list_options span {
	opacity: 1;
}

.zpm_task_list_options {
	opacity: 1;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.zpm_task_list_options span {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 50%;
	display: inline-block;
	float: right;
	margin: 0 2px;
	opacity: 0;
	padding: 3px;
	transition: opacity .15s ease-in-out;
}

.zpm_task_list_options span a {
	color: #aaa;
}

.zpm_task_list_options span:hover,
.zpm_task_list_options span:hover a {
	border-color: #ccc;
	color: #656565;
}

.zpm_view_task_icon {
	border: 1px solid #eee;
	border-radius: 50%;
	display: inline-block;
	float: right;
	padding: 3px;
}

.zpm_view_task_icon a {
	color: #ccc;
	text-decoration: none;
}

button.zpm_button_borderless {
	background: transparent !important;
	border: none !important;
	box-sizing: border-box !important;
	color: #14aaf5 !important;
	display: inline-block !important;
	width: 100px !important;
}

button.zpm_button_borderless:hover {
	background: transparent !important;
	border: none !important;
	color: #14aaf5 !important;
}

#zpm_create_task {
	overflow: visible;
}

#zpm_create_task div.zpm_modal_content {
	text-align: left !important;
	overflow: visible !important;
}

.chosen-container a:not(.search-choice-close) {
	background: transparent !important;
	border-radius: 1px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.chosen-results {
	padding: 0 !important;
	margin: 0 !important;
}

/*.zpm-modal.chosen-container {
    z-index: 99999 !important;
}*/

.chosen-container a:not(.search-choice-close):active,
.chosen-container a:not(.search-choice-close):focus {
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.chosen-container-active a {
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.chosen-container-active {
	box-sizing: border-box !important;
	display: inline-block !important;
}

#zpm_create_task .zpm_modal_content {
	padding: 24px !important;
}

.zpm_modal_row {
	display: flex !important;
	margin: 10px 0 !important;
}

.chosen-search input {
	border: 1px solid #eee !important;
}

.chosen-search input:active,
.chosen-search input:focus {
	border: 1px solid #ddd !important;
	outline: none !important;
	box-shadow: none !important;
}

.chosen-container ul.chosen-results li.highlighted {
	background-color: #14aaf5 !important;
	background-image: none !important;
}

.chosen-drop {
	border: 1px solid #eee !important;
	border-radius: 2px !important;
}

.chosen-single {
	height: 32px !important;
	line-height: 32px !important;
}

#zpm_create_task div.zpm_modal_content {
	background: #fff !important;
	height: 100% !important;
	max-height: 305px !important;
	overflow-x: hidden !important;
	overflow-y: overflow !important;
	padding-top: 0 !important;
}

#zpm_task_add_subtask {
	line-height: 20px !important;
	margin-top: 10px !important;
	padding: 7px !important;
	padding-left: 10px !important;
}

#zpm_task_add_subtask i {
	font-size: 15px !important;
	line-height: 20px !important;
}

#zpm_task_view_container .zpm_modal_content {
	border-top: 1px solid #f7f7f7 !important;
	padding: 0;
	text-align: left !important;
	border-top: none !important;
}

.zpm_delete_subtask_icon {
	cursor: pointer !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.zpm-modalh5 {
	color: #656565 !important;
	font-size: 13px !important;
	margin: 0 !important;
	margin-top: 10px !important;
	padding: 0 10px !important;
}

.zpm_modal_body h3 {
	margin: 10px;
}

.zpm_task_description {
	color: #656565;
}

.zpm_task_subtask {
	border-bottom: 1px solid #eee !important;
	display: block !important;
	margin: 2px 0 !important;
	position: relative !important;
	width: 100% !important;
}

.zpm_task_subtask input {
	border: none !important;
	box-shadow: none !important;
	padding: 5px 7px !important;
	width: 100% !important;
}

.zpm_task_subtask input::placeholder {
	color: #ddd !important;
}

.zpm_task_subtask:hover > .zpm-subtask-item--content .zpm_delete_subtask_icon {
	opacity: .5 !important;
	pointer-events: all !important;
}

.zpm_view_subtasks {
	padding: 0 30px !important;
	text-align: left !important;
}

.zpm_view_subtasks_heading {
	margin-top: 20px !important;
	padding: 0 30px !important;
	text-align: left !important;
}

#zpm_new_task_start_date {
	width: 50% !important;
	padding: 5px 10px !important;
}

#zpm_new_task_due_date {
	width: 50% !important;
	margin-left: 10px !important;
}

#zpm_create_task.zpm-modal input {
	font-size: 13px !important;
}

#zpm_create_task.zpm-modal h3 input {
	font-size: 18px !important;
}

.zpm-modal h3 input::placeholder {
	color: #eee !important;
}

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

#zpm_create_task.zpm-modal input:focus,
.zpm-modal input:active,
.zpm-modal textarea:focus,
.zpm-modal textarea:active {
	outline: none !important;
}

#zpm_new_task_description {
	padding: 7px 10px !important;
}

#zpm_create_task div.zpm_modal_content {
	padding-top: 15px !important;
	margin-bottom: 0 !important;
	max-height: 333px !important;
}

#zpm_new_task_name {
	margin-bottom: 0 !important;
}

.zpm_message_center {
	text-align: center !important;
}

#zpm_container h3 {
	margin-top: 15px !important;
}

.zpm_button a:active,
.zpm_button a:focus {
	outline: none !important;
	box-shadow: none !important;
}

.zpm_options_row label {
	display: block !important;
	margin-bottom: 2px !important;
}

#zpm_task_editor .zpm_options_row .chosen-container {
	margin: 0 !important;
	width: 38.6% !important;
}

.zpm_modal_options_btn {
	position: absolute !important;
	right: 20px;
	top: 20px !important;
	cursor: pointer !important;
	color: #aaa !important;
	transition: all .12s ease-in-out !important;
}

.zpm_modal_options_btn:hover {
	color: #656565 !important;
}

.zpm_close_modal {
	color: #aaa !important;
}

.zpm_close_modal:hover {
	color: #656565 !important;
}

.zpm_modal_dropdown {
	opacity: 0 !important;
	position: absolute !important;
	right: 0;
	width: max-content !important;
	text-align: left !important;
	background: #fff !important;
	border: 1px solid #eee !important;
	pointer-events: none !important;
}

.zpm_modal_dropdown.active {
	opacity: 1 !important;
	pointer-events: all !important;
}

.zpm_modal_list {
	margin: 10px 0 !important;
}

.zpm_modal_list li {
	padding: 6px 20px !important;
	margin: 0 !important;
	transition: all .12s ease-in-out !important;
}

.zpm_modal_list li:hover {
	background: #4ec0f9 !important;
	color: #fff !important;
}

.zpm_modal_content .zpm_copy_task_options {
	text-align: left !important;
	padding: 7px 40px !important;
}

#zpm_copy_task_modal {
	min-height: 440px !important;
}

#zpm_copy_task_modal .zpm_modal_content {
	border: none !important;
	background: #fff !important;
}

#zpm_create_task .zpm_modal_content {
	border: none !important;
}

#zpm_view_task_description {
	text-align: center !important;
	width: 100% !important;
}

.zpm_modal_content .zpm_convert_task_options {
	text-align: left !important;
	padding: 7px 40px !important;
}

#zpm_convert_task_modal {
	min-height: 300px !important;
}

#zpm_convert_task_modal .zpm_modal_content {
	border: none !important;
	background: #fff !important;
}

#zpm_download_json {
	cursor: pointer;
}

#zpm_export_task li:hover,
#zpm_import_task li:hover {
	color: #fff;
}

#zpm_export_task:hover .zpm_export_dropdown,
#zpm_import_task:hover .zpm_export_dropdown {
	display: block;
}

#zpm_export_task:hover li,
#zpm_import_import:hover li {
	color: #656565;
}

#zpm_export_task_modal {
	min-height: 270px;
}

#zpm_export_task_modal .zpm_modal_content {
	margin-bottom: 75px;
}

#zpm_task_list_container .zpm_export_dropdown {
	width: max-content;
	z-index: 9999;
}

#zpm_task_list_container .zpm_modal_dropdown {
	z-index: 9999;
}

#zpm_task_list_container .zpm_modal_options_btn {
	left: 10px !important;
	top: 13px !important;
}

#zpm_task_list_container h3 {
	padding-left: 40px;
}

.zpm_export_dropdown {
	background: #fff;
	border: 1px solid #eee;
	border-left: none;
	display: none;
	position: absolute;
	right: 0;
	top: -1px;
	transform: translateX(100%);
}

.zpm_export_dropdown ul {
	padding: 5px 0;
}

.zpm_modal_list li {
	position: relative;
}

#zpm_task_list_container .zpm_export_dropdown li:hover {
	color: #fff;
}

#zpm_task_view_container .zpm_export_dropdown li:hover {
	color: #fff;
}

#zpm_task_view_container .zpm_modal_task_name {
	margin: 20px;
}

.zpm_custom_dropdown {
	position: relative;
	cursor: pointer;
	width: max-content;
	min-width: 124px;
	border: 1px solid #eee;
	padding: 5px 7px;
	border-radius: 2px;
}

.zpm_custom_dropdown.active {
	border-color: #ddd;
}

.zpm_custom_dropdown:hover {
	border-color: #ddd;
}

.zpm_custom_dropdown_options {
	opacity: 0;
	position: absolute;
	width: max-content;
	text-align: left;
	background: #fff;
	border: 1px solid #eee;
	z-index: 999;
	left: -1px;
	top: 50%;
	padding: 5px 0;
}

.zpm_custom_dropdown_options.active {
	opacity: 1;
}

.zpm_custom_dropdown_options li {
	padding: 6px 20px;
	margin: 0;
	transition: all .12s ease-in-out;
	cursor: pointer;
}

.zpm_custom_dropdown_options li:hover {
	background: #4ec0f9;
	color: #fff;
}

#zpm_import_csv_data_modal {
	min-height: 400px;
	width: 300px;
}

#zpm_csv_task_list {
	text-align: left;
	padding: 0 20px;
	padding-right: 30px;
}

#zpm_csv_task_list li {
	margin: 0;
	padding: 5px 20px;
	border-bottom: 1px solid #eee;
	max-height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .12s ease-in-out;
	cursor: pointer;
}

#zpm_csv_task_list li:hover {
	color: #54c1f7;
}

#zpm_import_task:hover li {
	color: #656565;
}

#zpm_import_task li:hover {
	color: #fff;
}

#zpm_import_json_data_modal {
	min-height: 400px;
	width: 300px;
}

#zpm_json_task_list {
	text-align: left;
	padding: 0 20px;
	padding-right: 30px;
}

#zpm_json_task_list li {
	margin: 0;
	padding: 5px 20px;
	border-bottom: 1px solid #eee;
	max-height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .12s ease-in-out;
	cursor: pointer;
}

#zpm_json_task_list li:hover {
	color: #54c1f7;
}

.zpm_imported_task.zpm_task_exists {
	text-decoration: line-through;
	color: #ccc;
}

.zpm_custom_dropdown_options {
	pointer-events: none;
}

.zpm_custom_dropdown_options.active {
	pointer-events: all;
}

#zpm_task_view_container .zpm_modal_buttons {
	right: 0;
	transform: none;
}

#zpm_task_view_container div.zpm_modal_content {
	height: max-content;
	min-height: unset;
	max-height: 66%;
}

#zpm_task_following {
	position: absolute;
	bottom: 25px;
	left: 20px;
}

#zpm_follow_task {
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	cursor: pointer;
	color: #eee;
	transition: color .14s ease-in-out, background .14s ease-in-out;
	margin-right: 10px;
}

#zpm_follow_task:hover {
	color: #ccc;
}

#zpm_follow_task i {
	line-height: 30px;
}

#zpm_follow_task.zpm_following {
	color: #14aaf5;
}

.zpm_floating_notification {
	background: #fff;
	color: #656565;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	line-height: 2em;
}

.zpm_floating_notification_button {
	border: 1px solid #14aaf5;
	color: #14aaf5;
}

.zpm_floating_notification_button:hover {
	background: #14aaf5;
	color: #fff;
}

.cca-badge-list-subheading {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	margin: 30px 0;
	margin-bottom: 40px;
	color: #656565;
}

#zpm_dashboard h3 {
	padding-left: 20px;
}

.zpm_panel {
	background: #fff;
	display: inline-block;
	width: 100px;
	vertical-align: top;
	height: max-content;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	padding: 5px 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_chart_panel {
	min-height: 330px;
}

.zpm_panel_statistic {
	font-size: 30px;
}

.zpm_panel_header {
	text-transform: uppercase;
	color: #ddd;
	border-radius: 2px;
}

@media (max-width: 980px) {
	.zpm_project_grid_cell {
		width: calc(100%/2);
	}
}

@media (max-width: 480px) {
	.zpm_project_grid_cell {
		width: 100%;
	}
}

.zpm_header {
	position: relative;
	height: 100%;
}

#zpm_hide_wp_adminbar {
	top: 25%;
	left: 10px;
	transform: translateY(-50%);
	position: absolute;
}

.zpm_button {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_button:hover {
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.07), 0 3px 3px rgba(0, 0, 0, 0.07);
}

#zpm_create_new_project {
	position: absolute;
	right: 10px;
	top: 0;
}

#zpm_filter_projects {
	border: none;
}

#zpm_filter_projects ul {
	border-color: #ddd;
	background: #fff;
	color: #aaa;
}

#zpm_project_page_options {
	padding: 0 10px;
	margin-bottom: 5px;
}

.zpm_project_grid_options {
	border: none;
}

.zpm_project_title:hover .zpm_project_grid_options i {
	color: #fff !important;
}

.zpm_project_grid_options_icon {
	line-height: 30px;
}

.zpm_project_title .zpm_dropdown_list {
	color: #656565;
}

.zpm_dropdown_list {
	margin: 5px 0;
}

.zpm_dropdown_list li {
	padding: 7px 20px;
	margin: 0;
}

.zpm_dropdown_menu {
	width: max-content;
	min-width: 150px;
}

.zpm_dropdown_list li:hover {
	background: #4ec0f9;
	color: #fff;
}

.zpm_project_title:hover i {
	color: #fff;
}

#zpm_hide_wp_adminbar {
	color: #ccc;
	cursor: pointer;
	transition: all .15s ease-in-out;
	transform-origin: center;
}

#zpm_hide_wp_adminbar:hover {
	color: #aaa;
}

#zpm_hide_wp_adminbar.folded i {
	transform: rotate(180deg);
}

.zpm_button.zpm_button_borderless {
	box-shadow: none;
}

.zpm_button.zpm_button_borderless:hover {
	box-shadow: none;
}

#zpm_edit_task_assignee {
	display: none;
}

#zpm_edit_task_assignee.visible {
	display: block;
}

.zpm_dropdown_menu {
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow: none;
}

#zpm_task_editor {
	padding-top: 5px;
}

.zpm_edit_project_user input {
	border: none;
	float: right;
	text-align: center;
	width: 90px;
}

.zpm_edit_project_user input:focus,
.zpm_edit_project_user input:active {
	outline: none;
	box-shadow: none;
}

.zpm_edit_project_user {
	border: 1px solid #eee;
	border-radius: 20px;
	color: #656565;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	margin: 0 3px;
	padding: 4px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: max-content;
}

#zpm_task_editor .chosen-single span {
	margin-right: 0;
}

#zpm_task_editor .chosen-container {
	border: none;
	width: 100% !important;
}

#zpm_task_editor .chosen-drop {
	text-align: left;
	width: 399px;
}

#zpm_task_editor .chosen-single {
	border: none;
	line-height: 26px;
	width: max-content;
	padding: 0;
	text-align: center;
}

.zpm_project_options span {
	vertical-align: top;
}

#zpm_task_editor_settings {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

#zpm_task_editor_subtasks {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
}

#zpm_task_editor_settings>h3 {
	margin-bottom: 30px;
}

#zpm_task_editor_subtasks h5 {
	display: block;
	margin-bottom: 2px;
	color: #aaa;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: normal;
}

#zpm_task_subtask_list {
	border: 1px solid #eee;
}

#zpm_task_subtask_list li {
	padding: 10px 15px;
	box-sizing: border-box;
}

#zpm_task_subtask_list li:last-of-type {
	border: none;
}

#zpm_task_editor .chosen-single {
	line-height: 24px !important;
	border: none !important;
}

#zpm_project_editor .zpm_edit_project_user input {
	border: none;
	float: right;
	text-align: center;
	width: 90px;
	background: none;
	margin-top: -4px;
}

#zpm_edit_project_name {
	width: 399px !important;
}

.zpm_project_editor_categories {
	margin: 10px 0 15px 0;
	padding-left: 2px;
}

.zpm_project_editor_categories h5 {
	margin: 0;
}

#zpm_project_modal .zpm_modal_content {
	background: #fff !important;
	border: none !important;
}

#zpm_quickview_modal h3 input {
	border: none !important;
	text-align: center !important;
}

#ui-datepicker-div {
	border: none;
}

.zpm_modal_actions {
	border-bottom: 1px solid #f7f7f7;
}

#zpm_copy_project_modal .zpm_modal_content {
	border: none;
	margin-bottom: 50px !important;
}

.zpm_copy_project_options {
	text-align: left;
	padding: 0 40px;
}

#zpm_copy_project_modal {
	min-height: 200px;
}

.cca-badge-list-subheading {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 30px;
	margin-top: 40px;
}

.zpm_dropdown_subdropdown {
	position: relative;
}

.zpm_dropdown_subdropdown:hover>div {
	display: block;
	color: #656565;
}

#zpm_print_project_page {
	background: #fff;
	padding: 10px;
}

.zpm_print_project_heading {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}

.zpm_print_project_task {
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 7px;
}

.zpm_print_subheading {
	color: #eee;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin-top: 0;
}

.zpm_print_task_assignee {
	font-weight: bold;
	margin-left: 7px;
}

.zpm_print_task_due_date {
	float: right;
	margin-right: 10px;
}

.zpm_h3 {
	display: inline-block;
	margin-right: 20px;
}

.zpm_tab_title {
	cursor: pointer;
	color: #aaa;
	transition: color .12s ease-in-out;
	font-weight: normal;
}

.zpm_tab_title:hover {
	color: #14aaf5;
}

.zpm_tab_title.zpm_tab_selected {
	color: #14aaf5;
}

.zpm_tab_panel {
	display: none;
}

.zpm_tab_panel.zpm_tab_active {
	display: block;
}

#zpm_front_end_settings label {
	display: block;
	margin-top: 10px;
}

.zpm_body_no_background {
	background: none;
	border: none;
	box-shadow: none;
}

.zpm_team_member {
	display: inline-block;
	box-sizing: border-box;
	width: calc((100% / 3) - 3px);
	padding: 10px;
	height: 380px;
	border: none;
	vertical-align: top;
	position: relative;
}

.zpm_member_details {
	background: #fff;
	height: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
	padding: 10px 15px;
	color: #656565;
	box-sizing: border-box;
	text-align: center;
}

.zpm_member_details:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.05);
}

.zpm_team_member .zpm_avatar_image {
	display: block;
	margin: 10px auto;
	height: 50px;
	width: 50px;
}

.zpm_member_name {
	font-weight: bold;
	display: block;
	margin: 7px 0;
}

.zpm_member_stats {
	width: 100%;
	left: 0;
	box-sizing: border-box;
	position: absolute;
	bottom: 20px;
}

.zpm_member_stat {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.zpm_member_stat_number {
	font-size: 16px;
	font-weight: bold;
}

.zpm_member_stat_number {
	font-size: 20px;
	margin: 0;
}

.zpm_member_stats {
	border-top: 1px solid #eee;
	padding-top: 20px;
	bottom: 0;
}

.zpm_member_progress {
	background: #f7f7f7;
	z-index: 999;
	height: 5px;
	position: relative;
}

.zpm_member_details {
	position: relative;
	border-bottom: 0;
}

.zpm_member_progress_bar {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #14aaf5;
	transition: width .2s ease-in-out;
}

.zpm_modal_dropdown li {
	position: relative;
}

.zpm_dropdown_icon {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	color: #d5d5d5;
	font-size: 20px;
}

.zpm_modal_dropdown li:hover {
	position: relative;
	color: #fff;
}

.zpm_fancy_dropdown {
	background: #fff;
	display: block;
	position: absolute;
	padding-top: 27px;
	padding-bottom: 27px;
	opacity: 0;
	pointer-events: none;
	filter: alpha(opacity=100);
	box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
	width: max-content;
	padding: 20px 35px;
	border-radius: 2px;
	z-index: 999;
	right: 10px;
}

.zpm_fancy_dropdown.active {
	animation: .4s zpm_fade_in ease forwards;
	pointer-events: all;
	-webkit-box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
	box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
}

.zpm_project_grid_cell {
	animation: .4s zpm_fade_in ease forwards;
}

@-moz-keyframes zpm_fade_in {
	0% {
		transform: translateY(-10px);
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		-webkit-opacity: 1;
		opacity: 1;
	}
}

@-webkit-keyframes zpm_fade_in {
	0% {
		transform: translateY(-10px);
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		-webkit-opacity: 1;
		opacity: 1;
	}
}

@-ms-keyframes zpm_fade_in {
	0% {
		transform: translateY(-10px);
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		-webkit-opacity: 1;
		opacity: 1;
	}
}

@-o-keyframes zpm_fade_in {
	0% {
		transform: translateY(-10px);
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		-webkit-opacity: 1;
		opacity: 1;
	}
}

@keyframes zpm_fade_in {
	0% {
		transform: translateY(-10px);
		-webkit-opacity: 0;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		-webkit-opacity: 1;
		opacity: 1;
	}
}

.zpm_fancy_item,
.zpm_fancy_item a {
	padding: 7px;
	color: #333;
	margin: 0;
	cursor: pointer;
	transition: color .2s ease-in-out;
	text-decoration: none;
}

.zpm_fancy_item a {
	padding: 0;
}

.zpm_fancy_item:hover,
.zpm_fancy_item:hover a {
	color: #14aaf5;
}

.zpm_fancy_item a:active,
.zpm_fancy_item a:focus {
	color: #14aaf5;
	outline: none;
	box-shadow: none;
}

.zpm_fancy_divider {
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	width: 150px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#zpm_upload_files {
	position: absolute;
	right: 20px;
	top: 20px;
}

#zpm_calendar {
	padding: 20px;
	min-height: 350px;
}

.zpm_body_panel {
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.05);
}

#zpm_add_new_btn {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.06);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#zpm_add_new_btn:hover {
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05), 0 4px 7px rgba(0, 0, 0, 0.05);
}

.fc-toolbar button {
	border: none !important;
	border-radius: 3px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1) !important;
}

.fc-toolbar button:hover {
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.07), 0 3px 3px rgba(0, 0, 0, 0.07) !important;
}

.zpm_hide {
	display: none;
}

.zpm_no_results_message {
	text-align: center;
}

.zpm_button_link {
	margin-left: 5px;
	cursor: pointer;
	border: 1px solid #9ac4e0;
	color: #9ac4e0;
	border-radius: 2px;
	padding: 5px 7px;
}

.zpm_button_link:hover {
	background: #9ac4e0;
	color: #fff;
}

.zpm_activity_entry {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	transform: translateX(-40px);
	padding: 15px 15px;
}

.zpm_activity_date {
	transform: translateX(-40px);
	background: #14aaf5;
	padding: 5px 7px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	max-width: 100px;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#zpm_activity_body {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.zpm_activity_time {
	margin: 0 15px;
	margin-right: 20px;
	color: #656565;
}

#zpm_activity_body {
	border: none;
	position: relative;
}

#zpm_activity_body:after {
	content: "";
	display: block;
	position: absolute;
	height: calc(100% - 65px);
	width: 1px;
	left: 0;
	top: 0;
	z-index: -1;
	background: #14aaf5;
}

#zpm_load_more_activities {
	display: block;
	margin: 0 auto;
}

.zpm_editor_toolbar {
	border-top: 1px solid #f7f7f7;
	opacity: 0;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all .13s ease;
}

#zpm_text_editor_wrap {
	position: relative;
}

#zpm_text_editor_wrap:hover .zpm_editor_toolbar {
	opacity: 1;
}

#zpm_chat_attachments {
	text-align: left;
}

.zpm_comment_attachment {
	display: block;
	width: max-content;
	padding: 5px;
	border-radius: 2px;
	margin-bottom: 5px;
	border: 1px solid #eee;
	cursor: pointer;
	transition: all .1s ease;
}

.zpm_comment_attachment:hover {
	background: #14aaf5;
	border-color: #14aaf5;
	color: #fff;
}

#zpm_chat_attachments .zpm_comment_attachment:first-of-type {
	margin-top: -30px;
}

#zpm_task_subtask_list .zpm_task_subtask:last-of-type {
	border-bottom: none;
}

.zpm_comment_user_image {
	vertical-align: top;
	display: inline-block;
	width: 50px;
	height: 50px;
}

.zpm_comment_user_avatar {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-size: cover;
}

.zpm_comment_user_text {
	vertical-align: top;
	display: inline-block;
}

.zpm_comment_attachments {
	padding-left: 10px;
	width: 100%;
	display: block;
	border-top: 1px solid #f7f7f7;
}

.zpm_comment_attachment a {
	color: #ccc;
}

.zpm_comment_attachment a:hover {
	color: #14aaf5;
}

.zpm_comment_time_diff:before {
	content: "";
	display: inline-block;
	position: relative;
	height: 3px;
	width: 3px;
	background: #f7f7f7;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-right: 7px;
	line-height: 3px;
}

.zpm_comment_from {
	color: #656565;
}

.zpm_admin_page_title {
	font-size: 18px;
	margin-bottom: 5px;
}

.zpm_title_information {
	font-style: italic;
	color: #656565;
	display: inline-block;
	margin-bottom: 10px;
}

.zpm_label {
	display: block;
	color: var(--zpm-label-color);
	font-weight: light;
	font-size: 12px;
	margin-bottom: 3px;
	padding-left: 0px;
}

#zpm_edit_project_description {
	margin-bottom: 10px;
}

.ui-datepicker {
	box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
}

.ui-datepicker-calendar {
	padding: 10px;
}

#zpm_edit_project_start_date {
	width: 399px !important;
}

#zpm_edit_project_due_date {
	width: 399px !important;
}

.zpm_extra_info {
	margin: 0;
}

.zpm_text_italic {
	font-style: italic;
}

#zpm_system_notification {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
}

#zpm_system_notification.zpm_hide_notification {
	animation: .7s zpm_hide_notice forwards;
}

@keyframes zpm_hide_notice {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(150%);
		display: none;
		opacity: 0;
	}
}

#zpm_all_tasks_title {
	font-weight: normal;
	margin-bottom: 10px;
}

#zpm_task_editor_settings {
	padding-top: 10px;
}

#zpm_edit_task_start_date {
	box-shadow: none !important;
	margin-bottom: 10px !important;
}

#zpm_edit_task_due_date {
	box-shadow: none !important;
	margin-bottom: 15px !important;
}

#zpm_edit_task_start_date {
	width: 399px;
	padding: 7px 10px;
}

#zpm_edit_task_due_date {
	width: 399px;
	padding: 7px 10px;
}

#zpm_task_editor_settings input:active,
#zpm_task_editor_settings input:focus {
	outline: none !important;
	border-color: #aaa !important;
}

#zpm_upload_files {
	position: absolute;
	right: 41px;
	vertical-align: top;
	top: 0;
}

#zpm_task_editor_subtasks {
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 15px;
}

#zpm_task_editor_subtasks input {
	border: 1px solid #eee;
	padding: 7px 10px;
}

#zpm_task_editor_subtasks input:active,
#zpm_task_editor_subtasks input:focus {
	outline: none;
	border-color: #aaa;
}

#zpm_task_editor_subtasks input::placeholder {
	color: #ccc;
}

.zpm_compact_modal {
	max-height: 150px;
	height: max-content;
	min-height: max-content;
	text-align: left;
	padding: 15px;
	min-width: 400px;
	padding-bottom: 55px;
}

.zpm_compact_modal .zpm_button {
	padding: 10px 10px !important;
	text-transform: none !important;
	position: absolute !important;
	right: 15px !important;
	bottom: 15px !important;
}

.zpm_compact_modal input {
	width: 100%;
}

.zpm_input {
	border-radius: 1px !important;
	padding: 5px 7px !important;
	box-shadow: none !important;
	outline: none !important;
}

.zpm_input:focus,
.zpm_input:active {
	outline: none;
	border-color: #ccc;
	box-shadow: none !important;
}

.zpm_delete_subtask {
	color: red;
	padding-left: 10px;
	cursor: pointer;
	opacity: 0;
	transition: all .12s ease-in-out;
}

#zpm-subtask-list {
	padding-top: 0px;
	margin-top: 0px;
}

.zpm_subtask_item:hover > .zpm-subtask-item--content .zpm_delete_subtask {
	opacity: .7;
}

.zpm_subtask_name[contentEditable] {
	border: 1px solid #eee;
	padding: 5px 7px;
	margin-right: 10px;
}

.zpm_subtask_name[contentEditable]:active,
.zpm_subtask_name[contentEditable]:focus {
	outline: none;
	border-color: #ccc;
}

.zpm_update_subtask {
	border: none;
	background: none;
	color: #14aaf5;
	cursor: pointer;
	display: none;
}

.zpm_update_subtask.is_active {
	display: inline-block;
}

.zpm_subtask_name {
	display: inline-block;
	min-width: 200px;
}

.zpm_checkbox {
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	text-align: center !important;
	font-size: 12px !important;
	position: relative !important;
	transition: all .12s ease !important;
	border: 1px solid #eee !important;
	border-radius: 1px !important;
	box-shadow: none !important;
}

.zpm_checkbox:active,
.zpm_checkbox:focus {
	box-shadow: none !important;
}

.zpm_checkbox:before {
	transition: all .12s ease !important;
	font-size: 15px !important;
	text-align: left !important;
	position: absolute !important;
	left: 2px !important;
	top: 2px !important;
	background: #60bbe9 !important;
	color: #fff !important;
	margin: -3px !important;
	border-radius: 1px !important;
}

.zpm_task_complete .zpm_subtask_name {
	text-decoration: line-through;
	color: #ccc;
}

.zpm_subtask_name {
	transition: all .1s ease;
	min-width: max-content;
	padding: 5px 10px;
}

.zpm_subtask_item {
	margin: 0;
}

#zpm_create_task input {
	padding: 5px 7px !important;
	width: 100% !important;
}

#zpm_create_task {
	padding: 15px !important;
	padding-top: 40px !important;
	text-align: left !important;
}

#zpm_create_task div.zpm_modal_content {
	padding: 0 !important;
	max-height: 380px !important;
}

#zpm_new_task_project_chosen {
	width: 100% !important;
	min-width: 100% !important;
	margin-bottom: 10px !important;
}

#zpm_new_task_assignee_chosen {
	width: 100% !important;
	min-width: 100% !important;
	margin-bottom: 10px !important;
}

#zpm_new_task_start_date {
	width: 100% !important;
	min-width: 100% !important;
	display: block !important;
	margin-bottom: 10px !important;
}

#zpm_new_task_due_date {
	margin: 0 !important;
}

#zpm_new_task_description {
	margin-bottom: 5px !important;
}

#zpm_new_task_name {
	padding: 5px 7px;
}

#zpm_save_task {
	display: inline-block;
	float: right;
	margin-bottom: 15px;
	text-transform: none;
}

#zpm_create_task .zpm_modal_buttons {
	bottom: 0;
	right: 0;
	transform: none;
	width: 235px;
}

.zpm_task_details {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.zpm_task_due_date {
	vertical-align: middle;
	color: #82d3fb;
}

.zpm_task_assignee {
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-size: cover;
	background-color: #eee;
}

.zpm_task_project {
	vertical-align: middle;
	display: inline-block;
	border-radius: 2px;
	background: #f7f7f7;
	padding: 5px 7px;
	color: #656565;
	margin-right: 10px;
}

.zpm_overdue {
	color: #ff6b6b;
}

#zpm_create_task div.zpm_modal_content {
	overflow: visible !important;
	overflow-y: visible !important;
}

#zpm_new_task_assignee_chosen {
	margin-left: 0 !important;
	font-size: 13px !important;
}

input#zpm_new_task_name {
	box-shadow: none !important;
	padding: 7px 10px !important;
}

input#zpm_new_task_start_date,
input#zpm_new_task_due_date {
	padding: 7px 10px !important;
}

#zpm_new_task_description {
	font-size: 13px !important;
}

.zpm_options_container {
	box-sizing: border-box;
}

.zpm_options_col {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.zpm_options_col:first-of-type {
	margin-right: 1%;
}

#zpm_create_task {
	height: 430px !important;
	min-height: 430px !important;
	border-radius: 2px !important;
}

#zpm_save_task {
	text-transform: none !important;
}

#zpm_new_category_btn {
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
}

#zpm_new_category_modal {
	text-align: left !important;
	padding: 20px !important;
	min-height: 210px !important;
	overflow: visible !important;
}

#zpm_create_category {
	position: absolute !important;
	bottom: 25px !important;
	right: 20px !important;
	text-transform: none !important;
	padding: 10px 10px !important;
}

#zpm_new_category_modal input,
#zpm_new_category_modal textarea {
	width: 100% !important;
	margin-bottom: 10px !important;
	box-shadow: none !important;
}

#zpm_new_category_modal textarea {
	min-height: 100px !important;
}

#zpm_new_category_modal .wp-picker-container .wp-color-result.button {
	padding: 0px !important;
	padding-left: 5px !important;
	text-transform: none !important;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	height: 29px !important;
	width: 120px !important;
}

#zpm_new_category_modal .wp-color-result-text {
	background: #fff !important;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	height: 25px !important;
	line-height: 25px !important;
}

input#zpm_category_color {
	width: 90px !important;
	box-shadow: none;
}

#zpm_new_category_modal .button.button-small.wp-picker-clear {
	width: max-content !important;
	height: 28px !important;
	display: inline-block !important;
	border: 1px solid #eee !important;
	background: transparent !important;
	box-shadow: none !important;
}

.zpm_category_actions {
	position: absolute;
	right: 10px;
	opacity: 0;
	transition: all .12s ease-in-out;
}

.zpm_category_color {
	border-radius: 0;
	position: absolute;
	left: 0;
	top: -1px;
	height: 41px;
	width: 4px;
}

.zpm_category_actions i {
	font-size: 15px;
	transition: all .12s ease-in-out;
}

.zpm_delete_category {
	margin-left: 5px;
}

.zpm_delete_category:hover {
	margin-left: 5px;
	color: red;
}

.zpm_edit_category:hover {
	color: #14aaf5;
}

.zpm_category_row:hover .zpm_category_actions {
	opacity: 1;
}

.zpm_category_name {
	padding-left: 7px;
}

.zpm_category_description {
	color: #656565;
}

#zpm_edit_task {
	height: 430px !important;
	min-height: 430px !important;
	border-radius: 2px !important;
}

#zpm_edit_task {
	padding: 16px 13px !important;
	text-transform: none !important;
}

#zpm_edit_category_btn {
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
}

#zpm_edit_category_modal {
	text-align: left !important;
	padding: 20px !important;
	min-height: 210px !important;
	overflow: visible !important;
}

#zpm_edit_category {
	position: absolute !important;
	bottom: 25px !important;
	right: 20px !important;
	text-transform: none !important;
}

#zpm_edit_category_modal input,
#zpm_edit_category_modal textarea {
	width: 100% !important;
	margin-bottom: 10px !important;
	box-shadow: none !important;
}

#zpm_edit_category_modal textarea {
	min-height: 100px !important;
}

#zpm_edit_category_modal .wp-picker-container .wp-color-result.button {
	padding: 0px !important;
	padding-left: 5px !important;
	text-transform: none !important;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	height: 29px !important;
	width: 120px !important;
}

#zpm_edit_category_modal .wp-color-result-text {
	background: #fff !important;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	height: 25px !important;
	line-height: 25px !important;
}

input#zpm_edit_category_color {
	width: 90px !important;
	box-shadow: none;
}

#zpm_edit_category_modal .button.button-small.wp-picker-clear {
	width: max-content !important;
	height: 28px !important;
	display: inline-block !important;
	border: 1px solid #eee !important;
	background: transparent !important;
	box-shadow: none !important;
}

.zpm_task_list_row:hover {
	background: #f9f9f9 !important;
}

#zpm_view_task_description {
	padding-left: 4px !important;
	text-align: left !important;
	margin-bottom: 10px !important;
}

#zpm_task_view_container button {
	text-transform: none !important;
}

.zpm_view_subtasks {
	padding: 0 !important;
	padding-left: 3px !important;
	margin: 0 !important;
}

#zpm_task_view_container {
	border-radius: 2px !important;
}

.zpm_editor_toolbar {
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
	line-height: 30px;
}

.zpm_editor_toolbar a {
	text-decoration: none;
	font-size: 15px;
	color: #333;
	padding: 0 2px;
}

.zpm_editor_toolbar a:hover {
	color: #14aaf5;
}

.zpm_editor_toolbar a:active,
.zpm_editor_toolbar a:focus {
	outline: none;
	box-shadow: none;
}

.zpm_comment_content a {
	text-decoration: none;
	font-size: 15px;
	color: #14aaf5;
	padding: 0 2px;
}

.zpm_comment_content a:hover {
	color: #1393d3;
}

.zpm_comment_content a:active,
.zpm_comment_content a:focus {
	outline: none;
	box-shadow: none;
}

#zpm_task_following {
	bottom: 15px;
	left: 20px;
}

#zpm_project_tasks {
	padding: 0;
	padding-top: 15px;
}

#zpm_project_tasks h3 {
	margin-top: 0 !important;
	margin-bottom: 18px !important;
	padding-left: 15px;
}

.zpm-tab-header-actions--end {
	position: absolute;
	right: 10px;
	top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.zpm_task_list_row.zpm_task_complete .zpm_task_description {
	color: #ddd;
}

.zephyr-project-manager_page_zephyr_project_manager_projects #zpm_create_task {
	min-height: 360px !important;
}

#zpm_create_task div.zpm_modal_content {
	background: none !important;
}

.zpm_task_follower {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	background-size: cover;
	transform: translateY(2px);
	cursor: pointer;
	background-color: #eee;
	margin-left: -10px;
	z-index: 0;
}

.zpm_task_follower:hover {
	transform: translateY(1px);
	z-index: 999;
}

.zpm_task_follower:first- {
	display: none;
}

#zpm_welcome_page {
	text-align: center;
	padding: 30px;
}

#zpm_welcome_container {
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding-top: 15px;
	padding-bottom: 30px;
}

#zpm_welcome_container h1 {
	font-weight: normal;
}

#zpm_get_started {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.zpm_material_card {
	box-sizing: border-box;
	width: calc(100% / 3.5);
	display: inline-block;
	text-align: center;
	height: 270px;
	position: relative;
	transition: all .2s ease;
	vertical-align: top;
	padding: 15px;
}

.zpm_material_card:hover {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	color: #14aaf5;
}

.zpm_card_icon {
	font-size: 80px;
	line-height: 150px;
	box-sizing: border-box;
}

.zpm_material_card_details {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	padding-bottom: 20px;
}

#zpm_welcome_container {
	padding-bottom: 30px;
}

@media (max-width: 1000px) {
	.zpm_material_card {
		width: calc(100% / 2.5);
	}
}

@media (max-width: 480px) {
	.zpm_material_card {
		width: calc(80%);
	}
}

.zpm_view_task_icon a:active,
.zpm_view_task_icon a:focus {
	outline: none;
	box-shadow: none;
}

#zpm_quicktask_select_assignee {
	width: 100% !important;
	height: 35px !important;
}

#zpm_quicktask_select_assignee_chosen {
	margin: 0 !important;
}

#zpm_add_new_subtask {
	position: absolute;
	top: 15px;
	right: 15px;
}

#zpm_quickview_modal div.zpm_modal_content {
	max-height: none;
	height: 60%;
	padding-bottom: 0;
	overflow: hidden;
}

#zpm_quickview_modal {
	text-align: left;
	border-radius: 2px;
}

#zpm_quickview_modal h3 {
	margin: 20px;
	margin-bottom: 10px;
	text-align: left;
}

#zpm_quickview_modal .zpm_description {
	margin-left: 20px;
}

.zpm_modal_content .zpm_task_list {
	padding-bottom: 0;
	overflow-y: auto;
	height: 300px;
}

.zpm_modal_content .zpm_project_list_row:first-of-type,
.zpm_modal_content .zpm_task_list_row:first-of-type {
	border-top: none;
}

.zpm_nav {
	display: block;
	vertical-align: bottom;
	margin-left: 10px;
}

.zpm_nav_list {
	margin: 0;
	text-align: left;
}

.zpm_nav_item {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 7px;
	padding-bottom: 0px;
	cursor: pointer;
}

.zpm_nav_item_selected {
	color: #14aaf5;
}

.zpm_nav_item:after {
	text-align: center;
	content: "";
	display: inline-block;
	position: absolute;
	width: 0%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background: #14aaf5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_nav_item:hover:after,
.zpm_nav_item_selected:after {
	width: 100%;
}

.zpm_modal_actions {
	padding: 0;
	padding-bottom: 10px;
}

.zpm_description {
	margin-left: 3px !important;
}

.zpm_tab_pane {
	padding: 15px;
	display: none;
	position: relative;
	position: relative;
	box-sizing: border-box;
}

.zpm_tab_pane#zpm_tasks_tab {
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
}

.zpm_tab_pane.zpm_tab_active {
	display: block;
}

#zpm_quick_task_add {
	position: absolute;
	top: 10px;
	right: 10px;
}

.zpm_quicktask_container {
	left: unset;
	right: 12px;
	top: unset;
	bottom: 60px;
}

#zpm_quick_task_add {
	padding: 7px 10px;
}

#zpm_create_quicktask {
	padding: 7px 10px;
}

.zpm_tab_heading {
	display: none;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 23px;
	margin-left: 20px;
	margin-top: 12px;
}

#zpm_project_progress {
	bottom: 80px;
	left: 10px;
	position: absolute;
	width: 100%;
}

.zpm_project_stat {
	display: inline-block;
	text-align: center;
	width: calc(100% / 3.1);
}

.zpm_project_stat .zpm_stat_number {
	color: #333;
	font-size: 18px;
}

.zpm_project_stat p {
	color: #656565;
	font-size: 12px;
	margin: 0;
}

.zpm_top_bar {
	padding-top: 1px;
}

.zpm_comment {
	position: relative;
}

.zpm_delete_comment {
	cursor: pointer;
	font-size: 13px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.zpm_delete_comment:hover {
	color: #fe6a7d;
}

.zpm_remove_attachment {
	display: inline-block;
	margin: 0 3px 0 7px;
}

.zpm_remove_attachment:hover {
	font-weight: bold;
}

#zpm_filter_tasks {
	margin-left: 25px;
	margin-top: 5px;
	margin: 10px;
	background: none;
	border: none;
	top: 5px;
	color: #aaa;
	left: -10px;
	max-width: unset;
	display: inline-block;
	margin-left: 40px;
	pointer-events: none;
}

#zpm_filter_tasks_icon {
	font-size: 15px;
	position: absolute;
	left: 25px;
	top: 10px;
}

#zpm_task_option_container .lnr {
	font-size: 15px;
	color: #000;
	cursor: pointer;
}

#zpm_task_option_container .lnr:hover {
	color: #14aaf5;
}

#zpm_task_option_container {
	position: relative;
}

#zpm_task_option_container .zpm_modal_options_btn {
	position: absolute !important;
	top: 10px !important;
	left: 0 !important;
	width: max-content;
}

.zpm_modal_dropdown {
	z-index: 99999;
}

#zpm_task_option_container .zpm_modal_dropdown {
	left: 0;
}

.zpm_button {
	font-family: 'Helvetica';
}

.zpm-modal .zpm_button {
	padding: 10px;
}

#zpm_create_task .zpm_modal_body {
	box-sizing: border-box !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 0 15px !important;
	padding-bottom: 100px !important;
}

#zpm_create_task .zpm_modal_content {
	height: 100% !important;
}

#zpm_create_task {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0px !important;
	padding-bottom: 120px !important;
	min-height: 390px !important;
}

.zpm-modal .zpm_modal_header {
	margin: 7px !important;
	margin-bottom: 10px !important;
}

#zpm_create_task .zpm_close_modal {
	top: 10px !important;
	right: 10px !important;
}

#zpm_task_view_container .zpm_modal_task_name {
	margin: 15px 15px 7px 15px;
}

#zpm_task_view_container .zpm_modal_body {
	text-align: left;
}

#zpm_task_view_container .zpm_title_information {
	margin-left: 15px;
	margin-bottom: 0;
}

#zpm_task_view_container.zpm-modal {
	min-height: 90%;
	min-width: 60%;
}

#zpm_task_view_container .zpm_button {
	padding: 10px 15px;
}

#zpm_task_view_container .zpm_modal_buttons {
	width: max-content;
	right: 20px;
	position: absolute;
	left: unset;
}

#zpm_task_view_container .zpm_nav {
	padding-bottom: 10px;
}

#zpm_task_editor.zpm_body .zpm_input,
#zpm_task_editor.zpm_body .chosen-container {
	margin-bottom: 10px;
	width: 100%;
}

.zpm_panel {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01), 0 1px 1px rgba(0, 0, 0, 0.01);
	border: none;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
	padding: 10px 15px;
	color: #656565;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
	border-radius: 1px;
	width: 100%;
}

.zpm_panel:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.03);
}

.zpm_panel_6 {
	width: 50%;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}

.zpm_panel_12 {
	width: 100%;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}

.zpm_panel_3 {
	width: 25%;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}

.zpm_panel_container {
	display: flex;
	flex: 1 auto;
	flex-flow: row wrap;
}

.zpm_panel_heading,
.zpm-tab-title {
	margin: 0;
	margin-bottom: 5px;
}

.zpm_page_title {
	font-weight: normal;
	font-size: 22px;
	padding-left: 10px;
}

#zpm_front_end_settings .zpm_input {
	width: 200px;
	height: 35px;
	cursor: pointer;
}

#zpm_front_end_settings .zpm_input:hover {
	border-color: #ccc;
}

button#zpm_front_end_settings,
button#zpm_profile_settings {
	display: block;
	margin-top: 15px;
}

.zpm_settings_notification {
	margin-left: 5px;
}

#zpm_profile_settings.zpm_label {
	margin-top: 10px;
}

.zpm_panel_holder {
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}

.zpm_user_circle {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 15px;
	background-size: cover;
	vertical-align: middle;
}

.zpm_subtle_error {
	color: #ccc;
	font-style: italic;
}

.zpm_options_top_right {
	position: absolute;
	top: 20px;
	right: 20px;
}

.zpm_circle_option_btn {
	transition: background-color .1s ease-in-out;
}

.zpm_option_btn_primary {
	vertical-align: top;
	line-height: 25px;
}

.zpm_option_btn_primary:hover span {
	color: #fff;
}

.zpm_option_btn_primary:hover {
	background-color: #14aaf5;
	border-color: #14aaf5;
	color: #fff;
}

.zpm_error_message {
	text-align: center;
}

.zpm_message_action_buttons .zpm_button span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zpm_message_action_buttons #zpm_task_chat_files,
.zpm_message_action_buttons #zpm_task_chat_comment {
	background: transparent !important;
	border: 1px solid #14aaf5 !important;
	color: #14aaf5 !important;
	font-weight: bold !important;
}

.zpm_message_action_buttons .zpm_message_action_icon {
	font-weight: bold !important;
}

.zpm_message_action_buttons #zpm_task_chat_files:hover,
.zpm_message_action_buttons #zpm_task_chat_comment:hover {
	background-color: #14aaf5 !important;
	color: #fff !important;
}

#zpm_upload_file_btn {
	position: absolute;
	right: 0px;
	top: -10px;
}

.zpm_files_container {
	display: inline-flex;
	flex-wrap: wrap;
	flex: 1;
	width: 79%;
	vertical-align: top;
	border-left: 1px solid #f7f7f7;
	position: relative;
}

.zpm_file_item_container {
	padding: 10px;
	padding-bottom: 0;
}

.zpm_side_navigation {
	display: inline-flex;
	flex-direcation: column;
	flex-wrap: wrap;
	width: 20%;
	flex: 1;
	box-sizing: border-box;
	height: 100%;
	vertical-align: top;
}

.zpm_side_navigation ul {
	padding: 10px 25px;
	width: 100%;
	height: 100%;
}

.zpm_side_navigation ul li {
	cursor: pointer;
}

.zpm_side_navigation ul li:hover {
	color: #14aaf5;
}

.zpm_side_navigation ul li.zpm_selected_link {
	color: #14aaf5;
}

#zpm_no_files {
	height: 100%;
	width: 100%;
	min-height: 90px;
}

.zpm_file_actions {
	position: absolute;
	bottom: -100%;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #14aaf5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_file_item:hover .zpm_file_actions {
	bottom: 0;
}

.zpm_file_action {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	font-size: 14px;
	color: #fff;
}

#zpm_file_info_modal {
	min-height: unset;
}

.zpm_file_name {
	position: relative;
}


#zpm_file_info_modal .zpm_label {
	margin-bottom: 0;
	margin-top: 10px;
	padding-left: 0;
}

#zpm_file_info_modal .zpm_modal_body {
	padding: 20px;
}

#zpm_file_info_modal .zpm_modal_content {
	height: auto;
	text-align: left;
}

#zpm_file_info_modal h2,
#zpm_file_info_modal h3 {
	margin: 0;
	text-align: left;
}


/* WP Dashboard Styles */
.zpm_dashboard_project_progress {
	display: block;
}

.zpm_dashboard_progress_bar {
	display: inline-block;
	width: 100%;
	background: #f7f7f7;
	border-radius: 2px;
	border: 1px solid #eee;
}

.zpm_dashboard_progress_indicator {
	color: #fff;
	opacity: .9;
	cursor: pointer;
	text-align: right;
	border-radius: 2px;
	padding-right: 10px;
	display: inline-block;
	box-sizing: border-box;
	transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.zpm_dashboard_progress_indicator.zpm_color_0 {
	box-shadow: 0 0 0 0px rgba(68, 138, 255, .2);
}

.zpm_dashboard_progress_indicator.zpm_color_0:hover {
	box-shadow: 0 0 0 3px rgba(68, 138, 255, .3);
}

.zpm_dashboard_progress_indicator.zpm_color_1 {
	box-shadow: 0 0 0 0px rgba(123, 31, 162, .2);
}

.zpm_dashboard_progress_indicator.zpm_color_1:hover {
	box-shadow: 0 0 0 3px rgba(123, 31, 162, .3);
}

.zpm_dashboard_progress_indicator.zpm_color_2 {
	box-shadow: 0 0 0 0px rgba(233, 30, 99, .2);
}

.zpm_dashboard_progress_indicator.zpm_color_2:hover {
	box-shadow: 0 0 0 3px rgba(233, 30, 99, .3);
}

#zpm_project_overview {
	display: flex;
}

.zpm_project_stat_section {
	flex: 1;
	text-align: center;
}

.zpm_project_stat_title {
	display: block;
}

.zpm_project_stat_status {
	font-size: 20px;
	font-weight: bold;
}

#zpm_dashboard_chart {
	width: 65%;
	padding-bottom: 10px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#zpm_dashboard_heading {
	font-size: 14px;
	margin-top: 10px;
	color: #000;
}

.zpm_admin_list {
	margin: 0;
	margin-bottom: 10px;
}

.zpm_admin_list li {
	margin: 0;
	padding: 5px 0;
	position: relative;
	border-bottom: 1px solid #f7f7f7;
}

.zpm_admin_list li:last-of-type {
	border: none;
}

.zpm_widget_date {
	position: absolute;
	right: 0;
}

.zpm_date_pending {
	color: #82d3fb;
}

.zpm_date_overdue {
	color: #ff6b6b;
}

#zpm_loader_modal {
	min-height: unset;
	min-width: 250px;
	padding: 20px;
}

.zpm_nav_holder {
	background: none;
	border: none;
	box-shadow: none;
	margin-bottom: 0;
	padding: 5px;
	padding-bottom: 10px;
}

.zpm_nav_holder nav {
	margin-left: -10px;
}

#zpm_project_view_tasks {
	padding: 0;
	padding-top: 50px;
}

#zpm_project_status_colors {
	margin-left: 10px;
	margin-top: 10px;
}

.zpm_project_status {
	display: inline-block;
	border: 1px solid #eee;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.zpm_status_on_track {
	border-color: #00bf9c;
}

.zpm_status_on_track:hover,
.zpm_status_on_track.active {
	background-color: #00bf9c;
}

.zpm_status_pending {
	border-color: #fcbd01;
}

.zpm_status_pending:hover,
.zpm_status_pending.active {
	background-color: #fcbd01;
}

.zpm_status_overdue {
	border-color: #ed4758;
}

.zpm_status_overdue:hover,
.zpm_status_overdue.active {
	background-color: #ed4758;
}

#zpm_project_overview_section {
	border: 1px solid #eee;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

#zpm_project_status {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	height: 50px;
	cursor: text;
	padding: 10px;
}

#zpm_project_status_footer {
	text-align: right;
	padding-right: 15px;
}

#zpm_project_view_discussion {
	padding: 0;
}

#zpm_project_view_discussion .zpm_chat_box_section {
	position: relative;
}

.zpm_comment .zpm_comment_attachment {
	border: none;
	padding: 0px;
}

.zpm_comment .zpm_comment_attachment:hover {
	border: none;
	background: none;
}

.zpm_file_item {
	border: none;
}

#zpm_file_info_modal .zpm_modal_content {
	margin-bottom: 0;
}

#zpm_project_view_discussion .zpm_panel_heading {
	padding: 10px 0 0 15px;
}

.zpm_instructions {
	padding: 0 15px;
}

.zpm_progress_project_select {
	padding: 0 10px;
	margin-bottom: 20px;
}

#zpm_task_view_container {
	overflow: visible
}

#home-page-header {
	color: #fff;
	position: absolute;
	text-align: center;
	top: -260px;
	z-index: 999;
}

#home-page-header #site-title {
	font-size: 20px;
}

.page-template-page-home .page_item:after {
	display: none;
}

#zpm_new_file_upload {
	min-height: 0;
	text-align: left;
	padding: 10px;
}

.zpm_modal_footer {
	margin-top: 10px;
	text-align: right;
}

#zpm_upload_file {
	margin-bottom: 10px;
}

.zpm_modal_header {
	font-size: 13px;
	color: #aaa;
	font-weight: normal;
	padding-left: 10px !important;
}

.zpm_remove_project_from_dashboard {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 17px;
	cursor: pointer;
	color: #ddd;
	transition: color .12s ease-in-out;
}

.zpm_remove_project_from_dashboard:hover {
	color: #14aaf5;
}

.zpm_chart_panel {
	position: relative;
}

.zpm_admin_notice {
	padding: 5px 10px 10px 10px !important;
	position: relative !important;
	font-size: 15px !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}

#zpm_dismiss_review_notice,
#zpm_dismiss_welcome_notice {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	font-size: 17px !important;
	cursor: pointer !important;
	color: #ddd !important;
	transition: color .12s ease-in-out !important;
}

#zpm_dismiss_review_notice:hover,
#zpm_dismiss_welcome_notice:hover {
	color: #14aaf5 !important;
}

#zpm_admin_notice_section {
	margin: 0 100px !important;
	margin-top: 50px !important;
}

.zpm_notice_heading {
	font-size: 13px;
	margin: 5px 0;
	color: #656565;
}

.zpm_project_stat {
	vertical-align: top;
}

.zpm_report_task_stats {
	display: flex;
	margin-top: 20px;
}

.zpm_report_stat {
	width: 25%;
	text-align: center;
	font-size: 18px;
}

.zpm_error {
	margin: 0;
}

.zpm_modal_content,
.zpm_modal_body {
	overflow: visible;
}

.zpm_disabled {
	color: #ccc !important;
}

.zpm_disabled:hover {
	color: #bbb !important;
}

@media (max-width: 980px) {
	.zpm_file_item_container {
		width: 33% !important;
	}
}

@media (max-width: 680px) {
	.zpm_file_item_container {
		width: 50% !important;
	}
}

@media (max-width: 620px) {
	.zpm_side_navigation {
		width: 40px !important;
		display: none !important;
	}

	.zpm_files_container {
		width: 100% !important;
	}
}

@media (max-width: 400px) {
	.zpm_file_item_container {
		width: 100% !important;
	}

	#zpm_create_task.zpm-modal {
		width: 100% !important;
		height: 100% !important;
		bottom: 0 !important;
		right: 0 !important;
		transform: unset !important;
		max-width: none !important;
		max-height: none !important;
		box-sizing: border-box !important;
	}
}

.zpm_task_user_avatar {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-size: cover;
	vertical-align: middle;
}

#zpm_enable_frontend_checkbox {
	margin-left: 5px;
}

#zpm_task_start_date,
#zpm_task_due_date {
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
}

#zpm_task_start_date span,
#zpm_task_due_date span {
	padding-left: 3px;
}

#zpm_task_dates {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}

#zpm_task_modal_assignee {
	display: inline-block;
	margin-bottom: 10px;
}

#zpm_task_modal_assignee .zpm_task_username {
	padding-left: 3px;
	padding-right: 5px;
}

#zpm_project_modal_dates {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

#zpm_project_modal_due_date,
#zpm_project_modal_start_date {
	display: inline-block;
	width: 49%;
	text-align: center;
}

#zpm_project_modal_due_date span,
#zpm_project_modal_start_date span {
	padding-left: 3px;
}

#zpm-project-modal-overview #zpm_project_progress {
	position: relative;
	bottom: unset;
	margin-bottom: 20px;
}

#zpm-project-modal-discussion {
	max-height: calc(100% - 140px);
	overflow-y: scroll;
}

.toplevel_page_zephyr_project_manager .wp-menu-image img {
	width: 20px;
}

#zpm_new_category_modal {
	padding-bottom: 60px !important;
}

.zpm-modal-header {
	font-weight: normal;
	margin-top: 0;
	margin-left: 2px;
}

.zpm_project_name_input {
	transition: all .12s ease-in-out;
	border-width: 2px !important;
}

.zpm_project_name_input:focus,
.zpm_project_name_input:active {
	border-color: #14aaf5;
}

#zpm_project_modal {
	min-width: 600px;
	width: max-content;
}

#zpm_modal_add_project {
	margin-bottom: 10px;
}

.zpm-pro-upselling {
	font-style: italic;
	color: #aaa;
}

#zpm_new_file_upload .zpm_modal_header {
	color: #555;
	padding: 0 !important;
	margin-left: 5px !important;
	font-size: 15px;
}

#zpm_new_file_upload .zpm_modal_footer {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#zpm_new_file_upload {
	padding-bottom: 60px;
}

#zpm_submit_file {
	margin-right: 5px;
}

.zpm_button[disabled],
.zpm_button.inactive {
	background: #ccc;
}

.zpm_button[disabled]:hover,
.zpm_button.inactive:hover {
	background: #ccc !important;
}

#zpm_create_task .zpm_modal_header {
	margin-top: 15px;
}

.zpm-pro-notice {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-50%);
	border-radius: 2px;
	padding: 20px;
	color: #333;
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease-in-out;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	width: max-content;
	max-width: 250px;
	padding-bottom: 5px;
}

.zpm-pro-notice.active {
	pointer-events: all;
	opacity: 1;
	transform: translateY(-110%);
}

.zpm-pro-notice a {
	color: #f19999 !important;
}

.zpm-pro-notice a:hover {
	color: #f19999 !important;
}

.zpm-close-pro-notice {
	position: absolute;
	right: 10px;
	top: 15px;
}

.zpm-purchase-link {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}

.zpm-purchase-icon {
	margin-right: 7px;
	display: inline-block;
}

.zpm_side_navigation {
	font-weight: bold;
}

#zpm_add_custom_field_pro {
	position: relative;
}

.zpm-panel {
	display: inline-block;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	padding: 10px;
	box-sizing: border-box;
	margin-top: 15px;
}

.zpm-panel-8 {
	width: calc(65% - 40px);
	margin-right: 1%;
}

.zpm-panel-4 {
	width: calc(35% + 30px);
}

#zpm_project_modal .zpm_modal_buttons {
	text-align: center;
}

.zpm_project_grid_row #zpm_project_progress {
	left: 0;
}

.zpm_floating_notification_button {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.zpm_floating_notification {
	padding-bottom: 50px;
}

.zpm_add_project .zpm_nav_holder {
	background: transparent !important;
	padding-bottom: 11px !important;
	padding-left: 15px !important;
}

a.zpm_button {
	text-decoration: none !important;
}

a.zpm_button:hover,
a.zpm_button:active,
a.zpm_button:focus,
a.zpm_button:visited {
	text-decoration: none !important;
	color: #fff !important;
}

.zpm_fancy_divider_top {
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 10px;
}

#zpm_premium_link a {
	color: #ff0c62 !important;
}

#zpm_premium_link a:hover {
	color: #d80b54 !important;
}

.zpm-project-stat {
	display: inline-block;
}

.zpm-project-stat-value,
.zpm-project-stat-label {
	display: block;
}

.zpm-project-stat-value {
	font-size: 25px;
	margin-bottom: 15px;
}

.zpm-project-stat-label {
	color: #656565;
	font-size: 15px;
}

.zpm_panel_title {
	margin-top: 0;
	font-size: 17px;
}

.zpm-project-stat-value.good {
	color: #5cd694;
}

.zpm-panel {
	padding: 20px;
}

.zpm-panel {
	height: max-content;
}

.zpm_admin_list {
	margin-bottom: 20px;
}

.zpm_panel_12 .zpm_chart_panel {
	height: 620px;
}

#zpm-welcome-image {
	display: block;
	margin: 20px auto;
	max-width: 50%;
}

.zpm-col-4 {
	cursor: pointer;
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.zpm-col-4:hover .zpm-feature-text {
	color: #333;
}

.zpm-feature-image {
	width: 150px;
}

.zpm-feature-text {
	color: #aaa;
	padding: 0 20px;
	text-align: left;
	transition: all .2s ease-in-out;
}

.zpm-feature-title {
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
}

.zpm-feature-description {
	margin-top: 0;
}

.zpm-feature-image-holder {
	min-height: 170px;
}

.zpm-pro-link,
.zpm-pro-link:hover,
.zpm-pro-link:active,
.zpm-pro-link:focus,
.zpm-pro-link:visited {
	text-decoration: none;
	color: #f9478e !important;
}

#zpm-welcome-content {
	padding: 50px;
}

.zpm-feature-image-holder {
	position: relative;
}

.zpm-feature-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zpm_nav_holder {
	padding-top: 0 !important;
}

.zpm-project-stat {
	vertical-align: top;
}

.completed .zpm-kanban-task-assignee.unassigned {
	color: #fff;
}

.zpm_label_inline {
	display: inline-block !important;
	width: 200px !important;
	margin-top: 10px !important;
	vertical-align: baseline !important;
}


.zpm-dashboard__button {
	display: block !important;
	margin: 10px;
}



#zpm-project-stat-overview {
	display: flex !important;
	flex-wrap: wrap !important;
	text-align: center !important;
}

.zpm-project-stat {
	flex: 1 !important;
}

@media (max-width: 950px) {
	.zpm-project-stat {
		flex-basis: 50%;
		min-width: 50%;
	}

	.zpm-dashboard-project-container {
		width: 100%;
	}
}

@media (max-width: 650px) {
	.zpm-project-stat {
		flex-basis: 100%;
		min-width: 100%;
	}
}

.zpm-dashboard-project {
	background: #fff;
	margin-top: 20px;
}

.zpm-dashboard-project .zpm-project-title {
	margin-top: 0;
}

@media (max-width: 780px) {
	#zpm_hide_wp_adminbar {
		display: none;
	}

	#zpm-search-bar {
		right: 40 !important;
	}

	.zpm_nav_list {
		flex-wrap: wrap;
	}

	.zpm_nav_list .zpm_nav_item {
		margin-bottom: 10px;
	}
}

@media (max-width: 580px) {
	#zpm-search-bar {
		right: unset !important;
		float: left;
		left: -25px;
	}

	.zpm_col_container {
		display: block !important;
	}
}

@media (max-width: 480px) {
	#zpm-search-bar {
		max-width: 95px !important;
		width: max-content !important;
		left: 16px !important;
	}

	#zpm-search-input {
		width: 95px !important;
	}
}

@media (max-width: 500px) {
	.zpm-modal {
		padding-top: 10px !important;
		width: 100% !important;
		min-width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: 100% !important;
		-ms-overflow-y: scroll;
		-ms-overflow-y: scroll;
		-ms-overflow-y: scroll;
		overflow-y: scroll;
		box-sizing: border-box !important;
	}

	.zpm_modal_buttons {
		left: unset;
		padding-right: 10px;
	}

	#zpm_project_modal .zpm_modal_buttons,
	#zpm_quickview_modal .zpm_modal_buttons {
		left: 50% !important;
	}

	#zpm_edit_project_name,
	#zpm_edit_project_start_date,
	#zpm_edit_project_due_date {
		width: 100% !important;
	}

	#zpm_project_editor .zpm_tab_pane {
		padding-top: 45px !important;
	}

	.zpm_nav_list {
		display: flex !important;
	}

	.zpm-panel-8 {
		width: 100%;
		text-align: center;
	}

	.zpm-panel-4 {
		width: 100%;
	}

	.zpm_dashboard_project_container {
		width: 100%;
	}

	.zpm_dashboard_project {
		min-height: 220px !important;
	}
}

#save_project_discord_settings {
	margin-top: 10px !important;
}

#zpm_project_discord_url {
	margin-bottom: 10px !important;
}

.chosen-container .chosen-single {
	border: none;
	border-bottom: 1.5px solid #eee;
	transition: border-color 0.3s cubic-bezier(.25, .8, .25, 1);
}

.chosen-container .chosen-single:hover,
.chosen-container .chosen-single:focus,
.chosen-container .chosen-single:active {
	border-color: #14aaf5 !important;
}

.zpm-modal .zpm_input:hover,
.zpm-modal .zpm_input:focus,
.zpm-modal .zpm_input:active {
	border-color: #14aaf5 !important;
}

.zpm_input,
.zpm-modal .zpm_input {
	border: none !important;
	border-bottom: 1.5px solid #eee !important;
	transition: border-color 0.3s cubic-bezier(.25, .8, .25, 1) !important;
}

.zpm_input:hover,
.zpm_input:focus,
.zpm_input:active {
	border-color: #14aaf5 !important;
}

.zpm-theme-item,
.zpm-frontend-theme-item {
	display: inline-block !important;
	margin-right: 20px !important;
}

.zpm-theme-box {
	width: 100px !important;
	height: 100px !important;
	border: none !important;
	display: block !important;
	box-shadow: 0 0 0px 0px rgba(20, 170, 245, .1) !important;
	border-radius: 3px !important;
	overflow: hidden !important;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1) !important;
	background-size: cover !important;
}

.zpm-theme-box:hover {
	box-shadow: 0 0 0.5px 5px rgba(0, 0, 0, .1) !important;
}

.zpm-theme-item.zpm-theme-selected .zpm-theme-box,
.zpm-frontend-theme-item.zpm-theme-selected .zpm-theme-box {
	box-shadow: 0 0 0.5px 5px rgba(20, 170, 245, .5) !important;
}

.zpm-toggle {
	display: none !important;
}

.zpm-toggle-label {
	position: relative;
	display: inline-block;
	min-width: 112px;
	cursor: pointer;
	font-weight: 500;
	text-align: left;
}

.zpm-toggle-label:before,
.zpm-toggle-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.zpm-toggle-label:before {
	left: 1px;
	width: 34px;
	height: 14px;
	background-color: #9E9E9E;
	border-radius: 8px;
}

.zpm-toggle-label:after {
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #FAFAFA;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.zpm-toggle-label .zpm-toggle--on {
	display: none;
}

.zpm-toggle-label .zpm-toggle--off {
	display: inline-block;
}

.zpm-toggle:checked+.zpm-toggle-label:before {}

.zpm-toggle:checked+.zpm-toggle-label:after {
	-ms-transform: translate(80%, -50%);
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%);
}

.zpm-toggle:checked+.zpm-toggle-label .zpm-toggle--on {
	display: inline-block;
}

.zpm-toggle:checked+.zpm-toggle-label .zpm-toggle--off {
	display: none;
}

.zpm-memeber-toggle {
	margin-left: 10px;
}

.zpm-member-list li {
	margin-bottom: 13px;
}

#zpm_save_general_settings {
	display: block;
	margin-top: 10px;
}

.zpm-notice {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #e9e9e9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#zpm_project_progress {
	width: 100% !important;
}

#zpm_task_view_container .zpm_modal_content {
	overflow: auto !important;
}

a.zpm_button {
	padding: 7px 9px !important;
}

#zpm-task-template-list {
	padding: 15px;
	padding-top: 0;
}

a.zpm_team_member,
a.zpm_team_member:active,
a.zpm_team_member:focus,
a.zpm_team_member:visited {
	outline: none;
	box-shadow: none;
}

a.zpm_team_member {
	text-decoration: none;
	underline: none;
}

#zpm-edit-member-container {
	padding: 15px;
	padding-top: 0;
}

.zpm-back-link {
	color: #aaa;
	underline: none;
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

.zpm-access-controls {
	position: absolute;
	bottom: 120px;
	text-align: left;
}

#zpm_custom_field_select_modal {
	z-index: 999999999;
}

#zpm-new-task-template-modal {
	text-align: left;
	height: max-content;
	min-height: max-content;
	padding: 10px;
}

#zpm-new-task-template-modal .zpm_modal_header {
	text-align: center;
}

.zpm-parent-label {
	margin-top: 10px;
}

#zpm-task-template-custom-fields {
	margin-bottom: 10px;
}

.zpm-custom-task-template {
	padding: 5px;
	cursor: pointer;
}

.zpm-default-task-template {
	float: right;
	margin-top: 2px;
	display: inline-block;
}

#zpm-reset-frontend-logo {
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	display: inline-block !important;
	padding: 5px 10px;
	transition: all .1s ease-in-out;
}

#zpm-reset-frontend-logo:hover {
	background: #eee;
}

.zpm-heading-subtext {
	color: #656565;
}

.zpm-info-title {
	margin-right: 140px;
}

#zpm_project_view_tasks {
	margin-top: 0px !important;
}

#zpm-task-template-preview .zpm_modal_header {
	padding: 0;
	margin-left: 5px;
}

#zpm-task-template-preview .zpm_input,
#zpm-new-task-template-modal .zpm_input {
	width: 100%;
}

#zpm-task-template-default-notice {
	margin-bottom: 10px;
	padding-left: 5px;
}

#zpm_project_editor.project-type-board.no-background,
#zpm_project_editor.project-type-scrum.no-background {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

#zpm_container.zpm_kanban {
	margin-top: 30px !important;
}

.zpm_project_grid_cell .zpm_project_categories {
	display: none;
}

.zpm_panel_container .zpm-panel.zpm-panel-8 {
	width: 100%;
	margin: 15px 0;
}

.zpm_panel_container .zpm-panel.zpm-panel-4 {
	width: 100%;
	margin-top: 0;
}

#zpm-whats-new {
	margin-bottom: 0;
}

.zpm-panel.zpm-panel-12 {
	width: 100%;
}

.zpm-panel.zpm-hidden {
	display: none;
}

.zpm-dashboard-widget-buttons {
	text-align: right;
	margin-top: 20px;
}

.zpm-dashboard-list-item {
	box-sizing: border-box;
	padding: 0 !important;
}

.zpm-dashboard-list-item a {
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	transition: background .12s ease-in-out;
}

.zpm-dashboard-list-item a:hover {
	background: #f4f4f4;
}

.zpm_widget_date {
	right: 10px;
}

#zpm-tasks-filter-nav {
	height: max-content;
	min-height: 35px;
}

#zpm-tasks-filter-nav .zpm_nav {
	display: inline-block;
}

#zpm_task_option_container .zpm_modal_options_btn {
	position: relative !important;
	display: block !important;
	left: 5px !important;
	margin-bottom: 15px !important;
}

.zpm_side_navigation ul {
	padding: 0;
	margin: 0;
}

.zpm_filter_file {
	padding: 10px 15px;
	margin: 0;
	transition: background .12s ease-in-out, color .12s ease-in-out;
}

.zpm_filter_file:hover {
	background: #f4f4f4;
}

.zpm-notice-buttons {
	text-align: right;
}

.zpm-notice-image-left {
	max-width: 200px;
	margin: 0 auto;
	display: block;
}

.zpm-notice-image,
.zpm-notice-content {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

@media (max-width: 500px) {

	.zpm-notice-image,
	.zpm-notice-content {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
	}
}

.zpm-notice-content-title {
	font-size: 25px;
	line-height: 37px;
}

#zpm-mobile-feature .zpm-feature-image-holder {
	height: max-content;
	position: relative;
}

#zpm-mobile-feature .zpm-feature-image {
	position: relative;
	transform: unset;
	left: 0;
	top: 20px;
}

.zpm-buttons-right {
	text-align: right;
	padding: 15px 0;
}

#zpm-new-team-modal .zpm_input,
#zpm-edit-team-modal .zpm_input {
	width: 100%;
	margin-bottom: 10px;
}

#zpm-new-team-modal,
#zpm-edit-team-modal {
	padding: 15px;
	box-sizing: border-box;
	min-height: unset;
}

.zpm-new-team-member-list {
	text-align: left;
}

.zpm-team-options-btns {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

@media (max-width: 650px) {
	.zpm_team_member {
		min-width: 49%;
	}
}

@media (max-width: 500px) {
	.zpm_team_member {
		min-width: 100%;
	}
}

.zpm_button.zpm-patreon-button {
	background: rgb(249, 104, 84) !important;
}

.zpm_button.zpm-patreon-button:hover,
.zpm_button.zpm-patreon-button:focus,
.zpm_button.zpm-patreon-button:active {
	background: rgb(215, 80, 50) !important;
}

#zpm-new-task-team-selection {
	width: 100%;
	margin-bottom: 10px;
}

#zpm_create_task .zpm_modal_header {
	margin: 20px 10px !important;
	color: #333 !important;
}

#zpm_create_task .zpm_close_modal {
	top: 20px !important;
	right: 15px !important;
}

#zpm_create_task .zpm-template-custom-field {
	border: none;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

#zpm_create_task .zpm_task_custom_field {
	background: none !important;
	border-bottom: 1.5px solid #eee !important;
}

#zpm_create_task .zpm_task_custom_field:focus,
#zpm_create_task .zpm_task_custom_field:active,
#zpm_create_task .zpm_task_custom_field:hover,
#zpm_create_task .zpm_task_custom_field:focus,
#zpm_create_task .zpm_task_custom_field:active {
	border-color: #14aaf5 !important;
}

#zpm_custom_field_select_modal {
	padding-top: 0;
	border-radius: 3px;
	overflow: hidden;
}

#zpm_custom_field_select_modal .zpm_label {
	background: #14aaf5;
	color: #fff;
	margin-bottom: 0;
	padding: 10px;
}

#zpm_custom_field_select_modal #zpm_custom_field_list {
	margin-top: 0;
}

.zpm-buttons-right {
	position: relative;
}

#zpm_members {
	margin-bottom: 50px;
}

.zpm-edit-team-member-list {
	text-align: left;
}

.zpm-memeber-toggle {
	width: max-content;
	max-width: 50px;
	display: inline-block;
}

.zpm-edit-team-member-list li {
	user-select: none;
}

.zpm-teams-list .zpm_member_details {
	text-align: left;
}

.zpm-team-name {
	font-size: 17px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.zpm-team-no-members,
.zpm-no-description-error {
	color: #656565;
	font-style: italic;
}

.zpm-task-team {
	background: #14aaf5;
	color: #fff;
	border-radius: 3px;
}

.zpm-no-result-error {
	color: #ccc;
	font-style: italic;
	padding: 0 5px;
	margin-bottom: 10px;
}

.zpm-task-view-team-name {
	padding-left: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.zpm_page_title {
	position: relative;
}

#zpm-create-team-btn {
	font-size: 14px;
	position: absolute;
	right: 0;
	top: -10px;
}

#zpm-no-teams-notice {
	padding: 10px;
	color: #656565;
	font-style: italic;
}

.zpm-new-team-member-list,
.zpm-edit-team-member-list {
	max-height: 200px !important;
	overflow: auto !important;
}

.zpm-team-member-list {
	max-height: 180px !important;
	overflow: auto !important;
}

#zpm-zephyr-info {
	color: #ccc;
	cursor: pointer;
	transition: all .15s ease-in-out;
	transform-origin: center;
	top: 25%;
	left: 25px;
	transform: translateY(-50%);
	position: absolute;
	z-index: 99;
}

#zpm-zephyr-info:hover {
	color: #aaa;
}

.zpm-tooltip-window {
	background: #fff;
	display: block;
	position: absolute;
	max-width: 400px;
	width: max-content;
	font-size: 13px;
	font-weight: normal;
	opacity: 0;
	color: #333;

	-webkit-box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
	box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04);
	text-align: left;
	padding: 10px 20px;
	pointer-events: none;
	cursor: default;
}

#zpm-zephyr-info:hover .zpm-tooltip-window,
.zpm-tooltip-window:hover {
	pointer-events: all;
	animation: .4s zpm_fade_in ease forwards;
}

.zpm-plugin-version.version-pro {
	color: #5cd694;
	font-weight: bold;
}

.zpm-grid-row {
	display: flex;
}

.zpm-grid-item {
	flex: 1;
	max-width: 33%;
	margin-right: 15px;
}

.zpm-grid-container {
	width: 100%;
}

.zpm-material-card {
	background: #fff;
	padding: 15px;
	min-height: 120px;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm-material-card:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 5px rgba(0, 0, 0, 0.27);
}

.zpm-material-card-colored {
	color: #fff;
}

.zpm-grid-container .zpm-grid-item:last-of-type {
	margin-right: 0;
}

@media (max-width: 500px) {
	.zpm-grid-item {
		max-width: 100%;
		margin: 0;
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}

	.zpm-grid-row {
		display: block;
	}
}

.zpm-card-color-blue {
	background: #f61554;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #2c90e5 0%, #0221cf 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2c90e5 0%, #0221cf 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2c90e5 0%, #0221cf 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c90e5', endColorstr='#0221cf', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.zpm-card-color-purple {
	background: #66b7ef;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #6d43e3 0%, #3a057b 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #6d43e3 0%, #3a057b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #6d43e3 0%, #3a057b 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b7ef', endColorstr='#6283e5', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.zpm-card-color-red {
	background: #a74be5;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #ea3849 0%, #970d21 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ea3849 0%, #970d21 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ea3849 0%, #970d21 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea3849', endColorstr='#970d21', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.zpm-loader {
	border: 7px solid #f4f4f4;
	/* Light grey */
	border-top: 7px solid #14aaf5;
	/* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1.1s linear infinite;
}

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

	100% {
		transform: rotate(360deg);
	}
}

.zpm-modal-preloader {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: #fff;
	z-index: 999;
	text-align: center;
}

.zpm-loader-holder {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.zpm-card-header {
	margin-top: 0;
	font-size: 16px;
}

.zpm-tasks-due-list {
	margin: 0;
	box-sizing: border-box;
	padding: 0;
}

.zpm-tasks-due-item {
	position: relative;
}

.zpm-tasks-due-item a:hover {
	background: rgba(0, 0, 0, 0.02);
}

.zpm-tasks-due-item a {
	color: #fff;
	box-sizing: border-box;
	padding: 7px 5px;
	cursor: pointer;
	width: 100%;
	display: block;
	transition: background .12s ease-in-out;
}

.zpm-tasks-due-item .zpm_widget_date {
	color: #fff;
	right: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.zpm-stat-value {
	font-size: 17px;
	margin-right: 10px;
	vertical-align: middle;
}

.zpm-stat-list-item {
	padding: 3px;
}

.zpm-material-card-colored {
	min-height: 200px;
	max-height: 200px;
	overflow: auto;
}

.zpm-task-view-info {
	text-align: right;
	padding-right: 25px;
	position: fixed;
	bottom: 65px;
	right: 0;
}

.zpm-task-view-project {
	background: #f4f4f4;
	display: inline-block;
	padding: 5px 7px;
	font-size: 14px;
	color: #656565;
	cursor: pointer;
	border-radius: 2px;
	vertical-align: top;
	text-decoration: none;
	border: none;
	box-shadow: none;
}

.zpm-task-view-project:active,
.zpm-task-view-project:hover,
.zpm-task-view-project:focus {
	border: none;
	box-shadow: none;
	background: #e9e9e9;
}

#zpm_task_view_container .zpm-task-team {
	position: relative;
	margin-right: 0;
	border-radius: 2px;
	padding: 5px 7px;
	font-size: 14px;
	vertical-align: top;
}

#zephyr-deactivation-modal .zpm-modal-header {
	background: #14aaf5;
	padding: 15px;
	color: #fff;
	margin-left: 0;
}

.zpm-deactivation-buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px;
}

.zpm-deactivation-form {
	text-align: left;
	padding: 15px;
}

#zephyr-deactivation-modal {
	min-width: unset;
	max-width: 500px;
	width: max-content;
	height: max-content;
	min-height: unset;
	padding-bottom: 40px;
}

.zpm-deactivation-form .zpm_input {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.zpm-deactivation-form>div {
	margin-bottom: 10px;
}

.zpm-deactivation-form p {
	text-align: center;
}

.ripple {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: inherit;
	pointer-events: none;
	animation: ripple-shadow 0.4s forwards;
	-webkit-animation: ripple-shadow 0.4s forwards;
}

.rippleWave {
	backface-visibility: hidden;
	position: absolute;
	border-radius: 50%;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	background: rgba(255, 255, 255, 1);
	opacity: 0.45;
	animation: ripple 2s forwards;
	-webkit-animation: ripple 2s forwards;
}

/* Animations */

@keyframes ripple-shadow {
	0% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
	}

	20% {
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}

	100% {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
	}
}

@keyframes ripple {
	to {
		transform: scale(24);
		opacity: 0;
	}
}

.zpm-material-checkbox {
	z-index: 0;
	position: relative;
	display: inline-block;
	color: #656565;
	font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
	font-size: 16px;
	line-height: 1.5;
}

/* Input */
.zpm-material-checkbox>input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	z-index: -1;
	position: absolute !important;
	left: -10px;
	top: -8px;
	display: block !important;
	margin: 0 !important;
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
	box-shadow: none;
	outline: none;
	opacity: 0;
	transform: scale(1);
	pointer-events: none;
	transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.zpm-material-checkbox>span {
	display: inline-block;
	width: 100%;
	cursor: pointer;
}

/* Box */
.zpm-material-checkbox>span::before {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	margin: 3px 11px 3px 1px;
	border: solid 2px;
	/* Safari */
	border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.3);
	border-radius: 2px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.zpm-material-checkbox>span::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 1px;
	width: 10px;
	height: 5px;
	border: solid 2px transparent;
	border-right: none;
	border-top: none;
	transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.zpm-material-checkbox>input:checked,
.zpm-material-checkbox>input:indeterminate {
	background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.zpm-material-checkbox>input:checked+span::before,
.zpm-material-checkbox>input:indeterminate+span::before {
	border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
	background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.zpm-material-checkbox>input:checked+span::after,
.zpm-material-checkbox>input:indeterminate+span::after {
	border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}

.zpm-material-checkbox>input:indeterminate+span::after {
	border-left: none;
	transform: translate(4px, 3px);
}

/* Hover, Focus */
.zpm-material-checkbox:hover>input {
	opacity: 0.04;
}

.zpm-material-checkbox>input:focus {
	opacity: 0.12;
}

.zpm-material-checkbox:hover>input:focus {
	opacity: 0.16;
}

/* Active */
.zpm-material-checkbox>input:active {
	opacity: 1;
	transform: scale(0);
	transition: transform 0s, opacity 0s;
}

.zpm-material-checkbox>input:active+span::before {
	border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.zpm-material-checkbox>input:checked:active+span::before {
	border-color: transparent;
	background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.zpm-material-checkbox>input:disabled {
	opacity: 0;
}

.zpm-material-checkbox>input:disabled+span {
	color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
	cursor: initial;
}

.zpm-material-checkbox>input:disabled+span::before {
	border-color: currentColor;
}

.zpm-material-checkbox>input:checked:disabled+span::before,
.zpm-material-checkbox>input:indeterminate:disabled+span::before {
	border-color: transparent;
	background-color: currentColor;
}


.zpm_task_mark_complete {
	vertical-align: middle;
	height: 100%;
	position: absolute;
	top: 100px;
}

.zpm_task_list_data {
	vertical-align: middle;
}

.zpm_project_body {
	max-height: 100px;
	overflow: hidden;
}

.zpm-form__group {
	position: relative;
	padding: 15px 0 0;
	margin-top: 10px !important;
	background: transparent;
}

input.zpm-form__field,
textarea.zpm-form__field {
	font-family: inherit;
	width: 100%;
	border: 0;
	border-bottom: 1.5px solid #eee;
	outline: 0;
	font-size: 16px;
	color: #212121;
	padding: 7px 0;
	transition: border-color 0.2s;
	background: transparent;
	box-shadow: none;
	outline: none;
}

.zpm_body input[type="text"].zpm-form__field,
.zpm_body textarea.zpm-form__field {
	border: none;
	border-bottom: 1.5px solid #eee;
	padding-left: 0;
}

#zpm_container textarea.zpm-form__field {
	padding-left: 0;
}

input.zpm-form__field:active,
input.zpm-form__field:focus,
input.zpm-form__field:hover,
textarea.zpm-form__field:active,
textarea.zpm-form__field:focus,
textarea.zpm-form__field:hover {
	outline: none;
	box-shadow: none;
}

.zpm-form__field::placeholder {
	color: transparent;
}

.zpm-form__field:placeholder-shown~.zpm-form__label {
	font-size: 13px;
	cursor: text;
	top: 20px;
}

.zpm-form__label,
.zpm-form__field:focus~.zpm-form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: 12px;
	color: var(--zpm-label-color);
}

.zpm-form__field:focus~.zpm-form__label {
	color: #14aaf5;
}

.zpm-form__field:focus {
	padding-bottom: 6px;
	border-bottom: 1.5px solid #14aaf5;
}

#zpm_task_name_title {
	min-height: 20px;
	display: inline-block;
}

.zpm_title_information {
	display: block;
}

#zpm_task_editor_settings .zpm-form__field:active,
#zpm_task_editor_settings .zpm-form__field:focus {
	border-color: #14aaf5 !important;
}


#zpm_task_view_container .zpm_modal_task_name {
	display: inline-block;
	margin-left: 0px;
	margin-bottom: 15px;
	vertical-align: middle;
}

#zpm_task_view_container .zpm-material-checkbox {
	padding-bottom: 0;
}

#zpm_task_following {
	display: none !important;
}

#zpm-whats-new {
	margin-bottom: 15px;
}

.zpm_task_list_row {
	display: block;
}

.zpm_comment_user_text {
	max-width: 100%;
}

#zpm_system_notification a {
	color: #fff;
}

#zpm_new_task_start_date::placeholder {
	color: transparent !important;
}

#zpm_new_task_template_select_chosen,
#zpm_new_task_team_selection_chosen {
	width: 100% !important;
	max-width: unset;
}

#zpm_create_task .zpm_label {
	display: block;
	transition: 0.2s;
	font-size: 12px;
	color: var(--zpm-label-color);
}

.zpm-material-card-colored:hover {
	transform: translateY(-3px);
}

.zpm-material-card-colored {
	cursor: pointer;
}

#zpm_new_file_upload {
	overflow: visible;
}

#zpm_file_upload_project_chosen {
	width: 100% !important;
}

#zpm-edit-member-container {
	padding-top: 10px
}

#zpm_profile_settings .zpm-material-checkbox-label {
	font-size: 13px;
	line-height: 30px;
	color: #656565;
	margin-right: 10px;
}

#zpm-access-level {
	width: 100%;
}


.zpm_label {
	margin-top: 10px;
}

.zpm_task_list_row,
.zpm_task_list_row:active,
.zpm_task_list_row:focus {
	outline: none;
	box-shadow: none;
	text-decoration: none;
}

.zpm_task_complete .zpm_task_list_data.task_name {
	color: #aaa;
}

.zpm_task_list_data.task_name {
	color: #333;
}


.zpm_settings_wrap .chosen-container,
.zpm-modal .chosen-container {
	border-bottom: 1.5px solid #eee !important;
}

#zpm_project_editor #zpm_project_view_tasks {
	margin-bottom: 0;
}

.zpm_settings_wrap .chosen-container:hover,
.zpm-modal .chosen-container:hover {
	border-color: #14aaf5 !important
}

.chosen-focus-input {
	padding-left: 1px !important;
	padding-bottom: 0 !important;
}

#zpm_task_editor.zpm_body .zpm_input,
#zpm_task_editor.zpm_body .chosen-container {
	max-width: 100%;
}

.zpm-modal .chosen-single {
	border: none !important;
}

#zpm_task_name_title {
	min-height: 10px;
}

#zpm-linked-device-list {
	display: flex;
}

.zpm-linked-device {
	padding: 10px;
	box-sizing: border-box;
	flex: .3333;
}

.zpm-linked-device-card {
	min-height: 200px;
	background: #fff;
	height: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
	padding: 10px 15px;
	color: #656565;
	box-sizing: border-box;
}

.zpm-linked-device-card:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.05);
}

#zpm_project_name_title {
	min-height: 20px;
}

#zpm_create_task .zpm_modal_buttons {
	left: unset;
	right: 10px;
	width: max-content;
}

#zpm_create_task .zpm_modal_buttons button {
	margin-left: 10px;
}

#zpm_create_task .zpm_modal_header {
	margin-bottom: 0 !important;
}

#zpm_task_view_container .zpm_modal_buttons,
#zpm_quickview_modal .zpm_modal_buttons,
#zpm_create_task .zpm_modal_buttons {
	width: 100%;
	left: 0;
	bottom: 0;
	border-top: 1px solid #eee;
	padding: 10px;
	text-align: right;
	box-sizing: border-box;
	right: 0;
	transform: none;
	max-height: 60px;
}

#zpm_create_task .zpm_modal_body {
	min-height: 100% !important;
}

#zpm_task_view_container .zpm_modal_buttons {
	background: #fff;
}

#zpm_task_view_container .zpm_modal_content {
	min-height: unset !important;
	max-height: calc(100% - 155px) !important;
	height: calc(100% - 155px) !important;
}

#zpm_new_subtask_modal {
	height: auto !important;
	min-height: auto !important;
	max-height: auto !important;
}

#zpm_task_editor .chosen-single {
	width: 100% !important;
	min-width: 100%;
	max-width: unset;
	text-align: left;
}

#zpm_custom_field_select_modal {
	padding: 0;
	position: relative;
}

#zpm_custom_field_select_modal .zpm_label {
	margin: 0;
}

#zpm_custom_field_select_modal .zpm_submodal_content {
	height: 160px !important;
}

#zpm_create_task {
	min-height: 60% !important;
	max-width: unset !important;
	width: 700px;
	height: 480px !important;
	max-height: 480px !important;
}

#zpm-select-task-template {
	top: 10px;
	position: absolute;
	right: 15px;
}

.zpm-dropdown {
	position: absolute;
	background: #fff;
	z-index: 999999;
	top: 46px;
	right: 15px;
	border: 1px solid #eee;
	opacity: 0;
	transition: all .2s ease-in-out;
	pointer-events: none;
	transform: translateY(-10px);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07);
}

.zpm-dropdown.zpm-open {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0);
}

.zpm-dropdown-item {
	padding: 12px 14px;
	box-sizing: border-box;
	cursor: pointer;
	transition: background .12s ease-in-out;
}

.zpm-dropdown-item:hover {
	background: #f9f9f9;
}

#zpm_save_task {
	margin-left: 1px !important;
}

#zpm_custom_field_template_select_modal .zpm_label {
	margin: 0;
}

#zpm_custom_field_list {
	margin: 0;
	text-align: left;

}

#zpm_create_task .zpm_modal_header {
	border-bottom: 1px solid #eee;
	margin: 0 !important;
	padding: 20px 20px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07);
}

#zpm_create_task .zpm_modal_buttons {
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07);
}

#zpm-submodal-background {
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
}

#zpm-new-project-description,
.zpm_project_name_input {
	border-width: 2px !important;
	width: 100% !important;
	min-height: unset;
	margin-bottom: 5px !important;
	text-align: left !important;
	font-weight: 400 !important;
	font-size: 17px !important;
}

#zpm_project_modal {
	padding-top: 20px;
}

#zpm_project_modal .zpm_close_modal {
	top: 20px;
	right: 20px;
}

#zpm_custom_field_select_modal {
	padding: 0;
	border-radius: 3px;
}

#zpm_custom_field_select_modal .zpm_label {
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	color: #333;
	border-bottom: 1px solid #eee;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07);
}

.zpm_submodal_content .zpm_custom_field_option {
	box-sizing: border-box;
	padding: 10px 15px !important;
	border-bottom: 1px solid #eee;
}

.zpm-remove-template-field {
	z-index: 99
}

.zpm-template-custom-field .zpm-form__group {
	padding-top: 20px;
}

#zpm_loader_modal {
	height: auto;
}

#zpm_loader_modal {
	padding-top: 90px;
	pointer-events: none;
}


#zpm_loader_modal .zpm_task_loader {
	top: 10px;
}

.zpm_modal_dropdown {
	opacity: 0;
	transition: all .12s ease-in-out;
	user-select: none;
	transform: translateY(-10px);
}

.zpm_modal_dropdown.active {
	opacity: 1;
	transform: translateY(0);
}

.zpm_modal_list {
	margin: 0 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07);
}

.zpm_modal_list li {
	padding: 10px 20px !important;
	transition: all .12s ease-in-out !important;
}

.zpm_export_dropdown {
	width: auto;
	min-width: 150px
}

.zpm-no-results-error {
	color: #656565;
	font-style: italic;
	margin: 0;
	padding: 0 15px;
}

#zpm-whats-new {
	margin-top: 0;
}

#zpm-whats-new .zpm_panel_title {
	margin-bottom: 0;
	color: #66b7ef;
}

.zpm-notice-content-title {
	margin-bottom: 10px;
}

#zpm_task_view_container .zpm_nav {
	border-bottom: 1px solid #eee;
	padding-left: 10px;
	margin-left: 0;
}

.zpm-custom-task-template:hover {
	background: #f9f9f9;
}


.zpm-custom-task-template {
	transition: background .12s ease-in-out;
	padding: 7px 15px;
}

#zpm-task-template-list {
	padding: 0 !important;
}

.zpm-info-title {
	padding-left: 15px;
	padding-top: 5px;
}


#zpm_create_task .zpm_modal_buttons button {
	margin: 0 !important;
	margin-left: 5px !important;
	vertical-align: top;
	display: inline-block !important;
}

.zpm_button.zpm_button_secondary {
	background: #fff !important;
	color: #555 !important;
	border: 1px solid #aaa !important;
	box-shadow: none !important;
	border-radius: 3px !important;
}

.zpm_button.zpm_button_secondary:hover {
	background: #f4f4f4 !important;
}

#zpm-new-task-priority,
#zpm-edit-task-priority,
.zpm-priority-button {
	height: auto !important;
	padding: 8px 10px !important;
	margin-left: 0 !important;
	border: none !important;
}

#zpm-new-task-priority .zpm-dropdown,
#zpm-edit-task-priority .zpm-dropdown,
.zpm-priority-dropdown,
.zpm-priority-button .zpm-dropdown {
	bottom: 110% !important;
	right: 0%;
	height: auto;
	top: unset;
	z-index: 999999999999;
	width: 130px;
	text-align: left;
}

.zpm-dropdown-item {
	position: relative;
}

.zpm-priority-indicator {
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	width: 4px;
}

.zpm-color-low {
	background-color: #0ed98e;
}

.zpm-color-medium {
	background-color: #ffe000;
}

.zpm-color-high {
	background-color: #ffa73a;
}

.zpm-color-critical {
	background-color: #ff0047;
}

#zpm-new-task-priority[data-priority="priority_critical"],
#zpm-edit-task-priority[data-priority="priority_critical"],
.zpm-priority-selection[data-priority="priority_critical"],
#zpm-new-task-priority[data-priority="priority_critical"]:hover,
#zpm-edit-task-priority[data-priority="priority_critical"]:hover,
.zpm-priority-selection[data-priority="priority_critical"]:hover {
	background-color: #ff0047 !important;
	color: #fff !important;
	border-color: #ff0047 !important;
}

#zpm-new-task-priority[data-priority="priority_high"],
#zpm-edit-task-priority[data-priority="priority_high"],
.zpm-priority-selection[data-priority="priority_high"],
#zpm-new-task-priority[data-priority="priority_high"]:hover,
#zpm-edit-task-priority[data-priority="priority_high"]:hover,
.zpm-priority-selection[data-priority="priority_high"]:hover {
	background-color: #ffa73a !important;
	color: #fff !important;
	border-color: #ffa73a !important;
}

#zpm-new-task-priority[data-priority="priority_medium"],
#zpm-edit-task-priority[data-priority="priority_medium"],
.zpm-priority-selection[data-priority="priority_medium"],
#zpm-new-task-priority[data-priority="priority_medium"]:hover,
#zpm-edit-task-priority[data-priority="priority_medium"]:hover,
.zpm-priority-selection[data-priority="priority_medium"]:hover {
	background-color: #ffe000 !important;
	color: #fff !important;
	border-color: #ffe000 !important;
}

#zpm-new-task-priority[data-priority="priority_low"],
#zpm-edit-task-priority[data-priority="priority_low"],
.zpm-priority-selection[data-priority="priority_low"],
#zpm-new-task-priority[data-priority="priority_low"]:hover,
#zpm-edit-task-priority[data-priority="priority_low"]:hover,
.zpm-priority-selection[data-priority="priority_low"]:hover {
	background-color: #0ed98e !important;
	color: #fff !important;
	border-color: #0ed98e !important;
}

#zpm-new-task-priority[data-priority="priority_none"],
#zpm-edit-task-priority[data-priority="priority_none"],
.zpm-priority-selection[data-priority="priority_none"],
#zpm-new-task-priority[data-priority="priority_none"]:hover,
#zpm-edit-task-priority[data-priority="priority_none"]:hover,
.zpm-priority-selection[data-priority="priority_none"]:hover {
	background: #f9f9f9 !important;
	border-color: #eee !important;
}

.zpm-dropdown {
	color: #555 !important;
}

#zpm_modal_add_project {
	padding: 10px;
}

.zpm-soft-error {
	padding-left: 5px;
	color: #656565;
	font-style: italic;
}

[data-zpm-cf-default-value="textarea"] {
	min-height: 70px;
}

#zpm_new_custom_field_modal .zpm-checkbox-label {
	color: #656565;
	margin-left: 5px;
}

#zpm_new_custom_field_modal .zpm-custom-field-default-checkbox {
	margin-top: 8px !important;
	margin-right: 10px !important;
	display: inline-block !important;
}

#zpm-edit-custom-field-modal .zpm-checkbox-label {
	color: #656565;
	margin-left: 5px;
}

#zpm-edit-custom-field-modal .zpm-custom-field-default-checkbox {
	margin-right: 10px !important;
	display: inline-block !important;
}

.zpm-custom-field-range-input {
	display: block !important;
	width: 100%;
}

.zpm-custom-field-range-value label {
	display: block;
	margin-bottom: 5px;
}

.zpm-custom-field-range-value {
	display: inline-block;
	width: 50%;
}


.zpm-template-custom-field input[type="checkbox"] {
	max-width: 20px;
	display: inline-block !important;
	float: left;
}

.zpm-template-custom-field .zpm-custom-field-checkbox-label {
	display: inline-block !important;
}

.zpm-task-field-checkbox-container {
	margin-bottom: 10px;
}

#zpm_create_task div.zpm_task_custom_field {
	border-bottom: none !important;
}

.zpm_task_custom_field_checkbox {
	margin-bottom: 10px;
}

.zpm-color-none {
	background: #f9f9f9;
}

.zpm-task-priority-display {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	height: calc(100% + 2px);
	width: 5px;
	background: transparent;
}

.zpm-task-priority-display.priority_low,
.zpm-task-priority-bubble.priority_low,
.zpm-kanban-priority.priority_low {
	background: #0ed98e;
	color: #fff;
}

.zpm-task-priority-display.priority_medium,
.zpm-task-priority-bubble.priority_medium,
.zpm-kanban-priority.priority_medium {
	background: #ffe000;
	color: #fff;
}

.zpm-task-priority-display.priority_high,
.zpm-task-priority-bubble.priority_high,
.zpm-kanban-priority.priority_high {
	background: #ffa73a;
	color: #fff;
}

.zpm-task-priority-display.priority_critical,
.zpm-task-priority-bubble.priority_critical,
.zpm-kanban-priority.priority_critical {
	background: #ff0047;
	color: #fff;
}

.zpm-task-priority-bubble {
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	background: #f9f9f9;
	padding: 2px 6px;
	border-radius: 2px;
	line-height: 16px;
}

#zpm_kanban_container {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}




#zpm-new-project-priority[data-priority="priority_none"] {
	color: #555 !important;
}

#zpm-new-project-description {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	border-width: 3px !important;
}

#zpm-new-project-description::placeholder {
	color: #656565;
	letter-spacing: .5px;
	font-size: 13px;
}

#zpm_project_modal .zpm_modal_buttons {
	width: 100%;
	bottom: 0;
	text-align: right !important;
	padding: 10px;
	padding-right: 10px !important;
	box-sizing: border-box;
}

#zpm_modal_add_project {
	margin: 0;
}

#zpm_project_modal .zpm_modal_content {
	margin-bottom: 40px;
}

.zpm_project_name_input {
	width: 90%;
}

#zpm-task-to-project-modal {
	width: auto;
	height: auto;
	min-width: 400px;
	min-height: 0;
	padding: 15px;
}

#zpm-task-to-project-modal .zpm-modal-title {
	margin-top: 5px;
}

#zpm-kanban-to-project-id {
	width: 100%;
	margin-bottom: 10px;
}

#zpm-task-to-project-modal .zpm-modal-buttons {
	text-align: right;
}

#zpm_switch_project_type_button {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 10px 15px;
	border: 1px solid #656565;
	border-radius: 20px;
	color: #656565;
	height: 14px;
	line-height: 14px;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#zpm_switch_project_type_button:hover {
	color: #000;
	border-color: #aaa;
}

.zpm-tooltip {
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 80%;

	width: max-content;
	left: 50%;
	opacity: 0;
	padding: 10px;

	border-radius: 3px;
	max-width: 300px;
	transform: translate(-50%, 0);
	text-transform: none;
	color: #ccc;
	z-index: 99;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm-tooltip-parent {
	position: relative;
}

.zpm-tooltip-parent:hover .zpm-tooltip {
	color: #ccc;
	opacity: 1;
	bottom: 110%;
}

#zpm_profile_settings select {
	width: 250px;
}

.zpm_label.zpm_divider_label {
	border-bottom: 1px solid #eee;
	padding-bottom: 7px;
	margin-bottom: 20px !important;
	width: 50%;
	font-size: 13px;
	color: #eee;
	margin-top: 25px;
}

#zpm-new-project-priority .zpm-priority-name {
	text-align: center;
	display: inline-block;
	width: 100%;
}

#zpm-project-preview__header {
	display: inline-block;
	margin-top: 5px !important;
	margin-bottom: 15px !important;
	margin-right: 10px !important;
}

#zpm-new-project-priority[data-priority="priority_none"]:hover {
	background: #f4f4f4 !important;
}

.zpm_button {
	display: inline-block !important;
	vertical-align: middle;
}

#zpm_system_notification {
	padding: 10px;
	border-radius: 2px;
}

.zpm_button,
button.zpm_button,
a.zpm_button,
div.zpm_button {
	display: inline-block;
	vertical-align: top !important;
	line-height: 13px;
	font-size: 13px;
	padding: 8px 10px !important;
}


#zpm-welcome-container {
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d92e5+0,001bce+100 */
	background: #2d92e5;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2d92e5 0%, #001bce 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d92e5', endColorstr='#001bce', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	padding: 40px 20px;
	margin-bottom: 20px;
	color: #fff !important;
	margin: 20px 80px;
	height: 130px;
}

.zpm-welcome-message__header {
	color: #fff;
	font-weight: normal;
}

#zpm-welcome-container__left,
#zpm-welcome-container__right {
	display: inline-block;
	width: 40%;
	white-space: nowrap;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	height: 100%;
	position: relative;
}

#zpm-welcome-container__right {
	text-align: right;
}

.zpm-welcome-message__logo {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(50%, -50%);
}

#zpm-new-task-priority {
	margin-right: 0;
	border-radius: 2px !important;
	border: none !important;
}

#zpm_profile_settings,
#zpm_save_general_settings {
	display: block !important;
}

.zpm-material-checkbox input:before {
	display: none !important;
}

.zpm-priority-selection[data-priority="priority_none"] {
	color: #444 !important;
}

#zpm_project_name_title {
	display: inline-block;
	margin-right: 7px;
}

#zpm-project-edit-priority-label {
	margin-bottom: 5px;
}

.zpm-task-priority-bubble.zpm-label-hidden {
	display: none;
}

#zpm-task-edit-priority-label {
	margin-bottom: 5px;
	margin-left: 7px;
}

#zpm-zephyr-details-tooltip {
	width: 600px;
	height: auto;

	background: #2d92e5;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2d92e5 0%, #001bce 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d92e5', endColorstr='#001bce', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	color: #fff !important;

}

.zpm-info__plugin-versions {
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-size: 2px !important;
}

.zpm-info__plugin-features {
	margin-bottom: 30px;

}

.zpm-plugin-version {
	display: inline-block;
	font-size: 11px;
	vertical-align: top;
	margin: 0;
	margin-left: 10px;
}

.zpm-plugin-version.version-basic {
	border-right: 1px solid #eee;
	padding-right: 10px;
	opacity: .6
}

.zpm-plugin-version.version-pro {
	opacity: 1;
	color: #fff;
}

.zpm-feature__description {
	opacity: .7;
	margin-bottom: 20px;
}

.zpm-info__subtitle {
	font-size: 15px;
	margin-top: 30px;
}

.zpm-info__header {
	color: #fff !important;
	font-weight: normal
}

.zpm-feature__links {
	margin-bottom: 20px;
}

.zpm-feature__links a {
	color: #fff !important;
}

#zpm-zephyr-info>i {
	opacity: .7;
}

#zpm-zephyr-info:hover i {
	opacity: 1;
}

.zpm-pro-upselling {
	display: block;
	width: 100%;
	padding: 14px;
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	right: 0;
	bottom: 40px;
}

.zpm-priority-dropdown {
	z-index: 9999999999 !important;
}

#zpm-new-project-priority {
	z-index: 999999;
}



.zpm-task-item__custom-field {
	padding-left: 5px;
	border-left: 1px solid #ddd;
	margin-left: 5px;
}

.zpm-task-item__custom-field-value {
	color: #aaa;
}

.zpm_admin_notice {
	background: #2d92e5;
	background: -moz-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	background: -webkit-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	background: linear-gradient(135deg, #2d92e5 0%, #001bce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d92e5', endColorstr='#001bce', GradientType=1);
	color: #fff !important;
	margin: 7px;
	border: none !important;
	padding: 25px !important;
	box-sizing: border-box;
	border-bottom: none !important;
}

.zpm_admin_notice .zpm_notice_heading {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}

.zpm_admin_notice .zpm_panel_description {
	opacity: 0.8;
}

#zpm_dismiss_welcome_notice {
	top: 25px !important;
	right: 25px !important;
	color: #fff !important;
	opacity: .8;
}

#zpm_dismiss_welcome_notice:hover {
	color: #fff !important;
	opacity: 1;
}

#zpm_filter_projects {
	width: auto !important;
	min-width: none !important;
	min-width: unset;
}

#zpm_filter_options {
	width: auto;
	min-width: 150px;
}

#zpm_filter_options li {
	padding: 15px 15px !important;
}

.zpm-dropdown-item {
	padding: 10px 15px;
}

.zpm-priority-button .zpm-dropdown-item {
	padding: 15px 15px !important;
}

.zpm_button .zpm-dropdown-item {
	padding: 12px 14px;
}

#zpm_quickview_modal .zpm_modal_buttons {
	background: #fff;
}

#zpm-project-modal-overview {
	height: calc(100% - 135px);
	overflow: auto;
}

#zpm_profile_settings #zpm_task_edit_custom_fields {
	width: 100%;
}

#zpm-profile-settings-buttons {
	padding-top: 10px;
}

#zpm-profile-settings-buttons #zpm_profile_settings {
	display: inline-block !important;
	margin: 0;
}

[data-section="profile_settings"] .wp-picker-container label {
	margin-top: -10px !important;
	display: inline-block !important;
}

.zpm-dropdown__subdropdown-container .zpm-dropdown {
	left: 98%;
	right: unset;
	width: 180px;
}

.zpm-dropdown__subdropdown-container:hover .zpm-dropdown {
	display: block;
	opacity: 1;
	position: absolute;
	pointer-events: all;
}

#zpm_container #zpm-project-filter-title {
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	margin: 0;
	margin-top: 0 !important;
	margin-left: 10px;
}

.zpm-submenu-indicator {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#zpm_filter_options li {
	position: relative;
}

.zpm-dropdown__subdropdown-container .zpm-dropdown {
	top: -50%;
}

#zpm_new_status_btn,
#zpm_new_priority_btn {
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
}

#zpm_new_status_modal {
	height: auto;
	min-height: unset;
	padding: 20px;
	overflow: visible;
}

.zpm-modal-header {
	text-align: left;
}

#zpm_create_status {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#zpm_new_status_modal {
	text-align: left;
}

.zpm-status-list__item,
.zpm-priority-list__item {
	transition: background .1s ease-in-out;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 10px 10px;
	margin: 0;
	border-bottom-color: #f7f7f7;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 34px;
	padding-left: 20px;
	position: relative;
	margin-top: -1px;
	cursor: pointer;
	transition: all .12s ease-in-out;
}

.zpm-status-list__item:hover,
.zpm-priority-list__item:hover {
	background: #f9f9f9;
}

.zpm-status-list__item-color,
.zpm-priority-list__item-color {
	position: absolute;
	left: 0;
	top: 0;
	height: 101%;
	width: 3px;
}

#zpm_task_editor #zpm_task_edit_custom_fields {
	width: 100%;
}

#zpm_quickview_modal .zpm-task-priority-bubble {
	margin-bottom: 5px;
}

#zpm_edit_status_modal {}

#zpm_edit_status_btn {
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
}

#zpm_edit_status_modal {
	height: auto;
	min-height: unset;
	padding: 20px;
	overflow: visible;
	text-align: left;
}

#zpm_edit_status {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.zpm-delete-status,
.zpm-delete-priority {
	float: right;
	line-height: 20px;
	opacity: 0;
	transition: all .12s ease-in-out;
}

.zpm-status-list__item,
.zpm-priority-list__item {
	padding-right: 20px;
}

.zpm-status-list__item:hover .zpm-delete-status,
.zpm-priority-list__item:hover .zpm-delete-priority {
	opacity: 1;
}

.zephyr-modal {
	height: auto;
	min-height: unset;
	padding: 20px;
}

.zephyr-modal .zpm-modal-footer {
	text-align: right;
	margin-top: 10px;
}

.zpm-material-card-colored.zpm-card-color-darker-blue {
	background: #2d92e5;
	background: -moz-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	background: -webkit-linear-gradient(-45deg, #2d92e5 0%, #001bce 100%);
	background: linear-gradient(135deg, #2d92e5 0%, #001bce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d92e5', endColorstr='#001bce', GradientType=1);
}

.zpm-grid-row {
	margin-bottom: 15px;
}

.zpm-material-card {
	display: block;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	padding: 25px;
}

.zpm-material-card:hover,
.zpm-material-card:active,
.zpm-material-card:focus,
.zpm-material-card:visited {
	color: #fff !important;
}

.zephyr-plugin-card {
	display: block;
	width: 100%;
	padding: 20px;
	color: #fff !important;
	text-decoration: none;
	background: #28cc74;
	background: -moz-linear-gradient(-45deg, #28cc74 0%, #00baa7 100%);
	background: -webkit-linear-gradient(-45deg, #2d92e5 0%, #00baa7 100%);
	background: linear-gradient(135deg, #28cc74 0%, #00baa7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d92e5', endColorstr='#001bce', GradientType=1);
	min-height: unset;
}

.zephyr-plugin-card * {
	color: #fff;
}

#zpm_container .zephyr-plugin-card__header {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.zephyr-error-modal .zpm-modal-buttons {
	text-align: right;
}

#zpm_csv_task_list {
	max-height: 230px;
	overflow: auto;
	padding: 0;
}

#zpm_import_csv_data_modal .zpm_button_borderless {
	color: #fff !important;
}

.zpm_imported_task:hover {
	background: #f9f9f9;
}

#zpm_view_task_dropdown {
	width: 140px !important;

}

#zpm_view_task_dropdown li {
	text-align: left;
	max-width: 180px;
}

#zpm_project_modal {
	max-width: unset;
	width: 100%;
	height: 100%;
}

#zpm_project_modal .zpm_col_container {
	text-align: center !important;
	display: block !important;
}

.zpm_project_name_input,
#zpm-new-project-description {
	font-size: 13px !important;
	font-weight: normal !important;
	padding: 20px !important;
}

#zpm-new-project-description {
	min-height: 120px;
}

#zpm_project_modal .zpm_close_modal,
#zpm_quickview_modal .zpm_close_modal {
	transform: none;
}

#zpm_task_view_container #zpm_view_task_dropdown {
	width: auto !important;
	width: max-content !important;
}

.zpm_col_container {
	display: block;
	white-space: nowrap;
	margin-top: 20px;
}

.zpm_modal_item {
	display: inline-block;
	width: auto;
}

.zpm-no-comments-error {
	padding: 10px;
	color: #656565;
}

#zpm_quickview_modal .zpm_close_modal {
	font-size: 18px;
}

@media(max-width: 650px) {
	.zpm_modal_item {
		width: 50%;
	}
}

.zephyr-confirm-modal .zpm-modal-header {
	font-size: 15px;
	font-weight: normal;
}

.zephyr-confirm-modal {
	text-align: left;
}

.zpm_comment_content {
	white-space: pre-wrap;
}

#zpm_task_view_container .zpm_comment_attachment {
	display: block !important;
	vertical-align: top;
	height: auto !important;
	width: 300px !important;
	max-width: unset !important;
}

#zpm_task_view_container .zpm-image-attachment-preview {
	width: 100%;
}

@media(max-width: 700px) {
	#zpm_create_task {
		max-width: 100% !important;
		width: 100% !important;
		height: 100% !important;
		max-height: unset !important;
		padding-bottom: 300px !important;
	}

	#zpm_create_task .zpm_modal_buttons {
		position: fixed;
		bottom: 150px;
		right: 0;
		z-index: 99999;
	}
}

@media(max-width: 500px) {

	#zpm_create_task .zpm_modal_buttons {
		position: fixed;
		bottom: 100px;
		right: 0;
		z-index: 99999;
	}

	#zpm_create_task .zpm_modal_buttons>.zpm_button {
		display: block !important;
		width: 100%;

		margin: 0 !important;
		margin-bottom: 5px !important;
		box-sizing: border-box;
		text-align: center;
	}
}

#zpm-project-single__save_settings {
	margin-top: 10px;
}


.zpm-image-attachment-preview,
.zpm_comment_attachment {
	max-width: 100%;
}

.zpm_comment_attachments {
	box-sizing: border-box;
	padding-left: 0;
}

.zpm_comment {
	box-sizing: border-box;
	padding-right: 15px;
}

#zpm_calendar .fc-event {
	box-shadow: 0 0 1px rgba(76, 86, 103, .25), 0 10px 18px rgba(31, 37, 50, .04) !important;
}

#zpm_calendar .fc-event:hover {
	box-shadow: 0 0 10px rgba(76, 86, 103, .25), 0 20px 18px rgba(31, 37, 50, .04) !important;
}

.zpm-calendar__filter-section {
	display: inline-block;
	vertical-align: top;
}

#zpm-calendar__filter {
	position: absolute;
	top: 0;
	right: 20px;
}

#zpm_calendar {
	margin-top: 20px !important;
	box-shadow: none;
	border: none;
}

#zpm-calendar__container {
	box-shadow: none;
}

@media(max-width: 670px) {
	#zpm-calendar__filter {
		bottom: -280px;
		top: unset;
		left: 0;
	}

	.zpm-calendar__filter-section {
		display: block;
	}

	.zpm-calendar__filter-section select {
		width: 100%;
	}
}

.zpm-task__type-label {
	border: 1px solid;
	padding: 3px 7px;
	border-radius: 2px;
	margin-left: 7px;
}

#zpm_task_view_container .zpm-task__type-label {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 6px !important;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 11px;
	height: 14px;
	margin-left: 3px;
	line-height: 15px;
}

#zpm-dashboard__daily-tasks {
	margin-top: 20px;
}

.zpm-daily-tasks__list-item {
	padding: 7px 10px;
	cursor: pointer;
	position: relative;
	transition: background .2s ease-in-out;
}

.zpm-daily-tasks__list-item:hover {
	background: #f9f9f9;
}

.zpm-block-url {
	display: block;
	color: #333;
	text-decoration: none;
}

.zpm-block-url:hover,
.zpm-block-url:focus,
.zpm-block-url:active,
.zpm-block-url:visited {
	color: #333;
	outline: none;
	box-shadow: none;
}

.zpm-daily-task__priority {
	padding: 3px 5px;
	border-radius: 2px;
	color: #fff;
	margin-left: 10px;
}

.zpm-daily-task__details {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#zpm-settings__custom-css {
	min-height: 150px !important;
	padding: 10px !important;
}

#zpm_add_new_btn {
	top: -10px;
}

#zpm-project-stat-overview.zpm-user-overview-stats {
	display: flex;
}

label[for="zpm-edit-task__type-daily"] {
	margin-bottom: 10px !important;
	margin-top: 10px;
	display: block !important;
}

.zpm-material-checkbox {
	user-select: none;
}

.zpm_project_grid_cell .zpm_project_avatar {
	max-height: 55px;
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	white-space: nowrap;
}

.zpm-project-stat-value.medium {
	color: #ff9100;
}

.zpm-error__loading-members {
	padding: 10px 15px;
}

.zpm-project-progress-member__item {

	padding: 3px;
	box-sizing: border-box;
	white-space: nowrap;
	margin-bottom: 10px;
	display: inline-block;
	min-width: calc(100% / 3);
	max-width: 20px;
	float: left;
}

.zpm-project-progress__member {
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.00);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
	position: relative;
}

.zpm-project-progress__member:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 15px rgba(0, 0, 0, 0.05);
}


.zpm-project-progress-member__item:after {
	content: "";
	display: table;
	clear: both;
}

.zpm-project-progress__member-details {
	position: absolute;
	top: 0;
	background: #fff;
	z-index: 999;
	border: 1px solid #eee;
	opacity: 0;
	pointer-events: none;
	left: 0;
	padding: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 15px rgba(0, 0, 0, 0.01);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	transform: translateY(-95%);
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
}

.zpm-project-progress__member:hover .zpm-project-progress__member-details {
	opacity: 1;
	pointer-events: all;
	transform: translateY(-100%);
}

#zpm-project-progress-member__list {
	display: block;
	margin-bottom: 10px;
}

.zpm-progress-member__avatar {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%;
	background-size: cover;
	margin-right: 7px;
}

.zpm-member-progress__stat {
	padding: 5px;
	color: #000;
	font-weight: bold;
}

.zpm-member-progress__stat .zpm-stat-val {
	font-weight: normal;
	color: #656565;
}

.zpm-project-progress__member.zpm-green {
	background: #0bd460;
	border-color: #0bd460;
	color: #fff;
}

.zpm-project-progress__member.zpm-green .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-green .zpm-member-stat__completed .zpm-stat-val {
	color: #0bd460;
}

.zpm-project-progress__member.zpm-yellow-green {
	background: yellowgreen;
	border-color: yellowgreen;
	color: #fff;
}

.zpm-project-progress__member.zpm-yellow-green .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-yellow-green .zpm-member-stat__completed .zpm-stat-val {
	color: yellowgreen;
}

.zpm-project-progress__member.zpm-yellow {
	background: #ffe500;
	border-color: #ffe500;
	color: #fff;
}

.zpm-project-progress__member.zpm-yellow .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-yellow .zpm-member-stat__completed .zpm-stat-val {
	color: #ffe500;
}

.zpm-project-progress__member.zpm-yellow-orange {
	background: orange;
	border-color: orange;
	color: #fff;
}

.zpm-project-progress__member.zpm-yellow-orange .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-yellow-orange .zpm-member-stat__completed .zpm-stat-val {
	color: orange;
}

.zpm-project-progress__member.zpm-orange .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-orange .zpm-member-stat__completed .zpm-stat-val {
	color: orange;
}

.zpm-project-progress__member.zpm-orange {
	background: orange;
	border-color: orange;
	color: #fff;
}

.zpm-project-progress__member.zpm-red {
	background: #e8005c !important;
	border-color: #e8005c !important;
	color: #fff;
}

.zpm-project-progress__member.zpm-red .zpm-member-stat__percentage .zpm-stat-val,
.zpm-project-progress__member.zpm-red .zpm-member-stat__completed .zpm-stat-val {
	color: #e8005c;
}

.zpm-progress-member__percent {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#zpm-chart-filter__container {
	clear: both;
	text-align: right;
	margin: 40px 0;
	margin-bottom: 20px !important;
}

.zpm-table {
	width: 100%;
}

.zpm-table .zpm-table__th,
.zpm-table .zpm-table__cell {
	display: inline-block;
	width: 25%;
	white-space: nowrap;
}

.zpm-table__header {
	border-bottom: 1px solid #eee;
}

.zpm-table__header,
.zpm-table__row {
	display: table;
	width: 100%;
	/*Optional*/
	table-layout: fixed;
	/*Optional*/
	border-spacing: 10px;
	/*Optional*/
}

.zpm-table__row {
	border: 1px solid transparent;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.00);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.zpm-table__row:hover {
	border-color: #eee;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 15px rgba(0, 0, 0, 0.05);
}

#zpm_project_view_tasks .zpm_message_center {
	margin-bottom: 40px !important;
}

.zpm-search-cat-name {
	background: blue;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
	vertical-align: middle;
	line-height: 15px;
	border-radius: 2px;
	margin-left: 7px;
}

#zpm-search-tasks,
#zpm-search-projects {
	max-width: unset !important;
}

#zpm-search-results {
	width: auto !important;
}

.zpm_task_details .zpm_task_assignee {
	margin-left: 0;
}

.zpm_task_details .zpm_task_project {
	margin-right: 5px;
}

.zpm-task-modal__assignee {
	margin-right: 10px;
}

.zpm-input-chosen {
	border: none !important;

}

.zpm_settings_wrap .chosen-container:hover,
.zpm-modal .chosen-container:hover {
	box-shadow: none !important;
}

.zpm_settings_wrap .chosen-container,
.zpm-modal .chosen-container {
	outline: none;
	box-shadow: none !important;
	border: 1px solid #eee !important;
	padding: 3px !important;
}

.zpm_settings_wrap .chosen-container,
.zpm-modal .chosen-container:hover {
	border: 1px solid #eee !important;
}

.zpm_settings_wrap .chosen-container .chosen-choices,
.zpm-modal .chosen-container .chosen-choices {
	border: none;
	box-shadow: none !important;
	background: unset;
}

.search-choice {
	border-radius: 2px !important;
	background: #fff !important;
	cursor: pointer !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07) !important;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.search-choice:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20), 0 2px 1px rgba(0, 0, 0, 0.05) !important;
}

.search-choice-close {
	color: #fff;
	transition: none;

}

#zpm_new_task_assignee_chosen {
	padding: 0 !important;
	height: auto;
	height: 30px;
}

.zpm-project-status__name {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	padding: 2px 5px;
	color: #fff;
	border-radius: 2px;
	bottom: 100%;
	transition: all .12s ease-in-out;
}

.zpm_project_status {
	position: relative;
}

.zpm_project_status:hover .zpm-project-status__name {
	opacity: .9;
	bottom: 120%;
}

#zpm_new_task__status_chosen {
	margin-bottom: 10px;
}

.zpm_project_name_input {
	max-height: 50px !important;
	min-height: unset;
	border-width: 2px !important;
	padding: 10px 10px !important;
}

#zpm-new-project-description {
	border-width: 2px !important;
	padding: 10px 10px !important;
}

#zpm_project_modal {
	-webkit-filter: blur(0.000001px);
	-webkit-font-smoothing: antialiased;
}

#zpm-new-project__fields {
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
}

#zpm_project_modal .zpm_modal_body {
	overflow: auto;
}

.zpm-project-preview__status-color {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	margin-right: 7px;
	border-radius: 50%;
}

.zpm-default-color {
	background: #eee;
}

.zpm-categories-section {
	margin-top: 0 !important;
}

.zpm-project-status__name {
	width: auto;
	width: max-content;
}

#zpm_edit_project__status_chosen {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.zpm_task_assignee {
	margin-left: 2px;
	margin-right: 2px;
}

.zpm-daily-task__details .zpm_task_due_date {
	margin-left: 5px;
}

#zpm_projects_holder .zpm_no_results_message {
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
}

#zpm-header-breadcrumb {
	margin-bottom: 25px;
}

.zpm_project_item .zpm_project_description {
	display: block;
	max-height: 6em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
}

#zpm-error__no-edit-access {
	width: 100%;
	padding: 30px;
	line-height: 2px;
}

#zpm_quicktask_select_assignee_chosen {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zpm-table {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	border-radius: 2px;
}

.zpm-table__row {
	position: relative;
}

.zpm-table__avatar {
	position: relative;
	transform: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: cover;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}

.zpm-table__label {
	display: inline-block;
	background: #f4f4f4;
	margin-left: 10px;
	padding: 5px;
}

.zpm-table__full-link {
	text-decoration: none !important;
	color: #333 !important;
}

.zpm-table__full-link:active,
.zpm-table__full-link:focus,
.zpm-table__full-link:visited {
	outline: none !important;
	box-shadow: none !important;
}

.zpm_button[disabled] {
	background: #333 !important;
	opacity: .5;
}

.zpm-table-pagination {
	text-align: right;
	padding-top: 10px;
	margin-bottom: 50px;
}

.zpm-back-link,
.zpm-back-link:focus,
.zpm-back-link:active {
	outline: none !important;
	box-shadow: none !important;
}

#zpm-create-team-btn {
	top: 5px;
}

.zpm-user-row__access-controls {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#zpm_calendar__filter_project_chosen,
#zpm_calendar__filter_assignee_chosen,
#zpm_calendar__filter_team_chosen,
#zpm_calendar__filter_completed_chosen {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zpm-calendar__completed {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #eee;
	padding: 3px;
	border-radius: 3px;
}

#zpm-project-list__count {
	padding-left: 10px;
}

#zpm_create_new_project {
	top: -25px;
}

.zpm_project_grid_name {
	max-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 30px);
}


#zpm-project-pagination {
	padding: 15px;
	padding-top: 0;
	text-align: right;
}

.zephyr-theme-default #zpm-project-pagination {
	text-align: center;
}

.zpm-projects-previous,
.zpm-projects-next {
	width: 100px;
}

.zpm_button_inverted {
	background: transparent !important;
}

.zpm_button_inverted:hover,
.zpm_button_inverted:active,
.zpm_button_inverted:focus {
	color: #fff !important;
}

.zpm_button_inverted[disabled="disabled"],
.zpm_button_inverted[disabled="disabled"]:hover {
	opacity: .2;
	background: transparent !important;
}

.chosen-container-multi,
.chosen-container.chosen-container-multi:last-of-type {
	margin: 0 !important;
	padding: 0 !important;
}

.zpm-chosen-select+.chosen-container,
.zpm-chosen-select+.chosen-container:hover {
	margin: 0 !important;
	border: none !important;
	padding: 0 !important
}

#zpm_new_task__recurrence_select_chosen,
#zpm_edit_task__recurrence_select_chosen {
	margin-bottom: 6px !important;
}

#zpm-edit-task__recurrence,
#zpm-new-task__recurrence {
	margin: 6px;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	width: auto;
	width: max-content;
}

.zpm-task-recurrence__icon {
	margin-right: 10px;
}

#zpm-new-task__recurrence,
#zpm-edit-task__recurrence {
	width: 100%;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

#zpm-edit-task__recurrence {
	margin-bottom: 10px !important;
}

#zpm_new_task__recurrence_daily_chosen {
	margin-bottom: 5px !important;
	display: block;
}

#zpm_edit_task__recurrence_daily_chosen {
	padding: 7px !important;
	margin-bottom: 7px !important;
}

#zpm-task-view__footer-details {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

#zpm-task-archived__icon {
	margin-left: 10px;
	opacity: .7;
}

#zpm-project-pagination {
	text-align: center;
}

.zpm-projects-pagination__page {
	font-size: 0.8em;
	width: 35px;
	height: 35px;
	line-height: 0;
	text-align: center;
	padding: 0 !important;
	box-sizing: border-box !important;
	margin-bottom: 5px;
}

.zpm-project-view__list #zpm-project-list {
	display: block;
}

.zpm-project-view__list .zpm_project_grid_cell {
	width: 100% !important;
	max-height: 46px;
	margin: 0;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid #eee !important;
	display: flex !important;
	padding: 0 0 !important;
	line-height: 50px;
	overflow: hidden;
	position: relative;
	border: none !important;
	cursor: hover;
}

.zpm-project-view__list .zpm_project_grid_cell .zpm_project_item:hover {
	background: #f9f9f9;
}

.zpm-project-view__list .zpm_project_grid_cell .zpm_project_item {
	display: flex;
	cursor: pointer;
	height: 100%;
}

.zpm-project-view__list .zpm_project_grid_cell .zpm_project_item:hover {
	box-shadow: none !important;
}

.zpm-project-view__list .zpm_project_grid_cell * {
	font-size: 13px;
}

.zpm-project-view__list .zpm_project_grid_cell:after {
	display: none;
}

.zpm-project-view__list .zpm-project-item-title {
	display: inline-block;
	height: 100%;
}

.zpm-project-view__list .zpm-project-item__footer {
	display: none;
}



.zpm-project-view__list .zpm-project-list-details {
	visibility: hidden;
	position: absolute !important;
	right: 15px !important;
	top: 0 !important;
	display: block;
	margin: 0 !important;
	display: inline-block !important;
}

.zpm-project-view__list .zpm-project-item__due_date {
	visibility: visible;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
	padding-left: 10px;
}

.zpm-project-view__list .zpm-project-list-description {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zpm-project-view__list .zpm-project-list-description {
	display: inline-block;
	height: 100%;
	width: auto;
	margin: 0;
}

.zpm-project-view__list .zpm-error-subtle {
	margin: 0;
}

.zpm-project-view__list .zpm-project-list-description {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	max-height: 30px !important;
}

.zpm-project-view__list .zpm-task-priority-bubble {
	display: none;
}

.zpm-project-view__list #zpm-project-list {
	padding: 10px;
	padding-top: 10px;
}

.zpm-project-view__list .zpm_project_grid_options {
	display: none;
}

#zpm-projects__view-options {
	top: -5px;
	margin-left: 10px;
}

.zpm-project-view__option {
	font-size: 18px;
	cursor: pointer;
	color: #707070
}

.zpm-project-view__list #zpm-project-list {
	display: block;
}

.zpm-project-view__list {
	margin-top: 15px;

}

#zpm_project_list.zpm-project-view__list+#zpm-project-pagination {
	margin-top: 10px;
}

.zpm-project-view__list .zpm_project_title.project_name:hover {
	background: transparent !important;
	color: #333;
}

.zpm-project-view__list .zpm_project_grid .zpm_project_grid_cell:last-of-type {
	border-bottom: 1px solid #ccc !important;
}

.zpm-project-view__list .zpm_project_title.project_name {
	display: inline-block;
	width: auto;
	padding-right: 0 !important;
	line-height: 25px !important;
}

.zpm-project-view__list .zpm_project_grid_name {
	text-overflow: visible !important;
	overflow: visible;
	margin: 0px !important;
}

.zpm-project-view__list .zpm_project_description {
	line-height: 25px !important;
	opacity: .4;
}

.zpm-project-view__list .zpm-project-grid__date {
	display: none;
}

.zpm-project-view__list .zpm-project-grid__date {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	opacity: .6;
	display: inline-block;
}

.zpm-project-view__list .zpm_project_grid_member {
	display: none !important;
}

.zpm-project-view__list .zpm_project_title .ripple {
	display: none !important;
}

#zpm_project_editor input,
#zpm_project_editor textarea {
	max-width: unset;
	width: 100% !important;
}

.zpm-task-actions__hidden {
	display: none;
}

.zpm-message__mention {
	color: #0055ff;
}

.zpm-message__mention-info {
	position: absolute;
	top: 0;
	background: #f9f9f9;
	transform: translateY(-90%);
	width: auto;
	width: max-content;
	padding: 5px 10px;
	text-align: center;
	color: #333;
	left: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 6px rgba(0, 0, 0, 0.07);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
}

.zpm-message__mention:hover .zpm-message__mention-info {
	pointer-events: all;
	opacity: 1;
	transform: translateY(-120%);
}

.zpm-message__mention {
	position: relative;
	cursor: pointer;
}

.zpm-mention-info__avatar {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 15px;
}

#zpm_container #zpm_chat_message {
	min-height: 150px;
}

.mentions-input-box .mentions {
	left: 2px;
	top: 3px;
	letter-spacing: .2px;
}

.mentions-input-box .mentions>div>strong {
	color: #d8dfea;
	padding: 2px 3px;
}

#zpm_chat_message {
	background: transparent;
}

#zpm-file-manager__project-change {
	width: 100%;
}

#zpm_new_task__status_chosen {
	margin-bottom: 10px !important;
}

#zpm_task_view_container #zpm_chat_message {
	border: none;
	min-height: unset;
	height: 45px;
}

.zpm_comment_user_text {
	overflow: visible !important;
}

#zpm-new-project-description {
	border-width: 1px !important;
}

.zpm-edit-project__assignee-wrap {
	margin-bottom: 10px !important;
	;
}

#zpm_new_subtask_modal {
	max-height: none;
}

.zpm-row {
	display: flex;
}

.zpm-col {
	flex: 1;
	padding: 10px;
}

.zpm-col-6 {
	flex-basis: 50%;
}

.zpm-subtask__due {
	float: right;
	line-height: 30px;
}

.zpm_subtask_item {
	width: 100%;
	border-bottom: 1px solid #eee;
}

#zpm_task_editor_subtasks {
	width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}

.zephyr-ajax-modal:not(.loaded) {
	min-height: 60px;
	min-width: 60px;
}

.zpm-modal-buttons__right {
	text-align: right;
}

.zpm_subtask_name {
	padding-right: 0;
}

.zpm-subtask__description {
	color: #aaa;
}


.zpm-calendar__description {
	font-size: 11px;
}

#zpm_project_editor .zpm_task_mark_complete {
	width: 40px !important;
	left: -11px;
}

.zpm-dropdown__extended {
	background: #fff;
	width: 300px;
	position: absolute;

	padding: 10px;

	border-radius: 3px;
	z-index: 999999999;
	left: 50%;
	transform: translate(-50%, -5px);
	text-align: left;
}

#zpm_switch_project_type_button:hover .zpm-dropdown__extended {
	display: block;
	opacity: 1;
	pointer-events: all;
	transform: translate(-50%, -15px);
}

.zpm-dropdown__extended .zpm-dropdown-item {
	border-radius: 4px;
	text-transform: initial;
	letter-spacing: initial;
	padding: 10px;
}

.zpm-dropdown__extended .zpm-dropdown-item p {
	margin: 0;
}

.zpm-dropdown-item .zpm-dropdown-item__title {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 7px !important;
}

.zpm-dropdown-item .zpm-dropdown-item__sub {
	font-weight: normal;
	font-size: 13px;
	opacity: .6
}

.zpm-pro-required-item {
	color: #ef9797;
}

.zpm-pro-required-item:hover {
	background: #fff2f2 !important;
}

.zpm-pro-required-label {
	background: #f34c63;
	color: #fff;
	padding: 1px 5px;
	border-radius: 3px;
	margin-left: 5px;
}

#zpm_add_new_btn {
	z-index: 9;
}

.zpm-modal-loader {
	display: block !important;
	position: relative;
	height: 60px;
}

.zpm-modal-loader>div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.zpm-button-modal .zpm-modal-buttons {
	position: static;
	bottom: 0;
	left: 0;
}


.zpm-button-modal .zpm-modal-text {
	max-height: 400px !important;
	overflow: auto;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.zpm-list {}

.zpm-list-item {
	padding: 5px;
	border-bottom: 1px solid #eee;
}

.zpm-button__icon {
	margin-right: 10px;
}

#zpm-calendar-actions {
	text-align: right;
	margin-bottom: 10px;
}

.zpm_button.zpm-button__completed,
.zpm_button.zpm-button__completed[disabled],
.zpm_button.zpm-button__completed:hover,
.zpm_button.zpm-button__completed:focus,
.zpm_button.zpm-button__completed:active {
	background: #00c433 !important;
	cursor: default !important;
}

.zpm-notification-icon {
	margin-right: 7px;
}

.zpm_project_description.project_description,
#zpm_project_modal_description .zpm_description {
	white-space: pre-wrap;
}

#zpm_new_report_btn {
	position: relative;
	top: unset;
	right: unset;
}

#zpm-report-heading__buttons {
	position: absolute;
	right: 5px;
	top: -5px;
}

@media(min-width: 500px) {
	.zpm-daily-task__details {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.zpm-daily-task__description {
		display: inline-block;
		max-width: calc(100% - 240px) !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}
}

@media(max-width: 500px) {

	.zpm-daily-tasks__list-item {
		height: 60px;
	}

	.zpm-panel-8 #zpm-dashboard__daily-tasks {
		text-align: left;
	}

	.zpm-daily-task__description {
		display: inline-block;
		max-width: calc(100% - 40px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}

	.zpm-daily-task__details {
		bottom: 10px;
		;
		top: unset;
		transform: none;
	}
}

.zpm_task_complete .zpm_task_description {
	text-decoration: line-through;
}

.zpm-form-field-section {
	margin-top: 15px;
}

.zpm_task_list_row .zpm_task_description {
	display: inline-block;
	max-width: 60% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	height: 100%;
	margin-left: 2px;
}

.zpm_task_list_data.task_name {
	vertical-align: middle;
}

.zpm-tab-panel__inner {
	margin: 20px;
	box-sizing: border-box;
}

.zpm-tab {
	padding-bottom: 1px;
}

.zpm-submit-button {
	margin-top: 10px;
}

.zpm-edit-message {
	right: 34px;
	position: absolute;
	top: 10px;
	cursor: pointer;
}

.zpm-extension {
	color: #fff;
	;
	padding: 20px;
	cursor: pointer;
	margin-bottom: 20px;
	border-radius: 2px;

}

.zpm-extension p {
	margin: 0;
	margin-bottom: 10px;
}

.zpm-extension__description {
	white-space: pre-wrap;
}

.zpm-extension__title {
	font-size: 15px;
	font-weight: bold;
}

.zpm_button.zpm-button__white,
.zpm_button.zpm-button__white:hover {
	background: #fff !important;
}

.zpm-extension__description.zpm-extension__installed {
	font-size: 15px;
}

.zpm-extension__description.zpm-extension__installed i {
	margin-right: 10px;
}

.zpm-info__feature a {
	color: #fff;
}

.zpm_task_list_row {
	height: auto !important;
	max-height: 50px;
}

.zpm_circle_text_btn {
	height: 35px !important;
}

.zpm_circle_option_btn {
	height: 35px !important;
	width: 35px !important;
}

#zpm-projects__view-options #zpm-project-view__title {
	height: 20px;
}

#zpm_switch_project_type_button {
	height: 40px !important;
	box-sizing: border-box;
	line-height: 20px;
	position: absolute;
	right: 0px;
	top: 20px;
}

#zpm-copy-project-shortcode,
#zpm_like_project_btn {
	height: 40px !important;
	width: 40px !important;
	box-sizing: border-box;
}

#zpm-delete-data__button {
	display: block !important;
	margin-bottom: 10px;
	margin-top: 7px;
}

.zpm-button__red {
	background: red !important;
}

.zpm-button__red:hover {
	background: #ff7e7e !important;
}

#zpm-new-task-template-modal,
#zpm-task-template-preview {
	max-height: 90%;
	overflow: auto;
	min-height: unset;
}

#zpm_task_view_container [data-zpm-tab="task-overview"] img,
#zpm_task_editor img {
	max-width: 100%;
}

#zpm_task_view .zpm_tab_pane {
	padding: 0 !important;
}

#zpm_task_view #zpm_task_editor {
	padding: 0 15px 15px 15px !important;
}

.zpm-buttons__wrap-top-right {
	position: absolute;
	top: 10px;
	right: 10px;
}

/*.zpm-grid-item {
  height: 150px;
  flex-basis: 20%;
  -ms-flex: auto;
  width: 259px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-right: 0;
}

.zpm-grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

@media(max-width: 1333px) {
  .grid-item {
    flex-basis: 33.33%;
  }
}
@media(max-width: 1073px) {
   .zpm-grid-item {
    flex-basis: 33.33%;

  }
}
@media(max-width: 815px) {
  .zpm-grid-item {
    flex-basis: 50%;
  }
}
@media(max-width: 555px) {
  .zpm-grid-item {
    flex-basis: 100%;
  }
}*/

.zpm-note {
	padding: 10px;
	border: 1px solid #eee;
	height: 100%;
	box-sizing: border-box;
}

/*#zpm_project_modal,
#zpm_project_modal .zpm_modal_content,
#zpm_project_modal input, #zpm_project_modal textarea{
  background: #eee !important;
}

.zpm_modal_item {
  background: #fff;
  margin-right: 15px;
  border-radius: 4px !important;
  width: 300px;
  border: 1px solid #ccc;
}*/


/* NOTES */
/*.zpm-note {
  height: 120px;
  min-width: 120px;
  border: 1px solid #eee;
  padding: 20px;
  cursor: pointer;
  border-radius: 5px;
}



.zpm-note {
  background: #3d4dc6;
  color: #fff;
}

#zpm-notes__container {

}*/

#zpm-new-team-btn__wrap {
	padding: 0;
}

#zpm-new-team-btn__wrap button {
	top: -40px;
}

.zpm-buttons__right {
	text-align: right;
	height: 0;
	overflow: visible;
	position: relative;
}

.zpm-buttons__right button {
	position: absolute;
	top: -40px;
	width: max-content;
	right: 0;
}

.zpm-modal-error {
	text-align: center;
	color: #ff6b8d;
}

.zpm-project-importer__description {
	color: #ccc;
	margin-left: 10px;
}

#zpm_task_name_title {
	display: inline-block;
	max-width: calc(100% - 50px);
	vertical-align: top;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#zpm-task-parents__breadcrumbs {
	margin-bottom: 10px;
}

#zpm-new-task-template-modal select,
#zpm-task-template-preview select {
	width: 100%;
}

#zpm-file-manager__target-task {
	width: 100%;
}

#zpm-file-manager__target-project {
	margin-bottom: 10px !important;
}

.zpm_top_bar {
	height: 55px;
}

.zpm-list__item {
	padding: 8px 15px;
	cursor: pointer;
	position: relative;
}

.zpm-list__item:hover {
	background: #f9f9f9;
}

#zpm-milestones__filter {
	margin-bottom: 20px;
}

.zpm-modal-buttons {
	padding-top: 10px;
	text-align: right;
}

.zpm-modal-buttons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 5px;
}

#zpm-projects__filters {
	padding-left: 0.85rem;
	padding-top: 1rem;
}

.zpm_dashboard_project {
	display: flex;
	flex-direction: column;
}

.zpm-dashboard-project--actions {
	margin-top: auto;
	margin-bottom: 0.5rem;
}

.zpm-dashboard-project--description {
	max-height: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}

.zpm-form-group__value {
	margin-top: 10px;
}

#zpm_task_view .zpm-task-context-menu {
	z-index: 10;
	top: 5px !important;
}

@media(max-width: 800px) {
	.wp-admin #zpm-task-filter-holder,
	.wp-admin #zpm-task-project-filter-holder {
		margin-top: 0px !important;
	}
}

#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;
}
#zpm_project_modal {
	width: auto !important;
	height: 90% !important;
	padding: 0 !important;
	min-height: unset !important;
}
#zpm_project_modal .zpm_modal_body {
	overflow-x: hidden;
	padding: 2rem;
	margin-bottom: 2rem;
	height: 100% !important;
	box-sizing: border-box;
}
#zpm_project_modal .zpm_modal_body h3 {
	text-align: left;
	margin: 0 !important;
}
#zpm_project_modal .zpm_modal_buttons {
	padding: 1rem !important;
	background: #fff;
	border-top: 1px solid #eee;
}
#zpm_project_modal .zpm_close_modal,
#zpm_quickview_modal .zpm_close_modal {
	right: 2rem;
	top: 2rem;
}
.zpm_modal_item .description {
	white-space: normal;
}
#zpm-new-project__managers,
#zpm-new-project__categories {
	width: 100%;
}
@media (max-width: 780px) {
	#zpm_project_modal {
		width: 100% !important;
		height: 100% !important;
	}
}

#zpm_project_modal .zpm-pro-upselling {
	bottom: 7px !important;
	left: 20px;
	right: unset;
	text-align: left;
	z-index: -1;
	pointer-events: none;
}

#zpm-member-list__table {
	border: none !important;
	margin-bottom: 10px;
}
#zpm-member-list__table thead {
	display: none;
}
#zpm-member-list__table_filter {
	margin-bottom: 10px;
}
#zpm-member-list__table_filter input {
	background: #fff !important;
}