.blue:not(.btn) {
  color: #002E5D;
  fill: #002E5D; }

.red:not(.btn) {
  color: #A60318;
  fill: #A60318; }

.green:not(.btn) {
  color: #38870C;
  fill: #38870C; }

.yellow:not(.btn) {
  color: #FCC015;
  fill: #FCC015; }

.purple:not(.btn) {
  color: #500E7C;
  fill: #500E7C; }

.orange:not(.btn) {
  color: #D8580C;
  fill: #D8580C; }

.gray:not(.btn) {
  color: #8F8F8F;
  fill: #8F8F8F; }

.grey:not(.btn) {
  color: #8F8F8F;
  fill: #8F8F8F; }

.white:not(.btn) {
  color: #FFFFFF;
  fill: #FFFFFF; }

.black:not(.btn) {
  color: #000000;
  fill: #000000; }

.flex-r {
  display: flex;
  flex-direction: row; }

.flex-c {
  display: flex;
  flex-direction: column; }

.flex-center {
  justify-content: center; }

.flex-space {
  justify-content: space-between; }

.flex-even {
  justify-content: space-evenly; }

.flex-top {
  justify-content: flex-start; }

.flex-end {
  justify-content: flex-end; }

.flex-stretch {
  flex-grow: 1;
  flex-shrink: 0; }

.flex-stiff {
  flex-shrink: 0; }

.full-w {
  width: 100%;
  flex-basis: 100%; }

.capital {
  text-transform: uppercase; }

.clickable {
  cursor: pointer; }

.centered {
  text-align: center; }

.faf {
  font-family: FontAwesome; }

button {
  border: 0px; }
  button:not(.disabled):hover, button:not(.disabled):focus {
    box-shadow: #8F8F8F 0px 1px 2px;
    outline: none; }

.btn {
  cursor: pointer;
  font-size: 12px;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 10px;
  margin: 5px;
  border-radius: 4px; }
  .btn.btn-sm {
    margin: 0;
    padding: 4px 8px;
    font-size: 14px; }
  .btn:not(.btn-sm) i {
    margin-right: 10px; }
  .btn.btn-lg {
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
    padding: 8px 15px;
    margin: 10px 10px; }
  .btn.btn-rect {
    border-radius: 0; }
  .btn.disabled {
    cursor: not-allowed; }
  .btn.right {
    margin-right: 0px;
    margin-left: 5px; }
  .btn.left {
    margin-left: 0px;
    margin-right: 5px; }
  .btn.full {
    margin-left: 0px;
    margin-right: 0px; }
  .btn.col {
    padding: 5px 4px;
    margin-bottom: 3px; }
  .btn.green {
    background-color: #38870C;
    color: #FFFFFF; }
    .btn.green:hover, .btn.green:focus {
      background-color: #50ad1d; }
  .btn.red {
    background-color: #A60318;
    color: #FFFFFF; }
    .btn.red:hover, .btn.red:focus {
      background-color: #d40923; }
  .btn.yellow {
    background-color: #FCC015;
    color: #FFFFFF; }
    .btn.yellow:hover, .btn.yellow:focus {
      background-color: #ffd458; }
  .btn.orange {
    background-color: #D8580C;
    color: #FFFFFF; }
    .btn.orange:hover, .btn.orange:focus {
      background-color: #ec9c29; }
  .btn.blue {
    background-color: #002E5D;
    color: #FFFFFF; }
    .btn.blue:hover, .btn.blue:focus {
      background-color: #004C99; }
  .btn.white {
    background-color: #FFFFFF;
    color: #002E5D; }
    .btn.white:hover, .btn.white:focus {
      background-color: #E6E6E6; }
  .btn.gray {
    background-color: #E6E6E6;
    color: #002E5D; }
    .btn.gray:hover, .btn.gray:focus {
      background-color: #F2F2F2; }
  .btn.transparent {
    background-color: transparent;
    color: #002E5D; }
    .btn.transparent.green {
      color: #38870C; }
    .btn.transparent.blue {
      color: #002E5D; }
    .btn.transparent.red {
      color: #A60318; }
    .btn.transparent.yellow {
      color: #FCC015; }
    .btn.transparent.orange {
      color: #D8580C; }
    .btn.transparent.white {
      color: #FFFFFF; }
    .btn.transparent:hover, .btn.transparent:focus {
      background-color: transparent;
      box-shadow: none;
      text-shadow: #FFFFFF 0px 0px 2px;
      color: #004C99; }
      .btn.transparent:hover.green, .btn.transparent:focus.green {
        color: #50ad1d; }
      .btn.transparent:hover.blue, .btn.transparent:focus.blue {
        color: #004C99; }
      .btn.transparent:hover.red, .btn.transparent:focus.red {
        color: #d40923; }
      .btn.transparent:hover.yellow, .btn.transparent:focus.yellow {
        color: #ffd458; }
      .btn.transparent:hover.orange, .btn.transparent:focus.orange {
        color: #ec9c29; }
      .btn.transparent:hover.white, .btn.transparent:focus.white {
        text-shadow: #141414 0px 0px 2px;
        color: #FFFFFF; }
    .btn.transparent:focus {
      outline: none; }

h1, h2, h3, h4, h5 {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  color: #002E5D; }

body {
  background-color: #002E5D;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  margin: 0px;
  height: 100%; }
  body #loadingSpinner {
    background-color: #FFFFFF; }

.full-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #002E5D;
  height: 55px;
  z-index: 9; }
  .full-header .banner {
    height: 55px;
    margin: 0px 20px; }
    .full-header .banner .site-logo {
      height: 35px; }
    .full-header .banner .banner-site-title {
      margin-left: 15px;
      font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
      color: #FFFFFF;
      font-size: 1.25em; }
    .full-header .banner .btn.white {
      min-width: 100px;
      padding: 5px 20px; }

.main-body {
  margin-top: 55px; }

.container {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 0 auto -54px;
  background-color: #FFFFFF; }

.full-footer, .push-footer {
  width: 100%;
  height: 54px;
  z-index: 9;
  position: relative; }

.full-footer {
  background-color: #002E5D; }
  .full-footer .footer-logo {
    max-height: 38px;
    max-width: 375px;
    width: 375px;
    padding: 5px 0px 0px 0px;
    margin: auto; }
  .full-footer .footer-text {
    max-height: 16px;
    text-align: center;
    font-family: arial;
    font-weight: bold;
    font-size: .65em;
    font-weight: 100;
    padding-bottom: 5px;
    color: #FFFFFF; }

#active-display {
  background-color: #FFFFFF; }
  #active-display #main-screen {
    margin: auto;
    max-width: 1200px;
    padding: 20px; }

.instructions {
  font-size: .9em;
  font-weight: 500;
  background-color: #E4F1FF;
  padding: 8px;
  border-left: 4px solid #004C99;
  margin: 10px 0px;
  color: #004C99; }
  .instructions.errorHighlight {
    border-left: 4px solid #A60318;
    background-color: #FDE3E6; }
  .instructions.hiddenTextDiv {
    margin-top: 0px;
    background-color: #F2F2F2; }

.tile {
  border: 1px solid #C5C5C5;
  background-color: #E6E6E6;
  padding: 5px 15px;
  margin-bottom: 10px; }
  .tile .allbuttons {
    margin-left: 10px;
    margin-right: -10px; }
    .tile .allbuttons .btn {
      min-width: 140px; }

.title {
  font-weight: bold;
  font-size: 1.2em;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  color: #002E5D;
  margin-bottom: 3px; }
  .title .role {
    display: inline-block;
    text-transform: uppercase;
    color: #A60318;
    font-size: .9em; }

.subtitle {
  font-weight: 500;
  font-size: .85em;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  margin-top: -3px;
  margin-bottom: 5px; }

.searchOutline {
  border: 1px solid #C5C5C5;
  background-color: #E6E6E6;
  padding: 20px;
  margin-bottom: 20px; }

.searchContainer .searchIcon {
  position: relative;
  top: 15px;
  left: 9px;
  color: #666666;
  width: 20px; }
.searchContainer input {
  width: 100%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1em;
  padding-left: 35px;
  padding: 10px 10px 10px 30px;
  margin-left: -20px;
  margin-top: 0px; }
.searchContainer .searchClose {
  width: 0px;
  margin-left: -25px; }

.courseNewEnrollList {
  margin-top: 20px; }
  .courseNewEnrollList .tile {
    background-color: #FFFFFF; }

.slideMenu:not(#activeAssignmentDiv) {
  position: absolute;
  background-color: #FFFFFF;
  border-right: 1px solid #666666;
  overflow-y: hidden;
  overflow-x: hidden;
  box-shadow: 0px 0px 10px #666666; }
  .slideMenu:not(#activeAssignmentDiv) .btn.transparent:last-child:not(.col) {
    margin-right: -8px; }
  .slideMenu:not(#activeAssignmentDiv) .slideMenuHeader {
    background-color: #E6E6E6;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #8F8F8F;
    color: #004C99; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuHeader .slideMenuHeaderIcon {
      margin-right: 10px; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuHeader h3 {
      margin: 0px; }
  .slideMenu:not(#activeAssignmentDiv) .slideMenuRow {
    min-height: 35px;
    border-bottom: 1px solid #8F8F8F;
    margin: 0px 10px;
    padding: 5px 0px; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuRow:last-child {
      border-bottom: none;
      margin-bottom: none; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuRow .subtitle {
      font-size: 1em;
      margin: 0px; }
  .slideMenu:not(#activeAssignmentDiv) .slideMenuBody {
    margin: 0px 5px 0px 10px;
    overflow-y: auto;
    overflow-x: hidden; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .instructions {
      margin-right: 5px; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuBody hr {
      margin: 4px 5px 4px 0px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      border-top: 1px solid #666666; }
    .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv {
      padding: 4px;
      margin-right: 5px;
      border-bottom: 1px solid #C5C5C5; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv:first-child {
        border-top: none; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv:last-child {
        border-bottom: 1px solid #666666; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .listRowText {
        cursor: default;
        word-break: break-all; }
        .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .listRowText p {
          margin-top: 0px; }
        .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .listRowText img {
          max-width: 335px; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv.selectedRow {
        background-color: #E6E6E6; }
        .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv.selectedRow .listRowText {
          font-weight: 600; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv:hover, .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv:focus {
        background-color: #E6E6E6; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .profileButtonCount {
        margin: 0px 0px 0px 5px;
        background-color: #38870C;
        border-radius: 20px;
        padding: 2px;
        font-family: sans-serif;
        font-size: smaller;
        color: white;
        font-weight: bold;
        height: 1.1em;
        cursor: default; }
        .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .profileButtonCount.notUsed {
          background-color: #8F8F8F; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .questionNumText {
        font-weight: bold;
        margin-right: 5px; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .profileQuestionButtonText p:first-child {
        margin-top: 0px; }
      .slideMenu:not(#activeAssignmentDiv) .slideMenuBody .listRowDiv .profileQuestionButtonFooter {
        font-size: .8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFFFFF;
        background-color: #8F8F8F;
        margin: 4px 0px 0px;
        padding: 2px 4px 3px;
        border-radius: 4px;
        line-height: 1.15em; }

#activeAssignmentDiv {
  position: absolute;
  background-color: white;
  margin: 1px 0px;
  overflow-y: auto;
  z-index: 5;
  border-bottom: 1px solid #666666;
  box-shadow: 0px 4px 6px -3px #8F8F8F;
  width: 100%; }
  #activeAssignmentDiv #activeAssignmentNav {
    padding: 10px;
    flex: 0 0 350px; }
    #activeAssignmentDiv #activeAssignmentNav h3 {
      margin: 0px;
      font-size: 18px;
      font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
      font-weight: bold;
      color: #002E5D; }
    #activeAssignmentDiv #activeAssignmentNav .btn.gray {
      margin: 0px 2px;
      flex: 0 0 67px; }
    #activeAssignmentDiv #activeAssignmentNav .selectedBar {
      background-color: #C5C5C5; }
  #activeAssignmentDiv #activeAssignmentDisplay {
    overflow-y: hidden;
    background-color: #F2F2F2;
    padding: 0px;
    width: 100%;
    border-left: 1px solid #C5C5C5; }
    #activeAssignmentDiv #activeAssignmentDisplay #activeAssignmentText {
      padding: 10px 10px 0px 10px;
      overflow-y: auto;
      flex: 1 0 0; }
    #activeAssignmentDiv #activeAssignmentDisplay #assignmentDisplayButtonDiv {
      padding: 5px 10px;
      background-color: #E6E6E6;
      border-top: 1px solid #C5C5C5; }
      #activeAssignmentDiv #activeAssignmentDisplay #assignmentDisplayButtonDiv .btn {
        margin: 0px; }

#mainMenuDiv {
  position: absolute;
  top: 55px;
  left: 0px;
  z-index: 3;
  padding: 0px;
  border-radius: 0 0 10px 0;
  box-shadow: 0px 0px 10px #666666; }
  #mainMenuDiv #mainMenuHeader {
    padding: 5px 2px 5px 12px;
    background-color: #8F8F8F;
    border-bottom: 1px solid #666666; }
    #mainMenuDiv #mainMenuHeader #courseBannerTitle {
      font-weight: 400;
      font-size: 1.25em;
      font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
      fill: #141414;
      margin-right: 20px;
      padding-bottom: 2px;
      cursor: default;
      color: #FFFFFF; }
  #mainMenuDiv .mainMenuRow {
    box-shadow: none; }
    #mainMenuDiv .mainMenuRow:last-child {
      border-radius: 0 0 10px 0; }

#viewMenuDiv {
  position: absolute;
  bottom: 54px;
  left: 0px;
  z-index: 2;
  padding: 0px;
  border-radius: 0 10px 0 0;
  box-shadow: 0px 0px 10px #666666; }
  #viewMenuDiv .mainMenuRow:first-child {
    border-radius: 0 10px 0 0; }

#editMenuDiv, #pathMenuDiv {
  position: absolute;
  bottom: 54px;
  z-index: 1;
  padding: 0px;
  border-radius: 0 10px 0 0;
  box-shadow: 0px 0px 10px #666666; }
  #editMenuDiv .editMenuRow, #pathMenuDiv .editMenuRow {
    padding: 5px 20px;
    background-color: #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    cursor: pointer;
    color: #666666;
    height: 32px;
    flex: 0 0 32px; }
    #editMenuDiv .editMenuRow.disabled, #pathMenuDiv .editMenuRow.disabled {
      color: #C5C5C5;
      cursor: not-allowed; }
    #editMenuDiv .editMenuRow:hover, #pathMenuDiv .editMenuRow:hover {
      box-shadow: none; }
      #editMenuDiv .editMenuRow:hover:not(.disabled), #pathMenuDiv .editMenuRow:hover:not(.disabled) {
        border-bottom: 4px solid #004C99; }
    #editMenuDiv .editMenuRow .menuIconDiv, #pathMenuDiv .editMenuRow .menuIconDiv {
      margin-bottom: -4px; }
  #editMenuDiv .editMenuRow:last-child, #pathMenuDiv .editMenuRow:last-child {
    border-radius: 0 10px 0 0; }

.mainMenuRow {
  padding: 5px 20px 5px 0px;
  background-color: #FFFFFF;
  border-left: 4px solid #FFFFFF;
  cursor: pointer;
  color: #666666;
  height: 32px;
  flex: 0 0 35px; }
  .mainMenuRow#pathMenuRow {
    flex: none; }
  .mainMenuRow .menuIconDiv {
    flex: 0 0 32px;
    margin-top: 4px;
    font-size: 1.15em; }
  .mainMenuRow .menuRowTextDiv {
    flex-shrink: 0;
    margin-right: 10px; }
  .mainMenuRow .menuRowText {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.15em; }
  .mainMenuRow:hover, .mainMenuRow:focus, .mainMenuRow.activeRow {
    background-color: #E6E6E6;
    border-left: 4px solid #004C99;
    color: #004C99;
    outline: none; }
    .mainMenuRow:hover .menuIcon, .mainMenuRow:focus .menuIcon, .mainMenuRow.activeRow .menuIcon {
      color: #004C99; }

#bugBtnDiv {
  position: absolute;
  right: 0;
  bottom: 54;
  padding: 0px;
  border-radius: 10px 0 0 0;
  box-shadow: 0px 0px 10px #666666; }
  #bugBtnDiv .mainMenuRow {
    border-radius: 10px 0 0 0;
    border-left: none;
    border-right: 4px solid #FFFFFF; }
    #bugBtnDiv .mainMenuRow:hover, #bugBtnDiv .mainMenuRow:focus, #bugBtnDiv .mainMenuRow.activeRow {
      border-left: none;
      border-right: 4px solid #004C99; }

.overlayShader {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.65; }

.formDiv {
  position: fixed;
  height: auto;
  margin: auto;
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 10px #141414; }
  .formDiv .editForm {
    margin-bottom: 0px; }
    .formDiv .editForm .editorHeader {
      font-size: 20px;
      font-weight: 500;
      margin: .5em 0 .25em 0; }
    .formDiv .editForm .editFormHeader {
      cursor: move;
      border-radius: 10px 10px 0 0;
      margin: -15px -15px 10px -15px;
      padding: 10px 15px 10px 15px;
      background-color: #8F8F8F; }
      .formDiv .editForm .editFormHeader .editorHeader {
        font-size: 22px;
        display: inline-block;
        cursor: move;
        margin: 0; }
      .formDiv .editForm .editFormHeader i {
        font-size: 1.5em; }
    .formDiv .editForm #problemPathSelectMenu {
      font-size: 1em;
      padding: 2px;
      width: 100%; }
    .formDiv .editForm .problemEditorTile {
      background-color: #E6E6E6;
      border: 1px solid #8F8F8F;
      padding: 10px;
      margin: 10px 0px 0px; }
      .formDiv .editForm .problemEditorTile .problemEditorTileTitle {
        color: #002E5D;
        font-size: 16px;
        font-weight: bold; }
      .formDiv .editForm .problemEditorTile .problemTextbox {
        margin-top: 5px; }
    .formDiv .editForm .saveButtonCenter {
      background-color: #E6E6E6;
      margin: 15px -15px -15px -15px;
      padding: 0px 10px;
      border-top: 1px solid #C5C5C5;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      border-radius: 0 0 10px 10px; }
      .formDiv .editForm .saveButtonCenter .btn {
        padding: 5px 15px; }
        .formDiv .editForm .saveButtonCenter .btn:last-child {
          margin-right: 5px; }

.textinput {
  border: 1px solid #C5C5C5;
  margin: 5px 0px;
  background: #FFF; }
  .textinput .caption {
    cursor: default;
    padding: 2px 5px 4px 5px;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 500;
    color: #666666;
    background-color: #E6E6E6;
    border-bottom: 1px solid #FFFFFF; }
  .textinput input {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1em;
    border: none;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    margin: 0px; }
    .textinput input:focus {
      outline: none;
      background-color: #E3EAF1; }
    .textinput input.errorHighlight {
      background-color: #FDE3E6; }

.optionText {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 600; }

.textList {
  margin: 5px 0px; }
  .textList .textListRow {
    padding: 4px;
    border-bottom: 1px solid #C5C5C5; }

#shareModelMainDiv .tile {
  padding: 5px 5px 5px 10px; }
  #shareModelMainDiv .tile .shareRights {
    font-size: .9em;
    font-weight: 500;
    text-transform: uppercase; }
  #shareModelMainDiv .tile .shareRole {
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px; }
#shareModelMainDiv #shareSearchDiv {
  margin-top: 5px;
  max-height: 200px;
  overflow-y: auto; }

.barchart rect {
  fill: #8F8F8F; }
  .barchart rect.sunday {
    fill: #38870C; }
  .barchart rect.sameday {
    fill: #002E5D; }
  .barchart rect.highlighted {
    fill: #FCC015; }

.tooltip rect {
  fill: #E6E6E6;
  stroke: #8F8F8F;
  stroke-width: 1px; }
.tooltip text {
  font-size: .8em; }

.node, .nodeBBox, .relBBox, .jitjeG {
  cursor: pointer; }
  .node text, .nodeBBox text, .relBBox text, .jitjeG text {
    pointer-events: none; }

.node {
  stroke-width: 1px; }
  .node .nodeCircleMark {
    fill: #8F8F8F;
    font-family: arial;
    font-size: .7em;
    pointer-events: none; }

.nodeCircle {
  r: 6.5;
  stroke: #8F8F8F;
  fill: #E6E6E6; }
  .nodeCircle.wrongNode {
    stroke: #73000f;
    fill: #A60318; }
  .nodeCircle.wrongNode + g .nodeCircleMark {
    fill: #FFFFFF; }
  .nodeCircle.nodeTerminal {
    stroke: #ec9c29;
    fill: #ffe57e; }

.nodeRect {
  fill: #E6E6E6;
  stroke: #8F8F8F;
  rx: 4;
  ry: 4; }
  .nodeRect.highlighted {
    stroke: #2A7DC1;
    fill: #CCE5FF;
    stroke-width: 2px; }
  .nodeRect.nodeTerminal {
    stroke: #ec9c29;
    fill: #ffe57e; }
  .nodeRect.mapHighlightNode, .nodeRect.nodeTerminal.maphighlightNode, .nodeRect.highlighted.mapHighlightNode {
    fill: #fffac6;
    stroke-width: 2px; }
    .nodeRect.mapHighlightNode.loopHighlight, .nodeRect.nodeTerminal.maphighlightNode.loopHighlight, .nodeRect.highlighted.mapHighlightNode.loopHighlight {
      fill: #CEE0C3; }
  .nodeRect.inGroup {
    fill: #D6BDE7;
    stroke: #AF88CA; }
    .nodeRect.inGroup.currentGroup {
      fill: #500E7C;
      stroke: #500E7C; }
    .nodeRect.inGroup.currentGroup + .nodeText {
      fill: #FFFFFF; }

.relationRect {
  fill: #FFFFFF;
  stroke: #8F8F8F;
  stroke-width: 1px;
  rx: 4;
  ry: 5; }
  .relationRect.postTerminal {
    stroke: #ec9c29;
    fill: #ffe57e; }
  .relationRect.highlighted {
    stroke: #2A7DC1;
    fill: #CCE5FF;
    stroke-width: 2; }
  .relationRect.mapHighlightRel, .relationRect.highlighted.mapHighlightRel {
    fill: #fffac6; }
    .relationRect.mapHighlightRel.loopHighlight, .relationRect.highlighted.mapHighlightRel.loopHighlight {
      fill: #CEE0C3; }
  .relationRect.backtrack {
    stroke-dasharray: 8 3; }

.nodeBBox.highlighted .relationRect {
  stroke: #2A7DC1;
  fill: #CCE5FF;
  stroke-width: 2px; }

.animPath {
  fill: none; }

.link:not(.animPath) {
  fill: none;
  stroke: #666666;
  stroke-width: 2px; }
  .link:not(.animPath).sankey {
    opacity: 0.4; }
    .link:not(.animPath).sankey:hover {
      opacity: 0.6; }
    .link:not(.animPath).sankey.sankey-correct {
      stroke: #50ad1d; }
    .link:not(.animPath).sankey.sankey-incorrect {
      stroke: #d40923; }
  .link:not(.animPath).highlighted {
    stroke-width: 3px;
    stroke: #004C99; }
  .link:not(.animPath).link-big {
    stroke-width: 4px; }
    .link:not(.animPath).link-big.highlighted:not(.mapHighlightLink) {
      stroke-width: 6px; }
  .link:not(.animPath).mapHighlightLink {
    stroke: #fffac6;
    stroke-width: 2px; }
    .link:not(.animPath).mapHighlightLink.loopHighlight {
      stroke: #CEE0C3; }
  .link:not(.animPath).backtrack {
    stroke-dasharray: 8 3; }

.faded {
  opacity: 0.5; }

.jitjeRect {
  stroke: none;
  fill: #004C99;
  rx: 4;
  ry: 4; }

.jitjeG .jitjeText tspan {
  fill: #FFFFFF; }

.nodeText, .relationText, .jitjeText {
  font-size: 12px;
  font-family: sans-serif; }

.groupCircleButton circle {
  r: 12; }
.groupCircleButton .groupAddButton {
  stroke: #500E7C;
  fill: #AF88CA; }
.groupCircleButton .groupRemoveButton {
  stroke: #D8580C;
  fill: #ec9c29; }

.mapEditButtonG, .mapEditPermButtonG {
  cursor: pointer; }

.pathButtonG {
  cursor: pointer; }
  .pathButtonG .pathCircle {
    r: 12;
    stroke-width: 2;
    stroke: #2A7DC1;
    fill: #CCE5FF; }
    .pathButtonG .pathCircle.green {
      stroke: #50ad1d;
      fill: #CEE0C3; }
    .pathButtonG .pathCircle.red {
      stroke: #73000f;
      fill: #d40923; }

.editorMenuRect {
  fill: #E6E6E6;
  rx: 10;
  ry: 10; }

.editorMenuButtonText {
  fill: #666666;
  pointer-events: none; }

.editorMenuButtonRect,
.editorMenuLabelRect {
  fill: #E6E6E6;
  cursor: pointer; }

.editorMenuButtonG .editorMenuButtonText,
.editorMenuButtonG .editorMenuCourseText,
.editorMenuButtonG .editorMenuCourseSubtext {
  pointer-events: none;
  fill: #666666; }
  .editorMenuButtonG .editorMenuButtonText:not(.faf),
  .editorMenuButtonG .editorMenuCourseText:not(.faf),
  .editorMenuButtonG .editorMenuCourseSubtext:not(.faf) {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; }
.editorMenuButtonG .editorMenuCourseText {
  font-weight: 500;
  font-size: 1.2em;
  fill: #141414; }
.editorMenuButtonG.editButtonActive .editorMenuButtonRect {
  fill: #C5C5C5; }
.editorMenuButtonG.editButtonActive .editorMenuButtonText,
.editorMenuButtonG.editButtonActive .editorMenuCourseText {
  fill: #004C99; }
.editorMenuButtonG:hover:not(.editButtonActive) .editorMenuButtonRect {
  fill: #C5C5C5; }
.editorMenuButtonG:hover:not(.editButtonActive) .editorMenuButtonText {
  fill: #141414; }

#zoomslider .track, #zoomslider .track-inset, #zoomslider .track-overlay {
  stroke-linecap: round; }
#zoomslider .track {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-width: 8px; }
#zoomslider .track-inset {
  stroke: #C5C5C5;
  stroke-width: 6px; }
#zoomslider .track-overlay {
  pointer-events: stroke;
  stroke: transparent;
  cursor: pointer; }
#zoomslider .handle {
  fill: #FFFFFF;
  stroke: #000;
  stroke-opacity: 0.5;
  stroke-width: 1.25px; }

.scroll {
  overflow-y: auto;
  overflow-x: hidden; }

.hidden {
  display: none; }

/*# sourceMappingURL=dbls.css.map */