/*******************************************************
* FRONTEND css
*******************************************************/

/*===== MISC =====*/
em {
	font-style: normal;
	font-weight: 400;
}
body:not(.portal_developer) .dev-only {
	display: none!important;
}
body.portal_developer .dev-hidden {
	display: none!important;
}

/*===== HEADER =====*/
header.header-bar {
	display: none;
}
.portal-header {
	padding: 45px 0 0;
}
.portal-header a.logo img {
	width: 280px;
}
.portal-header a.logout {
	padding: 12px 24px;
	margin-left: 15px;
}
@media (max-width: 480px) {
	.portal-header a.logout {
		margin: 20px 0 0;
	}
}

/*===== MAIN =====*/
.portal-container {
	min-height: calc(100vh - 56px);
}
@media (min-width: 1300px) {
	.portal-container .container {
		max-width: 1210px;
	}
}
@media (min-width: 1400px) {
	.portal-container .container {
		max-width: 1310px;
	}
}
@media (min-width: 1500px) {
	.portal-container .container {
		max-width: 1410px;
	}
}
@media (min-width: 1600px) {
	.portal-container .container {
		max-width: 1510px;
	}
}
@media (min-width: 1700px) {
	.portal-container .container {
		max-width: 1610px;
	}
}
.portal-main {
	padding: 45px 0 15px;
}
.portal-main h1 {
	font-size: 40px;
	/*color: var(--tertiary-color);*/
	margin: 0 0 30px;
}
.portal-main h1::after {
	content: '';
	display: block;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 80px;
	height: 5px;
	background-color: var(--primary-color);
	margin: 12px auto 0;
}
.portal-card {
	display: block;
	position: relative;
	padding: 30px 15px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	margin: 0 0 30px;
	transition: .28s;
}
a.portal-card:hover {
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.portal-card i {
	font-size: 65px;
	color: var(--tertiary-color);
	margin: 0 0 20px;
	transition: .28s;
}
a.portal-card:hover i {
	color: var(--primary-color);
}
.portal-card.phase-status i,
.portal-card.phase-pending i,
.portal-card.phase-complete i,
.portal-card.demo-submitted i,
.portal-card.note-added i,
.portal-card.error i,
.gfield .portal-card i,
.portal-notices .portal-card i,
.get-help i {
	font-size: 14px;
	margin: 0 10px 0 0;
	color: var(--tertiary-color);
}
.phase-advance i {
	font-size: 14px;
	margin: 0 10px 0 0;
	color: var(--primary-color);
}
.portal-card.demo-submitted i,
.portal-card.note-added i,
.portal-card.success i {
	color: var(--primary-color);
}
.portal-card.warning i {
	font-size: 14px;
	margin: 0 10px 0 0;
	color: red;
}
.section-content .message.portal-card i,
.get-help i,
.phase-advance i {
	font-size: 16px;
	line-height: 14px;
}
.portal-notices .vc_column-inner > .portal-card {
	margin-bottom: 15px!important;
}
.portal-notices .vc_column-inner > .portal-card:last-child {
	margin-bottom: 0!important;
}
@media (max-width: 767px) {
	.portal-header a.logo img {
		margin-top: 30px!important;
		margin-bottom: 30px!important;
	}
}
.portal-card i.fa-circle-xmark,
.portal-card i.fa-circle-exclamation {
	color: red!important;
}
.portal-card i.help-text {
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
	margin: 0;
}
.portal-card:hover i.help-text {
	color: var(--tertiary-color);
	cursor: pointer;
}
.portal-card i.help-text:hover {
	color: var(--primary-color);
}
.portal-card div.help-text {
	position: absolute;
	top: 4px;
	right: 28px;
	font-size: 14px;
	color: var(--tertiary-color);
	padding: 6px 10px;
	text-transform: capitalize;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	transition: .28s;
	opacity: 0;
}
.portal-card i.help-text:hover ~ div.help-text {
	opacity: 1;
}
.portal-card div.help-text span {
	font-weight: 400;
}
.portal-card h2 {
	font-size: 25px;
	color: var(--tertiary-color);
	margin: 0;
}
.portal-card h4 {
	font-size: 24px;
	margin: 0;
}
@media (max-width: 1199px) {
	.portal-card h2 {
		font-size: 22px;
	}
}
@media (max-width: 767px) {
	.portal-header img.logo {
		width: 220px;
	}
	.portal-main h1 {
		font-size: 30px;
	}
	.portal-card i {
		font-size: 50px;
	}
}
.secondary {
	font-size: 0;
	margin: -15px -7.5px 15px;
}
.secondary .portal-card {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	padding: 15px 10px;
	margin: 0 7.5px 15px 7.5px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
	color: var(--primary-color);
	font-weight: 400;
	transition: .28s;
}
.secondary .portal-card:hover {
	color: var(--tertiary-color);
}
.secondary .portal-card.half {
	width: calc(50% - 15px);
}
.secondary .portal-card.third {
	width: calc(33.333% - 15px);
}
.secondary .portal-card.fourth {
	width: calc(25% - 15px);
}
@media (max-width: 1699px) {
	.secondary .portal-card.third {
		width: calc(50% - 15px);
	}
	.secondary .portal-card.third:last-of-type {
		width: calc(100% - 15px);
	}
	.secondary .portal-card.fourth {
		width: calc(50% - 15px);
	}
}
@media (max-width: 1199px) {
	.secondary .portal-card {
		font-size: 12px;
		padding: 15px 8px;
	}
	.admin-dash-cards > .vc_column_container:nth-of-type(5) {
		clear: both;
	}
}
@media (max-width: 991px) {
	.admin-dash-cards > .vc_column_container:nth-of-type(5) {
		clear: none;
	}
	.admin-dash-cards > .vc_column_container:nth-of-type(6) {
		clear: both;
	}
}

/*===== LOGIN =====*/
.portal-auth {
	padding: 45px 0 15px;
}
.portal-auth div > div > *:last-child {
	margin-bottom: 0;
}
.portal-auth .login {
	margin-bottom: 30px;
	text-align: left;
}
.portal-auth .login p.login-reset {
	font-size: 14px;
}
.portal-auth .password-reset {
	text-align: left;
}
.portal-auth .password-reset .gform_description {
	font-size: 14px;
	font-style: italic;
}
.portal-auth .password-reset #gform_7_validation_container {
	box-shadow: none!important;
	margin: 0 0 10px!important;
	border-radius: 2px!important;
	padding: 16px!important;
}
.portal-auth .logout {
	margin-bottom: 30px;
	text-align: center;
}
@media (max-width: 767px) {
	.portal-auth .logout {
		margin-bottom: 15px;
	}
}
.password-reset > .vc_column-inner > p:last-child {
	margin: 0 0 30px;
	font-style: italic;
}
.message.portal-card,
.gpasc-auto-load-notice,
.portal-main .gform_confirmation_wrapper,
.website-content-addition .gform_page_footer::before,
div.get-help,
div.phase-advance,
.existing-notes,
.phase-advance-description {
	padding: 15px;
	margin: 0 0 30px!important;
	font-size: 14px;
	font-weight: 300;
	border-radius: 5px;
	background-color: #fff;
	text-align: left;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	opacity: 1!important;
}
div.get-help,
div.phase-advance-description {
	clear: both;
	border-left: 3px solid var(--tertiary-color);
}
.phase-advance {
	clear: both;
	border-left: 3px solid var(--primary-color);
}
.section-inner .section-content > div.get-help {
	margin-bottom: 30px!important;
}
.section-inner .section-content > div.phase-advance {
	margin-top: -15px!important;
	margin-bottom: 30px!important;
}
.phase-advance-description {
	margin-bottom: 0!important;
}
.website-content-addition .gform_page_footer::before {
	content: "Don't have time to finish submitting your content now? Any information you add here saves automatically, so just come back later!";
	display: block;
	margin: 14px 0 20px!important;
}
.section-content .message.portal-card {
	/*font-size: 16px;*/
}
.message.portal-card a,
.message.portal-card a:hover,
.message.portal-card a:active,
.portal-main .gpasc-auto-load-notice a,
.portal-main .gpasc-auto-load-notice a:hover,
.portal-main .gpasc-auto-load-notice a:active,
.portal-main .gform_confirmation_wrapper a,
.portal-main .gform_confirmation_wrapper a:hover,
.portal-main .gform_confirmation_wrapper a:active {
	color: var(--tertiary-color);
	font-weight: 400;
}
.message.warning.portal-card a,
.message.warning.portal-card a:hover,
.message.warning.portal-card a:active {
	color: red;
}
div.get-help p a,
div.get-help p a:hover,
div.get-help p a:active {
	color: var(--tertiary-color);
	font-weight: 400;
}
div.phase-advance p a,
div.phase-advance p a:hover,
div.phase-advance p a:active {
	color: var(--primary-color);
	font-weight: 400;
}
.message.portal-card a:hover,
.message.portal-card a:active,
.gpasc-auto-load-notice a:hover,
.gpasc-auto-load-notice a:active,
.portal-main .gform_confirmation_wrapper a:hover,
.portal-main .gform_confirmation_wrapper a:active,
div.get-help p a:hover,
div.get-help p a:active,
div.phase-advance p a:hover,
div.phase-advance p a:active {
	text-decoration: underline;
}
.message.portal-card a.current-phase {
	text-transform: capitalize;
}
.message.portal-card > :last-child,
.gpasc-auto-load-notice > :last-child,
div.get-help > :last-child,
div.phase-advance > :last-child {
	margin: 0;
}
.message.info.portal-card,
.gpasc-auto-load-notice,
.website-content-addition .gform_page_footer::before {
	border-left: 3px solid var(--tertiary-color);
}
.message.success.portal-card,
.portal-main .gform_confirmation_wrapper {
	border-left: 3px solid var(--primary-color);
	animation: confirmation 1.5s 2;
}
.message.error.portal-card {
	border-left: 3px solid red;
	animation: failure 1.5s 2;
}
.message.warning.portal-card {
	border-left: 3px solid red;
}
.gfield .portal-card {
	margin: 0 0 5px!important;
}

