.sc-accordion div:focus-visible {
  outline: solid 1px red; }

.sc-tabs-display-theme {
  --sc-primary-color: #6d9ab4; }

.sc-tabs-display-theme.tabs-left {
  --primary-color: #6d9ab4; }

.sc-tabs-display-basic {
  --sc-primary-color: #000000; }

.sc-tabs-display-basic.tabs-left {
  --primary-color: #000000; }

.sc-tabs .nav-tabs > li > button,
.sc-tabs .nav-tabs > li > button:hover,
.sc-tabs .nav-tabs > li > button:focus {
  outline: none; }

.nav-tabs > li > button {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav > li > button {
  position: relative;
  display: block;
  padding: 10px 15px; }

.sc-tabs .nav-tabs > li > button {
  background-color: var(--sc-primary-color);
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none; }

.sc-tabs .nav-tabs > li > button:focus,
.sc-tabs .nav-tabs > li > button:hover,
.sc-tabs .nav-tabs > li.active > button,
.sc-tabs .nav-tabs > li.active > button:focus,
.sc-tabs .nav-tabs > li.active > button:hover {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  color: var(--sc-primary-color);
  border-top: 1px solid var(--sc-primary-color);
  border-right: 1px solid var(--sc-primary-color);
  border-left: 1px solid var(--sc-primary-color);
  outline: none; }

.sc-tabs-reversed .nav-tabs > li > button {
  background-color: #FFFFFF;
  color: var(--sc-primary-color);
  font-weight: bold;
  border: 1px solid var(--sc-primary-color); }

.sc-tabs-reversed .nav-tabs > li > button:focus,
.sc-tabs-reversed .nav-tabs > li > button:hover,
.sc-tabs-reversed .nav-tabs > li.active > button,
.sc-tabs-reversed .nav-tabs > li.active > button:focus,
.sc-tabs-reversed .nav-tabs > li.active > button:hover {
  background-color: var(--sc-primary-color);
  border: 1px solid var(--sc-primary-color);
  color: #FFFFFF;
  outline: none; }

.tabs-left > .nav-tabs > li > button {
  min-width: 15%;
  margin-bottom: 3px;
  font-weight: bold;
  margin-right: -1px;
  border-radius: 6px 0 0 6px;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #ffffff;
  text-decoration: none; }

.tabs-left > .nav-tabs li.active > button,
.tabs-left > .nav-tabs li.active > button:hover,
.tabs-left > .nav-tabs li.active > button:focus {
  border-color: var(--primary-color) transparent var(--primary-color) var(--primary-color); }

.tabs-left > .nav-tabs > li > button:focus,
.tabs-left > .nav-tabs > li > button:hover,
.tabs-left > .nav-tabs > li.active > button,
.tabs-left > .nav-tabs > li.active > button:focus,
.tabs-left > .nav-tabs > li.active > button:hover {
  background-color: #ffffff;
  color: var(--primary-color);
  /* override horizontal layout */
  border-bottom: solid 1px var(--primary-color); }

.sc-tabs-reversed.tabs-left > .nav-tabs > li > button {
  background-color: #ffffff;
  color: var(--primary-color); }

.sc-tabs-reversed.tabs-left > .nav-tabs > li > button:focus,
.sc-tabs-reversed.tabs-left > .nav-tabs > li > button:hover,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > button,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > button:focus,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > button:hover {
  background-color: var(--primary-color);
  color: #ffffff; }

.tab-content {
  background-color: #FFFFFF;
  padding: 15px;
  border-style: solid;
  border-color: var(--sc-primary-color);
  border-width: 0 1px 1px 1px;
  border-radius: 0; }

.sc-tabs-rounded > .tab-content {
  border-radius: 0 0 4px 4px; }

.sc-tabs .nav-tabs > li {
  /* override bootstrap */
  float: none;
  display: inline-block;
  /* override lessonstyle default */
  padding-left: 0; }

.sc-tabs .nav-tabs > li > a,
.sc-tabs .nav-tabs > li > a:hover,
.sc-tabs .nav-tabs > li > a:focus {
  outline: none; }

.sc-tabs .nav-tabs > li > a {
  background-color: var(--sc-primary-color);
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none; }

.sc-tabs .nav-tabs > li > a:focus,
.sc-tabs .nav-tabs > li > a:hover,
.sc-tabs .nav-tabs > li.active > a,
.sc-tabs .nav-tabs > li.active > a:focus,
.sc-tabs .nav-tabs > li.active > a:hover {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  color: var(--sc-primary-color);
  border-top: 1px solid var(--sc-primary-color);
  border-right: 1px solid var(--sc-primary-color);
  border-left: 1px solid var(--sc-primary-color);
  outline: none; }

.sc-tabs .nav-tabs {
  border-bottom: 1px solid var(--sc-primary-color); }

.sc-tabs-reversed .nav-tabs > li > a {
  background-color: #FFFFFF;
  color: var(--sc-primary-color);
  font-weight: bold;
  border: 1px solid var(--sc-primary-color); }

.sc-tabs-reversed .nav-tabs > li > a:focus,
.sc-tabs-reversed .nav-tabs > li > a:hover,
.sc-tabs-reversed .nav-tabs > li.active > a,
.sc-tabs-reversed .nav-tabs > li.active > a:focus,
.sc-tabs-reversed .nav-tabs > li.active > a:hover {
  background-color: var(--sc-primary-color);
  border: 1px solid var(--sc-primary-color);
  color: #FFFFFF;
  outline: none; }

.sc-tabs-drop-shadow .tab-content {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22); }

.tabs-left {
  display: flex;
  flex-direction: row; }

.tabs-left > .nav-tabs {
  border-bottom: 0;
  min-width: 20%;
  padding: 0; }

.tabs-left > .tab-content > .tab-pane {
  display: none; }

.tabs-left > .tab-content > .active {
  display: block; }

.tabs-left > .tab-content {
  border-radius: 0; }

.sc-tabs-rounded.tabs-left > .tab-content {
  border-radius: 0 6px 6px 0; }

.tabs-left > .tab-content {
  border-top: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  border-left: 1px solid var(--primary-color);
  padding: 6px 6px 10px 10px;
  width: 100%; }

.tabs-left > .nav-tabs > li {
  display: block;
  float: none; }

.tabs-left > .nav-tabs > li > a {
  min-width: 15%;
  margin-bottom: 3px;
  font-weight: bold;
  margin-right: -1px;
  border-radius: 6px 0 0 6px;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #ffffff;
  text-decoration: none; }

.tabs-left > .nav-tabs li.active > a,
.tabs-left > .nav-tabs li.active > a:hover,
.tabs-left > .nav-tabs li.active > a:focus {
  border-color: var(--primary-color) transparent var(--primary-color) var(--primary-color); }

.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover {
  background-color: #ffffff;
  color: var(--primary-color);
  /* override horizontal layout */
  border-bottom: solid 1px var(--primary-color); }

.sc-tabs-reversed.tabs-left > .nav-tabs > li > a {
  background-color: #ffffff;
  color: var(--primary-color); }

.sc-tabs-reversed.tabs-left > .nav-tabs > li > a:focus,
.sc-tabs-reversed.tabs-left > .nav-tabs > li > a:hover,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > a,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > a:focus,
.sc-tabs-reversed.tabs-left > .nav-tabs > li.active > a:hover {
  background-color: var(--primary-color);
  color: #ffffff; }

.sc-accordion p {
  margin-bottom: 10px; }

.sc-accordion-display-background-theme .panel-heading {
  background-color: #6d9ab4;
  color: #FFFFFF; }

.sc-accordion-display-background-theme .panel-title a,
.sc-accordion-display-background-theme .panel-title a:hover,
.sc-accordion-display-background-theme .panel-title a:visited:hover,
.sc-accordion-display-background-theme .panel-title a:visited:focus,
.sc-accordion-display-background-theme .panel-title a:focus {
  outline: none;
  background-color: #6d9ab4;
  color: #FFFFFF; }

.sc-accordion-display-foreground-theme .panel-heading {
  background-color: #FFFFFF;
  color: #6d9ab4; }

.sc-accordion-display-foreground-theme .panel-title a,
.sc-accordion-display-foreground-theme .panel-title a:hover,
.sc-accordion-display-foreground-theme .panel-title a:visited:hover,
.sc-accordion-display-foreground-theme .panel-title a:visited:focus,
.sc-accordion-display-foreground-theme .panel-title a:focus {
  outline: none;
  background-color: #FFFFFF;
  color: #6d9ab4; }

.sc-accordion-display-background-white .panel-heading {
  background-color: #FFFFFF;
  color: #000000; }

.sc-accordion-display-background-white .panel-title a,
.sc-accordion-display-background-white .panel-title a:hover,
.sc-accordion-display-background-white .panel-title a:visited:hover,
.sc-accordion-display-background-white .panel-title a:visited:focus,
.sc-accordion-display-background-white .panel-title a:focus {
  outline: none;
  background-color: #FFFFFF;
  color: #000000; }

.sc-accordion-display-foreground-theme .panel-title a.accordion-button:focus {
  outline: solid 1px red; }

.sc-accordion-border-left-theme .panel-heading {
  border-left: 2px solid #6d9ab4; }

.sc-accordion-border-left-theme .panel-heading + .panel-collapse > .panel-body {
  border-left: 2px solid #6d9ab4; }

.sc-accordion-border-left-black .panel-heading {
  border-left: 2px solid #000000; }

.sc-accordion-border-left-black .panel-heading + .panel-collapse > .panel-body {
  border-left: 2px solid #000000; }

.sc-accordion-icon-arrows .panel-title a[aria-expanded="false"]::after {
  content: "\e259"; }

.sc-accordion-icon-arrows .panel-title a[aria-expanded="true"]::after {
  content: "\e260"; }

.sc-accordion-icon-plus-minus .panel-title a[aria-expanded="false"]::after {
  content: "\2b"; }

.sc-accordion-icon-plus-minus .panel-title a[aria-expanded="true"]::after {
  content: "\2212"; }

.sc-accordion .panel {
  box-shadow: 0px 0px 0px 0px;
  border: 1px solid #d9d9d9; }

.sc-accordion .panel-title {
  position: relative; }

.sc-accordion .panel-title a {
  text-decoration: none;
  display: block;
  font-weight: bold; }

.sc-accordion .panel-heading + .panel-collapse > .panel-body {
  border-top: 0; }

.sc-accordion-icon .panel-title a::after {
  font-family: 'Glyphicons Halflings';
  top: -2px;
  right: 0px;
  position: absolute; }

div.two-column {
  column-count: 1; }

@media screen and (min-width: 600px) {
  div.two-column {
    column-count: 2;
    column-gap: 4em; } }

div.two-column p.divtitle {
  column-span: all; }

div.three-column {
  column-count: 1; }

@media screen and (min-width: 600px) {
  div.three-column {
    column-count: 3;
    column-gap: 4em; } }

div.three-column p.divtitle {
  column-span: all; }

div.grey-background {
  background-color: #F5F5F5;
  padding: 4px 4px 4px 4px; }

div.white-background {
  background-color: #FFFFFF;
  padding: 4px 4px 4px 4px; }

div.dark-theme-background {
  background-color: #6d9ab4;
  padding: 4px 4px 4px 4px;
  color: #FFFFFF; }

div.light-theme-background {
  background-color: #f0f5f8;
  padding: 4px 4px 4px 4px; }

div.drop-shadow {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22); }

div.rounded-corners {
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -ms-border-top-left-radius: 20px;
  -o-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -ms-border-top-right-radius: 20px;
  -o-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -ms-border-bottom-right-radius: 20px;
  -o-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -ms-border-bottom-left-radius: 20px;
  -o-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px; }

blockquote p.attribution::before {
  content: '\2014 \00A0'; }

blockquote p.attribution {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }

blockquote.quote-behind {
  padding: 60px 80px 40px;
  position: relative;
  border: none; }

blockquote.quote-behind p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 35px;
  font-weight: 700px;
  text-align: center; }

blockquote.quote-behind::before {
  position: absolute;
  top: 0;
  content: "\201C";
  font-size: 200px;
  color: rgba(0, 0, 0, 0.1); }

blockquote.quote-behind footer, blockquote.quote-behind p.attribution {
  text-align: right;
  font-size: 20pt;
  font-family: Georgia, serif;
  font-style: italic; }

blockquote.quote-behind footer::before, blockquote.quote-behind p.attribution::before {
  content: "-"; }

blockquote.italic {
  font-size: 1.4em;
  width: 80%;
  margin: 50px auto;
  font-family: "Arial";
  font-style: italic;
  color: #444;
  padding: 1.2em 30px 1.2em 50px;
  border-left: 8px solid #6d9ab4;
  line-height: 1.6;
  position: relative;
  background-color: #EDEDED; }

blockquote.italic::before {
  font-family: Arial;
  content: "\201C";
  color: #6d9ab4;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px; }

blockquote.circular {
  margin: 40px auto 180px auto;
  width: 300px;
  padding: 0;
  position: relative;
  padding-top: 150px;
  border: none; }

blockquote.circular::after {
  background: none repeat scroll 0 0 #6d9ab4;
  border-radius: 50% 50% 50% 50%;
  color: rgba(255, 255, 255, 0.5);
  content: "\201D";
  font-family: 'icons';
  font-size: 70px;
  height: 130px;
  left: 50%;
  line-height: 130px;
  margin-left: -65px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 130px; }

blockquote.circular::before {
  border-left: 5px solid #f0f5f8;
  border-radius: 50% 50% 50% 50%;
  content: "";
  height: 500px;
  left: -50px;
  position: absolute;
  top: 0;
  width: 500px;
  z-index: -1; }

blockquote.circular p {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  color: #6d9ab4;
  display: inline;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 28px;
  line-height: 46px; }

blockquote.box {
  border: solid 2px #6d9ab4;
  position: relative;
  padding: 1.5em; }

blockquote.box::after {
  content: "\201C";
  float: left;
  position: absolute;
  top: -12pt;
  left: 50%;
  font-size: 4em;
  color: #6d9ab4;
  line-height: 1em; }

blockquote.box::before {
  content: "    ";
  position: absolute;
  top: -12pt;
  left: 50%;
  background-color: white;
  width: 20px;
  height: 30px; }

blockquote.card {
  padding: 2em;
  margin: 1em;
  border: none;
  background-color: #6d9ab4;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

blockquote.card footer, blockquote.card p, blockquote.card, blockquote.card p.attribution {
  font-size: 24pt;
  color: white; }

blockquote.card p {
  font-weight: bold; }

blockquote.card:hover {
  transition: .2s;
  transform: scale(1.2); }

blockquote.notepaper {
  position: relative;
  margin: 30px auto;
  padding: 29px 20px 20px 45px;
  width: 280px;
  line-height: 30px;
  color: #6a5f49;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02); }

blockquote.notepaper::before, .notepaper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0; }

blockquote.notepaper::before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px; }

blockquote.notepaper::after {
  z-index: -1;
  left: 0;
  right: 0;
  background-color: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg); }

blockquote.notepaper {
  font-family: Georgia, serif;
  font-size: 14px; }

blockquote.notepaper footer, blockquote.notepaper p.attribution {
  display: block;
  padding-right: 10px;
  text-align: right;
  font-size: 13px;
  font-style: italic;
  color: #84775c; }

.sc-activity-message {
  display: none; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  color: inherit;
  border: 0;
  font-size: inherit;
  line-height: inherit; }

html {
  height: 100%;
  width: 100%;
  overflow: auto; }

.hideSideBarOnDesktop #sidebar-toggle-btn,
.hideSideBarOnDesktop #sidebar-toc {
  display: none; }

body {
  height: 100%;
  width: 100%;
  margin: 0; }

body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

html body {
  font-size: 100%;
  font-family: "Arial", Arial, sans-serif;
  color: #000000;
  background-color: #ffffff !important; }

.navbar {
  font-family: Arial, sans-serif; }

#cover {
  display: block;
  position: relative;
  z-index: 0; }

.container-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

#sidebar, .sidebar-right #sidebar, .sidebar-left #sidebar {
  font-family: Arial;
  -webkit-box-flex: 1 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-x: hidden; }
  #sidebar *, .sidebar-right #sidebar *, .sidebar-left #sidebar * {
    word-wrap: break-word; }

#sidebar .toggled {
  z-index: 1;
  bottom: 0; }

#sidebar-toc {
  display: none; }

#classic-navbar .paging-div {
  display: none; }

#vertical-bottom-nav-row {
  margin: 0px -90px 0; }

#main-col {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2 0 0%;
  -moz-box-flex: 2 0 0%;
  -webkit-flex: 2 0 0%;
  -ms-flex: 2 0 0%;
  flex: 2 0 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: relative;
  padding: 15px;
  float: left;
  max-width: 100%;
  overflow: hidden; }
  #main-col a {
    word-wrap: break-word; }

.sidebar-left #main-container #sidebar {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1; }

.container-main {
  padding: 0;
  margin-top: 0px !important; }

#content-main {
  margin: 20px 70px 0 70px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

#content-main .row {
  margin-bottom: 10px; }

#pagetext {
  font-size: 1em;
  border: hidden; }

p {
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 16px; }

h1 {
  font-size: 3.6em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h2 {
  font-size: 3em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h3 {
  font-size: 2.8em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h4 {
  font-size: 2.5em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h5 {
  font-size: 2em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h6 {
  font-size: 1.5em;
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  color: #6d9ab4; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em; }

h1.designer {
  font-size: 2rem;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.1em;
  margin: 1em 0 1em 0;
  display: block;
  background-color: #6d9ab4;
  color: #ffffff; }

h2.designer {
  font-size: 1.75rem;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1em;
  margin: 1em 0 1em 0;
  display: block;
  background-color: #6d9ab4;
  color: #ffffff; }

h3.designer {
  font-size: 1.5rem;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1em;
  margin: 1em 0 1em 0;
  display: block;
  background-color: #f2f2f2;
  color: #6d9ab4; }

.designer {
  clear: both; }

.allhs {
  clear: both;
  font-weight: bold;
  padding: .5em 1em .5em 1em;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

hr {
  width: 100%;
  height: 2px;
  border: 0px none !important;
  color: #6d9ab4;
  background-color: #6d9ab4; }

a {
  color: #0000ff;
  text-decoration: underline; }

a:hover,
a:visited:hover,
a:focus {
  color: #579bc3; }

blockquote p {
  font-size: 1.6rem; }

blockquote {
  font-size: 1.6rem; }

ul, ol {
  font-size: 1.6rem; }

ul li p, ol li p,
ul li, ol li {
  font-size: 1.6rem; }

li {
  padding-left: 10px; }

dl:not(.dl-horizontal) dd + dt {
  margin-top: 8px; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: baseline; }

embed {
  max-width: 100%;
  height: auto; }

video {
  max-width: 100%;
  height: auto; }

object {
  max-width: 100%;
  height: auto; }

.clearboth {
  clear: both; }

figure {
  margin-bottom: 16px; }
  figure img {
    margin: 0 !important; }
  figure figcaption {
    margin-bottom: 10px; }
  figure[style="float:left;"] {
    margin-right: 1em; }
  figure[style="float:right;"] {
    margin-left: 1em; }

figcaption p,
figcaption {
  margin-top: 10px;
  font-size: 1.3rem;
  color: #494949;
  margin-bottom: 0; }

.alignright {
  float: right;
  margin-left: 20px;
  margin-right: -40px; }

.alignleft {
  float: left;
  margin-right: 20px;
  margin-left: -40px; }

.alignright figcaption {
  text-align: right; }

.alignleft figcaption {
  text-align: left; }

.figcaption-sidebar p,
.figcaption-sidebar {
  color: #000; }

.figcaption-footer p,
.figcaption-footer {
  color: #494949; }

.figcaption-tt-top p,
.figcaption-tt-top {
  color: #FFF; }

.figcaption-tt-bottom p,
.figcaption-tt-bottom {
  color: #000; }

.btn {
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 24px;
  background-color: #eeeeee;
  color: #6d9ab4;
  font-size: 1.6rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.btn:hover,
.btn:focus {
  background-color: #d9d9d9;
  color: #6d9ab4;
  box-shadow: none; }

.bannerstyletable {
  margin: 0 0 16px 0;
  padding: 0;
  border-spacing: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4; }

.bannerstyletable td {
  padding: 0 .5em 0 .5em;
  margin: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4; }

.bannerstyletable th {
  padding: 0 .5em 0 .5em;
  margin: 0;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4;
  color: #000000;
  background-color: #6d9ab4; }

.bannerstyletable td p {
  margin: .4em 0 .4em 0;
  padding: 0 .5em 0 .5em; }

.bannerstyletable th p {
  margin: .4em 0 .4em 0;
  padding: 0 .5em 0 .5em; }

.nonstyledtable {
  border-width: 1px;
  border-style: solid;
  border-color: #494949;
  border-spacing: 0;
  margin: 0 0 16px 0; }

.nonstyledtable td {
  text-align: left;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: #494949;
  padding: 0 .5em 0 .5em;
  margin: 0px; }

.nonstyledtable th {
  text-align: center;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: #494949;
  padding: 0 .5em 0 .5em;
  margin: 0px; }

.nonstyledtable td p {
  margin: .4em 0 .4em 0;
  padding: 0 .5em 0 .5em; }

.nonstyledtable th p {
  margin: .4em 0 .4em 0;
  padding: 0 .5em 0 .5em; }

#report {
  margin: 0 0 30px 0;
  color: #000;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #6d9ab4;
  clear: both; }

#report table {
  font-size: 90%; }

#report table td {
  text-align: center;
  padding: 15px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4;
  background-color: #eeeeee;
  margin-bottom: 15px; }

#report h3 {
  color: #6d9ab4; }

.table-responsive {
  overflow-x: auto !important; }

.activityborder {
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4;
  background-color: #eeeeee; }

.activityinstructions {
  font-size: 1.6rem;
  line-height: 1.6em; }

.activityanswer {
  font-size: 1.6rem;
  line-height: 1.6em; }

.actanswersbody {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 1.2em; }

.actanswersbody p {
  font-size: 1em; }

.actanswerstable {
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  border: 0;
  border-spacing: 0; }

.actanswerstable th {
  color: #6d9ab4;
  padding: 5px; }

.actanswerstable td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6d9ab4;
  padding: 5px; }

.flashcard-modal .modal-dialog {
  width: 600px; }

.seekaword-modal .modal-dialog {
  width: 675px; }

.dragndrop-modal .modal-dialog {
  width: 600px; }

.ordering-modal .modal-dialog {
  width: 600px; }

.crossword-modal .modal-dialog {
  width: 690px; }

.labeling-modal .modal-dialog {
  width: 650px; }

.sorting-modal .modal-dialog {
  width: 600px; }

.hotspot-modal .modal-dialog {
  width: 10%;
  display: table;
  margin-left: auto;
  margin-right: auto; }

.timeline-modal .modal-dialog {
  width: 590px; }

.slideshow-modal .modal-dialog {
  width: 690px; }

.photoalbum-modal .modal-dialog {
  width: 850px; }

.sectionedshape-modal .modal-dialog {
  width: 770px; }

.tabbedpane-modal .modal-dialog {
  width: 690px; }

.didyouknow-modal .modal-dialog {
  width: 850px; }

.jigsawpuzzle-modal .modal-dialog {
  width: 770px; }

.align-modal .modal-dialog {
  width: 345px; }

.identify-modal .modal-dialog {
  width: 345px; }

.presenter-modal .modal-dialog {
  width: 345px; }

.selection-modal .modal-dialog {
  width: 345px; }

.sequence-modal .modal-dialog {
  width: 345px; }

.sets-modal .modal-dialog {
  width: 345px; }

label {
  font-weight: normal; }

.qp-select {
  width: auto;
  display: inline;
  font-weight: bold; }

.qpq {
  font-size: 1.6rem;
  line-height: 1.5em;
  padding: 10px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4;
  background-color: #eeeeee;
  margin-bottom: 15px; }

.qpq p {
  margin: 0;
  padding: 0; }

.qpq-inline {
  width: 80%; }

.qpqfeedback {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #6d9ab4;
  margin: 1em;
  padding-top: 1em;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.6em; }

.qpqfeedback2 {
  margin-left: 1em;
  margin-right: 1em;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.6em; }

.qpqcheckbutton {
  text-align: center; }

.qpqvalue {
  padding: 5px 10px;
  font-size: 1.6rem;
  line-height: 1.6em; }

.collapse {
  display: none; }

.expand {
  display: block; }

.hideqpstuff {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.qp-the-question {
  display: block; }

.qpindent {
  display: block;
  margin: 1em 15px; }

.qp-bottom-margin {
  margin-bottom: 1em; }

.qp-between-button-space {
  padding-right: 10px; }

.qp-table {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0; }

.qp-row {
  display: table-row; }

.qp-t-f-cell-left {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px; }

.qp-t-f-cell-right {
  display: table-cell;
  vertical-align: top;
  width: 99%; }

.qp-t-f-answer {
  font-weight: bold; }

.qp-matching-item-container {
  padding-bottom: 20px; }

.qp-match-cell-left {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px;
  font-weight: bold; }

.qp-match-cell-middle {
  display: table-cell;
  vertical-align: top;
  width: 98%; }

.qp-match-cell-right {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-left: 10px;
  padding-bottom: 6px; }

.qp-ordering-cell-left {
  display: table-cell;
  vertical-align: top;
  width: 99%; }

.qp-ordering-cell-right {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-left: 10px;
  padding-bottom: 6px; }

.qp-feedback-cell-left {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px;
  font-weight: bold; }

.qp-feedback-cell-middle {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px;
  font-weight: bold; }

.qp-feedback-cell-right {
  display: table-cell;
  vertical-align: top;
  width: 98%; }

.qp-m-answer-instruction {
  font-size: .8em;
  margin: 0 0 2em 0;
  padding: 0; }

.qp-m-answer-cell-left {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px; }

.qp-m-answer-cell-middle {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px;
  font-weight: bold; }

.qp-m-answer-cell-right {
  display: table-cell;
  vertical-align: top;
  width: 98%; }

.qp-m-choice-cell-left {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px; }

.qp-m-choice-cell-middle {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  padding-right: 8px;
  font-weight: bold; }

.qp-m-choice-cell-right {
  display: table-cell;
  vertical-align: top;
  width: 98%; }

.qpgroupborder {
  border-width: 1px;
  border-style: solid;
  border-color: #6d9ab4;
  display: block;
  padding: 10px; }

.callouttop {
  font-size: 1.1em;
  font-weight: bold;
  padding: 15px;
  line-height: 1.1em;
  overflow: hidden;
  color: #ffffff;
  background-color: #6d9ab4; }

.callouttop p {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  line-height: 2rem; }

.calloutbottom {
  padding: 20px; }

.calloutbottom p:last-child {
  margin-bottom: 0; }

.calloutbox {
  display: block;
  padding: 0;
  overflow: hidden;
  background-color: #EEE;
  color: #000; }

.cbfloatright {
  float: right;
  margin: 1em 1em 1em 1.5em; }

.cbfloatleft {
  float: left;
  margin: 1em 1.5em 1em 1em; }

.cbw25 {
  width: 25%; }

.cbw50 {
  width: 50%; }

.cbw75 {
  width: 75%; }

.cbw100 {
  margin: 1em; }

.headingblock {
  width: 100%;
  display: inline-block; }

.popupimagecontainer {
  padding: 0 !important;
  margin: 0 !important;
  background-color: #eeeeee !important;
  border-width: 3px !important;
  border-style: solid !important;
  border-color: #6d9ab4 !important;
  cursor: pointer !important; }

.popupimagecontainer:hover {
  border-width: 3px !important;
  border-style: solid !important;
  border-color: #C7C7C7 !important; }

.picfloatright {
  float: right;
  margin: 1em 0 1em 1.5em; }

.picfloatleft {
  float: left;
  margin: 1em 1.5em 1em 0; }

.cbnofloat {
  margin: 0; }

.modal-body {
  background-color: #FFF; }

.modal-header {
  background-color: #6d9ab4;
  color: #FFF;
  padding: 15px; }
  .modal-header .sc-modal-close-link {
    color: #FFF;
    float: right; }

.modal-header h4 {
  color: #FFF !important;
  font-weight: bold; }

a.modal {
  cursor: pointer; }

.openModal {
  cursor: pointer;
  text-decoration: underline !important;
  font-weight: bold !important; }

.ui-widget-header {
  border: 1px solid #6d9ab4;
  background-color: #6d9ab4;
  color: #FFF; }

.ui-widget-content {
  border: 1px solid #6d9ab4;
  background-color: #FFF; }

.greymatter-inner {
  display: none;
  margin: 0 auto; }

.ui-tooltip {
  display: table; }

.col-centered {
  float: none;
  margin: 0 auto; }

.popover {
  font-family: "Arial";
  border-radius: 0;
  padding: 0;
  max-width: 80%;
  border-width: 1px;
  border-style: solid;
  border-color: #EEE; }

.popover-title {
  background-color: #6d9ab4;
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 0;
  padding: 15px;
  overflow: auto; }

.popover-title p {
  margin-bottom: 0; }

.popover-title a {
  color: #000000; }

.modal .close, .closepopover {
  color: #000000;
  opacity: 1;
  top: 2px;
  position: relative; }

.modal .close:hover, .modal .close:focus,
.close.closepopover:hover, .close.closepopover:focus {
  color: #F9F9F9;
  opacity: .5; }

.popover-content {
  font-size: 1em;
  background: none;
  overflow: auto; }

.arrow {
  border-right-color: transparent !important; }

.sc-tooltip {
  color: #0000ff;
  text-decoration: none;
  font-weight: bold; }

.sc-tooltip:hover, .sc-tooltip:visited:hover {
  color: #579bc3;
  text-decoration: none; }

.pager li > a, .pager li > span {
  border: none;
  border-radius: 0; }

#horizontal-bottom-nav-row {
  margin: 4rem auto 0;
  width: 100%; }

.pager-wrap {
  max-width: 300px;
  margin: 0 auto;
  position: relative; }

#horizontal-bottom-nav-row .pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 15px;
  background-color: #FFF;
  color: #494949;
  font-weight: bold;
  position: relative; }

#horizontal-bottom-nav-row .pager li > a:hover, .pager li > span:hover {
  background-color: #FFF;
  color: #030303; }

#horizontal-bottom-nav-row span {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 4px; }

#horizontal-bottom-nav-row .pager li.previous > a {
  padding-left: 30px; }

#horizontal-bottom-nav-row .pager li.next > a {
  padding-right: 30px; }

#horizontal-bottom-nav-row .next span {
  right: 0;
  background-image: url("images/arrowright_gray.png"); }

#horizontal-bottom-nav-row .next a:hover span,
#horizontal-bottom-nav-row .next a:focus span {
  background-image: url("images/arrowright.png"); }

#horizontal-bottom-nav-row .previous a:hover span,
#horizontal-bottom-nav-row .previous a:focus span {
  background-image: url("images/arrowleft.png"); }

#horizontal-bottom-nav-row .previous span {
  left: 0;
  background-image: url("images/arrowleft_gray.png"); }

#horizontal-bottom-nav-row .pager {
  position: relative; }

#horizontal-bottom-nav-row .pager li.previous:after {
  content: "|";
  position: absolute;
  left: 50%;
  top: 4px;
  color: #DCDCDC; }

.navbar-default {
  background-color: transparent; }

.navbar-static-top {
  border: none; }

.navbar {
  background-color: #326380 !important;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0px;
  transition: top 0.2s ease-in-out;
  width: 100%; }
  .navbar #sidebar-toggle-btn:focus,
  .navbar a:focus,
  .navbar button:focus {
    background-color: #CCCCCC !important;
    color: #000000 !important; }

.navbar.nav-up {
  top: -50px;
  position: fixed; }

.navbar.nav-down {
  top: 0;
  position: fixed; }

.navbar-nav > .dropdown {
  margin-left: 3em !important; }

#cover-content .panel-default > .panel-heading,
#sidebar .panel-default > .panel-heading {
  background-color: transparent !important; }

#page-title {
  font-size: 1.3em; }

#page-counter {
  font-size: 1.3em;
  padding-left: 0;
  margin: 8px 0;
  text-align: center;
  list-style: none;
  color: #ffffff; }

#page-counter li > a, #page-counter li > div {
  padding: 0;
  border: none; }

.pager-next a,
.pager-prev a {
  width: 25px;
  height: 25px;
  text-decoration: none;
  color: #ffffff;
  line-height: 2em !important; }

/*
.pager-next a{
  color: $color-nav;
  line-height: 2em !important;

  @if ($image-pager-next != null) {
    @include background_regular(url($image-pager-next), 0, 1px, no-repeat);
  }
  @if ($show-navigation == false) {
    display: none !important;
  }
  @else {
    display: inline-block;
  }
}
.pager-prev a{
  color: $color-nav;
  line-height: 2em !important;

  @if ($image-pager-prev != null) {
    @include background_regular(url($image-pager-prev), 0, 1px, no-repeat);
  }
  @if ($show-navigation == false) {
    display: none !important;
  }
  @else {
    display: inline-block;
  }
}
*/
.pager-next a:hover {
  color: #aaaaaa;
  /*
  @if ($image-pager-next-hover != null) {
    background-image:url($image-pager-next-hover);
  }*/ }

.pager-next a:focus {
  color: #ffffff;
  /*
  @if ($image-pager-next-focus != null) {
    background-image:url($image-pager-next-focus);
  }*/ }

.pager-prev a:hover {
  color: #aaaaaa;
  /*
  @if ($image-pager-prev-hover != null) {
    background-image:url($image-pager-prev-hover);
  }*/ }

.pager-prev a:focus {
  color: #ffffff;
  /*
  @if ($image-pager-prev-focus != null) {
    background-image:url($image-pager-prev-focus);
  }*/ }

.pager li {
  display: inline-block; }

.pager li > a:focus, .pager li > a:hover {
  background-color: transparent; }

.pager li > a, .pager li > span {
  background-color: transparent; }

.screen-reader-text {
  position: absolute !important;
  left: -999em; }

.skip-link {
  position: absolute;
  top: -100px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 6px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  -webkit-transition: top .75s ease-out;
  transition: top .75s ease-out; }

.skip-link:focus {
  color: #6d9ab4;
  top: 7px;
  -webkit-transition: top 0s;
  transition: top 0s; }

/*
.navbar .btn:focus,
.navbar .pager a:focus,
.sidebar-toggle-btn:focus{
  outline-width: dotted;
  outline-style: 2px;
  outline-color: $color-default-4;
}
*/
#footer {
  color: #ffffff;
  clear: both;
  background-color: #6d9ab4;
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: #326380;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-bottom-color: #326380;
  padding-bottom: 2em;
  padding-top: 2em;
  height: auto !important; }
  #footer a:focus {
    background-color: #778899 !important; }

#footer-copyright {
  text-align: right;
  font-size: 1.3em; }

#footer-date-last-modified {
  font-size: 1.3em;
  text-align: right; }

#footer-user-defined {
  text-align: right; }

#footer-user-defined p {
  font-size: 1.3em; }

#footer-creative-commons-image {
  text-align: right;
  margin-top: 1.3em; }

#footer-version-tooltip {
  text-align: right; }

#footer-version-tooltip a:link {
  padding-left: 5em;
  padding-right: 5em; }

#footer-custom-1 {
  text-align: right;
  display: none; }

#footer-custom-2 {
  text-align: right;
  display: none; }

#footer-custom-3 {
  text-align: right;
  display: none; }

#footer-standards-link {
  font-size: 1.3em;
  text-align: right;
  color: #FFF; }

#cover-footer-print-all {
  font-size: 1.3em;
  text-align: right;
  color: #FFF; }

#footer-print-all {
  font-size: 1.3em;
  text-align: left;
  color: #FFF; }

#cover-footer-panel a {
  color: #494949;
  text-decoration: underline; }

#sidebar #sidebar-footer-panel a,
#footer a {
  color: #ffffff;
  text-decoration: underline; }

#cover-footer-panel {
  color: #494949; }

#sidebar-footer-panel,
#footer {
  color: #494949; }

#cover-footer-panel a:hover,
#cover-footer-panel a:focus,
#sidebar-footer-panel a:hover,
#footer a:hover,
#sidebar-footer-panel a:focus,
#footer a:focus {
  text-decoration: none; }

#cover-footer-print-all a,
#sidebar-footer-print-all a,
#footer-print-all a {
  padding-left: 30px;
  position: relative; }

#cover-footer-print-all span,
#sidebar-footer-print-all span {
  font-size: 1.2em;
  padding: 5px;
  /*
  display: inline-block;
  position: absolute;
  height:25px;
  width:25px;
  margin:0;
  top:0;
  left:0;
  margin-right: 8px;
  @include background_regular(url($image_print), 0, 0, no-repeat);
  */ }

#footer-print-all span {
  font-size: 1.2em;
  padding: 5px;
  /*
  display: inline-block;
  position: absolute;
  height:25px;
  width:25px;
  margin:0;
  top:0;
  left:0;
  margin-right: 8px;
  @if ($image_print != null) {
    @include background_regular(url($image_print), 0, 0, no-repeat);
  }
  */ }

#sidebar-toggle-btn {
  background: none;
  border: none;
  /*
  line-height: .3em !important;
  padding: 14px 8px 12px 34px; // in line 1606 was: padding: 14px 8px 12px 16px;
  text-indent: -9999px;
  @if ($image-sidebar-toggle-btn != null) {
    @include background_regular(url($image-sidebar-toggle-btn), 0, 50%, no-repeat);
  }
  font-weight: bold;
  font-size: 1.6rem;
  */
  font-size: 2em;
  color: #ffffff;
  margin: 0;
  border-radius: 0;
  box-shadow: none; }

#sidebar-toggle-btn span {
  position: absolute !important;
  left: -999em; }

#sidebar-toggle-btn:focus {
  color: #aaaaaa;
  /*
  overflow: hidden;
  @if ($image-sidebar-toggle-btn-focus != null) {
    @include background_regular(url($image-sidebar-toggle-btn-focus), 0, 50%, no-repeat);
  }
  */ }

