/**
 * @file: CiviCRM Stylesheet - Finsbury Park theme
 *
 * NOTE: The main civicrm container has both class and id of crm-container
 *
/* 		
	Structure
	========= 
	- COLORS
	- RESETS
	- TYPE: core, headings
	- TABLES: core, sticky header, sorting header, reports/lists, row highlighting, data tables, grid div
	- LAYOUT: core, sizing, blocks, recently viewed, drupal block, footer, pager
	- FORMS: core, definition list forms, date plugin, checkbox groups, sortable lists, progress bars, in place editable regions, batch entry
	- NOTIFICATIONS: core, action ribbons, status box, tooltips, summary group, notification container, loading element
	- BUTTONS
	- ICONS: core, sprites, credit card logos, icon picker
	- MENUS
	- ACCORDION
	- TABS
	- COMPONENTS: chart, maps, events, search, personal campaign pages, profile, civicase, reports, contact summary, groups 
	- FRONT END: core, price sets, premiums listings
	- LIBRARIES: jquery UI, angular, select2
	- RESPONSIVE
	- CMS SPECIFIC: Drupal, Joomla, Wordpress
	
	Notes
	=====
	- tab indented. no space between selectors.
	- main headings over five lines, with single space either side
	- sub-headings on one line, with single space either side
	- use of !important is typically to override css from other files in the /css/ directory.
*/

/*
	COLORS
*/	


:root {
	--vvv-dark-gray: #3e3e3e;
	--vv-dark-gray: #555;
	--v-dark-gray: #888;
	--dark-gray: #bbb;
	--mid-gray: #ccc;
	--light-gray: #dedede;
	--v-light-gray: #e6e6e6;
	--vv-light-gray: #f0f0f0;
	--vvv-light-gray: #f9f9f9;
	--opaque-gray: rgba(0, 0, 0, 0.05);
	--green: #58a458;
	--light-green: #CFF0BE;
	--blue: #24748c;
	--light-blue: #84baca;
	--cyan: #22ceea;
	--red: #942a25;
	--light-red: #ffdddd;
	--gold: #c67605;
	--yellow: #ffffcc;
	--dark-yellow: #f8e80b;
	--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans, Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--sa-font-family: var(--sa-font-family);
	--roundness: 3px;
	--label-colour: var(--vvv-dark-gray);
	--box-background: var(--vvv-light-gray);
	--danger-colour: var(--red);
	--warning-colour: var(--gold);
	--success-colour: var(--green);
}

/*
	
	RESETS
	
*/

#crm-container .hiddenElement,
.crm-container .hiddenElement {
	display: none;
}
#crm-container .clear,
.crm-container .clear {
	clear: both;
}
.crm-container div:not(.theme-test-snippets) .label {
	background-color: transparent;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
}
#crm-container.clear,
.crm-container .crm-group-summary .clear {
	overflow: hidden;
	width: 100%;
}
#crm-container ul {
	margin: 0;
}
#crm-container ul li {
	list-style-image: none;
	background-image: none;
}
#crm-container .dashboard-elements,
#crm-container #membership-listings,
#crm-container #premiums-listings,
#crm-container #searchForm table {
	margin: 0;
	border-collapse: collapse;
	border: 0 none;
}
div#crm-container form,
div.crm-container form {
	margin-bottom: 0;
}
#crm-container table th {
	background-color: transparent;
}
#crm-container td {
	height: auto;
}
#crm-container,
.crm-container {
	line-height: 135%;
}
.crm-container .required {
	color: inherit;
}
.crm-container #crm-main-content-wrapper {
	margin-top: 10px;
}
#crm-container .widget-wrapper.db-hover-handle {
	box-shadow: none;
}
#crm-container .crm-news-feed-item-preview,
#crm-main-content-wrapper .messages.status.no-popup.crm-empty-table > img,
#crm-container .messages.status.no-popup > img,
.crm-container.ui-dialog .messages.status.no-popup > img,
.crm-container.ui-dialog .spacer {
	display: none !important;
}
/* Use this class to hide text that should only be there for screen readers */
.sr-only {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}	

/*
	
	TYPE
	
*/

/* Core */

.crm-container #alpha-filter li,
.crm-container h3, .crm-container,
#crm-container .ui-tabs-panel,
.crm-container .crm-tab-button a, 
.crm-container .ui-tabs .ui-tabs-nav li a,
.ui-dialog .ui-widget,
.crm-container .ui-widget
.crm-container input,
.crm-container fieldset legend,
.crm-container select, 
.crm-container textarea,
.crm-container button,
.crm-container label,
div.ui-dialog,
#crm-container,
.crm-container .ui-widget,
#crm-container .ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button,
.ui-widget,
.crm-container .select2-container .select2-choice > .select2-chosen,
.crm-container div.select2-container,
.crm-container input.form-submit, 
.crm-container a.button {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans, Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 0.9rem;
}
#crm-container code, 
#crm-container pre, 
#crm-container kbd {
	font-size: 0.9rem;
}
#crm-container td pre {
	font-size: 0.8rem !important;
}
.crm-container div.crm-clear {
	clear: both;
	margin-bottom: 1px;
	background-color: transparent;
	font-size: 0.9rem;
}
.crm-container a,
.crm-container a:link,
.crm-container a:visited {
	color: var(--dark-blue);
	text-decoration: none;
}
#crm-container a:hover,
#crm-container a:focus {
	color: var(--light-blue);
	text-decoration: underline;
}
#crm-container ul.indented {
	padding-left: 3em;
}
#crm-container span.child-indent {
	padding-left: 1em;
}
.crm-container .font-light {
	font-weight: lighter;
}
.crm-container .bold,
.crm-container b,
.crm-container strong {
	font-weight: bold;
}
.crm-container .font-italic,
.crm-container em {
	font-style: italic;
}
i.crm-i {
	font-style: normal;
}
.crm-container .strikethrough {
	text-decoration: line-through;
}
.crm-container .underline-effect {
	color: var(--vvv-dark-gray);
}
.crm-container .underline-effect:hover {
	text-decoration: underline;
}
.crm-container .underline-effect:before {
	content: "\00BB";
}
.crm-container .qill {
	font-weight: normal;
	line-height: 1rem;
}
#crm-container td.tasklist a:link {
	color: var(--red);
}
#crm-container .crm-draggable {
	cursor: move;
}

/* Left/right */

#crm-container .float-left {
	float: left;
	padding: 4px 0;
	clear: none;
}
#crm-container .float-left+.float-left {
	margin-left: 20px;
}
#crm-container .float-right {
	float: right;
	width: auto;
	padding: 4px 0;
	clear: none;
}
#crm-container .align-right {
	display: block;
	margin-right: 20px;
	text-align: right;
}
#crm-container .element-right {
	float: right;
	margin: 6px 20px 0 0;
}
.crm-container .right {
	text-align: right;
}

/* CK editor skin tweaks */

#crm-container span.cke_skin_kama {
	border: none;
}
#crm-container .cke_skin_kama .cke_wrapper {
	background-image: none;
}

/* Headers */

#crm-container .crm-title {
	line-height: 1.1;
	margin-bottom: 8px;
}
#crm-container .title {
	line-height: 1.8rem;
	margin: 20px auto 10px 5px !important;
	font-size: 1.4rem;
	color: var(--vvv-dark-gray);
}
#crm-container h1 {
	color: var(--vvv-dark-gray);
}
.crm-container h3 {
    background-color: var(--v-light-gray);
    padding: 7px 6px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--vvv-dark-gray);
	margin: 0 0 20px;
}
.crm-container h3.nobackground {
	background-color: transparent;
}
.crm-container fieldset legend,
.crm-container .ui-dialog-title,
.crm-container .header-dark {
	font-size: 1rem;
	line-height: 1.1rem;
	color: var(--vv-dark-gray);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-transform: uppercase !important;
	background: var(--vv-light-gray);
	color: var(--vv-dark-gray) !important;
	margin: 0;
	background-repeat: no-repeat;
	margin: 0;
}
#crm-container .crm-block h3 {
	margin-bottom: 20px;
}
#crm-container .crm-block h3.widget-header {
	margin-bottom: 0;
}
.crm-container .header-dark {
	background: var(--v-dark-gray) !important;
	color: white !important;
	font-weight: 600;
	text-shadow: none;
	margin: 0.5em 0 0.5em;
	padding: 0.5em;
	background-color: var(--v-dark-gray);
	border-radius: 2px;
}
#crm-container .crm-block h3,
.crm-container fieldset legend,
.crm-container .ui-dialog-title {
	font-weight: 600;
}
.crm-container #Extensions h3 {
	background-color: var(--v-dark-gray);
	color: white;
	margin: 0;
	border-radius: 3px 3px 0 0;
	border-color: transparent;
}

/*
	
	TABLES
	
*/

/* Core */

.crm-container table {
	margin: 0 0 1em;
	border-collapse: collapse;
	width: 100%;
	border: 0;
}
.crm-container tbody {
	border-top: none;
}
#crm-container tr, 
#crm-container tr td,
#crm-container tr.columnheader-dark td, 
#crm-container tr.columnheader-dark th, 
#crm-container tr.columnheader td, 
#crm-container tr.columnfooter td,
.crm-container table.display thead th, 
.crm-container tbody th {
	font-size: 0.9rem;
	border-top: 0 solid transparent;
}
#crm-container #api-generated tbody {
	border-top: 1px solid black;
	border-right: 1px solid black;
}
.crm-container tr {
	background: none transparent;
}
.crm-container td {
	padding: 4px;
	vertical-align: top;
	border-right: 1px dotted var(--dark-gray);
}
.crm-container .crm-row-child {
	margin: 0;
	padding: 3px 0 3px 0;
	clear: none;
	background-color: var(--vv-light-gray);
}
.crm-container th,
.crm-container table.display thead th,
.crm-container table thead.sticky th,
.crm-container table.caseSelector tr.columnheader th {
	background-color: transparent;
	border: 0 solid transparent;
	color: var(--vvv-dark-gray);
	font-weight: bold;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
.crm-container table.display thead th,
.crm-container tbody th {
	padding: 8px;
	border-bottom: 1px solid var(--light-gray);
	font-size: 0.9rem;
 }
.crm-container .crm-form-block table {
	border: none;
}
.crm-container tr.even,
.crm-container tr.odd,
.crm-container tbody th,
.crm-container tr.even-row td,
.crm-container tr.odd-row td,
.crm-container table.display td,
.crm-container table.pagerDisplay td {
	background-color: transparent;
	border: 0 solid transparent;
	border-collapse: collapse;
}
.crm-container tr.even,
.crm-container tr.even-row td {
	background-color: var(--vvv-light-gray);
}
.crm-container tr.odd,
.crm-container tr.odd-row td {
	background-color: white;
}
.crm-container tr.crm-row-ok td,
.crm-container tr.crm-row-error td {
	background-color: transparent;
} 
.crm-container tr.even-row td, 
.crm-container tr.odd-row td, 
.crm-container table.display td, 
.crm-container table.pagerDisplay td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
}
table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd {
	background-color: var(--vvv-light-gray);
}
table.dataTable.stripe tbody tr.even, 
table.dataTable.display tbody tr.even {
	background-color: white;
}
.crm-container td.checkbox {
	vertical-align: middle;
	text-align: center;
}
.crm-container tr.columnheader a.sorting {
	color: var(--dark-gray);
}
.crm-container table thead.sticky {
	background-color: transparent;
	border-bottom: 1px solid var(--v-light-gray);
}
.crm-container thead {
	border-bottom: 1px dotted var(--dark-gray);
}
.crm-container thead div.sticky-header {
	height: 15px;
	border-bottom: 2px solid var(--mid-gray);
	background-color: white;
	z-index: 10;
}
.crm-container table.crm-info-panel td,
.crm-container table thead.sticky th,
#crm-container table th {
	border-bottom: 1px solid var(--light-gray);
}
#crm-container .ui-tabs-panel table th {
	border-bottom: 0 solid transparent;
	text-transform: inherit;
}
.crm-container table.crm-info-panel .label {
	color: var(--vvv-dark-gray);
	font-weight: normal;
}
.crm-container .disabled,
.crm-container .disabled td,
.crm-container .cancelled,
.crm-container .cancelled td,
.crm-container li.disabled a.ui-tabs-anchor,
.crm-container li.crm-count-0 a.ui-tabs-anchor,
.crm-container li.crm-count-0 a.ui-tabs-anchor em {
	color: var(--vv-dark-gray) !important;
}
#crm-container tr.crm-job {
	text-decoration: none !important;
}
.crm-container table.selector td,
.crm-container th, .crm-container table.display thead th, .crm-container table thead.sticky th, .crm-container table.caseSelector tr.columnheader th,
.crm-container table.display thead th,
.crm-container table.display td,
.crm-container table.row-highlight td,
.crm-container table.row-highlight th,
.crm-container .form-item table td {
	border-right: 1px dotted var(--dark-gray);
}
#crm-container tr td:last-child,
#crm-container tr th:last-child,
.crm-container .form-item table td:last-child  {
	border-right: 0 solid transparent;
}
#crm-container .report td:last-child,
#crm-container .report th:last-child,
.crm-container table.row-highlight td:last-child,
.crm-container table.row-highlight th:last-child {
	border-right: 1px solid var(--v-dark-gray);
}

/* Sorting Header */

.crm-container table thead th.sorting_asc,
.crm-container table thead th.sorting_desc,
.crm-container table .sticky th a.sort-ascending,
.crm-container table .sticky th a.sort-descending,
.crm-container table.caseSelector tr.columnheader th a.sort-ascending,
.crm-container table.caseSelector tr.columnheader th a.sort-descending {
	color: var(--vvv-dark-gray);
	background-color: white;
}
.crm-container a.sorting,
.crm-container a.sorting_desc,
.crm-container a.sorting_asc {
	padding-left: 5px;
	color: var(--vvv-dark-gray);
}
.crm-container a.sorting:before,
.crm-container a.sorting_desc:before,
.crm-container a.sorting_asc:before {
	font-family: FontAwesome;
	content: "\f0dc";
	margin-right: 10px;
	color: var(--mid-gray);
}
.crm-container table thead a.sorting_asc:before {
	content: "\f0de";
	color: var(--blue);
}
.crm-container table thead a.sorting_desc:before {
	content: "\f0dd";
	color: var(--blue);
}
.crm-container table thead a.sorting_asc_disabled:before {
	content: "\f0de";
	color: var(--light-gray);
}
.crm-container table thead a.sorting_desc_disabled:before {
	content: "\f0dd";
	color: var(--light-gray);
}
.crm-container table.form-layout-compressed tbody th.label {
	background-color: var(--vvv-light-gray);
}
/* Record browser and report tables, and pager bar */

#crm-container #map-field table,
#crm-container table.report,
#crm-container table.chart {
	width: auto;
}
#crm-container .crm-flashchart {
	overflow: auto;
}
#crm-container td.enclosingNested {
	padding: 0;
}
#crm-container .nowrap {
	white-space: nowrap;
}
#crm-container tr.columnheader {
	background-color: var(--v-light-gray);
	color: black;
	border: 1px solid var(--light-gray);
}
#crm-container tr.columnheader a {
	color: black;
	text-decoration: none;
	vertical-align: top;
}
#crm-container tr.columnheader-dark th {
	background-color: var(--v-dark-gray);
	color: white;
	border: 1px solid var(--v-dark-gray);
}
#crm-container tr.columnheader-dark td,
#crm-container tr.columnheader-dark th,
#crm-container tr.columnheader td,
#crm-container tr.columnfooter td {
	font-size: 1.1em;
	font-weight: bold;
}
/* dev/core#1039 Make contact details in popup on merge screen non bold */

#crm-container tr.columnheader td [class*="crm-summary-col-"] {
	font-size: 0.8rem;
	font-weight: normal;
}
#crm-container tr.columnheader-dark th span.extra {
	font-size: 0.8rem;
	font-weight: normal;
}
#crm-container tr.columnfooter {
	border-top: 2px solid var(--v-dark-gray);
	font-size: 1.1em;
}
#crm-container #map-field th {
	border-right: 1px solid var(--v-dark-gray);
}
#crm-container #map-field td,
#crm-container .report td,
#crm-container .chart td {
	padding: 10px 10px 4px 10px;
}
#crm-container .report td {
	border: 1px solid var(--v-dark-gray);
	background-color: var(--vv-light-gray);
}
/* double line right border for last cell in a horizontal grouping */