/*===== FORMS =====*/
.gform_wrapper form {
	overflow: visible;
}
.gform_wrapper .gfield--type-section.primary-section {
	margin: 0;
	padding-bottom: 0!important;
	border-bottom: 0!important;
}
.gform_wrapper .gfield--type-section.primary-section h3.gsection_title,
h2.primary-heading,
h3.primary-heading {
	font-size: 30px;
	font-weight: 600;
}
.gform_wrapper .gfield--type-section.primary-section h3.gsection_title::after,
h2.primary-heading::after,
h3.primary-heading::after {
	content: '';
	display: block;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 60px;
	height: 4px;
	background-color: var(--primary-color);
	margin: 7px 0 0;
}
.gfield input[readonly=readonly] {
	pointer-events: none;
}
h4.secondary-heading {
	font-size: 26px;
	font-weight: 500;
}
h4.secondary-heading i {
	color: #ccc;
	margin-right: 5px;
}
.complete h4.secondary-heading i {
	color: var(--primary-color);
}
.gform_wrapper .gfield--type-section.secondary-section {
	margin: 0;
}
.gform_wrapper .gfield--type-section.secondary-section h3.gsection_title {
	font-size: 20px;
}
.gfield_description.gform_fileupload_rules {
	padding: 0!important;
}
.spacer.gfield {
	display: none;
}
.gfield--type-checkbox.standout label {
	/*font-weight: 500!important;
	color: var(--heading-color);*/
}
.gfield--type-checkbox.checkbox-up {
	margin-top: -8px!important;
}
.gfield--type-checkbox.checkbox-up label {
	font-weight: 400!important;
}
.gform_wrapper .color-picker-swatch-text-wrap * {
	font-family: var(--body-font)!important;
	font-weight: var(--body-font-weight)!important;
}
.gfield.demo .gfield_description .demo-preview,
.gfield.google-font .gfield_description .font-preview {
	display: none;
}
.gform_wrapper.gravity-theme .gf_progressbar_title {
	font-size: 14px!important;
}
.gform_wrapper.gravity-theme .gf_progressbar {
	border-radius: 5px!important;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
	height: 30px!important;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
	font-size: 14px!important;
	line-height: 30px!important;
}
.gfield.domains .gfield_list_header,
.gfield.categories .gfield_list_header {
	display: none!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title.collapsible-sections-field {
	padding: 15px!important;
	margin: 0!important;
	border: 2px solid #e6e6e6!important;
	border-radius: 5px!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title.collapsible-sections-field.collapsible-sections-open {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title h3.gsection_title {
	font-size: 22px!important;
	color: var(--tertiary-color)!important;
}
[class*="cs-theme--"] .collapsible-sections-collapsible-body {
	padding: 15px!important;
	border: 2px solid #e6e6e6!important;
	border-top: none!important;
	border-radius: 0 0 5px 5px!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title.collapsible-sections-field.has_error {
	border-color: #c02b0a!important;
	background-color: #fff9f9!important;
}
[class*="cs-theme--"] .collapsible-sections-collapsible-body.has_error {
	border-color: #c02b0a!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title.collapsible-sections-field.has_error > h3.gsection_title {
	color: #c02b0a!important;
}
.gsection.gfield--type-section.collapsible-sections-description-title > .gsection_description {
	padding-top: 3px!important;
	padding-right: calc(var(--cs-padding-h) * 2)!important;
	font-weight: 300!important;
	/*display: none!important;*/
}
.gsection.gfield--type-section.collapsible-sections-description-title.collapsible-sections-open > .gsection_description {
	display: block!important;
}
[class*="cs-theme--"] .gsection.collapsible-sections-field .gsection_title ~ .gsection_description {
	color: #4a4a4a!important;
}
[class*="cs-theme--"] .gsection.collapsible-sections-field::after {
	width: 15px!important;
	height: 15px!important;
	background-color: var(--tertiary-color)!important;
}
.gform_wrapper.gravity-theme .gform_page_footer {
	font-size: 0;
}
.gform_wrapper.gravity-theme .gform_page_footer {
	margin-top: 0!important;
	margin-bottom: -8px!important;
	padding-bottom: 0!important;
}
.gform_wrapper.gravity-theme .gform_page_footer input.button,
.gform_wrapper.gravity-theme .gform_page_footer button.button {
	margin: 0 8px 8px 0!important;
}
.gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_page_footer .gform_save_link.button {
	background-color: #fff!important;
	color: var(--tertiary-color)!important;
	border-color: var(--tertiary-color)!important;
}
.gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_page_footer .gform_save_link.button:hover {
	background-color: var(--secondary-color)!important;
	color: #fff!important;
	border-color: var(--secondary-color)!important;
}
.gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button svg,
.gform_wrapper.gravity-theme .gform_page_footer .gform_save_link.button svg {
	transform: scale(.95);
	display: none;
}
.gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button path,
.gform_wrapper.gravity-theme .gform_page_footer .gform_save_link.button path {
	fill: var(--tertiary-color)!important;
}
.gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button:hover path,
.gform_wrapper.gravity-theme .gform_page_footer .gform_save_link.button:hover path {
	fill: #fff!important;
}
.wp-block-gp-entry-blocks-entries {
	margin: 0;
}
.wp-block-gp-entry-blocks-entries .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
	margin: 0;
}
.wp-block-gp-entry-blocks-entries table.wp-block-gp-entry-blocks-entries-table {
	margin: 0 0 15px;
}
.wp-block-gp-entry-blocks-entries .wp-block-gp-entry-blocks-pagination {
	margin: 0 0 30px;
}
.wp-block-gp-entry-blocks-entries .wp-block-gp-entry-blocks-edit-entry {
	margin: 0 0 30px;
}
.wp-block-gp-entry-blocks-entries .wp-block-gp-entry-blocks-edit-entry > *:last-child {
	margin: 0;
}
.development-phase-test-link_wrapper.gform_wrapper,
.review-phases-due-date-time_wrapper.gform_wrapper {
	margin: 0 0 15px!important;
}
.review-phases-due-date-time .gform_footer,
.development-phase-test-link .gform_footer {
	display: none!important;
}
.phase-d .phase-actions a.button.approve,
.phase-e .phase-actions a.button.approve {
	margin-top: 10px;
}
@media (min-width: 1200px) {
	.review-phases-due-date-time_wrapper,
	.development-phase-test-link_wrapper {
		float: left;
		width: 60%;
	}
	.phase-c .phase-actions a.button.approve/*,
	.phase-d .phase-actions a.button.approve,
	.phase-e .phase-actions a.button.approve*/ {
		position: relative;
		top: 25px;
	}
	.phase-c .phase-actions a.button.approve {
		left: 16px;
	}
}
@media (max-width: 1199px) {
	.phase-c .phase-actions a.button.approve,
	.phase-d .phase-actions a.button.approve,
	.phase-e .phase-actions a.button.approve {
		/*position: relative;
		top: -14px;*/
	}
}
.gfield_list .gfield_list_header {
	display: none!important;
}
.gfield--type-fileupload .gfield_validation_message {
	display: none!important;
}
@media (min-width: 641px) {
	.gfield.demo-1 {
		grid-column: 1 / span 4!important;
	}
}
.demo-choices {
	overflow: hidden;
	font-size: 0;
}
.demo-choices .demo-images {
	float: left;
	width: 33.333%;
	padding-right: 16px;
}
.demo-choices label.gfield_label {
	display: block!important;
}
.demo-choices label.gfield_label + .gfield_description {
	margin: 0 0 13px!important;
}
.gfield_description b,
.gfield_description strong {
	font-weight: 400;
}
.demo-choices .demo-images a.demo-link {
	font-size: 16px;
	display: block;
	margin: 0 0 5px;
	font-weight: 400;
	color: var(--heading-font-color);
	transition: .28s;
}
.demo-choices .demo-images a.demo-link i {
	color: var(--heading-font-color);
	transition: .28s;
}
.demo-choices .demo-images a.demo-link:hover i {
	color: var(--primary-color);
	margin-left: 3px;
}
.demo-choices .demo-images span {
	display: block;
	font-style: italic;
	font-size: 14px;
	margin: 0 0 4px;
}
.demo-choices .demo-images a img {
	width: calc(33.333% - 4px);
	margin: 0 4px 4px 0;
	transition: .28s;
	opacity: 1;
}
.demo-choices .demo-images a:hover img {
	opacity: .8;
}
.gform_wrapper.gravity-theme .website-content-addition .gfield_checkbox input {
	width: 16px;
	height: 16px;
}
.gform_wrapper.gravity-theme .website-content-addition .gfield_checkbox label {
	font-size: 16px;
}
.gform_last_page_button {
	display: none!important;
}
.gf_page_steps .gf_step.gf_step_active > .gf_step_number {
	color: #4a4a4a!important;
}
.gf_page_steps .gf_step.gf_step_next > .gf_step_number,
.gf_page_steps .gf_step.gf_step_pending > .gf_step_number {
	color: #4a4a4a!important;
}
.gf_page_steps .gf_step.gf_step_completed > .gf_step_label {
	color: var(--tertiary-color)!important;
}
.gf_page_steps .gf_step.gf_step_active > .gf_step_label {
	font-weight: 500!important;
}
.gf_page_steps .gf_step.gf_step_next > .gf_step_label,
.gf_page_steps .gf_step.gf_step_pending > .gf_step_label {
	font-weight: 400!important;
}
.gf_page_steps .gf_step.gf_step_completed > .gf_step_number::before {
	background: var(--tertiary-color)!important;
	border-color: var(--tertiary-color)!important;
}
.color-picker-wrapper.color-picker-active > .colorPicker {
	left: 0!important;
	top: 0!important;
	position: absolute;
}
#additional-content {
	display: none;
}
.gform_wrapper.website-additional-content_wrapper {
	margin: 0!important;
}
.message.additional-content {
	margin: -15px 0 0!important;
}

/*===== NAV =====*/
.hello {
	margin: 0 0 20px;
	font-size: 14px;
}
.hello span {
	font-weight: 400;
}
.hello > *:last-child {
	margin: 0;
}
.side-nav {
	margin: 0 0 30px;
}
.side-nav a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	padding: 10px;
	margin: 0 0 3px;
	text-transform: capitalize;
	color: var(--tertiary-color);
	background-color: #f5f5f5;
	border-radius: 3px;
	transition: .28s;
}
.side-nav a i {
	margin-right: 10px;
	width: 20px;
}
.side-nav a:last-child {
	margin: 0;
}
.side-nav a.active {
	color: #fff!important;
	background-color: var(--tertiary-color)!important;
}
.side-nav a:hover,
.side-nav a:active {
	color: var(--tertiary-color);
	background-color: #e6e6e6;
}

/*===== TABLES =====*/
table.table {
	margin: 0 0 30px;
	font-size: 15px;
}
table.table.all-websites {
	font-size: 14px;
}
table.table th {
	font-weight: 500;
}
table.table a {
	color: var(--tertiary-color);
	font-weight: 400;
	transition: .28s;
}
table.table th a i {
	color: #999;
	transition: .28s;
}
#submitted-content table.table th a i {
	color: var(--tertiary-color);
	transition: .28s;
}
#submitted-content table.table th > i {
	color: var(--tertiary-color);
}
table.table th a:hover i,
table.table th a:active i,
table.table th a.active i {
	color: var(--tertiary-color);
}
#submitted-content table.table th a:hover i,
#submitted-content table.table th a:active i {
	color: var(--primary-color);
	margin-left: 3px;
}
table.table a:hover,
table.table a:active {
	text-decoration: underline;
}
table.table.all-clients {
	
}
table.table.login-history {
	
}
table.table.all-clients a.edit-user i,
table.table.all-clients a.send-message i,
table.table.all-clients a.user-switch i {
	color: var(--tertiary-color)!important;
	transition: .28s;
}
table.table.all-clients a.edit-user:hover i,
table.table.all-clients a.send-message:hover i,
table.table.all-clients a.user-switch:hover i {
	color: var(--primary-color)!important;
}
table.table.all-clients td.controls a {
	color: var(--tertiary-color)!important;
	transition: .28s;
	margin-right: 4px;
}
table.table.all-clients td.controls a:hover {
	color: var(--primary-color)!important;
}
table.table.all-clients .additional-controls,
table.table.all-clients .hide-addl {
	display: none;
}
table.table.all-clients .show-addl,
table.table.all-clients .hide-addl {
	cursor: pointer;
	color: var(--body-font-color);
	margin-left: 5px;
	transition: .28s;
}
table.table.all-clients .show-addl:hover,
table.table.all-clients .hide-addl:hover {
	color: var(--primary-color);
}
table.table.all-websites th.website-date {
	min-width: 130px;
}
table.table.all-websites tbody i {
	color: var(--tertiary-color);
	margin-right: 5px;
}
p.no-results {
	font-style: italic;
	margin: 0 0 30px;
}
span.no-results {
	font-style: italic;
}
.show-hide-more {
	margin: -10px 0 26px;
}
.show-hide-more .button {
	display: inline-block;
	margin: 0 4px 4px 0;
	font-size: 14px!important;
	padding: 12px 24px!important;
}
.show-hide-more .button.hide-more,
table tr.initially-hidden {
	display: none;
}
.wp-block-gp-entry-blocks-entries-table thead {
	border-bottom: 0;
}
.wp-block-gp-entry-blocks-entries-table td,
.wp-block-gp-entry-blocks-entries-table th {
	border: 0;
}
#submitted-content table.table {
	width: 991px;
	margin-top: -20px;
}
#submitted-content table.table:first-of-type {
	margin-top: -10px;
}
#submitted-content table.table thead th {
	font-size: 20px;
	font-weight: 600;
	/*color: #fff;
	background-color: var(--tertiary-color)!important;*/
}
#submitted-content table.table th[scope=row] {
	width: 200px;
}
@media (max-width: 640px) {
	#submitted-content table.table th[scope=row] {
		width: 150px;
	}
}
#submitted-content table.table ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#submitted-content table.table ul.options {
	list-style-type: circle;
	padding-left: 20px;
}
#submitted-content table.table .images {
	margin: 0 -4px -4px 0;
	font-size: 0;
}
#submitted-content table.table .images a img {
	margin: 0 4px 4px 0;
	width: 120px;
	opacity: 1;
	transition: .28s;
}
#submitted-content table.table .images a:hover img {
	opacity: .7;
}
span.color-preview {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 2px;
	position: relative;
	top: 2px;
	margin-right: 5px;
}
span#demo-notes {
	display: none;
}
.how-to a {
	color: var(--tertiary-color);
	font-weight: 400;
	transition: .28s;
}
.how-to a i {
	color: var(--tertiary-color);
	transition: .28s;
}
.how-to a:hover {
	color: var(--tertiary-color);
}
.how-to a:hover i {
	color: var(--primary-color);
	margin-left: 3px;
}

