@font-face {
  font-family: 'KSHelveticaNeue';
  src: url('../fonts/KSHelveticaNeue-Roman.woff') format('woff'), url('../fonts/KSHelveticaNeue-Roman.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KSHelveticaNeue';
  src: url('../fonts/KSHelveticaNeue-Bold.woff') format('woff'), url('../fonts/KSHelveticaNeue-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KSHelveticaNeue';
  src: url('../fonts/KSHelveticaNeue-Italic.woff') format('woff'), url('../fonts/KSHelveticaNeue-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KSHelveticaNeue';
  src: url('../fonts/KSHelveticaNeue-Light.woff') format('woff'), url('../fonts/KSHelveticaNeue-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'KSHelveticaNeue-Cond';
  src: url('../fonts/KSHelveticaNeue-Cond.woff') format('woff'), url('../fonts/KSHelveticaNeue-Cond.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KSHelveticaNeue-Cond';
  src: url('../fonts/KSHelveticaNeue-BoldCond.woff') format('woff'), url('../fonts/KSHelveticaNeue-BoldCond.of') format('opentype');
  font-weight: bold;
  font-style: normal;
}
/*
		Mixins
*/
/*
	Global styles
*/
html {
  height: 100%;
  width: 100%;
  background-color: #2d2d2d;
  overflow: hidden;
}
body {
  background-color: #2d2d2d;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "KSHelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
h1,
h2,
h3 {
  page-break-after: avoid;
  color: #074089;
  font-family: "KSHelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
h1.small,
h2.small,
h3.small {
  font-size: 1.8em;
}
h1.light,
h2.light,
h3.light {
  font-weight: normal;
}
h1.pagetitle {
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
}
em {
  font-style: italic;
}
*:focus {
  outline: none;
}
.blue {
  color: #074089;
}
#pageContent p {
  line-height: 1.42857143;
}
.zoomedin {
  zoom: 1.3;
  -ms-zoom: 1;
  -moz-transform: scale(1.25);
  -moz-transform-origin: left top;
}
.zoomedin.moz-lesszoom {
  -moz-transform: scale(1.08);
}
.zoomcontainer {
  width: 584px;
  margin: 0 auto;
}
.marginTop-0 {
  margin-top: 0 !important;
}
.marginTop-10 {
  margin-top: 10px !important;
}
.marginTop-20 {
  margin-top: 20px !important;
}
.marginTop-30 {
  margin-top: 30px !important;
}
.marginTop-40 {
  margin-top: 40px !important;
}
.marginTop-50 {
  margin-top: 50px !important;
}
.marginTop-60 {
  margin-top: 60px !important;
}
.marginTop-70 {
  margin-top: 70px !important;
}
.marginTop-80 {
  margin-top: 80px !important;
}
.marginTop-100 {
  margin-top: 100px !important;
}
.marginTop-120 {
  margin-top: 120px !important;
}
.marginTop-140 {
  margin-top: 140px !important;
}
.marginBottom-10 {
  margin-bottom: 10px !important;
}
.marginBottom-20 {
  margin-bottom: 20px !important;
}
.marginBottom-30 {
  margin-bottom: 30px !important;
}
.marginLeft-10 {
  margin-left: 10px !important;
}
.marginLeft-20 {
  margin-left: 20px !important;
}
.sideMargin {
  margin-left: 70px;
  margin-right: 70px;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.small {
  font-size: 85%;
}
.small-note {
  font-size: 92%;
}
.strong {
  font-weight: bold;
}
sup {
  top: -0.3em;
  font-size: 75%;
}
h1 sup,
h2 sup {
  top: -0.48em;
  font-size: 60%;
}
.super-smaller {
  position: relative;
  font-size: 75%;
  top: -0.25em;
}
.disclaimerText {
  font-size: 16px;
}
.reference {
  font-size: 1em;
  font-style: italic;
  line-height: 1.15em;
}
.position-initial {
  position: initial !important;
}
.notvisible {
  visibility: hidden;
  height: 19px;
}
/*.imprintText {
	font-size: 115%;
}*/
ul.description {
  list-style-type: disc;
  padding-left: 0.9em;
}
ul.description-level2 {
  list-style-type: disc;
  padding-left: 1.3em;
}
ul.textList {
  list-style-type: none;
  padding-left: 0.8em;
  margin-left: 1em;
}
ul.textList li {
  text-indent: -0.55em;
}
ul.textList li:before {
  content: "•";
  position: relative;
  left: -1em;
}
ul.textList ul {
  list-style-type: none;
}
ul.textList ul li:before {
  content: "-";
  position: relative;
  left: -10px;
}
a {
  cursor: pointer;
  color: #074089;
}
a:hover,
a:focus {
  text-decoration: underline;
}
.endopressLogo {
  /* original size: 420 x 58 */
  width: 160px;
  height: 27px;
  background: url('img/endopress_logo_black_blue_MK.png') no-repeat;
  background-size: 160px 22px;
}
.endopressLogo.topRight {
  position: absolute;
  right: 60px;
  top: 70px;
}
.text-shadow-light {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.18);
}
.box-shadow-light {
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
}
.with-events {
  pointer-events: all;
}
a .media {
  pointer-events: none;
}
/*
	Bootstrap overrides
*/
.popover {
  max-width: 330px;
}
.popover-title {
  font-size: 16px;
  color: #333;
}
/*
.container {
	width: unit(@desktop-page-width, px);
}
*/
h1,
.h1 {
  margin-bottom: 20px;
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 21px;
}
h1,
h2,
h3,
h4 {
  font-family: "KSHelveticaNeue";
  line-height: 1.1em;
}
h1:first-of-type,
h2:first-of-type,
h3:first-of-type,
h4:first-of-type {
  margin-top: 0;
}
img.cover {
  object-fit: cover;
}
p,
ul {
  font-size: 18px;
}
input,
button {
  font-family: "KSHelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a:focus {
  outline: none;
}
.btn {
  padding: 7px 12px 4px 12px;
}
p.articlenumber {
  font-size: 18px;
  margin: 2em 0 0.2em;
}
p.articlenumber:first-child {
  margin-top: 0;
}
p.articlenumber ~ h2 {
  margin-top: 0;
}
.btn-primary {
  background-color: #074089;
  background-image: linear-gradient(to bottom, #0957ba 0%, #074089 100%);
  border-color: #052958;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #074089;
  background-image: linear-gradient(to bottom, #0c6dea 0%, #084ba1 100%);
  border-color: #021328;
  background-position: 0 -2px;
}
.no-float {
  float: none !important;
}
.filled-el {
  display: block;
  padding: .3em .2em 0.05em;
  background-color: #074089;
  color: #fff;
}
.bgcolor-white {
  background-color: #fff !important;
}
#loadingMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c7c7c7;
  z-index: 100;
}
#productionwarning {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 48px;
}
#productionwarning:after {
  position: absolute;
  top: 48%;
  width: 100%;
  text-align: center;
  content: 'Testversion. Nicht für Produktionszwecke!';
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /*& .textbox, & .slidebox {
		height: unset;
	}*/
}
.flexbox {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.columns-2 {
  -moz-columns: 2 auto;
       columns: 2 auto;
}
.columns-3 {
  -moz-columns: 3 auto;
       columns: 3 auto;
}
/*
 * Vertically alligned content
 * --------------------------------------------------
 */
.valigned-content {
  display: table;
  height: 800px;
  margin-top: 30px;
}
.valigned-content .vcenter {
  display: table-cell;
  vertical-align: middle;
}
.valigned-content .vtop {
  display: table-cell;
}
.valigned-content .vbottom {
  display: table-cell;
  vertical-align: bottom;
}
/*
	Layers & Containers
*/
#pageFrame {
  opacity: 0;
  transform: perspective(1px) translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.desktop-fixed #pageFrame {
  width: 1400px;
  height: 860px;
  overflow: hidden;
  background-color: #f0f0f0;
  margin: 0 auto;
  position: relative;
  transform-origin: left top;
}
#mainPageBackground {
  background-image: linear-gradient(to bottom, #fefefe 0%, #c7c7c7 50%, #a4a4a4 65%, #c7c7c7 78%, #e9e9e9 100%);
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
#headerBackground {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);
}
#bgLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1400px;
  height: 860px;
  background: transparent;
}
#bgLayer.bgImageFull {
  background-size: cover;
}
#staticElements {
  position: absolute;
  width: 1400px;
  height: 860px;
}
#contentContainerOuter {
  position: relative;
  width: 1400px;
  height: 860px;
}
#searchpaneContainer {
  position: absolute;
  width: 1400px;
  height: 860px;
  background: transparent;
}
#bookmarkspaneContainer {
  position: absolute;
  width: 1400px;
  height: 860px;
  background: transparent;
}
#contentContainerMargin {
  position: relative;
  width: 100%;
  height: 100%;
}
.emptypage #contentContainerMargin {
  padding: 30px 120px;
}
.contentpage #contentContainerMargin {
  padding: 5px 120px 20px;
}
#contentContainer {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
#contentContainer .loadablePageContent {
  pointer-events: all;
  width: 100%;
  height: 100%;
}
#contentContainer .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#staticUI {
  position: absolute;
  left: 14px;
  top: 0;
  width: 1372px;
  z-index: 1;
  margin-top: 130px;
  pointer-events: none;
}
#staticUI div {
  display: inline-block;
}
#staticUI .icon-pane {
  width: 42px;
  padding-left: 2px;
}
#staticUI .nav-button {
  background-color: #074089;
  position: absolute;
  top: 232px;
  height: 240px;
  width: 42px;
  cursor: pointer;
  /*&:hover:before {
			color: @color-blue1;
		}*/
}
#staticUI .nav-button:hover {
  background-color: #456fa6;
}
#staticUI .nav-button::before {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: "\e257";
  font-size: 32px;
  color: #f0f0f0;
  top: 100px;
  padding-left: 4px;
}
#staticUI .nav-button.disabled {
  display: none;
  cursor: default;
  /*&:hover:before {
				color: @color-text-bright;
			}*/
}
#staticUI .nav-button.disabled:hover {
  background-color: #074089;
}
#staticUI .nav-button#btn_prev {
  left: 0;
}
#staticUI .nav-button#btn_prev:before {
  left: 3px;
}
#staticUI .nav-button#btn_next {
  right: 0;
}
#staticUI .nav-button#btn_next:before {
  content: "\e258";
}
#staticUI #homeBtn::before {
  content: "\e021";
}
#staticUI #showToc::before {
  content: "\e056";
}
#staticUI #toggleFullscreen::before {
  content: "\e140";
}
#staticUI #toggleFullscreen.isFullscreen:before {
  content: "\e097";
}
#staticUI #iconSpacer {
  margin-top: 360px;
  width: 1px;
}
#staticUI #openSearchPane {
  margin-top: -3px;
}
#staticUI #openSearchPane::before {
  content: "\e003";
}
#staticUI #openBookmarksPane {
  margin-top: -3px;
}
#staticUI #openBookmarksPane::before {
  content: "\e044";
}
.icon-button {
  background-color: #074089;
  position: relative;
  width: 34px;
  height: 34px;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border: none;
}
.icon-button.large {
  width: 64px;
  height: 64px;
}
.icon-button.large::before {
  font-size: 32px;
  color: #f0f0f0;
  left: 18px;
  top: 9px;
}
.icon-button.small {
  width: 20px;
  height: 20px;
}
.icon-button.small::before {
  font-size: 17px;
  left: -4px;
  top: -4px;
}
.icon-button:hover {
  background-color: #456fa6;
}
.icon-button::before {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: "\e006";
  font-size: 24px;
  color: #f0f0f0;
  left: 5px;
  top: -3px;
}
.icon-button.emphasis {
  background-image: linear-gradient(to bottom, #6ec6b5 0%, #3a9483 50%, #6ec6b5 100%);
}
.icon-button.emphasis:hover {
  background-image: linear-gradient(to bottom, #41a693 0%, #245d52 50%, #41a693 100%);
}
.icon-video::before {
  content: "\e072";
}
.icon-open::before {
  content: "\e259";
  left: -1px;
  top: -1px;
}
.sizetoggle-button.icon-close {
  margin-bottom: 14px;
}
.icon-close::before {
  content: "\e260";
  left: -1px;
  top: -1px;
}
.button-videostart {
  position: absolute;
  width: 120px;
  height: 120px;
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  border-radius: 50%;
  border: 5px #878786 solid;
  color: #e8e8e7;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.03) 100%);
  cursor: pointer;
}
.button-videostart:hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0.01) 100%);
  color: #fff;
}
.button-videostart::before {
  position: relative;
  top: 10px;
  left: 31px;
  font-size: 60px;
  font-family: "Glyphicons Halflings";
  content: "\e072";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 4px #878786, 3px 3px 4px #878786, -3px -3px 4px #878786, -3px 3px 4px #878786;
}
.round {
  border-radius: 50%;
}
.pageContentContainer h1 {
  font-weight: normal;
}
.nav-icon-button {
  cursor: pointer;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
}
.nav-icon-button::before {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: "\e257";
  font-size: 32px;
  color: #074089;
  top: -3px;
  left: 4px;
}
.nav-icon-button:hover::before {
  color: #456fa6;
}
.icon-small {
  width: 34px;
  height: 34px;
  padding: 6px;
}
.reference-button {
  width: 36px;
  height: 38px;
  border: none;
  background: none;
}
.reference-button .icon-reference {
  background: url('img/reference_icon.png') no-repeat;
  background-size: 22px 26px;
  width: 22px;
  height: 26px;
  display: inline-block;
}
.scrollcontent h2 {
  margin-top: 0.3em;
}
.scrollcontent .reference-button {
  position: relative;
  z-index: 10;
}
.scrollcontent p:last-of-type {
  padding-bottom: 0.7em;
}
.scrollbarpadding {
  padding-right: 13px;
}
.buttom-nav-bar {
  position: absolute;
  bottom: 190px;
  left: 0;
  width: 100%;
}
.buttom-nav-bar .buttonContainer {
  position: relative;
  width: 100%;
  text-align: center;
}
.regularButton {
  background-color: #074089;
  padding: 0.8em 1.2em 0.5em;
  border: none;
  cursor: pointer;
  color: #f0f0f0;
  width: 260px;
  margin: 0 auto;
  font-size: 21px;
}
.regularButton:hover {
  background-color: #456fa6;
}
.regularButton:disabled {
  cursor: default;
  background-color: #c7c7c7;
}
/*
	Scrollboxes and scrollbars
*/
.scrollbox {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.scrollbox-outer {
  position: relative;
  height: 100%;
}
.scrollbox-outer .scrollbox {
  position: initial;
}
.scrollbox-outer .scrollbox .iScrollVerticalScrollbar {
  right: -16px;
}
.iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 9px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  overflow: hidden;
}
.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}
.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 999;
  width: 9px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  overflow: hidden;
}
.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
}
.zoomedin .iScrollVerticalScrollbar {
  width: 7px;
}
.iScrollIndicator {
  position: absolute;
  background: #555;
  border-width: 1px;
  border-style: solid;
  border-color: #777;
  border-radius: 4px;
  opacity: 0.7;
}
.iScrollIndicator:hover {
  opacity: 0.9;
}
/*
	Page element styles
*/
.maintitle-content {
  margin-top: 200px;
}
.subtitle-content {
  margin-top: 180px;
}
.subtitle-content-with-header {
  margin-top: 122px;
}
h1.maintitle {
  font-size: 80px;
  font-weight: bold;
  color: #074089;
}
h1.subtitle {
  font-size: 36px;
  font-weight: normal;
  color: #074089;
}
h1.chapter-title {
  font-size: 60px;
  font-weight: bold;
  color: #074089;
  text-align: center;
  margin-top: -0.4em;
}
h1 + h2 {
  margin-top: -12px !important;
}
header {
  height: 40px;
  margin-bottom: 18px;
  padding: 8px 120px;
}
header h1 {
  font-family: "KSHelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #074089;
  margin-top: 5px !important;
  margin-bottom: 4px;
  text-align: right;
}
header .endopressLogo {
  /* original size: 420 x 58 */
  width: 136px;
  height: 23px;
  background-size: 136px 18px;
  margin-right: 30px;
}
.divider-thick {
  height: 6px;
  width: 100%;
  background-image: linear-gradient(to right, #aaa 0%, #dddddd 50%, #aaa 100%);
  clear: both;
}
.divider-thin {
  height: 2px;
  width: 100%;
  background-color: #777;
  clear: both;
}
video {
  width: 100%;
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
}
.onPageVideo video {
  box-shadow: none;
}
#videoWrapper {
  position: relative;
  margin: 0 auto;
  pointer-events: all;
}
#videoContent {
  position: relative;
}
#videoContent h1.videoTitle {
  color: #074089;
  font-weight: normal;
  font-size: 28px;
  margin: 0 auto 14px;
}
.videoContainer {
  margin-top: -15px;
}
.video-preview {
  position: relative;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  max-height: 513px;
}
.video-preview img {
  height: 100%;
  max-height: 645px;
}
.padding-box {
  padding: 40px;
}
.centered {
  margin: 0 auto;
}
.centeredWrapper {
  max-width: 90%;
  margin: 0 auto;
}
.centercontent {
  margin: 0 auto;
}
.centercontent.narrow {
  width: 75%;
}
.center-text {
  text-align: center;
}
.boxcontent {
  padding-bottom: 25px;
  height: 100%;
}
/*
.vscrollcontainer {
	overflow-y: scroll;
	height: 100%;
}*/
.scrollboxmargin {
  margin: 12px 0;
}
.no-overflow {
  overflow: hidden;
}
.vscrollable {
  overflow-y: scroll;
  max-height: 690px;
}
.hscrollable {
  overflow-x: scroll;
}
.gray-box {
  background-color: #f0f0f0;
}
ul.nested-list {
  font-size: 21px;
  list-style-type: none;
}
ul.nested-list li {
  position: relative;
  margin-top: 0.25em;
}
ul.nested-list li.white:before {
  color: #fff;
}
ul.nested-list li .filled-bg {
  position: relative;
  z-index: 10;
  color: #fff;
}
ul.nested-list li .filled-bg:before {
  position: absolute;
  top: -0.1em;
  left: -4.5em;
  right: 0;
  height: 100%;
  background-color: #c7c7c7;
  content: ' ';
  z-index: -1;
}
ul.nested-list li .filled-bg.blue-dark:before {
  background-color: #074089;
}
ul.nested-list li .filled-bg.blue-med:before {
  background-color: #6a8cb8;
  left: -7.1em;
}
ul.nested-list ul {
  font-size: 18px;
  list-style-type: none;
}
ul.nested-list ul ul {
  font-size: 18px;
}
ul.nested-list ul ul ul {
  font-size: 15px;
}
ul.bulletlist {
  font-size: 21px;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 1.2em;
}
ul.bulletlist li {
  position: relative;
  margin-bottom: 0.5em;
}
ul.bulletlist li:before {
  position: absolute;
  left: -1.2em;
  content: "•";
}
ul.bulletlist li:last-child {
  margin-bottom: 0;
}
ul.bulletlist li ul {
  margin-top: 0.4em;
  list-style-type: none;
  padding-left: 1.2em;
  font-size: 19px;
}
ul.bulletlist li ul li:before {
  position: absolute;
  left: -1.2em;
  content: "–";
}
ul.bulletpoints li:before {
  position: absolute;
  left: -1em;
  content: '\2022';
  z-index: 15;
}
ol.rules-list,
ul.rules-list {
  font-size: 20px;
  margin-bottom: 0;
  padding-left: 1.3em;
}
ol.rules-list li,
ul.rules-list li {
  position: relative;
  margin-bottom: 0.3em;
  font-weight: bold;
}
ol.rules-list li:last-child,
ul.rules-list li:last-child {
  margin-bottom: 0;
}
ol.rules-list li ul,
ul.rules-list li ul {
  font-size: 18px;
  margin-top: 0.4em;
  list-style-type: none;
  padding-left: 1em;
}
ol.rules-list li ul li,
ul.rules-list li ul li {
  font-weight: normal;
  /*&:before {
					position: absolute;
					left: -1.2em;
					margin-top: 0.05em;
					content: "•";
				}*/
}
ol.rules-list li ul li ul,
ul.rules-list li ul li ul {
  margin-top: 0.4em;
  list-style-type: none;
  padding-left: 1.2em;
}
ol.rules-list li ul li ul li:before,
ul.rules-list li ul li ul li:before {
  position: absolute;
  left: -1.2em;
  content: "–";
}
ol.rules-list li ul li ul li span.name,
ul.rules-list li ul li ul li span.name {
  -ms-flex: 55%;
      flex: 55%;
  margin-right: 1em;
}
ol.rules-list li ul li ul li span.criteria,
ul.rules-list li ul li ul li span.criteria {
  -ms-flex: 42%;
      flex: 42%;
  font-style: italic;
  vertical-align: top;
}
ol.numberedlist {
  font-size: 21px;
  list-style: decimal;
  counter-reset: listnumber;
  position: relative;
}
ol.numberedlist li {
  font-weight: normal;
  margin-bottom: 0.4em;
  list-style: none;
}
ol.numberedlist li:before {
  content: counter(listnumber);
  /* Use the counter as content */
  counter-increment: listnumber;
  /* Increment the counter by 1 */
  position: absolute;
  left: 0;
}
ol.numberedlist li.filled:before {
  left: -1.7em;
}
ul.nobullet {
  padding-left: 0.8em !important;
}
ul.nobullet li:before {
  content: "" !important;
}
/*
	Fullpage
*/
.fullpage-container {
  width: 100%;
  height: 760px;
}
.fullpage-container h1 {
  font-size: 32px;
  margin-bottom: 10px;
}
#image-area {
  position: relative;
}
.image-carousel {
  height: 100%;
  width: 100%;
}
.carousel-image {
  position: relative;
  height: 100%;
  width: 100%;
}
.carousel-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.image-block {
  position: absolute;
  background-color: white;
}
.img-textoverlay {
  position: absolute;
  font-size: 18px;
  line-height: 1.1em;
  bottom: 5px;
  width: 100%;
  padding: 12px 10px 5px;
  background-color: rgba(255, 255, 255, 0.55);
  text-align: center;
  overflow: hidden;
  transition: height 0.5s ease-out;
}
.img-textoverlay .longtext {
  display: none;
  width: 75%;
  text-align: left;
  margin: 20px auto 10px;
}
.img-textoverlay.open .longtext {
  display: block;
}
.img-textoverlay.open .open-indicator .icon:before {
  content: "\e094";
}
.open-indicator {
  text-align: left;
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 9px;
  color: #606060;
}
.open-indicator .icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.open-indicator .icon:before {
  content: "\e093";
}
.btn-openDetail {
  position: absolute;
  top: 35px;
  left: 49%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.8);
}
.btn-openDetail:focus {
  outline: none;
}
.btn-closeDetail {
  position: absolute;
  top: 90px;
  left: 49%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 3px 12px 7px;
  background: rgba(255, 255, 255, 0.8);
}
.btn-closeDetail:focus {
  outline: none;
}
.btn:focus,
.btn:active:focus {
  outline: none;
}
.authorinfo p {
  font-size: 26px;
  line-height: 1.1em;
}
.compliments {
  margin-top: 60px;
  font-size: 24px;
  text-align: center;
}
.large-text {
  font-size: 24px;
}
.large-text p {
  font-size: 24px;
  margin: 0 0 1em;
}
.med-large-text {
  font-size: 21px;
}
.textbox {
  background-color: #fff;
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
  padding: 25px 25px 18px;
  height: 100%;
}
#text-short p {
  font-weight: bold;
}
/*	--------------------------------------
					Lightbox
	-------------------------------------- */
