/*
 * _tooltip.scss
 *
 * Contains CSS related to tooltips
 */
/* --------------------------------------------------------------------------
   Tooltip base
   -------------------------------------------------------------------------- */
html.touch {
  min-height: 100%;
  height: auto;
}

.touch #pagelist {
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  -moz-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  -o-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
}
@media only screen and (max-width: 768px) and (max-height: 1024px) {
  .touch #pagelist {
    border-color: transparent;
  }
}
@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .touch #pagelist {
    border-color: transparent;
  }
}
.touch #pagelist .page iframe {
  max-height: none;
}
.touch #scrubber-timeline {
  bottom: 0px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 10px 20px;
  margin: 0;
  bottom: 48px;
}
.touch .thumbnail img {
  opacity: 1 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.touch #scrubber-wrapper {
  opacity: 0;
  pointer-events: none;
}
.touch #scrubber-wrapper.display {
  opacity: 1;
  pointer-events: auto;
}
.touch #scrubber-wrapper .home-button:hover svg,
.touch #scrubber-wrapper .end-button:hover svg {
  fill: #ededed;
}
.touch .tick {
  pointer-events: none;
}
.touch .home-button:hover, .touch .end-button:hover {
  background-color: transparent;
  color: #ededed;
}
.touch #toolbarContainerMore {
  opacity: 1;
  visibility: visible;
}
.touch #toolbarWrapper.floatRight {
  visibility: hidden;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  top: 0;
  left: 0;
  background-color: rgba(235, 235, 235, 0.9);
  bottom: 0;
  opacity: 0;
}
.touch #toolbarWrapper.floatRight.displayed {
  opacity: 1;
  visibility: visible;
}
.touch .toolbarItem button {
  height: 50px !important;
  background: transparent;
}
.touch .show-options #toolbarWrapper.floatRight {
  opacity: 1;
}
.touch .toolbarItem[data-action="MORE"] {
  display: none;
}
.touch .toolbarItem[data-action="app:share"] {
  display: none;
}
.touch .toolbarItem[data-action="app:bookmark"] {
  display: none;
}
.touch .toolbarItem[data-action="app:zoom"] {
  display: none;
}
.touch .toolbarItem[data-action="app:help"] {
  display: none;
}
.touch .toolbarItem[data-action="audio:toggleview"] {
  display: none;
}
.touch .toolbarItem[data-action="app:spreadview:toggle"] {
  display: none;
}
.touch .toolbarItem[data-action="app:zoommode:toggle"] {
  display: block;
}
.touch .toolbarItem[data-action="app:autofit:pageview"] {
  display: block;
}
.touch .toolbarItem[data-action="app:zoompageview:inc"] {
  display: block;
}
.touch .toolbarItem[data-action="app:zoompageview:dec"] {
  display: block;
}
.touch .toolbarItem[data-action="app:zoommode:exit"] {
  display: block;
}
.touch .tick:hover .tick-inner {
  background: #f3f3f3;
}
.touch .tocWrapper.floatLeft {
  opacity: 0;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.touch .show-options .tocWrapper.floatLeft {
  opacity: 1;
}

@media (orientation: landscape) {
  html.issue-html.ipad.ios7,
  html.issue-html.ipad.ios7 body {
    background: rgba(255, 255, 255, 0);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 672px !important;
  }
}