#sidebar-toggle-btn:hover {
  color: #aaaaaa; }

.glyphicon {
  text-decoration: none; }

.sidebar-menu {
  padding: 65px 0 0 0;
  background-color: #6d9ab4; }

.sidebar-menu .sidebar-toggle-btn {
  display: none; }

.sidebar-menu .panel-group {
  margin: 0 30px; }

.sidebar-menu .panel {
  border: none;
  background-color: #6d9ab4;
  color: #ffffff; }

#cover-content .panel-group .panel-heading {
  padding: 0; }

#cover-content .panel-group .panel {
  margin-bottom: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px; }

#sidebar .panel-group .panel {
  margin-bottom: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px; }

#sidebar .panel-group .panel-heading + .panel-body {
  margin-top: 10px; }

#sidebar .panel-group .panel-body {
  padding: 0; }

#cover-content .panel-body p:last-child {
  margin-bottom: 0; }

#sidebar .panel-body p:last-child {
  margin-bottom: 0; }

#sidebar .panel-body p a {
  color: #ffffff;
  text-decoration: underline; }

#cover-content .panel-body p a:hover, .panel-body p a:focus {
  text-decoration: none !important; }

#sidebar .panel-body p a:hover, .panel-body p a:focus {
  text-decoration: none !important; }

