/* styles to match processwire admin look */
.mm_readonly {
	background-color:#DDD !important;
}
.mm_disabled {
	color:#DDD !important;
}
.mm_hidden {
	display:none !important;
}
.mm_hide {
	display:none;
}
.mm_after_button {
	margin-top: 1rem !important;
}
.ui-button.mm_button-state-warning {
	background-color:red;
	color:#FFF;
}
.ui-button.mm_button-state-warning:hover {
	background-color:#e83561;
	color:#FFF;
}
.InputfieldCheckboxes ul li label, .pw-no-select {
	white-space:normal;
}
.mm_content {
	display:none;
}
.mm_required:after {
    content: ' * ';
    color: red;
	 white-space:nowrap;
}
.mm_page_header {
	height:60px;	
}

.mm_table_date {
	width: 8em !important;
	height: 26px;
}

.mm_table_field {
	width: 11em !important;
	height: 26px !important;
	font-size: smaller !important;
}
.mm_table_field_wrapper label {
  display: none;
}

.mm_non_field_label {
	padding: 0;
}
.mm_non_field_label ul,
.mm_non_field_label li {
	font-weight:normal;
	font-size: .875rem;
}
.mm_merge {
	background-color:#DFF;
}

.mm_demo_mode {
	color:rgb(0, 145, 255) !important;
	margin-top: 25px;
}

.mm_error {
	color:#F00;
}
.mm_void {
	text-decoration: line-through;
}
.mm_cancelled {
	text-decoration: line-through;
}
.mm_cancel_button {
	background-color: #F00 !important;
}
.contact_info {
	line-height:12px;	
}
#mm_sales_tax_table table {
	max-width:500px;
}
#member_list_length {
	padding-top:1em;
}
#member_list_info {
	padding-top:0;
	padding-bottom: 0.755em;
}
/* admin Inputfield_admin_charge_last4 */
.Inputfield_admin_charge_last4 > div {
	min-height:0 !important;
}

/* data table */
.dt-center {
	text-align:center !important;
}
.dt-right {
	text-align:right !important;
}
.dt-table {
	font-size: 14px;
}
.pw-table-responsive {
	margin-top:0;
}
.InputfieldContent {
	min-height:0 !important;
}
/* color for organization name in admin */
#logo {
	color:#FFF;
	font-weight:bold;
	font-size:large;
}
.AdminThemeUikit #membership-form form {
	margin-left:-20px;
	margin-right:-20px;
}

/* styles for membership level and subscriptions tables */
.select_membership_level {
	width:100%;
	font-size: 14px;
}
.select_membership_level tr.selected,
.subscribe_select_subscription tr.selected,
.select_subscription tr.selected,
.renew_select_subscription tr.selected {
	background-color:#daecf3;
}
.select_subscription .select {
	text-align:center;
}
.select_subscription .amount {
	text-align:right;
}
.select_subscription td {
	display:table-cell;
}
.select_subscription span {
	display:none;
}
@media (max-width: 960px) {
	.select_subscription span,
	.select_subscription td {
		display:inline;
	}
	.select_subscription .select,
	.select_subscription .amount {
		text-align:left;
	}
}
.select_membership_level .select,
.select_membership_level .members {
	text-align: center;
}
.select_membership_level .amount,
.select_membership_level .monthly_amount,
.select_membership_level .term {
	text-align: right;
}
.select_membership_level span {
	display:none;
}
@media (max-width: 960px) {
	.select_membership_level span {
		display:inline;
	}
	.select_membership_level .select,
	.select_membership_level .amount,
	.select_membership_level .monthly_amount,
	.select_membership_level .term,
	.select_membership_level .members {
		text-align: left;
	}
	.select_membership_level td:empty {
		display:none;
	}
}

/* attributes label */
#wrap_Inputfield_edit_mm_attributes label,
#wrap_edit_mm_attributes label {
	height:3px !important;
}

.mm-small {
	font-size: 12px !important;
	line-height: 18px !important;
	padding: 1px 6px !important; 
}

.mm-medium {
	font-size: 14px !important;
	line-height: 22px !important;
	padding: 1px 6px !important; 
}


.mm_renewed {
	text-decoration:line-through;
}

.Inputfield_donate_mm_note_type > label,
.Inputfield_membership_renew_date > label,
.Inputfield_membership_start_date > label,
.Inputfield_membership_amount > label {
	display:none;
}
.Inputfield_donate_mm_note_type ul {
	padding-top:2rem;
}
#donate-form #payment-info {
	display:none;
}

@media (max-width: 600px) {
	#stripe-field > div,
	#stripe-field > div > label,
	#card_element,
	#payment-info > div {
		padding: 5px 3px 5px 3px;
	}
}


/**
 * styles for Stripe Element's container.
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#payment-request-button {
	max-width:160px;
}

.form-submit-payment:disabled {
	background-color: dimgray;
}

#stripe-pay-now {
	padding-bottom: 20px;
}

.ev_quantity {
	width:4em !important;
}
#events_mm_amount,
table.select_tickets {
	max-width: 800px !important;
}

/* events ticket table */
.select_tickets span {
	display: none;
	font-weight: bold;
}

@media (max-width: 959px) {
	.select_tickets span {
		display: inline;
	}
	
}

/* links in error messages */
.InputfieldError span a {
	color: #FFF;
	font-weight: bold;
}

/* hide password generator if not admin */
li.mm_not_admin .password-display,
li.mm_not_admin .generate-password {
	display:none;
}

.Inputfield_join_user_password,
.Inputfield_donate_user_password,
.Inputfield_events_user_password,
.Inputfield_subscribe_user_password {
	display: none;
}

/* ach button */
#ach_link_button {
	background-color: dodgerblue !important;
}

.mm_nav_button {
	background-color: rgb(49, 152, 199) !important;
}

.Inputfield_join_mm_no_email,
.Inputfield_donate_mm_no_email,
.Inputfield_edit_mm_no_email,
.Inputfield_subscribe_mm_no_email,
.Inputfield_events_no_mm_email {
	padding-top: 5% !important;
}

/* allow logo to display at full size */
.pw-logo {
	max-height: 60px !important;
}

/* used in renew tab */
#renew-form .ui-dialog {
	width: 400px !important;
}
#renew-form .mm_renewal_warning {
	float:left; 
	margin:12px 12px 20px 6px;
}