/*
 * Colors
 * Based on https://portals.iucn.org/union/sites/union/files/doc/iucn_colour_palette.pdf
 * Color picker - https://www.w3schools.com/colors/colors_picker.asp
 *
 * Base blue: #00214d ( 15% darker from IUCN secondary blue #003478)
 */

/* Header - dis is done dynamically in iucn.php, based on the environment
 *    background-color: #153;    - DEV
 *    background-color: #315;    - TEST
 *    background-color: #135;    - PROD
 */
/* body .header-title {
  background-color: #135;
} */

/* Sidebar */
body #sidebar_menu,
body.page-civicrm #civigo_toolbar,
body.page-civicrm #civigo_toolbar .region-sidebar-first,
body.page-civicrm #civigo_theme_toggle {
  background-color: #336699;
}

/* Button */
body .crm-container a.button,
body .crm-container a.button:link,
body .crm-container a.button:focus,
body .crm-container a.button:active,
body .crm-container input.crm-form-submit,
body .crm-container input[type="button"],
body .crm-container button.crm-button:not([crm-icon="fa-trash"]),
body .crm-container button.crmMailing-btn-primary.crm-button,
body .crm-container a.button.crmMailing-submit-button,
html body #crm-container .crm-address-block+.crm-address-block .add-new .crm-edit-help,
html body #crm-container div.crm-inline-edit .crm-edit-help,
html body #crm-container .crm-inline-edit.add-new .crm-edit-help,
body .page-civicrm.page-civicrm-banking button {
  padding: 0px 20px;
}

body .crm-container a.button:hover,
body .crm-container input.crm-form-submit:hover,
body .crm-container input[type="button"]:hover,
body .crm-container button.crm-button:not([crm-icon="fa-trash"]):hover,
body .crm-container button.crmMailing-btn-primary.crm-button:hover,
body .crm-container a.button.crmMailing-submit-button:hover,
html body #crm-container .crm-address-block+.crm-address-block .add-new .crm-edit-help:hover,
html body #crm-container div.crm-inline-edit .crm-edit-help:hover,
html body #crm-container .crm-inline-edit.add-new .crm-edit-help:hover,
body .page-civicrm.page-civicrm-banking button:hover,
body #crm-container .crm-edit-ready #contact-summary .crm-summary-block .crm-inline-edit:hover .crm-edit-help:hover {
  background-color: #6c9438;
  border-color: #6c9438;
}


body #crm-container.crm-container .crm-button.crm-button-type-cancel {
  background-color: #fff;
  border-color: #666;
  color: #666;
}

body #crm-container.crm-container .crm-button.crm-button-type-cancel .crm-i.fa-times,
.crm-button.crm-i-button[class*="_cancel"] .crm-i.fa-times {
  color: #666;
}

body #crm-container.crm-container .crm-button.crm-button-type-cancel:hover {
  background-color: #666;
  border-color: #666;
  color: #fff;
}

body #crm-container.crm-container .crm-button.crm-button-type-cancel:hover .crm-i.fa-times,
.crm-button.crm-i-button[class*="_cancel"]:hover .crm-i.fa-times,
#actions>li.crm-contact-summary-edit-layout>a {
  color: #fff;
}


body #crm-container.crm-container a.button.delete:hover,
body #crm-container.crm-container a.button.cancel:hover,
body #crm-container.crm-container input.crm-form-submit.cancel:hover,
body .ui-dialog input.crm-form-submit.cancel:hover,
body button.ui-button[data-identifier*="_cancel"]:hover,
body button.crm-button[crm-icon="fa-trash"]:hover,
body .crm-container a:hover .crm-i.fa-trash,
body .crm-container .crm-button:hover .crm-i.fa-trash,
body .crm-container .crm-hover-button:hover .crm-i.fa-trash,
body .crm-container span:hover.crm-i.fa-trash,
.crm-i.crm-i-red {
  border-color: #91223c;
  background-color: #91223c;
  color: #fff;
}

/*
 * Colors: Tabs, Panels and Blocks
 */
body .crm-container .crm-form-block:not(:first-child),
body .crm-content-block .crm-results-block,
body .page-civicrm-contact-search-custom-list #crm-main-content-wrapper,
body .crm-container .crm-form-block.crmMailing {
  background-color: #fafafa;
  margin-bottom: 0;
}

body .crm-container .crm-block {
  background-color: #fafafa;
}

body #crm-container .ui-tabs-panel,
body #crm-container .ui-tabs .ui-tabs-nav li.ui-state-active {
  background-color: #f5f5f5;
}