/*===== SECTIONS =====*/
.section-inner {
	position: relative;
}
.section-inner .section-top {
	margin: 0 0 30px;
}
.section-inner .section-top .quick-links {
	font-size: 0;
	margin: 0 0 5px;
}
.section-inner .section-top .quick-links a {
	display: inline-block;
	margin: 0 5px 5px 0;
	font-size: 17px;
	line-height: 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	position: relative;
	text-align: center;
	background-color: var(--primary-color)!important;
	color: #fff!important;
	transition: .28s;
}
.section-inner .section-top .quick-links a:hover {
	background-color: var(--tertiary-color)!important;
	color: #fff!important;
}
.section-inner .section-top .quick-links a::after {
	position: absolute;
	top: -38px;
	left: 0;
	width: 140px;
	font-size: 14px;
	color: var(--tertiary-color);
	text-align: center;
	padding: 3px 0;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	transition: .28s;
	opacity: 0;
}
.section-inner .section-top .quick-links a:hover::after {
	opacity: 1;
	z-index: 1;
}
.section-inner.websites .section-top .quick-links a.all,
.section-inner.meeting .section-top .quick-links a.all {
	font-size: 15px;
}
.section-inner.clients .section-top .quick-links a.all,
.section-inner.proposals .section-top .quick-links a.all,
.section-inner.proposals .section-top .quick-links a.signed,
.section-inner.proposals .section-top .quick-links a.upload {
	font-size: 14px;
}
.section-inner .section-top .quick-links a.back::after {
	content: "Go Back";
}
.section-inner.websites .section-top .quick-links a.all::after {
	content: "All Websites";
}
.section-inner.reports .section-top .quick-links a.all::after {
	content: "All Reports";
}
.section-inner.proposals .section-top .quick-links a.all::after {
	content: "Manage Proposals";
}
.section-inner.clients .section-top .quick-links a.all::after {
	content: "All Clients";
}
.section-inner.websites .section-top .quick-links a.add::after {
	content: "New Website";
}
.section-inner.reports .section-top .quick-links a.add::after {
	content: "New Report";
}
.section-inner.proposals .section-top .quick-links a.add::after {
	content: "New Proposal";
}
.section-inner.clients .section-top .quick-links a.add::after {
	content: "New Client";
}
.section-inner .section-top .quick-links a.select::after {
	content: "Select Client";
}
.section-inner .section-top .quick-links a.signed::after {
	content: "Signed Proposals";
}
.section-inner .section-top .quick-links a.upload::after {
	content: "Upload Proposal";
}
.section-inner .section-top > *:last-child {
	margin: 0;
}
.section-inner .primary-heading {
	margin: 0 0 20px;
}
.section-inner .primary-heading em {
	font-weight: 400;
}
.section-inner .primary-heading span {
	font-weight: 400;
	font-size: .8em;
}
.section-inner .section-top .primary-description {
	font-size: 20px;
	font-weight: 400;
	color: #3a3a3a;
	color: var(--heading-font-color);
	font-style: italic;
}
.section-inner .section-top .primary-description span {
	display: block;
}
.section-inner .section-top .primary-description span.projected-launch-date,
.section-inner .section-top .primary-description span.actual-launch-date {
	font-style: normal;
}
.edit-projected-launch-date {
	color: #4a4a4a;
	font-style: normal;
	display: none;
}
.edit-projected-launch-date .gform_wrapper {
	margin: 5px 0 7px!important;
}
.edit-projected-launch-date .gform_confirmation_wrapper {
	margin: 15px 0 17px!important;
}
.section-inner .section-top .primary-description span.projected-launch-date-last-edited,
.section-inner .section-top .primary-description span.vs-projected-launch-date {
	font-style: italic;
	font-size: 12px;
	color: #5a5a5a;
}
.section-inner .section-top .primary-description span em {
	font-style: normal;
	font-weight: 500;
}
.section-inner .section-top .primary-description span.projected-launch-date em.past {
	color: red;
}
.section-inner .section-top .primary-description span.projected-launch-date-last-edited em,
.section-inner .section-top .primary-description span.vs-projected-launch-date em {
	font-style: italic;
}
.section-inner .section-top .primary-description i.projected-launch-date-hit {
	color: var(--primary-color);
}
.section-inner .section-top .primary-description i.projected-launch-date-missed {
	color: red;
}
.section-inner .section-top .primary-description i.projected-launch {
	margin: 0;
	transition: .28s;
	color: var(--primary-color);
	cursor: pointer;
}
.section-inner .section-top .primary-description i.projected-launch:hover {
	color: var(--tertiary-color);
}
.section-inner .section-top .primary-description i.cancel-projected-launch {
	display: none;
}
.section-inner .section-content {
	margin: 0 0 30px;
	float: left;
	width: 100%;
}
.section-inner .manage-website.admin .section-content {
	margin: 0;
}
.section-inner .section-content > *:last-child {
	margin-bottom: 0!important;
}
.section-inner .section-content .phase-status {
	margin: 0 0 30px;
}
.section-inner .section-content .phase-details,
.section-inner .section-content .phase-preview {
	font-size: 14px;
	padding: 15px 20px;
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	margin: 0 0 30px;
}
.section-inner .section-content .phase-details > *:last-child,
.section-inner .section-content .phase-preview > *:last-child {
	margin: 0;
}
h6.phase-notice {
	margin: 0 0 20px;
	color: red;
	font-weight: 500;
}
h6.phase-notice em {
	font-style: italic;
	text-decoration: underline;
	font-weight: 500;
}
.section-inner .section-content .phases {
	float: left;
	margin-bottom: -30px;
}
.section-inner .manage-website:not(.admin) .phase {
	font-size: 0;
}
.section-inner .phases .phase span {
	display: block;
	text-transform: uppercase;
	line-height: 1;
}
.section-inner .phase span.phase-top {
	color: var(--tertiary-color);
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 2px;
}
.section-inner .phase span.phase-value {
	color: var(--tertiary-color);
	font-size: 70px;
	font-weight: 600;
	margin: 0 0 2px;
	position: relative;
}
.section-inner .phase span.phase-value::after {
	content: "\f058";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 40px;
	color: #ccc;
	position: absolute;
	top: 15px;
	margin-left: 10px;
}
.section-inner .complete.no-show .phase span.phase-value::after,
.section-inner .complete.expired .phase span.phase-value::after {
	content: "\f057";
	color: red!important;
}
.section-inner .complete.declined .phase span.phase-value::after {
	content: "\f06a";
	color: darkorange!important;
}
.section-inner div.portal-card .phase span {
	color: #ccc!important;
}
.section-inner div.portal-card i.help-text {
	color: #ccc;
}
.section-inner .phases .portal-card.current {
	animation: wiggle 0.5s 10;
}
@keyframes wiggle {
	0% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(1deg);
	}
	20% {
		transform: rotate(2deg);
	}
	30% {
		transform: rotate(2deg);
	}
	40% {
		transform: rotate(1deg);
	}
	50% {
		transform: rotate(0deg);
	}
	60% {
		transform: rotate(-1deg);
	}
	70% {
		transform: rotate(-2deg);
	}
	80% {
		transform: rotate(-2deg);
	}
	90% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.section-inner .complete .phase span.phase-value::after {
	color: var(--primary-color);
}
.section-inner .phase span.phase-label {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}
.progress-tracker {
	font-size: 0;
	float: left;
	width: 100%;
}
.progress-tracker .phase {
	font-size: 0;
	color: #fff;
	float: left;
	padding: 15px 10px;
	text-align: center;
	position: relative;
	transition: .28s;
}
.progress-tracker .phase.complete {
	background-color: #51bceb;
	background: linear-gradient(0deg, #1a8ec7 0%, #51bceb 100%);
}
.progress-tracker .phase.incomplete {
	background-color: #f0f0f0;
	background: linear-gradient(0deg, #ccc 0%, #f0f0f0 100%);
	color: #7a7a7a;
}
.progress-tracker .phase.complete.current,
.progress-tracker .phase.incomplete.current {
	background-color: #8cc63f;
	background: linear-gradient(0deg, #6d9d2f 0%, #8cc63f 100%);
	color: #fff;
}
.progress-tracker a.phase.complete,
.progress-tracker a.phase.incomplete {
	z-index: 2;
}
.progress-tracker a.phase.complete.current:hover,
.progress-tracker a.phase.complete.current:active,
.progress-tracker a.phase.incomplete.current:hover,
.progress-tracker a.phase.incomplete.current:active {
	transform: scale(1.1);
	border: 2px solid #fff;
}
.progress-tracker .phase.phase-a {
	width: 25%;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-top-left-radius: 10px;
}
.progress-tracker .phase.phase-b {
	width: 25%;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.progress-tracker .phase.phase-c {
	width: 25%;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.progress-tracker .phase.phase-d {
	width: 25%;
	border-bottom: 2px solid #fff;
	border-top-right-radius: 10px;
}
.progress-tracker .phase.phase-e {
	width: 25%;
	border-right: 2px solid #fff;
	border-bottom-left-radius: 10px;
}
.progress-tracker .phase.phase-f {
	width: 25%;
	border-right: 2px solid #fff;
}
.progress-tracker .phase.phase-g {
	width: 25%;
	border-right: 2px solid #fff;
}
.progress-tracker .phase.phase-h {
	width: 25%;
	border-bottom-right-radius: 10px;
}
.progress-tracker .phase span {
	display: block;
}
.progress-tracker .phase span.top {
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 3px;
	position: relative;
}
.progress-tracker .phase.complete span.top::after {
	content: "\f058";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 10px;
	margin-left: 5px;
}
.progress-tracker .phase.incomplete.current span.top::after {
	content: "\f017";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 10px;
	margin-left: 5px;
	display: none;
}
.progress-tracker .phase span.text {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: italic;
}
@media (max-width: 1199px) {
	.section-inner .phase span.phase-top {
		font-size: 20px;
	}
	.section-inner .phase span.phase-value {
		font-size: 60px;
	}
	.section-inner .phase span.phase-value::after {
		font-size: 30px;
	}
	.section-inner .phase span.phase-label {
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.progress-tracker .phase {
		width: 50%!important;
	}
	.progress-tracker .phase.phase-b {
		border-top-right-radius: 10px;
	}
	.progress-tracker .phase.phase-d {
		border-top-right-radius: 0;
	}
	.progress-tracker .phase.phase-e {
		border-bottom: 2px solid #fff;
		border-bottom-left-radius: 0;
	}
	.progress-tracker .phase.phase-f {
		border-bottom: 2px solid #fff;
		border-right: 0;
	}
	.progress-tracker .phase.phase-g {
		border-bottom-left-radius: 10px;
	}
	.progress-tracker .phase.phase-h {
		border-bottom-right-radius: 10px;
	}
}
@media (max-width: 480px) {
	.progress-tracker .phase span.text {
		font-size: 14px;
	}
}
.phase-descriptor {
	margin: 0 0 30px;
}
.phase-descriptor-2 {
	margin: -25px 0 30px;
}
.phase-descriptor-3 {
	margin: 0 0 15px;
}
.phase-descriptor a,
.phase-descriptor-2 a,
.phase-descriptor-3 a {
	color: var(--tertiary-color)!important;
	font-weight: 500;
}
.phase-actions {
	font-size: 0;
	margin: 0 0 25px;
}
.phase-actions a.button {
	font-size: 16px;
	padding: 14px 22px;
	margin: 0 5px 5px 0;
}
.phase-actions a.button.review {
	background-color: var(--tertiary-color);
	border-color: var(--tertiary-color);
}
.phase-actions a.button.review:hover,
.phase-actions a.button.review:active {
	background-color: var(--quaternary-color);
	border-color: var(--quaternary-color);
}
.phase-actions a.button.approve,
.phase-actions a.button.complete {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.phase-actions a.button.approve:hover,
.phase-actions a.button.approve:active,
.phase-actions a.button.complete:hover,
.phase-actions a.button.complete:active {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.phase-actions a.button.no-show {
	background-color: red;
	border-color: red;
}
.phase-actions a.button.no-show:hover,
.phase-actions a.button.no-show:active {
	background-color: darkred;
	border-color: darkred;
}
.phase-actions a.button.approve.disabled {
	display: none;
}
.phase-actions p.action-description {
	clear: both;
	font-size: 14px;
	margin: 5px 0;
	font-style: italic;
}
.phase-actions p.action-description em {
	font-style: italic;
}
.phase-c .phase-actions,
.phase-d .phase-actions,
.phase-e .phase-actions {
	margin-top: -15px;
}
a.button.test-link {
	font-size: 16px;
	padding: 14px 22px;
	margin: 0 0 30px;
}
.filter-buttons {
	margin: 0 0 10px;
	font-size: 0;
}
.filter-buttons a.button {
	font-size: 15px;
	padding: 12px 18px;
	margin: 0 5px 5px 0;
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.filter-buttons a.button:hover,
.filter-buttons a.button.active {
	background-color: var(--tertiary-color);
	border-color: var(--tertiary-color);
}
#gform_wrapper_6 {
	margin: 0!important;
}
td.message-details div.message-details {
	display: none;
}
.message-details.fancybox-content {
	width: 640px!important;
}
.message-details .message-details-inner > *:last-child,
.message-details .message-details-inner .message-top > *:last-child,
.message-details .message-details-inner .message-content > *:last-child {
	margin: 0!important;
}
.message-details .message-details-inner .message-top,
.message-details .message-details-inner .message-content p {
	margin: 0 0 15px;
}
.message-details .message-details-inner h6 {
	font-weight: 400;
	color: #3a3a3a;
	font-size: 20px;
	margin: 0 0 5px;
}
.message-details .message-details-inner h6 em {
	font-weight: 500;
}
#demo-addition,
#notification-settings {
	display: none;
}
.notifications p.status {
	font-style: italic;
	margin: 0 0 30px;
}
.notifications p.status em {
	font-style: italic;
}

/*===== REPORTS =====*/
.report-section.wa {
	display: none;
}
.report-section.wa.visible {
	display: block;
}
.report-section .portal-card {
	padding: 20px;
}
.report-section .portal-card h3 {
	font-size: 24px;
	margin: 0 0 10px;
	position: relative;
}
.report-section .portal-card h3::before {
	content: "";
	position: absolute;
	top: -42px;
	left: 0;
	width: 200px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: var(--tertiary-color);
	text-align: center;
	padding: 3px 0;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	transition: .28s;
	opacity: 0;
}
.report-section.seo .portal-card h3::before {
	content: "Search Engine Optimization (SEO)";
	width: 270px;
}
.report-section.sem .portal-card h3::before {
	content: "Search Engine Marketing (SEM)";
	width: 250px;
}
.report-section.smm .portal-card h3::before {
	content: "Social Media Branding (SMB)";
	width: 230px;
}
.report-section.ga .portal-card h3::before {
	content: "Google Analytics (GA)";
	width: 180px;
}
.report-section.wa .portal-card h3::before {
	display: none;
}
.report-section.at .portal-card h3::before {
	display: none;
}
.report-section.cs .portal-card h3::before {
	display: none;
}
.report-section .portal-card h3:hover::before {
	opacity: 1;
	z-index: 1;
}
.report-section .portal-card h3::after,
.page-list.fancybox-content h5::after {
	content: '';
	display: block;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 45px;
	height: 4px;
	background-color: var(--primary-color);
	margin: 7px 0 0;
}
.page-list.fancybox-content h5::after {
	margin: 10px 0 0;
}
.report-section .portal-card table.table,
.reports table.table,
.proposals table.table {
	font-size: 14px;
	margin: 0;
}
.report-section .portal-card table.table a,
.reports table.table a,
.proposals table.table a {
	font-weight: 400;
}
.report-section .portal-card table.table i,
.reports table.table i,
.proposals table.table i {
	font-size: 14px;
	margin: 0;
}
table.table td.name a {
	color: var(--primary-color);
}
table.table td.name a i {
	color: var(--body-font-color);
}
table.table td.category {
	text-transform: uppercase;
}
table.table td.type {
	text-transform: capitalize;
}
table.table span.edit,
table.table span.username {
	font-size: 13px;
}
table.table td.pages a,
table.table span.edit a,
table.table span.username a {
	color: var(--body-font-color);
	font-weight: 300;
}
table.table td.viewed {
	text-transform: uppercase;
}
table.table td.viewed .no {
	color: red;
	font-style: italic;
}
table.table span.none {
	font-style: italic;
	text-transform: uppercase;
}
.page-list.fancybox-content h4 {
	font-size: 24px;
	margin: 0 0 5px;
}
.page-list.fancybox-content h5 {
	font-size: 18px;
	margin: 0 0 20px;
	font-weight: 400;
	font-style: italic;
}
.page-list.fancybox-content {
	width: 640px!important;
}
.page-list.fancybox-content a {
	font-weight: 400;
	color: var(--body-font-color);
}
.page-list.fancybox-content a:hover {
	text-decoration: underline;
}
.report-section .show-hide-more {
	margin: 20px 0 0;
}
.report-section .show-more.button,
.report-section .hide-more.button {
	font-size: 14px!important;
	padding: 12px 16px!important;
	font-weight: 400!important;
	display: inline-block;
}
.report-section table tr.initially-hidden,
.report-section .hide-more.button {
	display: none;
}
.dropdown-content {
	max-width: 768px;
}
.dropdown-content .dropdown-items {
	border: 1px solid #e9e9e9;
	padding: 15px 0 0;
	border-top: 0;
}
.dropdown-content .dropdown-items .dropdown-item,
.dropdown-content .dropdown-items #no-clients {
	padding: 0 15px 15px;
}
.dropdown-content .dropdown-items #no-clients {
	font-style: italic;
}
.dropdown-content .dropdown-items .dropdown-item .client {
	text-transform: capitalize;
}
.dropdown-content .dropdown-items .dropdown-item .domain-list {
	padding-left: 15px;
}
.dropdown-content .dropdown-items .dropdown-item a {
	font-weight: 400;
}
.dropdown-content .dropdown-items .dropdown-item a:hover {
	text-decoration: underline;
}
.dropdown-content .dropdown-items .dropdown-item .client a {
	color: var(--body-font-color);
}
.dropdown-item .domain-list .domain span {
	display: none;
}
#client-list .dropdown-items,
.dropdown-content .dropdown-items #no-clients {
	display: none;
}
.client-filter {
	max-width: 768px;
	margin: 0 0 15px;
}
.select-client a.add-report,
.select-client a.user-switch {
	color: var(--tertiary-color)!important;
	transition: .28s;
}
.select-client a.add-report:hover,
.select-client a.user-switch:hover {
	color: var(--primary-color)!important;
}
.reports .filters {
	text-align: left;
}
.reports .filters .toggle-filters {
	margin: 0 0 15px;
}
.reports .filters .toggle-filters div.button {
	line-height: 1;
	padding: 12px;
	height: 44px;
	width: 44px;
	text-align: center;
	display: inline-block;
}
.reports .filters .toggle-filters div.button i {
	height: 16px;
}
.reports .filters .toggle-filters div.hide-filters,
.reports .filters .form-filters {
	display: none;
}
.reports .facetwp-facet {
	margin-bottom: 15px;
}
.report-addition_wrapper .report-sort-date,
.report-edit_wrapper .report-sort-date {
	pointer-events: none;
}
.paging {
	margin: 15px 0 0;
}
.paging .facetwp-facet {
	margin-bottom: 0!important;
}
.paging .facetwp-facet a {
	color: var(--primary-color);
	font-weight: 400;
	transition: .28s;
}
.paging .facetwp-facet a:hover {
	color: var(--tertiary-color);
}
.paging .facetwp-facet a.facetwp-page.active {
	color: var(--tertiary-color);
	font-weight: 500;
}
.highlight.yellow {
	background-color: #ffff00;
}
.highlight.red {
	color: #fff;
	background-color: #ff0000;
}
.visible-after-click {
	display: none;
}

/*===== PROPOSALS =====*/
#gform_wrapper_11 {
	margin-bottom: 0!important;
}
#field_11_10 .gchoice_11_10_3,
#field_11_10 .gchoice_11_10_8 {
	display: none!important;
}
.wp-block-gp-entry-blocks-entries-table td.gpeb-table-column-field-162 ul {
	list-style-type: none;
	padding-left: 0;
}
.wp-block-gp-entry-blocks-entries form.proposal .gform_body {
	float: left;
	margin-right: 10px;
}
.wp-block-gp-entry-blocks-entries .wp-block-gp-entry-blocks-edit-entry form.proposal .gform_body {
	width: 100%;
}
.wp-block-gp-entry-blocks-entries form.proposal .gform_body #field_11_99999 {
	min-width: 280px;
}
.wp-block-gp-entry-blocks-entries form.proposal .gform_footer input[type=submit] {
	margin-top: 24px!important;
}
.wp-block-gp-entry-blocks-entries .wp-block-columns.is-layout-flex {
	margin-bottom: 0!important;
}
.wp-block-gp-entry-blocks-entries button.gpeb_clear_filters {
	font-weight: 400;
	float: none;
	font-size: 16px!important;
	padding: 16px 32px!important;
	margin: 24px 0 0 10px!important;
	text-transform: uppercase!important;
	border-width: 0!important;
	border-radius: 2px!important;
	line-height: 1!important;
	color: #fff!important;
	background-color: var(--tertiary-color)!important;
	border-color: var(--tertiary-color)!important;
	transition: .28s;
	height: 50px;
}
.wp-block-gp-entry-blocks-entries button.gpeb_clear_filters:hover {
	background-color: var(--quaternary-color)!important;
	border-color: var(--quaternary-color)!important;
	color: #fff!important;
}
@media (max-width: 991px) {
	.wp-block-gp-entry-blocks-entries form.proposal .gform_body {
		float: none;
		margin-right: 0;
	}
	.wp-block-gp-entry-blocks-entries form.proposal .gform_body #field_11_99999 {
		min-width: none;
	}
	.wp-block-gp-entry-blocks-entries form.proposal .gform_footer input[type=submit],
	.wp-block-gp-entry-blocks-entries button.gpeb_clear_filters {
		margin-top: 16px!important;
	}
}
.gform_wrapper .override-instructions.gfield_error > .gfield_description:not(.validation_message),
.gform_wrapper .override-instructions > .ginput_container .gfield_description.instruction {
	display: none;
}

