.my-account-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#account-intro {
	flex: 0 0 100%;
	margin: 0 0 2em;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 30px;
}
.disclaimer {
	flex: 0 0 100%;
	border: 1px solid #333;
	padding: 1em;
}
#jobs {
	flex: 0 0 58%;
	padding: 0 2em 0 0;
}
#user-profile {
	flex: 0 0 36%;
	border-top: 1px solid rgba(0,0,0,.3);
	padding: 0 0 0 2em;
}
#profile-edit {
	font-size: .85em;
}
#profile-edit .acf-tab-group li a {
	font-size: 11px;
	line-height: 14px;
}
#profile-edit .acf-field {
	padding: 10px 5px;
	border: none;
}
#profile-edit .acf-field .acf-label {
	margin: 0;
}
#profile-edit .acf-field .acf-label label {
	line-height: 1;
}
#jobs > section > h3 {
	font-size: 1.5em;
	border-bottom: 2px solid #a69886;
	color: #7aad37;
	margin: 1.5em 0 .5em;
}
.jobs-content {
}
.entry-content .job-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*
.job-item.acf-accordion {
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 6px;
	margin: .25em 0 1em;
	padding: .25em .5em;
}
*/
.job-item {
	scroll-margin-top: 55px;
}
.job-item > .acf-accordion {
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 6px;
	margin: .25em 0 1em;
	box-shadow: 0px 0px 1px rgba(0,0,0,0);
	transition: all .25s ease-in-out;
	user-select: none;
}
.job-item > .acf-accordion.-open,
.job-item > .acf-accordion .acf-accordion-title:hover {
	background-color: #fffbf4;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.3), inset 0px 0px 6px #ffba49;
}
.job-item > .acf-accordion.-open .acf-accordion-title:hover {
	background-color: transparent;
	box-shadow: none;
}
.job-item > .acf-accordion .acf-accordion-content {
	padding: 0;
}
.job-item > .acf-accordion .acf-accordion-title {
	position: relative;
	font-size: 1.1em;
	margin: 0;
	color: #374d09;
	line-height: 1em;
	padding: .75em 1em .5em;
	border-radius: 6px;
}
.job-item > .acf-accordion .acf-accordion-title h3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.job-item > .acf-accordion .acf-accordion-title h3 small {
	font-size: .825em;
}
.job-item .wbp-job-status-tag {
	position: absolute;
	display: inline-block;
	top: -1em;
	right: 1em;
	font-size: .625em;
	line-height: 1;
	border-radius: 6px;
	padding: .25em .5em;
	background-color: #fff;
	box-shadow: 0 1px 1px #999;
}
.wbp-job-status-tag.response-needed {
	background-color: #ffddbf;
	border: 2px solid #FF8318;
	color: #000;
}
.wbp-job-status-tag.declined {
	background-color: #ffbfbf;
	border: 2px solid #ff1818;
	color: #000;
}
.wbp-job-status-tag.approved {
	background-color: #bfffbf;
	border: 2px solid #008000;
	color: #000;
}
.wbp-job-status-tag.waiting {
	border: 2px solid #ffbf00;
	color: #000;
}
.job-item .acf-field .description {
	color: #000;
}
.job-item h4 small {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: .7em;
}
.job-item .acf-file-uploader .file-wrap {
	margin: 0 0 20px;
	border-radius: 6px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}
