/*
 * see https://lab.symbiotic.coop/coopsymbiotic/extensions/coop.symbiotic.adminimore/blob/master/css/civicrm-admin.css#L835 for darker 13px fonts.
 */

/* CiviCRM : General page layout */

@media all and (min-width: 480px) {
  #page {
    /* Avoid a big grey footer, if the page being viewed does not have a lot of content */
    min-height: 600px;
  }

  /* Drupal branding header */
  #branding {
    padding: 0 40px;
    /* match civicrm's padding */
  }
}

/* CiviCRM : General interface */

#crm-container .crm-group-parent td.crm-group-name {
  padding-left: 0;
  text-indent: 0;
  font-weight: bold;
}

#crm-container td span.show-children {
  padding-left: 0;
  width: 15px;
  height: 20px;
  float: left;
}

.crm-container span.collapsed,
.crm-container span.expanded {
  padding-left: 0;
  background-position: 0 4px;
}

/* CiviCRM : General elements */

.crm-container .form-layout-compressed td,
.crm-container .form-layout-compressed th {}

.crm-container .form-layout td.label,
.crm-container .form-layout-compressed td.label {
  vertical-align: text-top;
}

.crm-container #access {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 5px;
  background-color: #fff;
  opacity: 0.8;
}

#bootstrap-theme .control-label a.helpicon,
#bootstrap-theme a.helpicon {
  background-color: transparent;
}

.crm-container .font-size12pt {
  font-size: 12px;
}

.crm-container #access .helpicon {
  padding-left: 5px;
}

#crm-container div#printer-friendly {
  margin: 0;
  z-index: 5;
  position: absolute;
  top: -24px;
  right: 8px;
}

.crm-container #printer-friendly a:link .crm-i,
.crm-container #printer-friendly a:visited .crm-i {
  color: #fff;
}

.crm-container #printer-friendly a:hover .crm-i {
  color: #ccc;
}

/* CiviCRM : Headers */

.crm-container h3 {
  background-color: inherit;
  border-bottom: 4px solid #0074BD;
  color: #0074BD;
  font-size: 20px;
  padding: 8px 0;
  font-weight: normal;
  margin: 10px 0;
}

.crm-container h3.font-red {
  border-color: #E43D2B;
}

.crm-container #civicrm-dashboard h3 {
  border-bottom: none;
}

#crm-container h3.widget-header {
  background-color: inherit;
  border-bottom: none;
  color: #333;
  padding: 2px 0;
  font-size: 20px;
}

#crm-container .widget-controls {
  background-color: #fff ! important;
  border-bottom: 4px solid #333;
}

#crm-container .widget-controls:hover {
  background-color: #f6f6f6;
  border-bottom-color: #000;
}

#crm-container .widget-controls:hover h3.widget-header {
  color: #000;
}

#crm-container .widget-controls:hover+.widget-content {
  background-color: #f6f6f6;
}

#crm-container .widget-controls a.crm-i {
  color: #999;
}

#crm-container .widget-controls a.crm-i:hover {
  color: #333;
  text-decoration: none;
}

/* CiviCRM status lists */

.crm-container #crm-status-list h3.crm-severity-alert {
  border-bottom: 5px double #E43D2B;
}

.crm-container #crm-status-list h3.crm-severity-alert,
.crm-container #crm-status-list h3.crm-severity-error {
  background-color: transparent;
  color: #E43D2B;
  border-color: #E43D2B;
}

.crm-container #crm-status-list .crm-severity-warning {
  background-color: transparent;
  color: #eba12d;
  border-color: #eba12d;
}

.crm-container #crm-status-list h3.crm-severity-debug,
.crm-container #crm-status-list h3.crm-severity-info {
  background-color: transparent;
  color: #00994D;
  border-color: #00994D;
}


/* CiviCRM : Misc. JQuery UI fixes */

th.ui-state-default {
  /* Fix: Description col is highlighted in groups listing */
  background: inherit;
}

.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-helper-reset {
  line-height: inherit;
}

.crm-container.ui-dialog {
  background: #fff;
}

.crm-container .ui-dialog-titlebar.ui-widget-header,
.crm-container .ui-dialog-title {}

/* CiviCRM : Help and messages */

.crm-container div.messages,
.crm-container .help,
.crm-container #help {
  border-width: 1px 0;
  border-style: solid;
  color: #555;
  font-size: 13px;
  margin: 8px 0;
  padding: 8px 16px;
  border-radius: 0;
}

.crm-container .help,
.crm-container #help {
  background-color: inherit;
  border-color: #0074BD;
}

/* Language switcher : make it compact when on top of the page */

#help #block-locale-language {
  float: right;
}

#help #block-locale-language li {
  display: inline-block;
  margin: 0 5px;
}

/* CiviCRM : Background colors and visual cues */

.crm-container div.crm-clear {
  background-color: inherit;
}

.crm-container .crm-form-block,
.crm-form-block.crm-search-form-block,
.crm-container #searchForm .crm-form-block {
  background-color: inherit;
}

.crm-container .crm-pager,
.crm-container .crm-search-tasks,
.crm-container .crm-tasks {
  background-color: #f6f6f6;
}

.crm-container .crm-relationship-view-block table.crm-info-panel,
.crm-container .crm-relationship-view-block table.crm-info-panel td {
  border: 0 !important;
}

