@media (max-width:767px) {
  input.eaw_with_infobutton {
    width: 97%;
  }
}

@media (min-width:768px) {
  .controls {
    margin-left: 130px;
  }
}

@media (min-width: 768px) and  (max-width: 979px) {
  input.eaw_with_infobutton {
    width: 322px;
  }
}

@media (min-width: 980px) {
  input.eaw_with_infobutton {
    width: 87.5%;
  }
}

div.eaw_with_infobutton {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 980px) {
  div.publicationcheck div.eaw_with_infobutton,
  div.open_data_check div.eaw_with_infobutton,
  div.longtermcheck div.eaw_with_infobutton {
    width: 56.5%;
  }
  .open_data_embargo span.error-block {
    width: 43.3%;
  }
}
 
@media (min-width: 768px) and (max-width: 979px) {
  div.publicationcheck div.eaw_with_infobutton,
  div.open_data_check div.eaw_with_infobutton,
  div.longtermcheck div.eaw_with_infobutton {
    width: 42.0%;
  }
}
@media (min-width: 713px) and (max-width: 767px) {
  div.publicationcheck div.eaw_with_infobutton,
  div.open_data_check div.eaw_with_infobutton,
  div.longtermcheck div.eaw_with_infobutton {
    width: 65.2%;
  }
}

@media (min-width: 480px) and (max-width: 712px){
  div.publicationcheck div.eaw_with_infobutton,
  div.open_data_check div.eaw_with_infobutton,
  div.longtermcheck div.eaw_with_infobutton {
    width: 52.4%;
  }
}


@media (max-width:480px) {
  div.eaw_with_infobutton {
    max-width: 400px;
  }
}

.grey-well {
	background-color: rgb(248,249,250);
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	padding: 1rem;
}

textarea.eaw_with_infobutton {
  width: 90%;
}

.publicationlink div.eaw_with_infobutton {
  margin-top: 13px;
}
 
.publicationlink button.outsidebutton {
  display: inline-block;
  margin-top: 13px;
}

@media (max-width: 979px) {
  .control-medium > .controls > select {
    width: 90%;
  }
}

div.form-group.publication_element,
div.form-group.open_data_element,
div.form-group.longterm_data_element {
  background: rgb(196, 235, 234);
  padding: 15px;
  padding-bottom: 20px;
  
}
div.form-group.publication_element.publicationcheck,
div.form-group.open_data_element.open_data_check,
div.form-group.longterm_data_element.longtermcheck {
  margin-bottom: 20px;
  border-radius: 10px 10px 10px 10px;
}

@media (max-width: 480px) {
  .publicationcheck_wrap  .publication_element > label.control-label {
    padding-left: 0px;
    display: inline;
  }
}

div.form-group.publication_element.publicationlink,
div.form-group.open_data_element.open_data_embargo {
  padding: 15px;
  padding-top: 10px;
  margin-top: -20px;
  border-radius: 0px 0px 10px 10px;
  margin-bottom: 20px;
}


.publicationcheck label.control-label:after,
.open_data_check label.control-label:after,
.longtermcheck label.control-label:after {
  content:"";
}

input.eaw_schema_checkbox[type=checkbox] {
  top: 0px;
}

label.eaw_schema_checkbox {
  display: inline;
  position: relative;
  vertical-align: middle;
}

.publicationcheck label.control-label,
.open_data_check label.control-label,
.longtermcheck label.control-label {
  width: 300px;
  font-size: 17.5px;
  text-align: left;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  float:left;
}

.publicationlink label.control-label {
  width: 115px;
}

input#field-ispublication,
input#field-open_data {
  transform: scale(2);
  width: 30px;
}

input#field-publicationlink {
  width: 97%;
}
  
.publicationcheck button.outsidebutton,
.open_data_check button.outsidebutton,
.longtermcheck button.outsidebutton {
  margin-top: 13px;
}

.modal-help div.modal-body {
  background-color: #EBEBEB;
  border-radius: 5px;
}
.modal-help div.modal-header {
  margin-bottom:0px;
  border-bottom: 1px solid #A9A9A9;
  padding: 20px;
}
.modal-help .modal-header button.close {
  font-size: 30px;
}

li.spaced:not(:last-child),
ol.spaced li:not(:last-child),
dl.spaced > dd:not(:last-child) {
  margin-bottom: 10px;
}
dl.spaced > dt {
  line-height: 2em;
}

@media (max-width: 767px) {
  .toolbar .breadcrumb a {
    color: #505050;
  }
}

.fa-file-text-o {
  color: #0087CD;
  position:relative;
  top: 4px;
}

.metadatadiv {
  margin: 10px;
  padding: 10px;
}

.fa-external-link-square:before {
  text-decoration: none;
}

.publicationlink span.error-block {
  width: 87%;
}

@media (max-width: 979px) {
  .open_data_embargo span.error-block {
    width: 62%;
  }
}

p#md_tooltip_lead {
  word-break: normal;
}

i.fa-exclamation-triangle {
  color: #FF6840;
}

/* A horizontal line with text in the middle
   Used to separate sections.
*/

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 50px 0 20px 0;
}

.strike > span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #005978;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 2px;
    background: #FF9955;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

.form-control,
div.form-group.eaw_with_infobutton select {
  display: inline-block;
}

div.select2-container.form-control {
  border: 0;
}

div.select2-container.form-control {
  padding: 0;
}

.package_citation div.well,
.paper_citation div.well {
  margin-bottom:0;
}

.list-group.expandable-list {
  margin-bottom:0;
}

.list-group.expandable-list > li.list-group-item.clearfix {
  border-bottom: 0;
}

.table td, table th {
  border: none !important;
}

form .display_none {
  display: none;
}

/* Fix Check button positioning for DORA-Id field */
#pubcheckbutton {
  display: block !important;
  text-align: center !important;
  
  float: right !important;
  margin-top: 5px !important;
  margin-right: 0px !important;
  
}

/* Ensure input field container does not interfere */
#field-publicationlink {
  margin-bottom: 5px !important;
  width: 100% !important;
  
}

}

.open_data_embargo .form-control {
  width: 100% !important;
}

.open_data_embargo .input-group-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ensure calendar icon stays to the right of embargo input */
.open_data_embargo .input-group {
  width: 38% !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.open_data_embargo .input-group .form-control {
  flex: 1 !important;
  min-width: 0 !important;
}

.open_data_embargo .input-group .input-group-text {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 0 !important;
  border-left: 0 !important;
}



/* Specific width rule for embargo and DORA-Id fields - overrides general eaw_with_infobutton width */
@media (min-width: 980px) {
  .publicationlink div.eaw_with_infobutton,
  .open_data_embargo div.eaw_with_infobutton {
    width: 56.5% !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .publicationlink div.eaw_with_infobutton,
  .open_data_embargo div.eaw_with_infobutton {
    width: 42.0% !important;
  }
}

@media (min-width: 713px) and (max-width: 767px) {
  .publicationlink div.eaw_with_infobutton,
  .open_data_embargo div.eaw_with_infobutton {
    width: 65.2% !important;
  }
}

@media (min-width: 480px) and (max-width: 712px) {
  .publicationlink div.eaw_with_infobutton,
  .open_data_embargo div.eaw_with_infobutton {
    width: 52.4% !important;
  }
}

/* Fix calendar button height to match input field height */
.open_data_embargo .input-group .form-control,
.open_data_embargo .input-group .input-group-text {
  height: 34px !important;
  line-height: 1.42857143 !important;
}

.open_data_embargo .input-group .input-group-text {
  padding: 6px 12px !important;
  border: 1px solid #ccc !important;
}