.job-item .acf-file-uploader.has-value .file-wrap {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: stretch;
}
.job-item .file-action {
	position: absolute;
	right: 10px;
	top: 10px;
}
.job-item .file-download:before {
	content: "\f019";
	font-family: "Font Awesome";
	font-size: 16px;
	font-weight: 900;
	margin-right: .3em;
}
.job-item .acf-file-uploader .file-icon {
	position: static;
	background: transparent;
	border-right: none;
	padding: 10px 0 0 10px;
}
.job-item .acf-file-uploader .file-icon img {
	max-width: 20px;
}
.job-item .acf-file-uploader .file-info p.file-message {
	margin: .6em 0 0;
}
.job-item .acf-file-uploader .file-info {
	margin-left: 0;
}
.job-item .acf-file-uploader .file-info audio {
	border-radius: 6px;
}
.acf-label .description,
.job-info-item,
.job-item .acf-label p,
.job-item .acf-label ol,
.job-item .acf-label ul,
.job-item .file-info pre {
	font-size: 13px;
	line-height: 1.3em;
}
.wbp-job-details {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
/*	border-bottom: 1px dotted #ccc;*/
	margin-bottom: 0;
}
.wbp-job-details p {
	margin: .5em 0;
}
.wbp-job-content {
	padding: 0 1em 1em;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	row-gap: 1em;
	column-gap: 30px;
}
.wbp-job-content h4 {
	line-height: 1.2;
	border-bottom: 1px solid #999;
	margin-bottom: .75em;
}
.wbp-job-content > div ul {
	list-style-type: disc;
}
.wbp-job-content > div li {
	margin-bottom: .5em;
}
.job-item :is(.wbp-job-overview, .wbp-job-direction, .wbp-job-requirements) {
	flex: 1 0 30%;
}
.job-item .wbp-job-direction {
	user-select: text;
}
.wbp-quote-calculator .acf-form-fields {
	display: grid;
/*	grid-template-columns: 1fr 1fr;*/
	grid-template-areas:
		"budget payout"
		". fee"
		". total"
		"message message";
	align-content: start;
	align-items: start;
	column-gap: 1em;
}
.wbp-quote-calculator [data-name="desired_payout"] {
	grid-area: payout;
	align-self: start;
}
.wbp-quote-calculator [data-name="wbp_agency_fee"] {
	grid-area: fee;
	align-self: start;
}
.wbp-quote-calculator [data-name="total_quote"] {
	grid-area: total;
	align-self: start;
}
.wbp-quote-calculator .acf-field-group {
	grid-area: message;
	align-self: start;
}
.wbp-quote-calculator .acf-fields > .acf-field {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: none;
}

.project-response-status {
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
}
.project-response-status .acf-notice {
	margin: 0;
}

.wbp-job-step-container,
.job-item .project-response-status .acf-form {
	width: 100%;
	margin: 0 auto;
	border-radius: 6px;
	border: 3px solid #FF8318;
}
.wbp-job-step-container,
.job-item .project-response-status :is([data-name='job_offer_status'],[data-name='job_review_status'],.wbp-next-step) .acf-label {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 1em;
	row-gap: 0.5em;
}
.job-item .project-response-status > .acf-form > .acf-fields > .acf-field:first-child {
	padding: 0;
}
.wbp-job-step-container h5,
.project-response-status :is([data-name='job_offer_status'],[data-name='job_review_status'],.wbp-next-step) .acf-label label {
	background-color: #FF8318;
	border-radius: 0 0 6px 0;
	padding: 0 1em;
}
.project-response-status :is([data-name='job_offer_status'],[data-name='job_review_status'],.wbp-next-step) .acf-required {
	color:#fff;
}
.project-response-status :is([data-name='job_offer_status'],[data-name='job_review_status'],.wbp-next-step) .acf-label .description {
	font-weight: 300;
	color: #000;
	text-align: left;
	flex: 0 0 100%;
	padding: 0 1.45em;
}
.project-response-status .acf-fields > .acf-field {
	border-top: none;
}
.wbp-job-step-container > p {
	font-size: .85em;
	font-style: italic;
	line-height: 2.2em;
	margin: 0;
}
.job-item .project-response-status .acf-form > div {
	padding-bottom: 1em;
}
.wbp-step-info {
	border: 3px solid #d5b24a;
}
.wbp-step-info h5 {
	background-color: #d5b24a;
}
.wbp-step-content {
	width: 100%;
}
.wbp-job-production-info .wbp-step-content {
	padding: 0 1em 1em;
	text-align: left;
	line-height: 1.35;
	font-size: .825em;
}
.wbp-step-approved {
	border: 3px solid #305416;
}
.wbp-step-approved h5 {
	background-color: #305416;
	color: #fff;
}
.job-item .wbp-job-review-info {
	margin-top: 1em;
}
.wbp-job-review-info .wbp-step-content {
	padding: 0 1em;
	text-align: center;
}
.job-item .revision-summary {
	text-align: left;
	background-color: #fff;
	padding: 1em;
	border-radius: 6px;
	line-height: 1.3;
	flex: 0 0 100%;
}
.job-item .revision-summary blockquote {
	font-size: .825em;
	color: #333;
}
.wbp-job-status-msg {
	flex: 0 1 100%;
	background-color: #fff;
	padding: .5em;
	border: 2px solid #ccc;
	margin: 0;
	border-radius: 6px;
	line-height: 1.25;
}
.wbp-job-step-container .wbp-job-status-msg {
	margin: .5em;
}
.wbp-job-status-msg.quote {
	border:none;
	background-color: transparent;
}
.wbp-job-status-msg.waiting {
	border-color: #ffbf00;	
}
.wbp-job-status-msg.approved {
	border-color: #090;
}
.wbp-job-status-msg.declined {
	border-color: #900;	
}
.wbp-job-status-msg p {
	margin: 0 auto .825em;
}
.wbp-job-status-msg p:last-of-type:not(.quote-amount) {
	margin:0;
	font-size: .825em;
}
.project-response-status .acf-fields.-border {
	border: none;
	border-radius: 6px;
	background: #fff;
	box-shadow: inset 0px 1px 3px #ccc;
}

