#results-count-header.scroll-to-fixed-fixed { background-color: white; }

.vials { padding: 2.9em 4em; margin-bottom: 1em; }

.contact-header { margin-bottom: 5px; }
.contact-header > div { padding: .75em 0 .75em 3.5em; background: url("../img/icn-question.8c2ff3c6f027.png") left center no-repeat; }
@media (max-width: 663px) {
    .contact-header > div { padding: .275em 0 .275em 3.5em; }
}
.contact-options { font-size: 14px; font-weight: initial; }
.contact-us { margin-bottom: 0; }

.checkbox-indent { margin-top: 20px; }
.checkbox-left { margin-left: 10px; }
.upload-checklist { margin-top: 15px; }

.media .flag-overlay { position: absolute; display: block; font-size: 14px; top: 0px; left: 0px; background-color: #fff; width: 20px; height: 20px;
text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.33); border-bottom: 1px solid rgba(0, 0, 0, 0.33); opacity: 0.75; }
.media .flag-overlay-ordered { position: absolute; display: block; font-size: 14px; top: 0px; left: 20px; background-color: #fff; width: 20px; height: 20px;
text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.33); border-bottom: 1px solid rgba(0, 0, 0, 0.33); opacity: 0.75; }

.attachment-files-table select.sub-doc-type { width: 75%; }
.documents-table ul.doc-approvals { margin-bottom: 0; }
.documents-table ul.doc-approvals li label { font-weight: normal; margin-bottom: 0; }

.registries-pad-left { padding-left: 15px; }

#select-registries { min-width: 400px; }

#user-menu {z-index: 10000}

#display-additional-registries { max-width: 350px; width: 350px; }

/* Bootstrap overrides */
.help-block { margin-top: 0; margin-bottom: 5px; color: #737373}
.is-checkbox .checkbox .help-block { margin-top: 5px; margin-bottom: 0; }
.help-block-no-margin { margin: 0; }
.form-group ul.errorlist { margin: 0px 0px 5px 0px !important; }
.form-group.is-checkbox ul.errorlist { margin: 0 !important; }

.request-header-row { margin-bottom: 0em !important; }

/* After 1200px the div container is always set to 1170px. Margin-left/right overrides parent padding to actually take 100% width. Padding-left/right adds correct padding. */


/* Remove No file chosen text from attachments */
#attach { color: transparent; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, 
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, 
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, 
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #333333 }

#vote_table { position:relative; overflow:auto; }

#id_vote :disabled { background-color: #dfdfdf; color: black; }

#responses_dropdown { display: inline-block; }

#responses_dropdown span.caret { color: white; border-top-color: white; }

.registry-page-top label { margin-bottom: 0rem; }

#registry-dua, #registry-destruction {background-color: #f4f4f4; border-color: #dddddd; border-style: solid; border-width: 1px; border-radius: 10px; padding: 10px; margin: 5px;}

.font-weight-bold-label .checkbox-inline {
    font-weight: bold !important;
}

#id_data_destruction_end_of_study-label, #id_dua_end_of_study-label{font-weight: bold !important;}

label[for="id_dua_required"] {font-size: 16px; color: #4a66a0; text-transform: uppercase; border-bottom: 1px dotted #e2e3e3; line-height: 1.1; display: block; padding-bottom: 12px;}

.stand-out{border: 1px solid #bbbbbb; padding: 3px; border-radius: 10px; }

#match-count-registry-name{padding:4px; }

#id_dua_end_of_study-label, #id_data_destruction_end_of_study-label{padding-left: 15px;}

.grey-out{color: #595959}

div.doc-category, #document-upload-documents-tab {
    padding-left: 5px;
    padding-top: 10px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: #f9f9f9;    
}

ul.collapse, ul.collapsing {
    padding-inline-start: 0px;
}
ul.collapse > li, ul.collapsing > li{
    display: block;
}

i.clear, i.add {
    padding-right: 10px;
    padding-top: 4px;
    cursor: pointer;
    float: right !important;
}
p.collapse-toggle{
    cursor: pointer;
}

#sidebarCollapse {
    margin: 2px;
}

#registry-keywords {
    width: 100%;
}

.progressbar {
      counter-reset: step;
      padding-bottom: 95px;
  }
  .progressbar li {
      list-style-type: none;
      width: 14%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
      z-index: 100;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 50%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -25%;

  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: #3051a0;
      font-weight: bold;
  }
  .progressbar li.active:before {
      border-color: #3051a0;
  }
  .progressbar li.active + li:after {
      background-color: #3051a0;
  }

.fa-angle-double-left{
    float: right;
    color: #2d699e;
    margin-right: 10px;
    margin-left: 5px;
}

.fa-angle-double-right{
    display: none;
    color: #2d699e;
}

#simple-save-dropdown{
    z-index: 900;
}

