@charset "UTF-8";

.ellipsis {
  overflow: hidden;
  height: 3.1rem;
  line-height: 1.5rem;
  margin: 0;
  border: 0;
}

.ellipsis:before {
  content: "";
  float: left;
  width: 5px;
  height: 3.1rem;
}

.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
}

.ellipsis:after {
  content: "\2026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -25px;
  left: 100%;
  width: 3rem;
  margin-left: -3rem;
  padding-right: 5px;
  text-align: right;
  background-size: 100% 100%;
  /* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.page-wrapper {
  background: none !important;
}

.slidebarLayout {
  display: flex;
}

.slidebarLayout .slidebarLayout-content {
  margin-bottom: 1rem;
  flex-grow: 1;
  max-width: 770px;
  width: 100%;
}

.slidebarLayout .slidebarLayout-slidebar {
  margin: 0 0 1rem;
  padding: 1rem;
  background: white;
  position: relative;
  width: 350px;
  padding: 0;
  margin-left: 1rem;
}

.slidebarLayout .slidebarLayout-slidebar .sidebar-content {
  display: block;
}

.slidebarLayout .slidebarLayout-slidebar.collapsed {
  width: 0;
  padding: 0;
  margin: 0;
}

.slidebarLayout .slidebarLayout-slidebar.collapsed .sidebar-content {
  display: none;
}

.slidebarLayout .slidebarLayout-slidebar.collapsed .slidebarLayout-slidebar-toggle {
  left: 0px;
}

.slidebarLayout .slidebarLayout-slidebar .slidebarLayout-slidebar-toggle {
  position: absolute;
  top: -1px;
  left: -19px;
  color: #4ea237;
}

@media (max-width: 575.98px) {
  .page-wrapper {
    padding-top: 0;
  }

  .slidebarLayout .slidebarLayout-content {
    width: 100%;
    margin-bottom: 1px;
  }
}

@media (min-width: 768px) {
  .slidebarLayout .slidebarLayout-content.expanded {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .slidebarLayout .slidebarLayout-content.expanded {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .slidebarLayout .slidebarLayout-content.expanded {
    max-width: 1139px;
  }
}

@media (min-width: 992px) {
  .page-wrapper > .container.container-with-sidebar > div > .card.etv-card.col-lg-8 {
    max-width: calc(66.6666666667% - 0.5rem);
  }

  .page-wrapper > .container.container-with-sidebar > div > .card.etv-card.col-lg-4 {
    max-width: calc(33.3333333333% - 0.5rem);
  }
}

.scr-video-sidebar h4 {
  padding: 0rem 0.5rem 0.25rem 0.25rem;
  margin: 0;
}

.scr-video-sidebar .title {
  padding: 0 0 0 0.5rem;
}

.scr-video-sidebar .sidebar-top .scr-video {
  width: 150px;
}

.scr-video-sidebar .sidebar-top .title {
  font-size: 80%;
}

.scr-video-sidebar .sidebar-top .etv-years .year-label {
  font-size: 50%;
}

.scr-video-sidebar .sidebar-top .etv-years .year-range {
  font-size: 50%;
  padding: 0.1rem 0.25rem;
}

.scr-video-sidebar .sidebar-top .etv-subjects {
  padding-left: 0.5rem;
}

.scr-video-sidebar .sidebar-top .etv-subjects .nav-item {
  font-size: 80%;
  padding: 0.25rem 0.5rem 0 0;
}

.scr-video-sidebar .sidebar-top .scr-rating-playtime-overlay {
  font-size: 50%;
  padding: 0.1rem;
}

.scr-video-sidebar .sidebar-top .scr-watched-overlay {
  font-size: 50%;
  padding: 0.1rem;
}

.scr-video-sidebar .sidebar-bottom .title {
  padding-top: 0.5rem;
  padding-left: 0.25rem;
}

.scr-video-sidebar .scr-video-promo .scr-video,
.scr-video-sidebar .scr-video-promo .scr-meta-fav {
  padding-left: 1rem;
  padding-right: 1rem;
}

.scr-video-sidebar #sidebar-bottom-video.scr-video-row .scr-video {
  width: 100%;
  padding-left: 0;
}

.with-sidebar-row .sidebar-control {
  position: relative;
  margin: 0;
  padding: 0;
  height: 1rem;
}

.with-sidebar-row .sidebar-control:before {
  position: absolute;
  left: -0.5rem;
  content: "\25BA";
  color: #4ea237;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.with-sidebar-row.sidebar-hidden .sidebar-control:before {
  content: "\25C4";
  left: 0;
}

.with-sidebar-row.sidebar-hidden .scr-video-sidebar {
  display: none;
}

.with-sidebar-row.sidebar-hidden #playerRow .clipping-tool-outer:before {
  padding-top: 56.271928%;
}

.with-sidebar-row.sidebar-hidden #playerRow .clipping-tool-outer.active:before {
  padding-top: 56.271928%;
}

@media (max-width: 1199.98px) {
  .with-sidebar-row.sidebar-hidden #playerRow .clipping-tool-outer:before {
    padding-top: 56.30208%;
  }

  .with-sidebar-row.sidebar-hidden #playerRow .clipping-tool-outer.active:before {
    padding-top: 56.30208%;
  }
}

.cinema {
  background: white;
}

.cinema .cinema-cinema {
  border-bottom: 1px #eceeef solid;
}

.cinema .cinema-tools {
  display: flex;
  align-items: center;
  padding: 0.1rem 0.6rem;
  border-bottom: 1px #eceeef solid;
}

.cinema .cinema-tools .nav-item .nav-link {
  display: inline-block;
  border: 1px solid #f7fcf6;
  position: relative;
  margin-left: 3px;
  top: 10px;
}

.cinema .cinema-tools .nav-item .nav-link.active {
  border-bottom: 1px white !important;
}

.cinema .cinema-tools .likes,
.cinema .cinema-tools .clipOwner {
  font-size: smaller;
}

.cinema .cinema-tools .createClipButton {
  margin-right: 0.5rem;
}

.cinema .cinema-tools .like-video-btn {
  line-height: 1rem;
  margin-right: 1rem;
}

.cinema .cinema-tools .like-video-btn .fa-stack {
  font-size: 1rem;
}

.cinema .cinema-tabs {
  border-top: 1px solid #f7fcf6;
}

.cinema .cinema-transcript {
  margin: 0 0 1rem;
  padding: 1rem;
  background: white;
}

.cinema .cinema-buttons {
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  margin-bottom: 1rem;
}

.cinema .etv-player-backdrop {
  z-index: 1;
}

.cinema .etv-player-backdrop.show {
  opacity: 0.8;
}

.cinema .coming-soon {
  font-style: italic;
  border: solid 1px #333;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0 1rem;
}

.cinema #playerRow {
  margin: 0;
  position: relative;
}

.cinema #playerRow .clipping-tool-outer {
  position: relative;
  border-radius: 0.8rem;
}

.cinema #playerRow .clipping-tool-outer:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.3345%;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: transparent;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-tabs {
  border: none;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link {
  border-radius: 0;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-item:first-child .nav-link {
  border-top-left-radius: 0.8rem;
  margin-right: 0.1rem;
  margin-left: 0;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-item:last-child .nav-link {
  border-top-right-radius: 0.8rem;
  margin-left: 0.1rem;
  margin-right: 0;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link {
  background-color: #666666;
  color: rgba(41, 112, 217, 0.5);
  border: none;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link .tab-header {
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link .tab-text {
  font-weight: bold;
  font-size: 1rem;
  color: white;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link.active {
  background-color: #4ea237;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-tab-bar .nav-link.active .tab-header {
  color: yellow;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5rem;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer .clipping-message,
.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer .clipping-error-message {
  padding: 0 0 0.5rem 0;
  color: white;
  /*font-size: 1.2rem;*/
  font-style: italic;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer button {
  margin-top: 2px;
  border: none;
  background: transparent;
  color: purple;
  cursor: pointer;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer button:active {
  border: none;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer button:focus {
  outline: none;
  box-shadow: none;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer button i:before {
  border-radius: 100%;
  border: purple solid 1px;
  background-color: white;
  font-size: 38px;
  padding: 0 2px;
}

.cinema #playerRow .clipping-tool-outer .clipping-tool-inner .clipping-footer button label {
  color: white;
  width: auto;
}

.cinema #playerRow .clipping-tool-outer:not(.active) #clippingPlayer.tab-pane:not(.active) {
  display: block;
}

.cinema #playerRow .clipping-tool-outer:not(.active) #clippingPlayer.tab-pane:not(.active) .clipping-footer {
  display: none;
}

.cinema #playerRow .clipping-tool-outer.active {
  margin: -4rem -1rem;
  background-color: #4ea237;
  z-index: 1;
  display: block;
}