#sidebar .panel-title {
  margin-top: 0;
  margin-bottom: 0; }

.sidebar-menu h1, .sidebar-menu h1.panel-title {
  font-size: 24px;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.2; }

.sidebar-menu h2, .sidebar-menu h2.panel-title {
  font-size: 20px;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.2;
  font-weight: bold; }

.sidebar-menu h3, .sidebar-menu h3.panel-title {
  font-size: 18px;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.2;
  font-weight: bold; }

.sidebar-menu h4, .sidebar-menu h4.panel-title {
  font-size: 16px;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.2;
  font-weight: bold; }

.sidebar-menu h5, .sidebar-menu h5.panel-title {
  font-size: 14px;
  font-family: "Arial", Arial, sans-serif;
  line-height: 1.2;
  font-weight: bold; }

.sidebar-menu h6, .sidebar-menu h6.panel-title {
  font-size: 12px;
  font-family: "Arial", Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: bold; }

#floatingscore {
  text-align: right;
  font-size: 1.6em;
  display: inline-block;
  margin: 17px 0 15px;
  color: #ffffff;
  margin-bottom: 15px;
  line-height: 1; }

.sidebar-toc a, .sidebar-menu a:hover, .sidebar-menu a:focus {
  color: #ffffff; }

#sidebar-content {
  padding: 5px !important;
  margin: 0; }

