/**
*** QTIFORM
**/
#qtiform {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#qtiform .itemBody {
  float: left;
  width: 100%;
  height: 100%;
}

/**
*** Layout variables
**/
/**
*** Questify Content wrapper
**/
.content {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  /**
  *** 1 column layout
  **/
  /**
  *** 2 column layout
  **/
  /**
  *** Item specific markup
  **/
}
.content .practice:before {
  content: "";
  background-size: cover;
  display: block;
  width: 100%;
  height: 40px;
  background-color: #024776;
  color: #FFFFFF;
  text-align: center;
}
.content .questify_contentCenter, .content .questify_contentLeft, .content .questify_contentRight {
  font-size: 16.5px;
  color: #263945;
}
.content .questify_contentCenter img, .content .questify_contentLeft img, .content .questify_contentRight img {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  object-fit: contain;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content .questify_contentCenter .gapImg img, .content .questify_contentLeft .gapImg img, .content .questify_contentRight .gapImg img {
  padding: 0;
  border: 0;
  background: transparent;
}
.content .questify_contentCenter {
  width: 646px;
  font-family: "IBM Plex Sans", Verdana, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 50%;
  margin-left: -323px;
  z-index: 1;
}
.content .questify_contentLeft {
  position: absolute;
  max-width: 55%;
  width: -webkit-fill-available;
  max-height: 90%;
  top: 60px;
  left: 28%;
  transform: translate(-45%, 0%);
  overflow: auto;
  z-index: 1;
  font-family: "IBM Plex Sans", Verdana, Helvetica, Arial, sans-serif;
}
.content .questify_contentRight {
  max-width: 36%;
  position: absolute;
  top: 60px;
  bottom: 60px;
  overflow: auto;
  z-index: 1;
  font-family: "IBM Plex Sans", Verdana, Helvetica, Arial, sans-serif;
  left: 60%;
}
.content .questify_contentSeparator {
  display: none;
}
.content .questify_bubble {
  margin-top: 16px;
  font-family: "IBM Plex Sans", Verdana, Helvetica, Arial, sans-serif;
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content .questify_bubble .questify_introductionWrapper, .content .questify_bubble .questify_questionWrapper {
  display: block;
  margin-bottom: 25px;
}
.content .questify_bubble .questify_introductionWrapper p, .content .questify_bubble .questify_questionWrapper p {
  font-size: 24px;
  font-weight: 600;
}
.content .questify_bubble .questify_questionWrapper {
  margin-bottom: 0;
}
.content .questify_bubble .questify_prompt {
  margin-top: 30px;
  margin-bottom: 12px;
}
.content .questify_bubble .questify_prompt p {
  font-size: 16px;
}

/**
*** Form elements
**/
#qtiform .external-html,
#resultsform .external-html {
  background: #fff;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 40px 40px 40px 40px;
}
#qtiform .matchInteraction td label,
#resultsform .matchInteraction td label {
  float: left;
  width: 100%;
  margin: 0;
}
#qtiform .matchInteraction td label > span,
#resultsform .matchInteraction td label > span {
  float: none;
  margin: 0 auto;
}
#qtiform .choiceInteraction label.simpleChoice,
#resultsform .choiceInteraction label.simpleChoice {
  line-height: normal;
  min-height: 50px;
  margin: 0px 0px 15px 0px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(css/PIE.htc);
}
#qtiform .choiceInteraction label.simpleChoice.checked,
#resultsform .choiceInteraction label.simpleChoice.checked {
  background: #D9E4EC;
  color: #263945;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper {
  display: table-cell;
  height: 50px;
  width: 50px;
  max-width: 50px;
  overflow: hidden;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio span {
  background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%20stroke%3D%22%23263945%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat;
  display: block;
  background-position: center;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked span {
  background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%20fill%3D%22%23024776%22%20stroke%3D%22%23024776%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat;
  display: block;
  background-position: center;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox span {
  background: #FFFFFF url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%223.5%22%20stroke%3D%22%23263945%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat;
  display: block;
  background-position: center;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked span {
  background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%223.5%22%20fill%3D%22%23024776%22%20stroke%3D%22%23024776%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat;
  display: block;
  background-position: center;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio, #qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox {
  width: 50px;
  margin: unset;
  height: 100%;
  display: inline-block;
  border: 0;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio:hover span, #qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox:hover span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio:hover span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox:hover span {
  display: block;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio span, #qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox span {
  height: 50px;
  width: 50px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 999;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked, #qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked {
  background: transparent;
}
#qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked:hover span, #qtiform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked:hover span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-radio.checked:hover span,
#resultsform .choiceInteraction label.simpleChoice span.inputWrapper span.fancy-checkbox.checked:hover span {
  display: block;
}
#qtiform .choiceInteraction label.simpleChoice span.textWrapper,
#resultsform .choiceInteraction label.simpleChoice span.textWrapper {
  display: table-cell;
  text-align: left;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0px;
}
#qtiform .choiceInteraction label.simpleChoice span.textWrapper p,
#resultsform .choiceInteraction label.simpleChoice span.textWrapper p {
  padding: 0;
  font-size: 16px;
  line-height: 135%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

/**
*** Custom Scrollbar
**/
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
  background: #c0c0c0;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 30px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: #006591;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  overflow: hidden;
}
.scrollable.default-skin .scroll-bar .thumb:before {
  content: "";
  z-index: 999;
  position: absolute;
  left: 8px;
  top: 12px;
  width: 14px;
  height: 8px;
  background: url(/player/static/img/arrow_up.png) 50% 50% no-repeat;
}
.scrollable.default-skin .scroll-bar .thumb:after {
  content: "";
  z-index: 999;
  position: absolute;
  left: 8px;
  bottom: 12px;
  width: 14px;
  height: 8px;
  background: url(/player/static/img/arrow_down.png) 50% 50% no-repeat;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

.overview .fillup {
  float: left;
  clear: both;
  height: 40px;
  width: 100%;
}

/**
 * CUSTOM QTI STYLING
 **/
#qtiform .hotspotChoice,
#qtiform .disabled .hotspotChoice:hover,
#qtiform .hotspotChoice:hover {
  opacity: 0;
}

#qtiform .hotspotChoice.selected,
#qtiform .hotspotChoice.selected:hover,
#resultsform .hotspotChoice.selected,
#resultsform .hotspotChoice.selected:hover {
  opacity: 0.5;
  fill: darkorange;
}

.gapImg.ui-draggable-dragging[style]:after {
  border: 0;
  opacity: 0;
}

#matchInteraction1 p {
  word-wrap: break-word;
}

/*# sourceMappingURL=fstyr-items.css.map */