/* Compiled: 2024-05-28 12:23:53 */
@charset "utf-8"; 
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,900italic,700italic,400italic); 

@font-face {
  font-family: 'webfontLTCN';
  src: url('./fonts/webfont_lt_cn.eot');
  src: local('☺'),url('./fonts/webfont_lt_cn.ttf') format('truetype'),url('./fonts/webfont_lt_cn.woff') format('woff'),url('./fonts/webfont_lt_cn.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'webfontMDCN';
  src: url('./fonts/webfont_md_cn.eot');
  src: local('☺'),url('./fonts/webfont_md_cn.ttf') format('truetype'),url('./fonts/webfont_md_cn.woff') format('woff'),url('./fonts/webfont_md_cn.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'webfontCN';
  src: url('./fonts/webfont_cn.eot');
  src: local('☺'),url('./fonts/webfont_cn.woff') format('woff'),url('./fonts/webfont_cn.ttf') format('truetype'),url('./fonts/webfont_cn.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'webfontBD';
  src: url('./fonts/webfont_bd.eot');
  src: local('☺'),url('./fonts/webfont_bd.ttf') format('truetype'),url('./fonts/webfont_bd.woff') format('woff'),url('./fonts/webfont_bd.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

/* macOS adjustment */
.mac .fontfix {
  transform: translateY(10%);
}

@charset "UTF-8";.fancybox-enabled {
  overflow: hidden
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fancybox-container ~ .fancybox-container {
  z-index: 99992
}

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55,0.06,0.68,0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22,0.61,0.36,1)
}

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1
}

.fancybox-infobar {
  display: none
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30,30,30,0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
  display: block
}

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr
}

.fancybox-slider-wrap,.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box
}

.fancybox-slide--image {
  overflow: hidden
}

.fancybox-slide--image::before {
  display: none
}

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial,sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe {
  background: transparent
}

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fancybox-image,.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden
}

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #fff;
  cursor: default
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer
}

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee
}

.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255,255,255,0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button {
  pointer-events: all
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline
}

.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none
}

.fancybox-infobar__body,.fancybox-button {
  background: rgba(30,30,30,0.6)
}

.fancybox-button:hover {
  background: rgba(0,0,0,0.8)
}

.fancybox-button::before,.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block
}

.fancybox-button--disabled::before,.fancybox-button--disabled::after {
  opacity: 0.5
}

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.fancybox-button--left {
  border-bottom-left-radius: 5px
}

.fancybox-button--right {
  border-bottom-right-radius: 5px
}

.fancybox-button--close {
  float: right
}

.fancybox-button--close::before,.fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px)
}

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.fancybox-loading {
  border: 6px solid rgba(100,100,100,0.4);
  border-top: 6px solid rgba(255,255,255,0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
  from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes fancybox-rotate {
  from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@media all and (max-width: 800px) {
  .fancybox-controls {
      text-align:left
  }

  .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) {
      display: none !important
  }

  .fancybox-caption {
      padding: 20px 0;
      margin: 0
  }
}

.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none
}

.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent
}

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent
}

.fancybox-button--thumbs span {
  font-size: 23px
}

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
}

.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap,.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px
}

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box
}

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0
}

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box
}

li.fancybox-thumbs-loading {
  background: rgba(0,0,0,0.1)
}

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1
}

@media all and (max-width: 800px) {
  .fancybox-thumbs {
      display:none !important
  }

  .fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap,.fancybox-container--thumbs .fancybox-caption-wrap {
      right: 0
  }
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0,0,0,0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0,0,0,0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}

.mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0,0,0,0.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0,0,0,0.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.6);
  filter: "alpha(opacity=60)";
  -ms-filter: "alpha(opacity=60)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
  filter: "alpha(opacity=60)";
  -ms-filter: "alpha(opacity=60)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255,255,255,0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0,0,0,0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9)
}

@charset "UTF-8";@font-face {
  font-family: flowplayer;
  src: url("/img/flowplayer-icons/flowplayer.eot?#iefix") format("embedded-opentype"),url("/img/flowplayer-icons/flowplayer.woff2") format("woff2"),url("/img/flowplayer-icons/flowplayer.woff") format("woff")
}

.fp-icon {
  display: inline-block
}

.fp-icon:before {
  font-family: flowplayer;
  font-size: 1.7em
}

.fp-airplay:before {
  content: "\e001"
}

.fp-fullscreen:before {
  content: "\e002"
}

.fp-checked:before {
  content: "\e003"
}

.fp-embed:before {
  content: "\e004";
  color: #fff
}

.fp-chromecast:before {
  content: "\e005"
}

.fp-email:before {
  content: "\e006"
}

.fp-playbtn:before {
  content: "\e007"
}

.fp-share:before {
  content: "\e009"
}

.fp-share2:before {
  content: "\e00a"
}

.fp-twitter:before {
  content: "\e00c";
  color: #1da1f2
}

.fp-facebook:before {
  content: "\e00a";
  color: #3b5998
}

.fp-volumebtn:before {
  content: "\e00b"
}

.fp-volume-off:before {
  content: "\e00d"
}

.fp-unload:before {
  content: "\e00f"
}

.fp-prevbtn:before {
  content: "\e011"
}

.fp-nextbtn:before {
  content: "\e012"
}

.flowplayer.is-mouseover .fp-captions,.flowplayer.is-paused .fp-captions {
  bottom: 3em
}

.flowplayer.is-poster .fp-engine {
  filter: alpha(opacity=0);
  opacity: 0
}

.flowplayer.is-loading .fp-engine {
  top: -9999em
}

.flowplayer.is-loading .fp-ui .fp-header,.flowplayer.is-loading .fp-ui .fp-controls {
  filter: alpha(opacity=0);
  opacity: 0
}

.flowplayer.is-splash .fp-ui > *,.flowplayer.is-poster .fp-ui > * {
  display: none
}

.flowplayer.is-splash .fp-ui > .fp-play,.flowplayer.is-poster .fp-ui > .fp-play {
  display: block
}

.flowplayer.is-splash.is-loading .fp-ui > .fp-play,.flowplayer.is-poster.is-loading .fp-ui > .fp-play {
  display: none
}

.flowplayer.is-splash.is-loading .fp-ui > .fp-waiting,.flowplayer.is-poster.is-loading .fp-ui > .fp-waiting {
  display: block
}

.flowplayer.is-poster .fp-engine {
  left: -9999em;
  top: -9999em
}

.flowplayer.is-poster .fp-captions {
  display: none !important
}

.flowplayer.is-disabled .fp-color {
  background-color: #999
}

.flowplayer.has-title .fp-header {
  top: 0;
  text-align: right
}

.flowplayer.is-fullscreen {
  top: 0 !important;
  left: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  z-index: 99999 !important;
  -webkit-box-shadow: 0 !important;
  box-shadow: 0 !important;
  background-image: none !important;
  background-color: #333
}

.flowplayer.is-fullscreen .fp-player {
  background-color: #333
}

.flowplayer.is-fullscreen .fp-fullscreen:before {
  content: "\e016"
}

.flowplayer.is-fullscreen.fp-outlined .fp-fullscreen:before,.flowplayer.is-fullscreen.fp-minimal .fp-fullscreen:before {
  content: "\e216"
}

.flowplayer.is-fullscreen.fp-edgy .fp-fullscreen:before {
  content: "\e116"
}

.flowplayer.is-fullscreen.fp-edgy.fp-outlined .fp-fullscreen:before,.flowplayer.is-fullscreen.fp-edgy.fp-minimal .fp-fullscreen:before {
  content: "\e316"
}

.flowplayer.is-fullscreen.is-mouseout.is-playing .fp-ui {
  cursor: none
}

.flowplayer.is-loading .fp-waiting,.flowplayer.is-seeking .fp-waiting {
  display: block !important
}

.flowplayer.is-loading .fp-waiting svg,.flowplayer.is-loading .fp-waiting p,.flowplayer.is-seeking .fp-waiting svg,.flowplayer.is-seeking .fp-waiting p {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.is-loading .fp-play,.flowplayer.is-seeking .fp-play {
  display: none !important
}

.flowplayer.is-playing {
  background-image: none !important
}

.flowplayer.is-playing .fp-playbtn:before {
  content: "\e008"
}

.flowplayer.is-playing.fp-outlined .fp-playbtn:before,.flowplayer.is-playing.fp-minimal .fp-playbtn:before {
  content: "\e208"
}

.flowplayer.is-playing.fp-edgy .fp-playbtn:before {
  content: "\e108"
}

.flowplayer.is-playing.fp-edgy.fp-outlined .fp-playbtn:before,.flowplayer.is-playing.fp-edgy.fp-minimal .fp-playbtn:before {
  content: "\e308"
}

.flowplayer.is-muted .fp-volumebtn:before {
  content: "\e00d"
}

.flowplayer.is-muted.fp-outlined .fp-volumebtn:before,.flowplayer.is-muted.fp-minimal .fp-volumebtn:before {
  content: "\e20d"
}

.flowplayer.is-muted.fp-edgy .fp-volumebtn:before {
  content: "\e10d"
}

.flowplayer.is-muted.fp-edgy.fp-outlined .fp-volumebtn:before,.flowplayer.is-muted.fp-edgy.fp-minimal .fp-volumebtn:before {
  content: "\e30d"
}

.flowplayer.is-inverted .fp-duration {
  display: none
}

.flowplayer.is-inverted .fp-remaining {
  display: block
}

.flowplayer.is-closeable .fp-header .fp-unload {
  display: block
}

.flowplayer.is-error {
  background-color: #aaa
}

.flowplayer.is-error .fp-ui {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.is-live .fp-timeline {
  visibility: hidden
}

.flowplayer.is-live.is-dvr .fp-timeline {
  visibility: visible
}

.flowplayer.is-live.is-dvr.is-live-position .fp-duration {
  color: #FF6600
}

.flowplayer.is-live .fp-timestamp {
  display: none !important
}

.flowplayer.is-flash-disabled .fp-waiting {
  display: none !important
}

.flowplayer.is-flash-disabled .fp-ui {
  height: auto;
  background: none;
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.is-flash-disabled .fp-ui .fp-header,.flowplayer.is-flash-disabled .fp-ui .fp-controls {
  display: none
}

.flowplayer.is-flash-disabled .fp-engine {
  top: 0
}

.flowplayer.is-tiny {
  font-size: .7em
}

.flowplayer.is-small {
  font-size: .8em
}

.flowplayer.no-buffer .fp-ui .fp-controls .fp-timeline .fp-buffer {
  display: none
}

.flowplayer.no-volume .fp-volumebar {
  display: none
}

.flowplayer.fp-mute .fp-volumebtn {
  display: inline-block
}

@-webkit-keyframes pulse {
  0% {
      filter: alpha(opacity=0);
      opacity: 0
  }

  100% {
      filter: alpha(opacity=100);
      opacity: 1
  }
}

@keyframes pulse {
  0% {
      filter: alpha(opacity=0);
      opacity: 0
  }

  100% {
      filter: alpha(opacity=100);
      opacity: 1
  }
}

.flowplayer .fp-chromecast-engine {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: #fff
}

.flowplayer .fp-chromecast-engine .fp-chromecast-engine-status {
  font-size: 150%;
  text-align: center
}

.flowplayer .fp-chromecast-engine .fp-chromecast-engine-icon {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIG9wYWNpdHk9Ii4xIi8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTN6bTAtNHYyYzIuNzYgMCA1IDIuMjQgNSA1aDJjMC0zLjg3LTMuMTMtNy03LTd6bTE4LTdINXYxLjYzYzMuOTYgMS4yOCA3LjA5IDQuNDEgOC4zNyA4LjM3SDE5Vjd6TTEgMTB2MmM0Ljk3IDAgOSA0LjAzIDkgOWgyYzAtNi4wOC00LjkzLTExLTExLTExem0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPgo8L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIG9wYWNpdHk9Ii4xIi8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTN6bTAtNHYyYzIuNzYgMCA1IDIuMjQgNSA1aDJjMC0zLjg3LTMuMTMtNy03LTd6bTE4LTdINXYxLjYzYzMuOTYgMS4yOCA3LjA5IDQuNDEgOC4zNyA4LjM3SDE5Vjd6TTEgMTB2MmM0Ljk3IDAgOSA0LjAzIDkgOWgyYzAtNi4wOC00LjkzLTExLTExLTExem0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPgo8L3N2Zz4=");
  -webkit-mask-size: 100% 100%;
  background-color: #fff;
  margin: 10% auto 2em;
  height: 5em;
  width: 5em
}

.flowplayer.is-chromecast {
  background-color: #333
}

.flowplayer.is-chromecast .fp-chromecast-engine {
  display: block
}

.flowplayer.is-chromecast .fp-flash-disabled {
  display: none !important
}

.flowplayer.is-chromecast .fp-engine {
  left: -9999em;
  top: -9999em;
  bottom: auto;
  right: auto
}

.flowplayer.fp-default-playlist .fp-prev,.flowplayer.fp-default-playlist .fp-next {
  position: absolute;
  top: 45%;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s
}

.flowplayer.fp-default-playlist .fp-prev:hover,.flowplayer.fp-default-playlist .fp-next:hover {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.fp-default-playlist .fp-prev:before,.flowplayer.fp-default-playlist .fp-next:before {
  font-family: flowplayer;
  font-size: 2.8em
}

.flowplayer.fp-default-playlist .fp-prev {
  left: 0.4em
}

.flowplayer.fp-default-playlist .fp-prev:before {
  content: "\e011"
}

.flowplayer.fp-default-playlist .fp-next {
  right: 0.4em
}

.flowplayer.fp-default-playlist .fp-next:before {
  content: "\e012"
}

.flowplayer.fp-default-playlist .fp-playlist {
  position: absolute;
  right: 0.4em;
  bottom: 3em;
  width: 100%;
  text-align: center
}

.flowplayer.fp-default-playlist .fp-playlist a {
  background-color: #fff;
  height: 0.8em;
  border-radius: 50%;
  width: 0.8em;
  filter: alpha(opacity=70);
  opacity: 0.7;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s,-webkit-transform 0.2s
}

.flowplayer.fp-default-playlist .fp-playlist a:hover {
  -webkit-transform: scale(1.2,1.2);
  -ms-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2)
}

.flowplayer.fp-default-playlist .fp-playlist a.is-active {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.fp-default-playlist.fp-edgy .fp-prev:before {
  content: "\e111"
}

.flowplayer.fp-default-playlist.fp-edgy .fp-next:before {
  content: "\e112"
}

.flowplayer.fp-default-playlist.fp-outlined .fp-prev:before,.flowplayer.fp-default-playlist.fp-minimal .fp-prev:before {
  content: "\e211"
}

.flowplayer.fp-default-playlist.fp-outlined .fp-next:before,.flowplayer.fp-default-playlist.fp-minimal .fp-next:before {
  content: "\e212"
}

.flowplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-prev:before,.flowplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-prev:before {
  content: "\e311"
}

.flowplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-next:before,.flowplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-next:before {
  content: "\e312"
}

.flowplayer.fp-custom-playlist {
  overflow: visible
}

.flowplayer.fp-custom-playlist .fp-playlist,.flowplayer.fp-custom-playlist.is-splash .fp-playlist,.flowplayer.fp-custom-playlist.is-poster .fp-playlist,.flowplayer.fp-custom-playlist.is-loading .fp-playlist {
  display: block;
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer.fp-edgy .fp-play svg.fp-play-rounded-fill,.flowplayer.fp-edgy .fp-play svg.fp-pause-rounded-fill,.flowplayer.fp-edgy .fp-play svg.fp-play-rounded-outline,.flowplayer.fp-edgy .fp-play svg.fp-pause-rounded-outline,.flowplayer.fp-edgy .fp-play svg.fp-loading-rounded-outline,.flowplayer.fp-edgy .fp-play svg.fp-loading-rounded-fill,.flowplayer.fp-edgy .fp-pause svg.fp-play-rounded-fill,.flowplayer.fp-edgy .fp-pause svg.fp-pause-rounded-fill,.flowplayer.fp-edgy .fp-pause svg.fp-play-rounded-outline,.flowplayer.fp-edgy .fp-pause svg.fp-pause-rounded-outline,.flowplayer.fp-edgy .fp-pause svg.fp-loading-rounded-outline,.flowplayer.fp-edgy .fp-pause svg.fp-loading-rounded-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-play-rounded-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-pause-rounded-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-play-rounded-outline,.flowplayer.fp-edgy .fp-waiting svg.fp-pause-rounded-outline,.flowplayer.fp-edgy .fp-waiting svg.fp-loading-rounded-outline,.flowplayer.fp-edgy .fp-waiting svg.fp-loading-rounded-fill {
  display: none !important
}

.flowplayer.fp-edgy .fp-play svg.fp-play-sharp-fill,.flowplayer.fp-edgy .fp-play svg.fp-pause-sharp-fill,.flowplayer.fp-edgy .fp-play svg.fp-loading-sharp-fill,.flowplayer.fp-edgy .fp-pause svg.fp-play-sharp-fill,.flowplayer.fp-edgy .fp-pause svg.fp-pause-sharp-fill,.flowplayer.fp-edgy .fp-pause svg.fp-loading-sharp-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-play-sharp-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-pause-sharp-fill,.flowplayer.fp-edgy .fp-waiting svg.fp-loading-sharp-fill {
  display: block
}

.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-loading-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-loading-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-loading-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-loading-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-play-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-pause-sharp-fill,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-loading-sharp-fill,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-loading-sharp-fill {
  display: none
}

.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-play svg.fp-loading-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-play svg.fp-loading-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-pause svg.fp-loading-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-pause svg.fp-loading-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-play-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-pause-sharp-outline,.flowplayer.fp-edgy.fp-outlined .fp-waiting svg.fp-loading-sharp-outline,.flowplayer.fp-edgy.fp-minimal .fp-waiting svg.fp-loading-sharp-outline {
  display: block
}

.flowplayer.fp-edgy,.flowplayer.fp-edgy .fp-menu,.flowplayer.fp-edgy .fp-captions p,.flowplayer.fp-edgy .fp-textarea,.flowplayer.fp-edgy .fp-bar,.flowplayer.fp-edgy .fp-bar-slider,.flowplayer.fp-edgy .fp-bar > *,.flowplayer.fp-edgy .fp-bar-slider > *,.flowplayer.fp-edgy .fp-timestamp {
  border-radius: 0
}

.flowplayer.fp-edgy .fp-airplay:before {
  content: "\e101"
}

.flowplayer.fp-edgy .fp-fullscreen:before {
  content: "\e102"
}

.flowplayer.fp-edgy .fp-checked:before {
  content: "\e103"
}

.flowplayer.fp-edgy .fp-embed:before {
  content: "\e104"
}

.flowplayer.fp-edgy .fp-chromecast:before {
  content: "\e105"
}

.flowplayer.fp-edgy .fp-email:before {
  content: "\e106"
}

.flowplayer.fp-edgy .fp-playbtn:before {
  content: "\e107"
}

.flowplayer.fp-edgy .fp-share:before {
  content: "\e109"
}

.flowplayer.fp-edgy .fp-share2:before {
  content: "\e10a"
}

.flowplayer.fp-edgy .fp-twitter:before {
  content: "\e10c"
}

.flowplayer.fp-edgy .fp-facebook:before {
  content: "\e10a"
}

.flowplayer.fp-edgy .fp-volumebtn:before {
  content: "\e10b"
}

.flowplayer.fp-edgy .fp-volume-off:before {
  content: "\e10d"
}

.flowplayer.fp-edgy .fp-unload:before {
  content: "\e10f"
}

.flowplayer.fp-edgy .fp-prevbtn:before {
  content: "\e111"
}

.flowplayer.fp-edgy .fp-nextbtn:before {
  content: "\e112"
}

.flowplayer.fp-edgy.fp-outlined .fp-airplay:before,.flowplayer.fp-edgy.fp-minimal .fp-airplay:before {
  content: "\e301"
}

.flowplayer.fp-edgy.fp-outlined .fp-fullscreen:before,.flowplayer.fp-edgy.fp-minimal .fp-fullscreen:before {
  content: "\e302"
}

.flowplayer.fp-edgy.fp-outlined .fp-checked:before,.flowplayer.fp-edgy.fp-minimal .fp-checked:before {
  content: "\e303"
}

.flowplayer.fp-edgy.fp-outlined .fp-embed:before,.flowplayer.fp-edgy.fp-minimal .fp-embed:before {
  content: "\e304"
}

.flowplayer.fp-edgy.fp-outlined .fp-chromecast:before,.flowplayer.fp-edgy.fp-minimal .fp-chromecast:before {
  content: "\e305"
}

.flowplayer.fp-edgy.fp-outlined .fp-email:before,.flowplayer.fp-edgy.fp-minimal .fp-email:before {
  content: "\e306"
}

.flowplayer.fp-edgy.fp-outlined .fp-playbtn:before,.flowplayer.fp-edgy.fp-minimal .fp-playbtn:before {
  content: "\e307"
}

.flowplayer.fp-edgy.fp-outlined .fp-share:before,.flowplayer.fp-edgy.fp-minimal .fp-share:before {
  content: "\e309"
}

.flowplayer.fp-edgy.fp-outlined .fp-share2:before,.flowplayer.fp-edgy.fp-minimal .fp-share2:before {
  content: "\e30a"
}

.flowplayer.fp-edgy.fp-outlined .fp-twitter:before,.flowplayer.fp-edgy.fp-minimal .fp-twitter:before {
  content: "\e30c"
}

.flowplayer.fp-edgy.fp-outlined .fp-facebook:before,.flowplayer.fp-edgy.fp-minimal .fp-facebook:before {
  content: "\e30a"
}

.flowplayer.fp-edgy.fp-outlined .fp-volumebtn:before,.flowplayer.fp-edgy.fp-minimal .fp-volumebtn:before {
  content: "\e30b"
}

.flowplayer.fp-edgy.fp-outlined .fp-volume-off:before,.flowplayer.fp-edgy.fp-minimal .fp-volume-off:before {
  content: "\e30d"
}

.flowplayer.fp-edgy.fp-outlined .fp-unload:before,.flowplayer.fp-edgy.fp-minimal .fp-unload:before {
  content: "\e30f"
}

.flowplayer.fp-edgy.fp-outlined .fp-prevbtn:before,.flowplayer.fp-edgy.fp-minimal .fp-prevbtn:before {
  content: "\e311"
}

.flowplayer.fp-edgy.fp-outlined .fp-nextbtn:before,.flowplayer.fp-edgy.fp-minimal .fp-nextbtn:before {
  content: "\e312"
}

.flowplayer.no-svg .fp-ui .fp-header,.flowplayer.no-svg .fp-ui .fp-controls {
  background-color: #333
}

.flowplayer.no-svg .fp-ui .fp-play.fp-visible {
  background-color: #ccc;
  position: absolute;
  padding-top: 17%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.flowplayer.no-svg .fp-ui .fp-play.fp-visible svg {
  display: none
}

.flowplayer.no-svg .fp-ui .fp-play.fp-visible .fp-playbtn {
  display: inline
}

.flowplayer .fp-player,.flowplayer .fp-ui,.flowplayer .fp-header,.flowplayer .fp-captions,.flowplayer .fp-controls {
  position: absolute;
  width: 100%
}

.flowplayer {
  font-family: avenir,sans-serif;
  font-size: 16px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  zoom:1 !important;width: 100%;
  display: inline-block
}

.flowplayer .fp-hidden {
  display: none
}

.flowplayer .fp-shown {
  display: block !important
}

.flowplayer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.flowplayer.is-ready:not(.is-poster) {
  background-color: #333
}

.flowplayer .fp-engine {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%
}

.flowplayer video.fp-engine:not(.native-subtitles)::-webkit-media-controls {
  display: none !important
}

.flowplayer .fp-player {
  position: absolute;
  bottom: 0;
  top: 0
}

.flowplayer .fp-waiting {
  display: none
}

.flowplayer .fp-waiting p {
  filter: alpha(opacity=0);
  opacity: 0;
  color: #ccc;
  font-weight: bold
}

.flowplayer .fp-ui {
  height: 100%;
  top: 0;
  background-image: none;
  -webkit-transition: background-image .1s;
  transition: background-image .1s;
  text-align: center;
  cursor: pointer;
  color: #fff
}

.flowplayer .fp-ui a,.flowplayer .fp-ui strong {
  color: inherit !important;
  font-style: normal !important;
  text-decoration: none !important
}

.flowplayer .fp-ui strong {
  font-weight: bold !important
}

.flowplayer .fp-ui > * {
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  filter: alpha(opacity=0);
  opacity: 0
}

.flowplayer.fp-ui-shown .fp-ui,.flowplayer.is-paused .fp-ui,.flowplayer.is-mouseover .fp-ui,.flowplayer.is-loading .fp-ui {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.25)),color-stop(15%,transparent));
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.25),transparent 15%);
  background-image: linear-gradient(to top,rgba(0,0,0,0.25),transparent 15%)
}

.flowplayer.fp-ui-shown .fp-ui > *,.flowplayer.is-paused .fp-ui > *,.flowplayer.is-mouseover .fp-ui > *,.flowplayer.is-loading .fp-ui > * {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer .fp-header {
  top: 0;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.25)),to(transparent));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.25),transparent);
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.25),transparent);
  text-align: left;
  height: 3.6em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-left: .9em
}

