/* CIVICRM INTERFACE */

/* don't need printer-friendly icon */
#printer-friendly {display: none;}

/* make civi background white */
.crm-container div.contact_panel td,
.crm-container table.crm-info-panel td {
    background-color: #fff;
}
.crm-container .crm-form-block {
  background-color: transparent;
}

/* format civi footer */
#civicrm-footer, #civicrm-footer a {
    color: #aaa;
    font-size: 10px;
}
/* font-family to Open Sans */
#crm-container form .section-hidden-border,
.crm-container #alpha-filter li,
.crm-container fieldset legend,
#root-menu-div ul,
.crm-container h3,
#crm-container h3 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
/* heading style for table headers */
/* made to match fieldset legend format */
.crm-container h3,
#crm-container h3 {
    background-color: transparent;
    font-size: 1.25rem;
    font-weight: normal;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.crm-dashlet-header h3 {
  font-size: 1.125rem !important;
  font-weight: normal !important;
  color: #fff !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  width: auto !important;
}
.crm-status-item h3 {
  width: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}
/* accordion panels */
.crm-container .crm-accordion-header {
    background-position: 8px center;
    font-size: 0.85rem;
    padding: 4px 8px 4px 26px;
    background-color: #555;
}
.crm-container .crm-accordion-header:hover {
    background-color: #333;
}
.crm-container .crm-accordion-header.active {
    font-weight: normal;
    background-color: #003592;
}
.crm-container .crm-accordion-header.active:hover {
    background-color: #002d7c;
}
.crm-container .crm-master-accordion-header.crm-accordion-header:hover,
.crm-container .crm-collapsible .collapsible-title:hover {
    background-color: transparent;
    color: #003592;
}

/* buttons */
.crm-container a.button,
.crm-container a.crm-invoiceButton,
.crm-container a.crm-invoiceButton:link,
.crm-container a.crm-invoiceButton:visited,
.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-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    font-weight: normal;
    margin: 0 1rem 1rem 0;
    padding: 0.5em 1.25em;
    text-shadow: none;
    background: #003592 none repeat scroll 0 0;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: all .25s ease-in-out;
}
.crm-container .crm-hover-button:hover,
.crm-container a.crm-hover-button:hover,
.crm-container a.crm-hover-button:active {
    background-image: none;
    border: none;
    opacity: 1;
    color: #002d7c;
}
.crm-container a.button:hover,
.crm-container span.crm-button:hover {
    background: #002d7c;
}
.crm-container span.crm-button-type-cancel {
    background: #999;
    color: #fff;
}
.crm-container span.crm-button-type-cancel:hover {background: #aa0000}
.crm-container .crm-submit-buttons {padding: 0.5rem 0;}
.crm-container a,
.crm-container a:link,
.crm-container a:visited,
.crm-container a.crm-hover-button.action-item,
.crm-container .crm-hover-button.btn-slide,
.crm-container .crm-action-menu .select2-default span.select2-chosen {
    color: #003592;
}
.crm-container .crm-submit-buttons {
    margin-bottom: 2rem;
}

/* forms */
.crm-container.crm-public div.content {
    padding: 0;
    margin: 0;
}

/* messages */
.crm-container div.messages.status.no-popup {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 1.5rem;
}
.crm-container .crm-contact-task-delete-form-block h3 {
    font-size: 1rem !important;
    line-height: 1.75rem;
}
/* civicrm admin menu */
.crm-quickSearchField input {
    margin-right: 0.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.crm-quickSearchField label {font-weight: normal;}
#civicrm-menu li a {
  opacity: 1;
  background-color: rgba(34, 34, 34, 1);
}
#civicrm-menu form {
  padding: 0 !important;
}
#civicrm-menu form input {
  border-radius: 0 !important;
}
#crm-qsearch label {
  color: #fff;
}

/* tabs */
.crm-container .ui-widget-header,
.crm-container .ui-dialog-titlebar.ui-widget-header {
    background: #f5f5f5;
}
.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.8125em;
}
#mainTabContainer li.crm-tab-button {
  margin: 2px;
  border: 1px solid #ddd;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    background: #fff;
}
.crm-container .crm-tab-button a,
.crm-container .ui-tabs .ui-tabs-nav li a {
  padding: 4px 12px !important;
}