.acf-field[data-name="job_offer_status"] ~ .acf-field {
	line-height: 1.5;
	margin: 0 auto;
	padding-bottom: 0;
	font-size: 16px;
	max-width: 30em;
}

.job-item .project-response-status [data-name="job_offer_status"] .acf-hl {
	display: flex;
	justify-content: center;
	padding: 0;
}
.job-item .project-response-status [data-name="job_offer_status"] .acf-hl label {
	font-size: 1.5em;
	cursor: pointer;
}
.acf-field[data-name="job_offer_status"] ~ .acf-field[data-name="quote_declined_reason"] {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: .5em;
	align-items: baseline;
	max-width: none;
}
.acf-field[data-name="job_offer_status"] ~ .acf-field[data-name="quote_declined_reason"] .acf-input {
	flex: 1 1 auto;
}

.wbp-quote-calculator {
	font-size: .85em;
	flex: 0 0 100%;
	padding: 1em;
	line-height: 1.25;
/*	display: flex;*/
/*	flex-flow: row wrap;*/
/*	justify-content: space-between;*/
}
.wbp-quote-calculator-inputs,
.acf-field.wbp-calc-input {
	text-align: right;
	flex: 0 1 100%;
	padding: 0 1em .5em;
}
.wbp-job-step-container .wbp-quote-calculator-inputs {
	padding-bottom: 0;
}
.wbp-job-step-container .wbp-quote-calculator-inputs > div span {
	display: inline-block;
	min-width: 8em;
	border-bottom: 1px dotted #999;
}
.acf-fields > .acf-field.wbp-calc-input {
	padding: 8px 16px;
}
.acf-fields > .wbp-calc-input + .wbp-calc-input {
	padding-top: 0;
}
.wbp-calc-input :is(.acf-label, .acf-input) {
	display: inline-block;
}
.wbp-calc-input .acf-label {
	margin: 0;
}
.wbp-calc-input .acf-input-prepend {
	border: none;
	background: #e1e1e1;
	font-size: 1em;
	line-height: 1.5;
	color: #333;
}.wbp-calc-input .acf-input {
	width: 8em;	
}
.wbp-calc-input input {
	border: none;
	border-radius: 4px !important;
	font-size: 1em !important;
	line-height: 1.5 !important;
	box-shadow: inset 0px 1px 3px #ccc;
	background-color: #eee;
	text-align: right;
}
.wbp-calc-msg {
	line-height: 1.25;
	padding: .75em !important;
	font-size: 15px;
	text-align: left;
}
.wbp-calc-total-exceed :is(.wbp-prj-budget-amt, .wbp-calc-total input) {
	background-color: #fbd3d3;
	display: inline-block;
	border: 2px dashed red;
}

/* Chrome, Safari, Edge, Opera */
.wbp-calc-input input::-webkit-outer-spin-button,
.wbp-calc-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.wbp-calc-input input[type=number] {
  -moz-appearance: textfield;
}