.flowplayer .fp-header .fp-icon {
  margin: .9em .9em 0 0
}

.flowplayer .fp-header .fp-icon.fp-active {
  color: #ec6c4c
}

.flowplayer .fp-header .fp-fullscreen,.flowplayer .fp-header .fp-unload {
  float: right
}

.flowplayer .fp-header .fp-unload {
  display: none
}

.flowplayer .fp-help {
  display: none
}

.flowplayer .fp-message {
  background-color: rgba(0,0,0,0.5);
  text-align: left;
  font-size: 1.2em;
  overflow: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  padding: .6em .9em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.flowplayer .fp-message.fp-shown {
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer .fp-message.fp-shown + .fp-header {
  filter: alpha(opacity=0);
  opacity: 0
}

.flowplayer .fp-textarea {
  background-color: rgba(0,0,0,0.5);
  width: 80%;
  position: absolute;
  left: 10%;
  top: 15%;
  color: #fff;
  outline: 0;
  border-radius: .2em;
  border: 0;
  min-height: 60%
}

.flowplayer .fp-logo {
  position: absolute;
  bottom: 3em;
  left: 0.9em
}

.flowplayer .fp-logo img {
  width: 100%
}

.flowplayer .fp-captions {
  bottom: 1.2em;
  display: none;
  text-align: center;
  color: #fff
}

.flowplayer .fp-captions p {
  background-color: rgba(0,0,0,0.65);
  border-radius: .2em;
  font-size: 110%;
  display: inline-block;
  padding: .1em .3em;
  margin: .1em
}

.flowplayer .fp-speed-flash {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  font-size: 4em;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0,0,0,0.3);
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  transition: all .2s;
  width: 4em;
  height: 2em;
  display: none
}

.flowplayer .fp-speed-flash.fp-hilite {
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.flowplayer .fp-play .fp-playbtn,.flowplayer .fp-pause .fp-playbtn,.flowplayer .fp-waiting .fp-playbtn {
  display: none
}

.flowplayer .fp-play svg,.flowplayer .fp-pause svg,.flowplayer .fp-waiting svg {
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 6em;
  height: 6em;
  filter: alpha(opacity=0);
  opacity: 0;
  margin: auto;
  max-height: 30%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  transition: all .2s;
  display: none
}

.flowplayer .fp-play svg.fp-play-rounded-fill,.flowplayer .fp-play svg.fp-pause-rounded-fill,.flowplayer .fp-play svg.fp-loading-rounded-fill,.flowplayer .fp-pause svg.fp-play-rounded-fill,.flowplayer .fp-pause svg.fp-pause-rounded-fill,.flowplayer .fp-pause svg.fp-loading-rounded-fill,.flowplayer .fp-waiting svg.fp-play-rounded-fill,.flowplayer .fp-waiting svg.fp-pause-rounded-fill,.flowplayer .fp-waiting svg.fp-loading-rounded-fill {
  display: block
}

.flowplayer .fp-play.fp-visible svg,.flowplayer .fp-pause.fp-visible svg,.flowplayer .fp-waiting.fp-visible svg {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  filter: alpha(opacity=100);
  opacity: 1
}

.flowplayer .fp-remaining {
  display: none
}

.flowplayer .fp-controls {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  align-items: center;
  height: 2.4em;
  bottom: 0;
  z-index: 2;
  padding-left: 0.3em;
  padding-right: 0.3em
}

.flowplayer .fp-controls > * {
  margin: 0 .6em
}

.flowplayer .fp-controls > strong {
  letter-spacing: 1px
}

.flowplayer .fp-controls img {
  width: 1.2em
}

.flowplayer .fp-bar,.flowplayer .fp-bar-slider {
  background-color: #ccc;
  background-color: rgba(255,255,255,0.5);
  position: relative;
  cursor: col-resize;
  height: .9em;
  border-radius: 0.24em;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1
}

.flowplayer .fp-bar > *,.flowplayer .fp-bar-slider > * {
  background-color: rgba(255,255,255,0.6);
  position: absolute;
  height: 100%;
  border-radius: 0.24em
}

.flowplayer .fp-bar > *.fp-progress.animated,.flowplayer .fp-bar-slider > *.fp-progress.animated {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-property: width,height;
  transition-property: width,height
}

.flowplayer .fp-bar > *.fp-buffer,.flowplayer .fp-bar-slider > *.fp-buffer {
  -webkit-transition: width .25s linear;
  transition: width .25s linear
}

.flowplayer .fp-bar.no-animation > *,.flowplayer .no-animation.fp-bar-slider > * {
  -webkit-transition: none;
  transition: none
}

.flowplayer .fp-timeline {
  -webkit-transition: height .2s;
  transition: height .2s
}

.flowplayer .fp-cuepoint {
  background-color: #000;
  position: absolute;
  height: 100%;
  width: 2px
}

.flowplayer .fp-timestamp {
  background-color: rgba(0,0,0,0.65);
  display: none;
  border-radius: .2em;
  padding: .1em .3em;
  font-size: 90%;
  bottom: 1.4em;
  height: auto
}

.flowplayer .fp-timeline:hover .fp-timestamp {
  display: inline
}

.flowplayer .fp-volume {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.flowplayer .fp-volumebtn {
  display: none
}

.flowplayer .fp-bar-slider {
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: height .2s;
  transition: height .2s;
  white-space: nowrap;
  -ms-flex: 1 0 auto
}

.flowplayer .fp-bar-slider em {
  border-radius: 2px;
  display: inline-block;
  width: 5px;
  height: 100%;
  position: relative;
  vertical-align: top;
  margin-left: 3px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s,-webkit-transform 0.4s;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.flowplayer .fp-bar-slider em:hover {
  -webkit-transform: scaleY(1.35);
  -ms-transform: scaleY(1.35);
  transform: scaleY(1.35);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s,-webkit-transform 0.2s
}

.flowplayer .fp-bar-slider em.fp-grey {
  background-color: rgba(255,255,255,0.75)
}

.flowplayer.no-flex .fp-controls {
  white-space: nowrap
}

.flowplayer.no-flex .fp-controls > * {
  display: inline-block;
  vertical-align: center;
  margin: 0 .3em
}

.flowplayer.no-flex .fp-timeline {
  width: 40%
}

.flowplayer.no-flex.fp-full .fp-timeline {
  margin-bottom: .6em;
  height: .9em
}

.flowplayer.no-flex.fp-fat .fp-bar,.flowplayer.no-flex.fp-playful .fp-bar,.flowplayer.no-flex.fp-fat .fp-bar-slider,.flowplayer.no-flex.fp-playful .fp-bar-slider {
  height: .9em !important
}

.flowplayer.fp-fat .fp-bar,.flowplayer.fp-playful .fp-bar,.flowplayer.fp-fat .fp-bar-slider,.flowplayer.fp-playful .fp-bar-slider {
  height: 100%;
  border-radius: 0
}

.flowplayer.fp-fat .fp-bar > *,.flowplayer.fp-playful .fp-bar > *,.flowplayer.fp-fat .fp-bar-slider > *,.flowplayer.fp-playful .fp-bar-slider > * {
  border-radius: 0
}

.flowplayer.fp-fat .fp-timestamp,.flowplayer.fp-playful .fp-timestamp {
  bottom: 3.2em
}

.flowplayer.fp-fat .fp-bar-slider em,.flowplayer.fp-playful .fp-bar-slider em {
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.flowplayer.fp-fat .fp-bar-slider em:hover,.flowplayer.fp-playful .fp-bar-slider em:hover {
  -webkit-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform: scaleY(0.75)
}

.flowplayer.fp-slim .fp-timeline {
  height: .2em
}

.flowplayer.fp-slim .fp-controls:hover .fp-timeline {
  height: .9em
}

.flowplayer.fp-slim .fp-cue {
  width: 4px
}

.flowplayer.fp-slim .fp-bar-slider {
  height: .2em
}

.flowplayer.fp-slim .fp-controls:hover .fp-bar-slider {
  height: 0.9em
}

.flowplayer.fp-full .fp-timeline {
  position: absolute;
  height: .3em;
  bottom: 2.8em;
  margin: 0;
  width: 100%;
  border-radius: 0;
  overflow: inherit;
  left: 0
}

.flowplayer.fp-full .fp-timeline:before {
  content: "";
  width: 100%;
  height: 1.2em;
  position: absolute;
  top: -1.2em;
  left: 0
}

.flowplayer.fp-full .fp-controls {
  height: 2.8em
}

.flowplayer.fp-full .fp-controls:hover .fp-timeline {
  height: 1em
}

.flowplayer.fp-full .fp-volume {
  margin-right: auto
}

.flowplayer.fp-full .fp-duration,.flowplayer.fp-full .fp-remaining {
  margin-left: 0
}

.flowplayer.fp-full .fp-duration:before,.flowplayer.fp-full .fp-remaining:before {
  position: relative;
  content: "/";
  left: -.3em
}

.flowplayer.fp-minimal .fp-controls {
  background-color: transparent !important
}

.flowplayer.fp-minimal .fp-controls > * {
  display: none
}

.flowplayer.fp-minimal .fp-header > * {
  display: none
}

.flowplayer.fp-minimal .fp-header .fp-fullscreen {
  display: inherit
}

.flowplayer.fp-minimal .fp-timeline {
  height: .3em;
  max-width: 12em;
  width: 100%;
  display: block;
  margin: 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.flowplayer.fp-playful .fp-color,.flowplayer.fp-playful .fp-color-play {
  background-color: #ec6c4c;
  fill: #ec6c4c
}

.flowplayer.fp-playful .fp-controls {
  background-color: #006680
}

.flowplayer .fp-selected:before {
  content: "✓ "
}

.flowplayer .fp-menu {
  background-color: rgba(0,0,0,0.5);
  border-radius: .24em;
  position: absolute;
  width: 8em;
  right: .5em;
  z-index: 2;
  font-size: 90%;
  -webkit-transition: opacity .2s,height .2s,-webkit-transform .2s;
  transition: opacity .2s,height .2s,-webkit-transform .2s;
  transition: opacity .2s,transform .2s,height .2s;
  transition: opacity .2s,transform .2s,height .2s,-webkit-transform .2s;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  bottom: -100%;
  height: 0;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important
}

.flowplayer .fp-menu.fp-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  height: auto;
  bottom: 3.2em;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important
}

.flowplayer .fp-menu > * {
  display: block;
  padding: .4em 1.2em;
  text-align: right
}

.flowplayer .fp-menu strong {
  display: block;
  padding: .7em 1.2em;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(0,0,0,0.3);
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: default;
  font-size: 90%
}

.flowplayer .fp-menu a {
  color: rgba(255,255,255,0.8)
}

.flowplayer .fp-menu a:hover:not(.fp-selected) {
  background-color: #000;
  color: #fff
}

.flowplayer .fp-menu .fp-icon {
  cursor: pointer
}

.flowplayer .fp-menu .fp-icon:before {
  margin-right: .1em;
  font-size: 1.5em;
  vertical-align: -0.1em
}

.flowplayer .fp-qsel-menu {
  width: auto
}

.flowplayer .fp-context-menu {
  width: auto;
  right: auto;
  bottom: auto !important;
  display: none
}

.flowplayer .fp-context-menu.fp-active {
  display: block
}

.flowplayer .fp-context-menu a,.flowplayer .fp-context-menu strong {
  text-align: left;
  color: #fff;
  white-space: nowrap
}

.flowplayer .fp-subtitle-menu {
  width: 9em
}

.flowplayer .fp-share-menu {
  width: 9em;
  padding-bottom: 0.2em
}

.flowplayer .fp-share-menu.fp-active {
  bottom: auto
}

.flowplayer .fp-share-menu a,.flowplayer .fp-share-menu strong {
  text-align: left
}

.flowplayer.fp-outlined .fp-play svg.fp-play-rounded-fill,.flowplayer.fp-minimal .fp-play svg.fp-play-rounded-fill,.flowplayer.fp-outlined .fp-play svg.fp-pause-rounded-fill,.flowplayer.fp-minimal .fp-play svg.fp-pause-rounded-fill,.flowplayer.fp-outlined .fp-play svg.fp-loading-rounded-fill,.flowplayer.fp-minimal .fp-play svg.fp-loading-rounded-fill,.flowplayer.fp-outlined .fp-pause svg.fp-play-rounded-fill,.flowplayer.fp-minimal .fp-pause svg.fp-play-rounded-fill,.flowplayer.fp-outlined .fp-pause svg.fp-pause-rounded-fill,.flowplayer.fp-minimal .fp-pause svg.fp-pause-rounded-fill,.flowplayer.fp-outlined .fp-pause svg.fp-loading-rounded-fill,.flowplayer.fp-minimal .fp-pause svg.fp-loading-rounded-fill,.flowplayer.fp-outlined .fp-waiting svg.fp-play-rounded-fill,.flowplayer.fp-minimal .fp-waiting svg.fp-play-rounded-fill,.flowplayer.fp-outlined .fp-waiting svg.fp-pause-rounded-fill,.flowplayer.fp-minimal .fp-waiting svg.fp-pause-rounded-fill,.flowplayer.fp-outlined .fp-waiting svg.fp-loading-rounded-fill,.flowplayer.fp-minimal .fp-waiting svg.fp-loading-rounded-fill {
  display: none
}

.flowplayer.fp-outlined .fp-play svg.fp-play-rounded-outline,.flowplayer.fp-minimal .fp-play svg.fp-play-rounded-outline,.flowplayer.fp-outlined .fp-play svg.fp-pause-rounded-outline,.flowplayer.fp-minimal .fp-play svg.fp-pause-rounded-outline,.flowplayer.fp-outlined .fp-play svg.fp-loading-rounded-outline,.flowplayer.fp-minimal .fp-play svg.fp-loading-rounded-outline,.flowplayer.fp-outlined .fp-pause svg.fp-play-rounded-outline,.flowplayer.fp-minimal .fp-pause svg.fp-play-rounded-outline,.flowplayer.fp-outlined .fp-pause svg.fp-pause-rounded-outline,.flowplayer.fp-minimal .fp-pause svg.fp-pause-rounded-outline,.flowplayer.fp-outlined .fp-pause svg.fp-loading-rounded-outline,.flowplayer.fp-minimal .fp-pause svg.fp-loading-rounded-outline,.flowplayer.fp-outlined .fp-waiting svg.fp-play-rounded-outline,.flowplayer.fp-minimal .fp-waiting svg.fp-play-rounded-outline,.flowplayer.fp-outlined .fp-waiting svg.fp-pause-rounded-outline,.flowplayer.fp-minimal .fp-waiting svg.fp-pause-rounded-outline,.flowplayer.fp-outlined .fp-waiting svg.fp-loading-rounded-outline,.flowplayer.fp-minimal .fp-waiting svg.fp-loading-rounded-outline {
  display: block
}

.flowplayer.fp-outlined .fp-airplay:before,.flowplayer.fp-minimal .fp-airplay:before {
  content: "\e201"
}

.flowplayer.fp-outlined .fp-fullscreen:before,.flowplayer.fp-minimal .fp-fullscreen:before {
  content: "\e202"
}

.flowplayer.fp-outlined .fp-checked:before,.flowplayer.fp-minimal .fp-checked:before {
  content: "\e203"
}

.flowplayer.fp-outlined .fp-embed:before,.flowplayer.fp-minimal .fp-embed:before {
  content: "\e204"
}

.flowplayer.fp-outlined .fp-chromecast:before,.flowplayer.fp-minimal .fp-chromecast:before {
  content: "\e205"
}

.flowplayer.fp-outlined .fp-email:before,.flowplayer.fp-minimal .fp-email:before {
  content: "\e206"
}

.flowplayer.fp-outlined .fp-playbtn:before,.flowplayer.fp-minimal .fp-playbtn:before {
  content: "\e207"
}

.flowplayer.fp-outlined .fp-share:before,.flowplayer.fp-minimal .fp-share:before {
  content: "\e209"
}

.flowplayer.fp-outlined .fp-share2:before,.flowplayer.fp-minimal .fp-share2:before {
  content: "\e20a"
}

.flowplayer.fp-outlined .fp-twitter:before,.flowplayer.fp-minimal .fp-twitter:before {
  content: "\e20c"
}

.flowplayer.fp-outlined .fp-facebook:before,.flowplayer.fp-minimal .fp-facebook:before {
  content: "\e20a"
}

.flowplayer.fp-outlined .fp-volumebtn:before,.flowplayer.fp-minimal .fp-volumebtn:before {
  content: "\e20b"
}

.flowplayer.fp-outlined .fp-volume-off:before,.flowplayer.fp-minimal .fp-volume-off:before {
  content: "\e20d"
}

.flowplayer.fp-outlined .fp-unload:before,.flowplayer.fp-minimal .fp-unload:before {
  content: "\e20f"
}

.flowplayer.fp-outlined .fp-prevbtn:before,.flowplayer.fp-minimal .fp-prevbtn:before {
  content: "\e211"
}

.flowplayer.fp-outlined .fp-nextbtn:before,.flowplayer.fp-minimal .fp-nextbtn:before {
  content: "\e212"
}

.flowplayer .fp-color {
  background-color: #FF6600;
  fill: rgba(0,0,0,0.2)
}

.flowplayer .fp-color-play {
  fill: transparent
}

.flowplayer.is-rtl {
  direction: rtl
}

.flowplayer.is-rtl .fp-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.flowplayer.-grayscale video.fp-engine {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.flowplayer.-sepia video.fp-engine {
  -webkit-filter: sepia(100%);
  filter: sepia(100%)
}

.flowplayer.-blur video.fp-engine {
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

.fp-filters {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute
}

.flowplayer.is-ready.is-floating {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: 300px;
  z-index: 1000
}

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica,Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0
}

.me-plugin {
  position: absolute
}

.mejs-embed,.mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden
}

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video {
  width: 100%;
  height: 100%
}

.mejs-background {
  position: absolute;
  top: 0;
  left: 0
}

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0
}

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
  display: block
}

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0
}

.mejs-overlay-play {
  cursor: pointer
}

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(bigplay.png) no-repeat
}

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px
}

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(background.png);
  background: rgba(0,0,0,0.9);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));
  background: -webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background: -moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background: -o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background: -ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background: linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))
}

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
  position: absolute;
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(background.png);
  background: rgba(0,0,0,0.7);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  height: 30px;
  width: 100%
}

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  font-family: Helvetica,Arial;
  border: 0
}

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(./img/mediaelement/controls.png) no-repeat
}

.mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow
}

.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px ;
  overflow: hidden;
  text-align: center;
  padding: auto 4px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto
}

.mejs-controls .mejs-play button {
  background-position: 0 0
}

.mejs-controls .mejs-pause button {
  background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
  background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px
}

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50,50,50,0.8);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
  background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
  from {
      background-position: 0 0
  }

  to {
      background-position: 30px 0
  }
}

@-moz-keyframes buffering-stripes {
  from {
      background-position: 0 0
  }

  to {
      background-position: 30px 0
  }
}

@-ms-keyframes buffering-stripes {
  from {
      background-position: 0 0
  }

  to {
      background-position: 30px 0
  }
}

@-o-keyframes buffering-stripes {
  from {
      background-position: 0 0
  }

  to {
      background-position: 30px 0
  }
}

@keyframes buffering-stripes {
  from {
      background-position: 0 0
  }

  to {
      background-position: 30px 0
  }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60,170,200,0.8);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));
  background: -webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background: -moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background: -o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background: -ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background: linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: #fff;
  background: rgba(255,255,255,0.8);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px
}

.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px
}

.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
  background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
  background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
  position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(background.png);
  background: rgba(50,50,50,0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0
}

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255,255,255,0.5);
  margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255,255,255,0.9);
  margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255,255,255,0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0
}

.mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 60px;
  position: relative
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  background: rgba(50,50,50,0.8);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
  background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255,255,255,0.8);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none
}

.mejs-controls .mejs-captions-button {
  position: relative
}

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50,50,50,0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica,arial;
  font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0
}

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1
}

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0,0,0,0.7);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102,102,102,0.7);
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));
  background: -webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background: -moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background: -o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background: -ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background: linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff
}

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal
}

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0
}

.mejs-captions-position-hover {
  bottom: 45px
}

.mejs-captions-text {
  padding: 3px 5px;
  background: url(background.png);
  background: rgba(20,20,20,0.8)
}

.mejs-clear {
  clear: both
}

.me-cannotplay {
}

.me-cannotplay a {
  color: #fff;
  font-weight: bold
}

.me-cannotplay span {
  padding: 15px;
  display: block
}

.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0
}

.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica,Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
  position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50,50,50,0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica,arial;
  font-size: 10px
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em )
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1rem
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333
}

.ui-widget-content a {
  color: #333333
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #ff9900;
  color: #333333;
  font-weight: bold
}

.ui-widget-header a {
  color: #333333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button, html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
  color: #454545;
  text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94,158,214)
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
  border: 1px solid #c5c5c5;
  background: #ff6600;
  font-weight: normal;
  color: #ffffff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
  border: #c5c5c5;
  background-color: #ffffff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
  color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
  background-image: url("/js/jquery-ui-1.12.1.custom/images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-n {
  background-position: 0 0
}

.ui-icon-caret-1-ne {
  background-position: -16px 0
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-caret-1-se {
  background-position: -48px 0
}

.ui-icon-caret-1-s {
  background-position: -65px 0
}

.ui-icon-caret-1-sw {
  background-position: -80px 0
}

.ui-icon-caret-1-w {
  background-position: -96px 0
}

.ui-icon-caret-1-nw {
  background-position: -112px 0
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
  border-top-left-radius: 0px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
  border-top-right-radius: 0px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
  border-bottom-left-radius: 0px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
  border-bottom-right-radius: 0px
}

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666
}

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999
}

#tiptip_holder.tip_top {
  padding-bottom: 5px
}

#tiptip_holder.tip_bottom {
  padding-top: 5px
}

#tiptip_holder.tip_right {
  padding-left: 5px
}

#tiptip_holder.tip_left {
  padding-right: 5px
}

#tiptip_content {
  font-size: 0.8rem;
  color: #fff;
  padding: 0.5rem;
  border: 1px solid #ffffff;
  background-color: #FF6600
}