.lightbox-content {
  padding: 0 15px 40px;
  position: relative;
  /*& p {
		font-size: 16px;
	}*/
}
.lightbox-content h1,
.lightbox-content h2,
.lightbox-content h3 {
  font-weight: normal;
}
.lightbox-content h1 {
  font-size: 30px;
}
.lightbox-content h1 .smaller {
  font-size: 28px;
}
.lightbox-content h2 {
  font-size: 28px;
}
.lightbox-content img {
  border: 5px solid #fff;
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
  max-height: 715px;
  margin: 0 auto;
}
.mfp-content {
  max-width: 100%;
  vertical-align: top;
  padding-top: 63px;
}
.videoLighbox .mfp-content {
  padding: 0;
  vertical-align: middle;
}
.mfp2-with-zoom .mfp-content {
  vertical-align: middle;
  padding-top: 0;
}
.mfp-bg {
  background-image: linear-gradient(#fefefe 0%, #c7c7c7 50%, #a4a4a4 65%, #c7c7c7 78%, #e9e9e9 100%);
  opacity: 1;
}
.mfp-close {
  font-size: 46px;
  color: #074089 !important;
}
.mfp-close:hover {
  color: #456fa6 !important;
}
#videoContent .mfp-close {
  color: #f0f0f0;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.18);
}
.mfp-content .container {
  width: 86%;
  max-width: 1600px;
}
.mfp-content .container h1 {
  font-weight: normal;
}
.mfp-content .container.wide {
  width: 90%;
}
.mfp-figure:after {
  background: #f0f0f0;
}
.col-sm-4.gradientbox {
  padding-left: 15px;
  padding-top: 15px;
  margin-right: 15px;
  background-image: linear-gradient(-180deg, #f7fafc 10%, #e6eff7 90%);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.12);
}
/*	--------------------------------------
					Zoomelements
	-------------------------------------- */
.zoomElement {
  cursor: zoom-in;
}
#zoomElementContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
#zoomElementContainer .mfp-bg {
  position: relative;
}
#zoomElementContainer .mfp-wrap {
  position: absolute;
}
#zoomElementContainer .mfp-img {
  padding: 0;
}
#zoomElementContainer .mfp-figure:after {
  top: 0;
  bottom: 0;
}
/*	--------------------------------------
					Slidebox
	-------------------------------------- */
