#crm-main-content-wrapper .crm-report-criteria .label {
 color: #3e3e3e;
}

/* Hide price block on info page */
.vevent.crm-event-info-form-block .event-info .crm-section.event_fees-section {
  display: none;
}

/* Fix uploading on CKEditor5 widget */
.ui-front.ui-widget-overlay.elfinder-overlay {
  display: none !important;
}

/* AGH 46790 - Joomla toolbar overlaps Mosaico */
iframe#crm-mosaico {
  left: 45px !important;
  top: 151px !important;
  width: calc(100vw - 45px) !important
  height: calc(100vh - 151px) !important;
}
/* end AGH 46790 */
/*
#crm-container select[style*="display: none"] {
  display: none !important;
}
*/

/*Calendar Icons*/
.calListing {
  display: inline-flex;
}

.calTop,
.calBottom {
  display: inline-block;
  width: 50px;
  font-size: 14px;
  font-weight: bold;
}

.calTop {
  background-color: #e8432f;
  color: #ffffff;
}

.calBottom {
  color: #2f2f2f;
}

.calDetails {
  padding-left: 10px;
}

.calendarIcon {
  width: 50px;
  text-align: center;
  box-shadow: 0 0 2px rgba(52,58,67,.1),0 2px 5px rgba(52,58,67,.08),0 5px 15px rgba(52,58,67,.08);
}

/*Conference*/
.eventType1 .calTop {
  background-color: #aa9488;
}

/*Donor Event*/
.eventType3 .calTop {
  background-color: #e27971;
}

/*WCG Signature Event*/
.eventType5 .calTop {
  background-color: #9daf89;
}

/*Adult Workshop*/
.eventType6 .calTop {
  background-color: #c7e1ef;
}

/*Free Community Event*/
.eventType8 .calTop {
  background-color: #d0d887;
}

/*Volunteer Event*/
.eventType11 .calTop {
  background-color: #fff3b6;
}

/*Campus and Farm Tours*/
.eventType12 .calTop {
  background-color: #db9982;
}

/*Youth Summer Camp*/
.eventType13 .calTop {
  background-color: #fcba95;
}

/*On-Demand Webinar*/
.eventType14 .calendarIcon {
  background-color: #8aa8b7;
  width: 5px;
  box-shadow: none;
}

/*Live Webinar*/
.eventType15 .calTop {
  background-color: #c3c69b;
}

/*Sabores de Mi Patria*/
.eventType16 .calTop {
  background-color: #c1a3ae;
}

@media screen and (max-width: 768px) {
  .crm-container.crm-public .crm-page-title-wrapper, .crm-container.crm-public #crm-main-content-wrapper {
    width: 100% !important;
  }
}


/****** AGH 46792 ******
/* Override bootstrap display !important on various selects that are replaced by select2 */
#crm-container select.form-control[style*="display: none"],
#crm-container select[style*="display: none"] {
  display: none !important;
  width: auto !important;
}
#crm-container select.form-control {
  display: initial !important;
  width: auto !important;
}
/* On the filter conditions, top-align all the items in each row */
#crm-container .api4-input-group > *, #crm-container .api4-input-group .ng-scope,
#crm-container .crm-search-groupbys > *, #crm-container .crm-search-groupbys .ng-scope {
  vertical-align: top !important;
}
/* Make select2s take up only the width they need */
#crm-container .api4-input-group .select2-container,
#crm-container .crm-search-join .form-control {
  width: auto !important;
}
/* Remove spacing in each filter conditions row */
#crm-container .api4-input-group .form-group {
  margin-bottom: initial !important;
}
/* Field icon labels */
#crm-container .input-group-addon {
  padding: 0 !important;
}
#crm-container .input-group {
  width: auto !important;
}
/* SK: Force stacking of nav items */
#crm-container .crm-search-admin-main-tabs li {
  width: calc(100% + 1px) !important;
}

/**
 * Undo width set by JavaScript somewhere...
 * probably select2 but influenced by Bootstrap
 * and select2 applies before the width: auto !important above is applied.
 **/
#crm-container .select2-container:not(.fa-crm-formula) {
  width: auto !important;
  min-width: 240px;
}
#crm-container .ng-scope .select2-container {
  width: auto !important;
  min-width: 50px;
}

/**
 * "Add field" in the SK results
 * A litle janky because shrinking the container impacts the entire dropdown
 * which ends up being outside the container and can't be targeted cleanly
 **/
#crm-container .crm-search-display.crm-search-display-table th:last-child  {
  width: 150px !important;
}

/* Titles in SK preview table */
#crm-container .crm-search-display.crm-search-display-table th {
  white-space: wrap;
}
#crm-container .crm-search-display.crm-search-display-table th:last-child .select2-container {
  min-width: 150px !important;
}
/****** END AGH 46792 ******/