#crm-container table.report td.splitter {
	border-right: 5px double var(--v-dark-gray);
}
#crm-container .report td.separator {
	padding-top: 1em;
	background-color: white;
	border-left-color: white;
	border-right-color: white;
}
#crm-container .chart td {
	border: 2px solid var(--v-dark-gray);
}
#crm-container table.nestedSelector {
	margin: 0;
	width: 100%;
	border-bottom: 0;
}
#crm-container table.nestedSelector tr.columnheader th {
	border: 0;
}
#crm-container table.caseSelector {
	vertical-align: top;
	border: 0;
	margin: 0.5em 0.1em;
}
#crm-container table.caseSelector tr {
	border-bottom: 1px solid var(--v-dark-gray);
}
#crm-container table.caseSelector td {
	border-right: 0;
	padding: 8px 4px;
}
#crm-container table.nestedActivitySelector {
	margin: 0;
	width: 100%;
	border: 0;
	color: var(--mid-gray);
}
#crm-container table.nestedActivitySelector tr.columnheader th {
	color: black;
	background-color: var(--mid-gray);
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
	border-bottom-color: var(--v-dark-gray);
}
#crm-container table#activities-selector.nestedActivitySelector,
#crm-container table#activities-selector.nestedActivitySelector td {
	border: 0;
}
#crm-container table.nestedActivitySelector td {
	border-right: 0;
}
#crm-container table.nestedActivitySelector tr.priority-urgent,
#crm-container table.nestedActivitySelector tr a.priority-urgent {
	background-color: var(--light-red);
}
#crm-container table.nestedActivitySelector tr.priority-low,
#crm-container table.nestedActivitySelector tr a.priority-low {
	background-color: var(--light-green);
}
#crm-container table.nestedActivitySelector tr.status-scheduled,
#crm-container table.nestedActivitySelector tr a.status-scheduled {
	color: black;
}
#crm-container table.nestedActivitySelector tr.status-completed,
#crm-container table.nestedActivitySelector tr a.status-completed {
	color: var(--vvv-dark-gray);
}
#crm-container table.nestedActivitySelector tr.status-overdue,
#crm-container table.nestedActivitySelector tr a.status-overdue {
	color: var(--danger-colour);
}
#crm-container table.nestedActivitySelector tr a.crm-activity-status {
	cursor: pointer;
}
#crm-container #activities-selector tr:hover td,
#crm-container #activities-selector tr:hover td.sorted,
#crm-container #activities-selector tr.trOver td.sorted,
#crm-container #activities-selector tr.trOver td {
	background: transparent;
}
/* Table row highlightng */

.crm-container .crm-row-ok {
	background-color: var(--light-green);
	border-bottom: 1px solid var(--mid-gray);
}
.crm-container .crm-row-error {
	background-color: var(--light-red);
	border-bottom: 1px solid var(--mid-gray);
}
.crm-container table.row-highlight tr:hover,
.crm-container .crm-row-selected {
	background-color: var(--yellow);
}
.crm-container table.row-highlight tr.even-row:hover,
.crm-container table.row-highlight tr.even:hover,
.crm-container .even-row.crm-row-selected,
.crm-container .even.crm-row-selected {
	background-color: var(--dark-yellow);
}
.crm-container table.mergecontact thead th {
	width: 30%;
}
/* Datatables **/

/* Sort arrow icon positioning */

.crm-container table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}
.crm-container table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}
/* DataTables features */

.crm-container .dataTables_wrapper,
.crm-contact-contribute-contributions,
.CRM_Event_Form_Search.crm-search-form,
.crm-container #event_status_id,
#crm-main-content-wrapper form {
	position: relative;
	clear: both;
	zoom: 1;
	min-width: calc(100% - 30px);
}
.crm-container .dataTables_processing {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url("../images/loading-overlay.gif") center center no-repeat white;
	opacity: 0.6;
	cursor: wait;
}
.crm-container .dataTables_length {
	width: 40%;
	float: none;
	padding-bottom: 5px;
}
.crm-container .dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}
.crm-container .dataTables_info {
	width: 60%;
	float: left;
	padding: 8px;
	font-size: 0.8rem;
}
.crm-container .dataTables_paginate {
	float: right;
	text-align: right;
}
/* DataTables display */

.crm-container table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
.crm-container table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid var(--v-dark-gray);
	font-weight: bold;
	cursor: pointer;
}
.crm-container table.display thead th.sorting_disabled {
	cursor: default;
}
.crm-container table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}
.crm-container table.display tr.heading2 td {
	border-bottom: 1px solid var(--dark-gray);
}
.crm-container table.display td {
	padding: 3px 10px;
}
.crm-container table td.center {
	text-align: center;
}
.crm-container table.dataTable.display tbody tr>td.sorting_1 {
	background-color: transparent;
}
/* Datatables misc */

.crm-container .dataTables_scroll {
	clear: both;
}
.crm-container .dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}
.crm-container .top .dataTables_info {
	float: none;
}
.crm-container .dataTables_empty {
	text-align: center;
}
.crm-container tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: var(--vv-dark-gray);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: transparent;
	border: 1px solid var(--light-gray);
	box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 4px 10px;
	border-radius: 3px;
	line-height: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	border: 1px solid transparent;
	background: var(--vv-dark-gray);
}
table.dataTable.no-footer {
	border-bottom: 1px solid transparent;
}
/*  DataTables fixes */

.crm-container .crm-datatable-pager-top {
	padding: 5px 0 25px 0;
	margin-bottom: 25px;
}
.crm-container .crm-datatable-pager-bottom {
	padding-top: 10px;
	padding-bottom: 25px;
}
.crm-container .crm-datatable-pager-top .dataTables_length {
	float: left;
}
.crm-container .css_right {
	float: right;
}
.crm-container th.sorting .DataTables_sort_icon {
	display: none;
}
#crm-container #DataTables_Table_0_wrapper,
#crm-container #DataTables_Table_1_wrapper,
#crm-container #DataTables_Table_2_wrapper,
#crm-container #options_wrapper,
.task-civicrmadmincontributesettings .crm-form-block {
	padding: 15px;
	background: white;
	border: 1px solid var(--vv-light-gray);
	border-radius: 3px;
	margin-bottom: 10px;
}
.crm-container div#searchForm table.form-layout td {
	padding: 4px;
	border: 0 solid transparent;
}
#crm-container .CRM_Pledge_Form_Search tr td {
	font-size: 0.9rem;
}
/* Grid div as table */

.crm-container .crm-grid-table {
	display: table;
	border-collapse: collapse;
	border: 1px solid var(--v-dark-gray);
	background-color: white;
	margin: 10px 3px 10px !important;
}
.crm-container .crm-batch-entry-table {
	border-right: 2px solid var(--v-dark-gray) !important;
}
.crm-container .crm-grid-row,
.crm-container .crm-grid-header {
	display: table-row;
}
.crm-container .crm-grid-header {
	white-space: nowrap;
}
.crm-container .crm-grid-cell {
	display: table-cell;
	border-right: 1px solid var(--vv-light-gray);
	padding: 2px;
	vertical-align: top;
}
/*
	
	LAYOUT
	
*/

/* Core */

/* Flexbox */
.crm-container .crm-flex-box {
	display: flex;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.crm-container .crm-flex-box > * {
	flex: 1;
	box-sizing: border-box;
	min-width: 0; /* prevents getting squashed by whitespace:nowrap content */
}
.crm-container .crm-flex-box > .crm-flex-2 {
	flex: 2;
}
.crm-container .crm-flex-box > .crm-flex-3 {
	flex: 3;
}
.crm-container .crm-flex-box > .crm-flex-4 {
 	flex: 4;
}
.crm-container .crm-flex-box > .crm-flex-5 {
	flex: 5;
}
.crm-container .crm-flex-box > .crm-flex-6 {
	flex: 6;
}
.crm-container .crm-button,
.crm-container a.button,
.crm-container a.button:link,
.crm-container input.crm-form-submit,
.crm-container input[type=button] {
	border-radius: 3px;
}
.crm-container div.status,
.crm-container #help,
.crm-container .help,
.crm-container .ui-tabs-panel,
.crm-container .crm-content-block,
#full-screen-header,
.crm-container .crm-pager,
.crm-container form .section-hidden-border,
.crm-container #search-status,
.crm-container .crm-form-block,
.crm-container .crm-search-tasks,
.crm-container .crm-tasks,
.crm-container div.form-item,
.crm-container div.messages {
	border-radius: 4px;
}
.task-civicrmmailingreport #crm-main-content-wrapper {
	background: var(--vv-light-gray);
	padding: 15px;
	border: 1px solid var(--v-light-gray);
	border-radius: 3px;
}
.crm-container hr {
	background-color: transparent;
	height: 0;
	border: 0 solid transparent;
	border-bottom: 1px solid var(--light-gray);
}
#crm-container .col1 {
	float: left;
	vertical-align: top;
	width: 40%;
	text-align: left;
	margin: 0 25px 0 25px;
}
#crm-container .col2 {
	float: right;
	vertical-align: top;
	width: 50%;
	text-align: left;
	margin: 0;
}
.crm-container .crm-form-block {
	padding: 0 15px;
	background-color: var(--v-light-gray);
	color: var(--vvv-dark-gray);
	font-size: inherit;
	margin-bottom: 20px;
}
#crm-container .crm-socialnetwork {
	margin-top: 1em;
}
#crm-container .crm-fb-tweet-buttons {
	width: 93%;
}
.crm-container .no-border {
	border-style: none;
}
/* Class for giving solid line at the bottom of the <div>(block level element). Currently it is used on the dashboard pages - CiviContribute, CiviMember. */
.crm-container div.solid-border-bottom {
	border-bottom: 2px solid var(--v-dark-gray);
}
.crm-container .solid-border-top {
	margin-top: 15px;
	border-top: 1px solid var(--v-dark-gray);
}
#crm-container .separator {
	border-bottom: solid 0px transparent;
}
/* Size the verticle heights in crm-containers by class. */

.crm-container .ht-one {
	height: 1em;
}
.crm-container .add-remove-link {
	font-size: .9em;
}
#crm-container .signature {
	width: 495px;
}
.crm-container .crm-grip {
	cursor: move;
}
.crm-container .field-action {
	word-wrap: normal;
}
.crm-container .field-action span.btn-slide {
	padding-left: 0;
	padding-right: 11px;
}
/* Sizing
   Sizing input fields in crm-container by class. Classes are assigned by the module in relation to the data object max size. */

.crm-container .crm-select2 {
	width: 15em;
}
.crm-container .two {
	width: 2em;
}
.crm-container .four {
	width: 4em;
}
.crm-container .six {
	width: 6em;
}
.crm-container .eight {
	width: 8em;
}
.crm-container .twelve {
	width: 12em;
}
.crm-container .twenty {
	width: 20em;
}
.crm-container .medium {
	width: 12em;
}
.crm-container .big {
	width: 15em;
}
.crm-container .huge,
input.crm-form-entityref {
	width: 25em;
}
.crm-container .huge40 {
	width: 40em;
}
.crm-container textarea.big {
	width: 35em;
	height: 4em;
}
.crm-container textarea.huge {
	width: 45em;
	height: 16em;
}
.crm-container textarea.huge12 {
	width: 40em;
	height: 12em;
}
.crm-container textarea.huge40 {
	width: 40em;
	height: 16em;
}
.crm-container textarea.nowrap {
	width: 45em;
	height: 4.5em;
	white-space: nowrap;
	overflow: auto;
}
.crm-container .bigSelect {
	width: 15em;
	height: 12em;
}
/* Blocks */

#crm-container .crm-content-block {
	padding: 0;
}
.crm-container div.display-block {
	font-weight: normal;
	margin: 1em 2em 1em 2em;
}

/* Sidebar - Recently Viewed bar */

#sidebar-left {
	width: 16.5%;
	margin: 0 0 0 -1px;
	padding-top: 23px;
	padding-bottom: 40px;
	clear: both;
	background-color: var(--vv-light-gray);
	border-bottom: 1px solid var(--light-gray);
	border-right: 1px solid var(--light-gray);
	border-radius: 0 0 3px 0;
}
#crm-recently-viewed ul {
	list-style-image: none;
	font-size: .9rem;
	padding: 0;
}
#crm-recently-viewed li.crm-recently-viewed {
	margin: 1px 1px 6px 1px;
	white-space: nowrap;
	list-style-type: none;
	position: relative;
	background-color: var(--light-gray);
	border: 0 solid transparent;
	border-radius: 3px;
	text-shadow: none;
	padding: 4px 6px;
}
#crm-recently-viewed ul li.crm-recently-viewed:hover {
	border-radius: 4px;
	background-color: var(--mid-gray);
	border: 0 solid transparent;
}
#crm-recently-viewed a {	
	font-weight: normal;
	color: var(--vv-dark-gray);
	text-decoration: none;
	font-size: 0.8rem;
}
#crm-recently-viewed .crm-recentview-wrapper {
	display: none;
	position: absolute;
	z-index: 99;
	width: 10em;
	overflow: hidden;
	top: 0;
	text-align: center;
	padding-top: 1em;
	background-color: transparent;
	border: 0 solid transparent;
	border-left: 1px solid var(--vvv-light-gray);
}
#crm-recently-viewed.left .crm-recentview-wrapper {
	right: 0;
	top: 0;
	padding: 4px 6px 4px;
	border-left: 1px solid white;
	border-radius: 0 3px 3px 0;
	width: auto;
	background: var(--vv-dark-gray);
}
#crm-recently-viewed.right .crm-recentview-wrapper {
	border-right: none;
	left: -10em;
}
#crm-recently-viewed.left .crm-recentview-wrapper a {
	color: var(--v-light-gray);
	padding: 2px 5px;
	border-bottom: 2px solid transparent;
}
#crm-recently-viewed.left .crm-recentview-wrapper a:hover,
#crm-recently-viewed.left .crm-recentview-wrapper a:focus {
	color: white;
	border-bottom: 2px solid white;
}
#crm-recently-viewed li.crm-recently-viewed:hover .crm-recentview-wrapper {
	display: block;
}
.crm-recentview-item {
	overflow: hidden;
	text-overflow: ellipsis;
}
#crm-recently-viewed .crm-recentview-wrapper a:hover {
	color: var(--vv-dark-gray);
}
/* Sidebar block - recent list */

#crm-participant-wrapper,
#crm-event-links-wrapper,
#crm-contribpage-links-wrapper,
#crm-create-new-wrapper {
	position: relative;
	float: left;
}
#crm-event-links-list,
#crm-contribpage-links-list,
#crm-create-new-list,
#crm-contact-actions-list,
#crm-participant-list {
	position: absolute;
	display: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	top: 33px;
	left: 0;
	z-index: 15;
}
#crm-create-new-list {
	width: 160px;
}
#crm-create-new-list li {
	line-height: 20px;
}
#crm-create-new-list li a {
	color: var(--vv-dark-gray);
	padding: 4px 8px;
	font-size: 12px;
	display: block;
}
#crm-create-new-list li a:hover,
#crm-create-new-list li a:focus,
#crm-create-new-list li a:active {
	background: var(--blue);
	border: 0 solid transparent;
	color: white;
}
#crm-event-links-list .crm-event-info ul,
#crm-event-links-list .crm-event-test ul,
#crm-event-links-list .crm-event-live ul,
#crm-contribpage-links-list .crm-contribpage-contribution ul,
#crm-contribpage-links-list .crm-contribpage-test ul,
#crm-contribpage-links-list .crm-contribpage-live ul,
#crm-participant-list .crm-participant-counted ul,
#crm-participant-list .crm-participant-not-counted ul,
#crm-participant-list .crm-participant-listing ul,
#crm-create-new-list ul {
	width: auto;
	margin: 0;
	padding: 0;
}
/* Footer */

.crm-container .crm-footer {
	font-size: 0.8em;
}
#civicrm-footer {
	margin-top: 2em;
	border-top: 1px solid var(--light-gray);
	padding: 0.8em;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
}
#civicrm-footer .status {
	padding: 3px 5px;
}
.crm-container #civicrm-footer.crm-public-footer {
	vertical-align: middle;
	text-align: right;
	font-size: 16px;
	padding: 0.8em 0;
}
.crm-container a.empowered-by-link {
	display: inline-block;
	height: 34px;
	position: relative;
	width: 99px;
}
.crm-container div.empowered-by-logo {
	background: url('../images/civi99.png') no-repeat;
	display: block;
	line-height: 34px;
	position: absolute;
	top: 9px;
	width: 99px;
}
.crm-container div.empowered-by-logo span {
	visibility: hidden;
}
.crm-container #access {
	padding: 0.8em 0.8em 0 0;
	text-align: right;
}

/* Pager */

.crm-container .crm-pager {
	border: none;
	position: relative;
	height: 35px;
	margin-bottom: 4px;
   	background-color: var(--vv-light-gray);
}
.crm-container .crm-pager input {
	text-align: center;
}
.crm-container .crm-pager-nav {
	display: block;
	padding: 3px 0 0 0;
}
/*
	
	FORMS
	
*/

/* Core */

/* Inline form field 'post-help' and radio-button unselect */