.crm-container .crm-relationship-view-block table.crm-info-panel td.label {
  display: table-cell;
  width: 200px;
  /* should probably be applied more broadly */
}

.crm-container table.form-layout-compressed tbody th.label {
  background-color: inherit;
  font-size: inherit;
}

.crm-container div#searchForm table.form-layout td {
  border: none;
}

.crm-container .crm-search-block .even-row,
.crm-container .crm-search-block .even {
  background-color: inherit;
}

/* CiviCRM : Reports : Criteria Groups */

.crm-container table.criteria-group {}

.crm-container table.criteria-group+table.criteria-group {
  border-top: 2px solid #ebebeb;
}

/**
 * CiviCRM : Accordions
 */
.crm-container .crm-accordion-wrapper {
  clear: both;
  background-color: #fff;
  box-shadow: 0px -3px 0 #0074BD;
  margin: 15px 0;
}

.crm-container .crm-accordion-wrapper.collapsed {
  box-shadow: none;
}

.crm-container #civicrm-blog-feed .crm-accordion-wrapper {
  box-shadow: none;
  margin: 5px 0;
  background-color: inherit;
}

/* Fix specific for Manage Events, might be useful elsewhere? (coopsymbiotic/extensions/coop.symbiotic.adminimore#9) */
.crm-container .crm-event-searchevent-form-block {
  box-shadow: none !important;
}

.crm-container .crm-event-searchevent-form-block .crm-accordion-header {
  top: 0 !important;
}

.crm-container .crm-event-searchevent-form-block .crm-accordion-body {
  border: solid 1px #ddd;
  padding-top: 2em;
}

.crm-container .crm-event-searchevent-form-block .crm-accordion-body tr {
  border: none;
}

.crm-container .crm-block .crm-accordion-wrapper,
.crm-container .crm-form-block .crm-accordion-wrapper {
  /* background-color: #ebebeb; */
}

.crm-container #civicrm-dashboard .crm-accordion-wrapper {
  /* background-color: #fff; */
}

.crm-container .crm-accordion-header,
.crm-container .crm-accordion-header.active,
.crm-container .crm-accordion-wrapper .crm-master-accordion-header {
  color: #0074BD;
  /* color: #3d3c40; */
  font-size: 18px;
  font-size: normal;
  font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif;
}

.crm-container .crm-accordion-header,
.crm-container .crm-accordion-header.active,
.crm-container .crm-accordion-wrapper .crm-master-accordion-header {
  background-color: inherit;
  padding: 0px 8px 0px 20px;
  position: relative;
  top: -0.8em;
  left: 10px;
  display: inline-block;
}

#crm-container .widget-content .crm-accordion-header {
  background-color: inherit !important;
  color: #0074BD !important;
}

.crm-container #civicrm-blog-feed .crm-accordion-header,
.crm-container #civicrm-blog-feed .crm-accordion-header.active,
.crm-container #civicrm-blog-feed .crm-accordion-wrapper .crm-master-accordion-header {
  font-size: inherit;
  position: static;
  top: 0;
  left: 0;
  display: block;
}

.crm-container .crm-master-accordion-header+.crm-accordion-body,
.crm-container .crm-accordion-body {
  border: solid 1px #ddd;
  border-top: none;
  margin-top: -22px;
  padding: 22px 12px 12px 12px;
  line-height: 1.6em;
}

.crm-container .crm-master-accordion-header.crm-accordion-header:hover,
.crm-container .crm-accordion-header:hover,
.crm-container .crm-accordion-header.active:hover,
.crm-container .crm-master-accordion-header.crm-accordion-header:hover,
.crm-container .crm-accordion-wrapper .crm-master-accordion-header:hover {
  background-color: inherit;
}

.crm-container .crm-master-accordion-header.crm-accordion-header:hover {
  color: #0074BD;
  text-decoration: underline;
}

.crm-container .crm-accordion-header {
  background-position: 5px 65%;
}

.crm-container .collapsed .crm-accordion-header {
  background-position: 5px 50%;
}

.crm-container .crm-accordion-inner .crm-accordion-header,
.crm-container .collapsed .crm-accordion-header {
  background-color: inherit;
  color: #0074BD;
}

#crm-container .widget-content .crm-accordion-wrapper .crm-accordion-body {
  padding: 1em .5em .5em .5em;
}


/* CiviCRM : Accordions : News Items */

.crm-container .ui-widget-content {
  border: none;
}

.crm-container #civicrm-news-feed .crm-accordion-wrapper {
  box-shadow: none;
  margin-top: 10px;
}

.crm-container #civicrm-news-feed .crm-accordion-header {
  left: 0;
  top: 0;
}

#crm-container .widget-content #civicrm-news-feed .crm-accordion-wrapper .crm-accordion-body,
.crm-container #civicrm-news-feed .crm-accordion-body {
  border: none;
  margin-top: 5px;
  padding: 10px 20px;
  font-size: initial;
  color: #555;
}

#crm-container .widget-content #civicrm-news-feed .crm-accordion-wrapper.collapsed .crm-accordion-header {
  background-position: 3px 3px;
}

#crm-container .crm-news-feed-item-title {
  font-size: initial;
  font-weight: 600;
}

#crm-container .crm-news-feed-item-preview {
  display: none;
  white-space: normal;
  font-size: 12px;
}