.sidebar-menu h1,
.sidebar-menu h2,
.sidebar-menu h3,
.sidebar-menu h4,
.sidebar-menu h5,
.sidebar-menu h6 {
  color: #ffffff; }

ul.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0; }

#sidebar-toc h2 {
  margin: 0 0 5px;
  color: #ffffff;
  font-weight: bold; }

#sidebar-toc h2 a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
  display: block; }

#sidebar-toc h2 a:after, #sidebar-toc h2 a:before {
  top: -5px;
  right: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute; }

#sidebar-toc h2 a:before {
  border-width: 12px;
  border-bottom-color: #ffffff; }

#sidebar-toc h2 a:after {
  border-width: 8px;
  right: 4px;
  top: 3px;
  border-bottom-color: #6d9ab4; }

#sidebar-toc h2 a.collapsed:after, #sidebar-toc h2 a.collapsed:before {
  top: 6px; }

#sidebar-toc h2 a.collapsed:before {
  border-top-color: #ffffff;
  border-bottom-color: transparent; }

#sidebar-toc h2 a.collapsed:after {
  border-top-color: #6d9ab4;
  border-bottom-color: transparent; }

.sidebar-nav a {
  font-weight: bold;
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  padding: 10px;
  display: block;
  position: relative; }

.sidebar-nav a:focus,
.sidebar-nav a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none; }

