/*@import 'typeahead';*/



body {
  font-size: 14px;
}
.crm-container div.crm-clear {
  font-size: 12px;
}


/* avoid inherited background bug */
div {
  background-color: inherit;
}

#civicrm-menu {
  height: inherit;
}

.wp-toolbar body.crm-menubar-below-cms-menu > #civicrm-menu-nav #civicrm-menu {
  top: 32px;
  left: 160px;
  width: calc(100% - 160px) !important;
}


/* problem caused by shoreditch / slider revolution plugin - select2 goes under popup */
body.wp-admin.post-php #select2-drop {
  z-index: 9999999 !important;
}
body.toplevel_page_CiviCRM .ui-dialog {
   z-index: 1000 !important;
 }
/* province selection */
.crm-container.ui-dialog-buttons {
  z-index: 10001 !important;
}
.select2-drop-active {
  z-index: 9999999 !important;
}


.select2-container .select2-choice {
  height: auto !important;
  min-height: 2em;
}

/* popup overlay in wordpress */
.ui-widget-overlay {
  z-index: 10000 !important;
}
body.toplevel_page_CiviCRM .ui-dialog {
  z-index: 10001 !important;
}

/* remove wordpress unecessary info */
.ajdg_notification, .update-nag {
  display: none;
}



/* some bootstrap emulation until we add bootstrap support */
.row {
  box-sizing: border-box;
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
}
.col {
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.col-sm-4 {
  width: 33%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-6 {
  width: 50%;
}

.btn {
  border: 1px solid;
  padding: 10px;
  margin: 10px 0;
  display: block;
}
a.btn {
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .col-sm-3, .col-sm-4, .col-sm6 {
    width: 100%;
  }
}


.input-group-addon {
  padding: 0 10px;
}




/* generic civicrm */
.breadcrumb {
  margin-bottom: 25px;;
}
#printer-friendly {
  display: none;
}
.crm-inline-block-content {
  word-wrap: anywhere;
}

/* member summary block */
#member-summary {
  margin-bottom: 20px;
}

#cc_confirm, #bcc_confirm {
  width: 100%;
}


/* PUBLIC PAGES */

#crm-container.crm-public {
  /* seems to create extra wide page on some page */
  /*margin-left: auto !important;*/
}

/* replicate other style */

body:not(.wp-admin) #crm-container form {
  background-color: transparent;
}

#crm-container.crm-public fieldset,
body:not(.wp-admin) fieldset {
  border: 0;
}
/*#crm-container.crm-public fieldset legend,
#crm-container.crm-public h2 {
  display: inline;
  padding: 0;

  color: white;
  background-color: #2b2d77;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: initial;
  font-weight: normal;
  padding: 6px 12px 5px 12px;
}*/

#crm-container.crm-public fieldset fieldset legend,
#crm-container.crm-public h3,
body:not(.wp-admin) fieldset fieldset legend {
  background: none;
  padding: 0;

  /* smaller than h2 */
  font-family: Oswald, Roboto, Helvetica, Arial, sans-serif;
  color: #2b2d77;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 38px;
  margin: 20px 0 10px;
  font-weight: normal;
}
#crm-container.crm-public h3,
#crm-container.crm-public h4,
#crm-container.crm-public h5 {
  width: 100%;
}


/* forms */

.crm-container div.messages, .crm-container .help {
  color: black;
  font-size: 16px;
  padding: 20px;
  margin: 20px 0;
  border: none;
  border-radius: 0;
  background-color: #D4F3FC;
  width: 100%;
}
.crm-container div.messages a, .crm-container .help a {
  color: black;
  font-weight: bold;
}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"],
#crm-container.crm-public input[type="email"],
#crm-container.crm-public select/*,
#crm-container.crm-public .twitter-typeahead*/ {
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
  height: 3em;
  padding: 10px;
}
#crm-container.crm-public .select2-container {
  width: 100% !important;
  max-width: 500px;
}
#crm-cdntaxcalculator-province-popup .select2-container {
  width: 70% !important;
}


#crm-container.crm-public .credit_card_exp_date-section .crm-form-date {
  width: 49%;
  max-width: 240px;
}

#crm-container.crm-public .credit_card_exp_date-section select {
  width: 49%;
  max-width: 250px;
}

#crm-container.crm-public input[type="radio"],
#crm-container.crm-public input[type="checkbox"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
#crm-container.crm-public .form-layout-compressed td {
  padding: 0;
}
#crm-container.crm-public label {
  margin-right: 15px;
}

#crm-container.crm-public .select2-container-multi .select2-choices li.select2-search-choice {
  padding: 5px 25px 5px 8px;
}


/* adaptative forms */
#crm-container .crm-section .label {
  float: none;
  width: auto;
  text-align: left;
}
#crm-container .crm-section .content {
  float: none;
  margin-left: 0;
}

