dt.crm_template     { background-image: url('/plugin_assets/redmine_crm/images/bricks.png'); }
dt.crm_faq          { background-image: url('/plugin_assets/redmine_crm/images/lightbulb.png'); }
dt.contact          { background-image: url('/plugin_assets/redmine_crm/images/user_suit.png'); }
dt.company,
.icon-show-customer { background-image: url('/plugin_assets/redmine_crm/images/building.png'); }
.icon-show-issue    { background-image: url('/images/ticket.png'); }
.icon-add-task      { background-image: url('/plugin_assets/redmine_crm/images/note_add.png'); }
.icon-add-note      { background-image: url('/plugin_assets/redmine_crm/images/report_add.png'); }
.icon-add-email     { background-image: url('/plugin_assets/redmine_crm/images/email_add.png'); }
/*label#send-to-customer-label,*/
span#send-to-customer,
span.send-to-customer,
label.send-to-customer{
  background-color:#DCECF2;
  font-weight: bold;
  color:#064358;
}
.journal h4 span.send-to-customer {
  background-color: inherit;
  font-weight: inherit;
  color: inherit;
}
textarea#issue_description.send-to-customer,
textarea#issue_notes.send-to-customer,
.contact-assigned .tabular input.visible-to-contact,
.contact-assigned select.visible-to-contact {
  border: 2px solid #51A4BD;
  background-color:#DCECF2;
}
.send-to-customer-warning { display: none; }
.contact-assigned .send-to-customer-warning { display: inline; }

pre#note-header,
pre#note-footer{
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  width: 99%;
  word-wrap: break-word;
  word-break: break-word;
}
pre#note-header { margin-top:2px; }

#company_name_candidates ul li,
.additional_contact_mail_candidates ul li {width: 500px;}

a.crm_template_variable {font-style: italic;}

@media all and (max-width: 899px) {
  #crm-template-select {
    width: 100%;
  }
}


.ui-autocomplete-with-more {
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

.ui-menu-more {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  min-height: 0;
}

.ui-autocomplete-with-more.loading .ui-menu-more:before,
.ui-autocomplete-with-more.loading .ui-menu-more:after {
  content: "";
  position: absolute;

  height: 2px;
  width: 10px;

  bottom: 0;
  left: 0;

  background-color: #004259;

  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-name: moveleft;
}

.ui-autocomplete-with-more.loading .ui-menu-more:after {
  animation-delay: -1s;
}

table.definitions,
table.definitions tr,
table.definitions td {
  border-spacing: 0;
  padding: 0 5px 0  0;
}

table.list:not(.odd-even) table.definitions tr {
  background-color: inherit;
}

@keyframes moveleft {
  from {
    left: -4px;
    width: 4px;
  }
  to {
    left: 100%;
    width: 20px;
  }
}

.visible_if_create_companies {
  display: none;
}
.create_companies .visible_if_create_companies {
  display: block;
}

/** /projects/:project_id/settings/crm styles */
.edit_crm_configuration .tabular .wiki {
  margin-left: 136px;
  margin-bottom: 0.25em;
  overflow-x: hidden;
}
.edit_crm_configuration .tabular .preview {
  max-height: 272px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 8.75px;
  padding-right: 8.75px;
}
.edit_crm_configuration .tabular .preview p {
  padding-left: 0px;
}