/* START --- Compiled TIL Plugin Styles - Last Adjusted 11-16-2023 */

/*****************************************
* Common
*****************************************/

.hide, .print-only {
  display:none;
}

/*****************************************
* Search / Browse
*****************************************/

#til-filter .form-item,
#til-search .form-item {
  float:left;
}

#til-filter {
    /*width:260px;*/
    width: 100%;
    margin: 0 auto;
    height: 96px;
}

#til-search {
  float:left;
  width:100%;
}

#til-alpha-list li {
  list-style: none none;
  float:left;
  margin:.25em;
  line-height:35px;
  font-weight:600;
}

#til-alpha-list li a {
  width: 2.6em;
  height: 2.6em;
  text-decoration: none;
  box-shadow:none;
  float:left;
  color: #fff;
  font-family: 'Open Sans', Helvetica, sans-serif;
}

#til-search .form-item {
  float:left;
}
#til-search .form-item-til-search {
  width:80%;
}

#edit-til-search {
  width:100%;
  height: 40px;
  border-color: silver;
  border-radius: 0;
}

#til-search .search-description {
  color:#444;
  font-size:90%;
  clear:both;
}

#til-site-description {
  margin-bottom:1.5em;
  color:#444;
  font-size:90%;
}
#til-site-description .keyword {
  font-style:italic;
}

#til-search-submit {
  background-color: #005dab;
  padding-left:5px;
  color: white;
  background-image: none;
  padding: 10px 8px 10px 8px;
  height: 40px;
  border-color: #005dab;
  border-top: 1px;
  border-right: 1px;
  border-radius: 0;
  border-left: 0px;
}

#til-search-submit:hover {
  background-color: #1bb7ea;
  border-color: #1bb7ea;
}

.til-2-col-search .center-separator hr {
  display:none;
}

/* START ------ MAX 550px TIL Media Section */
@media screen and (max-width: 550px) {

  body.dls-til-main .til-2-col-search {
    border:1px solid #d2d2d2;
    padding:1em;
  }

  body.dls-til-main .til-2-col-search .til-search-col-left,
  body.dls-til-main .til-2-col-search .til-search-col-center,
  body.dls-til-main .til-2-col-search .til-search-col-right {
    clear:both;
    float:none;
    width:100%;
    margin:0 auto;
    text-align:center;
  }
  .til-2-col-search .center-separator {
    float:left;
    clear:both;
    width:100%;
    margin-top:1em;
  }
  .til-2-col-search .center-separator hr {
    display:block;
    border-top:4px double #005dab;
    width:100px;
    margin: 1em auto;
  }
}
/* END ------ MAX 550px TIL Media Section */

/** Search results **/
#til-search-results {
  float: left;
  clear:both;
  width:100%;
}
.test-list .item-list.details li.test-name {
  font-weight:bold;
  font-size: 1.25em;
}
.test-list .item-list.details li {
  list-style: none none;
  margin-left:0;
}

.test-list .item-list.details li a {
  background-color: #e8e8e8;
  font-family:'Helvetica Neue',Helvetica, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size:1.35em;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
  display:-webkit-box;
  display:block;
  padding: 10px 8px 8px 13px;
  margin:-5px -8px 10px;
  border-bottom: 1px solid #d7dadb;
  border-radius: 10px 10px 0 0;
}

.test-list .item-list.details li a:hover {
  text-decoration:underline;
  color:#0088d0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.test-list .item-list.details li a:visited {
  /* color: #005dab; */
}

.test-list .item-list.details li .label {
  font-weight:bold;
}
.test-list .keyword-highlight {
  /* color: #D54E21; */
  color: #cc1e00;
}

#til-browse-alpha li {
    border:1px solid #005dba;
    background-color: #005dab;
    text-align: center;
    color:white;
    display:block;
}

#til-browse-alpha li:hover {
  background-color: #31b7ea;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
#til-browse-alpha li:hover a,
#til-browse-alpha li:hover a:visited {
  color:#fff;
}

#til-browse-alpha li a:visited {
  color: #fff;
}

/*****************************************
* Sidebar (widget)
*****************************************/

.widget-area #filter-search-browse {
  border:solid 1px #d2d2d2;
  padding:1em;
  float:left;
}

/*****************************************
* Test detail screen
*****************************************/
#test-info ul li {
  list-style-position:inside;
}

#test-info .header-extra a,
#ref_test_name .header-extra a {
  text-decoration:none;
  box-shadow:none;
  background-image:url(./images/info.png);
  background-position:right;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/** print icon **/
#print-test {
  display:none;
}
body.js-enabled #print-test {
  display:block;
}
#print-test a {
  float:right;
  background-image:url(./images/print.png);
  background-position:right;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent:-9999em;
  margin-top:-1em;
}
#print-test a:hover {
  opacity: .69;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