/* CiviCRM : Collapsibles */

.crm-container .crm-collapsible {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
  border: 1px solid #d3d3d3;
  background-color: #d3d3d3;
  border-radius: 5px;
}

.crm-container .crm-collapsible .collapsible-title {
  line-height: 1.7;
}

.crm-container .crm-collapsible .collapsible-title+.crm-summary-block {}

.crm-container .crm-collapsible .collapsible-title:hover {}


/* CiviCRM : Fieldsets */

.crm-container fieldset,
.crm-container fieldset.crm-collapsible {
  box-shadow: 0 -3px 0 #0074BD !important;
  background-color: #fff;
  border-radius: 0;
  border-top: 0;
}

.crm-container fieldset legend,
.crm-container .crm-block fieldset legend,
.crm-container .crm-form-block fieldset legend,
.crm-container .crm-form-block fieldset.crm-collapsible legend.collapsible-title {
  background-color: inherit;
  font-size: 18px;
  font-weight: normal;
}

.crm-container fieldset {
  border: solid 1px #ddd;
  border-top: none;
  box-shadow: 0px -3px 0 #0074BD;
  padding: 12px;
  margin: 0 0 20px;
}

.crm-container fieldset.crm-collapsible legend.collapsible-title {
  top: 0;
}

.crm-container fieldset legend.collapsible-title,
.crm-container fieldset legend,
.crm-container .crm-collapsible .collapsible-title {
  color: #0074BD;
  font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif;
}

.crm-container fieldset legend.collapsible-title,
.crm-container fieldset legend {
  padding: 0 6px;
  margin: 0;
  margin-left: -3px;
}

/* CiviCRM : Recent Items */

#crm-recently-viewed li.crm-recently-viewed {
  line-height: 25px;
  border: 1px solid #ebebeb;
  padding: 0 4px;
}

#crm-recently-viewed ul li.crm-recently-viewed:hover,
#crm-recently-viewed .crm-recentview-wrapper {
  border: 1px solid #0074BD;
  background-color: #fff;
  border-radius: 0;

}

#crm-recently-viewed a:hover {}

#crm-recently-viewed .crm-recentview-wrapper a {
  padding: 3px;
  margin-left: 1px;
}

#crm-recently-viewed .crm-recentview-wrapper a:hover {
  background-color: #0074BD;
  color: #fff;
}

#crm-recently-viewed .crm-recentview-wrapper a.crm-actions-delete:hover {
  background-color: #b73939;
  color: #fff;
}

#crm-recently-viewed>ul {
  margin: 0;
}

#crm-recently-viewed li.crm-recently-viewed {}

#crm-recently-viewed ul li.crm-recently-viewed:hover {}

#crm-recently-viewed .crm-recentview-wrapper {
  line-height: 25px;
  margin-top: -1px;
  padding-top: 1px;
}

/* CiviCRM : Prevent disabled rows and cells from loosing their style -- Overrides color from adminimal/css/style.css:580 */

.crm-container table td,
table th {
  color: inherit;
}

.crm-container th,
.crm-container table.display thead th,
.crm-container table thead.sticky th,
.crm-container table.caseSelector tr.columnheader th,
.crm-container .ui-widget table th {
  font-size: 14px;
  font-weight: normal;
}

/* CiviCRM : Case */

#crm-container table.report {
  width: 100%;
}

#crm-container .report td {
  border: 2px solid #fff;
}

#crm-container .report td:first-child {
  border-left: none;
}

#crm-container .report td:last-child {
  border-right: none;
}

/* CiviCRM : Forms */

.crm-container .form-item label {
  /* Fix: oversized labels in search forms */
  font-size: 13px;
}

/* CiviCRM : Checkboxes */

.crm-container .crm-form-checkbox {
  vertical-align: bottom;
}

.crm-container .crm-form-checkbox+label {
  padding-left: 5px;
}

/* CiviCRM : Contribution Form -- TODO : move to civicrm-buttons.css ?*/
.crm-submit-buttons+table.form-layout-compressed {
  clear: both;
}

.contextual-links-region {
  /* Fix: Some blocks don't display correctly and breaks buttons */
  clear: both;
}

/* CiviCRM: CiviMail Form */

.crmMailing .preview-popup,
.crmMailing .preview-contact,
.crmMailing .preview-group {
  height: auto;
}

.crmMailing button.crm-button {
  margin-top: 4px;
  margin-bottom: 4px;
}

#crm-container ul.wizard-bar {
  border: none;
}

#crm-container .crmMailing div[ng-form="htmlForm"] .select2-container {
  /* Fix: Tokens selection in Rich Text Editor breaks display*/
  border-bottom: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  background-color: #ebebeb;
  height: 75px;
}

#crm-container .crmMailing .ui-tabs-nav .ui-tabs-active {
  /* Fix: Active tab is not positionned correctly */
  position: relative;
}

/* CiviCRM : Tabs  & Panels */

.ui-widget-header {
  background: inherit;
}

.crm-container .ui-tabs .ui-tabs-nav,
.crm-container ul li.crm-tab-button {
  margin: 0;
  background: inherit;
  position: static;
  padding: 0;
}

.crm-container .crm-tab-button a,
.crm-container .ui-tabs .ui-tabs-nav li a {
  padding: 12px 12px 8px 12px !important;
  background: #F9F9F9;
}