.job-item :where(.project-rate, .project-response-status) {
/*	margin: 0 auto 1em;*/
	width: 100%;
	text-align: center;
/*	border-bottom: 1px dashed #000;*/
}
.job-item .project-rate p {
	margin: 0 0 1em;
}
.job-item .wbp-prj-rate-table {
	margin: 1em auto;
}
.job-item .wbp-prj-rate-table caption {
	font-weight: 700;
}
.job-item .wbp-prj-rate-table th {
	font-weight: 600;
}
.job-item .wbp-prj-rate-table th small {
	font-size: .85em;
	font-weight: 400;
}
.job-item .wbp-prj-rate-table :is(th,td) {
	font-size: .9em;
	padding: 0 1em;
	text-align: center;
}
.job-item .wbp-prj-rate-table :is(th,td):first-child {
	border-right: 1px solid #999;
}
.your-files-uploader {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: .95em;
}
.files-from-user {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.2);
}
#job-file-upload .acf-actions {
	text-align: center;
}
#jobs #message {
	background-color: #f3f3f3;
	border-width: 2px 2px 2px 16px;
	border-style: solid;
	border-color: #333;
	border-radius: 6px;
	padding: 1em 1em 0;
}
#jobs #message.updated {
	background-color: #d7f277;
	border-color: #438415;
}


/**********************************
 * Casting Help Followup Form
 **********************************/
.wbp-casting-help-followup .acf-form-fields {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.wbp-casting-help-followup .acf-form-fields > div {
	flex: 1 0 48%;
}
.wbp-casting-help-followup .acf-form-fields > div:first-child {
	flex: 0 0 100%;
}


/**********************************
 * File Center
 **********************************/
.wbp-file-center-content {
	display: flex;
	flex-flow: row wrap;
	column-gap: 4%;
	justify-content: space-between;
	padding: 1em;
}
.wbp-file-center-content > form {
	flex: 1 2 50%;
}
.wbp-file-center-content > form .acf-label label {
	font-weight: 700;
}
.wbp-file-center-content > form .acf-fields > .acf-field {
	padding: 0;
}
.wbp-file-center-content > form .acf-repeater {
/*	max-height: 280px;*/
/*	overflow: auto;*/
}
.wbp-file-center-content .wbp-file-list {
	flex: 1 1 40%;
}
.wbp-file-center-content .wbp-file-list .job-files {
/*	max-height: 330px;*/
/*	overflow: auto;*/
}
.wbp-file-center-content .acf-table thead {
	display: none;
}


/**********************************
 * Message Center
 **********************************/
.msgctr-container {
	flex: 0 0 100%;
    font-size: .85em;
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.2);
	border-radius: 6px;
	overflow: hidden;
/*	margin: 2em auto 0;*/
	scroll-margin-top: 50px;
}
.msgctr-header {
	background-color: #444;
	color: #fff;
	padding: 0 .5em;
	border-radius: 6px 6px 0 0;
}
.msgctr-container .comments-list {
	background-color: #e6e6e677;
	max-height: 300px;
	overflow: auto;
	padding: .5em;
}
.msgctr-container .comments-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.msgctr-container .comment {
	position: relative;
	background-color: #fff;
	margin: .5em;
	padding: .5em;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	border-radius: 6px;
	text-align: left;
}
.msgctr-container:target {
	box-shadow: 0px 0px 6px 2px #7aad37;
	background-color: #f0ffdb;
}
.msgctr-container:target .msgctr-header {
	background-color: #45621f;
}
/* Comment made by current user */
.view-client .comment.bypostauthor,
.view-talent .comment:not(.bypostauthor) {
	margin-left: clamp(3em, 30%, 800px);
	border: 1px solid lightblue;
	background-color: aliceblue;
}
/*
.view-client .comment.bypostauthor::before,
.view-talent .comment:not(.bypostauthor)::before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -10px;
	right: 10px;
	width: 20px;
	height: 10px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: lightblue;
	background: aliceblue;
	-webkit-border-bottom-right-radius: 80px 50px;
	-moz-border-radius-bottomright: 80px 50px;
	border-bottom-right-radius: 80px 50px;
	display: block;
}
.view-client .comment.bypostauthor::after,
.view-talent .comment:not(.bypostauthor)::after {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -10px;
	right: 10px;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: lightblue;
	background: aliceblue;
	-webkit-border-bottom-right-radius: 40px 50px;
	-moz-border-radius-bottomright: 40px 50px;
	border-bottom-right-radius: 40px 50px;
	display: block;
}
*/
/* Comment made by other party */
.view-client .comment:not(.bypostauthor),
.view-talent .comment.bypostauthor {
	margin-right: clamp(3em, 30%, 800px);
}