#crm-container .description,
.crm-container .description {
	font-size: 0.9rem;
	font-weight: normal;
	white-space: normal;
	width: auto;
	color: var(--vv-dark-gray);
	line-height: inherit;
	padding: 0;
	margin: 0;
	line-height: 20px;
}
.crm-container .view-contact-groups .description {
	margin: 15px 8px;
	font-size: 0.92rem;
}
.crm-container span.description {
	display: block;
	margin-bottom: 10px;
}
.crm-container .form-layout-compressed td.description,
.crm-container .form-layout td.description {
	padding: 0 5px 5px 5px;
	font-size: 1em;
}
#location .form-layout table,
#location .form-layout td,
#crm-container div#location table.form-layout table.inner-table td {
	border: 0;
	vertical-align: top;
	margin-bottom: -5px;
	width: auto;
}
.crm-container input {
	box-sizing: content-box;
}
div.crm-container label {
	display: inline;
	font-weight: normal;
}
.crm-container .crm-section .label,
.crm-container .form-layout td.label,
.crm-container .form-layout-compressed td.label {
    background-color: transparent;
    color: var(--vv-dark-gray); 
}
div.crm-container fieldset label {
	float: none;
}
input.crm-form-radio+label,
input.crm-form-checkbox+label {
	margin-left: 3px;
}
#crm-container td > .crm-form-checkbox,
.crm-container td > .crm-form-checkbox {
	margin: 2px 5px 0 0;
}
#crm-container td.label > .crm-form-checkbox,
.crm-container td.label > .crm-form-checkbox {
	float: none;
	margin: 7px 5px 0 0;
}
.crm-container .crm-quickSearchField {
	font-weight: normal;
}
.crm-container .spacer {
	clear: left;
	height: 5px;
}
.crm-container td.compressed select,
.crm-container td.compressed input {
	font-size: 0.9rem;
	font-weight: bold;
}
.crm-container td.Int input {
	width: 6em;
}
.crm-container textarea {
	height: auto;
}
.crm-datatable-pager-top select {
	line-height: 2;
	border: 0px solid var(--dark-gray);
	background: var(--vv-light-gray);
	background-repeat: no-repeat;
	background-position: right;
}
.crm-container textarea, 
.crm-container .crm-container input[type="text"], 
.crm-container input[type="password"], 
.crm-container input[type="datetime"], 
.crm-container input[type="datetime-local"], 
.crm-container input[type="date"], 
.crm-container input[type="month"], 
.crm-container input[type="time"], 
.crm-container input[type="week"], 
.crm-container input[type="number"], 
.crm-container input[type="email"], 
.crm-container input[type="url"], 
.crm-container input[type="search"], 
.crm-container input[type="tel"], 
.crm-container input[type="color"], 
.crm-container .uneditable-input,
.crm-container input.crm-form-text, 
.crm-container .crm-icon-picker-button, 
.crm-container input.dateplugin, 
.crm-container input.crm-form-password,
.crm-container .select2-container-multi .select2-choices,
.crm-container .select2-container .select2-choice,
.crm-container select {
	background-color: white;
	background-image: none;
	vertical-align: middle;
	border: 1px solid var(--mid-gray);
	transition: border linear .2s, box-shadow linear .2s;
	height: 18px;
	min-height: 22px;
	padding: 4px 6px;
	font-size: 0.9rem;
	line-height: 1rem;
	color: var(--vv-dark-gray);
	border-radius: 3px;
}
.crm-container textarea {
	min-height: 50px;
}
.crm-container div.tag-info input[type="color"] {
	width: 20px;
	border: 1px solid var(--vv-light-gray);
	padding: 0;
	margin: 0;
}
.crm-container div.tag-info .tdl {
	color: var(--v-dark-gray);
}
.crm-container div.tag-info {
	border: 1px solid var(--light-gray);
	box-shadow: none;
	padding: 5px 15px;
}
.crm-container div.tag-info .jstree-default .jstree-wholerow {
	padding: 10px 0;
	border-radius: 5px;
	margin-top: -10px;
	width: 80%;
}
.crm-container div.tag-info .jstree-default > .jstree-container-ul > .jstree-node {
	padding: 10px;
}
.crm-container input.crm-form-text[disabled],
.crm-container input.dateplugin[disabled],
.crm-container select.crm-form-select[disabled],
.crm-container input.crm-form-text[readonly],
.crm-container input.crm-form-password[disabled],
.crm-container input.crm-form-password[readonly] {
	background-image: none;
	background-color: var(--vv-light-gray);
	color: var(--gray);
}
.crm-container .crm-form-time {
	width: 5em;
	margin-left: 1em;
}
.crm-container .crm-form-submit {
	margin: .25em 0.5em 0.25em 0;
}
.crm-container div.crm-inline-button {
	padding-left: 6px;
	padding-top: 6px;
	margin-bottom: 28px;
}
.crm-container #ContactName .crm-inline-edit-form div.crm-inline-button {
    	margin: 0 0 10px 0;
}
.crm-container fieldset {
	background: none;
	padding: 0.5rem;
	margin: 0;
	border: none;
	border-top: 1px solid var(--mid-gray);
}
.crm-container fieldset.no-border {
	border-top: none;
}
.crm-container fieldset legend {
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0;
	background: none;
	border: medium none;
	background-color: transparent;
	color: var(--vvv-dark-gray);
	position: relative;
	text-indent: 0;
	position: relative;
	text-indent: 0;
	width: auto;
	top: -10px;
	height: 20px;
	border-bottom: 1px solid var(--v-dark-gray);
	margin: 10px 0;
}
.crm-container fieldset.form-layout {
	margin: .25em 0 .5em 0;
	padding: 1px 10px 1px 10px;
}
.crm-container fieldset.collapsible {
	border: 0;
}
#crm-container .crm-inactive-dashlet-fieldset {
    border: 0 none;
    background-color: transparent;
    padding: 0;
}
.crm-container div.form-item {
	border-top-style: none;
	margin: 0;
	padding: 3px 0 5px 0;
	clear: none;
	height: 100%;
}
.crm-container div.form-item dl,
.crm-container .section-hidden dl,
.crm-container .crm-form-block dl {
	margin: 0;
}
/* Contribution page styles */

.crm-container #Main fieldset table td {
	background-color: transparent;
	border: none;
}
.crm-container .crm-section .label {
	float: left;
	width: 17%;
	text-align: right;
	padding-top: 8px;
}
.crm-container .crm-section .label label {
	white-space: normal;
}
.crm-container .label-left .label {
	text-align: left;
}
.crm-container .crm-section .content {
	margin-left: 19%;
}
.crm-container .no-label .content {
	margin-left: 0;
}
#crm-container #cvv2 {
	vertical-align: top;
}
/* Use definition lists for simple 2 col forms - <dt> for labels, <dd> for fields */

.crm-container div.form-item dt,
.crm-container .crm-form-block dt {
	float: left;
	clear: left;
	width: 150px;
	text-align: right;
	vertical-align: top;
	padding: 5px 15px 5px 0;
	font-size: .95em;
	white-space: normal;
}
.crm-container .section-hidden dt {
	float: left;
	clear: left;
	width: 150px;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	padding: 5px 15px 5px 0;
}
.crm-container div.form-item dd,
.crm-container .crm-form-block dd,
.crm-container .section-hidden dd {
	padding: 3px;
	margin-left: 160px;
}
.crm-container div.form-item dd.html-adjust,
.crm-container div.form-item dl.html-adjust dd,
.crm-container div.crm-form-block dl.html-adjust dd,
.crm-container div.crm-form-block dd.html-adjust {
	width: 57%;
}
.crm-container div.form-item dd.description,
.crm-container div.crm-form-block dd.description {
	padding: 0 0 5px;
	white-space: normal;
}
.crm-container div.form-item span.labels,
.crm-container div.crm-form-block span.labels {
	float: left;
	width: 15%;
	text-align: right;
}
.crm-container div.form-item span.fields,
.crm-container div.crm-form-block span.fields {
	width: 84%;
	text-align: left;
	margin-left: 16%;
	display: block;
}
.crm-container table.form-layout,
.crm-container table.no-border {
	margin: 0;
	border-collapse: collapse;
	border: 0 none;
}
.crm-container table.form-layout-compressed {
	margin: 0 0 .5em;
	width: auto;
	border-collapse: collapse;
	border: 1px none;
}
.crm-container table.crm-profile-tagsandgroups>tbody>tr>td {
	padding: 0;
}
.crm-container table.crm-profile-tagsandgroups,
.crm-container table.crm-profile-tagsandgroups table {
	margin: 0;
}
.crm-container table.advmultiselect {
	margin: 0;
	width: auto;
	border-collapse: collapse;
	border: 1px solid var(--dark-gray);
	background: var(--v-light-gray);
	padding: 10px;
}
.crm-container table.advmultiselect td {
	padding: 10px;
}
.crm-container table.advmultiselect td select {
	width: 150px;
}
.crm-container .form-layout td {
	vertical-align: top;
	padding: 5px;
	white-space: normal;
	border: none;
}
#crm-container td.label {
	display: revert;
}
#crm-container table.form-layout-compressed tr td {
   font-size: 14px;
   padding: 4px;
}
.crm-container .form-layout td.report,
.crm-container .form-layout td.description,
.crm-container .form-layout-compressed td.description {
	white-space: normal;
}
.crm-container .form-layout-compressed td,
.crm-container .form-layout-compressed th {
	vertical-align: text-top;
	padding: 2px 5px;
	border: none;
}
.crm-container .form-layout td.label,
.crm-container .form-layout-compressed td.label,
.crm-container .selector td.label,
.crm-container .form-layout-compressed th.label {
	text-align: right;
	padding: 4px 4px 4px 6px;
	border: 0 none;
}
.crm-container .form-layout td.label-left,
.crm-container .form-layout-compressed td.label-left {
	text-align: left;
	padding: 4px 4px 4px 6px;
	border: 0 none;
	vertical-align: top;
}
.crm-container .form-layout td.view-value,
.crm-container .form-layout-compressed td.view-value {
	text-align: left;
	padding: 4px;
	border: 0 none;
	vertical-align: top;
}
#crm-submit-buttons {
	width: 100%;
}
.crm-container .form-layout .buttons,
.crm-container .form-layout-compressed .buttons {
	padding-top: 10px;
}
.crm-container .form-layout-compressed td.describe-image {
	vertical-align: top;
	padding: 0.5em 0 0 0;
	font-size: .9em;
}
.crm-container .form-layout-compressed td.option-label {
	vertical-align: top;
	text-align: right;
	padding: 0.75em 0.5em 0 0.75em;
	color: var(--v-dark-gray);
}
.crm-container td.price_set_option-label {
	padding-left: 3em;
}
#crm-container .section-hidden {
	display: block;
	margin: 0;
	padding: 5px;
	font-size: 0.9rem;
}
#crm-container form .section-hidden-border {
	background-color: var(--v-dark-gray);
	border: medium none;
	color: white;
	margin-left: 5px;
	font-size: 0.8rem;
	padding: 2px 0 0 0;
}
#crm-container .section-shown {
	padding: 0 5px;
}
#crm-container .data-group-first {
	margin: 10px 5px 5px 5px;
	padding: 5px;
	border-top: 2px solid var(--v-dark-gray);
	clear: none;
}
#crm-container input.submit-link {
	color: var(--blue);
	background: none transparent;
	border: none;
	cursor: pointer;
	margin: 0 -0.5em 0 -0.5em;
	text-shadow: none;
}
/* TimeEntry styles */

.crm-container .timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}
* html .timeEntry_control {
	/* IE only */
	margin-top: -4px;
}
.crm-container .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	z-index: 9999 !important;
}
/* Date plugin */

.crm-container input.dateplugin,
.crm-container input.crm-form-date {
	width: 9em;
}
.crm-container input.crm-placeholder-icon::placeholder,
.crm-container input.crm-placeholder-icon::-ms-input-placeholder,
.crm-container input.crm-placeholder-icon:-ms-input-placeholder {
	font-family: "FontAwesome";
	text-align: right;
}
/* Checkbox groups */

.crm-container ul.crm-checkbox-list {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: white;
	border: 1px solid var(--mid-gray);
	width: 300px;
	max-width: 100%;
	max-height: 300px;
	overflow-y: auto;
	border-radius: 3px;
}
.crm-container ul.crm-checkbox-list li {
	position: relative;
	margin: 0;
	padding: 0;
}
#crm-container ul.crm-checkbox-list li input {
	position: absolute;
	left: 5px;
	top: 4px;
}
.crm-container ul.crm-checkbox-list li label {
	display: block;
	padding: 2px 0 2px 22px;
	margin: 0;
	word-break: break-all;
}
.crm-container ul.crm-checkbox-list li:nth-child(even) label {
	background-color: var(--vvv-light-gray);
}
.crm-container ul.crm-checkbox-list li input:checked+label {
	background-color: var(--yellow);
}
.crm-container ul.crm-checkbox-list li:nth-child(even) input:checked+label {
	background-color: white;
}

/* Checkbox/radio fields with n-per-line. See https://lab.civicrm.org/dev/core/-/issues/4985 */
.crm-container .crm-multiple-checkbox-radio-options {
  --gap: 1em;
  --checkbox-width: 2em;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
/* Override more general styling */
.crm-container .crm-multiple-checkbox-radio-options :where(input.crm-form-radio,
input.crm-form-checkbox) + label {
  margin-left: 0;
}
.crm-container .crm-multiple-checkbox-radio-options .crm-option-label-pair {
  display: grid;
  grid-template-columns: var(--checkbox-width) 1fr;
  align-items: baseline;
}
.crm-container .crm-multiple-checkbox-radio-options.crm-options-per-line .crm-option-label-pair {
  flex: 0 0 calc((100% - (var(--crm-opts-per-line) - 1) * var(--gap)) / var(--crm-opts-per-line));
}

/*  Sortable lists */

.crm-container ul.crm-sortable-list li label {
	padding-left: 40px;
	cursor: move;
}
.crm-container ul.crm-sortable-list li label:after {
	display: block;
	font-family: FontAwesome;
	content: "\f047";
	position: absolute;
	left: 4px;
	top: 2px;
	font-size: 10px;
	color: var(--mid-gray);
}
.crm-container ul.crm-sortable-list li:hover label:after {
	color: inherit;
}
.crm-container ul.crm-checkbox-list.crm-sortable-list li input {
	left: 23px;
}
/* Progress Bars */

#crm-container ul.wizard-bar {
	border-collapse: collapse;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	margin: 0 0 20px;
	height: 0;
	width: auto;
	line-height: normal;
	border-top: 20px solid var(--mid-gray);
	border-bottom: 20px solid var(--mid-gray);
	text-align: center;
	margin: 0 0 10px 0;
}
#crm-container ul.wizard-bar li {
	display: inline;
	height: auto;
	padding: 5px 15px;
	text-decoration: none;
	position: relative;
	background: var(--light-blue);
	top: -10px;
}
#crm-container ul.wizard-bar li a {
	color: white;
}
#crm-container ul.wizard-bar li.current-step {
	background-color: var(--blue);
	border-color: var(--blue);
	color: white;
	font-weight: bold;
}
#crm-container ul.wizard-bar li.past-step {
	background-color: var(--light-green);
	color: #666;
}
#crm-container ul.wizard-bar li:first-child {
	border-radius: 20px 0 0 20px;
}
#crm-container ul.wizard-bar li:last-child {
	border-radius: 0 20px 20px 0;
}
/* In-place editable regions */

.crm-container .replace-plain,
.crm-container select.crm-form-multiselect {
	border: 1px solid var(--v-dark-gray);
	margin-bottom: 4px;
}
.crm-container .replace-plain {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.6);
	min-height: 1.4em;
	position: relative;
	padding: .4em 1.5em .3em .4em;
}
.crm-container .replace-plain p {
	padding: .2em 0;
	margin: 0;
}
.crm-container .replace-plain:focus,
.crm-container .replace-plain:hover {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	background: rgba(255, 255, 255, 0.8);
}
.crm-container .replace-plain:before {
	content: "\f040";
	position: absolute;
	top: .4em;
	right: .5em;
	opacity: .5;
}
.crm-container .crm-editable-enabled {
	padding-left: 2px;
	border: 2px dotted transparent;
}
.crm-container .crm-editable-textarea-enabled {
	white-space: normal;
}
.crm-container .crm-editable-enabled:hover {
	border: 2px dotted var(--light-gray);
	cursor: pointer;
}
.crm-container .crm-editable-enabled.crm-editable-editing:hover {
	border: 2px dotted transparent;
	cursor: auto;
}
.crm-container span.crm-editable-textarea-enabled {
	width: 96%;
}
.crm-container span.crm-editable-enabled {
	display: inline-block !important;
}
.crm-container .crm-editable-enabled .crm-i {
	opacity: .5;
}
.crm-container .replace-plain a:active:before,
.crm-container .replace-plain:focus:before,
.crm-container .replace-plain:hover:before,
.crm-container .crm-editable-enabled:hover .crm-i {
	opacity: 1;
}
.crm-container .crm-editable-saving {
	background: var(--yellow)!important;
	opacity: 0.8;
}
.crm-container h2.crm-editable-enabled input {
	min-height: 1.4em;
}
.crm-editable.crm-editable-enabled button {
	padding: 0;
}
.crm-container .crm-editable-textarea-enabled textarea {
	min-height: 5em;
}
.crm-editable-form {
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	position: relative;
	overflow: visible;
}
.crm-editable-form input,
.crm-editable-form textarea {
	margin-bottom: 0;
	padding-bottom: 0;
}
.crm-editable-form button {
	position: absolute;
	bottom: -22px;
	left: 0;
	text-align: center;
	height: 23px;
	width: 32px;
	z-index: 1;
}
.crm-editable-form button[type=cancel] {
	left: 32px;
}
#crm-container table.crm-inline-edit-form td,
#crm-container div.crm-inline-edit-form {
	background-color: var(--vvv-light-gray) !important;
	white-space: nowrap;
	padding: 10px;
	border-radius: 3px;
	border: 0 solid transparent;
	margin-bottom: 20px;
}
#crm-container div.crm-inline-edit {
	border: 0 solid transparent !important;
}
/* Batch entry/update */

