/* This file holds overall styles for jquery ui elements */

/* overlay bg opactiy */
.ui-widget-overlay {
  background: #000;
  filter: Alpha(Opacity=75);
  opacity: 0.75;
}

/* Reset from jquery.ui.theme.min */
.ui-widget {
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.qtip-content div.highwire-markup .article {
  padding: 0;
}

/* Add font awesome icon for closethick */
.ui-widget-content .ui-icon-closethick,
.ui-widget-content a:hover .ui-icon-closethick {
  background: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  border: 0;
  display: inline;
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 1.5em;
  font-style: normal;
  height: auto;
  line-height: normal;
  margin-top: 0;
  padding: 0;
  text-decoration: inherit;
  right: 0.65em;
  top: 0.3em;
  vertical-align: baseline;
  width: auto;

  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  background: none;
  border: 0;
}

.ui-dialog .ui-dialog-titlebar-close:before {
/* .ui-widget-content .ui-icon-closethick:before { */
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  content: "\f05c";
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}


/* Cluetip */
.ui-widget.cluetip-default {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.ui-widget.cluetip-default .cluetip-outer {
  -webkit-border-radius: 0.35em;
          border-radius: 0.35em;
}

div.cluetip .cluetip-outer {
  -webkit-border-radius: 0.33em;
          border-radius: 0.33em;

  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.cluetip .ui-cluetip-header {
  -webkit-border-radius: 0.33em 0.33em 0 0;
          border-radius: 0.33em 0.33em 0 0;
}

.cluetip .ui-cluetip-content {
  -webkit-border-radius: 0 0 0.33em 0.33em;
          border-radius: 0 0 0.33em 0.33em;
}

.cluetip .ui-cluetip-header,
.cluetip .ui-cluetip-content {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

/* default arrows */
.cluetip .cluetip-inner {
  position: relative;
}

.cluetip-article-author-popup .cluetip-arrows,
.cluetip-article-author-popup .cluetip-arrows:before,
.cluetip-abstract-popup .cluetip-arrows,
.cluetip-abstract-popup .cluetip-arrows:before,
.cluetip-article-ref-popup .cluetip-inner:before,
.cluetip-article-ref-popup .cluetip-inner:after,
.cluetip-article-glo-popup .cluetip-inner:before,
.cluetip-article-glo-popup .cluetip-inner:after {
  background: transparent;
  border: 10px solid transparent;
  content: ".";
  display: block;
  height: 0;
  text-indent: -999em;
  position: absolute;
  width: 0;
  z-index: 100;
}

.cluetip-abstract-popup .cluetip-arrows,
.cluetip-article-author-popup .cluetip-arrows,
div.cluetip-article-ref-popup .cluetip-inner:before,
div.cluetip-article-glo-popup .cluetip-inner:before {
  border-width: 11px;
}

/* arrow pointing left */
div.cluetip.clue-right-default .cluetip-outer,
div.cluetip.clue-right-article-ref-popup .cluetip-outer,
div.cluetip.clue-right-article-glo-popup .cluetip-outer {
  margin-left: 5px;
}

div.cluetip.clue-right-default .cluetip-inner:after,
div.cluetip.clue-right-article-ref-popup .cluetip-inner:after,
div.cluetip.clue-right-article-glo-popup .cluetip-inner:after {
  left: -20px;
  top: 4px;
}
div.cluetip.clue-right-default .cluetip-inner:before,
div.cluetip.clue-right-article-ref-popup .cluetip-inner:before,
div.cluetip.clue-right-article-glo-popup .cluetip-inner:before {
  left: -22px;
  top: 3px;
}

/* arrow pointing right */
div.cluetip.clue-left-default .cluetip-outer,
div.cluetip.clue-left-article-ref-popup .cluetip-outer,
div.cluetip.clue-left-article-glo-popup .cluetip-outer {
  margin-left: -5px;
}

div.cluetip.clue-left-default .cluetip-inner:after,
div.cluetip.clue-left-article-ref-popup .cluetip-inner:after,
div.cluetip.clue-left-article-glo-popup .cluetip-inner:after {
  left: 100%;
  top: 4px;
}
div.cluetip.clue-left-default .cluetip-inner:before,
div.cluetip.clue-left-article-ref-popup .cluetip-inner:before,
div.cluetip.clue-left-article-glo-popup .cluetip-inner:before {
  left: 100%;
  top: 3px;
}

/* arrow pointing down */
div.cluetip.clue-top-default .cluetip-outer,
div.cluetip.clue-top-article-ref-popup .cluetip-outer,
div.cluetip.clue-top-article-glo-popup .cluetip-outer {
  margin-top: -5px;
}

.cluetip.clue-top-article-author-popup .cluetip-arrows,
.cluetip.clue-top-abstract-popup .cluetip-arrows,
div.cluetip.clue-top-default .cluetip-inner:after,
div.cluetip.clue-top-article-ref-popup .cluetip-inner:after,
div.cluetip.clue-top-article-glo-popup .cluetip-inner:after {
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

.cluetip.clue-top-article-author-popup .cluetip-arrows,
.cluetip.clue-top-abstract-popup .cluetip-arrows {
  margin-top: -1px;
}
.cluetip.clue-top-article-author-popup .cluetip-arrows:before,
.cluetip.clue-top-abstract-popup .cluetip-arrows:before {
  top: -11px;
  left: -10px;
}

div.cluetip.clue-top-default .cluetip-inner:before,
div.cluetip.clue-top-article-ref-popup .cluetip-inner:before {
  top: 100%;
  left: 50%;
  margin-left: -11px;
}

/* Arrow pointing up */
div.cluetip.clue-bottom-default .cluetip-outer,
div.cluetip.clue-bottom-article-ref-popup .cluetip-outer,
div.cluetip.clue-bottom-article-glo-popup .cluetip-outer {
  margin-top: 5px;
}

.cluetip.clue-bottom-article-author-popup .cluetip-arrows,
.cluetip.clue-bottom-abstract-popup .cluetip-arrows,
div.cluetip.clue-bottom-default .cluetip-inner:after,
div.cluetip.clue-bottom-article-ref-popup .cluetip-inner:after,
div.cluetip.clue-bottom-article-glo-popup .cluetip-inner:after {
  top: -20px;
  left: 50%;
  margin-left: -10px;
}

.cluetip.clue-bottom-article-author-popup .cluetip-arrows,
.cluetip.clue-bottom-abstract-popup .cluetip-arrows {
  margin-top: -1px;
}
.cluetip.clue-bottom-article-author-popup .cluetip-arrows:before,
.cluetip.clue-bottom-abstract-popup .cluetip-arrows:before {
  top: -9px;
  left: -10px;
}

div.cluetip.clue-bottom-default .cluetip-inner:before,
div.cluetip.clue-bottom-article-ref-popup .cluetip-inner:before {
  top: -22px;
  left: 50%;
  margin-left: -11px;
}

/* Accordion */
.ui-widget.ui-accordion {
  margin-left: 2px;
  margin-right: 2px;
  width: auto;
}

.ui-accordion .ui-accordion-content {
  border: 0;
  max-height: 350px;
  overflow: hidden !important;
  padding: 0;
  position: relative;

  -webkit-border-radius: 0;
          border-radius: 0;
}
.ui-accordion .ui-accordion-content:not(:empty) {
  margin-top: -1px;
}

.ui-accordion .ui-accordion-content > .highwire-list,
.ui-accordion .ui-accordion-content .panels-ajax-pane-panel > .highwire-list {
  margin-left: 2px;
  margin-right: 2px;
  max-height: 300px;
  overflow: auto;
}

.ui-accordion .ui-accordion-content .highwire-list-footer {
   font-size: 12px;
   font-size: 0.857rem;
   padding: 10px 5px;
   text-align: center;
 }

.ui-accordion .ui-accordion-content > .highwire-list-footer,
.ui-accordion .ui-accordion-content .panels-ajax-pane-panel > .highwire-list-footer {
   -webkit-border-radius: 0.2em;
           border-radius: 0.2em;
}

/* DRQUEST-1523 */
.ui-accordion .ui-accordion-content .highwire-articles-in-toc:last-child > .highwire-list-footer {
  border-bottom-width: 0;
}

.ui-accordion h3.ui-accordion-header {
  font: bold 1em/1.33em "Helvetica Neue", Helvetica, Arial, sans-serif; /* 12px/16px */
  margin-left: -2px;
  margin-right: -2px;
  padding: 10px;
  z-index: 1;

  -webkit-border-radius: 0.25em;
          border-radius: 0.25em;
}

.ui-accordion .ui-accordion-content a,
.ui-accordion .ui-accordion-content .item-list li a {
  text-decoration: none;
}

.ui-accordion .ui-accordion-content .no-results {
  font-style: italic;
  text-align: center;
}

/* hide default ui icons because we use font awesome text icons */
.ui-accordion h3.ui-accordion-header > .ui-icon { display: none; }

.ui-accordion h3.ui-accordion-header i[class*="icon"] {
  font-size: 22px;
  font-size: 1.57rem;
  line-height: 1;
  padding: 0 10px 0 5px;
  vertical-align: middle;
}

/* if the accordion header uses the angle or caret right icons, 
  make them smaller and rotate when the accordion is open.
*/
.ui-accordion h3.ui-accordion-header i.icon-caret-right,
.ui-accordion h3.ui-accordion-header i.icon-angle-right {
  font-size: 16px;
  font-size: 1.143rem;
  line-height: 1.33;
  display: inline-block;
  padding: 0 5px;
}
.ui-accordion h3.ui-accordion-header.ui-state-active i.icon-caret-right,
.ui-accordion h3.ui-accordion-header.ui-state-active i.icon-angle-right {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* override 100% width from onecol.css (incl. with panels layouts) */
.ui-accordion-content.panel-1col .panel-col,
.panel-1col .ui-accordion-content .panel-col {
  width: auto;
}

.ui-accordion-content .panel-pane {
  margin-bottom: 0;
}

.ui-accordion .ui-accordion-content ul.inline li {
  border: 0;
  margin-right: 8px;
  padding: 0;
}
.ui-accordion .ui-accordion-content ul.inline li.last { margin-right: 0; }

.ui-accordion .ui-accordion-content ul.inline li a {
  display: inline-block;
}

.ui-accordion .ui-accordion-content ul {
  list-style: none;
  list-style-image: none;
  margin-bottom: 0;
  padding-left: 0;
}

.ui-accordion .ui-accordion-content ul li,
.panels-ajax-tab-panel .highwire-article-citation-list ul li {
  margin: 0;
  padding: 15px 5px;
}
.ui-accordion .ui-accordion-content ul li.last {
  border-bottom: 0;
}

/* Dialog */
.ui-dialog {
  width: 80%;
}

.ui-front {
  z-index: 1100;
}