  simple-icon:not(:defined),
  simple-icon-lite:not(:defined),
  simple-icon-button:not(:defined),
  simple-icon-button-lite:not(:defined),
  lrnsys-button:not(:defined),
  paper-fab:not(:defined),
  paper-menu-button:not(:defined),
  lrn-aside:not(:defined),
  lrnapp-fab-menu:not(:defined),
  simple-modal:not(:defined),
  simple-drawer:not(:defined),
  lrnsys-dialog:not(:defined),
  lrnsys-drawer:not(:defined) {
      display: none;
  }
  
  .elmsln-modal-content ul,
  .elmsln-modal-content ol {
    margin: 0;
  }
  
  .webcomponent-module-selector,
  .webcomponent-module-selector * {
    box-sizing: border-box;
  }
  
  .page-post-add .elmsln-content-wrap,
  .page-node-add .elmsln-content-wrap,
  .page-node-edit .elmsln-content-wrap {
    margin-top: 2em;
  }
  
  #etb-course-nav .top-bar li lrnsys-button {
    padding: 0;
  }
  lrn-icon,simple-icon {
    display: inline-block;
  }
  .elmsln-service-list li lrnsys-button {
    height: 48px;
    margin-top: -3px;
    line-height: 48px;
  }
  .elmsln-service-list li lrnsys-button simple-icon-lite {
      margin-top: 12px;
  }
  
  *,
  *:before,
  *.imagelightbox__close:after,
  *:after {
    box-sizing: border-box; }
  
  ::-moz-selection {
    background: #9BD9FF;
    color: #002135;
    text-shadow: none; }
  
  ::selection {
    background: #9BD9FF;
    color: #002135;
    text-shadow: none; }
  
  .left {
    float: left !important; }
  
  .right {
    float: right !important; }
  

  .hide {
    display: none; }
  
  .invisible {
    visibility: hidden; }
  
  .reveal-modal-bg {
    background: #000000;
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0; }
  
  .reveal-modal {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #FFFFFF;
    padding: 1.875rem;
    border: solid 1px #666666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
    @media only screen and (max-width: 40em) {
      .reveal-modal {
        min-height: 100vh; } }
    .reveal-modal .column, .reveal-modal .columns {
      min-width: 0; }
    .reveal-modal > :first-child {
      margin-top: 0; }
    .reveal-modal > :last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 1.063em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 80%; }
    .reveal-modal {
        top: 6.25rem; }
    .reveal-modal.radius {
      box-shadow: none;
      border-radius: 3px; }
    .reveal-modal.round {
      box-shadow: none;
      border-radius: 1000px; }
    .reveal-modal.collapse {
      padding: 0;
      box-shadow: none; }
    .reveal-modal.tiny {
        left: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 30%; }
    .reveal-modal.small {
        left: 0;
        margin: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 60%; }
    .reveal-modal.large {
        left: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 70%; }
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 80rem;
        right: 0;
        width: 95%; } }
    .reveal-modal.full {
      height: 100vh;
      height: 100%;
      left: 0;
      margin-left: 0 !important;
      max-width: none !important;
      min-height: 100vh;
      top: 0; }
    .reveal-modal.full {
          left: 0;
          margin: 0 auto;
          max-width: 80rem;
          right: 0;
          width: 100%; }
    .reveal-modal.toback {
      z-index: 1003; }
    .reveal-modal .close-reveal-modal {
      color: #AAAAAA;
      cursor: pointer;
      font-size: 2.5rem;
      font-weight: bold;
      line-height: 1;
      position: absolute;
      top: 0.625rem;
      right: 1.375rem; }
    
  .top-bar {
    margin-bottom: -1px;
    overflow: hidden;
    position: relative; }
    .top-bar ul {
      list-style: none;
      margin-bottom: 0; }
    .top-bar form,
    .top-bar input,
    .top-bar select {
      margin-bottom: 0; }
    .top-bar input,
    .top-bar select {
      font-size: 0.75rem;
      height: 1.75rem;
      padding-bottom: .35rem;
      padding-top: .35rem; }
    .top-bar .button, .top-bar button {
      font-size: 0.75rem;
      margin-bottom: 0;
      padding-bottom: 0.4125rem;
      padding-top: 0.4125rem; }
      @media only screen and (max-width: 40em) {
        .top-bar .button, .top-bar button {
          position: relative;
          top: -1px; } }
    .top-bar .title-area {
      margin: 0;
      position: relative; }
    .top-bar .name {
      font-size: 16px;
      height: 2.8125rem;
      margin: 0; }
      .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
        font-size: 1.0625rem;
        line-height: 2.8125rem;
        margin: 0; }
        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
          color: #54a901;
          display: block;
          font-weight: normal;
          padding: 0 0.9375rem;
          width: 75%; }
    .top-bar.expanded {
      background: transparent;
      height: auto; }
      .top-bar.expanded .title-area {
        background: #333333; }

      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
        .top-bar.expanded .top-bar-section .dropdown {
          clip: initial; }
        .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
          padding: 0; } }
  
  .top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    background-color: black;
  }
    .top-bar-section ul {
      display: block;
      font-size: 16px;
      height: auto;
      margin: 0;
      padding: 0;
      width: 100%; }
    .top-bar-section ul li {
      background: #333333; }
      .top-bar-section ul li > a {
        color: #54a901;
        display: block;
        font-size: 0.8125rem;
        font-weight: normal;
        padding-left: 0.9375rem;
        padding: 12px 0 12px 0.9375rem;
        text-transform: none;
        width: 100%; }
      .top-bar-section ul li:hover:not(.has-form) > a {
        background-color: #555555;
        color: #FFFFFF;
        background: #222222; }
      .top-bar-section ul li.active > a {
        background: #008CBA;
        color: #FFFFFF; }
        .top-bar-section ul li.active > a:hover {
          background: #0078a0;
          color: #FFFFFF; }
    .top-bar-section .has-form {
      padding: 0.9375rem; }
    .top-bar-section .has-dropdown {
      position: relative; }
      .top-bar-section .has-dropdown > a:after {
        border: inset 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
        border-left-style: solid;
        margin-right: 0.9375rem;
        margin-top: -4.5px;
        position: absolute;
        top: 50%;
        right: 0; }
      .top-bar-section .has-dropdown.moved {
        position: static; }
        .top-bar-section .has-dropdown.moved > .dropdown {
          position: static !important;
          height: auto;
          width: auto;
          overflow: visible;
          clip: auto;
          display: block;
          position: absolute !important;
          width: 100%; }
        .top-bar-section .has-dropdown.moved > a:after {
          display: none; }
    .top-bar-section .dropdown {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
      display: block;
      padding: 0;
      position: absolute;
      top: 0;
      z-index: 99;
      left: 100%; }
      .top-bar-section .dropdown li {
        height: auto;
        width: 100%; }
        .top-bar-section .dropdown li a {
          font-weight: normal;
          padding: 8px 0.9375rem; }
          .top-bar-section .dropdown li a.parent-link {
            font-weight: normal; }
        .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
          margin-bottom: 0;
          margin-top: 0;
          font-size: 1.125rem; }
          .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
            color: #54a901;
            display: block; }
            .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
              background: none; }
        .top-bar-section .dropdown li.has-form {
          padding: 8px 0.9375rem; }
        .top-bar-section .dropdown li .button,
        .top-bar-section .dropdown li button {
          top: auto; }
      .top-bar-section .dropdown label {
        color: #777777;
        font-size: 0.625rem;
        font-weight: bold;
        margin-bottom: 0;
        padding: 8px 0.9375rem 2px;
        text-transform: uppercase; }
  
  @media only screen and (min-width: 1.063em) {
    .top-bar {
      overflow: visible; }
      .top-bar:before, .top-bar.imagelightbox__close:after, .top-bar:after {
        content: " ";
        display: table; }
      .top-bar:after {
        clear: both; }

      .top-bar .title-area {
        float: left; }
      .top-bar .name h1 a,
      .top-bar .name h2 a,
      .top-bar .name h3 a,
      .top-bar .name h4 a,
      .top-bar .name h5 a,
      .top-bar .name h6 a {
        width: auto; }
      .top-bar input,
      .top-bar select,
      .top-bar .button,
      .top-bar button {
        font-size: 0.875rem;
        height: 1.75rem;
        position: relative;
        top: 0.53125rem; }
      .top-bar .has-form > .button,
      .top-bar .has-form > button {
        font-size: 0.875rem;
        height: 1.75rem;
        position: relative;
        top: 0.53125rem; }
      .top-bar.expanded {
        background: #333333; }
      .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto; }
        .top-bar-section ul li {
          float: left; }
          .top-bar-section ul li .js-generated {
            display: none; }
      .top-bar-section li.hover > a:not(.button) {
        background-color: #555555;
        background: #222222;
        color: #FFFFFF; }
      .top-bar-section li:not(.has-form) a:not(.button) {
        background: #333333;
        line-height: 2.8125rem;
        padding: 0 0.9375rem; }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
          background-color: #555555;
          background: #222222; }
      .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: #008CBA;
        color: #FFFFFF;
        line-height: 2.8125rem;
        padding: 0 0.9375rem; }
        .top-bar-section li.active:not(.has-form) a:not(.button):hover {
          background: #0078a0;
          color: #FFFFFF; }
      .top-bar-section .has-dropdown > a {
        padding-right: 2.1875rem !important; }
        .top-bar-section .has-dropdown > a:after {
          border: inset 5px;
          content: "";
          display: block;
          height: 0;
          width: 0;
          border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
          border-top-style: solid;
          margin-top: -2.5px;
          top: 1.40625rem; }
      .top-bar-section .has-dropdown.moved {
        position: relative; }
        .top-bar-section .has-dropdown.moved > .dropdown {
          clip: rect(1px, 1px, 1px, 1px);
          height: 1px;
          overflow: hidden;
          position: absolute !important;
          width: 1px;
          display: block; }
      .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important; }
      .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important; }
      .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
        content: "\00bb";
        top: 0.1875rem;
        right: 5px; }
      .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto; }
        .top-bar-section .dropdown li a {
          background: #333333;
          color: #FFFFFF;
          line-height: 2.8125rem;
          padding: 12px 0.9375rem;
          white-space: nowrap; }
        .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
          background: #333333;
          color: #FFFFFF; }
        .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
          background-color: #555555;
          color: #FFFFFF;
          background: #222222; }
        .top-bar-section .dropdown li label {
          background: #333333;
          white-space: nowrap; }
        .top-bar-section .dropdown li .dropdown {
          left: 100%;
          top: 0; }
      .top-bar-section .has-form {
        background: #333333;
        height: 2.8125rem;
        padding: 0 0.9375rem; }
      .top-bar-section .right li .dropdown {
        left: auto;
        right: 0; }
        .top-bar-section .right li .dropdown li .dropdown {
          right: 100%; }
      .top-bar-section .left li .dropdown {
        right: auto;
        left: 0; }
        .top-bar-section .left li .dropdown li .dropdown {
          left: 100%; }
    .no-js .top-bar-section ul li:hover > a {
      background-color: #555555;
      background: #222222;
      color: #FFFFFF; }
    .no-js .top-bar-section ul li:active > a {
      background: #008CBA;
      color: #FFFFFF; }
    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; } }
  
  .text-left {
    text-align: left !important; }
  
  .text-right {
    text-align: right !important; }
  
  .text-center {
    text-align: center !important; }
  
  .text-justify {
    text-align: justify !important; }
  
  .inner-wrap {
    position: relative;
    width: 100%;
    transition: transform 500ms ease; }
    .inner-wrap:before, .inner-wrap.imagelightbox__close:after, .inner-wrap:after {
      content: " ";
      display: table; }
    .inner-wrap:after {
      clear: both; }
  
  
  #etb-course-nav .course-title {
    text-transform: uppercase; }
  
  #etb-course-nav .course-abrv {
    text-transform: uppercase; }
  
  
  .course-section-label {
    font-size: 0.8rem;
    padding: 0 0 0 0.5rem;
    color: #000;
    text-transform: uppercase; }
  
  .course-section {
    font-size: 0.8rem;
    padding: 0 0.5rem 0 0;
    color: #5CB61F;
    text-transform: uppercase; }
  
  .user-role-label {
    font-size: 0.8rem;
    padding: 0 0 0 0.5rem;
    color: #000;
    text-transform: uppercase; }
  
  .user-role {
    font-size: 0.8rem;
    padding: 0 0.5rem 0 0;
    color: #5CB61F;
    text-transform: uppercase; }
  
  .current-user-id-label {
    font-size: 0.8rem;
    padding: 0 0 0 0.5rem;
    color: #000;
    text-transform: uppercase; }
  
  .current-user-id {
    font-size: 0.8rem;
    padding: 0 0.5rem 0 0;
    color: #5CB61F;
    text-transform: uppercase; }
  
  a.modal-img-link {
    display: block;
    margin: 1rem 0; }
    a.modal-img-link span {
      padding: 2.5rem 0 0 7rem;
      display: block; }
  
  .etb-nav li a.etb-icon {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    background-clip: padding-box;
    transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1); }
    .etb-nav li a.etb-icon:hover, .etb-nav li a.etb-icon:focus {
      transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1);
      background-color: #FFFFFF; }
    #etb-course-nav .top-bar-section .has-dropdown > a:after {
      border-color: #333333 transparent transparent transparent;
      top: 50%; }
      #etb-course-nav .top-bar input {
        background-color: #fff;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        box-shadow: none;
        width: 80%;
        margin: 0 auto; }
      #etb-course-nav .top-bar form {
        margin-top: 0.7rem; }
      #etb-course-nav .top-bar .name {
        width: 0; }

    #etb-course-nav .top-bar-section.title-link li {
      background-color: transparent; }
      #etb-course-nav .top-bar-section.title-link li a {
        background-color: transparent; }
    #etb-course-nav .top-bar-section ul li.has-dropdown {
      background-color: transparent;
      height: 4.375rem; }
      #etb-course-nav .top-bar-section ul li.has-dropdown a {
        background-color: transparent;
        height: 4.375rem; }
        #etb-course-nav .top-bar-section ul li.has-dropdown a:hover, #etb-course-nav .top-bar-section ul li.has-dropdown a:focus {
          background-color: #efefef; }
    #etb-course-nav .top-bar-section ul.dropdown li {
      height: auto; }
      #etb-course-nav .top-bar-section ul.dropdown li.active a {
        border-left: 4px solid #EC6C20; }
      #etb-course-nav .top-bar-section ul.dropdown li a {
        background-color: #efefef;
        height: auto; }
    #etb-course-nav .top-bar-section ul li:not(.has-form) a:not(.button) {
      color: #333333; }
    #etb-course-nav .course-title {
      line-height: inherit;
      padding: 0;
      margin-right: 1rem;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    #etb-course-nav .course-title-group {
      overflow: hidden;
      padding: 16px 16px 16px 32px;
      height: 65px;
    }
    #etb-course-nav .course-title {
      display: block;
      margin: 0;
      padding: 0;
      line-height: 1rem;
      text-align: right;
      font-size: 1em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
    #etb-course-nav .course-abrv {
      display: block;
      text-align: right;
      line-height: 1rem;
      font-size: 1em;
      font-weight: bold; }
      @media only screen and (max-width: 40em) {
        #etb-course-nav .course-abrv {
          text-align: center; } }
    #etb-course-nav .course-section {
      display: block;
      text-align: right;
      line-height: 1rem;
      color: #333333;
      font-size: 1em;
      padding: 0;
      font-weight: bold; }
      @media only screen and (max-width: 40em) {
        #etb-course-nav .course-section {
          text-align: center; } }
    #etb-course-nav .icon--dropdown {
      color: black;
      margin-left: 7px; }
  
  .reveal-modal {
    border: none; }
  
  .reveal-modal-bg {
    position: fixed;
    background: rgba(200, 200, 200, 0.5); }
  
  .etb-nav_reveal {
    background-color: #FFFFFF;
    border: solid 1px #666666;
    box-shadow: none; }
    @media only screen and (min-width: 1.063em) {
      .etb-nav_reveal {
        top: 6.25rem; } }
  
  img.svg {
    width: 2rem;
    width: 2rem; }
  
  .etb-icon {
    text-align: left;
    color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70); }
    .etb-icon:hover, .etb-icon:focus {
      opacity: 1;
      filter: alpha(opacity=100); }
    .etb-icon.apps-icon {
      padding: 0.5rem 0.5rem;
      margin: 0 0.5rem; }
    .etb-icon span {
      padding: 0rem 0 0 0.5rem;
      display: -ms-flexbox;
      display: flex;
      font-size: 80%; }
  
  .etb-modal-icon {
    display: block;
    padding: 0.5rem 0.2rem; }
    .etb-modal-icon span {
      float: left;
      display: block;
      padding: 0.3rem 1rem; }
      .etb-modal-icon span.round {
        padding: 0.6rem 1rem; }
  
  .etb-modal-icons {
    width: 2rem;
    height: 2rem;
    display: block;
    float: left;
    opacity: 0.7;
    filter: alpha(opacity=70); }
    .etb-modal-icons.round {
      border: 1px solid #3e3e3e;
      border-radius: 50%;
      padding: 1rem;
      width: 3rem;
      height: 3rem;
      background-size: 50%;
      background-position: 0.75rem 0.75rem;
      background-color: #fff;
      transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1); }
  
  .etb-modal-icon:hover div.round, .etb-modal-icon:focus div.round {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1);
    background-color: #ccc; }
  
  .etb-icons {
    float: left;
    height: 1.625rem;
    width: 1.625rem; }
  
  .etb-icons.icon-apps-black {
    height: 2.5rem;
    width: 2.5rem;
    margin-top: 0; }
  
  .off-canvas-toolbar-item {
    margin: 0.4rem;
    display: block;
    height: 2.8125rem;
    background: transparent;
    opacity: 0.2;
    filter: alpha(opacity=20);
    transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1); }
    .off-canvas-toolbar-item:hover, .off-canvas-toolbar-item:focus {
      opacity: 0.8;
      filter: alpha(opacity=80);
      transition: all 0.2s cubic-bezier(0.01, 0.94, 0.46, 1); }
    .off-canvas-toolbar-item-icon {
      width: 2rem;
      height: 2rem;
      display: inline-block; }
  
  .toolbar-menu-icon {
    display: -ms-inline-flexbox;
    display: inline-flex; }
  
  .left-submenu .back > a.kill-content-before:before, .left-submenu .back > a.kill-content-before.imagelightbox__close:after {
    content: none;
    margin-right: 0rem;
    display: inherit;
    height: 0; }

  #etb-tool-nav section.right-small {
    width: 2.8125rem;
    border-left: 0.0625rem solid #e2e2e2; }
  
  .scroll-disabled {
    overflow: hidden; }
  
  .sticky-wrapper.is-sticky {
    z-index: 100;
    position: absolute; }
  
  .middle-align-wrap, .center-align-wrap, .center-middle-align-wrap {
    display: -ms-flexbox !important;
    display: flex !important; }
  
  .middle-align-wrap {
    -ms-flex-align: center;
        align-items: center; }
  
  .center-align-wrap {
    -ms-flex-pack: center;
        justify-content: center; }
  
  .center-middle-align-wrap {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  
  .flex-vertical-right {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  
  .flex-vertical-left {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  
  .logo,
  .logo--fullwidth {
    background-position: center;
    background-size: 100rem;
    z-index: 1;
    width: 100%;
    background-attachment: fixed; }
    .logo__img,
    .logo--fullwidth__img {
      width: 100%;
      background-attachment: fixed; }
  
  #block-cis-lmsless-cis-lmsless-network-nav-modal .etb-modal-icons {
    margin-top: -2px; }
  
  #block-cis-lmsless-cis-lmsless-network-nav-modal .etb-modal-material-icons {
    color: black;
    font-size: 30px;
    text-align: center;
    padding: 0; }
  
  .cis_token_dynamic_value {
    box-shadow: 0px 0px 0px 4px #22FF22;
  }
  .cis_token_dynamic_value:hover,
  .cis_token_dynamic_value:focus {
    box-shadow: 0px 0px 0px 4px #00AA00;
  }
  
  .cis--tab-panel__wrapper.tabs-content > .content {
    padding: 1rem;
    margin-top: -1px; }
  
  .cis--tab-panel__wrapper.tabs-content {
    margin: 0; }
  
  .cis--tab-panel__wrapper.tabs-content.vertical > .content {
    padding: 1rem; }
  
  .button > i {
    color: #fff; }
  
  .cis--element {
    border-radius: 10px;
    margin: 0.2rem 0; }
    .cis--element__menu {
      background: #fff;
      border-radius: 10px;
      padding: 1rem;
      margin-bottom: 1rem; }
  
  .cis--course-item {
    margin: 1rem 0 0 0; }
    .cis--course-item i {
      font-size: 1.5rem;
      color: #7f7f7f; }
    .cis--course-item i:hover {
      color: #000; }
    .cis--course-item__header {
      border-color: #ebebeb;
      border-style: solid;
      border-width: 1px 1px 0 1px;
      border-radius: 6px 6px  0 0; }
    .cis--course-item__menu {
      text-align: right;
      padding-top: 1rem; }
      .cis--course-item__menu i {
        font-size: 1.5rem;
        color: #333; }
    .cis--course-item__titles {
      padding: 1rem; }
    .cis--course-item__vertical-tabs-wrapper {
      background: #f5f5f5;
      padding: 1rem;
      border-color: #ebebeb;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-radius: 0px 0px 6px 6px; }
    .cis--course-item h2 {
      font-size: 1.5rem; }
    .cis--course-item h3 {
      font-size: 1rem; }
  
  /**
   * @file
   * Our "tweaks" to make the styles correct. This file will eventually be
   * gutted as well but for now we're reducing the overhead in our CSS files
   * across the application till we get there.
   */
  html {
    height: 100%;
    font-size: 100%;
  }
  body {
    font-family: "Roboto", sans-serif;
    height: 100%;
    font-size: 100%;
    background: #fff;
    color: #222;
    cursor: auto;
    top: 50px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
  }

  /**
   * Hide elements from all users.
   *
   * Used for elements which should not be immediately displayed to any user. An
   * example would be a collapsible fieldset that will be expanded with a click
   * from a user. The effect of this class can be toggled with the jQuery show()
   * and hide() functions.
   */
  .element-hidden {
    display: none;
  }
  
  /**
   * Hide elements visually, but keep them available for screen-readers.
   *
   * Used for information required for screen-reader users to understand and use
   * the site where visual display is undesirable. Information provided in this
   * manner should be kept concise, to avoid unnecessary burden on the user.
   * "!important" is used to prevent unintentional overrides.
   */
  .element-invisible {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
  }
  
  /**
   * The .element-focusable class extends the .element-invisible class to allow
   * the element to be focusable when navigated to via the keyboard.
   */
  .element-invisible.element-focusable:active,
  .element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
  }
  
  /* Helps in the event the internet isn't there */
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
  
  .material-icon.elmsln-icon:before {
    content:"";
  }
  
  #etb-course-nav .top-bar-right-actions {
    padding-right: 0;
  }
  #etb-course-nav .top-bar-right-actions ul {
    padding: 0;
    margin: 0;
    text-align: right;
    display: flex;
    float:right;
    justify-content: flex-end;
    flex-flow: initial;
  }
  #etb-course-nav .top-bar-right-actions ul lrnsys-drawer {
    height: 64px;
    opacity: .8;
    transition: .3s linear all;
    -webkit-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -ms-transition: .3s linear all;
    -o-transition: .3s linear all;
    background-color: black;
  }
  #etb-course-nav .top-bar li lrnsys-button {
    opacity: .8;
    height: 64px;
    background-color: black;
    transition: .3s linear all;
    -webkit-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -ms-transition: .3s linear all;
    -o-transition: .3s linear all;
  }
  #etb-course-nav .top-bar li lrnsys-button:hover,
  #etb-course-nav .top-bar li lrnsys-button:focus,
  #etb-course-nav .top-bar li lrnsys-button:active {
    opacity: 1;
    border: none;
  }
  
  #etb-course-nav .top-bar li {
    display: inline-flex;
    float: unset;
    padding: 0;
  }
  
  #etb-course-nav .top-bar li a {
    border: 0;
    padding: 0;
    margin: 0;
  }
  #etb-course-nav .top-bar li a i {
    padding-right:.5rem;
  }
  
  #etb-course-nav .top-bar li a img,
  #etb-course-nav .top-bar li a div {
    margin: 1rem 1rem 1rem 0;
  }
  
  #etb-course-nav .top-bar li a div.icon-user {
    font-size: 1.4rem;
  }
  
  #etb-network-nav {
    background-image: linear-gradient(-60deg, rgba(221,221,221,.8) 32%, rgba(238,238,238,.8) 32%) !important;
    border-top: 2px solid var(--elmsln-system-color, #484848) !important;
    height: 3em !important;
    border-bottom: none;
    margin: 0;
  }
  #etb-course-nav, #etb-network-nav {
    display: flex;
    justify-content: space-between;
  }
  .elmsln-user-profile-button-inner {
    height: 48px;
    margin: 0;
    padding: 0 8px 0 0;
    background-color: black;
    color: white;
  }
  .elmsln-user-profile-button-inner:hover,
  .elmsln-user-profile-button-inner:focus,
  .elmsln-user-profile-button-inner:active {
    background-color: var(--elmsln-system-color-dark);
  }
  .elmsln-course-title-inner {
    background-color: black;
    color: white;
  }
  .elmsln-course-title-inner:hover,
  .elmsln-course-title-inner:focus,
  .elmsln-course-title-inner:active {
    background-color: var(--elmsln-system-color-dark);
  }
  .elmsln-service-list {
    margin: 0;
    padding: 0 !important;
    height: 48px;
    display: inline-flex;
  }
  .elmsln-more-items {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    height: 48px;
    display: inline-flex;
  }
  
  .elmsln-service-list li {
    padding: 0;
    margin: 0;
    display: inline-flex;
    line-height: 3em;
    height: 3em;
  }
  
  .elmsln-service-list li a {
    height: 3em;
    display: block;
  }
  .elmsln-service-list button.lrnsys-button div.inner.lrnsys-button {
    height: 3em;
    line-height: 3em;
  }
  
  .is-active {
      background: #212121;
  }
  
  .elmsln-service-list .elmsln-network-label {
    line-height: 3rem;
    margin: 0;
    padding: 0 0.5rem;
    display: inline;
  }
  
  .elmsln-network-menu-item {
    margin: 0;
    margin-top: -3px;
    padding: 12px;
    height: 47px;
  }
  .elmsln-network-menu-item lrnsys-drawer {
    --lrnsys-drawer-button-padding: 0;
    --lrnsys-drawer-button-margin: 0;
  }
  .elmsln-modal-content lrnsys-dialog {
    display: block;
    padding: 0 20px;
    color: black;
    --simple-icon-color: black;
    height: 48px;

  }
  .elmsln-modal-content lrnsys-dialog::part(lrnsys-dialog-lrnsys-button-inner) {
    height: 48px;
  }
  .elmsln-modal-content lrnsys-dialog::part(lrnsys-dialog-button) {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .elmsln-modal-content lrnsys-dialog:hover div,
  .elmsln-modal-content lrnsys-dialog:focus div,
  .elmsln-modal-content lrnsys-dialog:active div,
  .elmsln-modal-content lrnsys-dialog:hover,
  .elmsln-modal-content lrnsys-dialog:focus,
  .elmsln-modal-content lrnsys-dialog:active {
    background-color: rgb(66, 66, 66);
    color: white !important;
    --simple-icon-color: white;
  }
  .elmsln-modal-content lrnsys-dialog div.lrnsys-dialog-button {
    display: block;
    margin-top: 12px;
  }
  
  
  .elmsln-service-list li.elmsln-network-menu-item a {
    height: 3em;
  }
  
  .elmsln-service-list li.elmsln-network-menu-item a:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  .elmsln-service-list li.elmsln-network-menu-item .cis-lmsless-network {
    margin: 0 .5rem 0 0;
  }
  
  .etb-book dl {
    margin: 0;
  }
  
  /* flyout sizing */
  input.cis_shortcodes_embed,
  .entity_iframe_embed {
    font-size: .6rem;
    line-height: 1rem;
  }
  
  /* elmsln-icon padding to right of font icon */
  .elmsln-icon.left {
    margin-right: .4rem;
  }

/** specific stuff to haxcms integration / clean up */

simple-drawer {
  position: absolute;
  z-index: 100000;
  --simple-drawer-header-background: var(--haxcms-color, #009d75);
}
simple-modal {
  --simple-modal-min-width: 50vw;
  --simple-modal-min-height: 50vh;
  --simple-modal-z-index: 1000000;
  --simple-modal-titlebar-background: var(--haxcms-color, #009d75);
}
simple-modal::part(dialog) {
  --simple-modal-min-width: 50vw;
  --simple-modal-min-height: 50vh;
  --simple-modal-z-index: 1000000 !important;
}
simple-modal::part(titlebar) {
    --simple-modal-titlebar-background: var(--haxcms-color, #009d75) !important;

}

.header-image-container {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: -1;
}

.header-image-container img {
    display: block;
    min-height: 160px;
    height: auto;
    top: 0;
    max-width: 100%;
    max-height: 250px;
    position: fixed;
    z-index: 0;
    clip: rect(auto,auto,8rem,auto);
    overflow: hidden;
}

.etb-course-nav-inner {
    float: left;
}

@media screen and (min-width: 992px) {
  #etb-course-nav {
      margin-top: -50px !important;
      min-height: 45px !important;
  }
}

@media only screen and (min-width: 1.063em){
  .elmsln-user-profile-menu-item lrndesign-avatar {
      padding: 4px;
  }
}

  @media screen and (max-width: 900px) {
      .haxcms-theme-element::part(site-body) {
        height: 100vh;
      }
  }

  @media only screen and (max-width: 600px) {
    .hide-on-small-only, .hide-on-small-and-down {
      display: none !important;
    }
  }
  
  @media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
      display: none !important;
    }
    .header-image-container {
      margin-top: -50px;
    }
  }
  
  @media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
      display: none !important;
    }
  }
  
  @media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
      display: none !important;
    }
  }
  
  @media only screen and (min-width: 993px) {
    .hide-on-large-only {
      display: none !important;
    }
  }
  
  @media only screen and (min-width: 993px) {
    .show-on-large {
      display: block !important;
    }
  }
  
  @media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
      display: block !important;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .show-on-small {
      display: block !important;
    }
  }
  
  @media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
      display: block !important;
    }
  }
  
  @media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
      display: block !important;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .center-on-small-only {
      text-align: center;
    }
  }

  /** this targets the theme in use and over-rides its height to ensure that it accounts for the lmsless bar */
  haxcms-site-builder > :first-child {
    min-height: calc(100vh - 130px);
    --site-menu-map-menu-height: calc(100vh - 260px);
  }
  haxcms-site-builder clean-one {
    --clean-one-site-menu-height: calc(100vh - 190px);
  }
  haxcms-site-builder bootstrap-theme[responsive-size="sm"]::part(site-inner),
  haxcms-site-builder bootstrap-theme[responsive-size="xs"]::part(site-inner)
  {
    top: 140px;
  }

  haxcms-site-builder learn-two-theme::part(site-menu) {
    height: 100vh;
  }
  haxcms-site-builder learn-two-theme::part(app-drawer) {
    position: absolute;
  }

  .elmsln-service-list li lrnsys-button::part(lrnsys-button-tooltip) {
    --simple-tooltip-background: #000000;
    --simple-tooltip-opacity: 1;
    --simple-tooltip-text-color: #ffffff;
    --simple-tooltip-delay-in: 0;
  }

  .elmsln-error-page {
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
  }
  
  .error-page-hal9000 {
    filter:saturate(1) invert(1);
    transform: scale(.95, .95);
    transition: 3s ease;
  }
  
  .error-page-hal9000.on {
    filter:saturate(10) invert(.9);
    transform: scale(1, 1);
  }

  #admin-menu lrnsys-button::part(lrnsys-button-button) {
    color: white !important;
  }

  haxcms-site-builder th {
    padding-right: 0;
    text-align: center;
    border-bottom: unset;
  }
  .elmsln-modal-content ul:not(.dropdown-content) {
    display: block;
    margin: 0;
    padding: 0;
  }
  .elmsln-modal-content ul, .elmsln-modal-content ol {
    margin: 0;
    padding: 0;
  }
  .elmsln-modal-content ul li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }
  .user-drawer-block .details {
    background-color: #eeeeee;
  }
 
  .user-drawer-block .user-details-image {
    display: inline-flex;
    vertical-align: top;
    margin: 32px 0 32px 16px;
  }
  .user-drawer-block .user-details-text {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    padding: 16px;
  }

  .elmsln-modal-content .nolink,
  .subheader {
    line-height: 32px;
    color: #212121;
    font-weight: 500;
    margin-top: .8px;
    margin-bottom:8px;
    font-size: 18px;
  }

