.sgcontenteditor-no-animate {
  -webkit-transition: none !important;
  transition: none !important;
  animation: none !important; }

.sgcontenteditor md-input-container .md-errors-spacer {
  min-height: 0; }

.sgcontenteditor .table-hover tr {
  cursor: pointer; }

.sgcontenteditor .table-hover tr:hover td.no-hover {
  cursor: default;
  background: transparent; }

.sgcontenteditor-feature-rotator {
  margin-bottom: 10px !important;
  border-radius: 10px;
  background-color: #ededed !important;
  position: relative;
  height: 188px; }
  .sgcontenteditor-feature-rotator .sgcontenteditor-feature-item {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    align-items: center;
    transition: left 500ms ease-in-out; }
    .sgcontenteditor-feature-rotator .sgcontenteditor-feature-item .fill {
      flex-grow: 1; }
    .sgcontenteditor-feature-rotator .sgcontenteditor-feature-item .left {
      flex-grow: 2;
      background-size: auto 100% !important;
      background-repeat: no-repeat;
      background-position: right center;
      align-self: normal; }
      .sgcontenteditor-feature-rotator .sgcontenteditor-feature-item .left h2 {
        margin-top: 0; }
    .sgcontenteditor-feature-rotator .sgcontenteditor-feature-item .right {
      padding-left: 30px; }
  .sgcontenteditor-feature-rotator .current, .sgcontenteditor-feature-rotator .moveToRight, .sgcontenteditor-feature-rotator .moveToLeft {
    display: flex; }
  .sgcontenteditor-feature-rotator .moveToRight {
    animation: moveToRight 500ms ease-in-out forwards; }
  .sgcontenteditor-feature-rotator .moveToLeft {
    animation: moveToLeft 500ms ease-in-out forwards; }
  .sgcontenteditor-feature-rotator .moveFromRight {
    animation: moveFromRight 500ms ease-in-out forwards; }
  .sgcontenteditor-feature-rotator .moveFromLeft {
    animation: moveFromLeft 500ms ease-in-out forwards; }

@keyframes moveToRight {
  0% {
    left: 0; }
  100% {
    left: 100%; } }

