.graperow {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	padding: 10px;
	width: 100%;
}

.grapecell {
	min-height: 75px;
	flex-grow: 1;
	flex-basis: 100%;
}

.sharebutton {
	display: inline-block;
	margin: 0 3px 0 0;
	line-height: 36px;
}

.draft {
  background-color: #ffe0e0;
}

.userdatainfo {
  z-index: 1;
  position: fixed;
  font-size: .8em;
  line-height: 15px;
  top: 70px;
  left: 6%;
  background-color: red;
  color: white;
  padding: 5px;
}

.profilesbio {
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
   min-height: 100px;
   max-height: 130px;
   background: #f0f0f0;
   margin: 5px;
}

.videopopupicon {
    display: '';
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 50px;
    z-index: 250;
}
.videopopupvideos {
    right: 10px;
    position: fixed;
    height: 150px;
    width: 250px;
}

@media (max-width: 1000px) {
  .userdatainfo {
    top: 150px;
    left: 3%;
  }
  .videopopupicon {
    bottom: 35px;
  }
  td.coursepageleft {
    vertical-align: top;
  }
  img.coursepagethumb {
    max-width: 100%;
  }

  .usercoursesimage img {
    max-width: 100%;
    max-height: 200px;
  }
}

.cancelpublic {
  font-size: .8em;
  height: 100%;
  background-color: red;
  color: white;
}