/* action list dropdown */
#crm-container .ac_results li {
    line-height: inherit;
    padding-left: 14px;
    font-size: 0.75rem;
    margin: 0;
}

/* Styles for credit card payment logos */
.crm-container .credit_card_type-section .crm-credit_card_type-icons a {
    display: block;
    float: left;
    width: 40px;
    height: 24px;
    background: url(creditcard-icons.png) no-repeat 0 0 transparent;
    text-indent: -20000px;
    margin-right: 10px;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    margin-bottom: 1rem;
    opacity: 0.25;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-visa {
    background-position: -80px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-mastercard {
    background-position: -120px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-amex {
    background-position: -160px 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: -240px 0;
}
.crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-unionpay {
    background-position: -280px 0;
}
.crm-container #credit_card_number {
    width: 10rem;
}
.crm-container .cvv2-icon {
    display: inline-block;
    width: 80px;
    height: 24px;
    background: url(creditcard-icons.png) no-repeat 0 0 transparent;
}
.crm-container #cvv2 {
    width: 3rem;
}
.crm-container .credit_card_exp_date-section select {
    width: 7rem;
    background-image: none;
}
.crm-container  .cvv2-section label, .crm-container  .cvv2-section span, .crm-container  .cvv2-section input {
    display: inline-block;
    vertical-align:middle;
}
.crm-container .credit_card_type-section label {
    display: none;
}

/* green help boxes (changed to #333) */
.crm-container .help, .crm-container #help {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background: #fff;
    color:#333;
}
.crm-container .help, .crm-container #help p {
    color:#333;
}
/* move to next line */
.crm-container .crm-form-select {
    display: block;
}
/* input field length standardized to full responsive */
.crm-container input.big.crm-form-text,
.crm-container input.huge.crm-form-text,
.crm-container input.twelve.crm-form-text {
    width: 100%;
}
/* why won't this work? */
input[id*="postal_code"] {
    width: 8rem;
}
/* form box margin-bottom is 0 in civicrm.css */
div#crm-container form, div.crm-container form {
    margin-bottom: 2rem;
}
/* remove label and content styling */
.crm-container .crm-section .content, .crm-container .crm-summary-group .crm-section .content {
  margin-left: 0;
}
.crm-container .crm-section .label {
  float: none;
  width: 100%;
  text-align: left;
}

/* GRADIENTS */
/*.crm-container select.crm-form-select,
.crm-container select.crm-form-date {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}*/

.crm-container input.crm-form-text,
.crm-container input.dateplugin {
    border: 1px solid #cacaca;
    vertical-align: middle;
    padding: 4px 0 4px 8px;
    height: 1.8em;
    background-image: none;
}
.crm-container input.crm-form-text:focus {
    border: 1px solid #8a8a8a;
}

.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] {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2));
    background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
    background-image: -moz-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
    background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
}

.crm-container .ui-dialog-buttonpane {
    background: none ; /*linear-gradient(to bottom, #f2f2f2 0%,#ffffff 35%)*/
}

.crm-container .form-layout-compressed td.option-label {
    color: #777;
}

#crm-container ul.wizard-bar li.current-step {
    background-color: #003592;
    border-color: #003592;
}
#crm-recently-viewed a {
    color: #003592;
}
.crm-container #alpha-filter a {
    border-bottom: 1px dotted #003592;
    color: #003592;
}
#crm-container input.submit-link {
    color: #003592;
}

.crm-container .underline-effect {
    color: #003592;
}
#crm-container .honor_roll {
    border: 1px solid #bfffff;
}

#crm-container .report-contents {
    background-color: #F5F5F5;
    border: 1px solid #f5f5f5;
}

#crm-container .report-contents-right {
    border: 1px solid #ccc;
}

#crm-container table.report-layout td {
    border-bottom: 1px solid #ccc;
}
.crm-container div.contact_panel td.label,
.crm-container #customFields div.contact_panel td.label,
.crm-container table.crm-info-panel td.label {
    color: #777;
}
.crm-container .form-layout td.label,
.crm-container .form-layout-compressed td.label {
    color: #777;
}
.crm-container table.batch-totals {
    border: 1px solid #777 !important;
}
.crm-container td {
  height: auto !important;
}