/*===== OTHER =====*/
i.enabled {
	color: var(--primary-color)!important;
}
i.disabled {
	color: red!important;
}
.launch-notes .portal-card h6 i {
	position: relative;
	bottom: 1px;
	margin: 0;
	transition: .28s;
	color: var(--primary-color);
	cursor: pointer;
}
.launch-notes .portal-card h6 i.cancel {
	margin-left: 4px;
}
.launch-notes .portal-card h6 i:hover {
	color: var(--tertiary-color);
}
.launch-notes .portal-card h6 i.save,
.launch-notes .portal-card h6 i.cancel {
	display: none;
}
.launch-notes .portal-card p {
	font-family: 'Noto Sans Mono', monospace;
	font-size: 16px;
	margin: 0;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	color: #3a3a3a;
	border-radius: 2px;
	padding: 15px;
}
.launch-notes .portal-card p i {
	color: inherit;
	margin: 0;
}
.launch-notes .portal-card textarea.edit-notes {
	font-family: 'Noto Sans Mono', monospace;
	font-size: 16px;
	display: none;
}
a.google-drive-link i {
	color: #fff;
	transition: .28s;
}
a.google-drive-link:hover i {
	color: #fff;
}
h4.secondary-heading a.google-drive-link i {
	color: var(--primary-color);
	transition: .28s;
}
h4.secondary-heading a.google-drive-link:hover i {
	color: var(--tertiary-color);
}
iframe#input_26_44_ifr {
	border-right: 1px solid #dcdcde;
}
table.phase-descriptor,
.phase-status table.training {
	margin-top: -15px;
	max-width: 930px;
}
.phase-status table.training {
	margin-top: 15px;
}
table.phase-descriptor th,
.phase-status table.training th {
	text-transform: capitalize;
}
table.phase-descriptor i,
.phase-status table.training i {
	color: var(--tertiary-color)!important;
	transition: .28s;
}
table.phase-descriptor a,
.phase-status table.training a {
	color: var(--body-font-color)!important;
	transition: .28s;
	display: block;
	position: relative;
}
table.phase-descriptor a:hover,
.phase-status table.training a:hover {
	text-decoration: none!important;
}
table.phase-descriptor a i.fa-circle-check,
.phase-status table.training a i.fa-circle-check {
	position: relative;
}
table.phase-descriptor a i.fa-circle-check::after,
.phase-status table.training a i.fa-circle-check::after {
	content: "\f25a";
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
	color: var(--primary-color);
	font-size: 20px;
	position: absolute;
	bottom: -20px;
	right: -4px;
	opacity: 0;
	pointer-events: none;
	transition: .28s;
	animation: upfadeout 1s 10;
}
table.phase-descriptor .training-type,
.phase-status table.training .training-type {
	margin-top: 10px;
}
table.phase-descriptor .training-type span,
.phase-status table.training .training-type span {
	display: inline-block;
	margin-right: 10px;
	opacity: 0.3;
	transition: .28s;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
table.phase-descriptor .training-type span:hover,
.phase-status table.training .training-type span:hover,
table.phase-descriptor .training-type span.active,
.phase-status table.training .training-type span.active {
	opacity: 1;
}
table.phase-descriptor .training-type span i,
.phase-status table.training .training-type span i {
	margin-left: 4px;
}
table.phase-descriptor a i.fa-regular.fa-circle-check,
.phase-status table.training a i.fa-regular.fa-circle-check {
	font-weight: 400!important;
}
table.phase-descriptor a:hover i.fa-regular.fa-circle-check,
.phase-status table.training a:hover i.fa-regular.fa-circle-check {
	font-weight: 900!important;
}
.gfield_radio .gchoice input.gfield-choice-input {
	margin-right: 3px;
}
.over-7days {
	display: none;
}
#counter-decline-training {
	display: none;
}
#counter-decline-training .gform_wrapper {
	margin-bottom: 0!important;
}
@keyframes upfadeout {
	0% {
		bottom: -20px;
		opacity: 1;
	}
	10% {
		bottom: -22px;
		opacity: .8;
	}
	20% {
		bottom: -24px;
		opacity: .6;
	}
	30% {
		bottom: -26px;
		opacity: .4;
	}
	40% {
		bottom: -28px;
		opacity: .2;
	}
	50% {
		bottom: -30px;
		opacity: 0;
	}
	60% {
		bottom: -28px;
		opacity: .2;
	}
	70% {
		bottom: -26px;
		opacity: .4;
	}
	80% {
		bottom: -24px;
		opacity: .6;
	}
	90% {
		bottom: -22px;
		opacity: .8;
	}
	100% {
		bottom: -20px;
		opacity: 1;
	}
}
#training.no-show h4.secondary-heading > i.fa-circle-check::before,
#training.expired h4.secondary-heading > i.fa-circle-check::before {
	content: "\f057"!important;
	color: red!important;
}
.message.portal-card.expired {
	margin-bottom: 0!important;
}
.phase-status > *:last-child {
	margin: 0;
}

