html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }
  html img, body img {
    max-width: 100%;
    max-height: 100%; }
  html button, body button {
    white-space: nowrap; }
  html a, html a:visited, body a, body a:visited {
    color: inherit;
    cursor: pointer; }

header {
  height: 40px;
  background: #4a5565; }
  header #logo {
    margin: 5px 0 0 10px;
    height: 30px;
    float: left; }
  header #toolbar {
    float: left; }

footer {
  height: 0px;
  background: #4a5565; }

#wrapper {
  height: calc(100% - 40px - 0px);
  width: 100%; }
  #wrapper #main {
    width: 100%;
    height: calc(100% - 300px);
    display: flex; }
    #wrapper #main #sidebar {
      background: #bdc6c9;
      flex: 0 300px;
      width: 300px;
      height: 100%;
      border-right: solid 1px #000000; }
    #wrapper #main #app {
      height: 100%;
      flex: 1;
      position: relative;
      display: flex; }
  #wrapper #dock-right {
    flex: 0 200px;
    background: #bdc6c9;
    overflow: scroll; }
  #wrapper #dock {
    background: #bdc6c9;
    height: 300px;
    width: calc(100% - 1px); }
    #wrapper #dock.autoheight {
      height: auto; }
    #wrapper #dock .flex {
      display: flex;
      height: 300px; }
      #wrapper #dock .flex .definition-tree {
        width: auto;
        height: 100%;
        flex: 0 0 300px; }
        #wrapper #dock .flex .definition-tree > ul {
          margin-top: 10px; }
      #wrapper #dock .flex .grid-wrapper {
        flex: 1; }

.tree ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .tree ul li {
    white-space: nowrap; }
    .tree ul li ul {
      margin: 0 0 0 15px; }

#scanner {
  padding: 10px; }

#dock .toolbar {
  font-size: 12px;
  user-select: none;
  line-height: 20px;
  height: 20px;
  display: flex; }
  #dock .toolbar .search select {
    width: 150px; }
  #dock .toolbar .section {
    padding: 0 5px;
    border-right: 1px solid #3c3c3c; }
    #dock .toolbar .section:nth-child(2) {
      flex: 1; }
    #dock .toolbar .section:last-child {
      border: none; }
  #dock .toolbar input, #dock .toolbar select {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 20px; }
    #dock .toolbar input[type="number"], #dock .toolbar select[type="number"] {
      width: 50px; }
    #dock .toolbar input[type="checkbox"], #dock .toolbar select[type="checkbox"] {
      margin: 0 5px;
      height: auto;
      vertical-align: middle; }
  #dock .toolbar #grid-settings input {
    text-align: center; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

.flexbox {
  display: flex; }
  .flexbox .flexible {
    flex: 1; }
  .flexbox .flex-50 {
    flex: 0 50%; }

.right {
  float: right; }

.left {
  float: left; }

.invisible {
  visibility: hidden; }

div.label {
  font-weight: bold;
  margin-bottom: 5px; }

.text-center {
  text-align: center; }

.scroll-y {
  overflow-y: scroll; }

.scroll-x {
  overflow-x: scroll; }

#toolbar ul {
  margin: 0;
  list-style-type: none; }
  #toolbar ul li {
    float: left;
    cursor: pointer; }

.grid-wrapper.single-element .grid {
  height: calc(100% - 1px); }