.crm-container span.batch-edit,
.crm-container span.batch-valid,
.crm-container span.batch-invalid {
	padding: 2px 9px 2px 3px;
	margin: 2px 2px 3px 2px;
	cursor: pointer;
	background-position: -66px -114px;
	background-image: url("../images/jquery-ui-3E3E3E.gif");
}
.crm-container span.batch-valid {
	background-position: -322px -143px;
}
.crm-container span.batch-invalid {
	background-position: -258px -143px;
}
.crm-container #Entry ul#errorList {
	display: none;
}
.crm-container table.batch-totals {
	border: 1px solid var(--v-dark-gray) !important;
	margin-top: 10px !important;
}
.crm-container div.batch-update {
	overflow: visible;
}

/*
	
	NOTIFICATIONS
	
*/

/* Core */

.crm-container .messages {
	border: none;
	font-weight: normal;
	color: inherit;
}
.crm-container .messages .msg-title {
	font-weight: bold;
}
.crm-container .messages table {
	width: auto;
}
.crm-container .messages table td {
	background-color: var(--vvv-light-gray);
	border-bottom: 1px solid var(--light-gray);
}
.crm-container .status {
	background-color: var(--yellow);
	background-image: none;
	border: 1px solid var(--gold);
	margin: 0.5em 0;
	padding: 0.25em 0.5em;
	color: var(--vvv-dark-gray);
	font-weight: normal;
}
.crm-container .status dl {
	margin: 2px 5px;
}
.crm-container div.status dt {
	clear: none;
	float: left;
	width: 20px;
}
.crm-container div.status dd {
	margin-left: 0;
}
.crm-container div.status ul {
	margin: 0 0 1em 16px;
}
.crm-container .status-pending {
	color: green;
}
.crm-container .status-completed {
	color: black;
}
.crm-container .crm-marker {
	color: var(--red);
	font-weight: bold;
	margin-right: 5px;
}
.crm-container .crm-error,
.crm-container .crm-inline-error {
	background: var(--light-error) none repeat scroll 0 0;
	border: none;
	color: var(--danger);
}
.crm-container .crm-error {
	padding: 4px;
}
.crm-container .status.crm-ok, 
#crm-container div.civicrm-community-messages {	
	border: 0 solid transparent;
	background-color: var(--light-green);
	color: var(--vvv-dark-gray);
	border-radius: 4px; 
}
#crm-container .civicrm-community-messages .collapsible-title {
    font-size: 18px;
   	color: var(--vvv-dark-gray);
}
#crm-container .civicrm-community-messages .collapsible-title > div {
	display: inline;
}
.crm-container .help,
.crm-container #help,
#crm-container .crm-extensions-upgrade {
	margin: 10px 0;
	padding: 8px 14px;
	border-radius: 3px;
	font-size: 0.9rem;
}
.crm-container .help, 
.crm-container #help {
	background-color: var(--light-green);	
	border: 0 solid transparent;
}
.crm-container .help p {
	margin: 4px;
}
#crm-container .crm-extensions-upgrade {
    background: var(--yellow);
    border: 1px solid var(--dark-yellow) !important;
    margin: 5px 0 0 0;
    padding: 3px;
}
.crm-container .status {
	margin: 3px 0px 15px;
	padding: 8px 14px;
	background-color: var(--yellow); 
    	border: 1px solid var(--yellow);
}
.crm-container .crm-search-tasks,
.crm-container .crm-tasks {
	color: var(--v-dark-gray);
}
.crm-container .crm-form-block,
.crm-container .crm-search-tasks,
.crm-container .crm-tasks,
.crm-container .crm-search-form-block {   
	background: var(--vvv-light-gray);
	border: 1px solid  var(--vv-light-gray);
	border-radius: 3px;
	padding: 10px !important;
	min-height: 30px;
}
.crm-container .ui-tabs-panel .crm-form-block,
.crm-container .crm-form-block .crm-form-block {
	border: 0 solid transparent;
	padding: 0;
}
.crm-container del,
.crm-container .crm-is_deleted,
.crm-container table.caseSelector td.status-urgent,
.crm-container .font-red,
.crm-container .status-removed,
.crm-container .status-overdue,
.crm-container .status-overdue td,
.crm-container .status-fatal,
.crm-container .status-hold,
.crm-container .status-past,
.crm-contact-deceased,
.crm-container .status-warning {
	color: var(--danger);
}
/* Styles for Actions Ribbon */

.crm-container .crm-actions-ribbon {
    margin: 0 0 15px 178px;
}
.crm-container .crm-actions-ribbon.crm-contribpage-tab-actions-ribbon,
.crm-container .crm-actions-ribbon.crm-event-manage-tab-actions-ribbon {
	margin: 0 0 15px 0;
}
#crm-container .crm-actions-ribbon ul {
	margin: 0;
	padding: 0;
}
#crm-container .crm-actions-ribbon li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	list-style: none;
}
#crm-container .crm-actions-ribbon li.crm-delete-action {
	margin-left: 30px;
	float: right;
}
#crm-container .crm-actions-ribbon li.crm-previous-action,
#crm-container .crm-actions-ribbon li.crm-next-action {
	float: right;
	margin: 0 0 0 8px;
}
.crm-container .action-item-wrap {
	padding: 0 5px;
	border-left: 1px solid var(--mid-gray);
	white-space: normal;
}
/* Status message box */

.crm-status-box-outer {
	position: fixed;
	z-index: 99999;
	right: 0;
	top: 0;
}
.crm-status-box-outer.status-start {
	background: var(--yellow) url("../images/animated-overlay.gif");
}
.crm-status-box-outer .crm-status-box-inner {
	padding: 3px 14px;
	font-size: 0.8rem !important;
	color: #eee;
	font-weight: bold;
	text-align: center;
	background: rgba(94, 91, 31, 0.9);
}
.crm-status-box-outer.status-success .crm-status-box-inner {
	background: rgba(30, 143, 36, 0.7);
}
.crm-status-box-outer.status-error .crm-status-box-inner {
	background: rgba(255, 7, 0, 0.7);
}
.crm-container .crm-tooltip .crm-summary-group {
	width: 700px;
	margin-bottom: 0;
}
.crm-container .crm-tooltip .crm-report-overlay {
	width: 500px;
	margin-bottom: 0;
}
.crm-container .crm-tooltip .crm-report-overlay thead td {
	font-weight: bold;
}

/* Summary group */

.crm-container .crm-summary-group h2 {
	padding: 2px 4px 0 4px;
	font-size: 1rem;
	color: white;
	margin-bottom: 0;
}
.crm-container .crm-summary-group .crm-section .label {
	text-align: left;
	color: var(--mid-gray);
	background-color: transparent;
	font-size: inherit;
	width: 100%;
	padding-left: 0;
	font-weight: 600 !important;
}
.crm-container .crm-summary-group .crm-section .content {
    margin-left: 5px;
}
#crm-container .crm-section {
	margin-bottom: 3px;
}
.crm-container .crm-tooltip table .crm-summary-col-1 {
	width: 350px;
}
.crm-container .crm-tooltip table .crm-summary-col-1 div {
	width: auto;
}
/* Notification Container */

#crm-notification-container {
	width: 350px;
	position: fixed;
	top: 45px;
	right: 15px;
	z-index: 999999;
}
#crm-notification-container div.ui-notify-message {
	padding: 10px;
	margin-bottom: 15px;
	color: white;
	border-radius: 8px;
	max-height: 600px;
	overflow: auto;
}
#crm-notification-container div.ui-notify-message h1 {
	font-size: 1rem;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	color: white;
}
#crm-notification-container div.ui-notify-message p {
	margin: 3px 0;
	padding: 0;
	line-height: 18px;
}
#crm-notification-container div.ui-notify-message:last-child {
	margin-bottom: 0;
}
#crm-notification-container div.ui-notify-message-style {
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 6px black;
}
.crm-container div.ui-notify-message-style a,
.crm-container div.ui-notify-message-style a:link {
	color: var(--light-blue);
	text-decoration: underline;
}
.crm-container div.ui-notify-message-style a:hover,
.crm-container div.ui-notify-message-style a:focus {
	color: var(--blue);
}
.crm-container div.ui-notify-message-style .ui-button .ui-button-text {
	color: var(--vvv-dark-gray);
	text-decoration: none;
}
#crm-notification-container .ui-notify-message .ui-notify-close {
	cursor: pointer;
}
#crm-notification-container .ui-notify-message a.ui-notify-cross {
	margin-top: -4px;
	float: right;
	text-decoration: none;
	font-size: 0.8rem;
	font-weight: bold;
	text-shadow: 0 1px 1px white;
	padding: 2px;
	color: var(--vv-light-gray);
}
#crm-notification-container .ui-notify-message .ui-notify-cross:hover,
#crm-notification-container .ui-notify-message .ui-notify-cross:focus {
	color: var(--yellow);
}
.crm-container div.ui-notify-message table,
.crm-container div.ui-notify-message tbody,
.crm-container div.ui-notify-message tr {
	border: 0 none;
	font-size: 0.8rem;
}
.crm-container div.ui-notify-message table {
	margin: 10px 0;
}
.crm-container div.ui-notify-message td {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--vvv-dark-gray);
	font-size: 11px;
	color: white;
}
.crm-container div.ui-notify-message th {
	background: rgba(200, 200, 200, 0.2);
	border: 1px solid var(--vvv-dark-gray);
	color: var(--v-light-gray);
	font-size: 0.8rem;
}
.crm-container div.ui-notify-message table a.action-item {
	margin-right: 5px;
}
.crm-container div.ui-notify-message ul,
.crm-container div.ui-notify-message ol {
	padding: 0.5rem 0 0.3rem 1rem;
}
.crm-container div.ui-notify-message div.icon,
.crm-status-icon {
	width: 24px;
	height: 24px;
	float: left;
	padding-right: 5px;
}
.crm-container div.ui-notify-message.info div.icon,
.crm-status-icon.info {
	font: normal normal normal 14px/1 FontAwesome;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	color: var(--vv-dark-gray);
	text-indent: inherit;
	margin: 3px 2px 0 2px;
	background-image: none;
	float: left;
}
.crm-container div.ui-notify-message.info div.icon:before,
.crm-status-icon.info:before {
	content: "\f05a";
	font-size: 21px;
}
.crm-container div.ui-notify-message.none div.icon {
	display: none;
}
span.crm-status-icon {
	display: inline-block;
}
#crm-status-list .crm-severity-emergency, #crm-status-list .crm-severity-alert, #crm-status-list .crm-severity-critical, #crm-status-list .crm-severity-error {
	background-color: var(--danger);
}

/* Loading Element (NB - sizes might need tidying) */

.crm-container .crm-form-block .crm-loading-element {
	background-image: url("../images/loading-overlay.gif");
}
.crm-container .crm-loading-element {
	padding-left: 30px;
	height: 30px;
	background: transparent url("../images/loading-overlay.gif") no-repeat 0 0;
}
.crm-container div div.crm-msg-loading div.icon {
	background: transparent url("../images/loading.gif") no-repeat 0 0;
}
#crm-container .fa-spin {
	background-color: transparent !important;
	border-right: 0 solid transparent !important;
}
/*
	
	BUTTONS
	
*/

/* Hover-buttons */

.crm-container span.crm-hover-button,
.crm-container a.crm-hover-button {
	display: inline-block;
	white-space: nowrap;
	border: 0 solid transparent;
	text-decoration: none;
	color: black;
	padding: 1px 3px;
	cursor: pointer;
}
.crm-container #swap_target_assignee {
	bottom: 0 !important;
}
#crm-container a.crm-hover-button.action-item {
	font-size: 0.9rem;
	padding: 3px 5px;
	background: var(--vv-light-gray);
	border-radius: 4px;
	margin: 0 4px 4px 0;
	border: 1px solid var(--light-gray);
	display: inline-block;
	color: var(--vvv-dark-gray);
}
.crm-container ul.panel a.crm-hover-button.action-item {
	background: inherit;
	border-color: inherit;
}
.crm-container .btn-slide .action-item {
	white-space: normal;
}
.crm-container .crm-accordion-header .crm-hover-button {
	position: relative;
	top: -2px;
	color: inherit;
}
.crm-container .crm-hover-button:hover,
.crm-container a.crm-hover-button:hover,
.crm-container a.crm-hover-button:active {
	background: var(--v-light-gray);
	border-color: var(--mid-gray);
	color: black;
}
.crm-container .crm-hover-button .icon {
	cursor: pointer;
	margin-left: 3px;
	position: relative;
	top: 2px;
}
.crm-hover-button.soft-credit-delete-link .icon.delete-icon {
	background: inherit;
	border: inherit;
	margin-left: 0;
}
.crm-container a.action-item {
	display: inline;
}
#crm-container div.buttons {
	text-align: right;
	margin: 8px 0 0;
	padding: 4px 4px 2px 0;
	background-color: white;
	border: none;
}
#crm-container div.buttons input,
#crm-container div.buttons select {
	font-size: 0.9rem;
	vertical-align: top !important;
}
#crm-container div.buttons #actions {
	text-align: left;
	float: left;
}
#crm-container div.buttons ul#actions {
	list-style-type: none;
	padding-left: 0;
}
#crm-container div.buttons #actions li {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}
/* crm button style */

#crm-main-content-wrapper .crm-submit-buttons {
	min-height: 30px;
	margin: 15px 0 !important;
	overflow: inherit !important;
}
#crm-ajax-dialog-0 .action-link {
	margin: 15px 0;
}
.crm-container .CRM_Contact_Form_Task_Email .crm-submit-buttons,
.crm-container .crm-form-block > .crm-submit-buttons,
#membership_type_form .crm-submit-buttons {
	margin-top: 0 !important;
}
.crm-container .register_link-top {
	float: right;
	margin-left: 8px;
}
.crm-container .crm-clear-link {
	margin-left: .5em;
}
.crm-container .crm-button input {
	background: none;
	border: medium none;
	color: white;
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: normal;
	margin: 0;
	padding: 1px 8px 2px 4px;
}
.crm-container .crm-button-type-cancel,
.crm-container .crm-button-type-back {
	margin-left: 20px;
}
.crm-container a.button,
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container input.crm-form-submit,
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container input[type=button],
.crm-container .crm-button {
	font-weight: normal;
	margin: 0 6px 0 0;
}
.crm-container button.crm-button .icon {
	margin-bottom: -4px;
}
.crm-container input.crm-form-submit,
.crm-container input[type=button] {
	padding: 2px 6px;
	margin-top: 10px;
}
.crm-container #task-section input.crm-form-submit {
	margin: 0;
}
.crm-container .crm-button input.crm-form-submit {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
.crm-container .crm-button-disabled,
.crm-container .crm-button.crm-button-disabled,
.crm-container .ui-dialog-buttonset .ui-button[disabled],
.crm-container input.crm-form-submit[disabled],
.crm-container input[type=button][disabled],
.crm-container .crm-button[disabled] {
	opacity: .6;
	cursor: default;
}
.crm-container .crm-button-disabled input[disabled] {
	opacity: 1;
}
.crm-container .ui-dialog-buttonpane {
    background: var(--light-gray);
    border: 0 solid transparent;
    border-top: 1px solid var(--mid-gray);
    padding-bottom: 5px;
    margin-top: 0;
}
.crm-container .ui-dialog-buttonset .ui-button {
	padding: 0;
}
/*
.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
	background-image: url("../images/jquery-ui-FFFFFF.png");
}
/* No crm-button styling for PayPal Express buttons */

.crm-container input#_qf_Register_upload_express,
.crm-container input#_qf_Payment_upload_express,
.crm-container input#_qf_Main_upload_express {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}
#crm-status-list .hush-menu-button,
#crm-status-list .hush-menu button {
	font-weight: normal;
	background: white;
	border: 0 solid transparent;
	padding: 3px 12px;
	margin-top: -8px;
}

/* Shelford Buttons */

