#teamfeedPopup {
  z-index: 100005;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}

div.Teamfeed.Slideshow {
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  background: rgba(0, 0, 0, .9);
  clear: both;
  overflow: auto;
  padding: 10px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 1.25em;
  text-align: left !important;
}

div.Teamfeed.Slideshow div.Header {
  padding-bottom: 10px;
  margin-top: 5px;
}

div.Teamfeed.Slideshow div.Header div.Avatar {
  float: left;
  margin: 0px 10px 0px 5px;
  z-index: 9999;
  position: relative;
}

div.Teamfeed.Slideshow div.Header div.Avatar span {
  height: 44px;
  width: 44px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #dddddd;
}

div.Teamfeed.Slideshow div.Header div.Avatar span img {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

div.Teamfeed.Slideshow div.Header div.Info {
  display: inline-block;
  z-index: 9999;
  position: relative;
}

div.Teamfeed.Slideshow div.Header div.Author {
  color: #FFF;
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 5px;
}

div.Teamfeed.Slideshow div.Header div.Sharing {
  font-size: 0.8em;
}

div.Teamfeed.Slideshow div.Header div.Sharing span.Separator::before {
  content: "  \2022  ";
  font-weight: bold;
  color: #FFF;
}

div.Teamfeed.Slideshow div.Header div.Sharing span.PostedDate {
  color: #959595;
}

div.Teamfeed.Slideshow div.Header div.Sharing span.Permission {
  color: #959595;
  font-weight: bold;
}

div.Teamfeed.Slideshow div.Header div.Action.Close {
  font-weight: bold;
  font-size: 1.5em;
  position: absolute;
  right: 20px;
  top: 16px;
  width: auto;
  height: auto;
  color: #FFF;
  z-index: 9999;
}

div.Teamfeed.Slideshow div.Header div.Action.Delete {
  font-weight: bold;
  font-size: 1.5em;
  position: absolute;
  right: 60px;
  top: 20px;
  width: auto;
  height: auto;
  color: #FFF;
  z-index: 9999;
  font-size: 0.875em;
  text-transform: uppercase;
}

div.Teamfeed.Slideshow div.Header div.Action.Close:hover,
div.Teamfeed.Slideshow div.Header div.Action.Delete:hover {
  cursor: pointer;
  color: #959595;
}

div.Teamfeed.Slideshow div.Header div.Counter {
  color: #FFF;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3em;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875em;
  z-index: 1;
}

div.Teamfeed.Slideshow div.Slide.Action {
  box-sizing: border-box;
  position: fixed;
  top: 55%;
  bottom: 45%;
  width: auto;
  padding: 0px 10px;
  color: #FFF;
  font-size: 3em;
  margin-top: -1em;
  z-index: 1000;
}

div.Teamfeed.Slideshow div.Slide.Action.Prev {
  left: 0px;
}

div.Teamfeed.Slideshow div.Slide.Action.Next {
  text-align: right;
  right: 0px;
}

div.Teamfeed.Slideshow div.Slide.Action.Disabled span,
div.Teamfeed.Slideshow div.Slide.Action.Disabled span:hover {
  color: #333333;
  cursor: default;
}

div.Teamfeed.Slideshow div.Slide.Action span:hover {
  color: #959595;
  cursor: pointer;
}

div.Teamfeed.Slideshow div.Slides {
  position: fixed;
  top: 4em;
  left: 2em;
  right: 2em;
  bottom: 1em;
}

div.Teamfeed.Slideshow div.Slides div.Slide {
  box-sizing: border-box;
  position: absolute;

  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;

  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;

  opacity: 0;

  /* transition: all .5s ease; */
}

div.Teamfeed.Slideshow div.Slides div.Slide.Focus {
  top: 0;
  left: 0;
   -webkit-transition: opacity .3s ease-in;
       -moz-transition: opacity .3s ease-in;
         -o-transition: opacity .3s ease-in;
  opacity: 1;
}

div.Teamfeed.Slideshow div.Slides div.Slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;


  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.Teamfeed.Slideshow div.Slides div.Slide i.NotFound,
div.Teamfeed.Slideshow div.Slides div.Slide i.Loading,
div.Teamfeed.Slideshow div.Slides div.Slide.Focus>div.Video div.wistia_embed.NotFound {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: #F4F5F9;

  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;
}

div.Teamfeed.Slideshow div.Slides div.Slide i.Loading{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 5em;
  width: 5em;
  margin-left: -2.5em;
  margin-top: -2.5em;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Photo img {
  visibility: hidden;
}
div.Teamfeed.Slideshow div.Slides div.Slide i.NotFound{
  display: none;
}
div.Teamfeed.Slideshow div.Slides div.Slide.NotFound i.NotFound{
  display: block;
}

div.Teamfeed.Slideshow div.Slides div.Slide.NotFound img,
div.Teamfeed.Slideshow div.Slides div.Slide.NotFound i.Loading{
  display: none;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Loaded img{
  visibility: inherit;
}
div.Teamfeed.Slideshow div.Slides div.Slide.Loaded i.Loading{
  display: none;
}

div.Teamfeed.Slideshow div.Slides div.Slide>div.Video{
  box-sizing: border-box;
  width: 90%;
  height: 90%;
}


div.Teamfeed.Slideshow div.Slides div.Slide.Focus>div.Video div.wistia_embed{
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
}

div.Teamfeed.Slideshow div.Slides div.Slide>div.Video div.wistia_embed iframe{
  display: none;
}

div.Teamfeed.Slideshow div.Slides div.Slide div.Video div.Loading{
  box-sizing: border-box;
  position: absolute;
  left: 20%;
  right: 20%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  top: -620%;
  bottom: 520%;

  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;
}


div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Video div.Loading{
  top: 20%;
  left: 20%;
  right: 20%;
  bottom: 20%;
}

div.Teamfeed.Slideshow div.Slide div.Caption {
  position: fixed;
  z-index: 100007;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 15px 30px;

  color: #fff;
  width: auto;
  display: inline;
  font-size: 0.75em;
  visibility: hidden;
}

div.Teamfeed.Slideshow div.Slide.FromLeft div.Caption,
div.Teamfeed.Slideshow div.Slide.FromRight div.Caption {
  visibility: hidden !impotant;
}

div.Teamfeed.Slideshow div.Slide.Focus div.Caption {
  visibility: inherit;
}

div.Teamfeed.Slideshow div.Slides.Less div.Slide.Focus div.Caption div.Inner {
  width: 100% !important;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Caption div.Expansion {
  visibility: hidden;
  display: none;
}

div.Teamfeed.Slideshow div.Slides.More div.Slide.Focus div.Caption div.Inner span.Less {
  visibility: hidden;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Caption div.Inner span.Less {
  display: inline;
  color: #4e7ea6;
  font-weight: bold;
  cursor: pointer;
  visibility: inherit;
}

div.Teamfeed.Slideshow div.Slides.More div.Slide.Focus div.Caption div.Inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 96%;
  width: 95%;
  display: inline-block;
  vertical-align: middle;
}

div.Teamfeed.Slideshow div.Slides.More div.Slide.Focus div.Caption div.Expansion {
  display: inline-block;
  color: #4e7ea6;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  visibility: inherit;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Caption.NoExpand div.Expansion,
div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Caption.NoExpand div.Inner span.Less {
  display: none !important;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Focus div.Caption div.Action a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	cursor: pointer;
}

div.Teamfeed.Slideshow div.Slides div.Slide.Voice div.AudioWrapper {
  height: 32px;
  width: 60%;
}
div.Teamfeed.Slideshow div.Slides div.Slide.Voice div.AudioWrapper audio{
  width: 100%;
}
div.Teamfeed.Slideshow div.Slides div.Slide.Note{
  color: #FFF;
}
div.Teamfeed.Slideshow div.Slides div.Slide.Note span {
  padding: 1em;
}

div.Teamfeed.Slideshow div.Slides .FromLeft {
  left: -20%;
}

div.Teamfeed.Slideshow div.Slides .FromRight {
  right: -20%;
}

div.Teamfeed.Slideshow div.Slides .Slide.FromLeft {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

div.Teamfeed.Slideshow div.Slides .Slide.FromRight {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

#scrapbookViewer, .ScrapbookViewerDialog {
  z-index: 100001;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: rgba(0, 0, 0, .8);
  display: none;
}

#scrapbookViewer.ViewOnly, .ScrapbookViewerDialog.ViewOnly {
  display: inherit;
}

#scrapbookViewer div.Wrapper,
.ScrapbookViewerDialog div.Wrapper {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12pt  !important;
  box-sizing: border-box;

  position: fixed;
  width: 740px;
  top: 5px;
  left: 50%;
  margin-left: -370px;
  bottom: 10px;

  border-radius: 4px;
  background-color: #F4F5F9;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

#scrapbookViewer div.Wrapper div.Header,
.ScrapbookViewerDialog div.Wrapper div.Header,
div.Slideshow.PracticeScrapbook div.Header{
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #DDDDDD;
  padding: 15px;
  float: left;
  clear: both;
  overflow: hidden;
}

#scrapbookViewer div.Wrapper div.Header {
  padding: 0px;
  height: auto;
}

div.Slideshow.PracticeScrapbook div.Header {
  border-bottom: none;
  height: 60px;
  padding: 10px 15px;
}

#scrapbookViewer div.Wrapper div.Header div.Title,
.ScrapbookViewerDialog  div.Wrapper div.Header div.Title,
div.Slideshow.PracticeScrapbook div.Header div.Title{
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  padding-bottom: 5px;
  float: left;
  clear: both;
}

#scrapbookViewer div.Wrapper div.Header div.Title {
  width: 100%;
  padding: 15px 15px 5px 15px;
  box-sizing: border-box;
}

div.Slideshow.PracticeScrapbook div.Header div.Title{
  color: #f4f5f9;
}

#scrapbookViewer div.Wrapper div.Header div.Duration,
.ScrapbookViewerDialog  div.Wrapper div.Header div.Duration,
div.Slideshow.PracticeScrapbook div.Header div.Duration{
  color: #EE3423;
  font-size: 0.875em;
  float: left;
  clear: both;
}

#scrapbookViewer div.Wrapper div.Header div.Duration {
  width: 100%;
  padding: 0px 15px 5px 15px;
  box-sizing: border-box;
}

div.Slideshow.PracticeScrapbook div.Header div.Counter{
  margin-top: 2em;
}

#scrapbookViewer div.Wrapper div.Actions,
.ScrapbookViewerDialog  div.Wrapper div.Actions,
div.Slideshow.PracticeScrapbook div.Wrapper div.Actions {
  width: 32px;
  height: 32px;
  float: right;
  color: #FF0000;
  font-size: 2em;
  margin-top: -16px;
}

#scrapbookViewer div.Wrapper div.Actions {
  position: absolute;
  right: 0px;
  margin-top: 2px;
}

#scrapbookViewer div.Wrapper div.Actions div.Close,
.ScrapbookViewerDialog  div.Wrapper div.Actions div.Close,
div.Slideshow.PracticeScrapbook div.Wrapper div.Actions div.Close{
  cursor: pointer;
}

div.ScrapbookViewer {
  position: fixed;
  width: 740px;
  top: 75px;
  left: 50%;
  margin-left: -370px;
  bottom: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  -webkit-overflow-scrolling: touch;
}

div.ScrapbookViewer.ScrapbookOnly {
  top: 45px !important;
}

div.ScrapbookViewer * {
  text-align: left;
}
div.ScrapbookViewer div.Scrapbook{
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  background-color: #F4F5F9;

  clear: both;
  overflow-x: hidden;
  padding: 5px;
  width: 100%;
  height: auto;
}

div.ScrapbookViewer div.Scrapbook.Exporting{
  padding: 0px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes{
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  background-color: #F4F5F9;
  padding: 0px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Column {
  box-sizing: border-box;
  height: auto;
  float: left;
  clear: none;
  margin: 0px;
  padding: 5px;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Column {
  padding: 0px 0px 0px 5px;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Column:first-child{
  padding: 0px 0px 0px 5px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Column.LayoutMode2 {
  width: 50%;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Column.LayoutMode1 {
  width: 100%;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Column.LayoutMode3 {
  width: 33.33%;
}


div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell {
  box-sizing: border-box;
  float: left;
  height: auto;
  width: 100%;
  clear: both;

  background-color: #FFFFFF;
  margin-bottom: 10px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  outline: none;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell{
  margin-bottom: 0px;
  margin-top: 10px;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell:first-child{
  margin-top: 0px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content{
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  float: left;
  height: auto;
  width: 100%;
  clear: both;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.SetSwims div.Content div.SetPreview {
  margin: 0px;
  box-shadow: none;
  border: none;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.NotFound{
  height: 150px;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell.Photo div.Content{
  display: block;
  line-height: 1px;
  text-align: center;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell.Video div.Content {
  min-height: 150px;
}
div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell.Video div.Content img{
  visibility: hidden;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell.Video div.Content.Loaded img{
  visibility: inherit;
}
div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell div.Content.NotFound{
  display: block;
  width: 100%;
  text-align: center;
  line-height: 150px;
  height: 150px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption{
  box-sizing: border-box;
  padding: 10px;
  float: left;
  height: auto;
  width: 100%;
  font-size: 0.875em;
}



div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;


  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content i.NotFound,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content i.Loading,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content>div.Video div.wistia_embed.NotFound {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  color: #CCC;

  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;
}

div.ScrapbookViewer div.Scrapbook.Exporting div.Nodes div.Cell div.Content>div.Video div.wistia_embed.NotFound{
  display: block;
  width: 100%;
  text-align: center;
  line-height: 150px;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content i.Loading{
  position: relative;
  top: 50%;
  left: 50%;
  height: 1em;
  width: 1em;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content i.NotFound{
  display: none;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.NotFound i.NotFound{
  display: inline-block;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.NotFound img,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.NotFound i.Loading{
  display: none;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Photo div.Content img{
  visibility: hidden;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Photo div.Content.Loaded img{
  visibility: inherit;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Photo div.Content.Loaded img:hover {
  cursor: pointer;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Video div.Content i.Loading{
  margin-top: 60px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.Loaded i.Loading{
  display: none;
}


div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content>div.Video{
  box-sizing: border-box;
  width: 100%;
  height: 350px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content.NotFound>div.Video{
  height: 150px;
}


div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content>div.Video div.wistia_embed{
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content>div.Video div.wistia_embed iframe{
  display: none;
}



div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content>div.Video div.Loading{
  box-sizing: border-box;
  position: absolute;
  left: 20%;
  right: 20%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  top: -620%;
  bottom: 520%;

  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align:center;
  -ms-flex-direction: column;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Note{
  min-height: 1em;
  text-align: left;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Note div.Content span{
  display: inline-block;
  padding: 10px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow-wrap: break-word;
  white-space: pre-line;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Voice,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Voice div.Content {
  min-height: 32px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Voice div.Content audio{
  width: 100%;
  min-width: auto;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Voice div.Content audio::-webkit-media-controls-panel {
  background-color: #5ea7de;
}
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell.Voice div.Content audio::-webkit-media-controls{
  background-color: #FFFFFF;
  color: #FFFFFF;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption div.Inner span.ViewLess,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption div.Inner span.ViewMore {
  display: inline;
  color: #4e7ea6;
  font-weight: 400;
  cursor: pointer;
  visibility: inherit;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption div.Inner span.ViewMore {
  vertical-align: middle;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption div.Inner span.ViewMore,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption div.Inner span.ViewLess {
  visibility: hidden;
  display: none;
}


div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption.More div.Inner span.Text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 78%;
  width: 77%;
  display: inline-block;
  vertical-align: middle;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption.Less div.Inner span.Text {
  white-space: pre-line;
  overflow-wrap: break-word;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption.More div.Inner span.ViewMore,
div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Caption.Less div.Inner span.ViewLess {
  display: inline-block;
  visibility: inherit;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio {
  box-sizing: border-box;
  float: left;
  clear: both;
  width: 100%;
  padding: 6px 12px;
  background-color: #5ea7de;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio span {
  float: left;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio span.PlayBtn {
  width: 20px;
  color: #5a5a5a;
  font-size: 0.95em;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio span.Duration {
  width: 35px;
  color: #5a5a5a;
  font-size: 0.8em;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio div.TimeLine {
  width: 80%;
  position: relative;
  height: 20px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio div.TimeLine:after {
  content: "\A";
  width: 100%;
  height: 2px;
  background-color: #dadada;
  top: 50%;
  bottom: 50%;
  margin: auto;
  display: block;
  position: absolute;
  margin-left: 62px;
}

div.ScrapbookViewer div.Scrapbook div.Nodes div.Cell div.Content div.ExportAudio div.TimeLine i {
  position: absolute;
  z-index: 10;
  margin-left: 60px;
  top: 16%;
  margin: auto;
  color: #4285f4;
  font-size: 0.9em;
}



div.SetPreview {
  padding: 10px;
  border: 1px solid #d9d9d9;
  box-shadow: 1px 1px 1px #a2a2a2;
  margin: 15px 0px;
  position: relative;
  outline: 0;
  background-color: #fff;
}

div.SetPreview.TestSet {
  background-color: #fff3f3;
}

div.SetPreview div.SetName {
  font-size: 1.1em;
  color: #86c75f;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 35px;
  line-height: 35px;
}

div.SetPreview.TestSet div.SetName {
  color: #ef3914;
}

div.SetPreview.SetRest {
  background-color: #e7f3ff;
  color: #29709e;
}

div.SetPreview.SetRest div.SetRest {
  padding: 5px 0px;
  font-weight: 600;
}

div.SetPreview.SetNote div.SetNote {
  padding: 5px 0px;
}

div.SetPreview.SetNote div.SetNote span {
  white-space: pre-line;
  overflow-wrap: break-word;
}

div.SetPreview.SetNote div.SetNote span > label {
  display: none;
}

div.SetPreview div.Summary {
  margin: 0px 10px;
  font-size: 1.1em;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  overflow: hidden;
}

div.SetPreview div.Summary div.Property {
  margin-right: 15px;
  font-weight: 600;
  display: inline-block;
}

div.SetPreview div.Summary div.Property.Distance {
  min-width: 80px;
}

div.SetPreview div.Summary div.Property.Time {
  min-width: 100px;
}

div.SetPreview div.Summary div.Property.Stress {
  min-width: 70px;
}

div.SetPreview div.Summary div.Property.Description {
  min-width: 45px;
}

div.SetPreview div.Summary div.Property.Repetition {
  min-width: 45px;
}

div.SetPreview div.Summary div.Property i,
div.WorkoutPreview > div.Summary > span > i {
  font-size: 0.75em;
  color: #8c8c8c;
}

div.WorkoutPreview > div.Summary > span > i {
  font-size: 0.9em;
}

div.SetPreview > div.SetDetail > div.Content {
  padding: 10px;
  display: block;
  margin-top: 0px !important;
  padding-bottom: 0px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim {
  width: 100%;
  display: block;
  overflow: hidden;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Repetition {
  float: left !important;
  width: 35px !important;
  text-align: right !important;
  padding-right: 5px !important;
  padding-top: 5px !important;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Repetition > span {
  font-size: 1em;
  float: left !important;
  vertical-align: inherit !important;
  line-height: 16px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims {
  border-left: 1px solid #b7b7b7;
  margin-left: 10px;
  padding-bottom: 1px;
  padding-left: 8px;
  overflow: hidden;
  overflow-wrap: break-word;
  float: none;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim {
  border-top: 1px dashed #d9d9d9;
  padding: 5px 0px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim:last-child {
  border-bottom: 1px dashed #d9d9d9;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property {
  display: inline-block;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Description {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 5px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property {
  font-size: 0.83em;
  font-weight: bold;
  margin-right: 8px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Energy,
div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Type,
div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Stroke {
  min-width: 60px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Racepace {
  min-width: 100px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Racepace.Hide,
div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property.Energy.Hide {
  display: none;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.Property label {
  color: #8c8c8c;
  font-weight: normal;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Swims div.Swim div.SwimRest {
  background-color: #e7f3ff;
  color: #29709e;
  padding: 10px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Note {
  margin-top: 10px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Note label,
div.WorkoutPreview div.Note label {
  float: left;
  margin-right: 5px;
}

div.SetPreview div.SetDetail div.Content div.SetSwim div.Note span,
div.WorkoutPreview div.Note span {
  float: left;
  white-space: pre-line;
  overflow-wrap: break-word;
}

div.WorkoutPreview > div.Note {
  display: inline-block;
  padding-bottom: 15px;
}

div.WorkoutPreview div.WorkoutTitle > span {
  display: block;
  font-weight: bold;
  font-size: 1.4em;
  padding: 10px 0px;
}

div.WorkoutPreview > div.Summary {
  overflow: hidden;
}

div.WorkoutPreview > div.Summary > span {
  margin-right: 15px;
  float: left;
}

div.WorkoutPreview > div.Summary > span > strong {
  color: #86c75f;
}

#scrapbookViewer div.Wrapper.Viewer {
  height: inherit;
}

#scrapbookViewer div.Wrapper.Viewer div.Header div.Title {
  padding: 15px;
  width: auto;
}

#scrapbookViewer div.Wrapper.Viewer div.Actions {
  right: 5px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer > div.Content {
  padding: 0px 10px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer {
  background-color: #fff;
  top: 59px;
  bottom: 12px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Spinner {
  display: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer.Loading div.Spinner {
  width: 100%;
  height: 100%;
  display: block
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer.Loading div.Spinner > span {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 50%;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer.Loading div.Content {
  visibility: hidden;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content {
  visibility: inherit;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.PracticeTitle {
  padding: 5px 0px;
  font-size: 1.6em;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview > div.Time {
  font-weight: bold;
  color: #ee3423;
  padding: 10px 0px;
  border-bottom: 1px dashed #d9d9d9;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview > div.Summary {
  padding: 10px 0px;
  display: inline-block;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview > div.Summary div.Property {
  float: left;
  margin-top: 5px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #d9d9d9;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer .NonSwim {
  display: none !important;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview > div.Summary div.Property.Course {
  border-left: 1px solid #d9d9d9;
  padding-left: 15px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview > div.Summary div.Property.Course,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.RRule,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.Author,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.Location {
  border-right: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.Coaches,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.Attendance,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.PracticeNote,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.RRule {
  clear: both;
  padding-left: 0px;
  border-left: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.Coaches.NoCoach,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.RRule.NoRRule,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.RRule.ExcludeDate.NoExcludeDate {
  display: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.RRule div.ExcludeDate {
  margin-top: 5px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property label,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel label {
  color: #787878;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.Summary div.Property.PracticeNote > span {
  display: inline-flex;
  white-space: pre-line;
  overflow-wrap: break-word;
  width: auto;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header {
  background-color: #eeeeee;
  border-top: 1px solid #d9d9d9;
  width: 110%;
  margin-left: -15px;
}


#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutTitles {
  padding: 10px 15px;
  width: 90%;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutTitles strong {
  margin: 10px 0px;
  padding: 0px 10px;
  border-right: 1px solid #d9d9d9;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutTitles strong.Active {
  color: #84c55f;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutTitles strong:last-child {
  border-right: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions {
  padding: 10px 15px 5px 15px;
  width: 90%;
  text-transform: uppercase;
  display: inline-block;
  border-top: 1px dashed #d9d9d9;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions label {
  float: left;
  font-weight: bold;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button {
  float: right;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button > * {
  display: inline;
  color: #bababa;
  padding: 0px 5px;
  cursor: pointer;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Sep {
  border-right: 1px solid #bababa;
  padding: 0px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Next {
  padding-left: 8px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.WorkoutDetails {
  display: inline-block;
  width: 100%;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Previous,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Next {
  color: #5fa8dc;
  text-decoration: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Previous.Disabled,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPanel div.Header div.WorkoutActions div.Button div.Next.Disabled {
  color: #bababa;
  cursor: default;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.NoWorkout div.NoWorkout {
  display: block;
  text-align: center;
  font-size: 1.2em;
  margin: auto;
  color: red;
  padding: 15px;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.NoWorkout div.WorkoutPanel,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.NoWorkout {
  display: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPreview div.WorkoutWarning {
  text-align: center;
  font-size: 1.2em;
  padding: 20px 5px;
  color: red;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.WorkoutPreview div.WorkoutTitle > span {
  font-size: 1.2em;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview div.HideWorkout {
  display: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.HideWorkout {
  display: block;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.HideWorkout.RosterHideWorkout span.Roster,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.HideWorkout span.Normal {
  display: block;
  text-align: center;
  padding: 20px 5px;
  margin: auto;
  font-size: 1.2em;
  color: red;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.HideWorkout span.Roster,
#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.HideWorkout.RosterHideWorkout span.Normal {
  display: none;
}

#scrapbookViewer div.Wrapper.Viewer div.ScrapbookViewer div.Content div.PracticePreview.HideWorkout div.WorkoutPanel {
  display: none;
}

/* EDIT CAPTION */
#captionEditor {
  z-index: 100007;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: rgba(0, 0, 0, .8);
  display: none;
}
#captionEditor div.Wrapper {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px  !important;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  border-radius: 0.4em;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  width: 40em;
  height: 30em;
  top: 10em;
  margin-left: -20em;
  background: #eee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-flow: column nowrap;
}
#captionEditor div.Wrapper div.Header {
	padding: 10px 15px;
	border-bottom: 1px solid #e5e5e5;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 45px;
}
#captionEditor div.Wrapper div.Header .Title {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  font-size: 1.2em;
  font-weight: bold;
  color: #777;
  padding-top: 4px;
}
#captionEditor div.Wrapper div.Header .Actions .Close {
	color: #ee3423;
	cursor: pointer;
}
#captionEditor div.Wrapper .ModalBody {
	position: relative;
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
#captionEditor div.Wrapper .ModalBody .Spinner {
	display: none;
	position: absolute;
  color: #5fa8dc;
  top: 50px;
  left: 50%;
}
#captionEditor div.Wrapper .ModalBody.Loading .Spinner {
	display: inline-block;
}
#captionEditor div.Wrapper .ModalBody .Content {
	padding: 10px 15px;
	height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-flow: column nowrap;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row:last-child {
	margin-bottom: 0;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row label {
	color: #787878;
  margin: 1em 0 0 0;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row > div {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row div.clear-button {
	text-align: right;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row.description {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
}
#captionEditor div.Wrapper .ModalBody .Content .form-row.description textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border-radius: 5px;
  padding: 8px; 
}
#captionEditor div.Wrapper .ModalFooter {
	padding: 0 15px 10px 15px;
	text-align: right;
}
/* END EDIT CAPTION */



/*
.box
        {
          font-size: 1.25rem;
          background-color: #c8dadf;
          position: relative;
          padding: 100px 20px;
        }
        .box.has-advanced-upload
        {
          outline: 2px dashed #92b0b3;
          outline-offset: -10px;

          -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
          transition: outline-offset .15s ease-in-out, background-color .15s linear;
        }
        .box.is-dragover
        {
          outline-offset: -20px;
          outline-color: #c8dadf;
          background-color: #fff;
        }
          .box__dragndrop,
          .box__icon
          {
            display: none;
          }
          .box.has-advanced-upload .box__dragndrop
          {
            display: inline;
          }
          .box.has-advanced-upload .box__icon
          {
            width: 100%;
            height: 80px;
            fill: #92b0b3;
            display: block;
            margin-bottom: 40px;
          }

          .box.is-uploading .box__input,
          .box.is-success .box__input,
          .box.is-error .box__input
          {
            visibility: hidden;
          }

          .box__uploading,
          .box__success,
          .box__error
          {
            display: none;
          }
          .box.is-uploading .box__uploading,
          .box.is-success .box__success,
          .box.is-error .box__error
          {
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;

            -webkit-transform: translateY( -50% );
            transform: translateY( -50% );
          }
          .box__uploading
          {
            font-style: italic;
          }
          .box__success
          {
            -webkit-animation: appear-from-inside .25s ease-in-out;
            animation: appear-from-inside .25s ease-in-out;
          }
            @-webkit-keyframes appear-from-inside
            {
              from  { -webkit-transform: translateY( -50% ) scale( 0 ); }
              75%   { -webkit-transform: translateY( -50% ) scale( 1.1 ); }
              to    { -webkit-transform: translateY( -50% ) scale( 1 ); }
            }
            @keyframes appear-from-inside
            {
              from  { transform: translateY( -50% ) scale( 0 ); }
              75%   { transform: translateY( -50% ) scale( 1.1 ); }
              to    { transform: translateY( -50% ) scale( 1 ); }
            }

          .box__restart
          {
            font-weight: 700;
          }
          .box__restart:focus,
          .box__restart:hover
          {
            color: #39bfd3;
          }

          .js .box__file
          {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
          }
          .js .box__file + label
          {
            max-width: 80%;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
          }
          .js .box__file + label:hover strong,
          .box__file:focus + label strong,
          .box__file.has-focus + label strong
          {
            color: #39bfd3;
          }
          .js .box__file:focus + label,
          .js .box__file.has-focus + label
          {
            outline: 1px dotted #000;
            outline: -webkit-focus-ring-color auto 5px;
          }
            .js .box__file + label *
            {
              
            }

          .no-js .box__file + label
          {
            display: none;
          }

          .no-js .box__button
          {
            display: block;
          }
          .box__button
          {
            font-weight: 700;
            color: #e5edf1;
            background-color: #39bfd3;
            display: none;
            padding: 8px 16px;
            margin: 40px auto 0;
          }
            .box__button:hover,
            .box__button:focus
            {
              background-color: #0f3c4b;
            }

*/

/* Post to Feed Modal */

@media (max-width: 500px) {
  div.Teamfeed.Slideshow div.Header div.Counter,
  div.Slideshow.PracticeScrapbook div.Header div.Counter{
    margin-top: 3.5em !important;
  }
}

@media (max-width: 750px) {
  #scrapbookViewer div.Wrapper {
    position: fixed;
    width: auto;
    top: 5px;
    left: 5px;
    right: 5px;
    margin-left: 0px;
  }

  div.ScrapbookViewer {
    position: fixed;
    width: auto;
    top: 75px;
    left: 5px;
    right: 5px;
    margin-left: 0px;
  }

  #scrapbookViewer div.Wrapper.SharePost {
    width: auto;
    left: 5px;
  }
}