.formset-readonly-container{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
}

.sub-question{
    padding-left: 30px;
}

#cart-match-counts{
    padding-right: 25px;
}

#cart-checkout {
    float: right;
    margin: 4px;
}
#registry-about-page-blurb{
    margin-bottom: 20px;
}
.reg-attachments{
    padding-bottom: 10px;
}
.state-specific-date{
    display: inline-block;
}
.date.state-specific-date{
    width: 75%;
}
.btn-inline.state-specific-date{
    width: 20%;
}

.collapsed h3:after {
    content: "\25be";
}
a[aria-expanded="true"] h3:after, .data-items-header[aria-expanded="true"] h3:after{
    content: "\25b4";
}
.cart{
    overflow: hidden;
    width: 100%;
}

/* Voting options disabled indicator */
.voting-tooltip-container { position: relative; display: inline-block; cursor: pointer; }
.voting-tooltip-container .voting-tooltip { background-image: linear-gradient(to bottom, #3A6AE4, #2D498A); color: #fff; text-align: center; border-radius: 6px; padding: 4px; position: absolute; z-index: 1; bottom: 105%; left: 50%; margin-left: -80px; }
.voting-tooltip-container .voting-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #2d498a transparent transparent transparent; }
#irb-file-instructions { display: none;}
#vote_table { position:relative; overflow:auto; }


#dashboard-tables.form-control, #dashboard-overview-tables.form-control {
    width: 25%;
}

.dashboard-table{
    display: None;
}
.dashboard-dropdown{
    display: flex;
}

.table > tbody > tr > td.dashboard-request{
    padding-left: 3%;
}
.projectspecificregistrydetail_special_conditions{
    max-width: 200px;
    font-weight: 550;
}

.highlight{
    border-radius: 10px;
    color: red;
}

.list-group{
    margin-bottom: 20px;
}

p {
    margin-bottom: 10px;
}

.container-fluid {
    width: auto;
    max-width: unset;
    padding: 0 5%;
}

.card-columns{
    column-count: 2;
}

.card{
    border: none;
}

.btn.btn-sm {
    font-size: 12px;
}

.btn.btn-xs {
    border-radius: 0.1875rem;
    font-size: 12px;
}

.btn {
    font-size: 14px;
    border-radius: 40px;
}

.inline {
    display: inline;
}

.table td {
    padding: .25em;
}

.btn.btn-secondary {
    text-shadow: 0 1px 0 #fff;
    border-color: #cccccc;
    font-weight: normal;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    color: #333333;
}

.grayButton {
    text-shadow: 0 1px 0 #fff;
    border-color: #cccccc;
    font-weight: normal;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    color: #333333;
}

.show > .btn-secondary.dropdown-toggle {
    color: black;
}

.btn.btn-success {
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%)
}

#submit-btn-target {
    display: none;
}

#select_all{
    cursor: pointer!important;
}

.registry-contact{
    padding-left: 10px;
}

#registry-form-table thead th{
    border: none;
}

#registry-form-table td,
#registry-form-table th,
.dataTables_wrapper table tbody th
{
    border-top: 1px solid #AFAFAF;
    vertical-align: middle;
}

.registy-form-instructions{
    width: 30%;
}

#search-second-column {
	max-width: 83vw;
}

.freeze-first-col th:first-child,
.freeze-first-col td:first-child {
	position: sticky;
	left: 0;
}

/************Asya's edits*************/
ul.shade {list-style:none;}
.shade li {padding:.5em;}
.shade li:nth-child(odd) {
  background: #eee;
}
.btn-danger {
    background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
}

.btn-link {
    color: #23527c;
}