/*
 * View Contact details
 */
html body #crm-container div.crm-summary-contactname-block {
  display: block;
  margin: 0;
  padding: 1em;
  background-color: #1d2630;
}

html body #crm-container div.crm-summary-contactname-block .crm-summary-display_name {
  color: #fff;
  font-weight: 600;
}

html body #crm-container div.crm-summary-contactname-block .icon.crm-icon {
  background-image: url('themes/contrib/civigo_theme/img/item_sprites_white.png');
}

body #crm-container .crm-actions-ribbon {
  margin: 0;
  padding: 12px;
  background-color: #34393f;
}

body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover,
body #crm-container .ui-tabs-panel {
  background-color: #FAFAFA;
}

body #crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-active,
body #crm-container .ui-tabs .ui-tabs-nav li.ui-state-active,
body #crm-container .ui-tabs .ui-tabs-nav li.ui-state-hover {
  background-color: #FAFAFA;
}

body #crm-container div.crm-summary-row div.crm-label {
  background-color: #fff;
  color: #222;
}

body .crm-container div.crm-clear,
html body #crm-container div.contact_panel .crm-summary-block {
  background-color: #fff;
}
#crm-container table.crm-inline-edit-form td .html-adjust, #crm-container div.crm-inline-edit-form .html-adjust{
  white-space: initial;
}

/* Quick search */
ul.crm-quickSearch-results .ui-menu-item-uiMenuItemWrapper{
  padding: 4px 10px;
}
ul.crm-quickSearch-results .ui-menu-item-uiMenuItemWrapper.ui-state-active{
  background-color: #cdcdcd;
  border-color: #cdcdcd;
  box-shadow: rgb(0 0 0 / 15%) 0px 3px 15px;
}
ul.crm-quickSearch-results .ui-menu-item-uiMenuItemWrapper.ui-state-active a{
  color: #212121;
}

/*
 * Reports
 */
.page-civicrm-report .crm-container .crm-report-criteria .crm-submit-buttons {
  margin-bottom: 0;
}

.page-civicrm-report #crm-container .ui-tabs-panel {
  min-height: initial;
}

.page-civicrm-report #crm-container .statistics-table {
  border-top: 1px solid #CDCDC3;
}

.page-civicrm-report #crm-container .report-pager {
  border-bottom: 1px solid #CDCDC3;
}

.page-civicrm-report #crm-container .report-pager .crm-pager {
  padding-top: 0;
}

/*
 * Mailings
 */
.page-civicrm-mailing #crm-container {
  background-color: #fafafa;
}

.page-civicrm-mailing #crm-container .action-link {
  margin-left: 15px;
}

.page-civicrm-mailing-report .crm-container fieldset {
  border: none;
}

/* Fix mosaico dashboard button colors */
#crm-main-content-wrapper .crm-mosaico-page .btn-primary,
#crm-main-content-wrapper .crm-mosaico-page .btn-danger {
  color: #fff;
  border: none;
}

/*
 * Misc
 */
/* Quick access */
body.page-civicrm #crm-recently-viewed .crm-recentview-wrapper {
  height: 100%;
}

body.page-civicrm #sidebar_menu #crm-recently-viewed li.crm-recently-viewed .crm-recentview-wrapper a {
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  padding: 5px;
}

/* Table headers */
body .crm-container th,
body .crm-container table.display thead th,
body .crm-container table thead.sticky th,
body .crm-container table.caseSelector tr.columnheader th {
  color: #666;
}

/* Logo */
body .header-title #logo {
  display: none;
}

body #civicrm-menu #menu-logo img {
  height: 32px;
}

/* Added new class missing in civivisualize */
.hide {
  display: none;
}

/*** CSS utils for searchkit ***/
/* Util class for smaller font-size */
.smaller {
  font-size: 85%;
}

/* CSS fix for currency */
span._currency_fix{
  text-indent: -8px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

/* Trucated list item */
.truncated-list-item {
  display: list-item;
  list-style: none;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncated-list-item + .ng-scope {
  display: none;
}
.truncated-item, .truncated-item > span{
  max-height: 150px;
  overflow: hidden;
  display: block;
}

/* Hide "Create New ..." links on select results to avoid badly created contacts */
.select2-results .crm-entityref-links.crm-entityref-links-create{
  display: none;
}

/* Hide column values Yes/No */
.sk-dynamic-col-is-sd .no {
  display: none;
}
.sk-dynamic-col-not-sd .yes {
  display: none;
}