#crm-container #Confirm .crm-section .label,
#crm-container #ThankYou .crm-section .label {
  float: left;
  width: 17%;
  font-size: 0.9em;
}
#crm-container #Confirm .crm-section .content,
#crm-container #ThankYou .crm-section .content {
  margin-left: 19%;
}
#crm-container #Confirm .crm-section.no-label .content,
#crm-container #ThankYou .crm-section.no-label .content,
#crm-container .crm-section.no-label .content {
  margin-left: 0;
}


/* phone with ext */
.editrow_phone-Primary-7-section .content,
.editrow_phone-4-8-section .content {
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
}
.editrow_phone-Primary-7-section .content input,
#crm-container .editrow_phone-Primary-7-section .content .label,
.editrow_phone-4-8-section .content input,
#crm-container .editrow_phone-4-8-section .content .label {
  float: left;
  box-sizing: border-box;
}
#crm-container .editrow_phone-Primary-7-section .content .label,
#crm-container .editrow_phone-4-8-section .content .label {
  margin-left: 10px;
}
.editrow_phone-Primary-7-section .content input#phone-Primary-7,
.editrow_phone-4-8-section .content input#phone-4-8 {
  width: 50%;
}
.editrow_phone-Primary-7-section .content .label,
.editrow_phone-4-8-section .content .label {
  width: 29%;
  padding-right: 10px;
}
.editrow_phone-Primary-7-section .content input#phone_ext-Primary-7,
.editrow_phone-4-8-section .content input#phone_ext-4-8 {
  width: 20%;
}


#crm-container.crm-public #orgOptions {
  display: none;
}
#crm-container.crm-public #on-behalf-block legend {
  display: none;
}

a.action-remove {
  margin: 0;
  border: 0 !important;
}
a.action-remove span {
  display: none;
}
a.action-remove i {
  font-size: 20px;
}

#crm-container div.crm-summary-row div.crm-content {
  font-size: 1.1em;
}

#crm-container.crm-public legend {
  margin-top: 3em;
}

/* Fix select2 shadows and padding */
.crm-container.crm-public .select2-container .select2-choice {
  padding: 0 5px;
}

.select2-container .select2-choice,
.select2-container .select2-choice:hover {
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

/* special input */
#crm-container.crm-public #priceset input[type="text"] {
  max-width: 240px;
}


/* translation */
.CRM_Core_I18n_Form input {
  width: 100%;
}


/* Tax receipt */

#crm-container .crm-button_qf_ContributionView_submit_issue_tax_receipt i {
  display: none;
}

#crm-container #_qf_ContributionView_submit_issue_tax_receipt-top,
#crm-container #_qf_ContributionView_submit_issue_tax_receipt-bottom {
  background-color: #4d8f46 !important;
  padding: 5px 10px !important;
  background-position: 5px 6px !important;
}

/* copa/general#211 : force price set in backend membership registration */
#mem_type_id, #totalAmountORPriceSet {
  display: none;
}


/* report on public pages */
body.civicrm #crm-container .breadcrumb {
  display: none;
}
body.civicrm #crm-container form.crm-report-form #mainTabContainer,
body.civicrm #crm-container form.crm-report-form .crm-tasks,
body.civicrm #crm-container form.crm-report-form .statistics-table,
body.civicrm #crm-container form.crm-report-form #_qf_Summary_submit
{
  display: none;
}
body.civicrm #crm-container form.crm-report-form input.ui-spinner-input {
  margin: 0;
  padding: 0;
  margin-right: 2em;
  height: auto;
}

.crm-submit-buttons button.crm-button,
body:not(.wp-admin) #crm-container button.af-button.btn-primary {
  padding: 10px;
  background-color: black;
  display: inline-block;
}
body:not(.wp-admin) #crm-container button.af-repeat-add-btn {
  background-color: black;
  color: white;
}


/* date */

#ui-datepicker-div {
  max-width: 400px;
}
.crm-container input.crm-form-date.hasDatepicker::placeholder {
  color: color: var(--form_text_color);
}
.crm-container input.crm-form-date.hasDatepicker {
  width: 90% !important;
}



/* exceptions */

#crm-container.crm-public #noOfparticipants .label,
#crm-container.crm-public .section-pricesetTotal .label {
  display: block;
}
#crm-container.crm-public #noOfparticipants .label span {
  display: inline;
}

/* billing */

#crm-container.crm-public .crm-section.billing_name_address-section {
  width: 100%;
}

/* discount */

.cividiscount-section {
  margin: 20px 0;
  padding-bottom: 40px;
  clear: both;
}
.cividiscount-section .content {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.cividiscount-section .content {
  width: auto;
}
.cividiscount-section .content.discountcode,
#crm-container.crm-public #priceset .cividiscount-section input[type="text"] {
  width: 100%;
  max-width: 400px;
  padding-right: 20px;
}

#crm-container.crm-public #priceset .cividiscount-section .label {
  display: block !important;
}