#tiptip_arrow,#tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: #ffffff
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: #ffffff
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: #ffffff
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: #ffffff
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #ff7920
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #ff7920
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #ff7920
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #ff7920
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #tiptip_content {
      padding:0.5rem;
      background-color: #FF6600
  }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
      border-bottom-color: rgba(45,45,45,0.88)
  }

  #tiptip_holder.tip_top #tiptip_arrow_inner {
      border-top-color: #ff7920
  }
}

.tiptipcontent {
  display: none
}

#tiptip_content .tableBody th,#tiptip_content .tableBody td,#tiptip_content .tableBody .td,#tiptip_content .tableBody .th {
  background-color: transparent;
  border: white solid 1px;
  padding: 0.25rem
}

.alignMiddle {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.transition {
  transition: all 0.5s ease 0s,font-size 1ms
}

.clearfixAfter:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

.worldpay-logo {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -8.4rem 0rem;
  background-size: 44.8rem 22.4rem;
  background-repeat: no-repeat;
  width: 7rem;
  height: 1.4rem;
  padding: 0;
  margin: 0;
  line-height: 0;
  vertical-align: middle;
  -webkit-transform: translate(0,-0.15rem);
  -ms-transform: translate(0,-0.15rem);
  transform: translate(0,-0.15rem)
}

.worldpay-logo.alone {
  -webkit-transform: translate(0,-0.1rem);
  -ms-transform: translate(0,-0.1rem);
  transform: translate(0,-0.1rem)
}

.paypal-logo {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -12.65rem 0rem;
  background-size: 36.8rem 18.4rem;
  background-repeat: no-repeat;
  width: 4.14rem;
  height: 1.15rem;
  padding: 0;
  margin: 0;
  line-height: 0;
  vertical-align: middle
}

.paypal-logo.alone {
  -webkit-transform: translate(0,0.4rem);
  -ms-transform: translate(0,0.4rem);
  transform: translate(0,0.4rem)
}

.card-logo {
  vertical-align: middle
}

.card-logo.visa {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -17.6rem -1.6rem;
  background-size: 51.2rem 25.6rem;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 1.6rem;
  padding: 0;
  margin: 0;
  line-height: 0
}

.card-logo.mastercard {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -20.8rem -1.6rem;
  background-size: 51.2rem 25.6rem;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 1.6rem;
  padding: 0;
  margin: 0;
  line-height: 0
}

.card-logo.amex {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -24rem -1.6rem;
  background-size: 51.2rem 25.6rem;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 1.6rem;
  padding: 0;
  margin: 0;
  line-height: 0
}

.card-logo.alone {
  -webkit-transform: translate(0,0rem);
  -ms-transform: translate(0,0rem);
  transform: translate(0,0rem)
}

.pluggedin-logo {
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -18rem -3rem;
  background-size: 96rem 48rem;
  background-repeat: no-repeat;
  width: 14.1rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  line-height: 0;
  vertical-align: middle
}

.icon.syllabus {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -12rem -24rem;
  background-repeat: no-repeat
}

input.styled {
  display: none
}

span.radio {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -12.6rem -18rem;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: -0.5rem
}

span.radio.pushed {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -12.6rem -19.8rem;
  background-repeat: no-repeat
}

span.radio.on {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -12.6rem -21.6rem;
  background-repeat: no-repeat
}

span.radio.on.pushed {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -12.6rem -23.4rem;
  background-repeat: no-repeat
}

span.radio.disabled {
  opacity: 0.33
}

span.checkbox {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -14.4rem -18rem;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: -0.5rem
}

span.checkbox.pushed {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -14.4rem -19.8rem;
  background-repeat: no-repeat
}

span.checkbox.on {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -14.4rem -21.6rem;
  background-repeat: no-repeat
}

span.checkbox.on.pushed {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 57.6rem 28.8rem;
  background-position: -14.4rem -23.4rem;
  background-repeat: no-repeat
}

span.checkbox.disabled {
  opacity: 0.33
}

.ui-icon.assignment-submit {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -9rem -4.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-brief {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -16.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-read {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -16.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-download {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -10.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-assess {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -16.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-extend {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -16.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-moderate {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -4.5rem;
  background-repeat: no-repeat
}

.ui-icon.assignment-print {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -19.5rem -16.5rem;
  background-repeat: no-repeat
}

.jquery-ui-menu select {
  display: none
}

.jquery-ui-menu .ui-icon.ui-icon-triangle-1-s {
  display: none
}

.jquery-ui-menu .ui-icon.submit {
  background: url("/img/admn/ico-register-present.png") 0 0 no-repeat
}

.jquery-ui-menu .ui-selectmenu-button,.jquery-ui-menu .ui-selectmenu-button:hover,.jquery-ui-menu .ui-selectmenu-button:focus {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.jquery-ui-menu .ui-selectmenu-button.ui-button,.jquery-ui-menu .ui-selectmenu-button:hover.ui-button,.jquery-ui-menu .ui-selectmenu-button:focus.ui-button {
  width: 100%;
  height: 100%
}

@charset "utf-8"; * {
  padding: 0;
  margin: 0
}

*,*::before,*::after {
  box-sizing: border-box
}

html,body {
  height: 100%;
  font-size: 100%
}

body {
  background-color: #E5E5E5;
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  color: #000
}

* html .clearfix {
  height: 1%;
  overflow: visible
}

* + html .clearfix {
  min-height: 1%
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

a {
  text-decoration: none;
  transition: all 0.5s ease 0s,font-size 1ms
}

a:link,a:visited,a:active {
  color: #ff6600
}

a:hover {
  color: #cc5200
}

.black a {
  text-decoration: none;
  transition: all 0.5s ease 0s,font-size 1ms
}

.black a:link,.black a:visited,.black a:active {
  color: #ff944d
}

.black a:hover {
  color: #ff6600
}

.linkBlack:link,.linkBlack:visited,.linkBlack:active {
  color: black
}

.linkBlack:hover {
  color: #404040
}

a img {
  border: none
}

p,.p {
  line-height: 2vh;
  padding: 1vh 0 1vh 0;
  margin: 0
}

.left {
  float: left
}

.right {
  float: right
}

.centerText {
  text-align: center
}

hr {
  width: 100%;
  height: 1px;
  color: #F60;
  background-color: #a8a8a8;
  display: block;
  margin: 15px 0px;
  border: 0
}

hr.break {
  margin: 0
}

.paypal-button-hidden {
  visibility: hidden
}

.gradientRed {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.gradientGreen {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.gradientOrange {
  background-color: #ff7920;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff7920),to(#ff6701)) ;
  background: -webkit-linear-gradient(top,#ff7920,#ff6701) ;
  background: -moz-linear-gradient(top,#ff7920,#ff6701) ;
  background: -ms-linear-gradient(top,#ff7920,#ff6701) ;
  background: -o-linear-gradient(top,#ff7920,#ff6701) ;
  background: linear-gradient(to bottom,#ff7920,#ff6701) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.gradientOrangeLight {
  background-color: #ffdfbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffdfbf),to(#f2d4b6)) ;
  background: -webkit-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -moz-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -ms-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -o-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: linear-gradient(to bottom,#ffdfbf,#f2d4b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.gradientYellow {
  background-color: #ffffbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffbf),to(#f2f2b6)) ;
  background: -webkit-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -moz-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -ms-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -o-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: linear-gradient(to bottom,#ffffbf,#f2f2b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody {
  margin: 0.5rem 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  display: table
}

.tableBody.padding-small p {
  padding: 0.25rem 0
}

.tableBody.align-vmiddle th,.tableBody.align-vmiddle td,.tableBody.align-vmiddle .td,.tableBody.align-vmiddle .th {
  vertical-align: middle
}

.tableBody.align-vtop th,.tableBody.align-vtop td,.tableBody.align-vtop .td,.tableBody.align-vtop .th {
  vertical-align: top
}

.tableBody .tr {
  display: table-row
}

.tableBody .tr.gradientRed {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody .tr.gradientGreen {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody .tr.gradientOrange {
  background-color: #ff7920;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff7920),to(#ff6701)) ;
  background: -webkit-linear-gradient(top,#ff7920,#ff6701) ;
  background: -moz-linear-gradient(top,#ff7920,#ff6701) ;
  background: -ms-linear-gradient(top,#ff7920,#ff6701) ;
  background: -o-linear-gradient(top,#ff7920,#ff6701) ;
  background: linear-gradient(to bottom,#ff7920,#ff6701) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody .tr.gradientOrangeLight {
  background-color: #ffdfbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffdfbf),to(#f2d4b6)) ;
  background: -webkit-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -moz-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -ms-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -o-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: linear-gradient(to bottom,#ffdfbf,#f2d4b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody .tr.gradientYellow {
  background-color: #ffffbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffbf),to(#f2f2b6)) ;
  background: -webkit-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -moz-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -ms-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -o-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: linear-gradient(to bottom,#ffffbf,#f2f2b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody .tr.greyed th,.tableBody .tr.greyed td,.tableBody .tr.greyed .td,.tableBody .tr.greyed .th {
  color: #808080
}

.tableBody .tr.greyed th a,.tableBody .tr.greyed td a,.tableBody .tr.greyed .td a,.tableBody .tr.greyed .th a {
  opacity: 0.66
}

.tableBody th,.tableBody td,.tableBody .td,.tableBody .th {
  background-color: #e6e6e6;
  display: table-cell;
  border: white solid 2px;
  padding: 0.5rem;
  text-align: left
}

.tableBody th.align-center,.tableBody td.align-center,.tableBody .td.align-center,.tableBody .th.align-center {
  text-align: center
}

.tableBody th.align-right,.tableBody td.align-right,.tableBody .td.align-right,.tableBody .th.align-right {
  text-align: right
}

.tableBody th.align-vmiddle,.tableBody td.align-vmiddle,.tableBody .td.align-vmiddle,.tableBody .th.align-vmiddle {
  vertical-align: middle
}

.tableBody th.align-vtop,.tableBody td.align-vtop,.tableBody .td.align-vtop,.tableBody .th.align-vtop {
  vertical-align: top
}

.tableBody th.hover:hover,.tableBody td.hover:hover,.tableBody .td.hover:hover,.tableBody .th.hover:hover {
  background-color: #cdcdcd
}

.tableBody th,.tableBody .th,.tableBody .tableHeader {
  background-color: #cdcdcd;
  font-weight: 700
}

.tableBody tr.gradientRed th,.tableBody .tr.gradientRed th,.tableBody tr.gradientRed td,.tableBody .tr.gradientRed td,.tableBody tr.gradientRed .td,.tableBody .tr.gradientRed .td,.tableBody tr.gradientRed .th,.tableBody .tr.gradientRed .th {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody tr.gradientGreen th,.tableBody .tr.gradientGreen th,.tableBody tr.gradientGreen td,.tableBody .tr.gradientGreen td,.tableBody tr.gradientGreen .td,.tableBody .tr.gradientGreen .td,.tableBody tr.gradientGreen .th,.tableBody .tr.gradientGreen .th {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody tr.gradientOrange th,.tableBody .tr.gradientOrange th,.tableBody tr.gradientOrange td,.tableBody .tr.gradientOrange td,.tableBody tr.gradientOrange .td,.tableBody .tr.gradientOrange .td,.tableBody tr.gradientOrange .th,.tableBody .tr.gradientOrange .th {
  background-color: #ff7920;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff7920),to(#ff6701)) ;
  background: -webkit-linear-gradient(top,#ff7920,#ff6701) ;
  background: -moz-linear-gradient(top,#ff7920,#ff6701) ;
  background: -ms-linear-gradient(top,#ff7920,#ff6701) ;
  background: -o-linear-gradient(top,#ff7920,#ff6701) ;
  background: linear-gradient(to bottom,#ff7920,#ff6701) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody tr.gradientOrangeLight th,.tableBody .tr.gradientOrangeLight th,.tableBody tr.gradientOrangeLight td,.tableBody .tr.gradientOrangeLight td,.tableBody tr.gradientOrangeLight .td,.tableBody .tr.gradientOrangeLight .td,.tableBody tr.gradientOrangeLight .th,.tableBody .tr.gradientOrangeLight .th {
  background-color: #ffdfbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffdfbf),to(#f2d4b6)) ;
  background: -webkit-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -moz-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -ms-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: -o-linear-gradient(top,#ffdfbf,#f2d4b6) ;
  background: linear-gradient(to bottom,#ffdfbf,#f2d4b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody tr.gradientYellow th,.tableBody .tr.gradientYellow th,.tableBody tr.gradientYellow td,.tableBody .tr.gradientYellow td,.tableBody tr.gradientYellow .td,.tableBody .tr.gradientYellow .td,.tableBody tr.gradientYellow .th,.tableBody .tr.gradientYellow .th {
  background-color: #ffffbf;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffbf),to(#f2f2b6)) ;
  background: -webkit-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -moz-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -ms-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: -o-linear-gradient(top,#ffffbf,#f2f2b6) ;
  background: linear-gradient(to bottom,#ffffbf,#f2f2b6) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.tableBody tr.greyed th,.tableBody .tr.greyed th,.tableBody tr.greyed td,.tableBody .tr.greyed td,.tableBody tr.greyed .td,.tableBody .tr.greyed .td,.tableBody tr.greyed .th,.tableBody .tr.greyed .th {
  color: #808080
}

.divTable {
  width: 100%;
  border: none;
  display: table;
  padding: 0;
  background-color: transparent;
  background: none
}

.divTable .tr {
  display: table-row;
  width: 100%;
  padding: 0;
  background-color: transparent !important;
  background: none !important
}

.divTable .tr .th,.divTable .tr .td {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent !important;
  background: none !important
}

.divTable .tr .th.align-center,.divTable .tr .td.align-center {
  text-align: center
}

.divTable .tr .th.align-right,.divTable .tr .td.align-right {
  text-align: right
}

.divTable .tr .th.align-vtop,.divTable .tr .td.align-vtop {
  vertical-align: top
}

.divTable .tr .th.align-vmiddle,.divTable .tr .td.align-vmiddle {
  vertical-align: middle
}

.cellBar {
  padding: 0 !important
}

.cellBar > div {
  position: relative;
  overflow: hidden
}

.cellBar > div .bar {
  position: absolute;
  background-color: #cdcdcd;
  height: 5rem;
  top: 0;
  left: 0
}

.cellBar > div .label {
  position: relative;
  padding: 0.5rem
}

.cellBar > div .value {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.linkWithButton .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.linkWithButton .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.linkWithButton .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.linkWithButton .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.linkWithButton:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.submitButton {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-family: 'webfontMDCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  background-color: #ff6600;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: white;
  border: none;
  outline: none
}

.submitButton:link,.submitButton:active,.submitButton:visited {
  color: white
}

.submitButton:hover {
  background-color: #ff944d
}

.submitButton.wide {
  display: block
}

.submitButton.big {
  padding: 1rem 2rem;
  font-size: 4rem
}

.submitButton.small {
  font-size: 1.5rem
}

.submitButton.submit {
  padding-right: 3rem;
  position: relative
}

.submitButton.submit:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  right: -0.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.submitButton.plus,.submitButton.delete,.submitButton.mark-as-read,.submitButton.skype,.submitButton.zoom,.submitButton.save,.submitButton.saving {
  padding-left: 3rem;
  position: relative
}

.submitButton.plus:after,.submitButton.delete:after,.submitButton.mark-as-read:after,.submitButton.skype:after,.submitButton.zoom:after,.submitButton.save:after,.submitButton.saving:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.submitButton.mark-as-read:after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -22.5rem -18rem;
  background-repeat: no-repeat
}

.submitButton.plus:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -26rem -16rem;
  background-repeat: no-repeat
}

.submitButton.delete:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -24rem -8rem;
  background-repeat: no-repeat
}

.submitButton.skype:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -24rem -16rem;
  background-repeat: no-repeat
}

.submitButton.zoom:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -38rem -20rem;
  background-repeat: no-repeat
}

.submitButton.save:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -38rem -8rem;
  background-repeat: no-repeat
}

.submitButton.saving:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/loading.gif);
  background-size: 2rem 2rem;
  filter: invert(1) brightness(5) sepia(1) hue-rotate(0deg) saturate(10)
}

.wrapper {
  padding: 0 1%
}

.marginLeft25 {
  margin-left: 25%
}

@media screen and (max-width: 900px) {
  .marginLeft25 {
      margin-left:0
  }
}

.column {
  float: left;
  width: 25%
}

.column.div1 {
  width: 100%
}

.column.div2 {
  width: 50%
}

.column.div3 {
  width: 33.33333333%
}

.column.div4 {
  width: 25%
}

.column.div5 {
  width: 20%
}

.column.div6 {
  width: 16.66666667%
}

.column.div7 {
  width: 14.28571429%
}

.column.div8 {
  width: 12.5%
}

.column.div9 {
  width: 11.11111111%
}

@media screen and (max-width: 900px) {
  .column {
      width:50%;
      float: left
  }

  .column.div1 {
      width: 100%
  }

  .column.div2 {
      width: 100%
  }

  .column.div3 {
      width: 100%
  }

  .column.div4 {
      width: 50%
  }

  .column.div5 {
      width: 50%
  }

  .column.div6 {
      width: 33.33333333%
  }

  .column.div7 {
      width: 33.33333333%
  }

  .column.div8 {
      width: 25%
  }

  .column.div9 {
      width: 20%
  }
}

@media screen and (max-width: 600px) {
  .column {
      width:100%;
      float: left
  }

  .column.div1 {
      width: 100%
  }

  .column.div2 {
      width: 100%
  }

  .column.div3 {
      width: 100%
  }

  .column.div4 {
      width: 100%
  }

  .column.div5 {
      width: 100%
  }

  .column.div6 {
      width: 100%
  }

  .column.div7 {
      width: 100%
  }

  .column.div8 {
      width: 100%
  }

  .column.div9 {
      width: 100%
  }
}

#pageCover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 500;
  background-color: white
}

#pageCover:before {
  content: ' ';
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  background-image: url(./img/loading.gif);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#debug {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100%;
  min--height: 100%;
  width: auto;
  height: auto;
  color: #FFF;
  display: none;
  z-index: 200
}

#videoControls {
  position: absolute;
  display: block;
  width: 10rem;
  height: 4rem;
  right: 10%;
  bottom: 3rem
}

#videoControls .volumeBar {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0.75rem;
  width: 4rem;
  height: 0.5rem;
  background-color: rgba(255,255,255,0.25)
}

#videoControls .volumeBar .volumeSlider {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.5rem;
  background-color: white
}

#videoControls .progressCounter {
  position: absolute;
  display: block;
  right: 0;
  top: 0.25rem;
  width: 5rem;
  height: 0.5rem;
  font-family: 'webfontMDCN',Verdana,Geneva,sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  font-style: normal;
  text-align: right
}

#videoControls .button {
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  left: 4.5rem;
  bottom: 0.5rem
}

#videoControls .button:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%
}

#videoControls .button.mute:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -3rem -12rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#videoControls .button.unmute:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -4rem -12rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem
}

.controlButton:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%
}

.controlButton.hidden {
  display: none
}

.controlButton.down:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -4rem -16rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton.play:after {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 192rem 96rem;
  background-position: -6rem -72rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton.pause:after {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -8rem -48rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton.volUp:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -6rem -24rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton.volDown:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -8rem -24rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.controlButton:hover {
  background-color: rgba(255,102,0,0.7)
}

#controlButtonMore {
  left: 50%;
  bottom: -1.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#controlButtonPlay {
  position: absolute;
  left: 75%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 4rem;
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: -144rem -64rem;
  background-size: 256rem 128rem;
  background-repeat: no-repeat;
  width: 12.5rem;
  height: 8rem;
  padding: 0;
  margin: 0;
  line-height: 0;
}

#controlButtonPlay:link,#controlButtonPlay:active,#controlButtonPlay:visited {
  background-color: rgba(0,0,0,0.5)
}

#controlButtonPlay:hover {
  background-color: rgba(255,102,0,0.7)
}

#controlButtonPlay:after {
  right: 0rem;
  left: auto;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

#controlButtonPause {
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-clip: padding-box
}

#controlButtonVolUp {
  right: calc(10% + 4.5rem);
  bottom: 4rem;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  border-radius: 1rem;
  background-clip: padding-box
}

#controlButtonVolDown {
  right: calc(10% + 7rem);
  bottom: 4rem;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  border-radius: 1rem;
  background-clip: padding-box
}

@media screen and (max-width: 900px) {
  #controlButtonPlay {
      border-radius:3rem;
      display: inline-block;
      background: transparent;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-position: -108rem -48rem;
      background-size: 192rem 96rem;
      background-repeat: no-repeat;
      width: 9.375rem;
      height: 6rem;
      padding: 0;
      margin: 0;
      line-height: 0
  }
}

@media screen and (max-width: 600px) {
  .controlButton.play:after {
      display:inline-block;
      width: 4rem;
      height: 4rem;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-size: 128rem 64rem;
      background-position: -4rem -48rem;
      background-repeat: no-repeat
  }

  #controlButtonPlay {
      display: inline-block;
      background: transparent;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-position: -152rem -96rem;
      background-size: 256rem 128rem;
      background-repeat: no-repeat;
      width: 5rem;
      height: 8rem;
      padding: 0;
      margin: 0;
      line-height: 0;
  }
}

.bigButton {
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 0;
  height: 100%;
  display: block;
  background-color: rgba(0,0,0,0.1)
}

.bigButton:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 100%;
  background-color: #ff6600
}

.bigButton .background {
  background-size: cover;
  background-position: center;
  position: absolute;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  transition: all 0.5s ease 0s,font-size 1ms
}

.bigButton > span {
  display: block;
  padding: 0 1rem 0 1.5rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.bigButton > span > .header {
  display: block;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  color: black;
  padding: 0.75rem 0 0 0;
  font-size: 1.5rem;
  position: relative
}

.bigButton > span > .fav {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.bigButton > span > .fav:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -24rem -3rem;
  background-repeat: no-repeat
}

.bigButton > span > .bookmark {
  display: block;
  position: absolute;
  top: -0.5rem;
  right: 2rem;
  content: " ";
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -24rem -28rem;
  background-repeat: no-repeat
}

.bigButton > span > .status {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.bigButton > span > .text {
  display: block;
  padding: 0.25rem 0 0.5rem 0;
  font-size: 0.8rem;
  color: black
}

.bigButton > span > .text ul.horizontal {
  padding: 0
}

.bigButton.act:before {
  width: 1rem
}

.bigButton.act > span > * {
  color: #cc5200
}

a.bigButton:link,a.bigButton:active,a.bigButton:visited {
  background-color: rgba(0,0,0,0.1)
}

a.bigButton:hover {
  background-color: rgba(0,0,0,0.3)
}

span.bigButton:before {
  background-color: #808080
}

span.bigButton * {
  color: #808080 !important
}

.mediumButton {
  position: relative;
  display: block;
  padding: 0.5rem 0 0.5rem 2.25rem;
  font-weight: 600
}

.mediumButton:before {
  position: absolute;
  content: '';
  left: 0.25rem;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.mediumButton.download:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -9rem;
  background-repeat: no-repeat
}

.mediumButton.warning {
  background-color: #ff6600;
  color: white
}

.mediumButton.warning:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -15rem -18rem;
  background-repeat: no-repeat
}

.mediumButton .grayed {
  font-weight: normal;
  color: rgba(0,0,0,0.5)
}

a.mediumButton:hover {
  background-color: rgba(0,0,0,0.1)
}

.smallButton {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: inline-block
}

.smallButton.background-gray {
  background-color: rgba(0,0,0,0.1)
}

.smallButton:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.5
}

.smallButton.valign-middle {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.smallButton.align-right {
  right: 0
}

.smallButton.align-left {
  left: 0
}

.smallButton.arrow-up:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -13.5rem -15rem;
  background-repeat: no-repeat
}

.smallButton.edit:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.plus:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -19.5rem -10.5rem;
  background-repeat: no-repeat
}

.smallButton.delete:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.save:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -28.5rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.cancel:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: 0rem -10.5rem;
  background-repeat: no-repeat
}

.smallButton.addressbook:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -10.5rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.skype:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -10.5rem;
  background-repeat: no-repeat
}

.smallButton.skype.orange:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -9rem;
  background-repeat: no-repeat;
  opacity: 1
}

.smallButton.zoom:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -31.5rem -9rem;
  background-repeat: no-repeat
}

.smallButton.read:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.upload:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -9rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.download:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -16.5rem -10.5rem;
  background-repeat: no-repeat
}

.smallButton.review:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.release:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -19.5rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.deadline:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.next:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -20rem;
  background-repeat: no-repeat;
  opacity: 1
}

.smallButton.calendar:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -1.5rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.pin:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -7.5rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.pin.pinned:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -7.5rem -15rem;
  background-repeat: no-repeat
}

.smallButton.toggleChat:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -28.5rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.slot121:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -13.5rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.slot121.booked:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -13.5rem -6rem;
  background-repeat: no-repeat
}

.smallButton.assignment:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.assignment.issue.due:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -3rem;
  background-repeat: no-repeat
}

.smallButton.assignment.issue.submitted:before,.smallButton.assignment.issue.assessed:before,.smallButton.assignment.issue.released:before,.smallButton.assignment.issue.moderated:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -6rem;
  background-repeat: no-repeat
}

.smallButton.assignment.issue.overdue:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -7.5rem;
  background-repeat: no-repeat
}

.smallButton.assignment.upload:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -18rem;
  background-repeat: no-repeat
}

.smallButton.assignment.release:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -19.5rem -18rem;
  background-repeat: no-repeat
}