.cinema #playerRow .clipping-tool-outer.active:before {
  padding-bottom: 8rem;
}

.cinema #playerRow .clipping-tool-outer.active .clipping-tool-inner .clipping-tab-bar {
  display: block;
}

.cinema #playerRow .clipping-tool-outer.active .clipping-tool-inner .clipping-player {
  margin: 4rem 1rem;
}

.cinema #playerRow .clipping-tool-outer.active .clipping-tool-inner .clipping-footer {
  bottom: -5rem;
}

.cinema #playerRow .scr-video-player {
  z-index: 2;
  background-color: white;
}

.cinema #playerRow .scr-video-player.oo-player-container .oo-state-screen .oo-state-screen-watched {
  width: auto;
  height: auto;
  padding: 0.1em 0.5rem;
  font-size: 0.9rem;
  line-height: 1.5em;
}

.cinema #playerRow .tab-pane {
  z-index: 2;
  background-color: white;
}

.cinema #playerRow .tab-pane #clip-title-form-group label,
.cinema #playerRow .tab-pane #clip-description-form-group label {
  width: 160px;
  text-align: right;
}

.cinema #playerRow .tab-pane #clip-description-form-group textarea {
  overflow-y: scroll;
  height: 4rem;
  resize: none;
}

.cinema #playerRow .tab-pane #clip-tags-form-group label {
  width: 143px;
  text-align: right;
}