.shadowbox {
  background-color: #fff;
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
.shadowbox.zoomedin {
  overflow: unset;
}
.shadowbox.video-preview {
  background-color: #999;
}
.no-margin-box {
  overflow: hidden;
  padding: 0 !important;
}
.slidebox {
  width: 100%;
  padding: 5px;
  position: relative;
  background-color: #fff;
  box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, 0.18);
  /*&:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .4;
		background: url('img/box_bg_grey.png');
		background-size: 100% 100%;
	}*/
}
.slidebox.no-padding {
  padding: 0;
}
.slidebox.widePadding {
  padding: 72px;
}
.slidebox.sidebar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background-color: #074089;
}
.slidebox.sidebar-wide {
  left: 18px;
}
.slidebox.sidebar-wide:before {
  left: -18px;
  width: 18px;
}
.slidebox.widerpadding {
  padding: 12px 12px 2px;
}
li.flex {
  display: -ms-flexbox;
  display: flex;
}
ol.kscolorlist li.filled,
ul.kscolorlist li.filled {
  margin-bottom: 5px;
}
ol.kscolorlist li.filled:before,
ul.kscolorlist li.filled:before {
  color: #fff;
  z-index: 12;
  top: 0.22em;
}
ol.kscolorlist li.filled > span,
ul.kscolorlist li.filled > span {
  position: relative;
  display: block;
  z-index: 10;
  color: #fff;
  padding: 5px 0 1px;
}
ol.kscolorlist li.filled > span:before,
ul.kscolorlist li.filled > span:before {
  position: absolute;
  top: 0;
  left: -3.5em;
  right: 0;
  height: 100%;
  background-color: #074089;
  content: ' ';
  z-index: -1;
}
ol.kscolorlist li.filled li.filled.level2:before,
ul.kscolorlist li.filled li.filled.level2:before {
  color: #fff;
}
ol.kscolorlist li.filled li.filled.level2 > span:before,
ul.kscolorlist li.filled li.filled.level2 > span:before {
  background-color: #6a8cb8;
}
ol.kscolorlist li.filled li.bordered,
ul.kscolorlist li.filled li.bordered {
  border-bottom: #878786 1px solid;
}
ol.kscolorlist li.filled ul,
ul.kscolorlist li.filled ul {
  margin-top: 5px;
}
ol.kscolorlist li.filled > ul > li.filled > span:before,
ul.kscolorlist li.filled > ul > li.filled > span:before {
  background-color: #6a8cb8;
}
ol.rules-list {
  list-style: decimal;
  counter-reset: rulenumber;
}
ol.rules-list > li {
  position: relative;
  list-style: none;
}
ol.rules-list > li:before {
  content: counter(rulenumber);
  /* Use the counter as content */
  counter-increment: rulenumber;
  /* Increment the counter by 1 */
  position: absolute;
  left: -1.1em;
}
ol.rules-list.kscolorlist {
  overflow-x: hidden;
}
ol.rules-list.kscolorlist li.filled:before {
  color: #fff;
}
ul.rules-list {
  margin-top: 0.4em;
  list-style-type: none;
  padding-left: 1em;
}
ul.rules-list li {
  font-weight: normal;
  /*&:before {
			position: absolute;
			left: -1.05em;
			content: "•";
		}*/
}
ul.rules-list.kscolorlist {
  overflow-x: hidden;
}
ul.rules-list.kscolorlist li.filled:before {
  color: #fff;
  top: 0.25em;
}
/*	--------------------------------------
				VA Accordion
	-------------------------------------- */