/*===== PROJECT NAV/SECTIONS =====*/
.project-nav {
	font-size: 0;
	margin: 0 0 27px;
}
.project-nav a.tab {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 20px;
	margin: 0 3px 3px 0;
	text-transform: capitalize;
	color: var(--tertiary-color);
	background-color: #f5f5f5;
	border-radius: 3px;
	transition: .28s;
	position: relative;
}
.project-nav a.tab i {
	margin-left: 10px;
}
.project-nav a.tab:last-child {
	margin-right: 0;
}
.project-nav a.tab.active {
	color: #fff!important;
	background-color: var(--tertiary-color)!important;
}
.project-nav a.tab.disabled {
	display: none;
}
.project-nav a.tab:hover,
.project-nav a.tab:active {
	color: var(--tertiary-color);
	background-color: #e6e6e6;
}
.project-nav a.tab span.count {
	position: absolute;
	top: -12px;
	right: 3px;
	height: 24px;
	width: 24px;
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
	display: inline-block;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 50%;
	pointer-events: none;
}
.project-section {
	display: none;
}
.project-section.active {
	display: block;
}
.general-notes a.add {
	display: inline-block;
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 39px;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	text-align: center;
	background-color: var(--primary-color)!important;
	color: #fff!important;
	transition: .28s;
	position: relative;
}
.general-notes a.add:hover {
	background-color: var(--tertiary-color)!important;
	color: #fff!important;
}
.general-notes a.add i {
	position: relative;
}
.general-notes .new-note {
	display: none;
}
.general-notes .existing-notes {
	border-left: 3px solid var(--tertiary-color);
}
.general-notes .existing-notes > h6 {
	margin: 0 0 37px;
}
.general-notes .existing-notes div.note {
	position: relative;
	margin: 0 0 59px;
}
.general-notes .existing-notes div.note:last-of-type {
	margin: 0 0 22px;
}
.general-notes .existing-notes div.note .note-meta {
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
}
.general-notes .existing-notes div.note .note-meta::after {
	content: "";
	clear: both;
}
.general-notes .existing-notes div.note .note-meta p.submitted-by {
	font-size: 14px;
	float: left;
	margin: 0;
	color: #3a3a3a;
	font-weight: 400;
}
.general-notes .existing-notes div.note .note-meta p.timestamp {
	font-size: 14px;
	float: right;
	margin: 0;
	color: #5a5a5a;
}
.general-notes .existing-notes div.note .note-footer {
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 100%;
}
.general-notes .existing-notes div.note .note-footer::after {
	content: "";
	clear: both;
}
.general-notes .existing-notes div.note .note-footer p.reply {
	font-size: 14px;
	float: left;
	margin: 0;
	color: #5a5a5a;
	cursor: pointer;
	transition: .28s;
}
.general-notes .existing-notes div.note .note-footer p.copy {
	font-size: 14px;
	float: right;
	margin: 0;
	color: #5a5a5a;
	cursor: pointer;
	transition: .28s;
}
.general-notes .existing-notes div.note .note-footer p.reply:hover,
.general-notes .existing-notes div.note .note-footer p.copy:hover,
.general-notes .existing-notes div.note .note-footer p.copy i.fa-check {
	color: var(--primary-color);
}
.general-notes .existing-notes div.note .note-contents {
	clear: both;
}
.general-notes .existing-notes div.note .note-contents div.comment {
	font-family: 'Noto Sans Mono', monospace;
	font-size: 16px;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	color: #3a3a3a;
	border-radius: 2px;
	padding: 15px;
}
.general-notes .existing-notes div.note .note-contents div.comment > *:last-child {
	margin: 0!important;
}
.general-notes .existing-notes p.no-results {
	margin: -22px 0 0;
	font-family: 'Noto Sans Mono', monospace;
	font-size: 16px;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	color: #3a3a3a;
	border-radius: 2px;
	padding: 15px;
}
.phase-actions a.button.confirm {
	display: none;
}