.wbp-response-instruction {
	font-size: .8em;
	margin-bottom: 0;
}
.msgctr-container .comment-header {
    line-height: 1.2;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.comment-header .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .5em;
}
.comment-header cite {
	font-weight: 600;
}
.msgctr-container .comment-meta {
	font-size: .75em;
	color: #333;
}
.entry-content .msgctr-container .comment-text p {
	margin: .3em 0 1.3em;
}
.entry-content .msgctr-container .comment-text p:last-of-type {
	margin-bottom: 0;
}
.msgctr-container .comment-respond {
	box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
	padding: .5em;
}



/*
<li class="comment byuser comment-author-testresdd-com bypostauthor even thread-even depth-1" id="comment-3">
	<div id="div-comment-3" class="comment-body">
		<div class="comment-author vcard">
			<img alt="" src="http://0.gravatar.com/avatar/9445ba4b75708e9925462f9bd17af2bd?s=32&amp;d=mm&amp;r=g" srcset="http://0.gravatar.com/avatar/9445ba4b75708e9925462f9bd17af2bd?s=64&amp;d=mm&amp;r=g 2x" class="avatar avatar-32 photo" height="32" width="32">
			<cite class="fn">Frank C</cite>
			<span class="says">says:</span>
		</div>		
		<div class="comment-meta commentmetadata">
			<a href="http://staging.woolybuggerproductions.com/jobs/1841/#comment-3">
			October 27, 2022 at 8:24 am</a>
		</div>
		<p>Did you receive our request? <em>We’re waiting!!!</em></p>
	</div>
</li>
*/