.underline {
   text-decoration: underline;
}

.btn-tira {
    font-size: 12px;
    padding: 3.5px 7px 3.5px 7px;
}

.investigators-information {
    padding-left: 50px;
}

.green-highlight {
    background-color: #dcffdc !important;
}

.red-highlight {
    background-color: #ffdcdc !important;
}

.yellow-highlight {
    background-color: #fff0d2 !important;
}

.table-darker-lines th,
.table-darker-lines td {
  border-top: 1px solid #b1b4b8; }

.table-darker-lines thead th {
  border-bottom: 1px solid #b1b4b8; }

.table-darker-lines tbody + tbody {
  border-top: 2px solid #b1b4b8; }

.request-header {
 z-index: 9000 !important;
}

#state-forms-no-border{
 border: none;
}
.code-table,
.code-table th,
.code-table td{
  border: 1px solid black;
}

#site-user-error-messages-list{
  color: #842029;
}

#site-user-success-messages-list{
  color: #0f5132;
}

.updated-documents{
  color:#DC143c;
}

#footer .footer-not-bold{
  font-weight: normal;
}

.naaccr-swoosh{
  float: right;
}
#footer #hide-when-small{
  margin-right: 0px;
}
@media (max-width: 998px){
  #footer #hide-when-small{
    display: none;
  }
}

@media (min-width: 998px){
  #footer #show-when-small{
    display: none;
  }
}

#select-registries{
  padding: 5px;
}


#request-tabs .nav-link.active{
  background-color: #f4f4f4;
}

#check-all {
    color: #3A6AE4;
}

.display-inline{
  display: inline;
}

.data_items_requested_approved {
    margin-bottom: 0px !important;
}

/* START TABLE HEADER STICKY */
.data-items-table {
    text-align: left;
    position: relative;
}

.data-items-table thead {
  background: white;
  position: sticky !important;
  top: 0;
}
/* END TABLE HEADER STICKY */

.data-items-save-submit-modal, .data-items-check-all-modal {
    --bs-modal-width: 900px;
}

.data-items-save-submit-modal .modal-header {
    background-image: linear-gradient(to bottom, #3A6AE4 0%, #2D498A 100%);
}

.data-items-check-all-modal .modal-header {
    background-image: linear-gradient(to bottom, #DC3545 0%, #8B373F 100%);
}

.date-type-field {
    width: auto;
}

.date-type-field,
.date-type-field:focus,
.specific-justification-field,
.specific-justification-field:focus,
.edit-justification-field textarea,
.edit-justification-field textarea:focus {
    outline: none;
    outline-width: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.date-type-field.red-outline,
.date-type-field.red-outline:focus,
.specific-justification-field.red-outline,
.specific-justification-field.red-outline:focus,
.edit-justification-field textarea.red-outline,
.edit-justification-field textarea.red-outline:focus {
    outline: solid red;
    border-color: unset;
}

.view-justification-field {
    word-break: break-word;
}

.data-items-table th.edit-table-column-0 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
}

.data-items-table th.edit-table-column-1 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
}

.data-items-table .edit-table-column-3 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table .edit-table-column-4 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table th.edit-table-column-5 {
    width: 47%;
    min-width: 47%;
    max-width: 47%;
}

.data-items-table .edit-table-column-6 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table .edit-table-column-7 {
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    white-space: nowrap;
}

#add-table td, #change-table td, #remove-table td {
    padding: 0.5rem 0.5rem;
}

th.modal-table-column-0 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
}

th.modal-table-column-1 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

th.modal-table-column-2 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

th.modal-table-column-3 {
    width: 48%;
    min-width: 48%;
    max-width: 48%;
}

th.modal-table-column-4 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

th.modal-table-column-5 {
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    white-space: nowrap;
}

.data-items-table th.view-table-column-0 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
}

.data-items-table .view-table-column-2 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table .view-table-column-3 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table th.view-table-column-4 {
    width: 48%;
    min-width: 48%;
    max-width: 48%;
}

.data-items-table .view-table-column-5 {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    white-space: nowrap;
}

.data-items-table th.view-table-column-6 {
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    white-space: nowrap;
}

.data-items-table td.view-table-column-6 {
    word-break: break-word;
}