/* DOCUMENT INFORMATION
- Document: CopyCat / Simple Record Creator Style
- Last Major Update: 2019-02
  On error, the form ID will change, so we are cuing off of the id containing the text.
 */

/* --------------
  EpiForm Layout
  Structural / layout
--------------- */
[id*="ihme-copycat-handler"] .form-item,
[id^="edit-sources-fieldset-source-fieldset-"] .form-item{
  padding:0;
  margin:0;
}

[id*="ihme-copycat-handler"] #edit-zotero-citation {
  height:75px;
}

[id*="ihme-copycat-handler"] .form-item-start-date {
  clear:both;
}

[id*="ihme-copycat-handler"] input#edit-file-input,
[id*="ihme-upcat-form-handler"] [class*="file-path"].form-type-textfield input,
[id*="ihme-copycat-handler"] .resizable-textarea
{
  width:97%
}

[id*="ihme-copycat-handler"] #edit-internal-notes {
  height:2em;
}

[id*="ihme-copycat-handler"] #actions-fieldset {
  width:100%;
}

[id*="ihme-copycat-handler"] #actions-fieldset fieldset{
  display:inline-block;
  max-width:25%;
  margin-top:0;
  margin-right: 20px;
  padding-top:10px;
  vertical-align: top;
}

/* really large screens */
@media only screen and (min-width: 1500px) {
  [id*="ihme-copycat-handler"] .form-item-start-date {
    clear:none;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #edit-ihme-metadata .form-type-select,
  [id*="ihme-copycat-handler"] .form-item.form-item-pubmed-id
  {
    float:left;
    max-width: 45%;
    margin-right: 20px;
  }

  [id*="ihme-copycat-handler"] #zotero_citation_div {
    float: left;
    margin-left: 50px;
    margin-bottom: 20px;
    width: 75%;
  }

  #edit-ihme-metadata .form-type-textarea,
  [id*="ihme-copycat-handler"] .form-item-zotero-citation
  {
    float:none;
    display:block;
    clear:both;
  }

  [id*="ihme-copycat-handler"] input#edit-pubmed-id,
  [id*="ihme-copycat-handler"] input#edit-project-nid,
  [id*="ihme-copycat-handler"] .epiform-date-input,
  [id*="ihme-copycat-handler"] .form-type-select.form-item-start-date,
  [id*="ihme-copycat-handler"] .form-type-select.form-item-end-date,
  [id*="ihme-copycat-handler"] .form-item.form-item-pubmed-id,
  [id*="ihme-copycat-handler"] .form-item.form-item-project-nid
  {
    width:140px;
  }
  [id*="ihme-copycat-handler"] .form-item-tabulation-status,
  [id*="ihme-copycat-handler"] .form-item-data-type-2
  {
    width:200px;
    padding-bottom:10px;
  }
  [id*="ihme-copycat-handler"] input#edit-pubmed-id-submit {
    margin:25px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  [id*="ihme-copycat-handler"] .form-item {
    max-width:100%;
  }
  [id*="ihme-copycat-handler"] .select2-container,
  [id^="edit-sources-fieldset-source-fieldset-"] .select2-container {
    width:100%;
  }
}

/* --------------
  EpiForm Style
  Colors n stuff
--------------- */
/* ----- Accessibility ----- */
/* This text meets accessibility standards on an #9dcc9c IHME green background */
[id*="ihme-copycat-handler"]  .fieldset-legend legend,
[id^="edit-sources-fieldset"]  .fieldset-legend legend {
  color:#000;
  font-size:15px;
}
[id*="ihme-copycat-handler"] .form-item label,
[id*='edit-sources-fieldset-source-fieldset-'] .form-item label
{
  color:#000;
  font-size:14px;
}
[id*="ihme-copycat-handler"] .form-item div.description,
[id*="ihme-copycat-handler"] p,
[id*="ihme-copycat-handler"] .fieldset-description,
[id*="edit-sources-fieldset-source-fieldset-"] .form-item div.description,
[id*="edit-sources-fieldset-source-fieldset-"] p,
[id*="edit-sources-fieldset-source-fieldset-"] .fieldset-description
{
  color:#000;
  font-size:13px;
}
/* ----- Required ----- */
/* this is only compliant at 15px plus */
[id*="ihme-copycat-handler"] .form-required {
  /*color: #B30000; /* compliant with #9dcc9c IHME greeen*/
  color: #cc0000; /* compliant with #ACD4AB green*/
  font-size:15px;
}
/* ----- Errors ----- */
fieldset.error,
[id*="ihme-copycat-handler"] fieldset.error{
  border: 2px solid #cc0000 !important;
}
[id*="ihme-copycat-handler"] .form-item input.error,
[id*="ihme-copycat-handler"] .form-item textarea.error,
[id*="ihme-copycat-handler"] .form-item select.error,
[id^="edit-sources-fieldset-source-fieldset-"] .form-item input.error,
[id^="edit-sources-fieldset-source-fieldset-"] .form-item textarea.error,
[id^="edit-sources-fieldset-source-fieldset-"] .form-item select.error
{
  /*border: 2px solid #B30000; /* compliant with #9dcc9c IHME greeen*/
  border: 2px solid  #cc0000; /* compliant with #ACD4AB green*/
}
/* ----- Disabled ----- */
[id*="ihme-copycat-handler"] .form-disabled input,
[id*="ihme-copycat-handler"] .form-disabled input.form-autocomplete,
[id*="ihme-copycat-handler"] .form-disabled input.form-text,
[id*="ihme-copycat-handler"] .form-disabled input.form-file,
[id*="ihme-copycat-handler"] .form-disabled textarea.form-textarea,
[id*="ihme-copycat-handler"] .form-disabled select.form-select,
[id*="ihme-copycat-handler"] .select2-container.select2-container-disabled .select2-choice
{
  background-color:#e3e3e3;
}
/* ----- Background ----- */
[id*="ihme-copycat-handler"] fieldset,
[id*="ihme-upcat-form-handler"] fieldset{
  /*background-color: #9dcc9c; IHME green*/
  /*background-color: #ACD4AB; /* a shade lighter green*/
  background-color: #ACD4AB;
  border-radius: 10px;
  border: none;
  flex: 0 1 auto;
  position: relative;
}
/* Remove space for fieldset label: undo this when we do ajax add another*/
[id*="ihme-copycat-handler"] fieldset#highest-level-fieldset{
  padding:0;
}
[id*="ihme-copycat-handler"] fieldset fieldset
{
  background-color: #cde5cd;
}
[id*="ihme-copycat-handler"] fieldset fieldset fieldset
{
  background-color: #eef6ee;
}
[id*="ihme-upcat-form-handler"] #sources-ajax-fieldset,
[id*="ihme-upcat-form-handler"] #sources-ajax-fieldset > .fieldset-wrapper
{
  border:none;
  padding: 0;
  margin:0;
  background-color:transparent;
}
[id*="ihme-upcat-form-handler"] fieldset fieldset {
  background-color: #ACD4AB;
}
[id*="ihme-upcat-form-handler"] fieldset fieldset fieldset {
  background-color: #cde5cd;
}