.smallButton.assignment.deadline:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -16.5rem;
  background-repeat: no-repeat
}

.smallButton.assignment.deadline.due:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -15rem;
  background-repeat: no-repeat
}

.smallButton.assignment.deadline.submitted:before,.smallButton.assignment.deadline.assessed:before,.smallButton.assignment.deadline.released:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -18rem;
  background-repeat: no-repeat
}

.smallButton.assignment.deadline.overdue:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -19.5rem;
  background-repeat: no-repeat
}

.smallButton.moderation.correctionRequest:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -3rem -7.5rem;
  background-repeat: no-repeat
}

.smallButton.moderation.correctionAgreement:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -18rem -18rem;
  background-repeat: no-repeat
}

.smallButton.masterclass:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: 0rem -4.5rem;
  background-repeat: no-repeat
}

.smallButton.masterclass.due:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: 0rem -3rem;
  background-repeat: no-repeat
}

.smallButton.tools:before {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 38.4rem 19.2rem;
  background-position: -18rem -8.4rem;
  background-repeat: no-repeat
}

.smallButton:hover:before {
  opacity: 0.75
}

span.smallButton:before {
  opacity: 1
}

span.smallButton:hover:before {
  opacity: 1
}

span.smallButton.grayed:before {
  opacity: 0.5
}

@media screen and (max-width: 600px) {
  .bigButton > span > .text {
      font-size:0.75rem
  }
}

.content.main .bigButton:link,.content.main .bigButton:active,.content.main .bigButton:visited {
  background-color: rgba(0,0,0,0.5)
}

.content.main .bigButton > span > .header {
  font-size: 2rem
}

.content.main .bigButton * {
  color: #d9d9d9
}

.content.main .bigButton:hover {
  background-color: rgba(255,255,255,0.1)
}

.content.main .bigButton:hover * {
  color: white
}

.content.black .bigButton:link,.content.black .bigButton:active,.content.black .bigButton:visited {
  background-color: rgba(255,255,255,0.15)
}

.content.black .bigButton > span > .header,.content.black .bigButton > span > .text {
  color: white
}

.content.black .bigButton:hover {
  background-color: rgba(255,255,255,0.3)
}

.content.black .bigButton:hover * {
  color: white
}

.pageEditButton {
  border: none;
  font-family: Arial,Geneva,sans-serif;
  font-size: 1rem;
  position: fixed;
  top: 0;
  padding: 5px 6px ;
  text-shadow: 0px 1px 0px #FFF;
  z-index: 200
}

.pageEditButton:link,.pageEditButton:active,.pageEditButton:visited {
  background-color: #F60;
  color: #000
}

.pageEditButton:hover {
  background-color: #F90;
  color: #000
}

.pageEditButton.page {
  left: 0px
}

.pageEditButton.classroom {
  right: 0px
}

.readMore {
  text-align: right
}

.readMore a {
  display: inline-block
}

.readMore a:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

.readMore a .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.readMore a .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.readMore a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.readMore a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.readMore a:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.readMore a span {
  float: left;
  padding: 0.2rem 0.5rem
}

.alertMessage {
  position: fixed;
  background-color: #ff944d;
  padding: 1rem 5rem;
  font-weight: bold;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 100
}

.status {
  display: inline-block;
  padding: 0rem 0rem;
  text-align: center;
  font-size: 100%;
  color: black;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.1);
  position: relative
}

.status.wide {
  width: 100%
}

.status sup {
  display: block;
  float: right;
  width: 1rem;
  height: 1rem;
  padding: 0;
  line-height: 1rem;
  font-weight: 800
}

.status sup.late {
  color: red
}

.status.online,.status.uploaded,.status.assessed,.status.released,.status.distinction {
  color: white;
  background-color: #090
}

.status.offline,.status.overdue,.status.fail,.status.not-yet-passed {
  color: white;
  background-color: #F00
}

.status.released {
  color: black;
  background-color: #99ea99
}

.status.released.moderated {
  color: black;
  background: repeating-linear-gradient(135deg,#99ea99,#99ea99 1rem,#6fe16f 1rem,#6fe16f 2rem)
}

.status.released.failed {
  background-color: #ffa7a7;
  color: black
}

.status.released.failed.moderated {
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#99ea99 1rem,#99ea99 2rem)
}

.status.due,.status.pass {
  color: white;
  background-color: #ff944d
}

.status.submitted {
  background-color: #baa3ff
}

.status.preassessed {
  color: black;
  background: repeating-linear-gradient(135deg,#baa3ff,#baa3ff 1rem,#abd0e3 1rem,#abd0e3 2rem)
}

.status.preassessed.moderated {
  color: black;
  background: repeating-linear-gradient(135deg,#baa3ff,#baa3ff 1rem,#99ea99 1rem,#99ea99 2rem)
}

.status.preassessed.moderated.correction {
  color: black;
  background: repeating-linear-gradient(135deg,#baa3ff,#baa3ff 1rem,#f5d967 1rem,#f5d967 2rem)
}

.status.preassessed.failed {
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#baa3ff 1rem,#baa3ff 2rem);
  color: black
}

.status.preassessed.failed.moderated {
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#99ea99 1rem,#99ea99 2rem)
}

.status.preassessed.failed.moderated.correction {
  color: black;
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#f5d967 1rem,#f5d967 2rem)
}

.status.preassessed.academic-misconduct {
  background: repeating-linear-gradient(135deg,#d3d3d3,#d3d3d3 1rem,#baa3ff 1rem,#baa3ff 2rem);
  color: black
}

.status.assessed {
  color: black;
  background-color: #abd0e3
}

.status.assessed.moderated {
  color: black;
  background: repeating-linear-gradient(135deg,#abd0e3,#abd0e3 1rem,#99ea99 1rem,#99ea99 2rem)
}

.status.assessed.moderated.correction {
  color: black;
  background: repeating-linear-gradient(135deg,#abd0e3,#abd0e3 1rem,#f5d967 1rem,#f5d967 2rem)
}

.status.assessed.failed {
  background-color: #ffa7a7;
  color: black
}

.status.assessed.failed.moderated {
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#99ea99 1rem,#99ea99 2rem)
}

.status.assessed.failed.moderated.correction {
  color: black;
  background: repeating-linear-gradient(135deg,#ffa7a7,#ffa7a7 1rem,#f5d967 1rem,#f5d967 2rem)
}

.status.merit {
  color: white;
  background-color: #84C800
}

.status.extended {
  color: white;
  background-color: #ff6600
}

.info {
  display: table;
  background-color: #bfbfbf;
  width: 100%;
  margin-bottom: 1rem
}

.info > div {
  display: table-cell;
  padding: 1rem 0
}

.info > div:nth-child(1) {
  padding-right: 1rem;
  vertical-align: top;
  width: 4rem
}

.info > div:nth-child(1):before {
  content: ' ';
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -68rem -44rem;
  background-repeat: no-repeat
}

.info > div:nth-child(2) {
  vertical-align: middle
}

.info > div:nth-child(2) h3:not(:last-child) {
  padding-top: 1rem
}

.info.small > div:nth-child(1) {
  width: 2rem
}

.info.small > div:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -34rem -22rem;
  background-repeat: no-repeat
}

.info.small > div:nth-child(2) {
  vertical-align: middle
}

.info.small > div:nth-child(2) h3:not(:last-child) {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding: 0.5rem 0;
  padding-top: 0.25rem
}

.info.warning {
  background-color: #ff6600
}

.info.warning > div:nth-child(1):before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -40rem -48rem;
  background-repeat: no-repeat
}

.info.warning > div:nth-child(2) {
  color: white
}

.info.warning > div:nth-child(2) a:link,.info.warning > div:nth-child(2) a:visited,.info.warning > div:nth-child(2) a:active {
  color: black
}

.info.warning > div:nth-child(2) a:hover {
  color: #404040
}

.info.warning.small > div:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -20rem -24rem;
  background-repeat: no-repeat
}

.info.notification {
  background-color: #e6e6e6
}

.info.notification > div:nth-child(1) {
  width: 2rem
}

.info.notification > div:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -20rem -22rem;
  background-repeat: no-repeat
}

.info.notification > div:nth-child(2) {
  vertical-align: middle
}

.info.notification > div:nth-child(2) h4 {
  padding-top: 0.25rem
}

.info.notification > div:nth-child(2) h4 :last-child {
  padding-bottom: 0.25rem
}

.info.notification > div:nth-child(3) {
  width: 2rem;
  vertical-align: top
}

.info.notification.important {
  background-color: #ff6600
}

.info.notification.important > div:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -20rem -24rem;
  background-repeat: no-repeat
}

.info.notification.important > div:nth-child(2) {
  color: white
}

.info.notification.important > div:nth-child(2) a:link,.info.notification.important > div:nth-child(2) a:visited,.info.notification.important > div:nth-child(2) a:active {
  color: black
}

.info.notification.important > div:nth-child(2) a:hover {
  color: #404040
}

.adminBarBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F60;
  color: white;
  text-align: center;
  z-index: 200
}

@media screen and (max-width: 900px) {
  .adminBarBottom {
      font-size:80%
  }
}

#cookieMessage {
  display: table;
  position: fixed;
  bottom: 0;
  padding: 1rem 10%;
  width: 100%;
  z-index: 200;
  background-color: white;
  visibility: hidden
}

#cookieMessage dt {
  display: table-cell;
  vertical-align: middle
}

#cookieMessage dd {
  display: table-cell;
  width: 1rem;
  vertical-align: middle
}

#cookieMessage dd a {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: 0rem -9rem;
  background-repeat: no-repeat
}

#frameMain {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: white;
  overflow: hidden
}

#frameMain > div {
  display: table-row;
  overflow: hidden
}

#frameMain > div:last-child {
  height: 100%
}

#frameMain > div > div {
  display: table-cell;
  position: relative
}

#frameMain > div #content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255,255,255,0.8)
}

#frameMain > div #menu-syllabus {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50%;
  width: 50%;
  height: 100%;
  padding-right: 10%;
  background-color: rgba(77,77,77,0.95);
  z-index: 50;
  transition: all 0.5s ease 0s,font-size 1ms
}

#frameMain > div #menu-syllabus.act {
  transition: all 0.5s ease 0.1s,font-size 1ms;
  -webkit-transform: translate(-100%,0);
  -ms-transform: translate(-100%,0);
  transform: translate(-100%,0)
}

#frameMain > div #menu-tools {
  position: absolute;
  top: 0;
  left: -30%;
  bottom: 0;
  width: 30%;
  height: 100%;
  padding-left: 10%;
  background-color: rgba(77,77,77,0.95);
  z-index: 50;
  transition: all 0.5s ease 0s,font-size 1ms
}

#frameMain > div #menu-tools.act {
  transition: all 0.5s ease 0.1s,font-size 1ms;
  -webkit-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  transform: translate(100%,0)
}

#frameMain > div #menu-myhome {
  display: none;
  position: absolute;
  top: 0;
  right: -30%;
  bottom: 0;
  width: 30%;
  height: 100%;
  padding-right: 10%;
  background-color: rgba(77,77,77,0.95);
  z-index: 50;
  transition: all 0.5s ease 0s,font-size 1ms
}

#frameMain > div #menu-myhome.act {
  transition: all 0.5s ease 0.1s,font-size 1ms;
  -webkit-transform: translate(-100%,0);
  -ms-transform: translate(-100%,0);
  transform: translate(-100%,0)
}

#frameMain > div #menu-notifications {
  display: none;
  position: absolute;
  top: 0;
  left: -30%;
  bottom: 0;
  width: 30%;
  height: 100%;
  padding-left: 10%;
  background-color: rgba(77,77,77,0.95);
  z-index: 50;
  transition: all 0.5s ease 0s,font-size 1ms
}

#frameMain > div #menu-notifications.act {
  transition: all 0.5s ease 0.1s,font-size 1ms;
  -webkit-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  transform: translate(100%,0)
}

h1,.h1 {
  font-family: 'webfontMDCN',Verdana,Geneva,sans-serif;
  font-size: 3.5rem;
  line-height: 3rem;
  color: #ff6600;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  padding: 1.6rem 0
}

h2,.h2 {
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0.5rem 0
}

h3,.h3 {
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0
}

h4,.h4 {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding: 0.5rem 0
}

.black h1 {
  color: #ff944d
}

.black h2,.black h3 {
  color: white
}

h1.black,h2.black {
  color: black
}

.orange h1 {
  color: white
}

.orange h2,.orange h3 {
  color: white
}

h1.orange,h2.orange {
  color: white
}

h1.showIcon {
  position: relative;
  padding-left: 5rem
}

h1 span.icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  transform: translate(0%,-50%)
}

h2 span.icon {
  float: left;
  margin-right: 1rem
}

h3 span.icon {
  float: left;
  margin-right: 1rem
}

h1 *,h2 *,h3 *,h4 * {
  font-weight: normal;
  font-style: normal
}

@media screen and (max-width: 600px) {
  h1,.h1 {
      font-size:2.5rem;
      line-height: 2.5rem;
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 1rem
  }

  h1.showIcon {
      padding-left: 3.6rem
  }

  h2,.h2 {
      font-size: 2rem;
      line-height: 2rem
  }

  h3,.h3 {
      font-size: 1.5rem;
      line-height: 1.5rem
  }
}

ul {
  padding-left: 1vh
}

ul > li {
  padding: 0.5vh 0;
  line-height: 2.5vh
}

ul.horizontal {
  list-style: none;
  padding: 0.5rem 0
}

ul.horizontal > li {
  display: inline;
  padding: 0;
  line-height: 2vh;
}

ul.horizontal > li:not(:first-child):before {
  content: " \00a0\2022\00a0\00a0"
}

ol {
  padding-left: 3vh;
}

ol > li {
  padding: 1vh 0;
  line-height: 2vh;
}

.topMenu {
  background-color: #ffffff;
  padding: 1vh 10vh;
}

.topMenu > div {
  display: table-cell;
  position: relative;
  vertical-align: middle
}

.topMenu > div:not(:first-child) {
  width: 100%
}

.topMenu > div.PBlogo {
  width: auto
}

.topMenu > div.PBlogo a {
  transition: none;
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: 0rem -3rem;
  background-size: 96rem 48rem;
  background-repeat: no-repeat;
  width: 15.75rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  line-height: 0
}

.topMenu .secondary {
  width: 100%;
  background: transparent;
  transition: all 0.5s ease 0s,font-size 1ms;
  position: absolute;
  top: 0;
  right: 0
}

.topMenu .secondary > ul {
  display: block;
  margin: 0;
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.topMenu .secondary > ul > li {
  display: inline-block;
  margin: 0 0 0 1%;
  padding: 0.25rem 1rem 0.25rem 1rem;
  float: right;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  line-height: normal;
}

.topMenu .secondary > ul > li > a,.topMenu .secondary > ul > li > span {
  color: #000000
}

.topMenu .secondary > ul > li > a:link,.topMenu .secondary > ul > li > span:link,.topMenu .secondary > ul > li > a:visited,.topMenu .secondary > ul > li > span:visited,.topMenu .secondary > ul > li > a:active,.topMenu .secondary > ul > li > span:active {
  color: #000000
}

.topMenu .secondary > ul > li > a:hover,.topMenu .secondary > ul > li > span:hover {
  color: rgba(0,0,0,0.8)
}

.topMenu .secondary > ul > li > a.external:link,.topMenu .secondary > ul > li > span.external:link,.topMenu .secondary > ul > li > a.external:visited,.topMenu .secondary > ul > li > span.external:visited,.topMenu .secondary > ul > li > a.external:active,.topMenu .secondary > ul > li > span.external:active {
  color: rgba(0,0,0,0.66)
}

.topMenu .secondary > ul > li > a.external:hover,.topMenu .secondary > ul > li > span.external:hover {
  color: rgba(0,0,0,0.46)
}

.topMenu .secondary > ul > li > a.login:link,.topMenu .secondary > ul > li > span.login:link,.topMenu .secondary > ul > li > a.login:visited,.topMenu .secondary > ul > li > span.login:visited,.topMenu .secondary > ul > li > a.login:active,.topMenu .secondary > ul > li > span.login:active {
  color: rgba(0,0,0,0.66)
}

.topMenu .secondary > ul > li > a.login:hover,.topMenu .secondary > ul > li > span.login:hover {
  color: rgba(0,0,0,0.46)
}

.topMenu .secondary > ul > li.act {
  background-color: rgba(230,230,230,0.95)
}

.topMenu .secondary > ul > li.act > a,.topMenu .secondary > ul > li.act > span {
  color: black
}

.topMenu .secondary > ul > li.act > a:link,.topMenu .secondary > ul > li.act > span:link,.topMenu .secondary > ul > li.act > a:visited,.topMenu .secondary > ul > li.act > span:visited,.topMenu .secondary > ul > li.act > a:active,.topMenu .secondary > ul > li.act > span:active {
  color: black
}

.topMenu .secondary > ul > li.act > a:hover,.topMenu .secondary > ul > li.act > span:hover {
  color: rgba(0,0,0,0.8)
}

.topMenu .secondary > ul > li.act > a.search:before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -1rem -7rem;
  background-repeat: no-repeat
}

.topMenu .secondary > ul > li.act form {
  opacity: 1;
  display: block;
  padding: 1rem;
  height: auto
}

.topMenu .secondary > ul > li > div {
  position: absolute;
  width: 10rem;
  z-index: 100;
  background-color: rgba(230,230,230,0.95);
  margin: 0;
  padding: 0;
  top: 1.4rem;
  left: 0rem;
  overflow: hidden;
  height: 0;
  text-transform: none
}

.topMenu .secondary > ul > li > div > ul {
  margin: 0;
  padding: 1rem;
  list-style: none
}

.topMenu .secondary > ul > li > div > ul > li {
  padding: 0 0 0.5rem 0.75rem;
  margin: 0;
  line-height: normal
}

.topMenu .secondary > ul > li > div > ul > li:last-child {
  padding-bottom: 0
}

.topMenu .secondary > ul > li > div > ul > li a:before {
  content: ' ';
  float: left;
  display: block;
  margin: 0.1rem 0 0 -0.75rem;
  background-color: #cccccc;
  width: 0.375rem;
  height: 0.75rem
}

.topMenu .secondary > ul > li > div > ul > li a:link,.topMenu .secondary > ul > li > div > ul > li a:visited,.topMenu .secondary > ul > li > div > ul > li a:active {
  color: black
}

.topMenu .secondary > ul > li > div > ul > li a:hover {
  color: #cc5200
}

.topMenu .secondary > ul > li > div > ul > li a:hover:before {
  background-color: #ff6600
}

.topMenu .secondary > ul > li > div > ul > li.act a:before {
  background-color: #ff6600
}

.topMenu .secondary > ul > li > div > ul > li.act a:link,.topMenu .secondary > ul > li > div > ul > li.act a:visited,.topMenu .secondary > ul > li > div > ul > li.act a:active {
  color: #ff6600
}

.topMenu .secondary > ul > li > div > ul > li.act a:hover {
  color: #cc5200
}

.topMenu .timer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 0.25rem;
  padding-right: 1rem
}

.topMenu .secondary > ul > li.notifications > a > span {
  color: #ff6600;
  font-weight: 800
}

.topMenu .secondary > ul > li.notifications > div {
  margin: 0;
  padding: 0;
  min-width: 12rem
}

.topMenu .secondary > ul > li.notifications > div > p {
  padding: 0 1rem 0.5rem 1rem;
  line-height: normal
}

.topMenu .secondary > ul > li.notifications > div > p:first-of-type {
  padding-top: 0.5rem
}

.topMenu .secondary > ul > li.notifications > div > p a {
  color: inherit;
  text-decoration: underline
}

.topMenu .secondary > ul > li.notifications > div > p a:hover {
  color: #cc5200
}

.topMenu .secondary > ul > li.notifications > div .close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: 0rem -6rem;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  display: none
}

.topMenu .secondary > ul > li.notifications.important {
  background-color: #ff6600
}

.topMenu .secondary > ul > li.notifications.important > a {
  color: white
}

.topMenu .secondary > ul > li.notifications.important > a > span {
  color: white
}

.topMenu .secondary > ul > li.notifications.important > div {
  z-index: 101;
  color: white;
  background-color: #ff6600
}

.topMenu .secondary > ul > li.notifications.important > div > p > a {
  color: white
}

.topMenu .secondary > ul > li.notifications.important > div > p > a > span {
  color: white
}

.topMenu .secondary > ul > li.notifications.important > div > p > a:hover {
  color: white;
  opacity: 0.8
}

.topMenu .secondary > ul > li.notifications.important > div .close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: 0rem -8rem;
  background-repeat: no-repeat;
  display: block
}

.topMenu .secondary > ul > li > a.search:before {
  content: ' ';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -1rem -7rem;
  background-repeat: no-repeat;
  float: left
}

.topMenu .secondary > ul > li form {
  position: absolute;
  display: block;
  top: 100%;
  right: 0;
  width: 25rem;
  height: 0;
  overflow: hidden;
  background-color: rgba(230,230,230,0.95);
  z-index: 101;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.5s ease 0s,font-size 1ms
}

.topMenu .secondary > ul > li form input[type="submit"] {
  width: 0px;
  height: 0px;
  visibility: hidden
}

.topMenu .secondary > ul > li form .close {
  display: block;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: 0rem -6rem;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.5rem;
  right: 1rem
}

.topMenu .secondary > ul > li form fieldset {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0.5rem 0px;
  margin-bottom: 1px;
  border: none
}

.topMenu .secondary > ul > li form fieldset label {
  display: table-cell;
  vertical-align: middle;
  width: 5rem;
  text-transform: none;
  padding: 0;
  margin: 0
}

.topMenu .secondary > ul > li form fieldset div {
  display: table-cell;
  vertical-align: middle;
  width: 18rem;
  padding: 0;
  margin: 0
}

.topMenu .secondary > ul > li form fieldset div input {
  width: 100%;
  border: 1px solid #a8a8a8;
  background-color: white;
  margin: 0;
  padding: 0.5rem 0.5rem
}