.va-container {
  position: relative;
  margin: 33px auto 0 auto;
}
.va-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #f0f0f0;
  display: table;
}
.va-wrapper.no-background {
  background: none;
}
.va-slice {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  overflow: hidden;
  /*&:after {
		content: '';
		height: 3px;
		width: 100%;
		background: #444;
		position: absolute;
		bottom: 0;
	}

	&:last-child::after {
		content: none;
		height: auto;
		width: auto;
		position: auto;
		background: none;
	}*/
}
.va-slice .detail-content {
  display: none;
}
.va-slice .va-image {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 584px;
  margin-top: -300px;
  margin-left: -500px;
}
.va-slice .va-image.fit-height {
  object-fit: contain;
  object-position: center;
  font-family: 'object-fit: contain; object-position: center;';
}
.va-slice .va-image.fit-height.cover {
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: center;';
}
.va-slice .va-image.set-height {
  object-fit: cover;
}
.va-slice .img-wrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 35px);
  overflow: hidden;
  /*&:before {
			content: '';
			padding-top: 50px;
		}*/
}
.va-slice .va-titleBar {
  font-family: "KSHelveticaNeue";
  position: relative;
  z-index: 2;
  padding: 5px 70px 7px 30px;
  margin: 0;
  background-color: #074089;
  color: #f0f0f0;
}
.va-slice .va-titleBar:hover {
  background-color: #456fa6;
  cursor: pointer;
}
.va-slice .va-titleBar:hover:after {
  background-image: linear-gradient(#456fa6 0%, #375C88 100%);
}
.va-slice .va-titleBar:after {
  content: '';
  background-image: linear-gradient(#074089 0%, #052958 100%);
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
}
.va-slice .va-titleBar:before {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e259";
  font-size: 19px;
  position: absolute;
  top: 4px;
  right: 30px;
}
.va-slice .va-titleBar.singleSlice:before {
  content: '';
}
.va-slice .va-titleBar.singleSlice:hover {
  background-color: #074089;
  cursor: default;
}
.va-slice .va-titleBar.singleSlice:hover:after {
  background-image: linear-gradient(#074089 0%, #052958 100%);
}
.va-slice .va-titleBar h3 {
  font-weight: normal;
  font-size: 18px;
  margin: 0.22em 0 0.1em;
  color: #f0f0f0;
  letter-spacing: 0.03em;
}
.va-slice.expanded .va-titleBar:before {
  content: "\e260";
  top: 5px;
}
.va-slice.expanded .va-titleBar.singleSlice:before {
  content: '';
}
.va-slice:first-of-type .va-titleBar h3 {
  margin-top: 0.25em;
}
/*
.va-slice .va-image {
	/*width: 100%;
	height: auto;*/
/*	display: block;
	&:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.2);
	}
}*/
.va-overlay-content {
  position: absolute;
  max-width: 100%;
  width: 1000px;
  padding: 5px 30px;
}
.va-overlay-content .va-trans-bg {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 7px 8px 2px;
  display: inline-block;
}
.va-overlay-content .va-title {
  font-family: "KSHelveticaNeue";
  font-size: 24px;
  color: #f0f0f0;
  margin: 0;
  font-weight: normal;
  letter-spacing: 0.065em;
  text-shadow: 1px 1px 2px #000;
}
.va-overlay-content .va-content {
  display: none;
  max-width: 85%;
}
.va-overlay-content .va-content .short-text {
  margin-top: 25px;
  position: relative;
  padding: 9px 3.5em 4px 9px;
  min-width: 50px;
}
.va-overlay-content .va-content .short-text:after {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e258";
  font-size: 16px;
  line-height: 1.15;
  font-weight: bold;
  position: absolute;
  right: 0.6em;
  bottom: 6.5px;
  background-color: #074089;
  color: #f0f0f0;
  padding: 3.5px 4px 3px 4px;
}
.va-overlay-content .va-content .short-text:hover {
  cursor: pointer;
}
.va-overlay-content .va-content .short-text:hover:after {
  background-color: #456fa6;
}
.va-overlay-content .va-content .on-white {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
}
.va-overlay-content .va-content .on-white:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.va-overlay-content .va-content .on-black {
  background-color: rgba(0, 0, 0, 0.75);
  display: inline-block;
}
.va-overlay-content .va-content .on-black:hover {
  background-color: rgba(0, 0, 0, 0.62);
}
.va-overlay-content .va-content .on-black p {
  color: #f0f0f0;
}
.va-overlay-content .va-content p {
  font-size: 17px;
}
.va-overlay-content .va-content p:last-child {
  margin-bottom: 0.05em;
}
.va-overlay-content .va-content p:first-child {
  margin-top: 1px;
}
.va-nav span {
  width: 110px;
  height: 25px;
  position: absolute;
  top: -29px;
  left: 50%;
  margin-left: -55px;
  padding-top: 2px;
  cursor: pointer;
  display: none;
  z-index: 100;
  font-size: 24px;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  background-color: #074089;
  color: #f0f0f0;
  text-align: center;
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.va-nav span:after {
  content: "\e260";
}
.va-nav span:hover {
  background-color: #456fa6;
}
.va-nav span.va-nav-next {
  top: auto;
  bottom: -29px;
}
.va-nav span.va-nav-next:after {
  content: "\e259";
  position: relative;
  top: -3px;
}
.detailsLink {
  cursor: pointer;
  position: absolute;
  width: 26px;
  height: 26px;
  right: -26px;
  bottom: 0;
  background-color: #074089;
  padding: 5px 3px 2px 5px;
}
.detailsLink::after {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e258";
  font-size: 16px;
  line-height: 1.15;
  font-weight: bold;
  color: #f0f0f0;
}
.detailsLink:hover {
  background-color: #456fa6;
}
.zoomedin .detailsLink {
  right: -14.5px;
  padding: 4px 3px 3px 5px;
}
.slidebox .detailsLink::after {
  right: -25px;
}
.textbox.zoomedin .detailsLink::after {
  right: -13px;
}
.padding-box .detailsLink::after {
  right: -13px;
}
.detailsLink.righttenpointfive::after {
  right: -10.5px;
}
.detailsLink.righttwelve::after {
  right: -12px;
}
/*	--------------------------------------
					tables
	-------------------------------------- */
table.texttable {
  font-size: 18px;
}
table.texttable td {
  padding-right: 0.7em;
}
table.kstable {
  font-size: 18px;
  border-collapse: collapse;
  border-spacing: 2px;
  border-style: hidden;
}
table.kstable th {
  background-color: #6a8cb8;
  color: #fff;
  border: 2px solid #878786;
  font-weight: bold;
  padding: 6px 11px 2px;
}
table.kstable td {
  background-color: #fff;
  border: 2px solid #878786;
  padding: 8px 14px;
}
table.kstable td.colored {
  color: #074089;
}
table.kstable td.strong {
  font-weight: bold;
}
table.kstable.smalltable {
  font-size: 15px;
}
table.kstable.borders {
  border-style: hidden none none;
}
td.decimalnumber {
  text-align: right;
}
td.decimalnumber span.no-dezimal {
  visibility: hidden;
}
td.decimalnumber.leftalign {
  padding-right: 52px !important;
}
.floatThead-container {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.floatThead-table {
  margin-left: 1px !important;
}
.fixedTHeadWrapper {
  margin-right: 12px;
  z-index: 500;
  /* transform: translateY(30px); */
  position: relative;
  left: 0;
  top: 0;
}
.fixedTHeadWrapper + .scrollbox {
  margin-top: -33px;
}
.fixedTHeadWrapper .scrolltable {
  width: 100%;
}
/*	--------------------------------------
				TOC page
	-------------------------------------- */
.toc-page .toc-columns {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
.toc-page .toc-columns3 {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.toc-page .keeptogether {
  /*display: inline-block;
    	width: 100%;*/
  page-break-before: column;
       break-before: column;
}
.toc-page li a {
  color: #333;
}
.toc-page li a h2 {
  color: #074089;
}
.toc-page li a h2:hover {
  text-decoration: underline;
}
.toc-page li a:hover .videolink {
  color: #fff;
  background: #0b62d2;
}
.toc-page li a.videoLink {
  padding-right: 4.5em;
  position: relative;
  display: inline-block;
  width: 100%;
}
.toc-page li a.videoLink::after {
  position: absolute;
  right: 8px;
  color: #e6e6e6;
  content: 'video';
  background: #074089;
  margin-left: 1em;
  padding: 6px 6px 2px;
  text-shadow: none;
  font-size: 13px;
  /*90%;*/
  letter-spacing: 0.05em;
  line-height: 1;
}
.toc-page li a .videolink {
  position: absolute;
  right: 6px;
  top: 0;
  display: inline-block;
  color: #e6e6e6;
  background: #074089;
  margin-left: 1em;
  padding: 6px 6px 2px;
  text-shadow: none;
  font-size: 13px;
  /*90%;*/
  letter-spacing: 0.05em;
  line-height: 1;
}
.toc-page li a .videolink::after {
  clear: both;
}
.toc-page ul {
  list-style-type: none;
  font-size: 17px;
  padding-left: 0;
}
.toc-page ul li {
  position: relative;
}
.toc-page ul li.smallToc h2 {
  font-size: 18px;
}
.toc-page ul li h2 {
  margin: .55em 0;
}
.toc-page ul ul .filled {
  display: block;
  margin-top: .6em;
  margin-bottom: .6em;
  color: #063776;
  border-bottom: #575757 1px solid;
}
.toc-page ul ul .indent {
  padding-left: 2em;
}
/*	--------------------------------------
				Selftest
	-------------------------------------- */
.bottom-fixed {
  position: absolute;
  bottom: 0;
  margin-right: 15px;
}
.questionbox h2 {
  font-weight: normal;
}
.questionbox h3 {
  font-weight: normal;
  font-size: 18px;
  padding-left: 0.8em;
}
.questionbox h3 span.part1 {
  display: inline-block;
  width: 14%;
  vertical-align: top;
}
.questionbox h3 span.part2 {
  display: inline-block;
  width: 86%;
  vertical-align: top;
}
.questionbox h3.widep1 .part1 {
  width: 24%;
}
.questionbox h3.widep1 .part2 {
  width: 75%;
}
.questionbox .scrollbox .iScrollVerticalScrollbar {
  right: -18px;
}
.questionbox .answerButtonsBox {
  padding: 5px 1px;
}
.answerBtn {
  border-left: #878786 1px solid;
  border-right: #878786 1px solid;
  border-bottom: #878786 1px solid;
  padding: 1em 1em 0.7em 1em;
  font-size: 16px;
}
.answerBtn:first-of-type {
  border-top: #878786 1px solid;
}
.answerBtn:hover {
  cursor: pointer;
  background-color: #e6e6e6;
}
.answerBtn.selected {
  background-color: #c7c7c7;
}
.answerBtn .part1 {
  display: inline-block;
  width: 14%;
  vertical-align: top;
}
.answerBtn .part2 {
  display: inline-block;
  width: 86%;
  vertical-align: top;
}
.answerBtn .part2.widep1 {
  width: 77%;
}
.answerBtn.widep1 .part1 {
  width: 25%;
}
.answerBtn.widep1 .part2 {
  width: 75%;
}
.answerBtn ul,
.answerBtn ol {
  margin-bottom: 0;
}
#answerRating {
  position: absolute;
  bottom: 16px;
  left: 114px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
.testButton {
  background-color: #074089;
  position: absolute;
  bottom: 15px;
  padding: 0.8em 1.2em 0.5em;
  border: none;
  cursor: pointer;
  color: #f0f0f0;
}
.testButton:hover {
  background-color: #456fa6;
}
.testButton:disabled {
  cursor: default;
  background-color: #c7c7c7;
}
/*#okButton {

}*/
#endTestButton {
  right: 36px;
}
.hideInBrowser {
  display: none;
}
.nwjs .hideInBrowser {
  display: inherit;
}
/*------------------
	Preloader
--------------------*/
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #f7fafc;
}
#preloader .loader {
  width: 50px;
  height: 50px;
  border: 12px solid #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  border-radius: 60px;
  animation: loader 1s linear infinite;
}
#preloader .loader::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 50px;
  background: #f7fafc;
  left: 10px;
  top: 15px;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*	--------------------------------------
				Windows specific
	-------------------------------------- */
.windows {
  /*& .detailsLink {
		padding: 4px 3px 3px 1px;
	}*/
}
.windows header h1 {
  margin-top: 1px !important;
}
.windows .super-smaller {
  top: -0.23em;
}
.windows .va-content .short-text {
  padding-top: 3px;
}
.windows .va-overlay-content .va-content p:last-child {
  margin-bottom: 0.06em;
}
.windows ul.nested-list li .filled-bg:before {
  top: 0;
}
.windows ol.kscolorlist li.filled::before,
.windows ul.kscolorlist li.filled::before {
  top: 0.05em;
}
.windows ol.kscolorlist li.filled span,
.windows ul.kscolorlist li.filled span {
  padding: 4px 0 3px;
  top: -3px;
}
.windows ol.kscolorlist li.flex span,
.windows ul.kscolorlist li.flex span {
  padding: 0;
}
.windows .va-overlay-content .va-content .short-text:after {
  bottom: 4px;
  padding: 4.5px 4px 2px 4px;
}
.windows .icon-button.small:before {
  top: -3px;
}
.windows table.kstable th {
  padding-top: 3px;
  padding-bottom: 3px;
}
.windows .floatThead-table {
  margin-left: 0;
}
.windows .testButton {
  padding: 0.4em 1.2em 0.4em;
}
.windows #answerRating {
  left: 110px;
}
.windows .answerBtn {
  padding-top: 0.7em;
}
.windows .toc-page li a .videolink {
  padding: 1px 6px;
}
.windows .filled-el {
  padding: .1em .2em 0.14em;
}
/*	--------------------------------------
				Firefox specific
	-------------------------------------- */
@-moz-document url-prefix() {
  /*.padding-box.zoomedin .detailsLink {
		&::after{
			right: -10px;
		} 
	}

    .textbox.zoomedin .detailsLink {
		&::after{
			right: -10px;
		} 
	}*/
  .detailsLink {
    right: -26px;
    padding: 4px 3px 2px 5px;
  }
  .zoomedin .detailsLink {
    right: -26px;
    padding: 5px 3px 2px 5px;
  }
  .va-wrapper {
    display: block;
  }
}