.grid-wrapper .grid {
  border-color: #ffffff;
  border-width: 0 0 0 1px;
  border-style: solid;
  position: relative;
  height: calc(100% - 20px);
  width: 100%;
  overflow: scroll; }
  .grid-wrapper .grid .head {
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 0;
    font-weight: bold; }
    .grid-wrapper .grid .head .row .cell {
      background: #bdc6c9; }
  .grid-wrapper .grid .body {
    margin-top: 42px;
    height: calc(100% - 20px - 2px); }
  .grid-wrapper .grid.headless .body {
    margin-top: 21px; }
  .grid-wrapper .grid .row {
    flex-wrap: nowrap;
    display: flex; }
    .grid-wrapper .grid .row .cell {
      position: relative;
      padding: 0 5px;
      font-size: 12px;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 20px;
      line-height: 20px;
      flex: 1 0 150px;
      border-color: #ffffff;
      border-style: solid;
      border-width: 0 1px 1px 0; }
      .grid-wrapper .grid .row .cell.inactive {
        color: #545454; }
      .grid-wrapper .grid .row .cell.small {
        flex: 0 0 auto; }
      .grid-wrapper .grid .row .cell.full {
        padding: 0;
        flex: 1 auto;
        overflow: visible; }
      .grid-wrapper .grid .row .cell .fas {
        float: right;
        margin-top: 4px;
        cursor: pointer;
        margin-right: 4px; }
        .grid-wrapper .grid .row .cell .fas:first-child {
          margin-right: 0; }
      .grid-wrapper .grid .row .cell .controls {
        padding: 0 5px;
        border-left: 1px solid #ffffff;
        background: #a1aeb2;
        height: 100%;
        visibility: hidden;
        position: absolute;
        right: 0;
        top: 0; }
      .grid-wrapper .grid .row .cell:hover .controls {
        visibility: visible; }
    .grid-wrapper .grid .row.selected-in-model {
      background: #a1aeb2; }

.modal-editor #parameter-editor .controls {
  margin-top: 10px; }

.modal-editor #parameter-editor label {
  margin-bottom: 10px;
  font-weight: bold;
  display: block; }

.modal-editor #parameter-editor input[type="text"] {
  width: 100%; }

.modal-editor #parameter-editor .uploader label {
  padding: 5px;
  text-align: center;
  border: dotted 1px #000000;
  font-size: 12px; }
  .modal-editor #parameter-editor .uploader label .fas {
    font-size: 14px; }

.modal-editor #parameter-editor .uploader input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

@media only screen and (max-width: 600px) {
  #container #guiviewer3d-toolbar {
    display: none !important; }
  .single .fa-edit {
    visibility: visible !important; }
  #modal .wrapper .body {
    width: 80% !important; } }

#modal {
  -webkit-animation-duration: .2s;
  -webkit-animation-name: dialog-anim;
  -webkit-animation-timing-function: ease-in;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  animation-duration: .2s;
  animation-name: dialog-anim;
  animation-timing-function: ease-in;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  height: auto;
  position: absolute;
  width: auto;
  z-index: 101; }
  #modal .dialog-header {
    display: none; }
  #modal .wrapper {
    display: table-cell;
    vertical-align: middle; }
  #modal .head {
    text-align: right;
    background: #93a2a7; }
    #modal .head i {
      padding: 3px 5px;
      color: #FFFFFF;
      cursor: pointer; }
  #modal .body {
    width: max-content;
    background: #bdc6c9;
    margin: 0 auto;
    position: relative;
    padding: 5px; }
    #modal .body input[type="text"], #modal .body select, #modal .body textarea {
      padding: 3px;
      width: 100%;
      margin-bottom: 3px; }
    #modal .body > .close {
      position: absolute;
      right: 5px;
      bottom: 5px; }
  #modal.modal-soi, #modal.modal-system {
    left: calc(50% - 300px);
    top: calc(50% - 350px);
    box-shadow: #3c3c3c 2px 2px 5px; }
    #modal.modal-soi .body, #modal.modal-system .body {
      width: 600px;
      height: 700px; }

.modal-mapping .body {
  width: 40%; }
  .modal-mapping .body #mapping {
    padding: 10px;
    font-size: 13px; }
    .modal-mapping .body #mapping .parameters {
      height: 400px;
      overflow-y: scroll; }
    .modal-mapping .body #mapping table {
      width: 100%; }
      .modal-mapping .body #mapping table tr td {
        font-size: 13px;
        white-space: nowrap; }
        .modal-mapping .body #mapping table tr td.item {
          width: 25%; }
        .modal-mapping .body #mapping table tr td select {
          width: 100%;
          font-size: 13px; }