.ui-tabs .ui-tabs-nav li {
  margin: 0;
}

.crm-container .crm-tab-button a,
.crm-container .crm-tab-button a:link,
.crm-container .crm-tab-button a:visited,
.crm-container .ui-tabs .ui-tabs-nav li a,
.crm-container .ui-tabs .ui-tabs-nav li a:link,
.crm-container .ui-tabs .ui-tabs-nav li a:visited {
  color: #797979;
}

.crm-container .crm-tab-button:hover,
.crm-container .ui-tabs .ui-tabs-nav li:hover,
.crm-container .crm-tab-button a:hover,
.crm-container .ui-tabs .ui-tabs-nav li a:hover {
  color: #2786c2;
  text-decoration: none;
}

.crm-container .crm-tab-button.ui-tabs-active a,
.crm-container .ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #000;
  background-color: #fff;
  padding-top: 9px ! important;
}

.crm-container .ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav {
  padding: 0;
  border: none;
  border-left: 1px solid #ddd;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-tr,
.ui-corner-right,
.ui-corner-br,
.ui-corner-bottom,
.ui-corner-bl .ui-corner-left,
.ui-corner-tl {
  border-radius: 0;
  border: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ddd;
  border-left: none;
}

.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border-top: 4px solid #0074BD;
  color: #333;
}

/* CiviCRM : Links */
.crm-container a:hover {
  text-decoration: underline;
}

/* civicrm : revert hover buttons into pner div.crm-inline-editlain links */
.crm-container .crm-hover-button:hover,
.crm-container a.crm-hover-button:hover,
.crm-container a.crm-hover-button:focus,
.crm-container a.crm-hover-button:active {
  border-color: transparent;
  background-image: none;
  text-decoration: underline;
}

/* Inline editable text -- breaks display in groups page  */

.crm-container .crm-editable-enabled {
  white-space: normal;
}

.crm-container .crm-editable-enabled button {
  padding: 0;
  position: static;
}

/* CiviCRM : Forms */

#crm-container div.crm-summary-row:nth-child(2),
#crm-container div.crm-summary-row:first-child {
  border: 0px !important;
}

#crm-container div.crm-summary-row div.crm-content {
  background-color: inherit;
}

/* Maybe specific to 'view relationship', but the table has too many borders */
.crm-container div.contact_panel td,
.crm-container table.crm-info-panel td,
#crm-container div.crm-summary-row {
  border-top: 1px solid #e9e9e9;
  background-color: transparent;
}

.crm-container div.contact_panel td.label,
.crm-container #customFields div.contact_panel td.label,
.crm-container table.crm-info-panel td.label,
#crm-container div.crm-summary-row div.crm-label {
  background-color: inherit;
  font-size: inherit;
  color: #666;
}

/* CiviCRM : Contact panels */

#mainTabContainer {
  /*background-color: #fff;*/
  border: none;
}

#crm-container div.contactCardLeft,
#crm-container div.contactCardRight {}

#crm-container div.contact_details {
  /* Fix: Address in contacts page is indented */
  padding: 0;
}

#crm-container div.contact_panel {}


#crm-container .contact_panel .crm-summary-block {
  margin: 1px 0;
}

.crm-contact-summary-layout-col>div,
#crm-container div.contact_panel .contactCardLeft>div,
#crm-container div.contact_panel .contactCardRight>div {
  margin-top: 10px;
  margin-bottom: 10px;
}

#crm-container div.contact_panel .crm-summary-block {}

#crm-container div.contact_panel .separator {
  display: none;
}

.contact_panel .crm-summary-block .crm-inline-block-content {
  /* border: 1px solid #e9e9e9; 3px */
  /* background-color: #f9f9f9;  removed */
  border-radius: 5px;
  padding: 5px;
  min-height: 3em;
}

#crm-container div.contact_panel .crm-address-block,
.contact_panel .crm-summary-block.crm-address-block {
  border: none;
}

.crm-summary-block.crm-address-block[class^=crm-address_] {}

#crm-container div.crm-inline-edit.address,
#crm-container .crm-edit-ready .crm-inline-edit.address {
  margin: 0;
}

/* Demographics: align the label of gender and birth date */
#crm-container form.CRM_Contact_Form_Contact #demographics .label {
  width: 135px;
  display: inline-block;
}

#crm-container form.CRM_Contact_Form_Contact #demographics .value,
#crm-container form.CRM_Contact_Form_Contact #demographics .fields {
  display: inline-block;
  margin-left: 0;
}

#crm-container form.CRM_Contact_Form_Contact #demographics .crm-option-edit-link {
  display: none;
}

#crm-container form.CRM_Contact_Form_Contact #demographics .fa-calendar {
  display: none;
  /* This should probably be more global, but being cautious for now. No idea where it comes from. */
}

/* CiviCRM : Inline edit forms */

/* #crm-container .crm-summary-basic-block, */
#crm-container div.crm-inline-edit.form {}

#crm-container div.crm-inline-edit.form,
#crm-container .contact_panel .crm-inline-edit {
  border-radius: 5px;
  background-color: #f9f9f9;
  border: 2px solid #e9e9e9;
}

#crm-container .crm-edit-ready .crm-inline-edit:hover {
  background-color: #f9f9f9;
  border: 2px solid #337CC9;
  border-radius: 5px;
}