/*===== CALENDAR =====*/
#calendar {
	margin: 0 0 15px;
}
#calendar table {
	margin: 0;
}
.fc a {
	transition: .28s;
}
.fc .fc-list-event-title a {
	text-decoration: none!important;
	font-weight: 500;
}
.fc a.fc-event {
	width: 100%;
	overflow: hidden;
}
.fc a.fc-event:hover {
	width: fit-content;
	z-index: 10;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-title {
	padding-right: 3px;
}
.fc th.fc-day a,
.fc td.fc-day a,
.fc a.fc-list-day-text,
.fc a.fc-list-day-side-text {
	color: var(--tertiary-color)!important;
}
.fc .fc-button-primary {
	background-color: var(--tertiary-color)!important;
	border-color: var(--tertiary-color)!important;
	color: #fff!important;
}
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
	background-color: var(--quaternary-color)!important;
	border-color: var(--quaternary-color)!important;
	color: #fff!important;
}
.fc-h-event.fc-daygrid-block-event {
	background-color: var(--primary-color)!important;
	border: 1px solid var(--primary-color)!important;
}
.fc-h-event.fc-daygrid-block-event:hover {
	background-color: var(--secondary-color)!important;
	border: 1px solid var(--secondary-color)!important;
}
.fc-daygrid-dot-event.fc-event-mirror,
.fc-daygrid-dot-event:hover {
	background: #e6e6e6!important;
}
.fc-daygrid-event-dot,
.fc-list-event-dot {
	border-color: var(--tertiary-color)!important;
}
.fc-event.fc-daygrid-block-event:focus::after {
	background: var(--secondary-color)!important;
	border-radius: 3px!important;
	z-index: -1!important;
}
.fc-event.fc-daygrid-dot-event:focus::after {
	background: #e6e6e6!important;
	border-radius: 3px!important;
	z-index: -1!important;
}
.fc .fc-daygrid-day.fc-day-today {
	background-color: rgba(140,198,63,.15)
}
.fc-daygrid-day-events .fc-event {
	font-size: 12px;
}
.fc a.fc-event.added-date .fc-daygrid-event-dot {
	border-color: #8cc63f!important;
}
.fc-daygrid-dot-event .fc-event-title {
	font-weight: 500;
}
.fc .fc-header-toolbar.fc-toolbar {
	margin-bottom: 15px;
}
@media (max-width: 991px) {
	.fc .fc-header-toolbar.fc-toolbar {
		margin-bottom: 10px;
	}
	.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button {
		font-size: 14px;
		width: auto;
		height: 30px;
		line-height: 18px;
		padding: 0 5px;
	}
	.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button.fc-prev-button,
	.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button.fc-next-button {
		width: 30px;
		padding: 0;
	}
	.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
		font-size: 16px;
	}
}
@media (max-width: 480px) {
	.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
		font-size: 12px;
	}
}
.calendar .section-top {
	margin: 0;
}
.calendar .section-top .primary-heading {
	font-size: 20px;
	margin: 0 0 10px;
	font-weight: 500;
	font-style: italic;
}
.calendar .section-top .primary-heading::after {
	display: none;
}
.calendar .section-top .primary-description {
	margin-top: 15px;
	font-weight: 400!important;
	text-transform: uppercase;
	color: #5a5a5a!important;
	font-style: normal!important;
	font-size: 18px!important;
	line-height: 24px!important;
}
.calendar .section-top .primary-description p {
	margin: 0;
	display: inline-block;
	opacity: .5;
	transition: .28s;
}
.calendar .section-top .primary-description p:hover {
	cursor: pointer;
	opacity: 1;
}
.calendar .section-top .primary-description p.active {
	opacity: 1;
}
.dot {
	display: inline-block!important;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: var(--primary-color);
}
.fc a.fc-event .fc-event-time::before,
.fc tr.fc-event .fc-list-event-time::before {
	font-weight: 500;
}
.event-filter[data-event-type=added-date] .dot {
	background-color: lightgray;
}
.fc a.fc-event.added-date .fc-daygrid-event-dot,
.fc tr.fc-event.added-date .fc-list-event-dot {
	border-color: lightgray!important;
}
.fc a.fc-event.added-date .fc-event-time::before,
.fc tr.fc-event.added-date .fc-list-event-time::before {
	content: "ADDED ";
}
.event-filter[data-event-type=due-date] .dot {
	background-color: red;
}
.fc a.fc-event.due-date .fc-daygrid-event-dot,
.fc tr.fc-event.due-date .fc-list-event-dot {
	border-color: red!important;
}
.fc a.fc-event.due-date.phase-a .fc-event-time::before,
.fc tr.fc-event.due-date.phase-a .fc-list-event-time::before {
	content: "CONTENT DUE ";
}
.fc a.fc-event.due-date.phase-b .fc-event-time::before,
.fc tr.fc-event.due-date.phase-b .fc-list-event-time::before {
	content: "DEMO CHOICE DUE ";
}
.fc a.fc-event.due-date.phase-e .fc-event-time::before,
.fc tr.fc-event.due-date.phase-e .fc-list-event-time::before {
	content: "REVIEW #1 DUE ";
}
.fc a.fc-event.due-date.phase-f .fc-event-time::before,
.fc tr.fc-event.due-date.phase-f .fc-list-event-time::before {
	content: "REVIEW #2 DUE ";
}
.event-filter[data-event-type=submitted-date] .dot {
	background-color: limegreen;
}
.fc a.fc-event.submitted-date .fc-daygrid-event-dot,
.fc tr.fc-event.submitted-date .fc-list-event-dot {
	border-color: limegreen!important;
}
.fc a.fc-event.submitted-date.phase-a .fc-event-time::before,
.fc tr.fc-event.submitted-date.phase-a .fc-list-event-time::before {
	content: "CONTENT SENT ";
}
.fc a.fc-event.submitted-date.phase-b .fc-event-time::before,
.fc tr.fc-event.submitted-date.phase-b .fc-list-event-time::before {
	content: "DEMO CHOSEN ";
}
.fc a.fc-event.submitted-date.phase-e .fc-event-time::before,
.fc tr.fc-event.submitted-date.phase-e .fc-list-event-time::before {
	content: "REVIEW #1 SENT ";
}
.fc a.fc-event.submitted-date.phase-f .fc-event-time::before,
.fc tr.fc-event.submitted-date.phase-f .fc-list-event-time::before {
	content: "REVIEW #2 SENT ";
}
.event-filter[data-event-type=completed-date] .dot {
	background-color: darkgreen;
}
.fc a.fc-event.completed-date .fc-daygrid-event-dot,
.fc tr.fc-event.completed-date .fc-list-event-dot {
	border-color: darkgreen!important;
}
.fc a.fc-event.completed-date.phase-a .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-a .fc-list-event-time::before {
	content: "CONTENT COMPLETED ";
}
.fc a.fc-event.completed-date.phase-c .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-c .fc-list-event-time::before {
	content: "DEVELOPMENT COMPLETED ";
}
.fc a.fc-event.completed-date.phase-d .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-d .fc-list-event-time::before {
	content: "INITIAL CONTENT COMPLETED ";
}
.fc a.fc-event.completed-date.phase-e .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-e .fc-list-event-time::before {
	content: "REVIEW #1 COMPLETED ";
}
.fc a.fc-event.completed-date.phase-f .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-f .fc-list-event-time::before {
	content: "REVIEW #2 COMPLETED ";
}
.fc a.fc-event.completed-date.phase-g .fc-event-time::before,
.fc tr.fc-event.completed-date.phase-g .fc-list-event-time::before {
	content: "LAUNCH PREP COMPLETED ";
}
.event-filter[data-event-type=projected-launch-date] .dot {
	background-color: deepskyblue;
}
.fc a.fc-event.projected-launch-date .fc-daygrid-event-dot,
.fc tr.fc-event.projected-launch-date .fc-list-event-dot {
	border-color: deepskyblue!important;
}
.fc a.fc-event.projected-launch-date .fc-event-time::before,
.fc tr.fc-event.projected-launch-date .fc-list-event-time::before {
	content: "PROJECTED LAUNCH DATE ";
}
.event-filter[data-event-type=launched-date] .dot {
	background-color: var(--tertiary-color);
}
.fc a.fc-event.launched-date .fc-daygrid-event-dot,
.fc tr.fc-event.launched-date .fc-list-event-dot {
	border-color: var(--tertiary-color)!important;
}
.fc a.fc-event.launched-date .fc-event-time::before,
.fc tr.fc-event.launched-date .fc-list-event-time::before {
	content: "LAUNCHED ";
}
.event-filter[data-event-type=scheduled-training-date] .dot {
	background-color: orchid;
}
.fc a.fc-event.scheduled-training-date .fc-daygrid-event-dot,
.fc tr.fc-event.scheduled-training-date .fc-list-event-dot {
	border-color: orchid!important;
}
.fc a.fc-event.scheduled-training-date .fc-event-time::before,
.fc tr.fc-event.scheduled-training-date .fc-list-event-time::before {
	content: "TRAINING DATE ";
}
.fc .fc-button .fc-icon {
	line-height: 1em;
}
.calendar .events {
	overflow: hidden;
	float: left;
	width: 60%;
	margin: 0 0 15px;
}
.calendar .events .left,
.calendar .events .right {
	float: left;
	min-width: 210px;
}
.calendar .website-names {
	float: left;
	width: 40%;
	margin: 0 0 15px;
	text-transform: none;
}
.calendar .website-names .gform_wrapper {
	margin-bottom: 0!important;
}
.calendar .website-names .gform_wrapper .gfield_label {
	font-style: italic;
	color: var(--tertiary-color);
}
.calendar .website-names .gform_wrapper .gform-footer {
	display: none;
}
button#calendar-reset-filters {
	color: #fff;
	background-color: var(--tertiary-color);
	border: 1px solid var(--tertiary-color);
	border-radius: .25em;
	padding: 3px 6px;
	font-size: 14px;
	position: relative;
	top: -5px;
	animation: emphasis 0.5s 10;
}
button#calendar-reset-filters:hover {
	color: #fff;
	background-color: var(--quaternary-color);
	border-color: var(--quaternary-color);
}
.section-inner .phases .portal-card.current {
	animation: wiggle 0.5s 22;
}
@keyframes emphasis {
	0% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(2deg);
	}
	20% {
		transform: rotate(4deg);
	}
	30% {
		transform: rotate(2deg);
	}
	40% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(0deg);
	}
	60% {
		transform: rotate(-2deg);
	}
	70% {
		transform: rotate(-4deg);
	}
	80% {
		transform: rotate(-2deg);
	}
	90% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.fc a.fc-event.due-date.client-completed,
