#sheettabs {
  text-align: center;
  width: 100%;
  background-color: black;
}

.sheettab {
  display: inline-block;
  position: relative;
  color: white;
  padding: 10px;
  cursor: pointer;
}

.sheettab.selected {
  background: blue;
}

#data-area {
  overflow: hidden;
}

.htmltab.hidden {
  display: none;
}

.htmltab {
  padding: 0px;
}

blockquote {
  display: block;
  margin: 0.5em 0 0.5em -25px;
  padding: 0.5em 20px;
}

.medium-insert-images,
.medium-insert-widgets,
.medium-insert-embeds {
  text-align: center;
}

.medium-insert-widgets {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.medium-insert-images.medium-insert-images-left,
.medium-insert-widgets.medium-insert-widgets-left {
  float: left;
  margin-right: 30px;
}

.medium-insert-images.medium-insert-images-right,
.medium-insert-widgets.medium-insert-widgets-right {
  float: right;
  margin-left: 30px;
}

.medium-insert-images.medium-insert-images-left,
.medium-insert-widgets.medium-insert-widgets-left,
.medium-insert-images.medium-insert-images-right,
.medium-insert-widgets.medium-insert-widgets-right {
  max-width: calc(50% - 30px);
  margin-bottom: 30px;
}

.medium-insert-images.medium-insert-images-left.medium-insert-single-child,
.medium-insert-widgets.medium-insert-widgets-left.medium-insert-single-child,
.medium-insert-images.medium-insert-images-right.medium-insert-single-child,
.medium-insert-widgets.medium-insert-widgets-right.medium-insert-single-child {
  max-width: calc(33% - 30px);
}

.medium-insert-images img,
.medium-insert-widgets img {
  max-width: 100%;
  box-sizing: border-box;
}

.medium-insert-images figure,
.medium-insert-widgets figure {
  margin: 0px;
}

.introwrapper {
  padding: 20px 40px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.introwrapper.bw-row-resizing,
.sections.bw-row-resizing {
  -webkit-flex: 1 1 100px;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
}

.sectionlist {
  padding: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 200px;
}

.sectionname {
  padding: 10px;
  cursor: pointer;
}

h1,
h2,
h3 {
  margin-top: 20px;
}

h1 {
  clear: both;
}
.sectioncontents {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.sections {
  padding: 0px;
  overflow: hidden;
}

.section {
}

.section.hidden {
  display: none;
}

.section.selected {
}

.medium-insert-widgets figcaption,
.medium-insert-images figcaption,
.medium-insert-embeds figcaption {
  padding-left: 10px;
  padding-right: 10px;
}

table.medium-editor-table {
  border-collapse: collapse;
  overflow: hidden;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

.medium-insert-images,
.medium-insert-widgets {
}

.medium-insert-images figure,
.medium-insert-widgets figure {
  width: calc(33% - 6px);
  vertical-align: top;
  display: inline-block;
  margin-left: 10px;
}

.medium-insert-images figure:first-child,
.medium-insert-widgets figure:first-child {
  margin-left: 0px;
}

/* one image / widget */
.medium-insert-images figure:first-child:nth-last-child(1),
.medium-insert-widgets figure:first-child:nth-last-child(1) {
  width: 100%;
}

.medium-insert-images figure:first-child:nth-last-child(2),
.medium-insert-images figure:first-child:nth-last-child(2) ~ figure,
.medium-insert-widgets figure:first-child:nth-last-child(2),
.medium-insert-widgets figure:first-child:nth-last-child(2) ~ figure {
  width: calc(50% - 5px);
}

.medium-insert-images figure:first-child:nth-last-child(3),
.medium-insert-images figure:first-child:nth-last-child(3) ~ figure,
.medium-insert-widgets figure:first-child:nth-last-child(3),
.medium-insert-widgets figure:first-child:nth-last-child(3) ~ figure {
  width: calc(33% - 6px);
}

.medium-insert-images figure:first-child:nth-last-child(4),
.medium-insert-images figure:first-child:nth-last-child(4) ~ figure,
.medium-insert-widgets figure:first-child:nth-last-child(4),
.medium-insert-widgets figure:first-child:nth-last-child(4) ~ figure {
  width: calc(25% - 8px);
}

.medium-insert-images.medium-insert-images-wide
  figure:first-child:nth-last-child(1)
  img {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

.medium-insert-widgets.medium-insert-widgets-wide
  figure:first-child:nth-last-child(1) {
  max-width: 33.33%;
}

.medium-insert-images figure img,
.medium-insert-images figure:first-child img {
  margin-top: 15px;
}

.medium-insert-widgets figure .widgetlink,
.medium-insert-widgets figure:first-child .widgetlink {
  margin-top: 15px;
}
.medium-insert-images figcaption,
.medium-insert-widgets figcaption,
.medium-insert-embeds figcaption {
  margin-left: 10px;
  margin-right: 10px;
}

.medium-editor-clear-both {
  clear: both;
}

.medium-insert-embed iframe {
  max-width: 100%;
}

.medium-insert-embed video {
  max-width: 100%;
}

.widgetlink {
  position: relative;
}

@media print {
  body.bw-use-border-when-wide,
  .bw #container,
  #bottom-container,
  #data-area,
  .htmltab,
  .sectioncontents,
  .section {
    overflow: visible;
    display: block !important;
    height: initial;
    position: relative;
  }

  #sheettabs,
  .sectionlist {
    display: none;
  }

  .medium-insert-images,
  .medium-insert-widgets {
    position: relative;
    page-break-inside: avoid;
  }

  html,
  body,
  #container {
    background: white !important;
  }

  .htmltab blockquote a {
    text-decoration: underline;
  }
}
#menubutton {
  display: none !important;
}

#navbutton {
  display: none;
}

#loginbutton {
  margin-top: 17px;
}

.navigation-container {
  display: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.navigationtab .MathJax_SVG_Display {
  text-align: left !important;
}

.section .medium-insert-embed .video-youtube iframe {
  max-height: 500px;
}

@media only screen and (max-width: 600px) {
  html:not(.ibw-platform-osx-ibooks) #data-area {
    position: relative;
  }

  html:not(.ibw-platform-osx-ibooks) .introwrapper,
  html:not(.ibw-platform-osx-ibooks) .sectioncontents {
    padding: 0px 10px 10px 10px;
  }

  html:not(.ibw-platform-osx-ibooks) .l1 li {
    padding-bottom: 5px;
  }

  html:not(.ibw-platform-osx-ibooks) .sectionlist {
    display: none;
  }

  html:not(.ibw-platform-osx-ibooks) #navbutton {
    display: block;
    padding: 5px;
  }

  html:not(.ibw-platform-osx-ibooks) .navbutton {
    color: #297fb9;
  }

  html:not(.ibw-platform-osx-ibooks) #sheettabs {
    display: none;
    position: absolute;
  }

  html:not(.ibw-platform-osx-ibooks) #navigationtab {
    position: absolute;
    text-align: left;
    width: 100%;
  }

  html:not(.ibw-platform-osx-ibooks) .navigation-container {
    display: none;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: -100%;
    top: 0;
    text-align: left;
    width: 100%;
  }

  .medium-insert-images.medium-insert-images-left,
  .medium-insert-widgets.medium-insert-widgets-left {
    margin-right: 15px;
  }

  .medium-insert-images.medium-insert-images-right,
  .medium-insert-widgets.medium-insert-widgets-right {
    margin-left: 15px;
  }
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-images.medium-insert-images-left,
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-widgets.medium-insert-widgets-left,
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-images.medium-insert-images-right,
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-widgets.medium-insert-widgets-right {
    max-width: calc(50% - 15px);
    margin-bottom: 15px;
  }

  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-widgets.medium-insert-widgets-wide
    figure:first-child:nth-last-child(1) {
    max-width: calc(50% - 15px);
  }

  .medium-insert-images figure,
  .medium-insert-widgets figure {
    width: 100%;
  }

  .medium-insert-images figure,
  .medium-insert-widgets figure {
    margin-left: 0px;
  }

  .medium-insert-images figure:first-child:nth-last-child(2),
  .medium-insert-images figure:first-child:nth-last-child(2) ~ figure,
  .medium-insert-widgets figure:first-child:nth-last-child(2),
  .medium-insert-widgets figure:first-child:nth-last-child(2) ~ figure {
    width: 100%;
  }

  .medium-insert-images figure:first-child:nth-last-child(3),
  .medium-insert-images figure:first-child:nth-last-child(3) ~ figure,
  .medium-insert-widgets figure:first-child:nth-last-child(3),
  .medium-insert-widgets figure:first-child:nth-last-child(3) ~ figure {
    width: 100%;
  }

  .medium-insert-images figure:first-child:nth-last-child(4),
  .medium-insert-images figure:first-child:nth-last-child(4) ~ figure,
  .medium-insert-widgets figure:first-child:nth-last-child(4),
  .medium-insert-widgets figure:first-child:nth-last-child(4) ~ figure {
    width: 100%;
  }

  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-images.medium-insert-images-wide,
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-widgets.medium-insert-widgets-wide {
    display: block;
  }
}