#crm-container div.crm-inline-edit.form {
  border-color: #337CC9;
  margin-bottom: 10px;
}

#crm-container div.crm-inline-edit.form table,
#crm-container div.crm-inline-edit.form .label {}

#crm-container .crm-inline-edit-form .crm-accordion-wrapper {
  box-shadow: none;
}

#crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help {
  color: #fff;
  background-color: #337CC9;
  border-bottom-left-radius: 8px;
}

#crm-container .contact_panel .crm-summary-block.crm-address-block {
  margin-bottom: 2px;
  border-bottom: none;
}

/*
#crm-container .contact_panel .crm-summary-block.crm-address-block:first-child .crm-inline-edit {
  border-radius: 0;
}
#crm-container .contact_panel .crm-summary-block.crm-address-block + .crm-summary-block.crm-address-block .crm-inline-edit {
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}
#crm-container .contact_panel .crm-summary-block.crm-address-block:last-child .crm-inline-edit {
  border: none;
  background-color: transparent;
}
*/

/*
#crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help {
  color: #fff;
  background-color: red;
}

#crm-container .crm-address-block + .crm-address-block .add-new .crm-edit-help {
  background-color: #337CC9;
  background-color: #fff;
  top: 1px;
}

#crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help
#crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help {
  background-color: #3f3f3f;
}
*/

#crm-container .contact_details div.crm-inline-edit,
#crm-container .contact_details .crm-edit-ready .crm-inline-edit {
  /* margin: 10px 0; */
}

#crm-container div.crm-inline-edit.form {
  /*
  border: 1px solid #337cC9;
  */
}

#registration_blocks,
#crm-container form,
#crm-container .crm-block,
#crm-container div.crm-inline-edit-form {
  background-color: inherit;
}

#crm-container table.crm-inline-edit-form td {
  background-color: transparent;
}

.crm-container div.contact_panel td,
.crm-container div.contact_panel .crm-accordion-body,
.crm-container table.crm-info-panel td,
#crm-container div.crm-summary-row .crm-container #customFields div.contact_panel td,
#crm-container div.contact_panel td {
  border: none;
}

.crm-container .crm-contact-summary-layout-row .crm-label,
.crm-container .crm-contact-summary-layout-row div.crm-clear {
  font-size: 13px;
  color: #3d3c40;
}

/* Widen the labels */
#crm-container .crm-contact-summary-layout-row div.crm-summary-row div.crm-label {
  width: 150px;
}


/* Fix the display of country in address */
.crm-container .crm-contact-summary-layout-row .crm-address-block .location {
  display: inline-block;
}

/* Less bold primary addresses/email/site */
.crm-container .primary .crm-label {
  font-weight: 600;
}

/* Fix inline edit: remove excessive borders */
#crm-container div.contact_panel.crm-contact-summary-layout-row td {
  border: 0 !important;
}

/* Contact Edit - Fix Tags and Groups */
#crm-container #Contact #tagGroup .crm-section>label,
#crm-container #Contact #tagGroup .crm-section>.crm-clearfix>label

/* for tagsets */
  {
  display: block;
}

/* Civi Volunteer -- It pretends it's a button, but it's really a link */

.crm-container a.crm-hover-button.crm-button-add-profile {
  color: #0074BD;
}

.crm-container nav.vertical {
  display: flex;
  flex-direction: column;
  text-align: center;
}

#crm-container .ui-tabs-panel,
#contact-summary {
  border: 1px solid #ddd;
  border-top-left-radius: 0;
  padding: 10px;
}

#crm-record-log {
  margin: 5px 0;
  /*
  background-color: #F9F9F9;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
*/
}

#crm-container .crmMailing .ui-tabs-panel {
  padding: 30px 15px;
  border: 1px solid #ddd;
  border-radius: 0;
}


#crm-container #customFields .contact_panel .customFieldGroup.crm-collapsible {
  padding: 0;
}

/* Tables */

.crm-container table.dataTable thead .sorting {
  background-blend-mode: multiply;
}

.crm-container .ui-widget table thead th {
  background-color: #d3d3d3;
  color: #444;
  font-size: small;
}

/* Contact Page -- small collapsible regions */

.crm-container .crm-accordion-body .crm-collapsible,
.crm-container .crm-address-block .crm-collapsible {
  box-shadow: none;
}

.crm-container .crm-accordion-body .crm-collapsible {
  margin-top: 10px;
}

.crm-container .crm-address-block .crm-collapsible {
  margin-top: 10px;
  margin-left: 115px;
}

.crm-container .crm-address-block .crm-inline-edit-form .crm-collapsible {
  margin-left: 0px;
}

.crm-container .crm-accordion-body .crm-collapsible .collapsible-title,
.crm-container .crm-address-block .crm-collapsible .collapsible-title {
  left: 0px;
  font-size: 12px;
  background-color: inherit;
}

.crm-container .crm-accordion-body .crm-collapsible .collapsible-title+div,
.crm-container .crm-address-block .crm-collapsible .collapsible-title+div {
  padding: 15px 15px;
  border: none;
}

.crm-container .crm-accordion-body .crm-collapsible .collapsible-title+div {}

.crm-container .contact_panel .collapsible-title {
  color: #3d3c40;
}

.crm-container .contact_panel .crm-collapsible .collapsible-title+.crm-summary-block {
  /*padding: 16px 0 0 0;*/
}