#crm-container .crm-button, 
#crm-container a.button, 
.crm-container a.button:link, 
.crm-container a.button:visited, 
#crm-container button,
.crm-container input.form-submit, 
.crm-container input[type="button"], 
#crm-container input[type="submit"], 
#crm-container input.form-submit-inline, 
.crm-container .ui-dialog-buttonset .ui-button,
#bootstrap-theme .btn-default, 
#bootstrap-theme .btn, 
#bootstrap-theme.crm-search .btn, 
#bootstrap-theme .btn-sm, 
#bootstrap-theme .btn-group-sm > .btn,
#bootstrap-theme .btn-primary,
#crm-container #afGuiEditor button[type="submit"] {
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 0;
	font-size: 0.9rem;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	background: none;
	background-color: var(--vvv-light-gray);
	color: var(--vvv-dark-gray);
	border: 1px solid var(--dark-gray);
	border-radius: 3px;
	line-height: 28px;
	text-shadow: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	min-height: 28px;
}
#crm-container .crm-button input[type="submit"] {
	border: 0 solid transparent;
	background: transparent;
	padding: 0 10px;
}
#crm-container #_qf_Search_refresh,
#crm-container #_qf_Builder_refresh {
	background-color: var(--v-light-gray);
}
.crm-container .crm-button:hover, .crm-container .crm-button:focus, 
#crm-container a.button:hover, #crm-container a.button:focus, 
.crm-container a.button:link:hover, .crm-container a.button:link:focus,
#crm-container button:hover, .crm-container a.button:focus,
.crm-container input.form-submit:hover, .crm-container input.form-submit:focus,
#crm-container input[type="button"], 
.crm-container input[type="submit"],
#crm-container input.form-submit-inline:hover ,#crm-container input.form-submit-inline:focus, 
#crm-container .crm-button:hover, #crm-container .crm-button:focus,
.crm-container .ui-dialog-buttonset .ui-button:hover, .crm-container .ui-dialog-buttonset .ui-button:focus,
#bootstrap-theme .btn:hover, #bootstrap-theme .btn:focus, #bootstrap-theme .btn.focus,
#bootstrap-theme .btn-primary:hover {
	background-color: var(--vv-light-gray);
	border-color: 1px solid var(--v-dark-gray);
	text-decoration: none;
	color: var(--vvv-dark-gray);
}
.crm-container .crm-button input[type="button"], 
.crm-container .crm-button input.crm-form-submit {
	text-shadow: none;
	padding: 0;
}
.crm-container .crm-button-type-cancel input {
	color: var(--v-dark-gray) !important;
}
.crm-container span.crm-button {
	float: left !important;
}
.crm-container span.crm-button-type-cancel {
	float: right !important;
}

/* Shelford button icons */

.crm-container .crm-button i.crm-i, 
.crm-container a.button i.crm-i, 
#crm-container button i.crm-i,
.crm-container a.button:link i.crm-i, 
.crm-container a.button:visited i.crm-i, 
.crm-container input.form-submit i.crm-i, 
#crm-container input[type="button"] i.crm-i, 
.crm-container input[type="submit"] i.crm-i,
#crm-container input.form-submit-inline i.crm-i, 
#crm-container .crm-button i.crm-i,
.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
	background-color: var(--v-light-gray);
	border-radius: 3px 0 0 3px;
	border-right: 1px solid var(--dark-gray);
	height: auto;
	line-height: inherit;
	margin: 0 6px 0 -10px;
	opacity: 1;
	text-shadow: none;
	width: 30px;
	line-height: 29px;
}
#crm-container .crm-button i.crm-i {
	z-index: 1;
	margin: 0 5px 0 -10px;
}
.crm-container .crm-button.crm-i-button input[type="button"], 
.crm-container .crm-button.crm-i-button input.crm-form-submit {
	margin-top: -3px;
	border: 0 solid transparent;
	margin: -3px -10px 0 -8px;
	background: transparent !important;
	color: var(--vvv-dark-gray);
	padding: 0 2px 0 12px;
	font-size: 0.9rem;
}
.crm-container span.crm-button {
	padding: 0 20px 0 15px;
}
.crm-container a .crm-i,
.crm-container a:link .crm-i,
.crm-container a:visited .crm-i,
.crm-container a:active .crm-i,
.crm-container a:hover .crm-i,
.crm-container a .ui-icon[class*=" fa-"],
.crm-container a:link .ui-icon[class*=" fa-"],
.crm-container a:visited .ui-icon[class*=" fa-"],
.crm-container a:active .ui-icon[class*=" fa-"],
.crm-container a:hover .ui-icon[class*=" fa-"] {
	color: inherit;
}
i.fa-times,
.crm-container .fa-times::before  {
	color: var(--red);
}
i.fa-plus-circle,
.crm-container .fa-plus-circle::before  {
	color: var(--blue) !important;
}
i.fa-pencil {
	color: var(--blue);
}
.crm-container i.fa-check,
.crm-container .fa-check::before,
.crm-i.fa-envelope,
.crm-container button:hover >.crm-i.fa-plus,
.crm-container button:focus >.crm-i.fa-plus {
	color: var(--success-colour);
}
.crm-container.ui-dialog .ui-dialog-title {
	background: none;
	padding-left: 0;
}
#crm-notification-container {
	top: 85px;
}
#crm-notification-container div.ui-notify-message-style {
	border-radius: 0;
	background: var(--vvv-dark-gray);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	border: 0 solid transparent;
	padding: 14px;
}
#crm-notification-container .ui-notify-message a.ui-notify-cross {
	font-weight: normal;
	font-size: 1.1rem;
	color: var(--mid-gray);
	text-shadow: none;
}
#crm-recently-viewed li.crm-recently-viewed {
	white-space: inherit;
}
#crm-container button.icon-button {
	border-radius: 8px;
}
#crm-container button.icon-button i.crm-i {
	margin: 0 -10px;
    border: 0 solid transparent;
    border-radius: 8px;
	background: transparent;
}
/* Icon only buttons */

#crm-container button.ui-button {
	background-color: transparent;
	background-image: none;
	border: 0 solid transparent;
	color: inherit;
	box-shadow: none;
}
#crm-container button.ui-button:hover,
#crm-container button.ui-button:focus {
	background-color:  var(--mid-gray);;
	color: var(--vv-dark-gray);
}

/*
	
	ICONS
	
*/

/* Core */

.crm-container .action-icon {
	vertical-align: middle;
	padding: 2px 2px 2px 3px;
	margin: 2px 2px 3px 2px;
	cursor: pointer;
}
#crm-container .order-icon {
	height: 15px;
	width: 10px;
	padding-top: 4px;
	padding-right: 4px;
}
.ac_results ul li {
	background-image:none;
}
.crm-container span.crm-button .icon {
	margin-top: 3px;
}
.crm-container .button .icon {
	float: left;
	display: block;
	margin-right: 3px;
}
.crm-container .button .icon.css_right {
	float: right;
	margin-right: 0;
	margin-left: 3px;
}

/* Font Awesome */

.crm-container .crm-delete-inline .icon.delete-icon {
	margin: 0;
	background: no-repeat;
	border: none;
	text-align: center;
}
.crm-container .crm-icon,
#crm-container .geotag:before,
.crm-container .Contribution-icon:before,
.crm-container div.ui-notify-message div.icon,
.crm-container .inform-icon:before,
.crm-container .icon.info-icon,
#crm-container .messages.status.no-popup:before,
.crm-container.ui-dialog .messages.status.no-popup:before,
input.crm-placeholder-icon::placeholder,
.crm-container .icon.delete-icon {
	font: normal normal normal 14px/1 FontAwesome;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	color: var(--vv-dark-gray);
	text-indent: inherit;
	margin: 2px 0 0 2px;
	background-image: none;
}
a.crm-i:hover {
	text-decoration: none;
}
.crm-container a:hover .crm-i.fa-trash,
.crm-container .crm-button:hover .crm-i.fa-trash,
.crm-container .crm-hover-button:hover .crm-i.fa-trash,
.crm-container span:hover>.crm-i.fa-trash,
.crm-container button:hover >.crm-i.fa-trash,
.crm-container button:focus >.crm-i.fa-trash,
.crm-container button:hover >.crm-i.fa-ban,
.crm-container button:focus >.crm-i.fa-ban,
.crm-container a:hover .icon.delete-icon,
.crm-container .crm-button:hover .icon.ui-icon-trash,
.crm-container .crm-hover-button:hover .icon.ui-icon-trash,
.crm-container span:hover>.icon.delete-icon,
.crm-container .icon.delete-icon {
	color:var(--danger);
}
.crm-i.crm-i-red,
.crm-container .red-icon {
	color:var(--red);
}
.crm-i.crm-i-blue,
.crm-status-icon.info {
    color:var(--light-blue);
}
.crm-i.crm-i-green,
.crm-i.fa-rocket {
	color: var(--green);
}
#crm-container div.crm-summary-display_name {
	font-size: 1.4rem;
	margin: 30px 0 20px;
	line-height: 1.4rem;
}
.crm-summary-display_name .crm-icon {
	font-size: 1.4rem;
	margin: 0 15px 0 0;
}

/* Individual FA icons */

.crm-container .icon.delete-icon::before {
    content: "\f1f8";
}
#crm-container div span.privacy-flag {
	float: right;
	font-size: 80%;
}
.crm-container a.helpicon {
	opacity: .8;
}
.crm-container a.helpicon:hover,
.crm-container a.helpicon:focus {
	opacity: 1;
}
div.crm-accordion-header a.helpicon {
	color: inherit;
}
div.crm-master-accordion-header a.helpicon {
	color: var(--blue);
}
.crm-container a.helpicon:before {
	content: "\f059";
}
.crm-container div.ui-notify-message div.icon:before {
	content: "\f05a";
	color: var(--vvv-light-gray);
	font-size: 25px;
	margin-right: 5px;
	position: relative;
}
.select2-results .select2-highlighted .Individual-icon:before, 
.crm-container .Individual-icon:before {
	content: "\f007";
	color: var(--blue);
} 
.select2-results .Individual-icon:before,
.crm-container .Individual-subtype-icon:before {
	content: "\f007";
	color: var(--light-blue);
}
.select2-results .select2-highlighted .Household-icon:before,
.crm-container .Household-icon:before {
	content: "\f015";
	color: var(--gold);
}
.select2-results .Household-icon:before,
.crm-container .Household-subtype-icon:before {
	content: "\f015";
	color: var(--yellow);
}
.select2-results .select2-highlighted .Organization-icon:before, 
.crm-container .Organization-icon:before {
	content: "\f1ad";	
	color: var(--green);
}
.select2-results .Organization-icon:before,
.crm-container .Organization-subtype-icon:before {
	content: "\f1ad";	
	color: var(--light-green);
}
.crm-container .Contribution-icon:before {
	content: "\f09d";	
	color: var(--green);	
	margin: -2px;
	font-size: 16px;
}
.crm-container .Membership-icon:before {
	content: "\f2c1";	
	color: var(--gold);
}
.crm-container .Activity-icon:before {
	content: "\f0ae";	
	color: var(--red);
}
.crm-container .Case-icon:before {
	content: "\f07c";	
	color: var(--blue);
}
.crm-container .Grant-icon:before {
	content: "\f0d6";	
	color: var(--green);
}
.crm-container .Pledge-icon:before {
	content: "\f1d8";	
	color: var(--blue);
}
.crm-container .Participant-icon:before {
	content: "\f145";	
	color: var(--green);
}
.crm-container .Note-icon:before {
	content: "\f249";	
	color: var(--red);
}
.crm-container .Relationship-icon:before {
	content: "\f2b5";	
	color: var(--gold);
}
.crm-container .Group-icon:before {
	content: "\f0c0";	
	color: var(--green);
}
.crm-container .helpIcon {
	float: right;
	position: relative;
	z-index: 1;
	margin-right: 45px;
}

/* Credit card logos */

.crm-container .credit_card_type-section .crm-credit_card_type-icons a {
	display: block;
	float: left;
	width: 50px;
	height: 30px;
	background: url(../images/creditcard-icons.png) no-repeat 0 0 transparent;
	text-indent: -20000px;
	margin-right: 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	border: 1px solid white;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-visa {
	background-position: -50px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-mastercard {
	background-position: -100px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-amex {
	background-position: -150px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-discover {
	background-position: -200px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-jcb {
	background-position: -250px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-unionpay {
	background-position: -300px 0;
}
.crm-container .cvv2-icon {
	display: inline-block;
	width: 50px;
	height: 30px;
	background: url(../images/creditcard-icons.png) no-repeat 0 0 transparent;
}
/* Avoid weird border around the images (some themes will add a border around images) */

#crm-container .credit_card_type-section .crm-credit_card_type-icons a,
#crm-container .credit_card_type-section .crm-credit_card_type-icons a:link,
#crm-container .credit_card_type-section .crm-credit_card_type-icons a:hover,
#crm-container .credit_card_type-section .crm-credit_card_type-icons a:focus,
#crm-container .credit_card_type-section .crm-credit_card_type-icons a:active {
	color: white;
}

/* Icon picker */

#crmIconPicker {
    background-color: var(--vv-light-gray);
    padding: 1rem !important;
}
#crmIconPicker a.ui-button {
    background: transparent;
    width: 42px !important;
    height: 40px !important; /* to override inline size */
    border: 0 solid transparent;
    padding: 16px 5px;
}
#crmIconPicker a.ui-button .ui-icon {
    font-size: 1.5rem;
}
#crmIconPicker a.ui-button:hover,
#crmIconPicker a.ui-button:focus {
    background: var(--v-light-gray);
}
.crm-container a.crm-icon-picker-button {
	min-width: inherit;
	text-align: inherit;
	color: var(--vvv-dark-gray);
    height: inherit;
}
.crm-container a.crm-icon-picker-button .ui-button-icon {
	margin: 5px 0 5px 5px;
}
.crm-container a.crm-icon-picker-button .ui-button-text {
	color: var(--v-dark-gray);
}
.crm-container a.crm-icon-picker-button.ui-button-text-only .ui-button-text {
	padding: .4em .2em;
}

/*
	
	MENUS
	
*/

/* theming for panel and context menus */

.crm-container td ul.panel li {
	background-color: var(--vvv-dark-gray);
}
#crm-container .crm-participant-list-inner li a:hover,
#crm-container .crm-event-links-list-inner li a:hover,
#crm-container .btn-slide .panel li a:hover,
#crm-container .crm-contribpage-links-list-inner li a:hover {
	color: var(--vvv-dark-gray);
	background-color: var(--vv-light-gray);
	text-decoration: none;
}
.crm-container ul.panel {
	display: none;
	z-index: 9999;
	position: absolute;
	border-bottom: 0;
	text-align: left;
	padding-top: 5px;
	margin: 0;
	width: 180px;
}
.crm-container td ul.panel {
	top: 15px;
	right: 0;
}
.crm-container td ul.panel li {
	margin: 0;
	padding: 2px;
	list-style: none;
	background-image: none;
	width: auto;
}
.crm-container span.btn-slide {
	text-align: left;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	display: inline;
	font-size: 0.8rem;
	border-radius: 3px 3px 0 0;
	padding: 3px;
}
.crm-container .crm-hover-button.btn-slide.btn-slide-active {
	background: var(--vvv-dark-gray);
	color: white;
	border-radius: 3px 3px 0 0;	
}
.crm-container .btn-slide:after {
	font-family: "FontAwesome";
	content: "\f0da";
	padding-left: 3px;
	width: 0.5rem;
	display: inline-block;
}
.crm-container .btn-slide-active .panel {
	z-index: 10;
}
.crm-container .crm-event-participants,
.crm-container .crm-event-links,
.crm-container .crm-event-more {
	min-width: 85px;
	z-index: 1;
}
.crm-container .btn-slide .panel li a {
	text-decoration: none;
	padding: 4px;
	display: block;
	cursor: pointer;
	color: var(--light-gray);
}

/* 

	ACCORDIONS - 2024

*/

.crm-container details {
	border: 0 solid transparent;
	padding: 0; 
}
.crm-container details details {
	padding: 0 0.25rem; /* adds padding for nested accordions */
	margin: 0;
}
.crm-container details .crm-accordion-body {
	border: none;
	display: block; 
}
.crm-container summary { /* default summary setting*/
	display: list-item;
	list-style: none;
	cursor: pointer;
	font-size: 1rem;
	padding: 0.5rem;
	font-weight: bold;
	color: var(--vvv-dark-gray);
	text-transform: inherit;

}
.crm-container table summary { /* Makes summary match the size of the rest of the table it's in */
	font-size: inherit;
}
.crm-container summary::-webkit-details-marker { /* Safari fix to remove summary icon */
	display: none;
}
.crm-container .crm-accordion-bold > summary {
	cursor: pointer;
	background-color: var(--light-gray);
	font-weight: normal;
	padding: 4px 8px;
	border-radius: 3px;	
	text-shadow: none;
}
.crm-container .crm-accordion-bold[open] > summary { /* open version of that */
  border-radius: 3px 3px 0 0; 
}
.crm-container .crm-accordion-bold > summary.active { /* active version of that */
	font-weight: bold;
	background-color: var(--gray);
}
.crm-container .crm-accordion-bold > summary:hover,
.crm-container .crm-accordion-bold > summary:focus { /* hover version of that */
  background-color:var(--v-light-gray);
}
.crm-container details.crm-accordion-bold > .crm-accordion-body {
	border: 1px solid var(--light-gray);
}
.crm-container .crm-accordion-light > summary {
	font-weight: normal;
}
.crm-container .crm-accordion-light > summary:hover,
.crm-container .crm-accordion-light > summary:focus {
	color: black;
}
.crm-container .crm-accordion-light > summary.active { /* active version of that */
	font-weight: bold;
}
/*
	
	ACCORDIONS - legacy (for extensions / old Civi versions)
	
*/

