#crm-container.crm-public .price-set-row input, #crm-container.crm-public .price-set-row label {vertical-align: baseline;}

.admin #priceset .crm-section {display: flex; flex-direction: column;}
.admin #priceset .label {width: 100%; text-align: left;}
.admin #priceset .content {margin-left: 0; width: 100%; padding: 5px 5px 15px 0;}

.form-inline .btn-group, #afGuiEditor-palette-tabs li {display: inline-block!important;}

.CRM_Event_Form_ParticipantFeeSelection #priceset tr.crm-event-eventfees-form-block-price_set_amount + tr {display: flex; flex-direction: column;}
.CRM_Event_Form_ParticipantFeeSelection #priceset tr.crm-event-eventfees-form-block-price_set_amount + tr .crm-section {display: grid; grid-template-columns: 19% 81%;}
.CRM_Event_Form_ParticipantFeeSelection #priceset tr.crm-event-eventfees-form-block-price_set_amount + tr .crm-section .content {margin-left: 0;}

.crm-container .crm-marker {color: inherit;}

.crm-container .help, .crm-container #help {padding: inherit;}
.crm-container .help p {margin: 0;}

/* nav */
#civicrm-menu-nav:after {display: block; content: ""; clear: both;}

/* maps */
div.olControlZoom a {background: #003366!important;}

/* Mosaico */
#crm-mosaico.ui-front {z-index: 0;}
/* Mosaico composer - hiding the first template as that's a base template we don't want to be used */
/* prob no longer needed as there is now a config option to hide the base templates 
.mosaico-templates-wrapper {position: relative;}
.mosaico-templates-wrapper > div:nth-of-type(2):before {content: "DO NOT USE"; position: absolute; top: 100px; color: #dd2424; font-weight: 900; z-index: 100; font-size: 28px; transform: rotate(318deg); text-shadow: 0 0 5px #00f3ff;}
*/

/* search forms */
.search-field span.description {display: inline-block; margin-bottom: 0!important;}
.search-field #sortnameselect br, .search-field #groupselect br {display: none;}

/* donate page */
.donate-page .crm-title {display: none;}

/* contribution pages */
/* following two lines are needed b/c of a bug in the % field extension - it hides the good looking total amount, and displays the one with a weird $0.00 item listed */
#pricesetTotal {display: block!important;}
#totalWithPercentage {display: none;}

/* styling for CiviCRM due to replacing table selectors in the joomla.tpl file */    
#crm-content #sidebar-left {display: none;}
/* CiviCRM - CK Editor */
.cke_chrome {width: 100%!important;}
.cke_toolbar_break {clear: none!important;}
/* CiviCRM - mailing form content width */
@media only screen and (min-width: 1200px) {.crm-block.crm-form-block.crmMailing {width: 950px;}}
/* membership landing page */
/* won't NEED THIS FOR PROD */
.memlanding #sp-above-content {display: none;}
.memlanding #sp-header, .memlanding #sp-top-bar {background: #ffffff; box-shadow: none;}
.memlanding #sp-breadcrumbs, .memlanding #sp-menu, .memlanding #sp-search, .memlanding #sp-footer {display: none;}
@media only screen and (min-width: 600px) {.memlanding #intro_text.crm-public-form-item {width: 60%; float: left; padding-right: 65px!important;}}
@media only screen and (min-width: 600px) {.memlanding .crm-public-form-item {width: 40%; float: left;}}
.memlanding .crm-section.is_recur-section:before, .memlanding .crm-section.auto-renew:before {display: none;}
.crm-section.auto-renew:before {margin-top: inherit;}
.memlanding #pricesetTotal {display: none;}
.memlanding #crm-container legend {padding: inherit;}
.memlanding .crm-profile .label, .memlanding #payment_information .label {float: left!important; width: 25%!important;}
.memlanding .crm-profile .content, .memlanding #payment_information .content {margin-left: 27%!important;}
.memlanding .crm-container input.crm-form-text {width: 96%!important;}
.memlanding .crm-section .select2-container {width: 100%!important;}
.memlanding .premium_block-section, .memlanding #onBehalfOfOrg, .memlanding .cms_user-section, .memlanding #helprow-custom_42 {display: none;}
.memlanding #crm-container.crm-public .crm-section, .crm-section {margin-bottom: 0!important; padding: 0;}
@media only screen and (min-width: 600px) {.memlanding #billing-payment-block, .memlanding #crm-submit-buttons, .memlanding #footer_text {float: none; width: 560px; margin: 0 auto;}}

#crm-container .geotag {background: none; padding: 2px 0!important;}
#crm-container .geotag:before {padding-right: 5px; content:"\f041"; font: normal normal normal 16px/1 FontAwesome;}

.label {background: transparent; font-size: inherit; color: #003366;}
.title {color: #003366;}
.crm-container .action-link {margin: 15px 0;}
#crm-container div.crm-summary-row {margin-bottom: 5px; background-color: transparent; border-top: none;}
#crm-container div.crm-summary-row div.crm-label, div.crm-container label {padding: 5px 4px 0 0; color: #003366;}
#crm-container div.crm-summary-row div.crm-content {padding: 8px; background-color: #edf0f4; min-height: 20px;}
.crm-container .crm-form-block {background-color: #edf0f4;}

/* pop-up forms */
.ui-dialog {padding: 0; border-radius: 0;}
.crm-container .ui-dialog-titlebar.ui-widget-header {background: #003366; border-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius: 0;}

/* menus */
/* #civicrm-menu {height: 41px;} */
#civicrm-menu-nav {font-size: 16px;}
#civicrm-menu li a {color: #ffffff;}
#civicrm-menu li a:hover, #civicrm-menu li a:active, #civicrm-menu li a.highlighted {background-color: #282828; color: #88bb33;}
#civicrm-menu li li a {padding: 10px 36px 10px 10px;}
#civicrm-menu li li a {background-color: #282828;}
#civicrm-menu li li a:hover, #civicrm-menu li a:active, #civicrm-menu li li a.highlighted {background-color: #282828; color: #88bb33;}
#civicrm-menu li.crm-menu-border-bottom:not(:last-child) {border-bottom: 2px solid #484848;}
.crm-quickSearchField input[type="radio"] {width: 15px; height: 15px; margin: -5px 0 0 -2px; border: 2px solid #ffffff;}
.crm-quickSearchField input[type="radio"]:checked:before {text-shadow: 0 0 3px #ffffff;}
.crm-quickSearchField label {color: #ffffff;}
#crm-container .ac_results li {padding: 6px 0;}

/* forms */
input[type="text"], input[type="email"] {border: 1px solid #003366; border-radius: 0;}
input[type="checkbox"] {position: relative; vertical-align: baseline; width: 16px;}
input[type="checkbox"]:before {position: absolute; content: " "; display: inline-block!important; width: 16px; height: 16px; border: 2px solid #003366; -webkit-appearance: button; border-radius: 2px; background-color: #fff; padding: 1px!important; line-height: inherit!important;}
.admin.com_civicrm input[type="checkbox"]:checked:after {position: absolute; top: -3.5px; color: #003366; content: "\f00c"; font-family: FontAwesome;}
input[type="radio"] {position: relative; margin: 3px 5px 2px 0; width: 14px; height: 15px; border: 2px solid #003366; -webkit-appearance: button; border-radius: 9px; padding: initial; vertical-align: text-bottom;}
input[type="radio"]:checked:before {position: absolute; top: -6px; color: #003366; content: "\f111"; font-size: 16px; font-family: FontAwesome;}
.admin.com_civicrm input[type="radio"]:checked:before {top: -4px;}
.form-horizontal .checkbox, .form-horizontal .radio {min-height: inherit;}
.com_civicrm select, .crm-container input.crm-form-text {/*width: 190px!important;*/ height: 25px!important; border-radius: 0; border: 1px solid #003366!important; color: #003366;}
.com_civicrm select[multiple="multiple"] {height: inherit!important;}
.crm-container div.select2-container {min-width: 197px; font-size: 14px;}
.select2-container-multi .select2-choices {min-width: 190px; border: 1px solid #003366;}
.crm-container .select2-container-multi .select2-choices {min-height: 28px;}
.crm-container .select2-container-multi .select2-choices:before {background: none; content: "\f0d7"; font-family: FontAwesome; color: #003366;}
.select2-container .select2-choice {height: 28px; border: 1px solid #003366; border-radius: 0;}
.crm-container select.crm-form-select, .crm-container select.crm-form-date {border-radius: 0; height: 30px!important;}
.select2-container .select2-choice .select2-arrow {border-left: none; background: none;}
.select2-container .select2-choice .select2-arrow:before {content: "\f0d7"; font-family: FontAwesome; color: #003366;}
.select2-with-searchbox input[type="text"] {width: 100%!important;}
#Email_Block_1 td {text-align: 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: #003366;}
input.crm-form-radio + label, input.crm-form-checkbox + label {margin: 0 10px 0 0;}
.crm-container .select2-container-multi .select2-choices .select2-search-choice {border-radius: 0; padding: 5px 5px 5px 18px;}

.crm-container .crm-form-block {font-size: inherit; color: inherit;}
.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: 0;}
.crm-container .crm-accordion-wrapper {padding: 0;}
.crm-container .crm-accordion-header, .crm-container .collapsed .crm-accordion-header {border-radius: 0;}
.crm-container .crm-accordion-header {color: #ffffff; padding: 8px 8px 8px 20px; background-color: #003366;}
.crm-container .crm-accordion-body, .crm-search-form-block {border-radius: 0; border: 1px solid #70716B; padding: 10px;}
#event_status_id #alpha-filter, .CRM_Mailing_Form_Search #alpha-filter {display: none;}

/* general */
body, label, input, button, select, textarea, .crm-container textarea, .crm-container input, .crm-container select, #crm-container.crm-public .calc-value, #crm-container.crm-public .content, #crm-container.crm-public .label, #crm-container.crm-public .price-field-amount {font-size: 16px;}
.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: inherit;}
#crm-container div.description, #crm-container span.description, #crm-container dd.description {font-size: 96%;}
body, .ui-widget-content, label {color: #121212;}
#crm-container, .crm-container div.crm-clear, .crm-container table {font-size: 16px;}
p {font-size: 16px;}
.crm-container a, .crm-container a:link, .crm-container a:visited, #crm-recently-viewed a {color: #88bb33;}
body.admin.com_civicrm #content-right {padding-top: 0px;}
#crm-container.crm-public .label {padding-top: inherit;}
.breadcrumb {padding: 8px 0; background-color: transparent; font-size: 80%;}
body.admin.com_civicrm.layout-default .breadcrumb {margin-top: auto; padding: initial; font-size: initial;}
body.admin.com_civicrm.layout-default .breadcrumb i {padding: 2px 7px;}
#tab_discounts, #access, #printer-friendly {display: none;}
#crm-container div.crm-summary-display_name {font-size: 180%; color: #88bb33; font-weight: bold;}
.ui-widget.ui-widget-content {border: none;}
.crm-container .ui-tabs .ui-tabs-nav {padding: 10px 0 0 0;}
.ui-tabs {padding: 0;}
#mainTabContainer li.crm-tab-button {margin: 0 -1px 0 0; border-radius: 0; border: 1px solid #999999!important; padding: 5px;}
#mainTabContainer li.ui-tabs-active {border-bottom: 1px solid #88bb33!important; background: #88bb33;}
#mainTabContainer li.ui-tabs-active a {color: #ffffff;}
#crm-container .ui-tabs-panel {margin-top: 0.5px; border: 1px solid #999999; border-radius: 0; padding: 8px;}
.ui-widget {font-family: inherit; font-size: inherit;}
.ui-widget-header {border: 0; background: transparent;}
.crm-container a.crm-hover-button.action-item, .crm-container .crm-hover-button.btn-slide {font-size: inherit; opacity: inherit; color: #88bb33;}
.crm-container .crm-master-accordion-header.crm-accordion-header, .crm-container .crm-collapsible .collapsible-title {color: #003366;}
.crm-container .crm-master-accordion-header.crm-accordion-header:hover, .crm-container .crm-collapsible .collapsible-title:hover {color: #121212;}
.crm-container .crm-accordion-header.active {background-color: #003366;}
div.crm-master-accordion-header a.helpicon {color: #88bb33;}
.crm-container .crm-hover-button:hover, .crm-container a.crm-hover-button:hover, .crm-container a.crm-hover-button:active {background-image: none; filter: inherit; border: 1px solid transparent; opacity: inherit; color: #88bb33;}
.crm-container a.crm-hover-button.action-item:hover, .crm-container a.crm-hover-button:hover, .crm-container a.crm-hover-button:active, .btn-slide .crm-hover-button:hover, .crm-container .crm-hover-button:hover {color: #121212;}
.crm-container h3 {background-color: transparent; font-size: 140%; color: #003366; padding: 15px 0 0 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {border: none; background: inherit;}
#crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help {background-color: #d7ebff;}
#crm-container div.crm-summary-contactname-block {margin: 10px 0;}
button span.caret {display: none!important;}
#bootstrap-theme .btn-group {display: flex!important;}
#bootstrap-theme .btn-group button {flex: inherit;}

/* tables */
.crm-container table.row-highlight tr:hover, .crm-container .crm-row-selected, .crm-container table.row-highlight tr.even-row:hover, table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {background-color: #d7ebff;}
.dataTable tr td, .crm-container table.display td {padding: 10px 5px;}
.crm-container .odd-row, .crm-container .odd, tbody.scrollContent {background-color: #f3f3f3;}
.crm-container .even-row, .crm-container .even, tbody.scrollContent tr.alternateRow {background-color: #ffffff;}
#crm-container th.contriTotalLeft, #crm-container th.contriTotalRight {border: none;}
/* .crm-container table.form-layout-compressed {margin: 10px 10px 10px -4px;} */
.crm-container th, .crm-container table.display thead th, .crm-container table thead.sticky th, .crm-container table.caseSelector tr.columnheader th {font-size: inherit; color: inherit;}
.crm-container td {vertical-align: middle;}

/* buttons */
.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 {text-shadow: none; background: #88bb33; font-size: inherit; padding: 5px 10px; border: 1.5px solid #6e972a;}
.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: 0;}
.crm-container .action-link {margin: 4px 0 15px 0;}
.crm-container span.crm-button {padding: 4px;}
.adv-search-top-submit span.crm-button {float: left!important;}
.crm-container .crm-submit-buttons {height: 40px; margin: 10px 0;}
.crm-container span.crm-hover-button, .crm-container a.crm-hover-button {border-radius: 0;}
.ui-icon[class*=" fa-"] {margin-top: 1px;}

/* sidebar */
#sidebar-left {border: 2px solid #484848; padding: 10px; background-color: #282828;}
#sidebar-left .title {color: #ffffff;}
#civi-sidebar-logo {display: none;}
#crm-create-new-list {top: 32px;}
.ui-menu .ui-menu-item {padding: 5px;}
#crm-recently-viewed ul {font-size: inherit;}
.ui-state-active, .ui-widget-content .ui-state-active, #crm-recently-viewed li.crm-recently-viewed {border: none; background-color: transparent;}
.ui-menu .ui-state-active {margin: 0;}
#crm-recently-viewed .crm-recentview-wrapper, #crm-recently-viewed ul li.crm-recently-viewed:hover {background-color: #ffffff; border: none; border-radius: 0;}
#crm-recently-viewed.left .crm-recentview-wrapper {width: 100px; border: none; left: 25px; top: 23px; text-align: left; padding: 0;}
#crm-recently-viewed.left .crm-recentview-wrapper a {margin: 10px; display: block; float: none;}
.block.block-civicrm {border-bottom: 2px solid #484848;}
#sidebar-left div.crm-container label {cursor: default; font-weight: normal; color: #ffffff;}

/* icons */
.crm-container .icon {text-indent: 0;}
.crm-container .crm-icon {margin-top: -2px!important; width: 20px; background-image: none;}
.Individual-icon:before {content:"\f007"; font: normal normal normal 16px/1 FontAwesome;}
.crm-summary-display_name .Individual-icon:before {font-size: 20px;}
.Contribution-icon:before {content:"\f09d"; font: normal normal normal 16px/1 FontAwesome;}
.Participant-icon:before {content:"\f271"; font: normal normal normal 16px/1 FontAwesome;}
.Membership-icon:before {content:"\f2c1"; font: normal normal normal 16px/1 FontAwesome;}
.crm-actions-view:before {display: inline-block; width: 20px; content:"\f06e"; font: normal normal normal 16px/1 FontAwesome;}
.crm-actions-edit:before {display: inline-block; width: 20px; content:"\f040"; font: normal normal normal 16px/1 FontAwesome;}
.crm-actions-delete:before {display: inline-block; width: 20px; content:"\f1f8"; font: normal normal normal 16px/1 FontAwesome;}

/* styling for CiviCRM due to replacing table selectors in the joomla.tpl file */    
/* may not be needed any more with the use of "Recents" menu item
#crm-content {display: table-row;}
#crm-content #sidebar-left {display: block; float: left;}
#crm-content #content-right {display: block; overflow: hidden; padding-left: 10px;}
*/

.my-dashboard .crm-container table {width: auto;}

/* CiviCRM - CK Editor */
.cke_chrome {width: 100%!important;}
.cke_toolbar_break {clear: none!important;}
/* CiviCRM - mailing form content width */
@media only screen and (min-width: 1200px) {.crm-block.crm-form-block.crmMailing {width: 950px;}}
/* Joomla admin UI customizations */
.logo {display: none;}
.navbar a.admin-logo {background: url(../../../../images/misc/cog-white-30.png); background-repeat: no-repeat; width: 30px; height: 30px; margin: 0; padding: 0;}
.icon-joomla:before {display: none;}