#crm-container .crm-collapsible div.crm-summary-row {
  clear: both;
}

#crm-container .crm-address-block .crm-collapsible div.crm-summary-row div.crm-label {
  padding: 4px 4px 0 4px;
}


/**
 * Community messages
 */
.crm-container .civicrm-community-messages,
.crm-container .civicrm-community-messages .collapsible-title,
.crm-container .civicrm-community-messages .collapsible-title:hover,
.crm-container .civicrm-community-messages .collapsible-title>div {
  border: none;
  background-color: #defabb;
  background-image: none !important;
  color: #000;
}

.crm-container .civicrm-community-messages .crm-collapsible {
  box-shadow: inherit;
  /* remove blue line, too many lines */
}

.crm-container .civicrm-community-messages .collapsible-title {
  width: 80%;
  /* make it more easily clickable */
}

.crm-container .civicrm-community-messages .collapsible-title>div {
  overflow: inherit !important;
  /* otherwise text gets truncated */
}

.crm-container .civicrm-community-messages .collapsible-title>div:before {
  font-family: FontAwesome;
  content: "\f0a1 ";
  /* bullhorn */
  display: inline-block;
  padding-right: 1em;
  vertical-align: middle;
}

.crm-container .civicrm-community-messages .crm-collapsible>div:not(.collapsible-title) {
  margin-left: 2em;
  font-size: 110%;
}

.crm-container .civicrm-community-messages .crm-collapsible>div:not(.collapsible-title) a,
.crm-container .civicrm-community-messages .crm-collapsible>div:not(.collapsible-title) a:link {
  color: #000;
  text-decoration: underline;
}

.crm-container .civicrm-community-messages .crm-collapsible>div:not(.collapsible-title) a:after {
  font-family: FontAwesome;
  content: "\f08e ";
  /* external link */
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle;
}

.crm-container a.civicrm-community-message-dismiss.ui-icon-circle-close {
  /* resets ui-icon css */
  text-indent: 0;
  overflow: inherit;
  background-image: none;
  opacity: 1;
  width: 25px;
  height: 25px;
  top: 5px;
  right: 0;
  font-size: 150%;
  display: inline-block;
  color: #000;
}

.crm-container a.civicrm-community-message-dismiss:before {
  font-family: FontAwesome;
  content: "\f057";
  /* fa-times-circle */
  display: inline-block;
  vertical-align: middle;
}

/**
 * CiviReport filters
 */
.crm-container .crm-report-form .crm-report-criteria ul li {
  background: none;
  /* remove glossy image from jquery */
}

.crm-container .crm-report-form .crm-report-criteria ul li a {
  border-radius: 0;
  background: none;
}

.crm-container .civireport-criteria .crm-report-criteria-filter td.label {
  display: table-cell;
  /* override d8 classy/seven form.css */
}

/**
 * Drupal8 hack, see patch in vendor/civicrm/civicrm-core/js/crm.drupal8.js
 */
body.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.civicrm-symbiotic-toolbar-hidden {
  padding-top: 2em !important;
}

/* Dashboard patch : Hide "Export to Excel" button on dashboard -- often does not even work */
/*#civicrm-dashboard #_qf_Birthdays_submit_excel,*/
#civicrm-dashboard #_qf_Summary_submit_excel,
#civicrm-dashboard input[value="Export to Excel"] {
  display: none;
}

/* Problem caused by shoreditch - select2 goes under popup */
#select2-drop {
  z-index: 99999;
}


/* Adminimal (default skin) : CiviCRM : buttons styles */

/* Buttons bar */
.crm-container .crm-submit-buttons,
.crm-container .action-link {
  margin: 10px 0;
}

#crm-container .crm-add-address-wrapper {
  height: 35px;
  margin: 1px;
}

/* Buttons icons -- regular */
.crm-container button.crm-button .icon {
  margin-bottom: -4px;
}

/* Buttons icons -- popups */
.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
  background-image: none;
}

/* Buttons icons -- forms */
.crm-i-button>.crm-i {
  top: .65em;
  left: .5em;
}

/* Buttons bar -- regular */
.crm-container span.crm-button {
  border-color: transparent;
  border-radius: 0;
  padding: 0;
  background: none;
  color: #fff;
  text-shadow: none;
}

/* Buttons bar -- popups */
.crm-container .ui-dialog-buttonpane {
  background-image: none;
}

/* Action links */
.crm-container .action-link a.button {
  margin-right: 5px;
  /* add spacing between buttons in actions lists */
}

/* Default CiviCRM buttton */
.crm-container button.crm-button,
.crm-container .crm-submit-buttons input,
.crm-container .crm-button input,
.crm-container .crm-button input[type="button"],
.crm-container .crm-button input.crm-form-submit,
.crm-container input.crm-form-submit,
.crm-container input[type=button],
.crm-container a.button,
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container a.crm-button {
  background: #333;
  background-image: none;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, sans-serif;
  transition: all, 0.3s;
  text-shadow: none;
  padding: 5px 10px;
}

/* Popup buttons */
.crm-container .ui-dialog-buttonset .ui-button {
  background: #333;
  color: #fff;
  background-image: none;
  border: none;
  border-radius: 0;
  margin: 12px 8px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, sans-serif;
  transition: all, 0.3s;
  text-shadow: none;
  padding: 5px;
}