.topMenu .secondary > ul > li form fieldset a.button:link,.topMenu .secondary > ul > li form fieldset a.button:visited,.topMenu .secondary > ul > li form fieldset a.button:active {
  background-color: #ff6600;
  padding: 0.5rem;
  color: white
}

.topMenu .secondary > ul > li form fieldset a.button:hover {
  background-color: #cc5200
}

.topMenu .secondary > ul > li form fieldset.submit label {
  width: 18rem
}

.topMenu .secondary > ul > li form fieldset.submit div {
  width: 5rem;
  text-align: right
}

.topMenu .secondary > ul > li form.search {
  width: 23rem
}

.topMenu .secondary > ul > li form.search label {
  width: 3rem;
  text-align: right
}

.topMenu .secondary > ul > li form.search fieldset a {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: #ff6600;
  position: relative
}

.topMenu .secondary > ul > li form.search fieldset a:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -1.5rem -12rem;
  background-repeat: no-repeat
}

.topMenu .secondary > ul > li form.search fieldset a:hover {
  background-color: #cc5200
}

a.iconButton {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

a.iconButton:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

a.iconButton > span {
  display: inline-block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0.25rem;
  bottom: 0.25rem;
  background-color: #e6e6e6;
  color: #ff6600;
  font-size: 66%;
  font-weight: 800;
  text-align: center;
  line-height: 1rem;
  z-index: 1
}

a.iconButton > span.important {
  background-color: #ff6600;
  color: white
}

a.iconButton.white:hover {
  background-color: rgba(255,255,255,0.2)
}

a.iconButton.white.act {
  background-color: rgba(255,255,255,0.3)
}

a.iconButton.white.act:hover {
  background-color: rgba(255,255,255,0.5)
}

a.iconButton.white.tools:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -30rem -16rem;
  background-repeat: no-repeat
}

a.iconButton.white.syllabus:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -36rem -8rem;
  background-repeat: no-repeat
}

a.iconButton.black:hover {
  background-color: rgba(0,0,0,0.1)
}

a.iconButton.black.act {
  background-color: rgba(0,0,0,0.2)
}

a.iconButton.black.act:hover {
  background-color: rgba(0,0,0,0.3)
}

a.iconButton.black.tools:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -30rem -14rem;
  background-repeat: no-repeat
}

a.iconButton.black.syllabus:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -36rem -6rem;
  background-repeat: no-repeat
}

a.iconButton.black.myhome:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -36rem -14rem;
  background-repeat: no-repeat
}

a.iconButton.black.notifications:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -38rem -14rem;
  background-repeat: no-repeat
}

a.iconButton.orange.notifications:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -38rem -12rem;
  background-repeat: no-repeat
}

#breadcrumb {
  width: 100%;
  padding: 0 10vh 0;
  background-color: rgba(51,51,51,0.95);
  color: #FFF;
  display: table
}

#breadcrumb nav {
  display: table-cell;
  vertical-align: middle;
  width: 3vh;
  padding: 1vh 0
}

#breadcrumb ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1vh
}

#breadcrumb ul > li {
  font-size: 1.75vh;
  font-weight: 500
}

#breadcrumb ul > li a:link,#breadcrumb ul > li a:visited,#breadcrumb ul > li a:active {
  color: white
}

#breadcrumb ul > li a:hover {
  color: #ff944d
}

#breadcrumb ul > li:not(:first-child):before {
  content: " \00a0\25ba\00a0\00a0";
  color: #808080
}

#breadcrumb ul:last-child {
  padding-bottom: 0
}

.topMenu #mobileNav {
  display: none
}

.topMenu #mobileNav > ul {
  display: table;
  float: right
}

.topMenu #mobileNav > ul > li {
  display: table-cell;
  padding: 0;
  line-height: 0
}

footer {
  color: #000
}

footer .primary ul {
  display: block;
  text-align: center;
  list-style-position: outside;
  padding: 3rem 0 1rem
}

footer .primary ul li {
  display: inline-block;
  margin: 0 1rem
}

footer .primary a {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase
}

footer .primary a:link,footer .primary a:visited,footer .primary a:active {
  color: #ff6600
}

footer .primary a:hover {
  opacity: 0.66
}

footer .secondary ul {
  display: block;
  text-align: center;
  padding: 1rem 0 3rem
}

footer .secondary ul li {
  display: inline-block;
  margin: 0 0;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase
}

footer .secondary ul li a:link,footer .secondary ul li a:visited,footer .secondary ul li a:active {
  color: #808080
}

footer .secondary ul li a:hover {
  opacity: 0.66
}

footer .copyright {
  text-align: center;
  padding: 2rem 0 1rem 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #808080
}

@media screen and (max-width: 900px) {
  footer {
      padding:2rem 0.5rem
  }

  footer .secondary ul {
      padding-bottom: 0
  }
}

@media screen and (max-width: 600px) {
  footer .secondary ul {
      padding-bottom:0
  }
}

main {
  min-height: 100%
}

.content {
  width: 100%;
  padding: 0rem 10% 0rem
}

.content .content {
  padding: 0
}

.content > .borderTop {
  border-top-style: solid;
  border-width: 0.125rem
}

.content.white {
  background-color: rgba(255,255,255,0.8);
  color: #000
}

.content.white > .borderTop {
  border-color: #bfbfbf
}

.content.black {
  background-color: rgba(51,51,51,0.95);
  color: #FFF
}

.content.black > .borderTop {
  border-color: #404040
}

.content.orange {
  background-color: rgba(255,102,0,0.95);
  color: #FFF
}

.content .headerLeft {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.content .headerLeft:first-child {
  padding-top: 0
}

.content .headerLeft:last-child {
  padding-bottom: 0
}

.content .headerLeft:not(:first-child) {
  border-top-style: solid;
  border-width: 0.125rem;
  border-color: #bfbfbf
}

.content .headerLeft > header {
  float: left;
  width: 25%;
  padding-right: 1%
}

.content .headerLeft > div {
  float: left;
  width: 75%;
  padding-left: 1%
}

.content .headerTop {
  padding-top: 1.5rem
}

.content .headerTop:first-child {
  padding-top: 0
}

.content .headerTop:last-child {
  padding-bottom: 0
}

.content .bar {
  border-width: 0.125rem
}

.content .bar.orange {
  border-color: #ff6600
}

.content .bar.gray {
  border-color: #bfbfbf
}

.content .bar.medgray {
  border-color: #808080
}

.content .bar.top {
  border-top-style: solid
}

.content .accent {
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.4rem
}

.content.youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.youtubeSubSection {
  display: table;
  width: 100%
}

.youtubeSubSection .wrapper {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding: 1rem 1%;
  position: relative
}

.youtubeSubSection .wrapper > .background {
  position: absolute;
  width: calc(100% - 4%);
  height: calc(100% - 2rem);
  top: 1rem;
  left: 2%;
  right: 2%;
  bottom: 1rem;
  background-size: cover;
  background-position: center
}

.youtubeSubSection .wrapper > .background .caption {
  display: block;
  position: absolute;
  color: white;
  background-color: rgba(0,0,0,0.5);
  text-align: right;
  padding: 0.25rem 1%;
  font-size: 90%;
  font-style: italic;
  line-height: 1rem;
  font-weight: normal;
  top: 0;
  right: 0
}

.youtubeSubSection .wrapper > article {
  position: absolute;
  left: 2%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.youtubeSubSection .div1 {
  padding: 1rem 26%
}

@media screen and (max-width: 900px) {
  .youtubeSubSection {
      display:block;
      width: 100%
  }

  .youtubeSubSection .wrapper {
      display: block
  }

  .youtubeSubSection .div1 {
      padding: 1rem 1%
  }
}

.content article > header > h4 > span {
  display: inline-block;
  vertical-align: middle
}

.content article > header > h4 .rating {
  padding: 0;
  width: 10rem;
  height: 2rem;
  position: relative
}

.content article > header > h4 .rating > b {
  display: block;
  width: 10rem;
  position: absolute;
  height: 2rem;
  overflow: hidden
}

.content article > header > h4 .rating > b > em {
  display: block;
  width: 10rem;
  height: 2rem;
  position: absolute;
  overflow: hidden
}

.content article > header > h4 .rating > b.stars0 > em > i {
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -34rem -4rem;
  background-repeat: no-repeat;
  display: inline-block
}

.content article > header > h4 .rating > b.stars1 > em > i {
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -32rem -4rem;
  background-repeat: no-repeat;
  display: inline-block
}

.content.promoBanner {
  position: relative
}

.content.promoBanner > div > h1 {
  font-size: 3rem;
  line-height: 3rem;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: none
}

.content.promoBanner > div > h3 {
  padding-top: 0;
  padding-bottom: 0
}

.content.promoBanner > div > div {
  font-size: 1.5rem
}

.content.promoBanner > div:first-of-type {
  padding-top: 1rem
}

.content.promoBanner > div:last-of-type {
  padding-bottom: 1rem
}

.content.promoBanner a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.content.promoBanner a:hover {
  background-color: rgba(0,0,0,0.1)
}

.content.promoBanner a:after {
  position: absolute;
  content: " ";
  right: 10%;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -30rem;
  background-repeat: no-repeat
}

.content.promoBanner.black a {
  color: #ff944d
}

.content.promoBanner.black a:hover {
  background-color: rgba(255,255,255,0.1)
}

.content.promoBanner.black a:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -39rem;
  background-repeat: no-repeat
}

.content.promoBanner.orange a {
  color: white
}

.content.promoBanner.orange a:hover {
  background-color: rgba(255,255,255,0.2)
}

.content.promoBanner.orange a:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -36rem;
  background-repeat: no-repeat
}

@media screen and (max-width: 900px) {
  .content.promoBanner > div > h1 {
      font-size:2rem;
      line-height: 2rem
  }

  .content.promoBanner > div > h3 {
      font-size: 1.5rem
  }

  .content.promoBanner a {
  }

  .content.promoBanner a:after {
      right: 0.5rem
  }
}

.content.masterclass > div:last-child {
  padding-top: 1rem
}

.content.masterclass.inline {
  display: table
}

.content.masterclass.inline > div {
  display: table-cell
}

.content.masterclass.inline > div:first-child {
  width: 66%
}

.content.masterclass.inline > div:last-child {
  padding-top: 0;
  width: 34%
}

@media screen and (max-width: 900px) {
  .content.masterclass.inline {
      display:block
  }

  .content.masterclass.inline > div {
      display: block
  }

  .content.masterclass.inline > div:first-child {
      width: auto
  }

  .content.masterclass.inline > div:last-child {
      padding-top: 1rem;
      width: auto
  }
}

.termTable {
  width: 100%;
  border-left: white solid 2px
}

.termTable tr th,.termTable tr td {
  padding: 0.5rem;
  border-right: white solid 2px;
  border-bottom: white solid 2px;
  position: relative;
  text-align: left
}

.termTable tr th.no-padding,.termTable tr td.no-padding {
  padding: 0
}

.termTable tr th.align-center,.termTable tr td.align-center {
  text-align: center
}

.termTable tr th {
  background-color: rgba(0,0,0,0.1)
}

.termTable tr td {
  background-color: rgba(0,0,0,0.05)
}

.termTable tr.nav.terms th,.termTable tr.nav.terms td {
  padding: 0;
  text-align: center;
  position: relative
}

.termTable tr.nav.terms th a,.termTable tr.nav.terms td a {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem;
  font-weight: 600
}

.termTable tr.nav.terms th a:hover,.termTable tr.nav.terms td a:hover {
  background-color: rgba(0,0,0,0.05)
}

.termTable tr.nav.terms th.act,.termTable tr.nav.terms td.act {
  background-color: rgba(255,102,0,0.5)
}

.termTable tr.nav.terms th.act a,.termTable tr.nav.terms td.act a {
  color: black !important
}

.termTable tr.nav.terms th.act a:hover,.termTable tr.nav.terms td.act a:hover {
  background-color: rgba(255,148,77,0.5)
}

.termTable tr.nav.terms th.current,.termTable tr.nav.terms td.current {
  background-color: #ff6600
}

.termTable tr.nav.terms th.current a,.termTable tr.nav.terms td.current a {
  color: white !important
}

.termTable tr.nav.terms th.current a:hover,.termTable tr.nav.terms td.current a:hover {
  background-color: #ff944d
}

.checkbox.on {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites-gray.svg);
  background-size: 36rem 28.8rem;
  background-position: -14.4rem -21.6rem;
  background-repeat: no-repeat
}

.checkbox.on.attendance {
  filter: brightness(1) sepia(1) hue-rotate(60deg) saturate(5)
}

.checkbox.crossed {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(./img/sprites-gray.svg);
  background-size: 36rem 28.8rem;
  background-position: -14.4rem -25.2rem;
  background-repeat: no-repeat
}

.checkbox.crossed.attendance {
  filter: brightness(1) sepia(1) hue-rotate(-30deg) saturate(5)
}

.circular-chart-wrapper {
  display: inline-block;
  max-width: 8rem;
  position: relative
}

.circular-chart-wrapper select {
  display: none
}

.circular-chart-wrapper .ui-icon.ui-icon-triangle-1-s {
  display: none
}

.circular-chart-wrapper .ui-icon.submit {
  background: url("/img/admn/ico-register-present.png") 0 0 no-repeat
}

.circular-chart-wrapper .ui-selectmenu-button,.circular-chart-wrapper .ui-selectmenu-button:hover,.circular-chart-wrapper .ui-selectmenu-button:focus {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.circular-chart-wrapper .ui-selectmenu-button.ui-button,.circular-chart-wrapper .ui-selectmenu-button:hover.ui-button,.circular-chart-wrapper .ui-selectmenu-button:focus.ui-button {
  width: 100%;
  height: 100%
}

.circular-chart-wrapper .smallButton.menu {
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.circular-chart-wrapper .smallButton.menu.menu:before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -21rem -7rem;
  background-repeat: no-repeat;
  opacity: 0.5
}

.circular-chart-wrapper .circular-chart {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 100%
}

.circular-chart-wrapper .circular-chart.distinction .circle {
  stroke: #009900
}

.circular-chart-wrapper .circular-chart.merit .circle {
  stroke: #84c800
}

.circular-chart-wrapper .circular-chart.pass .circle {
  stroke: #ff944d
}

.circular-chart-wrapper .circular-chart.fail .circle {
  stroke: #ff0000
}

.circular-chart-wrapper .circular-chart.blue .circle {
  stroke: #0082c5
}

.circular-chart-wrapper .circular-chart .circle-bg {
  fill: none;
  stroke: white;
  stroke-width: 3.5
}

.circular-chart-wrapper .circular-chart .circle {
  fill: none;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
  stroke: #808080;
  stroke-width: 2
}

.circular-chart-wrapper .score {
  font-size: 1rem;
  position: absolute;
  text-align: center;
  font-weight: 600;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: black !important
}

.circular-chart-wrapper .score.wide {
  width: 100%
}

.circular-chart-wrapper .score.distinction {
  color: black !important
}

.circular-chart-wrapper .score.merit {
  color: black !important
}

.circular-chart-wrapper .score.pass {
  color: black !important
}

.circular-chart-wrapper .score.fail {
  color: #ff0000 !important
}

.circular-chart-wrapper .score.blue {
  color: #0082c5 !important
}

.circular-chart-wrapper .score.orange {
  color: #ff944d !important
}

.circular-chart-wrapper .score > span {
  display: block;
  font-family: 'Lato','Noto Sans Japanese',sans-serif !important;
  font-size: 0.8rem;
  text-transform: none
}

.circular-chart-wrapper .asterisk {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem
}

#assignmentMenuTools {
  position: fixed;
  top: 1.5rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  z-index: 1;
  background-color: #ffffff
}

#assignmentMenuTools select {
  display: none
}

#assignmentMenuTools .ui-icon.ui-icon-triangle-1-s {
  display: none
}

#assignmentMenuTools .ui-icon.submit {
  background: url("/img/admn/ico-register-present.png") 0 0 no-repeat
}

#assignmentMenuTools .ui-selectmenu-button,#assignmentMenuTools .ui-selectmenu-button:hover,#assignmentMenuTools .ui-selectmenu-button:focus {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

#assignmentMenuTools .ui-selectmenu-button.ui-button,#assignmentMenuTools .ui-selectmenu-button:hover.ui-button,#assignmentMenuTools .ui-selectmenu-button:focus.ui-button {
  width: 100%;
  height: 100%
}

@keyframes progress {
  0% {
      stroke-dasharray: 0 100
  }
}

input.input-styled,select.input-styled,textarea.input-styled {
  width: 100%;
  border: 1px solid #A8A8A8;
  background-color: #FFF;
  margin: 0px;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-family: "Lato",Arial,Helvetica,sans-serif
}

.ui-slider-custom {
  height: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 0.5rem
}

.ui-slider-handle-custom {
  width: 4rem !important;
  height: 3rem !important;
  top: 50% !important;
  margin-top: -1.5rem !important;
  margin-left: -2rem !important
}

.ui-slider-handle-custom span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.FormButtons {
  display: block;
  width: 100%;
  padding-bottom: 2rem
}

.FormButtons:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

.FormButtons a {
  position: relative
}

.FormButtons input[type="submit"] {
  float: right
}

.FormButtons .submit {
  float: right;
  padding-right: 3rem;
  position: relative;
  margin-left: 1rem
}

.FormButtons .submit:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  right: -0.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.FormButtons .back {
  float: left;
  padding-left: 3rem
}

.FormButtons .back:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -32rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  left: 1.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.FormButtons .save,.FormButtons .saving {
  float: right
}

.FormButtons .required {
  float: left;
  padding-left: 6rem
}

.FormButtons .required:before {
  content: '* ';
  display: inline;
  color: red;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem
}

form.generalForm fieldset {
  display: block;
  border: none;
  border-top-style: solid;
  border-width: 0.125rem;
  border-color: #bfbfbf;
  margin: 0;
  padding: 1rem 0
}

form.generalForm fieldset:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

form.generalForm fieldset:first-of-type {
  border: none
}

form.generalForm fieldset:last-of-type {
  border: none
}

form.generalForm fieldset legend {
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0.5rem 0;
  padding: 0 1%;
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 1rem
}

form.generalForm fieldset .row {
  clear: both;
  padding: 0.0rem 0
}

form.generalForm fieldset .row:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

form.generalForm fieldset .row > label {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding: 0.5rem 0
}

form.generalForm fieldset .row > label.wrapper {
  padding: 0.5rem 1%
}

form.generalForm fieldset .row > label > span {
  color: gray;
  font-size: 1rem;
  font-weight: normal
}

form.generalForm fieldset .row.error {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

form.generalForm fieldset .row .error {
  color: red;
  padding-top: 0.65rem
}

form.generalForm fieldset .row .input {
  padding: 0.5rem 1%
}

form.generalForm fieldset .row .input > input,form.generalForm fieldset .row .input > select,form.generalForm fieldset .row .input > textarea {
  width: 100%;
  border: 1px solid #A8A8A8;
  background-color: #FFF;
  margin: 0px;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-family: "Lato",Arial,Helvetica,sans-serif
}

form.generalForm fieldset .row .input.label {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding: 0.5rem 0;
  padding: 0.5rem 1%
}

form.generalForm fieldset .row .input > p.radio:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

form.generalForm fieldset .row .input > p.radio > label {
  float: left;
  width: calc(100% - 2.5rem)
}

form.generalForm fieldset .row .comment {
  margin-left: 25%;
  width: 75%
}

form.generalForm fieldset .row > .process {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600
}

form.generalForm .buttons {
  display: block;
  width: 100%;
  padding-bottom: 2rem
}

form.generalForm .buttons:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

form.generalForm .buttons a {
  position: relative
}

form.generalForm .buttons input[type="submit"] {
  float: right
}

form.generalForm .buttons .submit {
  float: right;
  padding-right: 3rem;
  position: relative;
  margin-left: 1rem
}

form.generalForm .buttons .submit:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  right: -0.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

form.generalForm .buttons .back {
  float: left;
  padding-left: 3rem
}

form.generalForm .buttons .back:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -32rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  left: 1.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

form.generalForm .buttons .save,form.generalForm .buttons .saving {
  float: right
}

form.generalForm .buttons .required {
  float: left;
  padding-left: 6rem
}

form.generalForm .buttons .required:before {
  content: '* ';
  display: inline;
  color: red;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem
}

@media screen and (max-width: 900px) {
  form.generalForm fieldset .row > label {
      width:100%
  }

  form.generalForm fieldset .row .comment {
      margin-left: 0;
      width: 100%
  }

  form.generalForm fieldset .row .buttons {
      margin-left: 0
  }
}

form.userPostForm fieldset {
  display: block;
  width: 100%;
  border: none;
  margin: 0;
  padding: 1rem 0
}

form.userPostForm fieldset.warning {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

form.userPostForm fieldset > div {
  display: table;
  width: 100%
}

form.userPostForm fieldset > div > label {
  display: table-cell;
  width: 6rem;
  padding-right: 1rem;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem;
  vertical-align: top
}

form.userPostForm fieldset > div > label.required:after {
  content: ' *';
  display: inline;
  color: red
}

form.userPostForm fieldset > div > div {
  display: table-cell;
  vertical-align: top
}

form.userPostForm fieldset > div > div > input,form.userPostForm fieldset > div > div > select,form.userPostForm fieldset > div > div > textarea,form.userPostForm fieldset > div > div .recipients {
  width: 100%;
  border: 1px solid #A8A8A8;
  background-color: #FFF;
  margin: 0px;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-family: "Lato",Arial,Helvetica,sans-serif
}

form.userPostForm fieldset > div > div .recipients {
  position: relative;
  padding-left: 3rem;
  min-height: 3.2rem
}

form.userPostForm fieldset > div > div .recipients > a {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem
}

form.userPostForm fieldset > div > div .recipients span {
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 2rem
}

form.userPostForm fieldset > div > div .recipients span > a {
  position: absolute;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  right: 0.25rem;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

form.userPostForm fieldset > div > div .recipients span > a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: 0rem -6rem;
  background-repeat: no-repeat
}

form.userPostForm fieldset .recipientList {
  background-color: rgba(0,0,0,0.1);
  padding: 0.25rem 0.5rem;
  position: relative
}

form.userPostForm fieldset .recipientList .smallButton.close {
  top: 0.5rem;
  right: 0.5rem;
  position: absolute
}

form.userPostForm fieldset .recipientList ul {
  margin: 0;
  padding: 0
}

form.userPostForm fieldset .recipientList ul li {
  width: auto;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  display: inline-block;
  width: 24%
}

form.userPostForm fieldset .recipientList ul li .greyed {
  opacity: 0.66
}

form.userPostForm fieldset .recipientList ul li .instructors {
  font-weight: 600
}

form.userPostForm fieldset .recipientList ul li .instructors span.instructor {
  font-size: 80%
}

form.userPostForm .required p:after {
  content: '* ';
  display: inline;
  color: red;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem
}

form.userPostForm .buttons {
  display: block;
  width: 100%;
  padding-bottom: 2rem
}

form.userPostForm .buttons:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

form.userPostForm .buttons a {
  position: relative
}

form.userPostForm .buttons input[type="submit"] {
  float: right
}

form.userPostForm .buttons .submit {
  float: right;
  padding-right: 3rem;
  position: relative;
  margin-left: 1rem
}

form.userPostForm .buttons .submit:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  right: -0.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

form.userPostForm .buttons .back {
  float: left;
  padding-left: 3rem
}

form.userPostForm .buttons .back:after {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -32rem -24rem;
  background-repeat: no-repeat;
  top: 50%;
  left: 1.5rem;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

form.userPostForm .buttons .save,form.userPostForm .buttons .saving {
  float: right
}

form.userPostForm .buttons .required {
  float: left;
  padding-left: 6rem
}

form.userPostForm .buttons .required:before {
  content: '* ';
  display: inline;
  color: red;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem
}

form.inlineForm {
  display: inline-block
}

form.inlineForm > div {
  display: table;
  width: 100%;
  border: none;
  margin: auto
}

form.inlineForm > div > label,form.inlineForm > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5rem
}

form.inlineForm > div > label > input,form.inlineForm > div > div > input,form.inlineForm > div > label > select,form.inlineForm > div > div > select,form.inlineForm > div > label > textarea,form.inlineForm > div > div > textarea {
  width: 100%;
  border: 1px solid #A8A8A8;
  background-color: #FFF;
  margin: 0px;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-family: "Lato",Arial,Helvetica,sans-serif
}

form.inlineForm > div > label {
  font-weight: bold
}

form.inlineForm > div > label:first-child {
  padding-left: 0
}

form.inlineForm > div > label:not(:first-child) {
  padding-left: 2rem
}

form.inlineForm > div .divider {
  font-size: 200%
}

form.inlineForm > div > div {
  padding-left: 0
}

form.inlineForm > div > div:last-of-type {
  text-align: right;
  padding-right: 0
}

form.inlineForm > div > div.time {
  width: 4.5rem
}

form.inlineForm > div > div.year {
  width: 6rem
}

@media (max-width: 900px) {
  #transcriptAddForm form.inlineForm > div {
      display:flex;
      flex-direction: column
  }

  #transcriptAddForm form.inlineForm > div > div {
      width: 100% !important
  }

  #transcriptAddForm form.inlineForm > div > label {
      padding-left: 0 !important
  }
}

