#monitorwrapper {
  padding-bottom: 50px;
  overflow-y: hidden; }

#onlinedata .onlinedatadrops .imageinput, #historicaldata .onlinedatadrops .imageinput {
  width: 100%; }
  #onlinedata .onlinedatadrops .imageinput input, #historicaldata .onlinedatadrops .imageinput input {
    width: 95%; }

#onlinedata .dropdown-menu, #historicaldata .dropdown-menu {
  padding: 0px; }

#onlinedata .dropdown-menu.taggroups, #historicaldata .dropdown-menu.taggroups {
  padding: 0px; }
  #onlinedata .dropdown-menu.taggroups tr, #historicaldata .dropdown-menu.taggroups tr {
    border-bottom: none; }
  #onlinedata .dropdown-menu.taggroups i, #historicaldata .dropdown-menu.taggroups i {
    position: relative;
    display: inline-block;
    transform: none;
    padding: 0px; }
  .theme-dark #onlinedata .dropdown-menu.taggroups #systemtags, .theme-dark #historicaldata .dropdown-menu.taggroups #systemtags {
    border-top: 1px solid #666666;
    background-color: #2c2c2c; }
  .theme-light #onlinedata .dropdown-menu.taggroups #systemtags, .theme-light #historicaldata .dropdown-menu.taggroups #systemtags {
    border-top: 1px solid #dddddd;
    background-color: #ffffff; }

#onlinedata #graphwrapper, #historicaldata #graphwrapper {
  width: calc(100% - 410px);
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.4s; }
  #onlinedata #graphwrapper.expanded, #historicaldata #graphwrapper.expanded {
    width: calc(100% - 240px); }
  #onlinedata #graphwrapper.tags-expanded, #historicaldata #graphwrapper.tags-expanded {
    width: calc(100% - 400px); }
  #onlinedata #graphwrapper img, #historicaldata #graphwrapper img {
    margin-bottom: 20px; }

#onlinedata #tags, #historicaldata #tags {
  width: 220px;
  height: 100%;
  display: inline-block;
  transition: all 0.4s; }
  .theme-dark #onlinedata #tags, .theme-dark #historicaldata #tags {
    border: 1px solid #666666; }
  .theme-light #onlinedata #tags, .theme-light #historicaldata #tags {
    border: 1px solid #dddddd; }
  #onlinedata #tags table, #historicaldata #tags table {
    width: 100%;
    padding: 0px;
    margin: 0px; }
    #onlinedata #tags table tr, #historicaldata #tags table tr {
      height: 50px; }
      .theme-dark #onlinedata #tags table tr.selected, .theme-dark #historicaldata #tags table tr.selected {
        background-color: #2c2c2c; }
      .theme-light #onlinedata #tags table tr.selected, .theme-light #historicaldata #tags table tr.selected {
        background-color: #ffffff; }
    #onlinedata #tags table td:first-child, #historicaldata #tags table td:first-child {
      padding-left: 10px; }
    #onlinedata #tags table td:last-child, #historicaldata #tags table td:last-child {
      padding-right: 10px; }
    #onlinedata #tags table td, #historicaldata #tags table td {
      padding: 0px;
      margin: 0px; }
    #onlinedata #tags table p, #historicaldata #tags table p {
      margin: 0px;
      padding: 0px;
      display: inline-block; }
    #onlinedata #tags table .selection, #historicaldata #tags table .selection {
      float: right; }
      #onlinedata #tags table .selection i, #historicaldata #tags table .selection i {
        font-size: 10px;
        padding: 0px 1px;
        display: inline-block;
        margin-right: 2px;
        cursor: pointer; }
        .theme-dark #onlinedata #tags table .selection i.selected, .theme-dark #onlinedata #tags table .selection i:hover, .theme-dark #historicaldata #tags table .selection i.selected, .theme-dark #historicaldata #tags table .selection i:hover {
          color: #000000;
          background-color: #ffffff; }
        .theme-light #onlinedata #tags table .selection i.selected, .theme-light #onlinedata #tags table .selection i:hover, .theme-light #historicaldata #tags table .selection i.selected, .theme-light #historicaldata #tags table .selection i:hover {
          color: #ffffff;
          background-color: #212121; }
    #onlinedata #tags table .tagname .value, #historicaldata #tags table .tagname .value {
      width: 13px;
      height: 13px;
      margin-right: 10px;
      display: inline-block; }
  #onlinedata #tags .hidden, #historicaldata #tags .hidden {
    display: none;
    transition: all 0.4s; }
    #onlinedata #tags .hidden p, #historicaldata #tags .hidden p {
      transition: all 0.4s; }
  #onlinedata #tags i.expander, #historicaldata #tags i.expander {
    cursor: pointer; }
  #onlinedata #tags.expanded, #historicaldata #tags.expanded {
    width: 380px; }
    #onlinedata #tags.expanded .hidden, #historicaldata #tags.expanded .hidden {
      display: table-cell; }
    #onlinedata #tags.expanded i.expander, #historicaldata #tags.expanded i.expander {
      display: inline-block;
      transform: rotate(180deg); }

