/* H5P specific icons generated by IcoMoon. */
@font-face {
  font-family: 'H5Picons';
  src: url('../fonts/h5p.eot');
  src: url('../fonts/h5p.eot#iefix') format('embedded-opentype'),
  url('../fonts/h5p.woff') format('woff'),
  url('../fonts/h5p.ttf') format('truetype'),
  url('../fonts/h5p.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.h5p-interactivevideo-editor .h5peditor-dragnbar {
  font-size: 1em;
  overflow: hidden;
  padding: 0;
  background: #f5f5f5;
}
.h5p-interactivevideo-editor .h5p-dragnbar-ul {
  float: left;
  margin: 0em 0em 0em 0.25em;
  list-style: none;
  padding: 0;
}
.h5p-interactivevideo-editor .h5p-dragnbar-li {
  float: left;
  margin: 0;
  padding: 0;
  background: none;
  border-right: none;
  margin-right: 0.25em;
}
.h5p-interactivevideo-editor .h5p-dragnbar-a {
  width: 1em;
  height: 1.1em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  margin: 0.25em 0 0.25em 0em;
  display: block;
  padding: 0.2em 0.5em;
  color: #333;
  background: #f2f2f2;
  background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -o-linear-gradient(top,#fff 0,#f2f2f2 100%);
  font-family: 'H5PFontAwesome4';
}
.h5p-interactivevideo-editor .h5p-dragnbar-a, .h5p-interactivevideo-editor .h5p-dragnbar-a:visited, .h5p-interactivevideo-editor .h5p-dragnbar-a:link {
  color: #333;
}
.h5p-interactivevideo-editor .h5p-dragnbar-a:before {
  content: "?";
}
.h5p-interactivevideo-editor .h5p-dragnbar-a:hover {
  text-decoration: none;
  border-color: #999;
}
.h5p-interactivevideo-editor .h5p-dragnbar-nil-button:before {
  content: "\f146";
}
.h5p-interactivevideo-editor .h5p-dragnbar-text-button:before {
  content: "T";
}
.h5p-interactivevideo-editor .h5p-dragnbar-table-button:before {
  content: "\f0ce";
}
.h5p-interactivevideo-editor .h5p-dragnbar-link-button:before {
  content: "\f0c1";
}
.h5p-interactivevideo-editor .h5p-dragnbar-image-button:before {
  content: "\f03e";
}

/* H5P specific fonts: */
.h5p-interactivevideo-editor .h5p-dragnbar-dragquestion-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-multichoice-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-blanks-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-summary-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-markthewords-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-dragtext-button:before,
.h5p-interactivevideo-editor .h5p-dragnbar-singlechoiceset-button:before {
  font-family: 'H5Picons';
  font-size: 1.2em;
  vertical-align: top;
}
.h5p-interactivevideo-editor .h5p-dragnbar-summary-button:before {
  content: "\e992";
}
.h5p-interactivevideo-editor .h5p-dragnbar-multichoice-button:before {
  content: "\e993";
}
.h5p-interactivevideo-editor .h5p-dragnbar-blanks-button:before {
  content: "\e994";
}
.h5p-interactivevideo-editor .h5p-dragnbar-dragquestion-button:before {
  content: "\e991";
}
.h5p-interactivevideo-editor .h5p-dragnbar-markthewords-button:before {
  content: "\e601";
}
.h5p-interactivevideo-editor .h5p-dragnbar-dragtext-button:before {
  content: "\e600";
}
.h5p-interactivevideo-editor .h5p-dragnbar-singlechoiceset-button:before {
  content: "\e603";
}

.h5p-interactivevideo-editor .h5p-dialog-buttons {
  overflow: hidden;
}
.h5p-interactivevideo-editor .h5p-button {
  display: block;
  margin: 0.625em 0 0 0.625em;
  box-shadow: none;
  padding: 0.25em 2em;
  float: right;
  background: #f2f2f2;
  background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
  background: -o-linear-gradient(top,#fff 0,#f2f2f2 100%);
  border: 1px solid #ccc;
  border-radius: 0.25em;
  font-size: 0.625em;
  color: #333;
  cursor: pointer;
}

.h5p-interactivevideo-editor .h5p-button:hover {
  text-decoration: none;
  text-decoration: none;
  border-color: #999;
}

.h5p-interactivevideo-editor .h5p-button.h5p-done {
  color: #fff;
  background: #3673B5;
  background: -webkit-linear-gradient(top,#5A94D3 0,#3673B5 100%);
  background: -moz-linear-gradient(top,#5A94D3 0,#3673B5 100%);
  background: -ms-linear-gradient(top,#5A94D3 0,#3673B5 100%);
  background: -o-linear-gradient(top,#5A94D3 0,#3673B5 100%);
  border-color: #20588F;
}
.h5p-interactivevideo-editor .h5p-button.h5p-done:hover {
  background: #3275bc;
  background: -webkit-linear-gradient(top,#3275bc 0,#285585 100%);
  background: -moz-linear-gradient(top,#3275bc 0,#285585 100%);
  background: -ms-linear-gradient(top,#3275bc 0,#285585 100%);
  background: -o-linear-gradient(top,#3275bc 0,#285585 100%);
}

.h5p-interactivevideo-editor .h5p-button.h5p-remove {
  background: none;
  border: none;
  color: #a00;
}

.h5p-interactivevideo-editor .h5p-button.h5p-remove:hover {
  background: none;
  border: none;
  color: #e40000;
}
.h5p-interactivevideo-editor .h5p-interactive-video a:focus {
  box-shadow: none;
}
.h5p-interactivevideo-editor .h5p-interactive-video .h5p-interaction-label:hover {
  cursor: pointer;
}
.h5p-interactivevideo-editor .tree > .field.wizard > div.h5peditor-label {
  display: block;
  background: #e9e9e9;
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0.5em 0.75em;
  color: #444;
}
.h5p-interactivevideo-editor .tree > .field.wizard > div.h5peditor-label:before {
  font-family: 'H5PFontAwesome4';
  margin: 0 0.5em 0 0;
  content: "\f01d";
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-li:before{
  display: none;
}
.h5p-interactivevideo-editor .h5peditor-form {
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.h5p-interactivevideo-editor .tree, .h5p-interactivevideo-editor .common {
  background: #fff;
  border: 1px solid #dedede;
}

.h5p-interactivevideo-editor div.field.wizard > .h5peditor-tabs {
  margin: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-a {
  background: #ddd;
  margin: 0;
  color: #666666;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-a:hover {
  background: #f5f5f5;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-li {
  border-right: 1px solid #ccc;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-li:last-child {
  border-right: 0;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-a:before, .h5p-interactivevideo-editor .field.wizard .h5peditor-tab-a:after {
  border: 0;
  position: inherit;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  font-family: 'H5PFontAwesome4';
  margin: 0 0.2em 0 0;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-a.h5peditor-active {
  background: #f5f5f5;
  border-top-color: #f9f9f9;
  border-bottom-color: #ccc;
}
.h5p-interactivevideo-editor .common {
  background: #fff;
  border-radius: 0;
  margin: 8px;
}
.h5p-interactivevideo-editor .common > .h5peditor-label {
  background: #e9e9e9;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.h5p-interactivevideo-editor .h5peditor-panes > .field {
  margin: 0;
  padding: 0.5em;
}
.h5p-interactivevideo-editor .field.interactiveVideo {
  margin: 0;
  padding: 0;
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-video:before {
  content: "1.";
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-assets:before {
  content: "2.";
}
.h5p-interactivevideo-editor .field.wizard .h5peditor-tab-summary:before {
  content: "3.";
}

.h5p-interactivevideo-editor textarea, .h5p-interactivevideo-editor input[type="text"], .h5p-interactivevideo-editor .ckeditor {
  border: 1px solid #dbdbdb;
  border-radius: 0;
  background: #fff;
}
.h5p-interactivevideo-editor textarea:focus, .h5p-interactivevideo-editor input[type="text"]:focus {
  background: #fff;
  border-color: #dbdbdb;
  box-shadow: 0 0 0.25em #dbdbdb inset;
}
.h5p-interactivevideo-editor .h5peditor-field-description {
  color: #9d9d9d;
}
.h5p-interactivevideo-editor .h5peditor-label {
  font-weight: normal;
}
.h5p-interactivevideo-editor span.h5peditor-label:after {
  content: ":";
}
.h5p-interactivevideo-editor .group {
  border-radius: 0;
  border-color: #dedede;
  box-shadow: none;
  background: #f9f9f9;
}
.h5p-interactivevideo-editor .group .group {
  background: #f9f9f9;
}
.h5p-interactivevideo-editor .title {
  background: #efefef;
}
.h5p-interactivevideo-editor .expanded > .title {
  border-color: #dedede;
}
.h5p-interactivevideo-editor .h5p-ul .h5p-li {
  border-radius: 0;
  border: 1px solid #dedede;
  background: #fff;
}
.h5p-interactivevideo-editor .h5p-ul .h5p-li:hover {
  background: #e9edf4;
}

.h5p-interactivevideo-editor .h5p-ul .h5p-li > .order, .h5p-interactivevideo-editor .h5p-ul .h5p-li > .remove {
  background: transparent;
  border: 0;
  width: auto;
  height: auto;
  font-size: 1.5em;
}

.h5p-interactivevideo-editor .h5p-ul .h5p-li > .order:hover, .h5p-interactivevideo-editor .h5p-ul .h5p-li > .remove:hover {
  text-decoration: none;
}
.h5p-interactivevideo-editor table.h5p-table, .h5p-interactivevideo-editor .h5p-table td, .h5p-interactivevideo-editor .h5p-table th {
  border: 1px dashed #999;
}

.h5p-interactivevideo-editor .library .wizard {
  border: 1px solid #dedede;
  margin: 1em 1em 1em 0;
}
.h5p-interactivevideo-editor .library div.field.wizard .h5peditor-tabs {
  border-top: 0;
  line-height: 100%;
}

.h5p-interactivevideo-editor .h5p-add-bookmark {
  padding: 0 12px 8px;
  color: #fefefe;
  display: block;
  font-style: italic;
}
.h5p-interactivevideo-editor .h5p-add-bookmark:hover {
  text-decoration: none;
  color: #dbd7d1;
}
.h5p-interactivevideo-editor .h5p-add-bookmark:before {
  font-family: H5PFontAwesome4;
  content: "\f055";
  margin-right: 8px;
  font-style: normal;
}
.h5p-interactivevideo-editor .h5p-bookmark .h5p-bookmark-label {
  padding-right: 30px;
}
.h5p-interactivevideo-editor .h5p-remove-bookmark:before {
  font-family: H5PFontAwesome4;
  content: "\f057";
  color: #fefefe;
  position: absolute;
  top: 0;
  right: 8px;
}
.h5p-interactivevideo-editor .h5p-remove-bookmark:hover:before {
  color: #dbd7d1;
}
.h5p-interactivevideo-editor .h5p-bookmark.h5p-force-show .h5p-bookmark-label {
  visibility: visible;
  opacity: 1;
}
.h5p-interactivevideo-editor input[type="text"].h5p-bookmark-input {
  background: transparent;
  border: 0;
  color: #fefefe;
  outline: none;
  font-size: 1em;
  box-shadow: none;
  margin: 0;
}
.h5p-interactivevideo-editor input[type="text"].h5p-bookmark-input::-ms-clear {
  display: none;
}
.h5p-interactivevideo-editor .h5p-bookmark-text:before {
  font-family: H5PFontAwesome4;
  content: "\f02e";
  margin-right: 8px;
}
.h5p-interactivevideo-editor .h5p-iv-message-popup {
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  width: 100%;
  padding: .3em;
  z-index: 11;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 1px solid #ffcd0d;
  background-color: #fcffcc;
  text-align: center;
  font-size: .6em;
}
.h5p-interactivevideo-editor .h5p-iv-message-popup:before {
  font-family: "H5PFontAwesome4";
  content: '\f05a';
  padding-right: .3em;
  font-size: 1.1em;
}

.h5p-interactivevideo-editor .h5p-interaction:focus {
  outline: none;
}

/* Remove h5p-nil library border */
.h5p-interactivevideo-editor .h5peditor-interactions .h5p-dialog-inner .field.library.h5p-nil-library {
  display: none;
}