.timeslotsTable {
  position: relative
}

.timeslotsTable .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 500;
  background-color: #e6e6e6
}

.timeslotsTable .cover:before {
  content: ' ';
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  background-image: url(./img/loading.gif);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.timeslotsTable .comm {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  float: right
}

.timeslotsTable .comm:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.timeslotsTable .comm.skype {
  margin-top: 0.5rem
}

.timeslotsTable .comm.skype:before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 76.8rem 38.4rem;
  background-position: -28.8rem -14.4rem;
  background-repeat: no-repeat
}

.timeslotsTable .comm.zoom:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -38rem -20rem;
  background-repeat: no-repeat
}

.timeslotsTable .comm:hover:before {
  opacity: 0.75
}

.timeslotsTable ul {
  min-height: 2rem
}

.timeslotsTable .placeholder {
  height: 1.5em;
  background-color: rgba(192,207,229,0.66);
  opacity: 0.5
}

.sideMenu {
}

.sideMenu ul.level1,.sideMenu ul.level2,.sideMenu ul.level3 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  width: 100%
}

.sideMenu ul.level1 > li,.sideMenu ul.level2 > li,.sideMenu ul.level3 > li {
  display: table;
  width: 100%;
  border-top: #808080 solid 1px;
  padding: 0
}

.sideMenu ul.level1 > li:hover,.sideMenu ul.level2 > li:hover,.sideMenu ul.level3 > li:hover {
  background-color: rgba(255,255,255,0.1);
  transition: all 0.5s ease 0s
}

.sideMenu ul.level1 > li > span,.sideMenu ul.level2 > li > span,.sideMenu ul.level3 > li > span {
  display: table-cell;
  vertical-align: top;
  color: white
}

.sideMenu ul.level1 > li > span a,.sideMenu ul.level2 > li > span a,.sideMenu ul.level3 > li > span a,.sideMenu ul.level1 > li > span span,.sideMenu ul.level2 > li > span span,.sideMenu ul.level3 > li > span span {
  display: block
}

.sideMenu ul.level1 > li a:link,.sideMenu ul.level2 > li a:link,.sideMenu ul.level3 > li a:link,.sideMenu ul.level1 > li a:visited,.sideMenu ul.level2 > li a:visited,.sideMenu ul.level3 > li a:visited,.sideMenu ul.level1 > li a:active,.sideMenu ul.level2 > li a:active,.sideMenu ul.level3 > li a:active {
  color: white
}

.sideMenu ul.level1 > li a:hover,.sideMenu ul.level2 > li a:hover,.sideMenu ul.level3 > li a:hover {
  color: white
}

.sideMenu ul.level1 > li > span.lessonNumber,.sideMenu ul.level2 > li > span.lessonNumber,.sideMenu ul.level3 > li > span.lessonNumber {
  content: '';
  background-color: rgba(255,255,255,0.2);
  width: 1.2rem;
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  font-size: 1.4rem;
  color: white;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 0.33rem 0;
  overflow: visible
}

.sideMenu ul.level1 > li > span.pageIndent,.sideMenu ul.level2 > li > span.pageIndent,.sideMenu ul.level3 > li > span.pageIndent {
  width: 0.66rem;
  padding: 0;
  background-color: rgba(255,255,255,0.1)
}

.sideMenu ul.level1 > li > span.link.bookmark,.sideMenu ul.level2 > li > span.link.bookmark,.sideMenu ul.level3 > li > span.link.bookmark {
  position: relative
}

.sideMenu ul.level1 > li > span.link.bookmark:before,.sideMenu ul.level2 > li > span.link.bookmark:before,.sideMenu ul.level3 > li > span.link.bookmark:before {
  position: absolute;
  content: " ";
  top: -0.4rem;
  right: -0.4rem;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 83.2rem 41.6rem;
  background-position: -15.6rem -20.8rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.read,.sideMenu ul.level2 > li > span.read,.sideMenu ul.level3 > li > span.read {
  width: 1.5rem;
  padding-right: 0;
  position: relative;
  opacity: 0.8
}

.sideMenu ul.level1 > li > span.read:after,.sideMenu ul.level2 > li > span.read:after,.sideMenu ul.level3 > li > span.read:after {
  position: absolute;
  content: " ";
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0)
}

.sideMenu ul.level1 > li > span.read.on:after,.sideMenu ul.level2 > li > span.read.on:after,.sideMenu ul.level3 > li > span.read.on:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -19rem -4rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.count,.sideMenu ul.level2 > li > span.count,.sideMenu ul.level3 > li > span.count {
  width: 1.5rem;
  padding-right: 0;
  padding: 0.66rem 0.0rem 0.0rem 0.5rem
}

.sideMenu ul.level1 > li > span.count > a,.sideMenu ul.level2 > li > span.count > a,.sideMenu ul.level3 > li > span.count > a {
  display: inline-block;
  position: relative;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #ff944d;
  font-size: 66%;
  font-weight: 800;
  text-align: center;
  line-height: 1.3rem
}

.sideMenu ul.level1 > li > span.count > a:link,.sideMenu ul.level2 > li > span.count > a:link,.sideMenu ul.level3 > li > span.count > a:link,.sideMenu ul.level1 > li > span.count > a:visited,.sideMenu ul.level2 > li > span.count > a:visited,.sideMenu ul.level3 > li > span.count > a:visited,.sideMenu ul.level1 > li > span.count > a:active,.sideMenu ul.level2 > li > span.count > a:active,.sideMenu ul.level3 > li > span.count > a:active,.sideMenu ul.level1 > li > span.count > a:hover,.sideMenu ul.level2 > li > span.count > a:hover,.sideMenu ul.level3 > li > span.count > a:hover {
  color: white
}

.sideMenu ul.level1 > li > span.exp,.sideMenu ul.level2 > li > span.exp,.sideMenu ul.level3 > li > span.exp {
  width: 2rem;
  position: relative;
  padding: 0.66rem 0.5rem 0.0rem 0.5rem
}

.sideMenu ul.level1 > li > span.exp a,.sideMenu ul.level2 > li > span.exp a,.sideMenu ul.level3 > li > span.exp a {
  position: relative;
  width: 1rem;
  height: 1rem
}

.sideMenu ul.level1 > li > span.exp a:after,.sideMenu ul.level2 > li > span.exp a:after,.sideMenu ul.level3 > li > span.exp a:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.sideMenu ul.level1 > li > span.exp a:hover,.sideMenu ul.level2 > li > span.exp a:hover,.sideMenu ul.level3 > li > span.exp a:hover {
  opacity: 0.7
}

.sideMenu ul.level1 > li > span.exp.plus a:after,.sideMenu ul.level2 > li > span.exp.plus a:after,.sideMenu ul.level3 > li > span.exp.plus a:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.exp.minus a:after,.sideMenu ul.level2 > li > span.exp.minus a:after,.sideMenu ul.level3 > li > span.exp.minus a:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.fav,.sideMenu ul.level2 > li > span.fav,.sideMenu ul.level3 > li > span.fav {
  width: 2rem;
  position: relative;
  padding: 0.75rem 0.5rem 0.0rem 0.5rem
}

.sideMenu ul.level1 > li > span.fav a,.sideMenu ul.level2 > li > span.fav a,.sideMenu ul.level3 > li > span.fav a {
  opacity: 0.2
}

.sideMenu ul.level1 > li > span.fav a:after,.sideMenu ul.level2 > li > span.fav a:after,.sideMenu ul.level3 > li > span.fav a:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -16rem -4rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.fav a:hover,.sideMenu ul.level2 > li > span.fav a:hover,.sideMenu ul.level3 > li > span.fav a:hover {
  opacity: 0.5
}

.sideMenu ul.level1 > li > span.fav.on a,.sideMenu ul.level2 > li > span.fav.on a,.sideMenu ul.level3 > li > span.fav.on a {
  opacity: 1
}

.sideMenu ul.level1 > li > span.fav.on a:hover,.sideMenu ul.level2 > li > span.fav.on a:hover,.sideMenu ul.level3 > li > span.fav.on a:hover {
  opacity: 0.7
}

.sideMenu ul.level1 > li > span.fav.on a:after,.sideMenu ul.level2 > li > span.fav.on a:after,.sideMenu ul.level3 > li > span.fav.on a:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -16rem -5rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.favFilter,.sideMenu ul.level2 > li > span.favFilter,.sideMenu ul.level3 > li > span.favFilter {
  width: 2rem;
  position: relative;
  padding: 0.75rem 0.5rem 0.0rem 0.5rem
}

.sideMenu ul.level1 > li > span.favFilter a,.sideMenu ul.level2 > li > span.favFilter a,.sideMenu ul.level3 > li > span.favFilter a {
  opacity: 0.2
}

.sideMenu ul.level1 > li > span.favFilter a:after,.sideMenu ul.level2 > li > span.favFilter a:after,.sideMenu ul.level3 > li > span.favFilter a:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 51.2rem 25.6rem;
  background-position: -20.8rem -6.4rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li > span.favFilter a:hover,.sideMenu ul.level2 > li > span.favFilter a:hover,.sideMenu ul.level3 > li > span.favFilter a:hover {
  opacity: 0.5
}

.sideMenu ul.level1 > li > span.favFilter.on a,.sideMenu ul.level2 > li > span.favFilter.on a,.sideMenu ul.level3 > li > span.favFilter.on a {
  opacity: 1
}

.sideMenu ul.level1 > li > span.favFilter.on a:hover,.sideMenu ul.level2 > li > span.favFilter.on a:hover,.sideMenu ul.level3 > li > span.favFilter.on a:hover {
  opacity: 0.7
}

.sideMenu ul.level1 > li > span.favFilter.on a:after,.sideMenu ul.level2 > li > span.favFilter.on a:after,.sideMenu ul.level3 > li > span.favFilter.on a:after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 51.2rem 25.6rem;
  background-position: -20.8rem -8rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > li.act .pageIndent,.sideMenu ul.level2 > li.act .pageIndent,.sideMenu ul.level3 > li.act .pageIndent {
  background-color: #ff944d
}

.sideMenu ul.level1 > li.act .link.bookmark:before,.sideMenu ul.level2 > li.act .link.bookmark:before,.sideMenu ul.level3 > li.act .link.bookmark:before {
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 83.2rem 41.6rem;
  background-position: -15.6rem -23.4rem;
  background-repeat: no-repeat
}

.sideMenu ul.level1 > div,.sideMenu ul.level2 > div,.sideMenu ul.level3 > div {
  box-sizing: border-box;
  padding: 0 0.5rem 0rem 0.5rem;
  color: white
}

.sideMenu ul.level1 > div.folded,.sideMenu ul.level2 > div.folded,.sideMenu ul.level3 > div.folded {
  height: 0;
  overflow: hidden;
  padding-bottom: 0
}

.sideMenu ul.level1 > div > ul,.sideMenu ul.level2 > div > ul,.sideMenu ul.level3 > div > ul {
  margin: 0;
  padding: 0.0rem 0;
  list-style: none
}

.sideMenu ul.level1 > div > ul > li,.sideMenu ul.level2 > div > ul > li,.sideMenu ul.level3 > div > ul > li {
  padding: 0.5rem 0 0.5rem 1rem;
  margin: 0;
  line-height: normal;
}

.sideMenu ul.level1 > div > ul > li a,.sideMenu ul.level2 > div > ul > li a,.sideMenu ul.level3 > div > ul > li a {
  position: relative;
  display: block
}

.sideMenu ul.level1 > div > ul > li a:before,.sideMenu ul.level2 > div > ul > li a:before,.sideMenu ul.level3 > div > ul > li a:before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0.1rem;
  left: -1rem;
  background-color: #ff944d;
  width: 0.5rem;
  height: 1rem
}

.sideMenu ul.level1 > div > ul > li a:link,.sideMenu ul.level2 > div > ul > li a:link,.sideMenu ul.level3 > div > ul > li a:link,.sideMenu ul.level1 > div > ul > li a:visited,.sideMenu ul.level2 > div > ul > li a:visited,.sideMenu ul.level3 > div > ul > li a:visited,.sideMenu ul.level1 > div > ul > li a:active,.sideMenu ul.level2 > div > ul > li a:active,.sideMenu ul.level3 > div > ul > li a:active {
  color: white
}

.sideMenu ul.level1 > div > ul > li a:hover,.sideMenu ul.level2 > div > ul > li a:hover,.sideMenu ul.level3 > div > ul > li a:hover {
  color: #ffd1b3
}

.sideMenu ul.level1 > div > ul > li a:hover:before,.sideMenu ul.level2 > div > ul > li a:hover:before,.sideMenu ul.level3 > div > ul > li a:hover:before {
  background-color: #ffd1b3
}

.sideMenu ul.level1 > div > ul > li a.more,.sideMenu ul.level2 > div > ul > li a.more,.sideMenu ul.level3 > div > ul > li a.more {
  text-align: right;
  padding-right: 1.8rem
}

.sideMenu ul.level1 > div > ul > li a.more:before,.sideMenu ul.level2 > div > ul > li a.more:before,.sideMenu ul.level3 > div > ul > li a.more:before {
  top: 50%;
  left: auto;
  right: 0;
  background-color: transparent;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 51.2rem 25.6rem;
  background-position: 0rem -20.8rem;
  background-repeat: no-repeat;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.sideMenu ul.level1 > div > ul > li a > span,.sideMenu ul.level2 > div > ul > li a > span,.sideMenu ul.level3 > div > ul > li a > span {
  display: block;
  font-size: 80%;
  opacity: 0.66
}

.sideMenu ul.level1 > div > ul > li a.instructors,.sideMenu ul.level2 > div > ul > li a.instructors,.sideMenu ul.level3 > div > ul > li a.instructors {
  font-weight: bold
}

.sideMenu ul.level1 > div > ul > li a.online:before,.sideMenu ul.level2 > div > ul > li a.online:before,.sideMenu ul.level3 > div > ul > li a.online:before {
  background-color: #44FF44
}

.sideMenu ul.level1 > div > ul > li.greyed,.sideMenu ul.level2 > div > ul > li.greyed,.sideMenu ul.level3 > div > ul > li.greyed {
  opacity: 0.66
}

.sideMenu ul.level1 > div > ul:last-child,.sideMenu ul.level2 > div > ul:last-child,.sideMenu ul.level3 > div > ul:last-child {
  padding-bottom: 0.5rem
}

.sideMenu ul.level1 > div > p:last-child,.sideMenu ul.level2 > div > p:last-child,.sideMenu ul.level3 > div > p:last-child {
  padding-bottom: 1rem
}

.sideMenu ul.level1 > div > p a,.sideMenu ul.level2 > div > p a,.sideMenu ul.level3 > div > p a {
  display: inline-block
}

.sideMenu ul.level1.folded,.sideMenu ul.level2.folded,.sideMenu ul.level3.folded {
  height: 0;
  overflow: hidden
}

.sideMenu ul.level1.level1:last-child,.sideMenu ul.level2.level1:last-child,.sideMenu ul.level3.level1:last-child {
  border-bottom: #808080 solid 1px
}

.sideMenu ul.level1.level1 > li,.sideMenu ul.level2.level1 > li,.sideMenu ul.level3.level1 > li {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 125%
}

.sideMenu ul.level1.level1 > li > span.link > a,.sideMenu ul.level2.level1 > li > span.link > a,.sideMenu ul.level3.level1 > li > span.link > a,.sideMenu ul.level1.level1 > li > span.link > span,.sideMenu ul.level2.level1 > li > span.link > span,.sideMenu ul.level3.level1 > li > span.link > span {
  padding: 0.5rem 0.5rem
}

.sideMenu ul.level1.level2 > li,.sideMenu ul.level2.level2 > li,.sideMenu ul.level3.level2 > li {
  font-weight: 500;
  font-size: 100%
}

.sideMenu ul.level1.level2 > li > span.link > a,.sideMenu ul.level2.level2 > li > span.link > a,.sideMenu ul.level3.level2 > li > span.link > a,.sideMenu ul.level1.level2 > li > span.link > span,.sideMenu ul.level2.level2 > li > span.link > span,.sideMenu ul.level3.level2 > li > span.link > span {
  padding: 0.25rem 0.5rem
}

.sideMenu ul.level1.level3 > li,.sideMenu ul.level2.level3 > li,.sideMenu ul.level3.level3 > li {
  font-weight: normal;
  font-size: 80%
}

.sideMenu ul.level1.level3 > li > span.link > a,.sideMenu ul.level2.level3 > li > span.link > a,.sideMenu ul.level3.level3 > li > span.link > a,.sideMenu ul.level1.level3 > li > span.link > span,.sideMenu ul.level2.level3 > li > span.link > span,.sideMenu ul.level3.level3 > li > span.link > span {
  padding: 0.15rem 0.5rem
}

.sideMenu ul.level1.level3 > li.subheader > span.link,.sideMenu ul.level2.level3 > li.subheader > span.link,.sideMenu ul.level3.level3 > li.subheader > span.link {
  padding: 0.15rem 0.5rem;
  font-weight: 700
}

.sideMenu ul.level1.level3 > li.subheader:hover,.sideMenu ul.level2.level3 > li.subheader:hover,.sideMenu ul.level3.level3 > li.subheader:hover {
  background-color: transparent
}

.sideMenu ul.level1.level2 > li .read:after,.sideMenu ul.level2.level2 > li .read:after,.sideMenu ul.level3.level2 > li .read:after {
  top: 0.66rem
}

.sideMenu ul.level1 .act .lessonNumber,.sideMenu ul.level2 .act .lessonNumber,.sideMenu ul.level3 .act .lessonNumber {
  background-color: #ff944d;
  color: black
}

.sideMenu ul.level1 .act > a,.sideMenu ul.level2 .act > a,.sideMenu ul.level3 .act > a,.sideMenu ul.level1 .act > .link > a,.sideMenu ul.level2 .act > .link > a,.sideMenu ul.level3 .act > .link > a {
  font-weight: 700
}

.sideMenu ul.level1 .act > a:link,.sideMenu ul.level2 .act > a:link,.sideMenu ul.level3 .act > a:link,.sideMenu ul.level1 .act > .link > a:link,.sideMenu ul.level2 .act > .link > a:link,.sideMenu ul.level3 .act > .link > a:link,.sideMenu ul.level1 .act > a:visited,.sideMenu ul.level2 .act > a:visited,.sideMenu ul.level3 .act > a:visited,.sideMenu ul.level1 .act > .link > a:visited,.sideMenu ul.level2 .act > .link > a:visited,.sideMenu ul.level3 .act > .link > a:visited,.sideMenu ul.level1 .act > a:active,.sideMenu ul.level2 .act > a:active,.sideMenu ul.level3 .act > a:active,.sideMenu ul.level1 .act > .link > a:active,.sideMenu ul.level2 .act > .link > a:active,.sideMenu ul.level3 .act > .link > a:active {
  color: #ff944d
}

.sideMenu ul.level1 .act > a:hover,.sideMenu ul.level2 .act > a:hover,.sideMenu ul.level3 .act > a:hover,.sideMenu ul.level1 .act > .link > a:hover,.sideMenu ul.level2 .act > .link > a:hover,.sideMenu ul.level3 .act > .link > a:hover {
  color: #ffd1b3
}

.sideMenu ul.level1 .inactive:hover,.sideMenu ul.level2 .inactive:hover,.sideMenu ul.level3 .inactive:hover {
  background-color: transparent;
  transition: all 0.5s ease 0s
}

.sideMenu ul.level1 .inactive span,.sideMenu ul.level2 .inactive span,.sideMenu ul.level3 .inactive span,.sideMenu ul.level1 .inactive .lessonNumber,.sideMenu ul.level2 .inactive .lessonNumber,.sideMenu ul.level3 .inactive .lessonNumber,.sideMenu ul.level1 .inactive a:link,.sideMenu ul.level2 .inactive a:link,.sideMenu ul.level3 .inactive a:link {
  color: rgba(255,255,255,0.5)
}

#menu-tools .sideMenu ul.level1 > li > span.exp {
  width: 3rem
}

.accordion .accordionItem > div {
  overflow: hidden;
  height: 0
}

.accordion .accordionItem.unfolded > div {
  height: auto
}

.accordion .accordionItem header a {
  display: block
}

.accordion .accordionItem header a .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.accordion .accordionItem header a .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.accordion .accordionItem header a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.accordion .accordionItem header a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.accordion .accordionItem header a:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.accordion .accordionItem header a .button {
  margin-top: 0.3rem
}

@media screen and (max-width: 600px) {
  .accordion .accordionItem header a {
      padding:0 2rem 0 0;
      position: relative
  }

  .accordion .accordionItem header a .button {
      position: absolute;
      top: -0.1rem;
      right: 0;
      margin-top: 0
  }
}

.expandable > header {
  -webkit-transition: padding 0.5s,-webkit-transform 2s;
  transition: padding 0.5s
}

.expandable > header > h1 > a {
  display: block
}

.expandable > header > h1 > a .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.expandable > header > h1 > a .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.expandable > header > h1 > a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h1 > a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h1 > a:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.expandable > header > h1 > a .button {
  width: 3rem;
  height: 3rem;
  margin-top: 0rem
}

.expandable > header > h1 > a .button.plus:after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -19.5rem -12rem;
  background-repeat: no-repeat
}

.expandable > header > h1 > a .button.minus:after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -21rem -12rem;
  background-repeat: no-repeat
}

.expandable > header > h2 {
  padding: 1rem 0
}

.expandable > header > h2 > a {
  display: block
}

.expandable > header > h2 > a .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.expandable > header > h2 > a .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.expandable > header > h2 > a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h2 > a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h2 > a:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.expandable > header > h2 > a .button {
  width: 2rem;
  height: 2rem;
  margin-top: 0.5rem
}

.expandable > header > h2 > a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h2 > a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h3 > a {
  display: block
}

.expandable > header > h3 > a .button {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  float: right;
  background-color: rgba(128,128,128,0.5);
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

.expandable > header > h3 > a .button:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.expandable > header > h3 > a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h3 > a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h3 > a:hover .button {
  background-color: rgba(128,128,128,0.4)
}

.expandable > header > h3 > a .button {
  width: 2rem;
  height: 2rem
}

.expandable > header > h3 > a .button.plus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -13rem -8rem;
  background-repeat: no-repeat
}

.expandable > header > h3 > a .button.minus:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -14rem -8rem;
  background-repeat: no-repeat
}