.modal-definitions .body {
  width: 700px !important;
  height: 400px; }
  .modal-definitions .body #definitions {
    padding: 10px; }
    .modal-definitions .body #definitions .preview {
      height: 300px; }
    .modal-definitions .body #definitions .tree {
      height: 300px;
      overflow-y: scroll; }
      .modal-definitions .body #definitions .tree li .flexbox {
        display: flex; }
        .modal-definitions .body #definitions .tree li .flexbox .flexible {
          flex: 1; }
        .modal-definitions .body #definitions .tree li .flexbox .type {
          flex: 0 150px;
          text-align: right; }
          .modal-definitions .body #definitions .tree li .flexbox .type select {
            margin-right: 10px; }

.tree {
  padding: 0;
  margin: 0; }
  .tree ul {
    margin-left: 10px; }
  .tree li {
    cursor: default;
    white-space: nowrap;
    font-size: 14px;
    list-style-type: none; }
    .tree li.expanded > .expander > i {
      transform: rotate(90deg); }
    .tree li.selected > .info > span {
      font-weight: bold; }

.jobcodes {
  width: 500px; }
  .jobcodes .ics-tree-wrapper {
    height: 200px;
    overflow-y: scroll;
    margin-bottom: 10px;
    background: #FFFFFF;
    font-size: 12px; }
    .jobcodes .ics-tree-wrapper ul {
      margin-left: 10px;
      padding-left: 0;
      list-style-type: none; }
      .jobcodes .ics-tree-wrapper ul li {
        cursor: default; }
        .jobcodes .ics-tree-wrapper ul li i {
          cursor: pointer; }
  .jobcodes .ics-table-selector select {
    display: block;
    width: 100%;
    margin-bottom: 5px; }
  .jobcodes .codes {
    margin-top: 5px;
    height: 100px;
    overflow-y: scroll; }
    .jobcodes .codes ul {
      padding: 0;
      margin: 0;
      height: 100%; }
    .jobcodes .codes li {
      list-style-type: none;
      display: inline-block;
      background: #555555;
      border-radius: 3px;
      padding: 3px;
      margin-right: 3px;
      margin-top: 3px;
      font-size: 12px;
      color: #FFFFFF; }
      .jobcodes .codes li i {
        cursor: pointer; }

.tabs-wrapper {
  height: 100%; }
  .tabs-wrapper .tabs {
    display: flex; }
    .tabs-wrapper .tabs .tab {
      flex: 1;
      height: 25px;
      line-height: 25px;
      border: 1px solid #000000;
      text-align: center;
      cursor: default; }
      .tabs-wrapper .tabs .tab.active {
        background: #000000;
        color: #FFFFFF; }
  .tabs-wrapper .content {
    height: calc(100% - 27px); }

#systems {
  display: flex;
  flex-direction: column;
  height: 100%; }
  #systems .controls {
    flex: 0 20px;
    border: solid #000000;
    border-width: 0 1px 1px 0; }
  #systems .tree-wrapper {
    overflow: scroll;
    flex: 1; }
    #systems .tree-wrapper .inputs {
      font-size: 14px;
      margin: 5px 0 0 0; }
      #systems .tree-wrapper .inputs input {
        vertical-align: middle; }
    #systems .tree-wrapper ul {
      margin: 0 0 0 10px;
      list-style-type: none;
      padding: 0;
      flex: 1; }
      #systems .tree-wrapper ul.tree {
        margin: 5px 0 0 10px; }
      #systems .tree-wrapper ul li .info:hover a i {
        display: inline-block; }
      #systems .tree-wrapper ul li.expanded > .info .expander {
        transform: rotate(90deg); }
      #systems .tree-wrapper ul li > .fas {
        margin-right: 10px; }
      #systems .tree-wrapper ul li .buttons {
        display: none; }
      #systems .tree-wrapper ul li.selected > .buttons {
        display: block; }
      #systems .tree-wrapper ul li a i {
        display: none;
        color: #000000;
        font-size: 12px; }