.sidebar-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.sidebar-nav ul {
  padding-left: 15px;
  display: none; }

.sidebar-nav .current-page ul {
  display: block; }

.sidebar-nav .current-page ul a {
  color: #ffffff;
  font-weight: normal; }

.sidebar-nav .current-page ul a:focus,
.sidebar-nav .current-page ul a:hover {
  color: #494949;
  background-color: #eeeeee;
  font-weight: normal; }

.sidebar-nav li {
  font-size: 14px; }

#sidebar-logo-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent; }

#sidebar-logo {
  margin: 0 auto; }

#sidebar-score-panel {
  margin-top: 16px;
  color: #ffffff;
  font-size: 1.75em; }

#sidebar-title-panel .panel {
  border: none;
  box-shadow: none;
  padding-bottom: 0; }

#sidebar-title h1 {
  margin: 0 0 16px;
  font-size: 3rem;
  font-weight: bold; }

#sidebar-title p {
  margin-bottom: 0;
  font-size: 1.75rem;
  color: #494949;
  line-height: 1.4; }

#sidebar-footer-panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.2em;
  background-color: transparent; }

#sidebar-footer-panel p {
  font-size: 1.2em; }

.sidebar-footer-panel-body > div {
  margin-top: 4px; }

#sidebar-footer-version-tooltip {
  text-align: left; }