@media screen and (max-width: 600px) {
  .expandable > header > h1 > a .button {
      width:2.4rem;
      height: 2.4rem;
      margin-top: 0rem
  }

  .expandable > header > h1 > a .button.plus:after {
      display: inline-block;
      width: 1rem;
      height: 1rem;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-size: 32rem 16rem;
      background-position: -13rem -8rem;
      background-repeat: no-repeat
  }

  .expandable > header > h1 > a .button.minus:after {
      display: inline-block;
      width: 1rem;
      height: 1rem;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-size: 32rem 16rem;
      background-position: -14rem -8rem;
      background-repeat: no-repeat
  }

  .expandable > header > h2 > a .button,.expandable > header h3 > a .button {
      margin-top: -0.25rem
  }
}

#content .content {
}

#content .content:not(.pageHeader) {
  padding-top: 1rem;
  padding-bottom: 1rem
}

#content .content:first-child {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

#content .content.text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

#content .content h1 .submitButton {
  float: right;
  line-height: normal
}

#content .content h2,#content .content h3,#content .content h4 {
  text-transform: none
}

#content .content h2 .submitButton,#content .content h3 .submitButton,#content .content h4 .submitButton {
  float: right;
  line-height: normal
}

#content .content .info {
  padding-left: 1rem;
  padding-right: 1rem
}

#content .content .info.small > div:nth-child(1) {
  width: 2rem
}

#content .content .info.small > div:nth-child(2) {
  vertical-align: middle
}

#content .content .info.small > div:nth-child(2) h3:not(:last-child) {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding: 0.5rem 0;
  padding-top: 0.25rem
}

#content .content .add {
  padding-top: 1rem;
  padding-bottom: 1rem
}

#content .content.pageHeader .wrapper {
  border-bottom-style: solid;
  border-width: 0.125rem;
  border-color: #bfbfbf
}

#content .content.pageHeader nav {
  float: right;
  display: table;
  width: 4rem
}

#content .content.pageHeader nav > span {
  display: table-cell;
  width: 2rem
}

#content .content.pageHeader nav > span:last-child {
  padding-left: 2rem
}

#content .content.pageHeader nav > span > a,#content .content.pageHeader nav > span > span {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: relative;
  transition: all 0.5s ease 0s,font-size 1ms
}

#content .content.pageHeader nav > span > a:after,#content .content.pageHeader nav > span > span:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transition: all 0.5s ease 0s,font-size 1ms
}

#content .content.pageHeader nav > span > a:hover:after {
  opacity: 0.75
}

#content .content.pageHeader nav > span.prev > a:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -48rem -30rem;
  background-repeat: no-repeat
}

#content .content.pageHeader nav > span.next > a:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -30rem;
  background-repeat: no-repeat
}

#content .content.pageHeader nav > span.prev > span:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -48rem -33rem;
  background-repeat: no-repeat;
  opacity: 0.25
}

#content .content.pageHeader nav > span.next > span:after {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -33rem;
  background-repeat: no-repeat;
  opacity: 0.25
}

#content .content.pageHeader nav > span.back {
  width: auto
}

#content .content.pageHeader nav > span.back > a {
  width: auto
}

#content .content.pagePager nav {
  display: table;
  width: 100%
}

#content .content.pagePager nav > span {
  display: table-cell
}

#content .content.pagePager nav > span > a {
  display: inline-table;
  transition: all 0.5s ease 0s,font-size 1ms
}

#content .content.pagePager nav > span > a:link,#content .content.pagePager nav > span > a:visited,#content .content.pagePager nav > span > a:active {
  color: black
}

#content .content.pagePager nav > span > a:hover {
  color: #cc5200
}

#content .content.pagePager nav > span > a > span {
  display: table-cell;
  vertical-align: middle
}

#content .content.pagePager nav > span.prev {
  text-align: left
}

#content .content.pagePager nav > span.prev > a > span:first-child {
  display: table-cell;
  width: 3rem;
  height: 3rem;
  position: relative
}

#content .content.pagePager nav > span.prev > a > span:first-child:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transition: all 0.5s ease 0s,font-size 1ms;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -48rem -30rem;
  background-repeat: no-repeat
}

#content .content.pagePager nav > span.next {
  text-align: right
}

#content .content.pagePager nav > span.next > a > span:last-child {
  display: table-cell;
  width: 3rem;
  height: 3rem;
  position: relative
}

#content .content.pagePager nav > span.next > a > span:last-child:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transition: all 0.5s ease 0s,font-size 1ms;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: 0rem -30rem;
  background-repeat: no-repeat
}

#content .content .back {
  text-align: left;
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1rem;
  width: auto
}

#content .content .back > a {
  display: table;
  color: black;
  position: relative;
  width: auto;
  height: 3rem
}

#content .content .back > a > span {
  display: table-cell;
  vertical-align: middle
}

#content .content .back > a > span:first-child {
  width: 3rem;
  height: 3rem
}

#content .content .back > a > span:first-child:after {
  content: " ";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -48rem -30rem;
  background-repeat: no-repeat
}

#content .content .tab {
  padding: 1.5rem 2rem;
  margin: 0.5rem 0
}

#content .content .tab.gray {
  background-color: #e6e6e6
}

#content .content .tab.orange {
  background-color: #ff944d
}

#content .content .tab.yellow {
  background-color: #fff599
}

#content .content .header2 {
  font-weight: 700;
  color: #993300;
}

#content .content.image > .wrapper > p,#content .content.form fieldset.image > p {
  text-align: center
}

#content .content.image > .wrapper > p:first-of-type > span,#content .content.form fieldset.image > p:first-of-type > span {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden
}

#content .content.image > .wrapper > p:first-of-type > span > span,#content .content.form fieldset.image > p:first-of-type > span > span {
  position: absolute;
  display: block;
  top: -1rem;
  bottom: -1rem;
  left: -1rem;
  right: -1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
  z-index: -1;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px)
}

#content .content.image > .wrapper > p:first-of-type > span > img,#content .content.form fieldset.image > p:first-of-type > span > img {
  display: inline-block;
  max-width: 100%;
  z-index: 5
}

#content .content.flash div.flash {
  background: -moz-linear-gradient(left,#e6e6e6 0%,#ffffff 15%,#ffffff 85%,#e6e6e6 100%);
  background: -webkit-linear-gradient(left,#e6e6e6 0%,#ffffff 15%,#ffffff 85%,#e6e6e6 100%);
  background: linear-gradient(to right,#e6e6e6 0%,#ffffff 15%,#ffffff 85%,#e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBrightGray',endColorstr='@colorBrightGray',GradientType=1);
}

#content .content.flash p {
  text-align: center
}

#content .content.attention .info,#content .content.flash .info {
  background-color: #ff6600
}

#content .content.attention .info > div:first-child:before,#content .content.flash .info > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -16rem -32rem;
  background-repeat: no-repeat
}

#content .content.attention .info > div:last-child,#content .content.flash .info > div:last-child {
  color: white
}

#content .content.attention .info > div:last-child a:link,#content .content.flash .info > div:last-child a:link,#content .content.attention .info > div:last-child a:visited,#content .content.flash .info > div:last-child a:visited,#content .content.attention .info > div:last-child a:active,#content .content.flash .info > div:last-child a:active {
  color: black
}

#content .content.attention .info > div:last-child a:hover,#content .content.flash .info > div:last-child a:hover {
  color: #404040
}

#content .content.exercise .info {
  background-color: #e6e6e6
}

#content .content.exercise .info > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -20rem -12rem;
  background-repeat: no-repeat
}

#content .content.download_a .info {
  background-color: #e6e6e6
}

#content .content.download_a .info > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -20rem -28rem;
  background-repeat: no-repeat
}

#content .content.download .wrapper > div:first-child,#content .content.video .wrapper > div:first-child {
  background-color: #e6e6e6;
  padding: 1rem;
  position: relative
}

#content .content.download .wrapper > div:first-child > a.playButton,#content .content.video .wrapper > div:first-child > a.playButton,#content .content.download .wrapper > div:first-child > a.downloadButton,#content .content.video .wrapper > div:first-child > a.downloadButton {
  display: table
}

#content .content.download .wrapper > div:first-child > a.playButton > span,#content .content.video .wrapper > div:first-child > a.playButton > span,#content .content.download .wrapper > div:first-child > a.downloadButton > span,#content .content.video .wrapper > div:first-child > a.downloadButton > span {
  display: table-cell;
  vertical-align: middle
}

#content .content.download .wrapper > div:first-child > a.playButton > span:first-child,#content .content.video .wrapper > div:first-child > a.playButton > span:first-child,#content .content.download .wrapper > div:first-child > a.downloadButton > span:first-child,#content .content.video .wrapper > div:first-child > a.downloadButton > span:first-child {
  padding-right: 1rem;
  vertical-align: top;
  width: 4rem;
  height: 4rem
}

#content .content.download .wrapper > div:first-child > a.playButton > span:first-child:before,#content .content.video .wrapper > div:first-child > a.playButton > span:first-child:before,#content .content.download .wrapper > div:first-child > a.downloadButton > span:first-child:before,#content .content.video .wrapper > div:first-child > a.downloadButton > span:first-child:before {
  content: ' '
}

#content .content.download .wrapper > div:first-child > a.playButton > span:last-child,#content .content.video .wrapper > div:first-child > a.playButton > span:last-child,#content .content.download .wrapper > div:first-child > a.downloadButton > span:last-child,#content .content.video .wrapper > div:first-child > a.downloadButton > span:last-child {
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0
}

#content .content.download .wrapper > div:first-child > a.playButton > span:last-child > span,#content .content.video .wrapper > div:first-child > a.playButton > span:last-child > span,#content .content.download .wrapper > div:first-child > a.downloadButton > span:last-child > span,#content .content.video .wrapper > div:first-child > a.downloadButton > span:last-child > span {
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  color: #808080
}

#content .content.download .wrapper > div:first-child > a.foldButton,#content .content.video .wrapper > div:first-child > a.foldButton {
  position: absolute;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  right: 1rem;
  top: 1rem;
  display: none
}

#content .content.download .wrapper > div:first-child > a.foldButton:before,#content .content.video .wrapper > div:first-child > a.foldButton:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -27rem -30rem;
  background-repeat: no-repeat
}

#content .content.download .wrapper > div:first-child > div,#content .content.video .wrapper > div:first-child > div {
  padding-left: 5rem
}

#content .content.download .wrapper > div:first-child .buttons,#content .content.video .wrapper > div:first-child .buttons {
  position: absolute;
  display: block;
  width: 15rem;
  top: 1.5rem;
  right: 1.5rem;
  height: 3rem;
  text-align: right;
  padding: 0
}

#content .content.download .wrapper > div:first-child .buttons a,#content .content.video .wrapper > div:first-child .buttons a {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0,0,0,0.1);
  margin-left: 1rem;
  position: relative;
  display: inline-block
}

#content .content.download .wrapper > div:first-child .buttons a:hover,#content .content.video .wrapper > div:first-child .buttons a:hover {
  background-color: rgba(0,0,0,0.2)
}

#content .content.download .wrapper > div:first-child .buttons a:before,#content .content.video .wrapper > div:first-child .buttons a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.5
}

#content .content.download .wrapper > div:first-child .buttons a:first-child,#content .content.video .wrapper > div:first-child .buttons a:first-child {
  margin: 0
}

#content .content.download .wrapper > div:first-child .buttons a.download:before,#content .content.video .wrapper > div:first-child .buttons a.download:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -22rem -14rem;
  background-repeat: no-repeat
}

#content .content.download .wrapper > div:first-child .buttons a.delete:before,#content .content.video .wrapper > div:first-child .buttons a.delete:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -24rem -6rem;
  background-repeat: no-repeat
}

#content .content.download .wrapper > div:first-child .buttons a.fold:before,#content .content.video .wrapper > div:first-child .buttons a.fold:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -18rem -22rem;
  background-repeat: no-repeat
}

#content .content.download .wrapper > div.flowplayerWrapper:not(.open),#content .content.video .wrapper > div.flowplayerWrapper:not(.open) {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: all 0.5s ease 0s,font-size 1ms
}

#content .content.download .wrapper > div.flowplayerWrapper:not(.open) > div.flowplayerContainer,#content .content.video .wrapper > div.flowplayerWrapper:not(.open) > div.flowplayerContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

#content .content.download .wrapper > div.flowplayerWrapper:not(.open) > div.flowplayerContainer > .flowplayer,#content .content.video .wrapper > div.flowplayerWrapper:not(.open) > div.flowplayerContainer > .flowplayer {
  background-color: #e6e6e6;
  max-width: 100%;
  padding: 0
}

#content .content.download .info:not(.warning),#content .content.video .info:not(.warning) {
  background-color: #e6e6e6
}

#content .content.download > .wrapper > div > a > span:first-child:before,#content .content.download .info:not(.warning) > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -20rem -24rem;
  background-repeat: no-repeat
}

#content .content.video .info:not(.warning) > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -4rem -40rem;
  background-repeat: no-repeat
}

#content .content.video > .wrapper > div > a > span:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -4rem -40rem;
  background-repeat: no-repeat
}

#content .content.video > .wrapper > div > a.pause > span:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -8rem -40rem;
  background-repeat: no-repeat
}

#content .content.audio > div > div:not(.mejs-audio) {
  padding: 1rem;
  background-color: #e6e6e6;
  margin-top: 0.125rem
}

#content .content.multiaudio audio {
  width: 100%
}

#content .content.multiaudio .files {
  display: table;
  background-color: #e6e6e6;
  width: 100%
}

#content .content.multiaudio .files > a,#content .content.multiaudio .files > button,#content .content.multiaudio .files > div {
  display: table-row;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 100%
}

#content .content.multiaudio .files > a:hover,#content .content.multiaudio .files > button:hover,#content .content.multiaudio .files > div:hover {
  background-color: #cccccc
}

#content .content.multiaudio .files > a.act,#content .content.multiaudio .files > button.act,#content .content.multiaudio .files > div.act {
  background-color: #ff944d
}

#content .content.multiaudio .files > a > span,#content .content.multiaudio .files > button > span,#content .content.multiaudio .files > div > span {
  color: black;
  margin-top: 0.125rem;
  display: table-cell;
  padding: 1rem;
  border-top: white solid 0.125rem;
  vertical-align: middle
}

#content .content.multiaudio .files > a > span:first-child,#content .content.multiaudio .files > button > span:first-child,#content .content.multiaudio .files > div > span:first-child {
  border-right: white solid 0.125rem;
  width: 6rem;
  min-width: 6rem;
  text-align: center;
  font-family: 'webfontLTCN',Helvetica,Arial;
  font-size: 2.6rem;
  line-height: 2rem;
  padding: 0.5rem 1rem
}

#content .content.multiaudio .files > a > span:last-child,#content .content.multiaudio .files > button > span:last-child,#content .content.multiaudio .files > div > span:last-child {
  width: 100%
}

#content .content.form .info:not(.warning):not(.gradientYellow):not(.gradientGreen) {
  background-color: #e6e6e6
}

#content .content.form .info:not(.warning):not(.gradientYellow):not(.gradientGreen) > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -72rem -44rem;
  background-repeat: no-repeat
}

#content .content.form form {
  position: relative
}

#content .content.form form .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 500;
  background-color: #e6e6e6
}

#content .content.form form .cover:before {
  content: ' ';
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  background-image: url(./img/loading.gif);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#content .content.form .score {
  background-color: #ff6600;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  padding: 1rem;
  color: white;
  text-align: center
}

#content .content.form .score.hidden {
  display: none
}

#content .content.form .score .normal {
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  padding: 0.5rem 0 0.5rem 0;
  margin: 0
}

#content .content.form fieldset.warning {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

#content .content.form fieldset input[type=text],#content .content.form fieldset textarea,#content .content.form fieldset select {
  background-color: white;
  border: #BBBBBB solid 1px;
  width: 100%;
  text-transform: none
}

#content .content.form fieldset > .answers {
  display: table;
  width: 100%
}

#content .content.form fieldset > .answers > div {
  display: table-row;
  width: 100%
}

#content .content.form fieldset > .answers > div.correct {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

#content .content.form fieldset > .answers > div.wrong {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

#content .content.form fieldset > .answers > div > div {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  width: 100%
}

#content .content.form fieldset > .answers > div > div.radio {
  width: 2.8rem;
  padding-top: 0.4rem
}

#content .content.form fieldset > .answers > div > div.correct {
  color: #3a9850;
  font-weight: 700
}

#content .content.form fieldset > .answers > div > div.horizontal {
  text-align: center
}

#content .content.form fieldset > .answers > div > div.horizontal.correct {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

#content .content.form fieldset > .answers > div > div.horizontal.wrong {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

#content .content.form fieldset > .answers > div > div.horizontal > div.radio {
  padding-top: 0.5rem
}

#content .content.form fieldset > .answers > div > div.horizontal > div.radio span.radio {
  float: none;
  display: inline-block;
  margin: 0
}

#content .content.form fieldset > .answers > div > div.horizontal > div.correct {
  color: #3a9850;
  font-weight: 700
}

#content .content.assignment .info:not(.warning),#content .content.assignment_t .info:not(.warning),#content .content.assignment_f .info:not(.warning),#content .content.assignment_s .info:not(.warning),#content .content.assignment_b .info:not(.warning),#content .content.assignment_e .info:not(.warning),#content .content.assignment_d .info:not(.warning),#content .content.assignment_r .info:not(.warning),#content .content.assignment_l .info:not(.warning),#content .content.tutorial_1-2-1 .info:not(.warning) {
  background-color: #e6e6e6
}

#content .content.assignment .info:not(.warning) > div:first-child:before,#content .content.assignment_t .info:not(.warning) > div:first-child:before,#content .content.assignment_f .info:not(.warning) > div:first-child:before,#content .content.assignment_s .info:not(.warning) > div:first-child:before,#content .content.assignment_b .info:not(.warning) > div:first-child:before,#content .content.assignment_e .info:not(.warning) > div:first-child:before,#content .content.assignment_d .info:not(.warning) > div:first-child:before,#content .content.assignment_r .info:not(.warning) > div:first-child:before,#content .content.assignment_l .info:not(.warning) > div:first-child:before,#content .content.tutorial_1-2-1 .info:not(.warning) > div:first-child:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -20rem -12rem;
  background-repeat: no-repeat
}

#content .content .userComments.hidden {
  display: none
}

#content .content .userComments .userPost {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-style: solid;
  border-width: 0.125rem;
  border-color: #bfbfbf
}

#content .content .userComments .userPost.reply,#content .content .userComments .userPost.level2 {
  padding-left: 6rem
}

#content .content .userComments .userPost.internal {
  background: repeating-linear-gradient(135deg,rgba(0,0,0,0.025),rgba(0,0,0,0.025) 20px,rgba(0,0,0,0) 20px,rgba(0,0,0,0) 40px)
}

#content .content .userComments .userPost.internal > * {
  opacity: 0.5
}

#content .content .userComments .userPost.stashed > * {
  opacity: 0.5
}

#content .content .userComments .userPost.release {
  background: repeating-linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,0) 20px,rgba(153,234,153,0.25) 20px,rgba(153,234,153,0.25) 40px)
}

#content .content .userComments .userPost.assessment {
  background: repeating-linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,0) 20px,rgba(171,208,227,0.25) 20px,rgba(171,208,227,0.25) 40px)
}

#content .content .userComments .userPost.moderation {
  background: repeating-linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,0) 20px,rgba(245,217,103,0.34) 20px,rgba(245,217,103,0.34) 40px)
}

#content .content .userComments .userPost.highlighted {
  background: rgba(255,102,0,0.1)
}

#content .content .userComments .userPost > div {
  display: table;
  width: 100%
}

#content .content .userComments .userPost > div > div {
  display: table-cell;
  vertical-align: middle
}

#content .content .userComments .userPost > div > div:nth-child(1) {
  padding-right: 1rem;
  width: 6rem
}

#content .content .userComments .userPost > div.userInfo > div:nth-child(1) img {
  width: 5rem;
  height: 5rem
}

#content .content .userComments .userPost > div.userInfo > div:nth-child(2) {
  font-weight: bold
}

#content .content .userComments .userPost > div.userInfo > div:nth-child(3) {
  text-align: right
}

#content .content .userComments .userPost > div .text {
  vertical-align: top
}

#content .content .userComments .userPost > div .text-original {
  display: none
}

#content .content .userComments .userPost > div .form input[type=text],#content .content .userComments .userPost > div .form textarea,#content .content .userComments .userPost > div .form select {
  background-color: white;
  border: #BBBBBB solid 1px;
  font-size: 1rem;
  width: 100%
}

#content .content .userComments .userPost > div .form input[type=text][name=title],#content .content .userComments .userPost > div .form textarea[name=title],#content .content .userComments .userPost > div .form select[name=title] {
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0.5rem 0;
  text-transform: none;
  padding: 0;
  margin: 0.5rem 0
}

#content .content .userComments .userPost > div .tools {
  vertical-align: top
}

#content .content .userComments .userPost > div .tools .status {
  margin-top: 0.9rem;
  background-color: rgba(0,0,0,0.1);
  text-align: center;
  font-size: 70%;
  color: black;
  text-transform: uppercase;
  width: 100%
}

#content .content .userComments .userPost > div .tools .status.online {
  background-color: #090;
  color: white
}

#content .content .userComments .userPost > div .tools .likes {
  margin-top: 0.9rem;
  text-align: center;
  font-size: 70%;
  color: black;
  text-transform: uppercase;
  width: 100%
}

#content .content .userComments .userPost > div .tools .likes span:first-child {
  width: 1rem;
  margin-right: 0.2rem;
  height: 0.6rem;
  position: relative;
  display: inline-block
}

#content .content .userComments .userPost > div .tools .likes span:first-child:after {
  opacity: 1;
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 32rem 16rem;
  background-position: -6rem -11rem;
  background-repeat: no-repeat
}

#content .content .userComments .userPost > div .tools .buttons {
  position: relative;
  margin-top: 0.75rem;
  height: 2rem
}

#content .content .userComments .userPost > div .tools .buttons a {
  position: absolute;
  top: 0
}

#content .content .userComments .userPost > div .tools .buttons a.edit,#content .content .userComments .userPost > div .tools .buttons a.save {
  left: 0
}

#content .content .userComments .userPost > div .tools .buttons a.pin {
  left: 1.4rem
}

#content .content .userComments .userPost > div .tools .buttons a.delete,#content .content .userComments .userPost > div .tools .buttons a.cancel {
  right: 0
}

#content .content .nestedReplies {
  overflow: hidden;
  height: 0
}

#content .content .nestedReplies.unfolded {
  height: auto
}

#content .content .attachments {
  padding: 0.5rem 0 0.5rem 2rem
}

#content .content .attachments a,#content .content .attachments span {
  display: inline-block;
  position: relative;
  font-weight: bold
}

#content .content .attachments a:before,#content .content .attachments span:before {
  position: absolute;
  left: -2rem;
  content: ''
}

#content .content .attachments a > span,#content .content .attachments span > span {
  font-weight: normal;
  color: #808080
}

#content .content .attachments > a:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -15rem -3rem;
  background-repeat: no-repeat
}

#content .content .attachments > span {
  opacity: 0.5
}

#content .content .attachments > span:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -15rem -4.5rem;
  background-repeat: no-repeat
}

#content .content .links {
  padding: 0.5rem 0 0.5rem 0;
  display: table;
  width: 100%
}

#content .content .links > div {
  display: table-cell;
  width: 33%;
  text-align: center
}

#content .content .links > div > * {
  margin-left: auto;
  margin-right: auto
}

#content .content .links > div:first-child {
  text-align: left
}

#content .content .links > div:first-child > * {
  margin-right: auto;
  margin-left: 0px
}

#content .content .links > div:last-child {
  text-align: right
}

