html, body {
  height: 100%;
  margin: 0 !important;
  padding: 0;
}

#main {
  height: 100%;
}

.courses li {
  display: block;
  width: 670px;
  margin: 2px;
  border: 1px dashed #ccc;
  padding: 10px;
  position: relative;
}

a {
  color: dodgerblue;
}

.actions a {
  color: gray;
  font-size: 0.7em;
}

a.reset {
  color: darkred;
}

a.delete {
  color: red;
}

span.index {
  font-size: 0.7em;
  color: forestgreen;
  margin-right: 20px;
}

.actions {
  float: right;
  margin-right: 20px;
}

.navigation-tree {
  display: inline-block;
}

.navigation-tree .current {
  font-weight: bold;
}

#course {
  padding-left: 290px;
}

#course.one-activity {
  padding-left: 0;
}

iframe {
  border: none;
}

.scorm-menu {
  width: 270px;
  margin-left: -280px;
  float: left
}
.upload {
  padding-left: 40px;
}

#btnPrevious, #btnExitAll, #btnContinue {
  padding: 0 8px;
  line-height: 24px;
  border-width: 4px;
  font-size: 13px;
  display: inline-block;
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
  background-image: none !important;
  border: 5px solid;
  border-radius: 0;
  box-shadow: none !important;
  -webkit-transition: all ease .15s;
  -moz-transition: all ease .15s;
  -o-transition: all ease .15s;
  transition: all ease .15s;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  position: relative;
  width: 90px;
  padding: 0;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
}

#btnPrevious {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
}

#btnExitAll {
  background-color: #d15b47;
  border-color: #d15b47;
}

#btnContinue {
  background-color: #87b87f;
  border-color: #87b87f;
}

#btnContinue:hover {
  background-color: #629b58 !important;
}

#btnPrevious:hover {
  background-color: #4f99c6 !important;
}

#btnExitAll:hover {
  background-color: #b74635 !important;
}

#btnContinue:disabled, #btnPrevious:disabled {
  background-color: #bbb !important;
  border-color: #bbb !important;
  cursor: default;
  color: #eee;
}

.navigation-tree {
  margin: 1em 0 0 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica;
  font-size: 14px;
}

.navigation-tree ul {
  padding-left: 20px;
}

.navigation-tree li {
  list-style: none;
}

.navigation-tree ul li {
  padding: 4px 10px;
}

.select-message {
  font-family: 'Helvetica Neue', Helvetica;
  text-align: center;
  display: block;
  margin-top: 100px;
  font-size: 1.6em;
  color: #444;
}

.loading {
  position: absolute;
  display: none;
}

.table {
  display: table;
  height: 93%;
  margin: 0 auto;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

#loading{
  height: 100%;
  background: #fff;
  position: absolute;
  width:100%;
}

span.id {
  color: gray;
  font-size: 0.7em;
  font-weight: normal;
}

ul {
  margin: 0;
}

ul li {
  list-style: none;
}

video {height: 100%;width: 100%;}

.la-ball-clip-rotate{position:relative; display: table; margin: 0 auto;}.la-ball-clip-rotate>div{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;color:blueviolet;background:#fff;border-color:#fff;border-style:solid;border-width:0}.la-ball-clip-rotate:after{display:table;line-height:0;clear:both;content:""}.la-ball-clip-rotate.la-blue>div{color:#5AA7FD;background:#5AA7FD;border-color:#5AA7FD}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ball-clip-rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ball-clip-rotate{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.la-ball-clip-rotate{width:100px;height:100px}.la-ball-clip-rotate>div{display:inline-block;width:100px;height:100px;margin:0;float:left;background:transparent !important;border-style:solid;border-width:2px;border-bottom-color:transparent !important;border-radius:100%;-webkit-animation:ball-clip-rotate .75s linear infinite;-moz-animation:ball-clip-rotate .75s linear infinite;-o-animation:ball-clip-rotate .75s linear infinite;animation:ball-clip-rotate .75s linear infinite}
.la-text{margin-top: 15px;text-align: center;}
.loading{position: relative}
.logo{position: absolute;bottom: 0;right: 0;}
.logo-text{display: inline-block;vertical-align: top}


body button, body .x-btn, body .btn, body .btnDisabled, body .btnCancel, body .menuButton .menuButtonButton {
    color: unset !important;
    margin: unset !important;
    padding: unset !important;
    border: unset !important;
    border-bottom-color: unset !important;
    background: transparent !important;
    font-weight: unset !important;
    font-size: unset !important;
    -moz-border-radius: unset !important;
    -webkit-border-radius: unset !important;
    border-radius: unset !important;
}

.amp-default-skin:hover .vjs-slider-handle::before {
  margin: -6px 0 0 -4px !important;
}
.amp-default-skin .vjs-slider-handle::before {
  margin: -2px 0 0 -4px !important;
}

.amp-default-skin .vjs-poster {
  background-color: black !important;
}

.amp-default-skin .vjs-menu-button .vjs-menu-content{
  max-height: 17em !important;
}
.slds-scope .vjs-poster img {
    /*width: 100% !important;
    height: auto !important;*/
    position: absolute;
    display: block;
    width: auto !important;
    height: 100% !important;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
}
.vjs-control-bar {
    position: fixed !important;
    bottom: 0 !important;
}