.elmsln-modal-content .nolink {
    display: block;
    border-bottom: 1px #e0e0e0 solid;
}

  .grey {
    background-color: #9e9e9e;
}

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}
#cis-service-connection-block-section-context-changer-form .container-inline,
#masquerade-block-1 .container-inline {
  font-size: 2em;
}
#section-to-view,
#edit-masquerade-user-field {
  display: block;
  font-size: 24px;
}
#cis-service-connection-block-section-context-changer-form .container-inline div,
#cis-service-connection-block-section-context-changer-form .container-inline label
#masquerade-block-1 .container-inline div,
#masquerade-block-1 .container-inline label {
  display: block;
}
#cis-service-connection-block-section-context-changer-form .form-submit,
#masquerade-block-1 .form-submit {
  font-size: 20px;
  padding: 8px;
  margin: 8px;
}
#edit-elmsln-share-section {
  width: 90%;
}

cms-token[token="fn"],
  cms-token[token="/fn"] {
  display: none;
}

@media only screen and (min-width: 1.063em) {
  .image--left, .mediasvg--left, .mediasvg--left--medium, .mediasvg--left--medium--lightboxed, .mediasvg--left--small, .mediasvg--left--small--lightboxed
  .image--left--lightboxed {
    max-width: 50%;
    margin-left: 0;
    float: left;
    margin-top: .5em; } }

.image--left .image__img, .mediasvg--left .mediasvg__img, .mediasvg--left--medium .mediasvg__img, .mediasvg--left--medium--lightboxed .mediasvg__img, .mediasvg--left--small .mediasvg__img, .mediasvg--left--small--lightboxed .mediasvg__img,
.image--left--lightboxed .image__img {
  max-height: 40em; }

@media only screen and (min-width: 1.063em) {
  .image--left--small,
  .image--left--small--lightboxed {
    max-width: 30%;
    margin-left: 0;
    float: left;
    margin-top: .5em; } }

.image--left--small .image__img,
.image--left--small--lightboxed .image__img {
  max-height: 40em; }

@media only screen and (min-width: 1.063em) {
  .image--right, .mediasvg--right, .mediasvg--right--medium, .mediasvg--right--medium--lightboxed, .mediasvg--right--small, .mediasvg--right--small--lightboxed,
  .image--right--lightboxed {
    max-width: 50%;
    margin-right: 0;
    float: right;
    margin-top: .5em; } }

table {
  font-size: 16px;
}
table td p {
  font-size: 16px;
}
table th {
  border-bottom: 3px solid #ccc;
  text-align: left;
}
table th,
table td {
  padding: 8px;
  font-size: 16px;
}