.cinema #playerRow .tab-pane #clip-subjects-form-group label {
  width: 143px;
  /*text-align: right;*/
}

.cinema #playerRow .tab-pane #schoolYears-form-group label {
  width: 143px;
  text-align: right;
}

.cinema #playerRow .tab-pane #schoolYears-form-group label.btn {
  width: 14%;
  text-align: center;
}

.cinema #playerRow .tab-pane #visibility-form-group label,
.cinema #playerRow .tab-pane #collaborate-form-group label {
  width: auto;
}

.cinema #playerRow .tab-pane #visibility-form-group .form-check,
.cinema #playerRow .tab-pane #collaborate-form-group .form-check {
  width: auto;
}

.cinema #playerRow .tab-pane #visibility-form-group .form-check label,
.cinema #playerRow .tab-pane #collaborate-form-group .form-check label {
  width: 8rem;
}

.cinema #playerRow #clippingPlayer {
  background-color: #000000;
}

.cinema #playerRow #saveUnsavedClipDialogue label {
  width: 4rem;
}

.cinema #playerRow .oo-player:focus {
  box-shadow: 0 0 0 2px #2970d9;
  outline: none;
}

.cinema #playerRow .oo-player:focus .oo-action-icon {
  box-shadow: 0 0 0 2px #2970d9;
  outline: none;
}

.cinema #ooPlayer *:focus {
  box-shadow: 0 0 0 2px #2970d9 !important;
  outline: none;
}

@media (max-width: 1199.98px) {
  .cinema #playerRow .clipping-tool-outer:before {
    padding-top: 56.271234%;
  }
}

.cinema .etv-card.card .scr-create-clip-btn {
  cursor: pointer;
}

.cinema .etv-card.card .scr-create-clip-btn label {
  cursor: pointer;
  width: auto;
  margin: 0;
}

.cinema .etv-card.card .scr-create-clip-btn button .etv-scissors-icon {
  margin-right: 8px;
  cursor: pointer;
}

.cinema .scr-buttons-view button {
  background: white;
  color: #00EB91;
  margin-right: 10px;
  border: 1px solid #00EB91;
}

.cinema .scr-buttons-view button.btn-sm {
  margin-right: 0;
}

.cinema .scr-icon {
  text-align: center;
}

.cinema .scr-icon img {
  display: block;
  margin: 0 auto;
}

.cinema .scr-icon label {
  width: 100%;
  text-align: center;
  font-size: 0.7843137353rem;
  margin-bottom: 0;
}

.cinema .scr-video-more-icons .scr-icon {
  margin-right: 15px;
}

.cinema .scr-horizontal-line {
  margin: 20px 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.cinema .scr-video-next-episode h4,
.cinema .scr-video-more-like-this h4,
.cinema .scr-video-row .scr-meta-fav {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .cinema .scr-video-next-episode h4,
  .cinema .scr-video-more-like-this h4 {
    padding-left: 0;
    padding-right: 0;
  }

  .cinema .scr-video-row .scr-video,
  .cinema .scr-video-row .scr-meta-fav {
    padding-left: 1rem;
  }

  .cinema .scr-video-row .scr-meta-fav {
    padding-right: 1rem;
  }
}

.cinema .scr-video-report a {
  color: #00EB91;
}

.cinema .etv-subjects .nav-item {
  padding: 0.25rem 1rem 0 0;
}

.cinema .scr-create-snippet-btn {
  border-radius: 0;
}

.cinema .alert-video-reported {
  display: none;
}

.cinema .cinema-report {
  padding-bottom: 0;
}

.cinema .cinema-report hr {
  margin-bottom: 0;
}

.shareVideoModal .dragLink {
  cursor: move;
}

.overview-synopsis {
  font-size: 0.8rem;
}


/*# sourceMappingURL=cinema.css.map*/
div.tagsinput{border:1px solid #CCC;background:#FFF;padding:5px;width:300px;height:100px;overflow-y:auto}div.tagsinput span.tag{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}div.tagsinput span.tag a{font-weight:700;color:#82ad2b;text-decoration:none;font-size:11px}div.tagsinput input{width:80px;margin:0 5px 5px 0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:0 0;color:#000;outline:0}div.tagsinput div{display:block;float:left}.tags_clear{clear:both;width:100%;height:0}.not_valid{background:#FBD8DB!important;color:#90111A!important}