#sidebar-footer-version-tooltip a:link {
  padding-right: 5em; }

#sidebar-footer-custom-1 {
  display: none; }

#sidebar-footer-custom-2 {
  display: none; }

#sidebar-footer-custom-3 {
  display: none; }

.banner {
  margin: 0;
  padding: 20px;
  color: #ffffff;
  /*
  @if ($image-banner != null) {
    @include background_regular(url($image-banner), top, left, $image-banner-repeat);
    @if ($is-themebuilder == true) {
      background-size: $background-size-banner;
      @if ($show-banner-image-color-overlay == true) {
        position: relative;
        z-index: -2;
      }
    }
  }
  @if ($gradient-background!= null) {
    background: $gradient-background;
  }
  @else {
    background-color: $background-color-banner;
  }
  */
  background-color: #6d9ab4;
  text-align: right;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.banner h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  color: #ffffff; }

.banner p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1.75rem;
  color: #ffffff;
  line-height: 1.2; }

#page-jumbotron {
  z-index: 0; }

#cover-banner img {
  max-height: 200px;
  width: auto; }

#page-banner img {
  max-height: 110px;
  width: auto; }

#cover-main-container > .row {
  width: 100%; }

.cover-image {
  /*
  @if ($image-cover != null) {
    @include background_regular(url($image-cover), top, left, no-repeat);
    background-size: cover;
    position: relative;
    z-index: -2;
  }
  @if ($gradient-background != null) {
    background: $gradient-background;
  }
  @else {
    background-color: $background-color-cover-image;
  }
  */
  background-color: #6d9ab4; }

.cover-image h1,
.cover-image .h1 {
  color: #ffffff;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.65);
  text-align: center; }

.cover-image .btn {
  padding: 14px 24px;
  border: 0 none;
  font-weight: 700;
  letter-spacing: 1px;
  color: #000;
  background-color: #FFF;
  transition: opacity 350ms ease; }

.cover-image .btn:hover, .cover-image .btn:focus {
  background-color: #F9F9F9; }

/*
.cover-image .btn:focus,
.cover-image.btn:active:focus,
.cover-image.btn.active:focus {
  outline: 0 none;
}
*/
.cover-image p {
  color: #ffffff;
  text-align: center; }

.cover-image .start-button {
  padding-top: 2em;
  text-align: center; }

.cover-image .start-button a {
  text-decoration: none; }

#cover-text .panel-heading h2 {
  font-weight: normal;
  color: #6d9ab4; }

#cover-content {
  margin: 0 3em;
  min-height: 550px !important;
  font-size: 1em; }

.cover-footer-panel-body {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DCDCDC; }

#cover-content h1 {
  margin-top: 0; }

#cover-content .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

#cover-footer-copyright {
  text-align: left;
  font-size: 1.3em; }

#cover-footer-date-last-modified {
  font-size: 1.3em;
  text-align: left; }

#cover-footer-user-defined {
  text-align: left; }

#cover-footer-user-defined p {
  font-size: 1.3em; }

#cover-footer-creative-commons-image {
  text-align: left;
  margin-top: 1em; }

#cover-footer-version-tooltip a:link {
  padding-left: 5em;
  padding-right: 5em; }

#cover-footer-custom-1 {
  text-align: left;
  display: none; }

#cover-footer-custom-2 {
  text-align: left;
  display: none; }

#cover-footer-custom-3 {
  text-align: left;
  display: none; }

#cover-footer-standards-link {
  display: none; }

#cover-biography img {
  margin-left: 2em;
  margin-bottom: 2em; }

.cover-toc a, .cover-menu a:hover, .cover-menu a:focus {
  color: #000; }

ul.cover-nav {
  list-style: none;
  margin: 0;
  padding: 0; }

#cover-toc h2 {
  margin: 0 0 5px;
  color: #6d9ab4;
  font-weight: bold; }

.cover-nav a {
  font-weight: bold;
  color: #494949;
  background-color: transparent;
  text-decoration: none;
  padding: 10px;
  display: block;
  position: relative; }

.cover-nav a:focus,
.cover-nav a:hover {
  color: #494949;
  background-color: #EEE; }

.cover-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.cover-nav ul {
  padding-left: 15px;
  display: none; }

.cover-nav .current-page ul {
  display: block; }

.cover-nav .current-page ul a {
  color: #494949;
  font-weight: normal; }

.cover-nav li {
  font-size: 14px; }

#cover-toc-header a {
  text-decoration: none;
  font-weight: normal;
  position: relative;
  display: block;
  padding-left: 15px;
  color: #6d9ab4; }

#cover-toc-header a:after, #cover-toc-header a:before {
  top: -12px;
  right: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

#cover-toc-header a:after {
  border-bottom-color: #fff;
  border-width: 16px;
  top: 0;
  right: 6px; }

#cover-toc-header a:before {
  border-bottom-color: #326380;
  border-width: 22px; }

#cover-toc-header a.collapsed:after, #cover-toc-header a.collapsed:before {
  top: 8px; }

#cover-toc-header a.collapsed:after {
  border-bottom-color: transparent;
  border-top-color: #fff; }

#cover-toc-header a.collapsed:before {
  border-bottom-color: transparent;
  border-top-color: #326380; }

#vertical-bottom-nav-row,
#horizontal-bottom-nav-row {
  margin-top: auto; }

.footer-wrap {
  width: 100%;
  position: relative;
  z-index: 0; }

@media (max-width: 1000px) {
  #sidebar.toggled {
    width: 250px; } }

@media (max-width: 768px) {
  #content-main {
    margin: 20px 0 0 0; }
  .alignleft {
    margin-left: 0; }
  .alignright {
    margin-right: 0; }
  #floatingscore {
    font-size: 1.4rem; }
  .btn {
    padding: 5px 12px; }
  .qpq-inline {
    width: 100%; } }

@media (max-width: 540px) {
  #content-main {
    margin: 20px 0 0 0; }
  .pager-next a,
  .pager-prev a {
    background-position: 0 2px; }
  #floatingscore {
    text-align: center; }
  #floatingscore span {
    display: block; }
  #page-counter li {
    font-size: 1.4rem; }
  #sidebar, .sidebar-right #sidebar, .sidebar-left #sidebar {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0; }
  .sidebar-right #main-container #sidebar {
    right: 0;
    left: auto;
    bottom: 0; }
  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .alignleft img,
  .alignright img {
    display: block;
    margin: auto; }
  .alignleft figcaption,
  .alignright figcaption {
    text-align: center; } }

#sidebar-right {
  display: none; }

.sc-animation {
  -webkit-animation-name: sc-animation;
  animation-name: sc-animation; }

#scoreCenterCommunicationWindow {
  display: none;
  font-family: "Arial", Arial, sans-serif;
  font-size: 1.3em;
  position: fixed;
  top: 2%;
  right: 10%;
  text-align: left;
  z-index: 1200; }

.sclocw-placeholder {
  z-index: 1100; }

.sclocw-modal-dialog {
  font-family: "Arial", Arial, sans-serif;
  font-size: 1.3em;
  position: relative;
  text-align: left;
  background-color: #EEE;
  border-width: 1%;
  border-style: solid;
  border-color: #000;
  margin: 0 auto;
  margin-top: 2%; }

.sclocw-header {
  position: relative;
  word-wrap: break-word;
  font-weight: bold; }

.sclocw-content {
  overflow: auto;
  word-wrap: break-word;
  position: relative; }

.sclocw-footer {
  position: relative;
  bottom: 0em;
  min-height: 0em;
  margin-top: 5px;
  text-align: right; }

.sclocw-really-important {
  color: #FF0000;
  font-weight: bold; }