/*--------
* Macaw Tabs Plugin
* Custom Theme: WBP Tabs
--------
*/
.account-tabs.wbp-tabs {
  /*
   --------
   * Color Palette
   --------
   */
	--neutral-lightest: #fff;
	--neutral-darkest: #000;
	--tab-color-champagne-gainsboro: #e2dcde;
	--tab-color-xiketic: #f9f9f9;
	--tab-color-brown: #805d25;
	--tab-color-blue: #7aad37;
  --tab-color-yellow: #ffba49;
  /*
   --------
   * CSS Vars
   --------
   */
  --tab-bg-color: var(--tab-color-champagne-gainsboro);
  --tab-text-color: var(--neutral-darkest);
  --tab-border-color: var(--neutral-lightest);
  --tab-active-bg-color: var(--tab-color-yellow);
  --tab-active-secondary-bg-color: var(--tab-color-xiketic);
  --tab-active-text-color: var(--neutral-darkest);
  --tab-active-secondary-text-color: var(--neutral-lightest);
  --tab-focus-bg-color: var(--tab-color-blue);
  --tab-focus-text-color: var(--neutral-lightest);
  --tab-focus-text-secondary-color: var(--tab-color-brown);
  --tab-focus-border-color: var(--tab-color-blue);
  /*
   --------
   * Style
   --------
   */
  display: flex;
  flex-flow: column nowrap;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.account-tabs.wbp-tabs > [role=tablist] {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: 100%;
}
.account-tabs.wbp-tabs > [role=tablist] > * {
  border: none;
/*  border-bottom: 1px solid var(--tab-border-color);*/
}
.account-tabs.wbp-tabs > [role=tablist] > *:last-child {
/*  border-bottom: none;*/
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab] {
  position: relative;
  margin: 0;
  overflow: visible;
  word-wrap: break-word;
  font-family: var(--global-heading-font-family);
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.625;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--tab-bg-color);
  color: var(--tab-text-color);
  padding: 0.625rem;
  border-radius: 6px 6px 0 0;
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab] .icon {
  font-size: 1.375rem;
  line-height: 1;
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab] .label {
	font-size: 11px;
/*  display: none;*/
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab] > * {
  padding: 0;
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab]:hover, .account-tabs.wbp-tabs > [role=tablist] > [role=tab]:focus {
  outline: 0;
  background-color: var(--tab-focus-bg-color);
  color: var(--tab-focus-text-color);
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab][aria-selected=true] {
  background-color: var(--tab-active-bg-color);
  color: var(--tab-active-text-color);
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab][aria-selected=true]:hover, .account-tabs.wbp-tabs > [role=tablist] > [role=tab][aria-selected=true]:focus {
  outline: 0;
  background-color: var(--tab-active-bg-color);
  color: var(--tab-focus-text-secondary-color);
}
.account-tabs.wbp-tabs > [role=tablist] > [role=tab]:hover, .account-tabs.wbp-tabs > [role=tablist] > [role=tab]:focus, .account-tabs.wbp-tabs > [role=tablist] > [role=tab]:active {
  outline: 0;
}
.account-tabs.wbp-tabs > [role=tabpanel] {
  position: relative;
  z-index: 2;
  /*font-family: var(--global-body-font-family);*/
  /*font-weight: normal;*/
  /*font-size: 1rem;*/
  /*line-height: 1.625;*/
  width: 100%;
  padding: 0.625rem 0.9375rem;
  background-color: var(--tab-active-secondary-bg-color);
  /*color: var(--tab-active-secondary-text-color);*/
  border-top: 6px solid var(--tab-active-bg-color);
}
.account-tabs.wbp-tabs > [role=tabpanel] a, .account-tabs.wbp-tabs > [role=tabpanel] a:visited {
  cursor: pointer;
  color: inherit;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-underline-offset: 0.1875rem;
}
.account-tabs.wbp-tabs > [role=tabpanel] a:hover {
  text-decoration: none;
}
.account-tabs.wbp-tabs > [role=tabpanel] > * {
  margin-top: 24px;
  margin-bottom: 24px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:first-child {
  margin-top: 0;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:last-child {
  margin-bottom: 0;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(1) {
  transition-delay: 0.2s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(2) {
  transition-delay: 0.3s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(3) {
  transition-delay: 0.4s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(4) {
  transition-delay: 0.5s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(5) {
  transition-delay: 0.6s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(6) {
  transition-delay: 0.7s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(7) {
  transition-delay: 0.8s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(8) {
  transition-delay: 0.9s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(9) {
  transition-delay: 1s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(10) {
  transition-delay: 1.1s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(11) {
  transition-delay: 1.2s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(12) {
  transition-delay: 1.3s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(13) {
  transition-delay: 1.4s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(14) {
  transition-delay: 1.5s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(15) {
  transition-delay: 1.6s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(16) {
  transition-delay: 1.7s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(17) {
  transition-delay: 1.8s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(18) {
  transition-delay: 1.9s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(19) {
  transition-delay: 2s;
}
.account-tabs.wbp-tabs > [role=tabpanel] > *:nth-child(20) {
  transition-delay: 2.1s;
}
.account-tabs.wbp-tabs > [role=tabpanel].active > * {
  opacity: 1;
  transform: translateY(0);
}
.account-tabs.wbp-tabs > [role=tabpanel]:focus {
  outline: 0;
  border-top: 6px solid var(--tab-focus-border-color);
}

/* Inputs */
.select2-dropdown .select2-results__option {
	color: #333;
}

/*
--------
* Media Queries
--------
*/

@media only screen and (min-width: 768px) {
  .account-tabs.wbp-tabs > [role=tablist] {
    width: auto;
  }
  .account-tabs.wbp-tabs > [role=tablist] > [role=tab] {
    font-size: 1.125em;
    line-height: 1.8333333333;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0.25em 0.75em;
  }
  .account-tabs.wbp-tabs > [role=tablist] > [role=tab] i {
    font-size: 1.125rem;
    line-height: 1.8333333333;
  }
  .account-tabs.wbp-tabs > [role=tablist] > [role=tab] .label {
  	font-size: 1em;
    display: block;
  }
  .account-tabs.wbp-tabs > [role=tablist] > [role=tab] > * {
    padding-right: 0.375rem;
  }
  .account-tabs.wbp-tabs > [role=tablist] > [role=tab] > *:last-child {
    padding-right: 0;
  }
  .account-tabs.wbp-tabs > [role=tabpanel] {
    font-size: 1.125rem;
    line-height: 1.8333333333;
    width: 100%;
    padding: 0.625rem 1.25rem;
  }
}

@media only screen and (min-width: 1280px) {
}