.crm-container .ui-dialog-buttonset .ui-button .ui-icon[class*=" fa-"] {
  margin-top: 0;
}

.crm-container .ui-dialog-buttonset .ui-button:hover {
  background-color: #000;
}

.crm-container .ui-dialog-buttonset .ui-button:focus {
  background-color: #000;
  outline: 3px solid #dddddd;
}

/* Link buttons (blue) */

.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=update"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=add"],
.crm-container a.button,
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container a.crm-button,
.crm-container a.crm-button:link,
.crm-container a.crm-button:visited {
  background: #0074BD;
}

.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=update"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=add"]:hover,
.crm-container a.button:hover,
.crm-container a.crm-button:hover {
  background: #004c99;
}

.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=update"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=add"]:focus,
.crm-container a.button:focus,
.crm-container a.crm-button:focus {
  background: #004c99;
  outline: 3px solid #D2E4F7;
}

/* Non-submit butttons + report export buttons (blue) */
.crm-container span.crm-button.crm-vol-button,
.crm-container .crm-report-form-block .crm-button input.crm-form-submit,
.crm-container .crm-report-form-block input.crm-form-submit,
.crm-container .crm-button input[type=button] {
  background: #0074BD;
  color: #fff;
}

.crm-container span.crm-button.crm-vol-button:hover,
.crm-container .crm-report-form-block .crm-button input.crm-form-submit:hover,
.crm-container .crm-report-form-block input.crm-form-submit:hover,
.crm-container .crm-button input[type=button]:hover {
  background: #004c99;
}

.crm-container span.crm-button.crm-vol-button:focus,
.crm-container .crm-report-form-block .crm-button input.crm-form-submit:focus,
.crm-container .crm-report-form-block input.crm-form-submit:focus,
.crm-container .crm-button input[type=button]:focus {
  background: #004c99;
  outline: 3px solid #D2E4F7;
}

/* Submit butttons (green) */
.crm-container span.crm-button.crm-vol-button.crm-vol-save-next,
.crm-container span.crm-button.crm-vol-button.crm-vol-save-done,
.crm-container input.crm-form-submit,
.crm-container button.crm-button[crm-icon="fa-floppy-o"],
.crm-container button.crm-button[crm-icon="disk"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next_new"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"],
.crm-container button.crm-button[crm-icon="fa-check"],
.crm-container .crm-button input[type=submit] {
  background: #4d8f46;
  color: #fff;
}

.crm-container span.crm-button.crm-vol-button.crm-vol-save-next:hover,
.crm-container span.crm-button.crm-vol-button.crm-vol-save-done:hover,
.crm-container input.crm-form-submit:hover,
.crm-container button.crm-button[crm-icon="fa-floppy-o"]:hover,
.crm-container button.crm-button[crm-icon="disk"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next_new"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"]:hover,
.crm-container button.crm-button[crm-icon="fa-check"]:hover,
.crm-container .crm-button input[type=submit]:hover {
  background: #0a6700;
}

.crm-container span.crm-button.crm-vol-button.crm-vol-save-next:focus,
.crm-container span.crm-button.crm-vol-button.crm-vol-save-done:focus,
.crm-container input.crm-form-submit:focus,
.crm-container button.crm-button[crm-icon="fa-floppy-o"]:focus,
.crm-container button.crm-button[crm-icon="disk"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_next_new"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"]:focus,
.crm-container button.crm-button[crm-icon="fa-check"]:focus,
.crm-container .crm-button input[type=submit]:focus {
  outline: 3px solid #D0E8CE;
  background: #0a6700;
}

