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

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

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

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

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

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

#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%; }