.sclocw-lti-attempts {
  margin-top: .1em; }

.sclocw-receipt {
  overflow: auto;
  padding-bottom: .2em; }

.sclocw-row {
  clear: both;
  float: left;
  margin: 0 .2em 0 .2em; }

.sclocw-row span {
  margin-right: .5em; }

.sclocw-score-submitted-message {
  font-size: 1.3em;
  color: #FF0000;
  text-align: center;
  word-wrap: break-word;
  margin: 10% 0% 20% 0; }

.sclocw-score-receipt-instructions,
.sclocw-receipt-options-wrapper {
  bottom: 0em;
  left: 0em;
  text-align: center;
  width: 100%;
  padding-top: .5em;
  margin: 0% 0% 0% 0; }

.sclocw-score-receipt-toggle {
  clear: both;
  margin: 0 auto; }

.sclocw-receipt-options-wrapper {
  display: none; }

.sclocw-receipt-options-wrapper .sclocw-email-label,
.sclocw-receipt-options-wrapper .sclocw-email-input {
  margin-top: 1em; }

.sclocw-email-progress-indicator {
  display: none;
  margin-right: .4em; }

.sclocw-email-label {
  clear: left; }

.sclocw-receipt-options-wrapper .sclocw-email-input {
  margin-left: 1em;
  clear: right; }

.sclocw-print-receipt {
  margin-top: 1em; }

.sclocw-email-receipt {
  margin: 1em 0 0 1em; }

.sclocw-group-select-wrap {
  overflow: auto;
  clear: both; }

.sc-group-select-wrap {
  overflow: auto;
  clear: both;
  margin-top: .5em; }

.sclocw-group-select {
  float: right;
  max-width: 90%; }

.sc-group-selector {
  float: right;
  max-width: 90%;
  margin-left: .5em; }

.sclocw-not-picked {
  display: none; }

.sc-group-wrap,
.sclocw-login-error-wrap,
.sclocw-user-password-wrap,
.sclocw-access-password-wrap,
.sclocw-user-id-wrap {
  overflow: auto;
  clear: both;
  margin-top: 2%; }

.sc-group-input,
.sclocw-user-password-heading,
.sclocw-access-password-heading,
.sclocw-user-password-input,
.sclocw-access-password-input,
.sclocw-group-user-id-heading,
.sclocw-group-user-id {
  float: right;
  margin-left: .5em; }

.sclocw-user-password-heading,
.sclocw-user-password-heading,
.sclocw-access-password-heading,
.sclocw-group-user-id-heading {
  font-weight: bold; }

.sc-group-header {
  float: right; }

.sclocw-login-error-wrap {
  color: #FF0000;
  float: right;
  margin: 1em 0 0 0; }

.sc-panel {
  font-size: 1.2em;
  font-family: "Arial", Arial, sans-serif; }

.sc-buffer {
  position: relative;
  width: 100%;
  margin-top: 10%; }

.sc-panel-heading {
  background-color: #EEE;
  font-weight: bold;
  text-align: center; }

.sc-panel-body {
  background-color: #EEE; }

.sc-panel-body-separator {
  margin-bottom: 5px;
  text-align: left;
  display: block;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  font-weight: bold; }

.sc-group-submit-wrap {
  margin-top: 2%;
  margin-bottom: 2%;
  float: right; }

.sc-group-url-wrap {
  margin-top: 2%;
  margin-bottom: 2%;
  float: left; }

.sc-group-emphasize {
  font-weight: bold; }

.sc-group-hidden {
  display: none; }

.sc-group-error {
  color: #FF0000; }

caption {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000;
  text-align: center;
  font-size: 1.3em; }

#vertical-bottom-nav-row,
#sidebar-footer-panel,
#sidebar-title-panel,
#vertical-top-nav-row {
  display: none; }

#content-main > .sidebar-toggle-btn {
  display: none; }

.rounded20 {
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -ms-border-top-left-radius: 20px;
  -o-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -ms-border-top-right-radius: 20px;
  -o-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -ms-border-bottom-right-radius: 20px;
  -o-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -ms-border-bottom-left-radius: 20px;
  -o-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px; }

#footer-content {
  left: 33.3333333333%; }

#footer-printall {
  right: 66.66666667%; }

#content-main {
  margin: 0px 40px 0 40px; }

.designer {
  border-radius: 25px; }

#footer {
  color: #ffffff;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #326380;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #326380;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 20px;
  padding-right: 20px; }

.sidebar-menu {
  padding: 20px 0 0 0; }

.sidebar-menu .panel-group {
  margin: 0 15px; }

.sidebar-nav .current-page .current-toc-title {
  box-sizing: border-box;
  font-weight: bold;
  display: block;
  color: #ffffff;
  background-color: transparent;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #6d9ab4;
  padding: 10px; }

.sidebar-menu .panel {
  padding: 15px;
  border: 1px solid #ffffff; }

.navbar {
  border-bottom: 1px solid #6d9ab4; }

.riderimageh1 {
  width: 100%;
  height: 75px; }

h1.designer {
  margin: 0 0 1em 0; }

.callouttop {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -ms-border-top-left-radius: 20px;
  -o-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -ms-border-top-right-radius: 20px;
  -o-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -ms-border-bottom-right-radius: 0px;
  -o-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -ms-border-bottom-left-radius: 0px;
  -o-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.calloutbox {
  border-radius: 20px; }

.popupimagecontainer {
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important; }

/*
  @media (max-width : 1000px) { //  SGD ADDED THIS TO REDUCE SIZE OF SIDEBAR FOR CLASSIC - MUST BE BELOW ALL OTHER SIDEBAR TOGGLED RULES IN THE STYLESHEET
    #sidebar.toggled {
      width:200px;
    }
  }
*/
#classic-navbar .nav {
  width: 100%;
  position: relative; }

#classic-navbar .navbar-text {
  color: #ffffff;
  font-size: 14px;
  margin-top: 17px;
  margin-bottom: 10px;
  margin-right: 0; }

#classic-navbar a {
  text-decoration: none; }

#classic-navbar #floatingscore {
  margin: 0;
  color: #ffffff;
  line-height: inherit;
  font-size: inherit; }

#classic-navbar #page-counter .page-count {
  bottom: 2px;
  font-size: 14px; }

#classic-navbar .navbar-nav > .dropdown {
  margin-left: inherit !important; }

#classic-navbar li {
  padding-left: 0; }

#classic-navbar .pagination > li {
  display: inline-block;
  float: left;
  padding-left: 0; }

#classic-navbar .nav > li:last-child {
  float: right; }

#classic-navbar .pager {
  margin: 10px 0; }

#classic-navbar .pagination {
  margin: 10px 0; }

#classic-navbar .pagination > li > a,
#classic-navbar .pagination > li > span {
  font-size: 14px;
  background-color: transparent;
  border: none;
  color: #ffffff; }

#classic-navbar .pagination > li > a:focus,
#classic-navbar .pagination > li > a:hover,
#classic-navbar .pagination > li > span:focus,
#classic-navbar .pagination > li > span:hover {
  color: #000000;
  background-color: #CCCCCC; }

#classic-navbar #page-counter .pager-next a,
#classic-navbar #page-counter .pager-prev a,
#classic-navbar #page-counter .pager-next a:hover,
#classic-navbar #page-counter .pager-prev a:hover {
  background-position: 0 5px; }

#classic-navbar .dropdown > a {
  color: #ffffff; }

#classic-navbar .dropdown.open > a {
  color: #000000; }

#classic-navbar .dropdown > a:focus,
#classic-navbar .dropdown > a:hover {
  color: #000000;
  background-color: #CCCCCC; }

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #CCCCCC;
  border-color: transparent; }

#classic-navbar #page-counter li > div {
  position: relative;
  color: #ffffff; }

#classic-navbar .pagination li.pagetext a {
  padding-right: 6px;
  pointer-events: none; }

#modern-navbar {
  display: none; }

@media (max-width: 768px) {
  #modern-navbar {
    display: block; }
  #classic-navbar {
    position: relative;
    /*
      .classic-toggle{
        position: absolute;
        top: 0;
        right: 0;
      }
      */ }
    #classic-navbar .navbar-nav {
      margin: 0; }
    #classic-navbar .dropdown,
    #classic-navbar .paging-div {
      display: none; }
    #classic-navbar .sc-page-counter-nav {
      width: 100%;
      margin-left: 0 !important; }
    #classic-navbar #classic-navbar-score-span {
      display: block; } }

@media (min-width: 768px) {
  .navbar {
    min-height: inherit; } }

#classic-navbar .navbar-nav > div {
  display: flex; }