/* Cancel buttons (orange) */
.crm-container .crm-button-type-cancel,
.crm-container span.crm-button.crm-vol-button.crm-vol-cancel,
.crm-container button.crm-button[crm-icon="fa-times"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"],
.crm-container .crm-button input.crm-form-submit.cancel {
  background: #f69231;
  color: #fff !important;
  /*
  color: #E6E6DC!important;
  */
}

.crm-container button.crm-button[crm-icon="fa-times"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"]:hover,
.crm-container .crm-button input.crm-form-submit.cancel:hover {
  background: #ef6114;
}

.crm-container .crm-button-type-cancel:focus,
.crm-container button.crm-button[crm-icon="fa-times"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"]:focus,
.crm-container .crm-button input.crm-form-submit.cancel:focus {
  background: #ef6114;
  outline: 3px solid #FFD8D8;
}

/* Delete buttons (red) */
.crm-container button.crm-button[crm-icon="fa-trash"],
.crm-container button.crm-button[crm-icon="trash"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=delete"],
.crm-container a.button[href*="action=delete"],
.crm-container a.delete-button:link,
.crm-container a.button.delete:link {
  background: #b73939;
  color: #fff;
}

.crm-container button.crm-button[crm-icon="fa-trash"]:hover,
.crm-container button.crm-button[crm-icon="trash"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=delete"]:hover,
.crm-container a.button[href*="action=delete"]:hover,
.crm-container a.delete-button:hover,
.crm-container a.button.delete:hover {
  background: #990000;
}

.crm-container button.crm-button[crm-icon="fa-trash"]:focus,
.crm-container button.crm-button[crm-icon="trash"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier*="action=delete"]:focus,
.crm-container a.button[href*="action=delete"]:focus,
.crm-container a.delete-button:focus,
.crm-container a.button.delete:focus {
  background: #990000;
  outline: 3px solid #FFD8D8;
}

/* Making red icons in buttons white again : CiviCRM 5.4 */
.crm-container a.button:hover .icon.delete-icon {
  /*background-image: url(/sites/all/modules/civicrm/i/icons/jquery-ui-FFFFFF.png);*/
}

/* Making red icons in buttons white again : CiviCRM 4.6 */
/*
.crm-container .red-icon,
.crm-container a:hover .icon.delete-icon,
.crm-container span:hover > .icon.delete-icon,
.crm-container .crm-button:hover .icon.ui-icon-trash,
.crm-container .crm-hover-button:hover .icon.ui-icon-trash {
  background-image: url(/sites/all/modules/civicrm/i/icons/jquery-ui-FFFFFF.png);
}
*/
/* Making red icons in buttons white again : CiviCRM 4.7 */
/*
.crm-i.crm-i-re,
.crm-container a:hover .crm-i.fa-trash,
.crm-container span:hover > .crm-i.fa-trash,
*/
.crm-container a.button:hover .crm-i.fa-trash,
.crm-container .crm-button:hover .crm-i.fa-trash,
.crm-container .crm-hover-button:hover .crm-i.fa-trash {
  color: inherit;
}

/* Disabled buttons (light gray) */
.crm-container .crm-button-disabled,
.crm-container .crm-button.crm-button-disabled,
.crm-container .crm-button-disabled input[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] {
  background: #e3e3e3;
  color: #555;
}

.crm-container .crm-button-disabled:hover,
.crm-container .crm-button.crm-button-disabled:hover,
.crm-container .crm-button-disabled input[disabled]:hover,
.crm-container .ui-dialog-buttonset .ui-button[disabled]:hover,
.crm-container input.crm-form-submit[disabled]:hover,
.crm-container input[type=submit][disabled]:hover,
.crm-container input[type=button][disabled]:hover,
.crm-container .crm-button[disabled]:hover {
  background: #CECECE;
}

.crm-container .crm-button-disabled:focus,
.crm-container .crm-button.crm-button-disabled:focus,
.crm-container .crm-button-disabled input[disabled]:focus,
.crm-container .ui-dialog-buttonset .ui-button[disabled]:focus,
.crm-container input.crm-form-submit[disabled]:focus,
.crm-container input[type=submit][disabled]:focus,
.crm-container input[type=button][disabled]:focus,
.crm-container .crm-button[disabled]:focus {
  background: #CECECE;
  outline: 3px solid #EFEFEF;
}

/* 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 {}

/* Menu Buttons */
#crm-event-links-list,
#crm-contribpage-links-list,
#crm-create-new-list,
#crm-contact-actions-list,
#crm-participant-list {
  top: 32px;
}

.crm-container .ui-menu.ui-widget-content .ui-menu-item {
  padding: 0;
}

.crm-container .ui-menu.ui-widget-content .ui-menu-item:hover {}

.crm-container .ui-menu.ui-widget-content a:link {
  padding: 4px;
  display: block;
}

.crm-container .ui-menu.ui-widget-content a:link,
.crm-container .ui-menu.ui-widget-content a:visited,
.crm-container .ui-menu.ui-widget-content a:focus,
.crm-container .ui-menu.ui-widget-content a:active {
  background-color: #333;
  color: #fff;
}

.crm-container .ui-menu.ui-widget-content a:focus,
.crm-container .ui-menu.ui-widget-content a:hover {
  background-color: #F5F6F1;
  color: #666;
}

/* TODO: Verify those lists: #crm-event-links-list, #crm-contribpage-links-list, #crm-contact-actions-list, #crm-participant-list */



/* Fixing outline of certain types of buttons */
.crm-container .crm-button input.crm-form-submit.cancel:focus,
.crm-container .crm-button-disabled input[disabled]:focus,
.crm-container .crm-button input[type=button]:focus,
.crm-container .crm-button input[type=submit]:focus {
  outline: none;
}

.crm-container li:not(.crm-count-0) a.ui-tabs-anchor {
  color: black !important;
}

#customData,
.crm-form-block,
#report-tab-col-groups {
  display: flex;
  flex-direction: column;
}

table.criteria-group:last-of-type {
  margin-bottom: 20px;
}

.crm-accordion-wrapper:not(.collapsed) {
  padding-bottom: 15px;
}

.ui-tabs .ui-tabs-nav li a {
  border-radius: 0 !important;
}

.path-civicrm .region-content {
  display: flex;
  flex-wrap: wrap;
}

.path-civicrm .region-content #block-creerunnouvelenregistrement-2 {
  width: 100%;
  margin-bottom: 20px;
}

.path-civicrm .region-content #block-dernierselements {
  margin-right: 15px;
  width: 13%;
}

.path-civicrm .region-content #block-dernierselements h2 {
  margin-top: 0;
}

.path-civicrm .region-content #block-adminimal-theme-content {
  width: 83%;
}

.crm-container table.row-highlight tr:hover,
.crm-container .crm-row-selected {
  background-color: rgba(240, 248, 255, 0.6);
}

#crm-container div.crm-summary-contactname-block {
  margin-top: unset;
}

.crm-dashboard-droppable {
  border: 1px solid #EEEEEE;
  margin: 1px;
}