@keyframes moveToLeft {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

@keyframes moveFromRight {
  0% {
    left: 100%; }
  100% {
    left: 0; } }

@keyframes moveFromLeft {
  0% {
    left: -100%; }
  100% {
    left: 0; } }

.sgcontenteditor-content {
  /*******************************/
  /**    FloatingSubstepMenu    **/
  /*******************************/ }
  .sgcontenteditor-content .StepMenu {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    display: table;
    width: 100%;
    table-layout: fixed; }
    .sgcontenteditor-content .StepMenu > li {
      display: table-cell;
      text-align: center;
      color: #1c91e4;
      font-size: 17px;
      text-decoration: none;
      cursor: pointer;
      position: relative;
      border-bottom: 3px solid #ccc;
      border-top: 3px solid #ccc;
      width: 100%;
      padding: 0 !important; }
    .sgcontenteditor-content .StepMenu.HideDropdown {
      overflow: hidden; }
    .sgcontenteditor-content .StepMenu > li.Current {
      margin-bottom: -3px;
      border-bottom: 3px solid #1c91e4; }
    .sgcontenteditor-content .StepMenu > li:hover > a {
      z-index: 1002;
      position: relative;
      background-color: white; }
    .sgcontenteditor-content .StepMenu a {
      border-right: 3px solid #ccc;
      text-decoration: none;
      display: block;
      padding: 5px 0 0; }
    .sgcontenteditor-content .StepMenu span {
      display: block;
      font-size: 12px;
      color: #777; }
  .sgcontenteditor-content .StepMenuContent {
    padding: 30px;
    padding-top: 35px; }
  .sgcontenteditor-content .StepSubMenu {
    padding: 6px !important;
    margin: 0;
    list-style-type: none;
    position: absolute;
    display: none;
    background-color: White;
    top: 100%;
    z-index: 1001;
    border: 3px solid #ccc;
    text-align: left;
    width: 217px;
    left: -3px; }
    .sgcontenteditor-content .StepSubMenu > li {
      display: inline-block;
      padding: 0;
      margin: 0; }
    .sgcontenteditor-content .StepSubMenu > li > a {
      font-size: 12px;
      display: inline-block;
      border: 2px solid #aaa;
      margin: 5px;
      padding: 5px;
      width: 190px; }
    .sgcontenteditor-content .StepSubMenu > li.Current > a {
      border-color: #1c91e4; }
    .sgcontenteditor-content .StepSubMenu > li > a:hover {
      background-color: #eee; }
    .sgcontenteditor-content .StepSubMenu .Text {
      display: inline-block;
      vertical-align: middle;
      width: 125px; }
    .sgcontenteditor-content .StepSubMenu span {
      color: white;
      display: inline-block;
      padding: 5px;
      font-size: 9px;
      margin-right: 5px;
      vertical-align: middle; }
    .sgcontenteditor-content .StepSubMenu span.Teacher {
      background-color: #73CE1D; }
    .sgcontenteditor-content .StepSubMenu span.Student {
      background-color: #E54824; }
    .sgcontenteditor-content .StepSubMenu span.Assignable {
      background-color: #FFA500; }
    .sgcontenteditor-content .StepSubMenu.TwoColumn {
      width: 430px; }
  .sgcontenteditor-content .StepMenu > li:hover .StepSubMenu {
    display: block; }
  .sgcontenteditor-content .FloatingSubstepMenu {
    padding: 0;
    list-style-type: none;
    z-index: 10;
    margin: 0;
    margin: 20px;
    float: right;
    position: relative; }
    .sgcontenteditor-content .FloatingSubstepMenu li {
      padding: 0; }
      .sgcontenteditor-content .FloatingSubstepMenu li > div {
        color: #1c91e4;
        cursor: pointer;
        border: 1px solid #aaa;
        padding: 5px;
        background-color: White;
        position: relative;
        min-height: 22px;
        display: inline-block;
        vertical-align: middle; }
      .sgcontenteditor-content .FloatingSubstepMenu li .Text {
        width: 175px;
        display: inline-block;
        vertical-align: middle; }
      .sgcontenteditor-content .FloatingSubstepMenu li > div span {
        display: inline-block;
        padding: 5px;
        font-size: 9px;
        color: white;
        vertical-align: middle; }
        .sgcontenteditor-content .FloatingSubstepMenu li > div span.Teacher {
          background-color: #73CE1D; }
        .sgcontenteditor-content .FloatingSubstepMenu li > div span.Student {
          background-color: #E54824; }
        .sgcontenteditor-content .FloatingSubstepMenu li > div span.Assignable {
          background-color: #FFA500; }
      .sgcontenteditor-content .FloatingSubstepMenu li > div:hover {
        background-color: #dddddd; }
      .sgcontenteditor-content .FloatingSubstepMenu li.Current > div {
        color: black;
        cursor: default;
        border-width: 2px;
        padding: 4px;
        border-color: #1c91e4; }

.sgcontenteditor-content {
  background-color: white;
  position: relative;
  font-size: 13pt; }
  .sgcontenteditor-content .cke_focus {
    outline-color: goldenrod !important;
    outline-style: auto !important;
    outline-width: 5px !important;
    outline-offset: 0 !important; }
  .sgcontenteditor-content .embed-responsive {
    clear: both; }

.page-wrapper-widescreen .page-outer-wrapper .sgcontenteditor-content-wrapper {
  background-color: #ddd !important;
  padding: 20px !important;
  border: 0; }

.page-item-block-wrapper {
  height: 400px;
  overflow: hidden; }
  .page-item-block-wrapper:hover .item-content {
    top: inherit; }
  .page-item-block-wrapper:hover .overflow-gradient {
    display: none; }
  .page-item-block-wrapper h2, .page-item-block-wrapper h3, .page-item-block-wrapper p {
    margin: 7px 11px !important; }
  .page-item-block-wrapper h3 {
    color: #757575; }
  .page-item-block-wrapper .item-content {
    min-height: 41%;
    height: auto !important;
    position: absolute !important;
    top: 59%;
    background-color: white;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
    .page-item-block-wrapper .item-content .overflow-gradient {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 34px;
      z-index: 10;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+2,1+71 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, white 71%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, white 71%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, white 71%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .page-item-block-wrapper .item-bg {
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    border-bottom-width: 0px !important; }
    .page-item-block-wrapper .item-bg .unassigned {
      background: lightgoldenrodyellow;
      color: #897900;
      transform: rotate(45deg) translate(99%, -400%);
      position: absolute;
      top: 0;
      width: 50%;
      text-align: center;
      padding: 10px; }
  .page-item-block-wrapper .md-2-line {
    height: 53px;
    padding-top: 15px;
    min-height: 64px; }
    .page-item-block-wrapper .md-2-line p.line-3 {
      margin-top: -2px; }
  .page-item-block-wrapper .bg-warning {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-weight: bold; }

.sgcontenteditor-bookcase .tab-control-row {
  margin-top: 9px; }

.sgcontenteditor-bookcase md-input-container label:not(.md-no-float):not(.md-container-ignore), .sgcontenteditor-bookcase md-input-container .md-placeholder {
  transform: translate3d(0, 32px, 0) scale(1); }

.sgcontenteditor-bookcase md-input-container.md-input-focused label:not(.md-no-float), .sgcontenteditor-bookcase md-input-container.md-input-has-placeholder label:not(.md-no-float), .sgcontenteditor-bookcase md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 12px, 0) scale(0.75);
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }

.sgcontenteditor-content .pdp {
  clear: both; }
  .sgcontenteditor-content .pdp button {
    -webkit-transition: none !important;
    transition: none !important; }
  .sgcontenteditor-content .pdp .step .stepContainer {
    width: 50%;
    font-weight: bold;
    position: relative;
    text-align: center; }
    .sgcontenteditor-content .pdp .step .stepContainer .section {
      border-color: #00a1e1;
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-width: 3px;
      border-style: solid;
      color: #4e4e4e;
      margin-left: 140px;
      border-left-width: 0;
      padding: 1px;
      font-size: 14px;
      cursor: pointer;
      background-color: white; }
      .sgcontenteditor-content .pdp .step .stepContainer .section:hover {
        background-color: #ccc; }
    .sgcontenteditor-content .pdp .step .stepContainer .sectionArrow {
      margin-left: 140px;
      height: 14px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEyQUYwMkQwM0ZFMTFFNUE1QUQ4MkQ0RjQ4NDdCRTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEyQUYwMkMwM0ZFMTFFNUE1QUQ4MkQ0RjQ4NDdCRTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY1QjlFREFDMzc3MTFFNDg3OTJDQzI4MEQ0QkM0QzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY1QjlFREJDMzc3MTFFNDg3OTJDQzI4MEQ0QkM0QzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hABdzAAABu0lEQVR42iSQv2tTURTHv/e9vPfuS16axJISpUUpuNgOLnXo5qDOLl3EqQX/AkEH/QNcHRRFheKgWBx0cCjYQB1E6JSigiWJ1GggTUpe837ee9/xvvTA4fzi8+Wcw4gIvfHxMktjr+GUv251jsR6UxSWzvh4c21ho1zlr1WUzBimFWYMvABt5yrFfQEPUiVw+YKYZH8zVXQwNzv3oshiwHMGkALK9QIjBw4H5o2Bby3bmQOwFAab2CXJkMgUssDxe+SsHTMPESSmwNODfx/uNn+2CBbsLNCQRGJIs8ZtNPt4ePNT6213HN/3QJiuVLFr6t2vPqzZQbTWKPWJl+cbjNG3Xu/5ne1wo63qcbXEfkALToH5YgGGbWLz+4m9+2d0gSrAXmTSrc/m7XZAWKkOuWc2dkD+6UrXF/nZB6uLkZv6Rid0pB254pAYdUdD50qd4dnVpcd1V4wFc8HytwI+Qszg1X4Q3vvSdgNWlmTY8lI94B9XL66fr8mXzDL1BQrIgVh7HkkR3h8cdZwnLbq81U1HQ3ITUoj0TJD+mKBTIMuhRGlggoQE9nrqkX+iBeJI98bahc51nRH+CzAALgLi3rNYaysAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-position: center; }
    .sgcontenteditor-content .pdp .step .stepContainer .stepText {
      width: 140px;
      border-color: #00a1e1;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      border-width: 3px;
      border-style: solid;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      background-color: white; }
      .sgcontenteditor-content .pdp .step .stepContainer .stepText .stepTextInner {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        width: 100%; }
  .sgcontenteditor-content .pdp .step.spaceWithTwo .stepContainer {
    padding: 16px 0; }
  .sgcontenteditor-content .pdp .step.stepRight .stepContainer {
    margin-left: 50%; }
  .sgcontenteditor-content .pdp .line1 {
    color: #4e4e4e;
    font-size: 20px;
    line-height: 20px; }
  .sgcontenteditor-content .pdp .line2 {
    color: #00a1e1;
    font-size: 30px;
    line-height: 34px; }
  .sgcontenteditor-content .pdp .line3 {
    color: #4e4e4e;
    font-size: 17px;
    line-height: 20px; }
  .sgcontenteditor-content .pdp.last .line1 {
    color: #00a1e1;
    font-size: 30px;
    line-height: 34px; }
  .sgcontenteditor-content .pdp.last .line2 {
    color: #4e4e4e;
    font-size: 17px;
    line-height: 20px; }
  .sgcontenteditor-content .pdp.last .line3 {
    color: #00a1e1;
    font-size: 30px;
    line-height: 34px; }

.sgcontenteditor-content .pdpPopup .background {
  background-color: Black;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 10000; }

.sgcontenteditor-content .pdpPopup .editor {
  margin-top: 80px;
  display: inline-block;
  background-color: #999;
  border-radius: 8px;
  padding: 10px;
  margin-left: 10px; }

.sgcontenteditor-content .pdpPopup .popupContent {
  position: fixed;
  overflow: hidden;
  background-color: white;
  z-index: 10001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .sgcontenteditor-content .pdpPopup .popupContent .closeButton {
    position: absolute;
    top: 10px;
    left: 10px; }
  .sgcontenteditor-content .pdpPopup .popupContent .stepPopup {
    position: absolute;
    left: 10px;
    bottom: 40px;
    border-color: #00a1e1;
    border-radius: 8px;
    border-width: 3px;
    border-style: solid;
    margin-right: 10px;
    color: #4e4e4e;
    text-align: center;
    overflow: hidden;
    font-weight: bold; }
    .sgcontenteditor-content .pdpPopup .popupContent .stepPopup .section {
      padding: 1px 5px;
      font-size: 14px;
      cursor: pointer;
      background-color: white;
      border-color: #00a1e1;
      border-top-width: 3px;
      border-top-style: solid; }
      .sgcontenteditor-content .pdpPopup .popupContent .stepPopup .section:hover {
        background-color: #ccc; }
      .sgcontenteditor-content .pdpPopup .popupContent .stepPopup .section.current {
        background-color: #a0ce4e;
        color: white; }
  .sgcontenteditor-content .pdpPopup .popupContent .controls {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0; }
    .sgcontenteditor-content .pdpPopup .popupContent .controls .controlsLeft {
      display: inline-block;
      width: 49%;
      text-align: right;
      min-height: 1px; }
    .sgcontenteditor-content .pdpPopup .popupContent .controls .controlsRight {
      display: inline-block;
      width: 50%; }
  .sgcontenteditor-content .pdpPopup .popupContent .childDisplay {
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 800px;
    height: 600px;
    -ms-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top; }
    .sgcontenteditor-content .pdpPopup .popupContent .childDisplay > div {
      font-size: 23px;
      padding: 31px 63px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
      .sgcontenteditor-content .pdpPopup .popupContent .childDisplay > div h1 {
        font-size: 33px; }
      .sgcontenteditor-content .pdpPopup .popupContent .childDisplay > div h2 {
        font-size: 25px; }
      .sgcontenteditor-content .pdpPopup .popupContent .childDisplay > div h3 {
        font-size: 21px; }

.sgcontenteditor-content .simple-grid {
  padding: 5px;
  border-spacing: 20px;
  border-collapse: separate;
  table-layout: fixed;
  width: 100%; }
  .sgcontenteditor-content .simple-grid td {
    padding: 0px !important;
    border: 0px solid #fff !important;
    border-top: 2px #52575c solid !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    vertical-align: top; }
    .sgcontenteditor-content .simple-grid td div[placeholder]:empty:before {
      content: attr(placeholder);
      color: #555;
      font-style: italic;
      cursor: text; }

.sgcontenteditor-editor-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background-color: #808080; }
  .sgcontenteditor-editor-outer * {
    -webkit-transition: none !important;
    transition: none !important; }
  .sgcontenteditor-editor-outer .btn-default.disabled, .sgcontenteditor-editor-outer .btn-default.disabled:hover, .sgcontenteditor-editor-outer .btn-default.disabled:focus, .sgcontenteditor-editor-outer .btn-default.disabled:active, .sgcontenteditor-editor-outer .btn-default.disabled.active, .sgcontenteditor-editor-outer .btn-default[disabled], .sgcontenteditor-editor-outer .btn-default[disabled]:hover, .sgcontenteditor-editor-outer .btn-default[disabled]:focus, .sgcontenteditor-editor-outer .btn-default[disabled]:active, .sgcontenteditor-editor-outer .btn-default[disabled].active, .sgcontenteditor-editor-outer fieldset[disabled] .btn-default, .sgcontenteditor-editor-outer fieldset[disabled] .btn-default:hover, .sgcontenteditor-editor-outer fieldset[disabled] .btn-default:focus, .sgcontenteditor-editor-outer fieldset[disabled] .btn-default:active, .sgcontenteditor-editor-outer fieldset[disabled] .btn-default.active {
    background-color: #4B4B4B; }
  .sgcontenteditor-editor-outer .focussed .ta-bind {
    border: 5px solid blue;
    margin: -5px; }
  .sgcontenteditor-editor-outer .ta-toolbar {
    display: none;
    position: fixed;
    top: 0;
    font-size: 75%; }
  .sgcontenteditor-editor-outer .focussed .ta-toolbar {
    display: block; }
  .sgcontenteditor-editor-outer .ta-scroll-window > .ta-bind {
    min-height: 10px;
    padding: 0; }
  .sgcontenteditor-editor-outer .student-back, .sgcontenteditor-editor-outer .student-back:hover {
    background-color: #e54824; }
  .sgcontenteditor-editor-outer .teacher-back, .sgcontenteditor-editor-outer .teacher-back:hover {
    background-color: #73CE1D; }
  .sgcontenteditor-editor-outer .sgcontenteditor-editor-treepane {
    width: 200px;
    background-color: white;
    padding: 10px;
    overflow-x: auto; }
  .sgcontenteditor-editor-outer .sgcontenteditor-editor-properties-pane {
    background-color: white;
    width: 500px;
    padding: 10px;
    overflow: auto;
    position: relative; }
  .sgcontenteditor-editor-outer .sgcontenteditor-editor-paneresize {
    width: 5px;
    flex-basis: 5px;
    background-color: #848484;
    cursor: ew-resize; }
  .sgcontenteditor-editor-outer .sgcontenteditor-editor-display-pane {
    flex-grow: 1;
    overflow: auto;
    background-color: white; }

.sgcontenteditor-versioning-thumbnail {
  margin: -20px 0;
  display: inline-block; }

.sgcontenteditor-elementlist-item {
  border: 1px solid #999;
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer; }
  .sgcontenteditor-elementlist-item .sgcontenteditor-elementlist-selected {
    border-color: #000;
    background-color: #eee; }
  .sgcontenteditor-elementlist-item .sgcontenteditor-elementlist-name {
    font-size: 120%;
    font-weight: bold; }

.sgcontenteditor-center-modal {
  text-align: center;
  padding: 0 !important; }
  .sgcontenteditor-center-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
  .sgcontenteditor-center-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto; }
  .sgcontenteditor-center-modal .table-hover tbody tr:hover td, .sgcontenteditor-center-modal .table-hover tbody tr:hover th {
    cursor: pointer; }

.sgcontenteditor-editor-treeview-node {
  white-space: nowrap; }

.sgcontenteditor-editor-treeview-item {
  cursor: pointer;
  color: #929292;
  font-style: italic; }
  .sgcontenteditor-editor-treeview-item.selected {
    font-weight: bold;
    text-decoration: underline;
    color: black;
    background-color: #ccc;
    font-style: normal; }
  .sgcontenteditor-editor-treeview-item:hover {
    text-decoration: underline; }
  .sgcontenteditor-editor-treeview-item.tab {
    color: #1c91e4;
    font-style: normal; }
  .sgcontenteditor-editor-treeview-item.subtab {
    color: inherit;
    font-style: normal; }
    .sgcontenteditor-editor-treeview-item.subtab .glyphicon {
      color: #E54824; }
  .sgcontenteditor-editor-treeview-item.groupedtabs {
    color: inherit;
    font-style: normal; }
  .sgcontenteditor-editor-treeview-item.subtab.teacheronly .glyphicon {
    color: #73CE1D; }

.sgcontenteditor-editor-treeview-container {
  margin-left: 10px; }