.system-tabs {
  margin: 0;
  list-style-type: none;
  padding: 0; }
  .system-tabs li {
    cursor: default;
    border-right: 1px solid #000000;
    display: inline-block;
    text-align: center;
    padding: 0 10px; }
    .system-tabs li a {
      color: #000000;
      text-decoration: none; }
    .system-tabs li.active {
      background: #a1aeb2; }

#system-create .scroller {
  height: 590px;
  overflow-y: scroll; }

#viewer {
  position: relative;
  flex: 1; }
  #viewer .toolbar {
    height: 25px;
    width: 100%;
    background: #9aa4a7; }
    #viewer .toolbar input, #viewer .toolbar select, #viewer .toolbar button {
      height: 100%; }
    #viewer .toolbar:after {
      content: '';
      clear: both; }
  #viewer .viewer {
    height: 100%;
    position: relative; }
  #viewer #element-qrcode {
    position: absolute;
    background: #FFFFFF;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center; }
    #viewer #element-qrcode .parameters {
      text-align: left;
      padding: 0 5px;
      font-size: 12px; }
      #viewer #element-qrcode .parameters .parameter p {
        margin: 0; }
      #viewer #element-qrcode .parameters .parameter .label {
        font-weight: bold; }
      #viewer #element-qrcode .parameters .parameter .value {
        margin-bottom: 5px; }
  #viewer .toolbar + .viewer {
    height: calc(100% - 25px); }
  #viewer .viewables {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }

.modal-projects .body #projects {
  width: 400px;
  margin: 0 auto; }
  .modal-projects .body #projects .model-status {
    margin: 5px 0;
    font-size: 12px;
    text-align: center; }
  .modal-projects .body #projects .uploader {
    display: block;
    margin-bottom: 5px;
    border: 1px dashed #000000;
    padding: 3px;
    font-size: 12px; }
    .modal-projects .body #projects .uploader input[type="file"] {
      visibility: hidden;
      height: 1px;
      width: 1px; }
  .modal-projects .body #projects .add-new-model button {
    position: absolute;
    right: 5px; }
  .modal-projects .body #projects .editor {
    font-size: 12px; }
    .modal-projects .body #projects .editor .usertree {
      padding-left: 5px;
      height: 200px; }
    .modal-projects .body #projects .editor .scrollers {
      height: 400px; }
      .modal-projects .body #projects .editor .scrollers .flex-50 {
        overflow-y: scroll; }
    .modal-projects .body #projects .editor .selection ul {
      margin: 0 0 0 5px;
      padding: 0; }
      .modal-projects .body #projects .editor .selection ul li {
        list-style-type: none;
        cursor: default;
        padding: 2px 0; }

.modal-projects .body .flexbox i {
  margin-top: 4px;
  margin-left: 5px; }
  .modal-projects .body .flexbox i.disabled {
    opacity: 0.5; }

#infotags .infotag .columns {
  display: flex;
  width: 100%; }
  #infotags .infotag .columns .column {
    height: 500px;
    padding: 0; }
    #infotags .infotag .columns .column select, #infotags .infotag .columns .column .picker {
      width: 100%;
      height: 100%; }
  #infotags .infotag .columns .column:last-child {
    display: flex;
    flex-direction: column; }
    #infotags .infotag .columns .column:last-child input {
      flex: 0;
      margin: 0;
      height: 20px; }
    #infotags .infotag .columns .column:last-child textarea {
      flex: 1;
      margin: 0; }

#infotags .infotag .buttons {
  margin-top: 30px; }

#colorizer {
  font-size: 12px;
  width: 300px; }
  #colorizer .colormap {
    height: 300px;
    overflow-y: scroll; }
  #colorizer ul {
    margin: 0;
    padding: 0; }
    #colorizer ul li {
      border-width: 0 0 1px 0;
      border-style: solid;
      height: 20px;
      list-style-type: none;
      display: flex; }
      #colorizer ul li .value {
        flex: 1; }
      #colorizer ul li .color {
        width: 60px; }
        #colorizer ul li .color input {
          text-align: right; }
      #colorizer ul li .controls {
        width: 30px;
        text-align: center; }
        #colorizer ul li .controls i {
          line-height: 20px; }
      #colorizer ul li input {
        width: 100%;
        background: transparent;
        border: none;
        outline: none; }
  #colorizer .edit .vc-swatches {
    width: 100%;
    overflow: auto;
    box-shadow: none;
    background: transparent; }