/* grid div as table */
.crm-container .crm-grid-table {
    border: 1px solid #777;
}

.crm-container .crm-batch-entry-table {
    border-right: 2px solid #777 !important;
}
.crm-container div.ui-notify-message-style a,
.crm-container div.ui-notify-message-style a:link {
    color: #bfffff;
}
.crm-container div.ui-notify-message-style a:hover,
.crm-container div.ui-notify-message-style a:focus {
    color: #73daff;
}

.crm-container .crm-pager {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}
#crm-container div.crm-inline-edit.form {
    border: 2px dashed #003592;
}
#crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help {
    display: block;
    background-color: #ddd;
}
/* edit contact label text wraps */
#crm-container table.crm-inline-edit-form td,
#crm-container div.crm-inline-edit-form {
    background-color: #f5f5f5;
    white-space: normal;
}

/* error messages next to input */
.crm-container .crm-marker{
    color: #f00;
    font-weight: normal;
    margin-right: 5px;
}
.crm-container .crm-error.crm-error-label {
    font-size: 0.875rem;
}
.crm-container .crm-error,
.crm-container .crm-inline-error {
    background: none;
    border: none;
    color: #f00;
    font-size: 0.75rem
}
/* end error messages */

 /* UI overlay button sizing */
 .ui-button-text {
     padding: .1em .1em .1em 1.25em !important;
 }
 .ui-dialog-buttonset > .ui-state-default:hover {
     background: #003592 !important;
 }

/* overlay button controls */
.crm-container .ui-dialog-titlebar .ui-button {
    color: #333;
}
/* order icon image fit in column */
.crm-container a.crm-weight-arrow img.order-icon {
    max-width: none;
}
/* wrap text on recent item sidebar */
#crm-recently-viewed li.crm-recently-viewed {
    white-space: normal;
}
/* hide map, public event, social media checkboxes */
form.CRM_Event_Form_ManageEvent_EventInfo tr.crm-event-manage-eventinfo-form-block-is_map,
form.CRM_Event_Form_ManageEvent_EventInfo tr.crm-event-manage-eventinfo-form-block-is_public, form.CRM_Event_Form_ManageEvent_EventInfo tr.crm-event-manage-eventinfo-form-block-is_share {display: none;}
/* hide event link on event manage page */
form.CRM_Event_Form_ManageEvent_EventInfo tr.crm-event-manage-eventinfo-form-block-is_active + tr {
    display: none;
}
/* make ckeditor5 window fixed height and scrollable */
.ck.ck-content.ck-editor__editable {
  max-height: 60vh;
  overflow-y: auto;
}
/* elfinder background becomes transparent from Claro theme */
.elfinder.dialogelfinder.ui-widget,
.elfinder-dialog-modal.ui-widget {
  background-color: #fff;
}
/* reset to flat gray background on hover */
.elfinder-cwd-file.ui-state-hover, .elfinder-cwd-file.ui-state-hover .elfinder-cwd-filename {
  background: #eaf0f6;
}
/* filename color on hover */
.elfinder-cwd-file.ui-state-hover .elfinder-cwd-filename {
  color: #000;
}
/* filename on hover */
.ui-widget-content .ui-state-active {
  background: transparent;
  color: #000;
}
/* file icon filetype on hover */
.elfinder-cwd-icon-image.elfinder-cwd-icon-png::before,
.elfinder-cwd-icon-image.elfinder-cwd-icon-jpeg::before {
  color: #333;
}
.elfinder-cwd-filename.ui-state-hover {
  background: transparent;
}
.elfinder-cwd-file.ui-state-hover .elfinder-cwd-file-wrapper.ui-state-active {
  background: #eaf0f6;
}
.elfinder-cwd-file.ui-selected, .elfinder-cwd-file.ui-selected .elfinder-cwd-file-wrapper {
  background: #eaf0f6;
}
.elfinder-cwd-file.ui-selected, .elfinder-cwd-file.ui-selected .elfinder-cwd-file-wrapper.ui-state-active {
  background: #eaf0f6;
}
.elfinder-cwd-file-wrapper.ui-state-active {
  background: #eaf0f6;
  color: #000;
}
/* datepicker size reset */
table.ui-datepicker-calendar {
  font-size: 0.875rem;
  td {
    height: auto;
  }
}