@media only screen and (max-width: 800px), only screen and (max-height: 700px) {
  html:not(.ibw-platform-osx-ibooks)
    .medium-insert-embed
    .video-youtube
    iframe {
    max-height: 500px;
  }

  html:not(.ibw-platform-osx-ibooks)
    .section
    .medium-insert-embed
    .video-youtube
    iframe {
    max-height: 400px;
  }
}

@media only screen and (max-width: 800px), only screen and (max-height: 600px) {
  html:not(.ibw-platform-osx-ibooks) .medium-insert-embed .video-youtube iframe,
  html:not(.ibw-platform-osx-ibooks)
    .section
    .medium-insert-embed
    .video-youtube
    iframe {
    max-height: 400px;
  }
}

@media only screen and (max-width: 500px), only screen and (max-height: 500px) {
  .medium-insert-embed .video-youtube iframe,
  .section .medium-insert-embed .video-youtube iframe {
    max-height: 300px;
  }
}

@keyframes slidetextleft {
  from {
    left: -100%;
  }
  to {
    left: 0%;
  }
}

/* password */
.webquest_password_container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  z-index: 1;
  max-width: 95%;
  height: 100%;
}

.ui-dialog input {
  -webkit-user-select: text;
  box-sizing: border-box;
  width: 100%;
}