.search > .builder {
  height: 300px;
  overflow-y: scroll; }
  .search > .builder .children {
    margin-left: 10px; }

.definition-picker {
  height: 100%; }
  .definition-picker .picker {
    height: 100%; }
    .definition-picker .picker select {
      height: calc(100% - 40px) !important; }
    .definition-picker .picker .controls, .definition-picker .picker input {
      width: 100%;
      height: 20px; }

.searchable-select {
  display: flex;
  position: relative; }
  .searchable-select input {
    height: 20px; }
  .searchable-select .results {
    position: absolute;
    top: 20px;
    margin: 0;
    list-style-type: none;
    padding: 5px 0;
    background: #FFFFFF;
    width: calc(100% - 2px);
    border-style: solid;
    border-width: 0 1px 1px 1px; }
    .searchable-select .results li {
      margin-left: 5px;
      cursor: default; }
      .searchable-select .results li:hover {
        font-weight: bold; }

.attachments-and-views .block-title {
  background: #a1aeb2;
  padding: 5px; }

.attachments-and-views ul {
  margin: 0;
  list-style-type: none;
  padding: 0; }
  .attachments-and-views ul li {
    padding: 5px;
    cursor: pointer; }
    .attachments-and-views ul li.active {
      background: #afbabe; }
    .attachments-and-views ul li a {
      text-decoration: none; }

.definition-tree {
  height: 100%;
  width: 100%;
  font-size: 12px; }
  .definition-tree .deftree {
    overflow: scroll;
    height: calc(100% - 30px); }
  .definition-tree .controls {
    height: 20px;
    margin: 5px; }
  .definition-tree ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none; }
    .definition-tree ul li {
      cursor: default;
      white-space: nowrap; }
      .definition-tree ul li * {
        vertical-align: middle; }
      .definition-tree ul li i {
        display: inline-block;
        cursor: pointer; }
      .definition-tree ul li.selected > .value {
        font-weight: bold; }
      .definition-tree ul li.expanded > i.fa-caret-right {
        transform: rotate(90deg); }
      .definition-tree ul li .value {
        display: inline-block;
        margin-left: 10px; }

.breadcrumbs {
  margin: 0; }
  .breadcrumbs li {
    display: inline-block;
    padding: 0 3px;
    font-size: 14px; }
    .breadcrumbs li:first-child {
      padding: 0; }
      .breadcrumbs li:first-child i {
        font-size: 16px; }
    .breadcrumbs li .separator {
      font-size: 10px; }
    .breadcrumbs li:last-child .separator {
      display: none; }