#classic-navbar .navbar-nav > div > div + div {
  margin-left: 15px; }

#classic-navbar .navbar-nav > div > div {
  flex: 0 0 auto; }

#classic-navbar .navbar-nav .paging-div {
  flex: 0 1 auto; }

#classic-navbar .navbar-nav > div > div:last-child {
  margin-left: auto; }

#classic-navbar .dropdown {
  flex: 0 0 105px; }

#classic-navbar .dropdown-toggle {
  font-size: 16px;
  padding: 15px 10px;
  height: 100%;
  float: left; }

#classic-navbar .pagination .current-page {
  padding: 6px 12px;
  background-color: #CCCCCC;
  color: #000000; }

.dropdown-menu .current-page {
  background-color: #CCCCCC;
  color: #000000;
  display: block; }

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #000000;
  background-color: #DCDCDC; }

#classic-navbar .dropdown-menu .current-page {
  padding: 3px 20px; }

.sidebar-right #classic-navbar #sidebar-toggle-btn {
  padding-top: 12px; }

.sidebar-left #classic-navbar #sidebar-toggle-btn {
  padding-top: 12px; }

.sidebar-right #classic-navbar .classic-toggle {
  order: 1;
  margin-left: 15px; }

.sidebar-right #classic-navbar .dropdown {
  margin-left: 0; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

@media (min-width: 768px) {
  #main-col {
    padding: 20px;
    position: relative; }
  #main-container.toggled #main-col {
    position: relative; }
  .vertical-nav-row {
    margin: 0 -20px -20px; } }

/*begin chris added this to deal with menus animation*/
#sidebar, .sidebar-right #sidebar, .sidebar-left #sidebar {
  -webkit-transition: margin 1s;
  /* Safari */
  -moz-transition: margin 1s;
  /* Safari */
  -o-transition: margin 1s;
  /* Safari */
  transition: margin 1s;
  width: 20%; }

#main-container.expandedOnload #sidebar {
  width: 20%;
  -webkit-transition: margin unset;
  /* Safari */
  -moz-transition: margin unset;
  /* Safari */
  -o-transition: margin unset;
  /* Safari */
  transition: margin unset; }

#main-container {
  overflow: hidden; }

#main-container.expanded {
  -webkit-transition: margin 1s;
  /* Safari */
  -moz-transition: margin 1s;
  /* Safari */
  -o-transition: margin 1s;
  /* Safari */
  transition: margin 1s; }

.sidebar-left #sidebar {
  margin-left: -20%; }

.sidebar-left #main-container.expanded #sidebar,
.sidebar-left .hideSideBarOnDesktop.expanded #sidebar {
  width: 20%;
  margin-left: 0; }

.sidebar-left #main-container.hiddenOnLoad #sidebar,
.sidebar-left .hideSideBarOnDesktop #sidebar {
  margin-left: -20%;
  transition: none; }

.sidebar-right #sidebar {
  margin-right: -20%; }

.sidebar-right #main-container.expanded #sidebar,
.sidebar-right .hideSideBarOnDesktop.expanded #sidebar {
  width: 20%;
  margin-right: 0; }

.sidebar-right #main-container.hiddenOnLoad #sidebar,
.sidebar-right .hideSideBarOnDesktop #sidebar {
  margin-right: -20%;
  transition: none; }

@media screen and (max-width: 1024px) {
  .sidebar-right #main-container.expanded #sidebar,
  .sidebar-left #main-container.expanded #sidebar {
    width: 250px !important; } }

@media screen and (max-width: 768px) {
  #sidebar, .sidebar-left #sidebar, .sidebar-right #sidebar {
    height: 100%; }
  #sidebar-toc {
    display: block; }
  .sidebar-left #main-container #sidebar {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -250px;
    width: 250px; }
  .sidebar-left #main-container.expanded #sidebar {
    position: absolute;
    width: 250px;
    margin-left: 0; }
  .sidebar-left #main-container.hiddenOnLoad #sidebar,
  .sidebar-left .hideSideBarOnDesktop #sidebar {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -250px;
    width: 250px;
    transition: none; }
  .sidebar-right #main-container #sidebar {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -250px;
    width: 250px; }
  .sidebar-right #main-container.expanded #sidebar {
    position: absolute;
    width: 250px;
    margin-right: 0; }
  .sidebar-right #main-container.hiddenOnLoad #sidebar {
    transition: none;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -250px;
    width: 250px; } }

/*end chris added this to deal with menus animation*/
/**
the .softchalk-activity-wrapper container is wrapped around donny activities.
these are: "align","identify","presenter","selection","sequence","pairs"
*/
.softchalk-activity-wrapper,
.qpgroupborder,
.activityborder,
.table,
.bannerstyletable,
.table-responsive {
  font-size: 1.6rem !important; }

img[src='spacer.gif'] {
  display: none; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%; }

/*TODO: explain why this exist*/
.showContentsMenu #sidebar-toggle-btn, .showContentsMenu .sidebar-toggle-btn {
  display: none !important; }

@media only screen and (min-width: 768px) {
  .hideSideBarOnDesktop #main-container.expanded #sidebar {
    display: none; } }

@media only screen and (max-width: 768px) {
  .calloutbox {
    width: 100% !important;
    float: none;
    margin: 0;
    padding: 0; }
  div.modal[id^="activity-container"] {
    overflow: auto;
    max-width: 100%; }
    div.modal[id^="activity-container"] .modal-body {
      /*border: 3px solid blue;*/
      overflow: auto; }
  /*TODO: explain why this exist*/
  .showContentsMenu {
    display: block !important; }
    .showContentsMenu .navbar-nav .open .dropdown-menu {
      position: absolute; }
    .showContentsMenu #classic-navbar .dropdown-toggle {
      height: auto; }
    .showContentsMenu .navbar-nav {
      margin: 0; }
  /*iframe testing*/ }

@media only screen and (max-width: 768px) and (max-width: 768px) {
  /** this is used to style the classic navbar for mobile devices*/
  #classic-navbar {
    overflow: hidden; }
    #classic-navbar .pager-container {
      width: 100%;
      margin-left: 0 !important; }
  iframe {
    height: 300px; }
  .sc-embed-responsive {
    position: relative; }
  .sc-embed-responsive-16by9 {
    padding-bottom: 56.25%; }
  .sc-embed-responsive .sc-embed-responsive-item,
  .sc-embed-responsive embed,
  .sc-embed-responsive iframe,
  .sc-embed-responsive object,
  .sc-embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
  table .sc-embed-responsive {
    position: static;
    width: initial;
    height: initial; }
    table .sc-embed-responsive.sc-embed-responsive .sc-embed-responsive-item, table .sc-embed-responsive.sc-embed-responsive embed, table .sc-embed-responsive.sc-embed-responsive iframe, table .sc-embed-responsive.sc-embed-responsive object, table .sc-embed-responsive.sc-embed-responsive video {
      position: static;
      width: initial;
      height: initial; }
  table .sc-embed-responsive-16by9 {
    padding: 0; }
  .sc-table-responsive {
    min-height: .01%;
    border: 1px solid #ddd;
    overflow: auto;
    box-shadow: -1px 2px 3px #ccc;
    margin-bottom: 10px; }
  .sc-activity-message {
    text-align: left;
    background-color: yellow;
    border-radius: 4px;
    margin: 10px;
    padding: 5px 10px;
    font-weight: bold;
    box-shadow: 0px 2px 4px #ccc;
    display: block; }
    .sc-activity-message p {
      margin: 0; } }

@media only screen and (max-width: 768px) {
  table img {
    max-width: initial; }
  .hideSideBarOnDesktop #sidebar #sidebar-toc, .hideSideBarOnDesktop #sidebar-toggle-btn {
    display: block; } }

table img {
  max-width: initial; }

@media (max-width: 768px) {
  .sidebar-left .classic-toggle {
    width: 30%; }
  .sidebar-left .navbar-nav > div > div + div {
    width: 33%; }
  .sidebar-left .navbar-nav > div > div:last-child {
    text-align: right; }
  .sidebar-right .navbar-nav > div > div + div {
    width: 33%; }
  .sidebar-right .classic-toggle {
    margin-right: 15px; }
  .sidebar-right #classic-navbar .classic-toggle {
    order: 5;
    position: absolute;
    right: 15px; }
  .sidebar-right #classic-navbar .dropdown {
    order: 2; }
  .sidebar-right #classic-navbar .navbar-nav > div > div + div {
    order: 3; }
  .sidebar-right #classic-navbar .paging-div {
    order: 4; }
  .sidebar-right #classic-navbar .navbar-nav > div > div:last-child {
    order: 1;
    margin-left: initial; } }