.crm-container .crm-accordion-header,
.crm-container .crm-collapsible .collapsible-title,
.crm-container span.collapsed,
.crm-container a.collapsed,
.crm-container .crm-expand-row {
	cursor: pointer;
}
.crm-container .crm-accordion-wrapper {
	margin-bottom: 0.5rem;
}
.crm-container .crm-accordion-inner .crm-accordion-header {
	font-size: 0.8rem;
}
#crm-container .widget-content .crm-accordion-header {
	background-color: var(--v-light-gray);
	color: var(--vvv-dark-gray);
}
.crm-container .crm-accordion-header,
.crm-container .crm-dashlet-header {
	cursor: pointer;
	color: var(--vv-dark-gray);
	background-color: var(--light-gray) !important;
	font-weight: normal;
	padding: 4px 8px;
	border-radius: 3px;	
	text-shadow: none;
}
.crm-container .crm-dashlet-header h3 {
	color: var(--vv-dark-gray) !important;
}
.crm-container div.crm-accordion-wrapper:not(.collapsed) .crm-accordion-header { 
  border-radius: 3px 3px 0 0; 
}
.crm-container .crm-accordion-header:hover,
.crm-container .crm-accordion-header:focus{ /* hover version of that */
  background-color:var(--v-light-gray);
}
.crm-container .crm-accordion-wrapper .crm-master-accordion-header,
.crm-container .crm-collapsible .collapsible-title {
	background-color: transparent;
	font-size: 1rem;
	color: var(--vvv-dark-gray);
}
.crm-container .crm-master-accordion-header.crm-accordion-header:hover,
.crm-container .crm-collapsible .collapsible-title:hover,
.crm-container .crm-master-accordion-header.crm-accordion-header:focus,
.crm-container .crm-collapsible .collapsible-title:focus { /* hover state for this */
	background-color: transparent;
	color: black;
}
.crm-container .crm-accordion-header.active {
	font-weight: bold;
	color: var(--vvv-dark-gray);
}
.crm-container .crm-collapsible .collapsible-title {
	font-weight: 600;
	height: 28px;
	padding-top: 6px;
}

/* Icon */
/* General icon settings for all collapsible things */
.crm-container div.crm-accordion-header:before,
.crm-container .collapsed div.crm-accordion-header:before,
.crm-container .crm-collapsible.collapsed .collapsible-title:before,
.crm-container span.collapsed:before,
.crm-container a.collapsed:before,
.crm-container .crm-expand-row:before,
.crm-container details > summary:before {
  font-family: "FontAwesome";
  display: inline-block;
  width: 1em;
  content: "\f0da";
  font-size: inherit;
  color: var(--vvv-dark-gray);
}

/* Expanded icon */
.crm-container div.crm-accordion-header:before,
.crm-container .crm-collapsible .collapsible-title:before,
.crm-container span.expanded:before,
.crm-container a.expanded:before,
.crm-container .crm-expand-row.expanded:before,
.crm-container details[open] > summary:before  {
  font-family: "FontAwesome";
  content: "\f0d7";
  width: 1em;
}

/* Body */
.crm-container div.collapsed .crm-accordion-body,
.crm-container div.crm-collapsible.collapsed .collapsible-title+* {
	display: none;
}
.crm-container .crm-expand-row {
	min-width: 16px;
	min-height: 16px;
	display: inline-block;
}
.crm-search_filters-accordion {
	background-color: white;
}
#crm-container .widget-controls,
#crm-container .widget-content .crm-accordion-header {
	padding: 8px !important;
	background-image: unset !important; 
}
#crm-container .widget-controls .crm-i {
	color: var(--v-dark-gray) !important;
}
#crm-container .widget-content,
#crm-container .widget-content .crm-accordion-body {
	border-top: 1px solid var(--light-gray);
	padding: 14px 0 0 0;
	background-color: transparent !important;
}
#crm-container .widget-content .crm-accordion-body {
	padding: 10px;
}	
.crm-container .crm-accordion-body {
	border-radius: 0 0 4px 4px;
	color: var(--vvv-dark-gray);
	border: 1px solid var(--light-gray);
	padding: 0.75rem;
	margin: 0;
}
.crm-container .ui-tabs-panel .crm-accordion-body > div {
	padding: 0;
}
.crm-container .ui-tabs-panel .crm-accordion-body .description {
	margin: -5px 0 5px 8px;
}
.crm-container .crm-master-accordion-header+.crm-accordion-body {
	border: none;
}
.crm-container .crm-child-row>td {
	padding-left: 1.8em;
}
.crm-container .crm-search-form-block,
.crm-container .crm-report-instanceList-form-block {
	padding: 0;
	border: 0 solid transparent;
}

* Misc */

.crm-container a.crm-expand-row:before,
.crm-container a.crm-expand-row:link::before,
.crm-container a.crm-expand-row:visited::before {
	color: var(--vvv-dark-gray);
}

/* 
	
	TABS
	
*/

.crm-container .crm-contact-tabs-list li.crm-tab-button {
	border-bottom: 0 none;
	float: right;
	padding: 0 0 1px;
	position: relative;
	top: 1px;
	white-space: nowrap;
	float: right;
	width: 160px;
}
.crm-container .ui-tabs .ui-tabs-nav {
	background: transparent;
	padding: 0;
	border: 0 solid transparent;
	border-radius: 0;
	margin-bottom: 0 !important;
}
.crm-container .crm-contact-tabs-list .ui-tabs .ui-tabs-nav {
	border-bottom: 1px solid var(--light-gray);
}
.crm-container .crm-contact-tabs-list {
	background: transparent;
	padding: 0;
	border: 0 solid transparent;
	border-radius: 0;
	margin: -1px -1px 0 0;
	width: 180px;
	float: left;	
}
.crm-container .crm-tab-button a,
.crm-container .ui-tabs .ui-tabs-nav li a,
.crm-container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	font-size: 0.9rem;
}
.crm-container li.crm-tab-button {
	margin: 0 2px 2px 0;
}
.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0;
	border: none;
}
#crm-container div.ui-accordion-content {
	padding: .5em 1em !important;
}
#crm-container .ui-tabs-panel {
	padding: 4px;
	min-height: 12em;
}
#crm-container .ui-tabs-panel .action-link {
	margin-bottom: 15px;
}
#crm-container div.contact_details {
	padding: 0;
	line-height: 1.4em;
	clear: both;
}
.crm-container .crm-clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.crm-container div#alpha-filter {
	background-color: var(--vv-light-gray);
	margin: 15px 0 15px;
	padding: 5px 10px 5px;
	border-radius: 3px;
}
.crm-container #alpha-filter li {
	font-weight: 600;
	padding: 2px 5px 0;
	font-size: 1rem;
}
.crm-container #alpha-filter a {
	color: var(--vvv-dark-gray);
	border-color: var(--blue);
}
.crm-container .crm-tab-button a, 
.crm-container .ui-tabs li a {
	padding: 8px 10px;
	line-height: 23px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: var(--vv-dark-gray);
	background-color: transparent;
	margin: 0 5px 0 0;
}
.crm-container .crm-contact-tabs-list .crm-tab-button a, 
.crm-container .crm-contact-tabs-list .ui-tabs li a {
	padding: 9px 10px 9px 16px;
	border-radius: 4px 0 0 4px;
	margin: 0 0 5px 0;
	float: right !important;
}
#crm-container li.crm-tab-button.ui-state-active a, 
#crm-container li.crm-tab-button a:hover,
#crm-container li.crm-tab-button a:focus,
#crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#crm-container .ui-tabs .ui-tabs-nav li a:hover,
#crm-container .ui-tabs .ui-tabs-nav li a:focus {
	color: var(--vv-dark-gray);
	background: var(--vvv-light-gray);
	border: 1px solid var(--light-gray);
	border-bottom-color: transparent;
	cursor: pointer;
	text-decoration: none;
}
#crm-container .crm-contact-tabs-list li.crm-tab-button.ui-state-active a, 
#crm-container .crm-contact-tabs-list li.crm-tab-button a:hover,
#crm-container .crm-contact-tabs-list li.crm-tab-button a:focus,
#crm-container .crm-contact-tabs-list .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#crm-container .crm-contact-tabs-list .ui-tabs .ui-tabs-nav li a:hover,
#crm-container .crm-contact-tabs-list .ui-tabs .ui-tabs-nav li a:focus {
	border-right-color: transparent;
	border-bottom-color: var(--light-gray);
	text-decoration: none;
}
#crm-container #mainTabContainer {
	border: 0 solid transparent;
	background: transparent;
	padding: 0;
}
#crm-container #mainTabContainer > .ui-tabs-panel {
	padding: 10px 15px;
	border: 1px solid var(--light-gray);
	border-radius: 0 4px 4px 4px;
	background: var(--vvv-light-gray);
	float: left;
	margin-top: -2px;
	margin-bottom: 20px;
	width: calc(100% - 30px);
}
#crm-container #mainTabContainer li.crm-tab-button {
	border: 0 solid transparent !important;
	margin: 0 !important;
}
#crm-container #mainTabContainer li.crm-tab-button.ui-tabs-selected {
	border: 0 solid transparent !important;
}
#crm-container .contact-summary-contribute-tab {
	padding-top: 5px;
}
#crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel {
	width: calc(100% - 225px);
	min-height: 500px;
	margin-top: 0;
}
#crm-container #secondaryTabContainer > .ui-tabs-panel {
	padding: 10px;
	border: 1px solid var(--light-gray);
	background: white;
	border-radius: 0 4px 4px 4px;
	margin-top: -2px;
}
.crm-container .ui-tabs .panel li a {
	color: white;
	border-radius: 0;
}
.crm-container table.display td {
 	padding: 6px 10px;
}
.crm-container div.contact_panel td,
#crm-container div.crm-summary-row {
	background-color: var(--vv-light-gray) !important;
}
.crm-container #extensions td,
.crm-container #extensions table.crm-info-panel td {
	padding: 4px;
}
.crm-container .extension-installed {
	background-color: var(--light-green) !important;
}
.crm-container .crm-tab-button a em,
.crm-container li.crm-tab-button.ui-state-active a em, 
.crm-container li.crm-tab-button a:hover em,
.crm-container li.crm-tab-button a:focus em {
	color: var(--mid-gray);
}
#crm-container #secondaryTabContainer .ui-tabs-panel,
#crm-container #secondaryTabContainer li.crm-tab-button.ui-state-active a, 
#crm-container #secondaryTabContainer li.crm-tab-button a:hover,
#crm-container #secondaryTabContainer li.crm-tab-button a:focus,
#crm-container #civicrm-news-feed li.crm-tab-button.ui-state-active a, 
#crm-container #civicrm-news-feed li.crm-tab-button a:hover,
#crm-container #civicrm-news-feed li.crm-tab-button a:focus {
	background: white;
} 
/* Dashboard news tab */

#secondaryTabContainer {
	border: 0 solid transparent;
	background: transparent;
}
#civicrm-news-feed .crm-news-feed-item-link {
	padding: 0 5px 5px;
	text-align: right;
}
#civicrm-news-feed .ui-tabs-panel {
	padding: 10px;
	border: 1px solid var(--light-gray);
	border-radius: 0 0 3px 3px;
	margin-top: -3px;
}
.crm-container .crm-tab-button a em {
	color: var(--vv-dark-gray);
	font-style: normal;
}
#civicrm-news-feed .crm-tab-button a em {
	display: inline-block;
	padding: 1px 0 0 0;
    min-width: 18px;
    height: 18px;
	font-size: 0.8rem;	
	font-weight: 600;
	line-height: 0.9rem;
	color: white;
	background-color: var(--blue);
	border-radius: 18px;
}

/*
	
	COMPONENTS
	
*/

/* Chart */

#chartData {
	overflow: auto;
}
#ContributionCharts .ui-tabs-nav li a {
	background: var(--vv-light-gray) !important;
	border-radius: 4px;
}
#ContributionCharts .ui-tabs-nav li.ui-state-active a  {
	background: var(--mid-gray) !important;
	border-radius: 4px;
}
/* Maps */

#crm-container #Map img {
	max-width: none;
}

/* Events */

#crm-container tr.subevent td.event-title,
#crm-container tr.subevent td.event-info {
	padding-left: 3em;
}
.crm-container a.crm-event-feed-link {
	margin: 0 1px;
	color: var(--vv-dark-gray);
	display: inline-block;
	font-size: 10px;
	padding: 2px 2px 0;
	vertical-align: bottom;
}
.crm-container a.crm-event-feed-link:hover {
	color: var(--blue);
}
.crm-container #event_status_id td a.bold {
	font-size: 0.9rem;
}

/* Dashboard */

#crm-container .widget-content table {
	background: var(--vvv-light-gray);
}
#crm-container #civicrm-getting-started #help {
	margin: 14px;
}
#crm-container .widget-content table .crm-i {
	padding: 0 0 0 8px;
}
#crm-container .widget-content table td {
	padding: 6px;
}
#crm-container .crm-dashlet {
	box-shadow: none;
	border: 1px solid var(--v-light-gray);
}
#crm-container .widget-content h3,
#crm-container .crm-dashlet-content h3 {
	border-bottom: 1px solid var(--mid-gray);
	border-top: 1px solid var(--light-gray);
	padding: 8px 14px;
} 
#crm-container #civicrm-news-feed,
.crm-container .crm-dashlet-content {
	background: var(--vvv-light-gray) !important;
}
.crm-container .crm-dashlet-header h3 {
	margin-bottom: 0 !important;
}
.crm-container .crm-dashlet-header a {
	color: inherit !important;
}
#crm-container .crm-inactive-dashlet-fieldset > legend {
	height: auto;
	border: 0 solid transparent;
	padding: 0;
	background-color: transparent;
}
#crm-container .crm-inactive-dashlet-fieldset > legend .crm-hover-button {
	background-color: var(--vv-light-gray);
	padding: 6px 14px;
	border-radius: 3px;
}
#crm-container .crm-inactive-dashlet-fieldset > legend .crm-hover-button:hover,
#crm-container .crm-inactive-dashlet-fieldset > legend .crm-hover-button:focus {
	background-color: var(--light-gray);
	color: var(--vvv-dark-gray);
}
#crm-container fieldset.crm-inactive-dashlet-fieldset > div {
	background-color: transparent; 
}
#crm-container #civicrm-dashboard > .crm-flex-box {
	margin: 0;
}

/* Admin settings */

#crm-container .admin-section-items {
	margin-bottom: 15px
}

/* Search */

/* search page styles */

.crm-container .crm-search-tasks,
.crm-container .crm-tasks {
	margin-bottom: 10px;
	padding: 4px;
}
.crm-container .crm-search-results {
	margin-bottom: 4px;
	padding: 0;
}
.crm-container #search-status {
	border: none;
	font-size: 0.8rem;
	font-weight: normal;
}
.crm-container #search-status ul {
	margin: 0;
}
.crm-container #search-status ul li,
#crm-container ul.left-alignment li {
	display: list-item;
	margin-left: 2em;
	list-style-position: inside;
}
.advanced-search-fields .search-field__span-2 {
	margin-left: 0;
	padding: 0;
}
.crm-container .reset-advanced-search {
	margin-top: 5px;
}
.task-civicrmcontactsearchcustomlist .action-link {
	margin: 0 15px;
}

/* Search results */

.crm-container .crm-search-tasks,
.crm-container .crm-tasks {
	color: var(--vv-dark-gray);
}
#crm-container .crm-tasks table {
	margin: 0;
}
.crm-container .crm-results-block {
	position: relative;
}

/* Person Campaign Pages */

