/* colors */
.highlighted,
.treatment-item-active,
.treatment-item-selected {
  color: #fa541c;
  border-color: #fa541c; }

html, body {
  height: 100%;
  max-height: 100vh;
  margin: 0;
  padding: 0; }

body {
  color: #ebebeb;
  background-color: #2c3539;
  overflow-y: hidden; }

#main {
  overflow-y: auto; }
  #main #content {
    overflow-y: auto; }
    #main #content #left_content,
    #main #content #right_content {
      background-color: #242c2f;
      overflow: hidden; }
    #main #content #center_content #main-canvas {
      height: 100vh;
      width: 100%; }
    #main #content .info-container {
      display: inline-block;
      width: 100%;
      margin-top: 0rem;
      margin-bottom: .5rem;
      padding: 1rem 1rem 0 1rem;
      border-top: 1px solid #2c3539; }
      #main #content .info-container label {
        margin-bottom: 0px; }
      #main #content .info-container p {
        margin-bottom: .5rem !important; }
    #main #content #selection-title-container {
      min-height: 30px; }
    #main #content .treatment-add-button {
      font-size: 1.5rem;
      line-height: 1.5rem; }
    #main #content #treatments, #main #content #details {
      position: relative;
      left: 0rem;
      width: calc(100% + 2rem); }
      #main #content #treatments .treatment, #main #content #details .treatment {
        position: relative;
        left: -1rem;
        right: 1rem;
        min-height: 95px;
        margin-bottom: 0px;
        padding: .75rem 1rem .5rem 1rem; }
        #main #content #treatments .treatment:not(:last-child), #main #content #details .treatment:not(:last-child) {
          border-bottom: 1px solid #2c3539; }
        #main #content #treatments .treatment.treatment-hidden, #main #content #details .treatment.treatment-hidden {
          display: none; }
        #main #content #treatments .treatment.treatment-selected, #main #content #treatments .treatment.treatment-active, #main #content #details .treatment.treatment-selected, #main #content #details .treatment.treatment-active {
          background-color: #2c3539; }
        #main #content #treatments .treatment .treatment-meta, #main #content #details .treatment .treatment-meta {
          margin: 0;
          pointer-events: none; }
          #main #content #treatments .treatment .treatment-meta .treatment-date, #main #content #details .treatment .treatment-meta .treatment-date {
            display: inline;
            white-space: nowrap; }
          #main #content #treatments .treatment .treatment-meta .treatment-settings .treatment-setting, #main #content #details .treatment .treatment-meta .treatment-settings .treatment-setting {
            margin-left: .5rem;
            pointer-events: auto; }
            #main #content #treatments .treatment .treatment-meta .treatment-settings .treatment-setting.treatment-delete-btn, #main #content #details .treatment .treatment-meta .treatment-settings .treatment-setting.treatment-delete-btn {
              font-size: 1rem;
              pointer-events: auto; }
              #main #content #treatments .treatment .treatment-meta .treatment-settings .treatment-setting.treatment-delete-btn:hover, #main #content #details .treatment .treatment-meta .treatment-settings .treatment-setting.treatment-delete-btn:hover {
                cursor: pointer; }
        #main #content #treatments .treatment .treatment-items, #main #content #details .treatment .treatment-items {
          display: flex;
          flex-direction: column;
          margin: 1rem 0 0 0;
          pointer-events: none; }
          #main #content #treatments .treatment .treatment-items .treatment-item, #main #content #details .treatment .treatment-items .treatment-item {
            display: inline-block;
            margin-bottom: .5rem;
            pointer-events: auto; }
            #main #content #treatments .treatment .treatment-items .treatment-item .treatment-item-title, #main #content #details .treatment .treatment-items .treatment-item .treatment-item-title {
              display: inline-block;
              font-weight: 400;
              margin-right: .3rem;
              margin-bottom: 0rem;
              border: 1px solid rgba(180, 180, 180, 0.6); }
            #main #content #treatments .treatment .treatment-items .treatment-item .treatment-item-date, #main #content #details .treatment .treatment-items .treatment-item .treatment-item-date {
              display: inline; }
            #main #content #treatments .treatment .treatment-items .treatment-item .treatment-item-note, #main #content #details .treatment .treatment-items .treatment-item .treatment-item-note {
              margin-bottom: .25rem; }
            #main #content #treatments .treatment .treatment-items .treatment-item.treatment-item-selected .treatment-item-title, #main #content #treatments .treatment .treatment-items .treatment-item.treatment-item-active .treatment-item-title, #main #content #details .treatment .treatment-items .treatment-item.treatment-item-selected .treatment-item-title, #main #content #details .treatment .treatment-items .treatment-item.treatment-item-active .treatment-item-title {
              color: inherit;
              border-color: inherit; }
            #main #content #treatments .treatment .treatment-items .treatment-item.treatment-item-hidden, #main #content #details .treatment .treatment-items .treatment-item.treatment-item-hidden {
              display: none; }
          #main #content #treatments .treatment .treatment-items .clear-item-hover, #main #content #details .treatment .treatment-items .clear-item-hover {
            height: 0px;
            display: inline; }
    #main #content #treatement-note {
      display: inline-block;
      position: relative;
      left: 0rem;
      width: calc(100% + 2rem); }
      #main #content #treatement-note #treatment-item-note {
        position: relative;
        left: -1rem;
        right: 1rem;
        border-radius: 0px; }
        #main #content #treatement-note #treatment-item-note[disabled="disabled"] {
          background-color: #2c3539; }

h6 {
  margin-bottom: 0.8rem; }

code {
  color: #969696; }

label {
  color: #b4b4b4;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: bold; }

#selection-technical {
  font-style: italic; }

.badge {
  font-size: 85%; }

.form-control {
  background-color: #2c3539;
  border: none;
  color: white;
  font-size: 90%; }

.label {
  display: inline; }

/* Links */
a {
  color: white; }
  a:active {
    color: #fa541c;
    font-weight: bold; }
  a:hover {
    color: #fa541c !important;
    text-decoration: none; }
  a:visited {
    color: white; }

ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: .5rem; }
  ul li {
    padding-left: 0px; }

.spinner {
  width: 20px;
  height: 20px; }