#historicaldata #tags {
  width: 256px; }

#historicaldata #graphwrapper {
  width: calc(100% - 276px);
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.4s; }
  #historicaldata #graphwrapper.expanded {
    width: calc(100% - 276px); }
  #historicaldata #graphwrapper.tags-expanded {
    width: calc(100% - 395px); }
  #historicaldata #graphwrapper img {
    margin-bottom: 20px; }

.theme-dark .tagModal {
  color: #dddddd; }

.theme-light .tagModal {
  color: #2c2c2c; }

.tagModal .taggrouptitle, .tagModal .taggrouptitle input {
  width: 100%; }

.tagModal .modal-header {
  border: none; }
  .theme-dark .tagModal .modal-header {
    background-color: #2c2c2c; }
  .theme-light .tagModal .modal-header {
    background-color: #ffffff; }
  .tagModal .modal-header h5 {
    font-size: 15px; }
  .theme-dark .tagModal .modal-header button span {
    color: #ffffff; }
  .theme-light .tagModal .modal-header button span {
    color: #555555; }

.tagModal .addtagmodalheader {
  padding-bottom: 5px; }
  .theme-dark .tagModal .addtagmodalheader {
    border-bottom: 1px solid #666666; }
  .theme-light .tagModal .addtagmodalheader {
    border-bottom: 1px solid #dddddd; }

.tagModal .modal-content #selectedtags {
  margin-top: 5px;
  overflow-y: scroll;
  padding: 0px; }
  .theme-dark .tagModal .modal-content #selectedtags {
    border: 1px solid #666666;
    height: 300px; }
  .theme-light .tagModal .modal-content #selectedtags {
    border: 1px solid #dddddd;
    height: 300px; }
  .tagModal .modal-content #selectedtags table {
    margin: 0px;
    padding: 0px;
    width: 100%; }
    .theme-dark .tagModal .modal-content #selectedtags table thead {
      border-bottom: 1px solid #666666; }
    .theme-light .tagModal .modal-content #selectedtags table thead {
      border-bottom: 1px solid #dddddd; }
    .tagModal .modal-content #selectedtags table tbody td {
      padding: 13px 0px 5px 13px; }

.tagModal .modal-content .modal-body {
  padding: 0px;
  border-radius: 10px; }

.tagModal .modal-content .container-fluid {
  padding: 0; }
  .tagModal .modal-content .container-fluid .row {
    margin: 0; }
  .theme-dark .tagModal .modal-content .container-fluid .dark {
    background-color: #2c2c2c; }
  .theme-light .tagModal .modal-content .container-fluid .dark {
    background-color: #ffffff; }
  .tagModal .modal-content .container-fluid .centerdiv, .tagModal .modal-content .container-fluid .note {
    padding: 20px; }
  .tagModal .modal-content .container-fluid textarea {
    width: 100%;
    height: 250px;
    margin-bottom: 10px; }
    .theme-dark .tagModal .modal-content .container-fluid textarea {
      background-color: #4d4d4d;
      color: #ffffff;
      padding: 10px;
      font-size: 14px;
      border: none; }
    .theme-light .tagModal .modal-content .container-fluid textarea {
      background-color: #e0e0e0;
      color: #555555;
      padding: 10px;
      font-size: 14px;
      border: none; }
  .tagModal .modal-content .container-fluid .btn {
    width: 100%; }
    .theme-dark .tagModal .modal-content .container-fluid .btn {
      background-color: #2c2c2c; }
    .theme-light .tagModal .modal-content .container-fluid .btn {
      background-color: #ffffff; }

.tagModal .modal-content .modalscroll {
  overflow-y: scroll;
  height: 300px;
  margin-top: 0px; }
  .tagModal .modal-content .modalscroll hr {
    border-color: #666; }
  .tagModal .modal-content .modalscroll .row {
    padding-top: 8px;
    padding-bottom: 8px; }
    .theme-dark .tagModal .modal-content .modalscroll .row {
      border-bottom: 1px solid #666666; }
    .theme-light .tagModal .modal-content .modalscroll .row {
      border-bottom: 1px solid #dddddd; }

.theme-dark .tagModal .modal-content {
  background-color: #4d4d4d; }

.theme-light .tagModal .modal-content {
  background-color: #e0e0e0; }

.tagModal .modal-content table {
  padding: 0;
  margin: 35px 0;
  font-size: 14px; }
  .tagModal .modal-content table tr {
    height: auto;
    border: none; }
    .tagModal .modal-content table tr td {
      padding: 8px; }

.tagModal .modal-lg {
  max-width: 80%; }