#crm-container table.campaign th,
.crm-container table.campaign td,
#crm-container table.campaign,
#crm-container table.campaign table.form-layout td {
	font-size: 9pt;
	border: 0;
	width: auto;
	vertical-align: top;
}
#crm-container table.campaign table {
	background: var(--vvv-light-gray);
}
#crm-container div.remaining {
	background-color: var(--blue);
}
#crm-container div.achieved {
	background-color: var(--success-colour);
}
#crm-container .honor_roll {
	margin: 1em 20px 0 0;
	padding: 10px;
	width: 120px;
	background-color: var(--vv-light-gray);
	border: 1px solid var(--v-dark-gray);
	height: 220px;
	overflow: hidden;
}
#crm-container .thermometer-wrapper,
#crm-container .honor-roll-wrapper {
	float: left;
	width: 150px;
	margin-left: 1em;
}
#crm-container .thermometer-fill-wrapper {
	background-color: var(--blue);
	height: 220px;
	position: relative;
	margin: 1em 0 1.5em 0;
}
#crm-container .thermometer-fill {
	background-color: var(--success-colour);
	bottom: 0;
	left: 0;
	position: absolute;
	width: 38px;
}
#crm-container .thermometer-pointer {
	padding-left: 45px;
	position: absolute;
	top: -10px;
	line-height: 1em;
}
#crm-container .pcp-intro-text {
	padding-bottom: 1em;
}
#crm-container .pcp-image {
	float: left;
	margin: 0 1em 1em 0;
}
#crm-container .pcp-image img {
	max-width: 360px;
}
#crm-container .pcp-widgets {
	border: 1px solid var(--mid-gray);
	float: right;
	margin: 0 0 1em 1em;
	padding: 0.5em;
}
#crm-container .pcp_honor_roll_entry {
	margin-bottom: 1em;
}
#crm-container .pcp-honor_roll-nickname {
	font-weight: bold;
}
#crm-container .pcp-donate {
	height: 24px;
}
#crm-container a.pcp-contribute-button {
	font-weight: bold;
}
#crm-container .pcp-create-your-own {
	clear: left;
	margin: 1em 0;
}
#crm-container .pcp-page-text {
	margin-bottom: 1em;
}

/* Profile */

/*class for CMS user name check used in profile*/
.crm-container .cmsmessagebox {
	position: absolute;
	width: auto;
	margin-left: 10px;
	padding: 3px;
}
/* Settings */

.page-civicrm-admin-configtask #crm-container tr td {
	font-size: 0.9rem;
	padding: 8px;
}
#crm-container td.tasklist a:link {
	color: var(--red);
}
.task-civicrmadminaccess #crm-container .report td,
.page-civicrm-admin-access #crm-container .report td {
	border: 0 solid transparent;
}
.crm-container .crm-joblog-data {
	border-top: 0 solid transparent !important;
}

/* CRM Designer */

.crm-profile-selector-preview-pane {
	border: 5px solid var(--light-gray) !important;
	padding: 10px !important;
	background: white;
	margin: 5px 0;
}
.crm-container .crm-profile-selector-preview-pane .crm-form-block {
	background: transparent;
}
.crm-designer-palette .crm-designer-palette-field:hover, 
.crm-designer-fields-region .crm-designer-row:hover, 
.crm-designer-open .crm-designer-row, .crm-designer-row-placeholder {
	background-color: var(--vv-light-gray);
	border: 1px dotted var(--dark-gray);
}
.crm-designer-field-binding {
	border: 1px solid var(--dark-gray);
	background: var(--mid-gray);
}
.crm-designer-row .crm-designer-buttons a {
	border: 0 solid transparent;
	font-size: 1rem;
	padding: 6px;
}
.crm-designer-row .crm-designer-buttons a.crm-designer-action-settings:hover {
	background-color: var(--light-gray);
	box-shadow: none;
}
.crm-designer-buttonset-region {
	text-align: right;
}

/* CiviCase */

#crm-container div.crm-case-dashboard-buttons {
	height: 33px;
}
#crm-container div.crm-case-dashboard-switch-view-buttons {
	float: right;
}

/* Reports */

#crm-container .report-layout {
	border: none;
}
#crm-container .reports-header-right {
	text-align: right;
}
#crm-container .report-contents {
	padding: 4px;
	width: 20%;
	white-space: normal;
	background-color: transparent;
	font-size: 0.9rem;
}
#crm-container .report-contents-right {
	border: 1px solid var(--mid-gray);
	padding: 4px;
	font-size: 0.9rem;
	text-align: right;
}
#crm-container table.report-layout td {
	padding: 4px;
	border-bottom: 1px solid var(--mid-gray);
	vertical-align: top;
}
#crm-container table.report-layout tr,
#crm-container table.report-layout tr strong,
#crm-container .crm-report-templateList-title,
#crm-container .crm-report-templateList-title a {
	font-size: 0.9rem;	
}
#crm-container .crm-report-templateList-title > div {
	font-size: 0.9rem;
	float: right;
	margin: 0;
}
#crm-container .report-label {
	text-align: right;
	font-weight: bold;
}
#crm-container table.report-layout th.report-contents {
	background-color: var(--vvv-light-gray);
}
#crm-container table.report-layout th.statistics {
	width: 5%;
	white-space: nowrap;
}
.crm-container .report-pager .crm-pager-nav a {
	color: black;
}
.crm-pager .ui-widget.ui-widget-content {
	border: 0 solid transparent;
}
.crm-pager .ui-widget.ui-widget-content input {
	margin: 0;
	border: 0 solid transparent;
	background: var(--mid-gray);
}
.form-item.float-right .ui-widget.ui-widget-content input {
	margin: 0;
	border: 0 solid transparent;
	width: 50px;	
}
#crm-container .crm-report-field-form-block {
	background: transparent;
	border: 0px solid transparent;
	padding: 10px;
}
#crm-container .crm-report-form-block {
	padding: 15px;
	background: var(--vvv-light-gray);
	border: 1px solid var(--light-gray);
}

/* Misc (maybe reports) */

.crm-container table.criteria-group {
	margin-bottom: .1em;
}
#crm-container table.view-layout {
	margin: 0;
	border-collapse: collapse;
	border: 0 none;
}
#crm-container table.view-layout .label {
	color: DimGray;
	font-size: 0.9rem;
	vertical-align: top;
	font-weight: bold;
	margin-right: 10px;
	background-color: var(--v-light-gray);
	width: 20%;
}
#crm-container th.contriTotalRight {
	border-right: 1px solid var(-v-dark-gray);
}
#crm-container th.contriTotalLeft {
	border-left: 1px solid var(-v-dark-gray);
}

/* Contact summary page */

#crm-container div.contact_details {
	background-color: transparent;
}
#crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help {
	background-color: var(--light-gray);
}
.crm-container div.contact_panel td.label,
.crm-container #customFields div.contact_panel td.label {
	background-color: var(--vvv-light-gray);
	width: 120px;
	text-align: left;
	color: var(--vv-dark-gray);
	font-weight: 600;
}
.crm-container table.crm-info-panel td.label {
	width: 150px;
}
.crm-container .form-layout td.label,
.crm-container .form-layout-compressed td.label {
	width: 220px;
	text-align: right;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.crm-container .form-layout td.label,
.crm-container form table.report .label,
.crm-container form table label,
.crm-container form table.report label {
	color: var(--vv-dark-gray);
	font-weight: normal;
	font-size: 0.9rem;
/*	padding-top: 9px; */
	vertical-align: top;
}
.crm-container .CRM_Contact_Form_Search_Basic .crm-form-block {
	padding: 0 !important;
	border: 0 solid transparent;
}
.crm-container .CRM_Contact_Form_Contact .crm-form-block {
	background: transparent;
}
#crm-container div.crm-summary-row div.crm-content {
	padding: 5px 10px !important;
	float: left;
	margin-left: 0 !important;
}
#crm-container div.crm-summary-row div.crm-label {
	color: var(--vv-dark-gray) !important;
	line-height: 26px;
	padding: 5px 10px ;
	min-width: 150px;
}
#crm-container div.contactCardRight,
#crm-container div.contactCardLeft {
	width: 50%;
}
#crm-container div.crm-summary-contactname-block {
	margin: -5px 0 -20px 180px;
}
crm-container .ac_results {
	padding-top: 5px;
	border: none;
	text-align: left;
}
.crm-container .crm-tooltip-wrapper,
.ac_results-inner,
.crm-participant-list-inner,
.crm-event-links-list-inner,
.crm-contribpage-links-list-inner,
.crm-contact-actions-list-inner {
	border-radius: 3px;
	background-color: var(--v-light-gray);
	color: var(--vvv-dark-gray);
	border: 1px solid var(--dark-gray);
}
.crm-create-new-list-inner, .crm-create-new-list-inner ul {
	width: 160px!important;
}
.ac_results li a {
 	display: block;
}
.crm-container .ac_results .contact-print {
	margin-left: -10px;
}
.crm-container .ac_results li,
.crm-container .ac_results li a,
.crm-container .ac_results li a:visited {
	color: var(--vv-dark-gray);
	text-decoration: none;
}
.crm-container .ac_results li strong {
	color: white;
	font-weight: normal;
}
.crm-container .ac_results li .icon,
.crm-container .ac_results li a .icon,
.crm-container .ac_results li a:visited .icon {
 	background-image: url(../images/jquery-ui-FFFFFF.png);
}
.crm-container .ac_results li a:hover .icon {
 	background-image: url(../images/jquery-ui-3E3E3E.png);
}
#crm-container .ac_results li {
	float: none;
	padding: 9px 13px;
	margin: 0;
	line-height: 0.95rem;
	white-space: initial;
}
.crm-container .ac_results li:hover,
.crm-container .ac_results li:hover a,
.crm-container .ac_results li a:hover {
	background-color: var(--vvv-light-gray);
	color: var(--vvv-dark-gray);
}
.crm-container .ac_results li:hover strong {
 	color: black;
}
.crm-container .crm-summary-link {
	position: relative;
	z-index: 16;
}
.crm-container .crm-summary-link .crm-icon {
	display: inline;
	margin: -1px 5px 0px 0;
	width: 25px;
}
/* Tooltips */

.crm-container .crm-tooltip-wrapper {
	left: -15px;
	position: absolute;
	top: 20px;
	overflow: hidden;
	padding: 10px;
	z-index: 1000;
	font-size: 0.8rem;
	display: none;
}
.crm-container .crm-tooltip-down .crm-tooltip-wrapper {
	overflow: visible;
}
.crm-container .crm-tooltip-active {
	z-index: 20;
}
.crm-container .crm-tooltip-active .crm-tooltip-wrapper {
	display: block;
}
#crm-container .crm-tooltip table,
#crm-container .crm-tooltip table tr td {
	color: var(--vvv-dark-gray);
	background-color: transparent;
	border: none;
	word-wrap: break-word;
}
/* CiviMail */
.crm-container .crmMailing .preview-contact,
.crm-container .crmMailing .preview-popup,
.crm-container .crmMailing .preview-group {
	text-align: left;
}
.crm-container .crmMailing .preview-contact,
.crm-container .crmMailing .preview-popup {
	border-right: 1px solid var(--v-dark-gray);
	height: 100px;
}
.crm-container .crmMailing .preview-contact input,
.crm-container .crmMailing .preview-group .select2-container {
	margin: 10px 0;
}
/* API Explorer 4 */
#crm-main-content-wrapper #bootstrap-theme form {
	min-width: auto;
	min-height: inherit;
}
/* Groups */

#crm-container .crm-group-parent td.crm-group-name {
	padding-left: 20px;
	text-indent: -20px;
}
#crm-container .crm-group-child td.crm-group-name.level_2 {
	padding-left: 40px;
	text-indent: -20px;
}
#crm-container .crm-group-child td.crm-group-name.level_3 {
	padding-left: 60px;
	text-indent: -20px;
}
#crm-container .crm-group-name span.crm-editable-enabled {
	text-indent: 0;
}
#crm-container div.crm-row-parent-name {
	padding: 3px 0 0 .5em;
	opacity: 0.75;
}
#crm-container td span.show-children,
#crm-container td span.crm-no-children {
	padding-left: 20px;
}

/*
	
	FRONT END 
	
*/

/* Core */

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"],
#crm-container.crm-public input[type="email"],
#crm-container.crm-public select {
	font-size: 0.9rem;
	padding: 5px;
	border-radius: 3px;
	vertical-align: middle;
	max-width: 100%;
}
#crm-container.crm-public .label,
#crm-container.crm-public .price-field-amount {
	padding-top: 6px;
	font-size: 0.9rem;
}
.crm-container.crm-public .select2-container,
.crm-container.crm-public .select2-results {
	font-size: 0.9rem;
}
.crm-container.crm-public .select2-container * {
	box-sizing: content-box;
}
.crm-container.crm-public .select2-container .select2-choice {
	padding: 5px 5px 5px 8px;
}
.crm-container.crm-public .select2-container-multi .select2-choices {
	padding: 4px;
}
.crm-public .select2-container .select2-choice .select2-arrow {
	width: 20px;
}
.crm-public .select2-container .select2-choice .select2-arrow b {
	position: relative;
	top: 2px;
	left: 2px;
}
.crm-container.crm-public .select2-container-multi .select2-choices .select2-search-choice {
	padding: 3px 3px 3px 20px;
}
.crm-container.crm-public .select2-container-multi .select2-choices:before {
	top: 9px;
}
.crm-public .crm-profile-view .content {
	padding-top: 6px;
}
#crm-container.crm-public .calc-value,
#crm-container.crm-public .content {
	padding-top: 6px;
	font-size: 0.9rem;
}
#crm-container.crm-public .crm-section {
	margin-bottom: 0;
}
#crm-container.crm-public #crm-submit-buttons {
	margin-top: 30px;
}
/* Price Sets */

#crm-container #pricevalue {
	font-size: 1rem;
	font-weight: bold;
}
#crm-container.crm-public .price-set-row {
	font-size: 0,9rem;
	margin-bottom: 5px;
}
#crm-container.crm-public .price-set-row input,
#crm-container.crm-public .price-set-row label {
	vertical-align: middle;
	cursor: pointer;
}
#crm-container.crm-public .price-set-row .crm-price-amount-amount {
	min-width: 2em;
	color: var(--vvv-dark-gray);
}
#crm-container.crm-public .price-set-row .crm-price-amount-label {
	color: var(--vv-dark-gray);
	font-weight: bold;
}
#crm-container.crm-public .price-set-row .highlight label {
	color: black;
	font-weight: bold;
}
#crm-container.crm-public .price-set-row .highlight .crm-price-amount-label {
	color: var(--vvv-dark-gray);
}
#crm-container.crm-public .price-set-option-content>tt {
	display: none;
}
#crm-container .sold-out-option,
#crm-container .price-set-row span.sold-out-option .crm-price-amount-label,
#crm-container .price-set-row span.sold-out-option .crm-price-amount-amount {
	font-style: italic !important;
	font-weight: normal !important;
	font-size: 1rem;
	color: var(--vv-dark-gray) !important;
}
/* Premium listings */

#crm-container.crm-public #premiums-listings {
	margin-top: 10px;
	min-width: 450px;
	width: 60%;
}
#crm-container.crm-public #premiums-listings .premium {
	margin: 5px 0;
}
#crm-container.crm-public #premiums-listings .premium .premium-short {
	padding: 10px;
	border: 2px solid white;
	background-color: var(--vv-light-gray);
	cursor: pointer;
}
#crm-container.crm-public #premiums-listings .premium .premium-short:hover {
	border: 2px solid var(--dark-gray);
}
#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail {
	float: left;
	width: 50px;
}
#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail img {
	width: 50px;
}
#crm-container.crm-public #premiums-listings .premium .premium-short-content {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
}
#crm-container.crm-public #premiums-listings .premium .premium-full {
	display: none;
	padding: 5px;
	border: 2px solid var(--mid-gray);
	background-color: white;
}
#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image {
	float: left;
	width: 200px;
	padding: 10px;
}
#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image img {
	width: 200px;
}
#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-title {
	text-align: center;
	font-size: 1.4fem;
	font-weight: bold;
	padding: 20px;
}
#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-min {
	font-size: 0.9rem;
	font-style: italic;
}
#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-short {
	text-align: center;
	font-size: 1.3rem;
	padding: 10px;
}
#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-full {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 10px;
}
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-short,
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-image,
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-title,
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-description,
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-options,
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-min {
	opacity: 0.5;
}
#crm-container.crm-public #premiums-listings .premium .premium-full-disabled {
	display: none;
}
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full-disabled {
	display: block;
	color: var(--red);
	text-align: center;
	font-weight: bold;
	margin-bottom: .5em;
}
/*
	
	 LIBRARIES
	 
*/

/* Jquery UI */

.crm-container .paging_two_button .ui-button {
	float: left;
	cursor: pointer;
}
.crm-container .paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
}
.crm-container .dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}
.crm-container .paging_full_numbers {
	width: 350px !important;
}
.crm-container .dataTables_wrapper .ui-toolbar {
	padding: 5px;
}
.crm-container .dataTables_paginate {
	width: auto;
}
.crm-container .dataTables_info {
	padding-top: 3px;
}
.crm-container div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.crm-container .blockUI.blockOverlay {
	background: url("../images/loading-overlay.gif") center center no-repeat white !important;
}
#crm-container .ui-widget-content .ui-state-default,
#crm-container .ui-state-default,
#crm-container .ui-widget-header .ui-state-default,
#crm-container .ui-state-active,
#crm-container .ui-widget-content .ui-state-active,
#crm-container .ui-widget-header .ui-state-active,
#crm-container a.ui-button:active,
#crm-container .ui-button:active,
#crm-container .ui-button.ui-state-active:hover,
#crm-container .ui-button,
#crm-container .ui-button.ui-state-disabled:hover,
#crm-container .ui-button.ui-state-disabled:active {
	border: 0 solid transparent;
	background: none;
}
.CRM_Contribute_Form_ContributionCharts .crm-tab-button.ui-state-active a,
.CRM_Contribute_Form_ContributionCharts .crm-tab-button.ui-state-default a {
	background-color: transparent;
	border: 0 solid transparent ;
}
/* Date picker */