fieldset[id^="edit-sources-fieldset-source-fieldset-"],
fieldset[id^="edit-sources-fieldset-"],
#ihme-copycat-handler {
  border-radius: 12px;
}

/* ----- Text ----- */
[id*="ihme-copycat-handler"] .fieldset-legend,
[id^="edit-sources-fieldset"] .fieldset-legend,
[id^="edit-sources-fieldset-source-fieldset-"] .fieldset-legend {
  color: #000;
  font-size: 1.1em;
}
/* ----- Input padding ----- */
[id*="ihme-copycat-handler"] input,
[id*="ihme-copycat-handler"] input.form-autocomplete,
[id*="ihme-copycat-handler"] input.form-text,
[id*="ihme-copycat-handler"] input.form-file,
[id*="ihme-copycat-handler"] textarea.form-textarea,
[id*="ihme-copycat-handler"] select.form-select,
[id*="ihme-copycat-handler"] .select2-container-multi .select2-choices,
[id^="edit-sources-fieldset-source-fieldset-"] input,
[id^="edit-sources-fieldset-source-fieldset-"] input.form-autocomplete,
[id^="edit-sources-fieldset-source-fieldset-"] input.form-text,
[id^="edit-sources-fieldset-source-fieldset-"] input.form-file,
[id^="edit-sources-fieldset-source-fieldset-"] textarea.form-textarea,
[id^="edit-sources-fieldset-source-fieldset-"] select.form-select,
[id^="edit-sources-fieldset-source-fieldset-"] .select2-container-multi .select2-choices
{
  font-size:1.1em;
  padding: 2px 10px;
  margin:0;
}

[id*="ihme-copycat-handler"] #edit-file-input,
[id*="ihme-upcat-form-handler"] .form-type-textfield input,
[id*="ihme-copycat-handler"] #edit-pubmed-id,
[id*="ihme-copycat-handler"] #edit-project-nid {
  padding: 5px;
}

/**
 * CopyCat submit buttons
 */
[id*="ihme-copycat-handler"] input[type=submit],
[id*="ihme-upcat-form-handler"] input[type=submit],
[id^="edit-sources-fieldset-add-source--"]
/**#edit-submit, #edit-back, #edit-sources-fieldset-remove-source, #edit-sources-fieldset-add-source **/
{
  margin: 5px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  background: #238b45 !important;
  color: white !important;
  line-height: 20px !important;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border: none !important;
  text-transform: uppercase;
}

/**
 * CopyCat logo
 */
#form-logo {
  display: block;
  height: 100%;
  width: auto;
  justify-self: center;
  max-height: 100px;
}
#logo-instructions {
  display: grid;
  grid-template-columns: 140px auto;
  grid-gap: 10px;
  align-items: flex-end;
}
@media only screen and (max-width: 400px) {
  #logo-instructions {
    display: block;
  }
}

/**
 * Sphinx check / dupe check colors
 */
[id*="ihme-copycat-handler"] .not-duplicate {

}
[id*="ihme-copycat-handler"] .possible-duplicate {
  background-color: #eaaf0b;
}
[id*="ihme-copycat-handler"] .duplicate {
  background-color: #ff8080;
}

/**
 * Compare source and/or record table
 */
.src-data-comparison {
    overflow-x: auto;
}
.src-data-comparison table {
    width: 100%;
    table-layout: fixed;
    background: white;
}
.src-data-comparison td {
    word-wrap: break-word;
    /* These next three lines do ellipses overflow instead of word-wrap
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}
.src-data-comparison table, .src-data-comparison td, .src-data-comparison th {
    border: 1px solid lightgrey;
}
/* Row hover color */
.src-data-comparison tr:hover {
    /*background-color: #CAE2A0;*/
  background-color: #eef6ee;
}
.src-data-comparison th {
    background-color: #228B44;
    color: white;
    width: 1fr;
}
/**
 * End table styling
 */

/* hide notification message from displaying in ajax fieldset
TODO: what is this for?  Do we still need this?
*/
#mapped_node_info .messages {
  display: none!important;
}