#test-info .profile_components a:visited {
  color:#069;
}

/*** Reference ranges ***/
#refrange-info-all .uc-refrange {
  margin-bottom:1.5em;
}

#refrange-info-all .uc-refrange.clickable h2 {
  cursor:pointer;
}
#refrange-info-all .uc-refrange.collapsed h2,
#refrange-info-all .uc-refrange.expanded h2 {
  background-position:right;
  background-repeat: no-repeat;
  padding-right:14px;
  display:inline;
  margin-bottom:1em;
}
#refrange-info-all .uc-refrange.collapsed h2 {
  background-image:url(./images/arrow-collapsed.png);
  padding-right:14px;
}
#refrange-info-all .uc-refrange.expanded h2 {
  background-image:url(./images/arrow-expanded.png);
  padding-right:16px;
}
#refrange-info-all .uc-refrange .reference-ranges table {
  margin-top:1em;
}
#refrange-info-all .uc-refrange.collapsed .reference-ranges {
  display:none;
}
#refrange-info-all .uc-refrange.expanded .reference-ranges {
  display:table;
}
#refrange-info-all .age-collapsed-explanation a.action {
  color:#069;
}
#refrange-info-all .collapsed-note {
  cursor:pointer;
  color:#069;
}

#refrange-info-all .reference-ranges td {
  padding:5px;
}

/*** ADJUSTEMENT NEEDED: Test witha and without this part, then delete or compile - not sure if whe need it ---- START ***/
#reference-ranges .notes:hover .hide.read-more {
  display:block;
  position:absolute;
  width: 250px;
  margin-top: -15em;
  margin-left:-1em;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border: 1px solid #ccc;
  padding: 1em;
  background-color: #f9f9f9;
}
/*** ADJUSTEMENT NEEDED: Test witha and without this part, then delete or compile - not sure if whe need it ---- END ***/

#refrange-info-all .reference-ranges .notes:hover .hide.read-more {
  display:block;
  position:absolute;
  width: auto;
  max-width:600px;
  margin-top: -15em;
  margin-left:-3em;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border: 1px solid #ccc;
  padding: 1em;
  background-color: #f9f9f9;
  z-index:100;
}

#refrange-info-all .reference-ranges .notes .truncated {
  background-image:url(./images/info.png);
  background-position:right;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#refrange-info-all .reference-ranges td.age {
  min-width:70px;
}
#refrange-info-all .reference-ranges td.male_norm,
#refrange-info-all .reference-ranges td.female_norm {
  min-width:85px;
}
#refrange-info-all .reference-ranges td.male_norm,
#refrange-info-all .reference-ranges td.male_crit_l,
#refrange-info-all .reference-ranges td.male_crit_h,
#refrange-info-all .reference-ranges td.female_norm,
#refrange-info-all .reference-ranges td.female_crit_l,
#refrange-info-all .reference-ranges td.female_crit_h,
#refrange-info-all .reference-ranges td.units {
  white-space: nowrap;
}
#refrange-info-all .reference-ranges tr.age-group-highest {
  cursor:pointer;
}
#refrange-info-all .reference-ranges tr.age-group-highest td.age {
  background-image:url(./images/expandable_bg.png);
  background-repeat: repeat-x;
  background-color:#98ccf3;
}
#refrange-info-all .reference-ranges tr.age-group-highest.collapsed td.age .age-desig {
  background-image:url(./images/arrow-collapsed.png);
  background-position:right;
  background-repeat: no-repeat;
  padding-right:7px;
}
#refrange-info-all .reference-ranges tr.age-group-highest.expanded td.age .age-desig {
  background-image:url(./images/arrow-expanded.png);
  background-position:right;
  background-repeat: no-repeat;
  padding-right:8px;
}
#refrange-info-all .reference-ranges tr.age-group-other td.age {
  background-color:#dae6f1;
}
#refrange-info-all .reference-ranges-add .label-notes {
  font-weight:bold;
}

/*****************************************
* Admin
*****************************************/

/** draggable handlebars */
.draggable a.tabledrag-handle {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  cursor: move;
  float: left;
  height: 1.7em;
  margin-left: -1em;
  overflow: hidden;
  text-decoration: none;
  box-shadow: none;
}

a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}

a.tabledrag-handle .handle {
  background: url(./images/draggable.png) no-repeat 5px 8px;
  height: 26px;
  margin: 0em 0.3em;
  padding: 0.5em 0.5em;
  width: 18px;
}
#til-headers-admin {
  table-layout:auto;
  width:50%;
}
#til-headers-admin th,
#til-headers-admin td {
  text-align:left;
  width:auto;
}
#til-headers-admin td.col-fieldname {
  width:30%;
}
#til-headers-admin td.col-headername input {
  width:100%;
}

/* END --- Compiled TIL Plugin Styles */