#ui-datepicker-div {
    border: 8px solid var(--v-dark-gray);
	padding: 0;
	border-radius: 0 8px 8px 8px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 0 solid transparent;
	background: var(--light-gray);
	font-weight: normal;
	color: var(--vv-dark-gray);
	border-radius: 2px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,
.ui-state-hover, .ui-state-default .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
	border: 0 solid transparent;
	background: var(--v-dark-gray);
	color: white;
}
.ui-datepicker .ui-datepicker-header {
	background: var(--mid-gray);
	border: 0 solid transparent;
	margin: 0;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	font-family: FontAwesome !important;
	font-size: 14px;
	padding: 8px 5px 0px 5px;
	text-align: center;
	color: white;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	background-image: none;
}
.ui-datepicker .ui-datepicker-prev::before {
	content: "\f053";
}
.ui-datepicker .ui-datepicker-next::before {
	content: "\f054";
}

/* Angular */

.crm-container .crm-wizard-buttons .ng-scope {
	margin: inherit;
}
.crm-container .ng-scope .ui-widget.ui-widget-content {
	border: 0 solid transparent;
}
.crm-container .ng-scope .ui-tabs > div {
	padding: 10px;
	background: white;
	border: 1px solid var(--light-gray);
	border-radius: 0 4px 4px 4px;
	margin-top: -3px;
}
.crm-container .ng-scope  li.ui-tabs-active a {
	background: white !important;
}
.crm-container input.ng-invalid.ng-dirty,
.crm-container select.ng-invalid.ng-dirty,
.crm-container textarea.ng-invalid.ng-dirty,
.crm-container .crm-ui-datetime.ng-dirty input.incomplete,
.crm-container input.crm-form-text.ng-invalid.ng-dirty {
	border: 1px solid var(--danger);
}
.crm-container input.ng-valid, .crm-container input.ng-pristine, .crm-container textarea.ng-valid, .crm-container textarea.ng-pristine, .crm-container select.ng-valid, .crm-container select.ng-pristine {
	border: 1px solid var(--mid-gray);
}

/* Select2 */

.crm-container div.select2-container {
	min-width: 6em;
	font-size: 11px;
}
/* Add arrow icon to multi-selects */

.crm-container .select2-container-multi .select2-choices:before {
	background: url("../images/select2.png") no-repeat scroll 0 -4px;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 20px;
}
/* Add search icon to ajax multi-selects and opened multi-selects */

.crm-container .select2-container-multi.select2-container-active .select2-choices:before,
.crm-container .select2-container-multi.crm-ajax-select .select2-choices:before {
	background-position: right -26px;
}
.crm-container .select2-container-multi.loading .select2-choices:before,
.crm-container .select2-container.loading .select2-choice .select2-arrow b {
	background: url('../images/loading.gif') no-repeat center center;
}
.crm-container select {
	min-height: 32px;
}
.crm-container .select2-container-multi .select2-choices {
	min-height: 25px;
	border-radius: 3px;
	margin-bottom: 0;
	padding: 4px 6px 0 6px;
}
.crm-container .select2-container .select2-choice {
	padding: 0;
	min-height: 30px;
	margin-bottom: 0;
}
.crm-container .select2-container .select2-choice .select2-arrow {
	background: var(--vv-light-gray);
	border-radius: 0;
	border: 0 solid transparent;
	border-left: 1px solid var(--dark-gray);
	width: 21px;
	padding: 2px 0 0 4px;
}
.crm-container .select2-container-multi .select2-choices .select2-search-choice {
	padding: 6px 5px 6px 20px;
	margin: 0 6px 6px 0;
	box-shadow: none;
	background-image: none;
	background-color: var(--vv-light-gray);
	display: inline;
	border: 1px solid var(--dark-gray);
	line-height: 13px;
	border-radius: 3px;
}
.crm-container .select2-container-multi .select2-choices .select2-search-choice-close {
	padding: 0;
	height: 12px;
}
.crm-container .select2-container .select2-choice > .select2-chosen {
	padding: 0 6px 1px;
	box-shadow: none;
	background-image: none;
	background-color: white;
	border: 0 solid transparent;
	line-height: 30px;
	border-radius: 3px;
}
.crm-container .select2-container-multi .select2-choices .select2-search-field input {
	padding: 0;
	min-height: 20px;
	margin: 0;
}
.select2-drop-active {
	border: 1px solid var(--mid-gray);
	z-index: 100002;
}
.crm-container .select2-container .select2-choice abbr {
    right: 30px;
}
/* Add search icon to ajax single-selects */

.crm-container .crm-ajax-select .select2-arrow b {
	background-position: -39px -22px;
}
/* Restore normal icon when searchable field is open */

.crm-container .select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -18px 1px;
}
.select2-drop .crm-entityref-links {
	border-top: 1px solid var(--light-gray);
	margin-top: 9px;
}
.select2-drop .crm-entityref-filters {
	margin-top: 4px;
}
.select2-drop .crm-entityref-filters select,
.select2-drop .crm-entityref-filters input {
	border-radius: 3px;
	border: 1px solid var(--vv-light-gray);
	background-color: white;
	color: var(--vv-dark-gray);
	font-size: 0.8rem;
	max-width: 60%;
}
.select2-drop .crm-entityref-filters select:hover,
.select2-drop .crm-entityref-filters select:focus,
.select2-drop .crm-entityref-filters select.active,
.select2-drop .crm-entityref-filters input {
	border: 1px solid var(--v-dark-gray);
}
.select2-drop .crm-entityref-filter-value {
	margin-left: 1em;
}
.select2-drop .crm-entityref-filters input {
	padding-left: .5em;
	background-color: var(--vvv-light-gray);
}

/* Style autocomplete results */

.crm-container .select2-results {
	font-size: 0.8rem;
	padding: 0;
	text-align: left;
}
.crm-container .select2-results li,
.crm-container .select2-results .crm-select2-row,
.crm-container .select2-results .crm-select2-row-description p {
	padding: 0;
	margin: 0;
}
.crm-container .select2-results .crm-select2-row .crm-select2-row-label {
	font-size: 1.1rem;
}
.crm-container .select2-results .crm-select2-row-description p {
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: var(--v-dark-gray);
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}
.crm-container .select2-results .select2-highlighted>.select2-result-label .crm-select2-row-description p {
	color: var(--vv-light-gray);
}
.select2-container .crm-select2-row-description {
	display: none;
}
.crm-container .select2-results .crm-select2-icon {
	width: 20px;
	height: 100%;
	float: left;
}
.crm-container .select2-results .crm-select2-icon .crm-icon {
	width: 16px;
	height: 16px;
	margin: 0;
}
.crm-container .select2-results li.select2-no-results {
	padding-left: 4px;
	padding-top: 4px;
	margin-left: 4px;
}
.crm-container .select2-results li {
	margin: 0;
	padding: 0;
}
.crm-container .crm-action-menu .select2-default span.select2-chosen {
	color: var(--blue);
}
.crm-container .select2-container[class*=" fa-"]:before {
	display: none;
}
.crm-container .select2-results .select2-result.select2-disabled>.select2-result-label {
	opacity: .6;
	cursor: default;
}
/* Restore this property otherwise our css overrides it */

.select2-search input {
	box-sizing: border-box;
}
span.crm-select-item-color {
	display: inline-block;
	width: .8em;
	height: .7em;
	border-radius: 2px;
	border: 1px solid var(--mid-gray);
}
.crm-container .ui-progressbar-value {
	background-image: url("../images/pbar-ani.gif");
}

/* Modal */ 

.crm-container.ui-dialog {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	padding: 0;
	border: 1px solid var(--mid-gray);
	border-radius: 4px;
	max-height: calc(100vh - 200px) !important;
	overflow: scroll;
	background-color: var(--vvv-light-gray);
	z-index: 10001 !important;
}
.crm-container .ui-dialog-titlebar.ui-widget-header {
	background: none;
	background-color: rgba(0, 0, 0, 0);
	color: var(--vv-dark-gray);
	background-color: var(--light-gray);
	border: 0 solid transparent;
	border-radius: 4px 4px 0 0;
	min-height: 1.5rem;
	border-bottom: 1px solid var(--mid-gray);
	padding: 0.5rem 1rem 0.25rem;
}
.crm-container.ui-dialog .ui-dialog-content {
	padding: 0.5rem 1rem !important;
	height: auto !important;
	background: #fff;
}
.crm-container.ui-dialog .status,
.crm-container.ui-dialog .crm-block {
	border-radius: 0;
	margin-bottom: 0;
	background-color: transparent;
	border: 0 solid transparent;
	padding: 0;
}
.crm-container.ui-dialog.ui-resizable:before {
	display: block;
	content: " ";
	width: 16px;
	height: 16px;
	background: url("../images/jquery-ui-3E3E3E.png") no-repeat -80px -224px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.crm-container .ui-autocomplete-loading {
	background: white url('../images/loading.gif') no-repeat right center;
}
.crm-container .cke_dialog_background_cover {
	z-index: 10002; /* For CKE modals within a modal */
}
/* unset the styling for the li in jstree */

#crm-container #tagtree {
	height: 100%;
	max-height: 100%;
	overflow: initial;
}
#crm-container #tagtree ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#crm-container .ui-tabs #tagtree li a {
	padding: 0;
}
#crm-container .crm-tag-item {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 20px;
	border: 0 solid transparent;
}
#crm-container a.crm-tag-item {
	border-radius: 4px;
	padding: 2px 10px;
	font-size: 0.9rem;
}


/*
	
	RESPONSIVE 
	
*/

@media (max-width: 1100px) {
	#civicrm-dashboard ul {
		float: left !important;
		display: block;
		width: 100% !important;
		position: relative;
	}
	#crm-container div.contactCardRight, 
	#crm-container div.contactCardLeft {
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.crm-container .crm-section .label {
		width: 100%;
		text-align: left;
	}
	.crm-container .crm-section .content {
		margin-left: 0;
	}
	.crm-container .crm-accordion-body > div {
    	padding: 0 10px;
	}
	.crm-container .advanced-search-fields {
		display: block;
		grid-template-columns: none;
		width: calc(100% - 20px);
		padding: 10px;
	}
	.crm-container .advanced-search-fields .search-field {
		padding: 0;
	}
	.crm-container div.select2-container,
	.crm-container .form-layout input {
		max-width: 200px !important;
	}
	.crm-content-block a.ui-tabs-anchor span {
		display: none;
	}
	.crm-content-block a.ui-tabs-anchor a {
		width: 40px;
		text-align: right;
	}
	.crm-container .crm-contact-tabs-list {
		width: 50px;
	}
	#crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel {
		width: calc(100% - 90px);
		max-width: calc(100vw - 90px);
	}
	#crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel div.select2-container, 
	#crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel .form-layout input {
		max-width: 100px !important;
	}
	#crm-container div.crm-summary-contactname-block {
		margin: -5px 0 -20px 50px;
	}
	#crm-main-content-wrapper .crm-actions-ribbon {	
		margin: 0 0 10px 50px;
	}
	.crm-container .crm-flex-box {
		display: block;
	}
}

/* Form Builder */

#crm-container.crm-public .af-field-type-file {
  padding: 1rem 0;
  display: block;
}

/*
	
	CMS SPECIFIC
	
*/

/* Drupal 7 */

body.admin-menu.page-civicrm #branding,
body.path-civicrm header.content-header {
	position: relative;
	background-color: var(--vv-light-gray);
	margin-bottom: 5px;
}
body.page-civicrm table th {
	background: transparent;
}
@media (max-width: 768px) {
	body.admin-menu {
		margin: 0 -20px;
	}
}

/* Drupal 8+ */

body.path-civicrm tbody tr:hover, 
body.path-civicrm tbody tr:focus {
	background: inherit;
}
body.path-civicrm #crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel {
	margin-top: 1px;
	margin-left: -1px;
}
body.path-civicrm .crm-container tr {	
	border-bottom: 0 solid transparent;
}
body.path-civicrm .crm-container .crm-tab-button a, 
body.path-civicrm .crm-container .ui-tabs li a {
	border-radius: 4px 4px 0 0 !important;
}
body.path-civicrm .crm-container .crm-contact-tabs-list .crm-tab-button a, 
body.path-civicrm .crm-container .crm-contact-tabs-list .ui-tabs li a {
	border-radius: 4px 0 0 4px !important;
}
body.path-civicrm .crm-container .ui-tabs .ui-tabs-nav li {
	padding: inherit !important;
}
body.path-civicrm .crm-container th > a::after {
	border-bottom: 0 solid transparent;
}
body.path-civicrm .crm-container .panel {
	padding: inherit;
	background: inherit;
}
body.path-civicrm.crm-menubar-below-cms-menu > #civicrm-menu-nav ul#civicrm-menu {
	top: 39px;
	border-top: 1px solid var(--dark-gray);
}
body.path-civicrm .crm-container .btn-slide-active .panel {
	top: 20px;
}
body.path-civicrm .crm-container fieldset:not(.fieldgroup) > legend {
	position: relative;
	top: -10px;
	font-size: 0.9rem;
	letter-spacing: inherit;
}

/* Drupal 9+ Claro handling */

#crm-container .action-link {
	padding: 0; 
	margin-bottom: 0.5rem;
}
.crm-container .accordion {
	border: 0 solid transparent;
	background: transparent;
	color: inherit;
	box-shadow: none;
	border-radius: inherit;
}
.crm-container .panel {
	margin-block: 0;
}
.crm-container td {
	height: inherit;
}
body.ui-dialog-open .ui-widget-overlay {
	z-index: 10000 !important;
}
#block-claro-content .button {
	border: 1px solid var(--dark-gray) !important;
}
.crm-container .ui-widget {
	background: inherit;
}

/* Joomla */

body.admin.com_civicrm .disabled {
	opacity: 1;
}
body.admin.com_civicrm #sidebar-left {
	display: none;
}
body.com_civicrm .crm-container .collapse {
	height: auto;
}
body.com_civicrm #crm-container .form-layout td.label, 
body.com_civicrm .crm-container .form-layout td.label {
	width: 220px; /* overrides line 377 in joomla.css */
}
body.com_civicrm #crm-container ul.crm-contact-tabs-list {
	margin-right: -1px;
}
body.com_civicrm #crm-container .crm-contact-page #mainTabContainer > .ui-tabs-panel {
	width: calc(100% - 193px);
}
body.com_civicrm .dropdown-toggle::after {
	display: none;
}
body.com_civicrm #bootstrap-theme .form-group {
  margin-bottom: 5px !important;
}
body.com_civicrm a[target="_blank"]::before {
    display: none;
} 
body.admin.com_civicrm.layout-default #crm-qsearch label {
  color: var(--vvv-dark-gray);
}
body.admin.com_civicrm .crm-container details {
	background: transparent;
	border-radius: inherit;
}

/* Wordpress */

body.wp-admin #crm-container {
	margin: 25px 25px 0 0;
}
body.wp-admin .crm-container a:focus {
	color: inherit;
	box-shadow: none;
	outline: 0 solid transparent;
}
body.wp-admin .notice, div.error, div.updated {
	border: 0 solid transparent;
}
body.wp-admin .crm-container div.ui-notify-message.info div.icon {
	margin-top: -3px;
}
body.wp-admin .wp-core-ui .button {
	min-height: inherit !important;
}
body.wp-admin.toplevel_page_CiviCRM {
	background: white;
}
/* Reset WP backend min-height for buttons */
.wp-core-ui .crm-container .button {
	min-height: 0;
}
@media (max-width: 768px) {
	.wp-core-ui .button {
		min-height: inherit !important;
	}
}

/* Backdrop */

html.admin-bar  #crm-container .ui-state-default, 
html.admin-bar #crm-container .ui-widget-content .ui-state-default, 
html.admin-bar #crm-container .ui-widget-header .ui-state-default {
	background: transparent;
}
html.admin-bar .crm-container :not(.crm-footer) .messages.status .crm-i {
	background-color: var(--green);
	height: 100%;
}
html.admin-bar #crm-container :not(.crm-footer) .messages.status,
html.admin-bar .crm-container div.messages.status::before {
    background-color: var(--light-green);
}

/* ThemeTest */

.theme-test-snippets article > .panel {
	border: 1px solid var(--light-blue);
}
.theme-test-snippets article i.fa-check,
.theme-test-snippets article i.fa-check::before {
	color: #fff;
}
.theme-test-snippets article > .panel.canonical  {
	border-color: var(--green);
} 
.theme-test-snippets .canonical #bootstrap-theme .panel-info > .panel-heading {
	background-color: var(--light-green);
}