.fc tr.fc-event.due-date.client-completed {
	text-decoration: line-through;
}
#phase-advance.fancybox-content {
	cursor: inherit;
	width: 840px;
}
#phase-advance > h4 {
	margin: 0 0 10px;
}
#phase-advance > p {
	margin: 0 0 20px;
	font-style: italic;
}
#phase-advance > p em {
	font-style: italic;
}
#phase-advance .gform_confirmation_wrapper {
	margin: 0!important;
	text-align: left;
}
#phase-advance .gform_confirmation_wrapper a {
	font-weight: 400;
}
#phase-advance .gform_confirmation_wrapper a:hover,
#phase-advance .gform_confirmation_wrapper a:active {
	text-decoration: underline;
}
.phase-advance-marker {
	font-weight: 300;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	margin: -10px -15px 15px;
	padding: 0 15px 5px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
}
.phase-advance-marker i {
	color: var(--tertiary-color);
}
.phase-advance-marker em {
	font-weight: 400;
}
.xdsoft_datetimepicker {
	z-index: 9999999999999999999999!important;
}

/*===== MESSAGES =====*/
.section-content .messages {
	border: 10px solid #f5f5f5;
	border-radius: 15px;
	padding: 15px;
}
.message-history {
	font-size: 0;
	min-height: 83px;
	max-height: 600px;
	overflow-y: auto;
	padding-right: 15px;
	margin: 0 0 15px;
}
.message-history > *:last-child {
	margin-bottom: 15px!important;
}
.message-history .message {
	width: 70%;
	border-radius: 15px;
	padding: 15px;
	margin: 15px 0 35px;
	clear: both;
	position: relative;
}
@media (max-width: 520px) {
	.message-history .message {
		width: 80%;
	}
}
.message-history .message.user,
.admin-messages .message-history .message.admin {
	background-color: #f0f0f0;
	color: #3a3a3a;
	float: left;
}
.message-history .message.admin,
.admin-messages .message-history .message.user {
	background-color: #4b5ece;
	color: #fff;
	float: right;
}
.message-history .message .author {
	position: absolute;
	top: -15px;
	left: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #5a5a5a;
}
.message-history .message .author img {
	height: 15px;
	display: inline-block;
	padding: 0 0 2px;
}
.message-history .message .project {
	position: absolute;
	bottom: -15px;
	left: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #5a5a5a;
	display: none;
}
.message-history .message .timestamp {
	position: absolute;
	bottom: -15px;
	right: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #5a5a5a;
}
.message-history .message .note {
	font-size: 16px;
	line-height: 1.4;
}
.message-history .message .note > p {
	margin: 0 0 10px;
}
.message-history .message .note > p:last-child {
	margin: 0;
}
.new-message {
	font-size: 0;
}
.new-message::before {
	content: "";
	display: block;
	height: 10px;
	background-color: #f5f5f5;
	margin: 0 -15px 15px;
}
.new-message textarea#new-message {
	display: inline-block;
	width: calc(100% - 100px);
	font-size: 16px;
	padding: 12px 15px;
	border-radius: 15px!important;
	resize: none;
	overflow: hidden;
	border: 1px solid #e6e6e6!important;
	background-color: #fff!important;
}
.new-message textarea#new-message:hover,
.new-message textarea#new-message:focus {
	border: 1px solid #e0e0e0!important;
	background-color: rgba(249,249,249,.6)!important;
}
.new-message button[type=submit] {
	display: inline-block;
	width: 85px;
	margin-left: 15px;
	font-size: 16px;
	padding: 16px 8px 15px;
	text-transform: capitalize;
	vertical-align: top;
	border-radius: 15px!important;
}
#new-message-form .error {
	font-size: 14px;
	color: red;
	padding-left: 10px;
}
.new-message .error {
	font-size: 16px;
	color: red;
}
.messages .client-list {
	min-height: 174px;
	max-height: 691px;
	margin: 0;
	position: relative;
}
.messages .client-list input.client-filter {
	height: 40px;
	font-size: 14px;
	border-radius: 15px;
	background-color: #fff!important;
}
.messages .client-list input.client-filter:hover,
.messages .client-list input.client-filter:focus {
	border: 1px solid #e0e0e0!important;
	background-color: rgba(249,249,249,.6)!important;
}
.messages .client-list .client-list-container {
	max-height: 636px;
	overflow-y: auto;
	padding-right: 15px;
}
.messages .client-list table.all-clients {
	font-size: 14px;
	margin: 0;
}
.messages .client-list table.all-clients tr.client td {
	border-top: 0;
	border-bottom: 1px solid #e6e6e6;
}
.messages .client-list table.all-clients tr.client td.name {
	cursor: pointer;
	transition: .28s;
}
.messages .client-list table.all-clients tr.client td.name:hover {
	background-color: rgba(40,56,145,.15)!important;
}
.messages .client-list table.all-clients tr.client[data-status=active] td.name {
	background-color: var(--tertiary-color)!important;
	color: #fff!important;
	cursor: inherit;
}
.messages .client-list table.all-clients tr.client td.name span.business {
	font-size: 12px;
}
@media (min-width: 768px) {
	.messages .border-right-large > .vc_column-inner {
		border-right: 10px solid #f5f5f5;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: -15px;
		margin-bottom: -15px;
	}
}
@media (max-width: 767px) {
	.messages .border-right-large > .vc_column-inner {
		border-bottom: 10px solid #f5f5f5;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.messages.no-client-selected .message-history {
		margin-bottom: 0;
	}
	.messages.no-client-selected .new-message::before {
		display: none;
	}
}