header .breadcrumbs {
  float: left;
  height: 40px;
  margin-left: 15px;
  padding: 0; }
  header .breadcrumbs * {
    line-height: 40px; }
  header .breadcrumbs li {
    color: #FFFFFF; }

.soi-dock .definition-tree {
  width: 300px;
  float: left; }

.soi-dock .grid-wrapper {
  width: calc(100% - 300px);
  float: left; }

.modal-soi .body {
  width: 600px !important;
  height: 700px;
  display: flex;
  flex-direction: column; }
  .modal-soi .body .controls {
    height: 20px; }
  .modal-soi .body label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px; }
  .modal-soi .body .main {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .modal-soi .body .main .filters {
      height: min-content; }
  .modal-soi .body .info {
    height: min-content; }
  .modal-soi .body .definitions {
    flex: 1; }
    .modal-soi .body .definitions .definition-picker {
      height: calc(100% - 20px); }
  .modal-soi .body .users {
    display: flex;
    flex-direction: column;
    flex: 0 0 200px; }
    .modal-soi .body .users ul.scroll-y {
      margin: 0;
      padding: 0; }
      .modal-soi .body .users ul.scroll-y li {
        list-style-type: none;
        display: flex; }
        .modal-soi .body .users ul.scroll-y li .text {
          flex: 1; }
        .modal-soi .body .users ul.scroll-y li .icons {
          flex: 0 50px;
          text-align: right;
          padding-right: 5px; }
    .modal-soi .body .users .column {
      font-size: 12px;
      padding: 0; }
    .modal-soi .body .users .permissions {
      flex: 1;
      height: 145px;
      overflow-y: scroll; }
  .modal-soi .body .filters {
    position: relative;
    height: 100%; }
    .modal-soi .body .filters .vue-query-builder {
      overflow-y: scroll;
      height: calc(100% - 30px);
      margin-bottom: 10px; }
    .modal-soi .body .filters .card {
      position: relative;
      height: auto;
      width: auto; }

.user-column-permissions {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .user-column-permissions .permissions {
    font-size: 12px;
    height: calc(100% - 20px);
    overflow-y: scroll; }
    .user-column-permissions .permissions .column {
      padding: 0; }

.vue-query-builder .card {
  position: relative;
  height: auto;
  width: auto; }

#labels .label {
  float: left;
  width: 33%; }
  #labels .label .qrcode {
    float: left;
    height: 132px; }
  #labels .label .name {
    margin-top: 20px;
    float: left; }
    #labels .label .name h1 {
      margin: 0; }
  #labels .label .parameters {
    margin: 5px 0 5px 0; }
    #labels .label .parameters table {
      width: 100%;
      border-collapse: collapse; }
      #labels .label .parameters table td {
        font-size: 10px;
        border: solid 1px #000000; }
        #labels .label .parameters table td.definition {
          width: 300px; }

.row {
  display: flex;
  flex-wrap: wrap;
  flex: 1; }
  .row.head {
    background: #a1aeb2; }

.column {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 5px 0; }

.col-1 {
  max-width: calc(100% / 12); }

.col-2 {
  max-width: calc(100% / 12 * 2); }

.col-3 {
  max-width: calc(100% / 12 * 3); }

.col-4 {
  max-width: calc(100% / 12 * 4); }

.col-5 {
  max-width: calc(100% / 12 * 5); }

.col-6 {
  max-width: calc(100% / 2); }

.col-7 {
  max-width: calc(100% / 12 * 7); }

.col-8 {
  max-width: calc(100% / 12 * 8); }

.col-9 {
  max-width: calc(100% / 12 * 9); }

.col-10 {
  max-width: calc(100% / 12 * 10); }

.col-11 {
  max-width: calc(100% / 12 * 11); }

.col-12 {
  max-width: 100%; }

.single-element-view .head {
  text-align: center;
  font-weight: bold; }

.single-element-view .label {
  font-weight: bold;
  text-align: right; }

.single-element-view .value {
  text-align: left;
  padding-left: 10px; }

.wrapper[data-v-1f90552a] {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%; }

.overlay[data-v-1f90552a], .tracking-layer[data-v-1f90552a] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.camera[data-v-1f90552a], .pause-frame[data-v-1f90552a] {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%; }

.vue-query-builder .vqb-group .rule-actions {
  margin-bottom: 20px; }

.vue-query-builder .vqb-rule {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  border-color: #ddd;
  padding: 15px; }

.vue-query-builder .vqb-group.depth-1 .vqb-rule, .vue-query-builder .vqb-group.depth-2 {
  border-left: 2px solid #8bc34a; }

.vue-query-builder .vqb-group.depth-2 .vqb-rule, .vue-query-builder .vqb-group.depth-3 {
  border-left: 2px solid #00bcd4; }

.vue-query-builder .vqb-group.depth-3 .vqb-rule, .vue-query-builder .vqb-group.depth-4 {
  border-left: 2px solid #ff5722; }

.vue-query-builder .close {
  opacity: 1;
  color: #969696; }

@media (min-width: 768px) {
  .vue-query-builder .vqb-rule.form-inline .form-group {
    display: block; } }