#content .content .links > div:last-child > * {
  margin-left: auto;
  margin-right: 0px
}

#content .content .links a,#content .content .links span.likeLink {
  display: table;
  position: relative;
  font-weight: bold;
  margin: auto
}

#content .content .links a > span,#content .content .links span.likeLink > span {
  display: table-cell;
  height: 2rem;
  vertical-align: middle
}

#content .content .links a.replyCount > span:first-child {
  padding-right: 0.5rem
}

#content .content .links a.replyCount > span:nth-child(2) {
  background-color: #ff944d;
  color: black;
  width: 2rem;
  text-align: center;
  font-size: 120%
}

#content .content .links a.replyCount > span:nth-child(3) {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

#content .content .links a.replyCount > span:last-child {
  width: 2rem;
  text-align: center;
  position: relative
}

#content .content .links a.replyCount > span:last-child:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#content .content .links a.replyCount.show > span:first-child:before {
  content: 'show'
}

#content .content .links a.replyCount.show > span:last-child:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -4rem -12rem;
  background-repeat: no-repeat
}

#content .content .links a.replyCount.hide > span:first-child:before {
  content: "hide"
}

#content .content .links a.replyCount.hide > span:last-child:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -18rem -20rem;
  background-repeat: no-repeat
}

#content .content .links a.likeLink > span:first-child,#content .content .links span.likeLink > span:first-child {
  width: 2rem;
  text-align: center;
  position: relative
}

#content .content .links a.likeLink > span:first-child:after,#content .content .links span.likeLink > span:first-child:after {
  opacity: 0.5;
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -9rem -16.5rem;
  background-repeat: no-repeat
}

#content .content .links a.likeLink.liked > span,#content .content .links span.likeLink.liked > span {
  font-size: 120%
}

#content .content .links a.likeLink.liked > span:first-child,#content .content .links span.likeLink.liked > span:first-child {
  background-color: #ff944d
}

#content .content .links a.likeLink.liked > span:first-child:after,#content .content .links span.likeLink.liked > span:first-child:after {
  opacity: 0.75;
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 48rem 24rem;
  background-position: -9rem -16.5rem;
  background-repeat: no-repeat
}

#content .content .links a.likeLink.liked > span:last-child,#content .content .links span.likeLink.liked > span:last-child {
  padding-left: 0.5rem
}

#content .content .links a.likeLink:hover > span:first-child:after {
  opacity: 1
}

#content .content .links a.replyLink > span:last-child {
  width: 2rem;
  text-align: center;
  position: relative
}

#content .content .links a.replyLink > span:last-child:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -20rem;
  background-repeat: no-repeat
}

#content .content .links a.showLink > span {
  padding-right: 0.5rem
}

#content .content .links a.showLink > span:last-child {
  width: 2rem;
  text-align: center;
  position: relative
}

#content .content .links a.showLink > span:last-child:after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -4rem -12rem;
  background-repeat: no-repeat
}

#content .content .tr.thread .td {
  vertical-align: middle
}

#content .content .tr.thread .td.title > div:nth-child(1) a {
  display: table
}

#content .content .tr.thread .td.title > div:nth-child(1) a > span {
  display: table-cell
}

#content .content .tr.thread .td.title > div:nth-child(1) a > span:nth-child(1) {
  position: relative;
  width: 2.5rem
}

#content .content .tr.thread .td.title > div:nth-child(1) a > span:nth-child(1):before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -16rem -4rem;
  background-repeat: no-repeat
}

#content .content .tr.thread .td.title > div:nth-child(1) a > span:nth-child(2) {
  padding: 0.25rem 0;
  font-weight: bold;
  font-size: 120%
}

#content .content .tr.thread .td.title > div:nth-child(2) {
  padding: 0.5rem 0 0.5rem 2.5rem
}

#content .content .tr.thread .td.title > div:nth-child(2) a {
  color: #404040
}

#content .content .tr.thread .td.title > div:nth-child(2) a:hover {
  color: #808080
}

#content .content .tr.thread .td.lastReply > div {
  display: table;
  width: 100%
}

#content .content .tr.thread .td.lastReply > div > div {
  display: table-cell;
  vertical-align: middle
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(1) > div {
  padding: 0.25rem 0
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(1) > div a {
  color: #404040
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(1) > div a:hover {
  color: #808080
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(2) {
  text-align: right
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(2) a {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  position: relative
}

#content .content .tr.thread .td.lastReply > div > div:nth-child(2) a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -20rem;
  background-repeat: no-repeat
}

#content .content .tr.thread.replied .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -18rem -4rem;
  background-repeat: no-repeat
}

#content .content .tr.thread.read .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.read .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -16rem -6rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .tr.thread.read.replied .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.read.replied .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -18rem -6rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .tr.thread.pinned .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.pinned .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -10rem -22rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .tr.thread.pinned.replied .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.pinned.replied .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -10rem -22rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .tr.thread.message.in .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -22rem -12rem;
  background-repeat: no-repeat
}

#content .content .tr.thread.message.in.read .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.message.in.read .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -22rem -14rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .tr.thread.message.out .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -12rem -4rem;
  background-repeat: no-repeat
}

#content .content .tr.thread.message.out.read .td:nth-child(1) > div:nth-child(1) a {
  color: #404040
}

#content .content .tr.thread.message.out.read .td:nth-child(1) > div:nth-child(1) a > span:nth-child(1):before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -12rem -6rem;
  background-repeat: no-repeat;
  opacity: 0.75
}

#content .content .classlist .td {
  vertical-align: middle
}

#content .content .classlist .tr.header .th:not(:first-child) {
  border-left: none
}

#content .content .classlist .tr.header .th:not(:last-child) {
  border-right: none
}

#content .content .classlist .userInfo {
  display: table;
  width: 100%
}

#content .content .classlist .userInfo > div {
  display: table-cell;
  vertical-align: middle
}

#content .content .classlist .userInfo > div:nth-child(1) {
  padding-right: 1rem;
  width: 6rem
}

#content .content .classlist .userInfo > div:nth-child(1) img {
  width: 5rem;
  height: 5rem
}

#content .content .classlist .userInfo > div:nth-child(2) {
  font-weight: bold
}

#content .content .classlist .online {
  background-color: #090;
  text-align: center;
  color: black;
  text-transform: uppercase;
  color: white;
  padding: 0.5rem 1rem
}

#content .content .studentInfo {
  line-height: 1.6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  width: 100%
}

#content .content .studentInfo > div:nth-child(1) {
  width: 33.3333%;
  flex-grow: 1
}

#content .content .studentInfo > div:nth-child(1) img {
  width: 100%
}

#content .content .studentInfo > div:nth-child(2) {
  flex-grow: 2;
  width: calc(66.6666% - 1rem)
}

#content .content .studentInfo .details {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem
}

#content .content .studentInfo .details > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

#content .content .studentInfo .details > div > div {
  vertical-align: middle
}

#content .content .studentInfo .details > div > div:nth-child(1) {
  width: 10rem
}

#content .content .studentInfo .details > div > div:nth-child(2) {
  font-weight: bold
}

#content .content .studentInfo .additional {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 1rem
}

#content .content .studentInfo .additional > div {
  width: calc(50% - 0.5rem)
}

#content .content .studentInfo .additional > div > div {
  padding: 0.5rem
}

#content .content .studentInfo .additional > div > div:nth-of-type(odd) {
  background-color: #cdcdcd;
  font-weight: bold
}

#content .content .studentInfo .additional > div > div:nth-of-type(even) {
  background-color: #e6e6e6;
  margin-bottom: 0.5rem
}

#content .content .studentInfo .about {
  display: block;
  padding: 1.2rem 0;
  border-top: solid 0.125rem #bfbfbf
}

#content .content .studentInfo .social {
  display: block;
  padding: 1.5rem 0 0 0;
  border-top: solid 0.125rem #bfbfbf
}

#content .content .studentInfo .social a {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background-color: rgba(0,0,0,0.1)
}

#content .content .studentInfo .social a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.5
}

#content .content .studentInfo .social a:hover:before {
  opacity: 0.75
}

#content .content .studentInfo .social a.facebook:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -72rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.twitter:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -75rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.instagram:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -78rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.youtube:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -81rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.soundcloud:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -84rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.linkedin:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -87rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .social a.bandcamp:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -90rem -9rem;
  background-repeat: no-repeat
}

#content .content .studentInfo .online {
  background-color: #090;
  text-align: center;
  color: black;
  text-transform: uppercase;
  color: white;
  padding: 0.5rem 1rem
}

#content .content #assignmentTable {
  position: relative
}

#content .content #assignmentTable select {
  display: none
}

#content .content #assignmentTable .ui-icon.ui-icon-triangle-1-s {
  display: none
}

#content .content #assignmentTable .ui-icon.submit {
  background: url("/img/admn/ico-register-present.png") 0 0 no-repeat
}

#content .content #assignmentTable .ui-selectmenu-button,#content .content #assignmentTable .ui-selectmenu-button:hover,#content .content #assignmentTable .ui-selectmenu-button:focus {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

#content .content #assignmentTable .ui-selectmenu-button.ui-button,#content .content #assignmentTable .ui-selectmenu-button:hover.ui-button,#content .content #assignmentTable .ui-selectmenu-button:focus.ui-button {
  width: 100%;
  height: 100%
}

#content .content #assignmentTable.loading {
  min-height: 30rem
}

#content .content #assignmentTable .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 500;
  background-color: #e6e6e6
}

#content .content #assignmentTable .cover:before {
  content: ' ';
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  background-image: url(./img/loading.gif);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#content .content .paginator {
  display: table;
  width: 100%
}

#content .content .paginator > div {
  display: table-cell;
  vertical-align: middle
}

#content .content .paginator > div:first-child {
  width: 80%
}

#content .content .paginator > div:last-child {
  width: 20%;
  text-align: right
}

#content .content .paginator > div a {
  display: block;
  float: left;
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 1px 2px 0 1px;
  background-color: rgba(0,0,0,0.1);
  color: black;
  font-family: 'webfontLTCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-align: center;
  padding: .5rem 0
}

#content .content .paginator > div a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

#content .content .paginator > div a.first:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -18rem -14rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a.prev10:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -14rem -14rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a.prev:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -32rem -22rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a.next:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: 0rem -22rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a.next10:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -16rem -14rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a.last:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 64rem 32rem;
  background-position: -20rem -14rem;
  background-repeat: no-repeat
}

#content .content .paginator > div a:hover {
  background-color: rgba(0,0,0,0.2)
}

#content .content .paginator > div a.act {
  background-color: #ff944d
}

#content:not(.coursenotes) .content {
}

#content:not(.coursenotes) .content:first-child {
  padding-top: 0;
  padding-bottom: 0
}

#content:not(.coursenotes) .content:first-child > .wrapper:first-child h1 {
  padding-top: 2.1rem;
  padding-bottom: 2.1rem
}

#content:not(.coursenotes) .content:not(.pageHeader) {
  padding-top: 0;
  padding-bottom: 0;
}

#content:not(.coursenotes) .content:not(.pageHeader) > div.wrapper:first-child {
  padding-top: 2.5rem
}

#content:not(.coursenotes) .content:not(.pageHeader) > div.wrapper:last-child {
  padding-bottom: 2.5rem
}

#content:not(.coursenotes) .content:not(.pageHeader) > header.wrapper {
  padding-top: 1.6rem
}

@media screen and (max-width: 900px) {
  #content .content.pageHeader nav {
      display:none
  }
}

@media screen and (max-width: 600px) {
  #content .content.pagePager nav > span.next > a > span:first-child {
      display:none
  }

  #content .content.pagePager nav > span.prev > a > span:last-child {
      display: none
  }
}

#content.titlePage {
  position: relative;
  height: 80rem
}

#content.titlePage .PBlogo {
  transition: none;
  display: inline-block;
  background: transparent;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-position: 0rem -5rem;
  background-size: 160rem 80rem;
  background-repeat: no-repeat;
  width: 26.25rem;
  height: 5rem;
  padding: 0;
  margin: 0;
  line-height: 0
}

#content.titlePage .lessonHeader {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,'-50%');
  -ms-transform: translate(0,'-50%');
  transform: translate(0,'-50%')
}

#content.titlePage .lessonHeader H1 {
  font-size: 5rem;
  line-height: 6rem
}

#content.titlePage .lessonHeader H2 {
  font-size: 3rem;
  line-height: 4rem
}

@media screen and (max-width: 900px) {
  #frameMain > div #menu-syllabus {
      right:-100%;
      width: 100%;
      padding-right: 0%
  }

  #frameMain > div #menu-tools {
      position: absolute;
      left: -100%;
      width: 100%;
      padding-left: 0%
  }

  #frameMain > div #menu-myhome {
      display: block;
      position: absolute;
      right: -100%;
      width: 100%;
      padding-right: 0%
  }

  #frameMain > div #menu-notifications {
      display: block;
      position: absolute;
      left: -100%;
      width: 100%;
      padding-left: 0%
  }

  .topMenu {
      padding: 0.5rem 1%
  }

  .topMenu #desktopNav {
      display: none
  }

  .topMenu #mobileNav {
      display: table-cell
  }

  #breadcrumb {
      padding: 0 1vh 0;
  }

  #breadcrumb ul {
      padding-left: 0;
  }

  #breadcrumb nav {
      display: none
  }

  .content {
      padding: 0rem 0.5rem
  }

  .content .headerLeft > header {
      float: none;
      width: 100%;
      padding-right: 0
  }

  .content .headerLeft > div {
      float: none;
      width: 100%;
      padding-left: 0
  }
}

@media screen and (max-width: 600px) {
  .content {
      padding:0rem 0.5rem 0
  }

  .content.black > div:first-child,.content.white > div:first-child {
      padding-top: 1rem
  }

  .content .headerTop {
      padding-top: 0.5rem
  }

  .content > :first-child {
      padding-top: 1rem
  }

  .content > :last-child {
      padding-bottom: 1rem
  }
}

@media screen and (max-width: 480px) {
  .topMenu > div.PBlogo {
      width:auto
  }

  .topMenu > div.PBlogo a {
      transition: none;
      display: inline-block;
      background: transparent;
      background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
      background-position: 0rem -3rem;
      background-size: 96rem 48rem;
      background-repeat: no-repeat;
      width: 3rem;
      height: 3rem;
      padding: 0;
      margin: 0;
      line-height: 0
  }
}

.mejs-audio .mejs-controls {
  background-image: none;
  background-color: #e6e6e6;
  border: none;
  height: 6rem
}

.mejs-audio .mejs-controls > div {
  width: 4rem;
  height: 4rem;
  font-family: 'webfontLTCN',Helvetica,Arial;
  font-size: 2rem;
  line-height: 2rem
}

.mejs-audio .mejs-controls .mejs-button button {
  background-image: none;
  margin: 0;
  width: 4rem;
  height: 4rem
}

.mejs-audio .mejs-controls .mejs-button button:before {
  content: ' '
}

.mejs-audio .mejs-controls .mejs-button button:focus {
  outline: none
}

.mejs-audio .mejs-controls .mejs-time {
  color: #000
}

.mejs-audio .mejs-controls .mejs-time span {
  font-size: 2.6rem;
  line-height: 2.6rem;
  color: #000;
  margin: 1rem
}

.mejs-audio .mejs-controls .mejs-play {
  margin: 1rem
}

.mejs-audio .mejs-controls .mejs-play button:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -4rem -40rem;
  background-repeat: no-repeat
}

.mejs-audio .mejs-controls .mejs-pause {
  margin: 1rem
}

.mejs-audio .mejs-controls .mejs-pause button:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -8rem -40rem;
  background-repeat: no-repeat
}

.mejs-audio .mejs-controls .mejs-stop button:before {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 128rem 64rem;
  background-position: -12rem -40rem;
  background-repeat: no-repeat
}

.mejs-container .mejs-controls .mejs-time {
  padding: 0.7rem 0;
  height: 4rem
}

.mejs-audio div.mejs-time-rail {
  padding-top: 2rem
}

.mejs-audio .mejs-time-rail span {
  height: 2rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px
}

.mejs-audio .mejs-time-rail .mejs-time-total {
  margin: 0;
  background-image: none;
  background-color: white
}

.mejs-audio .mejs-time-rail .mejs-time-loaded {
  background-image: none;
  background-color: rgba(255,102,0,0.5);
  width: 0
}

.mejs-audio .mejs-time-rail .mejs-time-current {
  background-image: none;
  background-color: #ff6600;
  width: 0
}

.mejs-audio .mejs-time-rail .mejs-time-float {
  height: 3rem;
  padding: 0.5rem;
  margin: 0;
  margin-left: -2.5rem;
  width: 4.5rem;
  border: none;
  top: -3.5rem;
  background-color: #bfbfbf
}

.mejs-audio .mejs-time-rail .mejs-time-float-current {
  margin: 2.5 0 0 0;
  width: 4.5rem
}

.mejs-audio .mejs-time-rail .mejs-time-float-corner {
  border: solid 0.5rem #bfbfbf;
  border-color: #bfbfbf transparent transparent transparent;
  margin-left: 2rem;
  top: 3rem;
  left: 0
}

.mejs-audio .mejs-controls .mejs-volume-button {
  margin: 1.5rem 1rem;
  width: 3rem;
  height: 3rem
}

.mejs-audio .mejs-controls .mejs-volume-button button {
  width: 3rem;
  height: 3rem
}

.mejs-audio .mejs-controls .mejs-mute button:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -9rem -30rem;
  background-repeat: no-repeat
}

.mejs-audio .mejs-controls .mejs-unmute button:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(./img/sprites.svg?w=512&v=2023-01-12);
  background-size: 96rem 48rem;
  background-position: -12rem -30rem;
  background-repeat: no-repeat
}

.mejs-controls div.mejs-horizontal-volume-slider {
  height: 4rem;
  width: 100px;
  position: relative;
  margin: 1rem 1rem 1rem 0
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  top: 1rem;
  height: 2rem;
  width: 100px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: white
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  top: 1vh;
  width: 100px;
  height: 2rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: none;
  background-color: #ff6600
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none
}

.qq-btn {
  padding: 0.5rem;
  color: white;
  background-color: #ff6600;
  border: none
}

.qq-btn:hover {
  background-color: #ff944d
}

.qq-upload-delete,.qq-upload-pause,.qq-upload-continue {
  display: inline
}

.qq-upload-delete {
  background-color: #e65c47;
  color: #FAFAFA;
  border-color: #dc523d
}

.qq-upload-button {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  text-align: center;
  float: left;
  background: #ff6600;
  color: #FFFFFF;
  border: none
}

.qq-upload-button span {
  font-size: 75%
}

.qq-upload-button-hover {
  background: #ff944d
}

.qq-uploader {
  position: relative;
  min-height: 9rem;
  max-height: 490px;
  overflow-y: hidden;
  width: inherit;
  background-color: #FFF;
  border: 1px solid #BBB;
  padding: 1rem
}

.qq-uploader:before {
  content: attr(qq-drop-area-text) " ";
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 55%;
  opacity: 0.25;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 30px;
  z-index: 2;
  background: #F9F9F9;
  text-align: center
}

.qq-upload-drop-area:after,.qq-upload-extra-drop-area:after {
  content: "Drag a file here";
  position: absolute;
  text-align: center;
  opacity: 0.25;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px
}

.qq-upload-extra-drop-area {
  position: relative;
  margin-top: 50px;
  font-size: 16px;
  padding-top: 30px;
  height: 20px;
  min-height: 40px
}

.qq-upload-drop-area-active {
  background: #ffd1b3
}

.qq-upload-drop-area-active:after {
  content: "Drop a file here";
  position: absolute;
  text-align: center;
  opacity: 0.25;
  font-family: 'webfontCN',Verdana,Geneva,sans-serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin: 0;
  padding: 0.5rem 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.qq-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 450px;
  overflow-y: auto;
  clear: both
}

.qq-upload-list li {
  margin: 0;
  padding: 1rem;
  line-height: normal;
  font-size: 1rem;
  color: #424242;
  background-color: #EEEEEE
}

.qq-upload-list-row {
  display: table;
  width: 100%
}

.qq-upload-list-buttons {
  display: table-cell;
  width: 11rem;
  text-align: right
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue {
  display: table-cell;
  vertical-align: middle
}

.qq-upload-spinner {
  display: table-cell;
  vertical-align: middle;
  width: calc(16px)
}

.qq-upload-spinner:after {
  display: block;
  content: ' ';
  background: url("/img/fineuploader-icons/loading.gif");
  width: 15px;
  height: 15px
}

.qq-upload-file {
  vertical-align: middle;
  display: table-cell;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  height: 2rem
}

.qq-upload-size {
  width: 20%
}

.qq-drop-processing {
  display: block
}

.qq-drop-processing-spinner {
  display: table-cell;
  background: url("/img/fineuploader-icons/processing.gif");
  width: 24px;
  height: 24px;
  vertical-align: text-bottom
}

.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue {
  font-size: 100%;
  font-weight: normal;
  cursor: pointer;
  vertical-align: middle;
  width: 5rem;
  display: inline-block
}

.qq-upload-status-text {
  font-weight: bold;
  display: block
}

.qq-upload-failed-text {
  display: none;
  font-style: italic;
  font-weight: bold
}

.qq-upload-failed-icon {
  display: none;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom
}

.qq-upload-fail .qq-upload-failed-text {
  display: inline
}

.qq-upload-retrying .qq-upload-failed-text {
  display: inline
}

.qq-upload-list li.qq-upload-success {
  background-color: #bfffce;
  background: -webkit-gradient(linear,left top,left bottom,from(#bfffce),to(#b6f2c4)) ;
  background: -webkit-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -moz-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -ms-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: -o-linear-gradient(top,#bfffce,#b6f2c4) ;
  background: linear-gradient(to bottom,#bfffce,#b6f2c4) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.qq-upload-list li.qq-upload-fail {
  background-color: #ffd8d8;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd8d8),to(#ffbebe)) ;
  background: -webkit-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -moz-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -ms-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: -o-linear-gradient(top,#ffd8d8,#ffbebe) ;
  background: linear-gradient(to bottom,#ffd8d8,#ffbebe) ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@startColor',endColorstr='@startColor')
}

.qq-progress-bar {
  display: block;
  background: #ff6600;
  width: 0%;
  height: 2rem;
  margin-bottom: 3px
}

.qq-total-progress-bar {
  height: 25px
}

.qq-total-progress-bar-container {
  margin-left: 1rem;
  display: inline;
  float: right;
  width: 500px
}

INPUT.qq-edit-filename {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.qq-upload-file.qq-editable {
  cursor: pointer;
  margin-right: 4px
}

.qq-edit-filename-icon.qq-editable {
  display: inline-block;
  cursor: pointer
}

INPUT.qq-edit-filename.qq-editing {
  position: static;
  height: 28px;
  padding: 0 8px;
  margin-right: 10px;
  margin-bottom: -5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.qq-edit-filename-icon {
  display: none;
  background: url("/img/fineuploader-icons/edit.gif");
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
  margin-right: 16px
}

.qq-hide {
  display: none
}

.qq-thumbnail-selector {
  vertical-align: middle;
  margin-right: 12px
}

.qq-uploader DIALOG {
  display: none
}

.qq-uploader DIALOG[open] {
  display: block
}

.qq-uploader DIALOG {
  display: none
}

.qq-uploader DIALOG[open] {
  display: block
}

.qq-uploader DIALOG .qq-dialog-buttons {
  text-align: center;
  padding-top: 10px
}

.qq-uploader DIALOG .qq-dialog-buttons BUTTON {
  margin-left: 5px;
  margin-right: 5px
}

.qq-uploader DIALOG .qq-dialog-message-selector {
  padding-bottom: 10px
}

.qq-uploader DIALOG::backdrop {
  background-color: rgba(0,0,0,0.7)
}