/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html,
body {
  height: 100%;
  width: 100%;
}

/* apply a natural box layout model to all elements, but allowing components to change */

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
}

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

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

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

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

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

.flex-1 {
  flex: 1;
}

.col-3 {
  flex: 0 0 256px;
  max-width: 256px;
}

.col-6 {
  flex: 0 0 520px;
  max-width: 520px;
}

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

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

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

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

.position-relative {
  position: relative;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.display-none {
  display: none !important;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.p-10 {
  padding: 10px;
}

.m-0 {
  margin: 0 !important;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

/* this is used only on home screen */

.mt-34 {
  flex: 1;
  margin: 34px 10px 18px;
}

.h-77 {
  height: 77px;
}

.h-264 {
  height: 264px;
}

.h-270 {
  height: 270px;
}

.h-100p {
  height: 100%;
}

.w-100p {
  width: 100%;
}

.font-size-100 {
  font-size: 100px;
}

/* light blue border */

.lb-border {
  border: 1px solid #3a4d62;
}

/* dark blue background */

.db-bg {
  background: #202429;
}

.lb-text {
  color: #c3d1df;
}

.memorycopy {
  background: #2a2f35 URL(images/9dccbbd984ba65c3a530ee42cc0aa777.png) no-repeat 0px 0px;
  background-position: center;
  background-size: 700px;
  display: flex; 
  flex: 1;
  flex-direction: column;
  position: relative;
}

*{
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  display: none;
}

body {
  background: #272624;
  font-family: Roboto, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  overflow-x: hidden;
}

#root {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 1230px;
  /* left: 50%; */
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /* transform: translateX(-50%); */
  width: 786px;
}

.logo {
  background: url(images/79a7492a63073938d6bf846f425f8a4b.png) no-repeat 0 0;
  height: 90px;
  left: 0;
  position: absolute;
  top: 35px;
  width: 221px;
}

.usb-icon {
  background: url(images/6f8c120c29ff5c4889b8d985a2929d27.png) no-repeat 0 0;
  height: 80px;
  position: absolute;
  right: 0;
  top: 33px;
  width: 262px;
}

.screw {
  background: url(images/0213980e81a2fc89b9131b8b8b3177c6.png) no-repeat 0 0;
  display: none;
  height: 40px;
  position: absolute;
  width: 40px
}

.screw.top-left {
    left: 40px;
    top: 35px;
  }

.screw.top-right {
    right: 40px;
    top: 35px;
  }

.screw.bottom-left {
    bottom: 40px;
    left: 40px;
  }

.screw.bottom-right {
    bottom: 40px;
    right: 40px;
  }

.button {
  background: url(images/e5d7d49121d4845f1808d2505c0dd2d2.png) no-repeat 0 0;
  height: 95px;
  position: relative;
  width: 95px
}

.button[data-type="control"]::after {
    background: url(images/2cca3571cdeb1598aa1ad41563848837.png) 0 0 no-repeat;
    content: "";
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 49px;
  }

.buttons,
.memory,
.knobs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.buttons {
  left: 31px;
  position: absolute;
  right: 31px;
  top: 156px;
}

.controls {
  bottom: 40px;
  left: 0;
  position: absolute;
  right: 0;
  /* left: 50%; */
  /* transform: translateX(-50%); */
}

.memory .button,
.trigger-button {
  position: relative;
}

.memory .button {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: normal;
  line-height: 95px;
  text-align: center;
}

/* Only buttons with input class can be turned on/off */

.input.off::before,
  .input.on::before {
    content: "";
    display: block;
    height: 14px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 14px;
  }

.input.off::before {
    background: url(images/7f03a4d86fb8a2f41d95fd85cfde5cfe.png) 0 0 no-repeat;
  }

.input.on::before {
    background: url(images/0f5f3c98a36b4d4f5128220b9bb1b9a9.png) 0 0 no-repeat;
  }

.memory-title {
  font-size: 23px;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  line-height: 27px;
  margin-bottom: 15px;
  margin-top: 33px;
}

.memory-title,
.trigger-title,
.arc-title {
  background: #0e55a5;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}

.knobs {
  align-items: flex-end;
}

/* .knob svg {
  height: 207px;
  width: 190px;
} */

div.knob-right {
  background: url(images/a19a2a544f31b64f63f98509ac9fb419.png) no-repeat center center;
  height: 250px;
  width: 190px;
}

.trigger-hold {
  text-align: center
}

.trigger-hold svg {
    height: 95px;
    width: 95px;
  }

.trigger-hold .trigger-title {
    height: 65px;
    margin-top: 11px;
    width: 130px
  }

.trigger-hold .trigger-title span {
      display: block;
      padding-top: 15px;
    }

div.knob-left {
  background: url(images/e251a61c8f6478db76be04dd90c42f59.png) no-repeat center center;
  height: 250px;
  width: 190px;
}

.trigger-hold {
  text-align: center
}

.trigger-hold svg {
    height: 95px;
    width: 95px;
  }

.trigger-hold .trigger-title {
    height: 65px;
    margin-top: 11px;
    width: 130px
  }

.trigger-hold .trigger-title span {
      display: block;
      padding-top: 15px;
    }

.arc-control {
  position: relative;
  text-align: center
}

.arc-control .label {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-feature-settings: "smcp";
    font-variant: small-caps;
    position: absolute
  }

.arc-control .label.fluid {
      left: -30px;
      top: -25px;
      transform: rotate(-45deg);
    }

.arc-control .label.stiff {
      right: -25px;
      top: -30px;
      transform: rotate(45deg);
    }

.arc-control svg {
    height: 95px;
    width: 95px;
  }

.arc-control .arc-title {
    height: 65px;
    margin-top: 11px;
    width: 130px
  }

.arc-control .arc-title span {
      display: block;
      padding-top: 15px;
    }

.arc-control .arc {
    left: 50%;
    position: absolute;
    top: -40px;
    transform: translateX(-50%);
    z-index: -1 /* Prevent from taking the focus / mouse input */
  }

.arc-control .arc svg {
      height: 128px;
      width: 172px;
    }

.system-lock {
  background: url(images/a60be46864fb8933fa9be25c8b880d4e.png) no-repeat;
  background-size: 510px;
  height: 357px;
  width: 518px;
  position: relative;
  text-align: center

}

.system-lock .lock-1{
    height: 107px;
    width: 105px;
    position: absolute;
    background: white;
    top: 29px;
    left: 21px;
  }

.system-lock .lock-2{
    height: 107px;
    width: 105px;
    position: absolute;
    background: white;
    top: 29px;
    left: 147px;
  }

.system-lock .lock-3{
    height: 107px;
    width: 105px;
    position: absolute;
    background: white;
    top: 29px;
    left: 274px;
  }

.system-lock .lock-4{
    height: 107px;
    width: 105px;
    position: absolute;
    background: white;
    top: 29px;
    left: 401px;
  }

.system-lock .lock_hidden{
    background: url(images/d531d29a40cc2aa29a233503bd806c68.png);
    height:107px;
    width: 105px;
    position: absolute;
    background-size: 110px;
    z-index: 3;
  }

.system-lock .back_instructions{
    background: url(images/958c50798c7ef9b295e72920748130ee.png) no-repeat;
    background-size: 260px;
    height: 200px;
    width: 240px;
    position: absolute;
    top: 180px;
    left: 270px;

  }

/* Make sure button icons don't fill available space */

.arc-button,
.trigger-button {
  display: inline-block;
}

.trigger-button::after {
  background: url(images/1f92ac02c3f94438763b046a1fb51d6a.png) no-repeat 0 0;
  content: "";
  height: 47px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 78px;
}

.arc-button::after {
  background: url(images/8b71f46665d64c7a768a319e78b3b719.png) no-repeat 0 0;
  content: "";
  height: 67px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 37px;
}

.lock {
  height: 72px;
  width: 46px;
}

.svg-filters {
  height: 0;
  width: 0;
}

.screen {
  background: #272624;
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  height: 480px;
  left: 50%;
  position: absolute;
  top: 280px;
  transform: translateX(-50%);
  width: 786px /* 800px - padding */
}

.screen .header {
    margin: 8px 0;
    position: relative
  }

.screen .header .panel {
      background: url(images/d616fb91d094e02488019b934cf19612.png) no-repeat 0 0;
      height: 57px;
      left: 157px;
      position: relative;
      top: 0;
      width: 472px;
    }

.screen .header .curmem {
      align-items: center;
      color: #fff;
      font-family: "Lucida Console", "Courier New", monospace;
      font-size: 44px;
      height: 54px;
      left: 300px;
      line-height: 57px;
      margin-left: 150px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 5px;
      width: 77px;
    }

.screen .header {

   

    /* Left / right buttons */
  }

.screen .header .left {
      background: url(images/376e2b8a3d434880412a0f5216ecc306.png) no-repeat 0 0;
      /* background: url("../assets/images/left.svg") no-repeat 0 0; */
      /* background-size: cover; */
      height: 56px;
      position: absolute;
      top: 0;
      width: 169px;
    }

.screen .header .right {
      background: url(images/f4981ab56dcd7d211363aabcb4678fba.png) no-repeat 0 0;
      /* background: url("../assets/images/right.svg") no-repeat 0 0; */
      height: 56px;
      position: absolute;
      right: 0;
      top: 0;
      width: 169px;
    }

/* Tabs */

.tabs {
  display: flex;
  flex-direction: row;
  margin: 0 -3px
}

.tabs .tab {
    background: linear-gradient(180deg, rgba(51, 123, 188, .52) -23.26%, rgba(35, 90, 139, .52) 76.74%);
    border: .5px solid #3a4d62;
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    box-sizing: border-box;
    color: #fff;
    flex-basis: 20%;
    line-height: 37px;
    margin: 0 3px;
    text-align: center;
  }

.tabs .tab-hide {
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    box-sizing: border-box;
    color: #fff;
    flex-basis: 20%;
    line-height: 37px;
    margin: 0 3px;
    text-align: center;
  }

/* PANELS IN CONTENT */

.content .panel .inner,
.content .panel.weld {
  border: .5px solid #3a4d62;
  /* Panel Dropshadow */
  border-radius: 1px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
  box-sizing: border-box;
  flex: 1;
  position: relative;
}

.content {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 359px;
  overflow: hidden
}

.content .flex-row .panel:not(:last-child) {
      margin-right: 8px;
    }

.content .panel {
    background: #2a2f35;
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative
  }

.content .panel .inner {
      /* Add Fake padding to compensate for absolute title positioning */
    }

.content .panel .inner::before {
        content: "";
        display: block;
        height: 20px;
        width: 100%;
      }

.content .panel .inner.no-padding::before {
        display: none;
      }

.content .panel .inner.menu {
        bottom: 0;
        left: 0;
        overflow: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0
      }

.content .panel .inner.menu::before {
          display: none;
        }

.content .panel .inner {

      /* MENUS */
    }

.content .panel .inner .menu-item {
        font-size: 18px;
        height: 87px;
        line-height: 21px
      }

.content .panel .inner .menu-item.selected {
          background: #202429;
        }

.content .panel .inner .menu-item.options {
          text-shadow: #bfc8d0;
        }

.content .panel .inner .menu-item.optionsDisabled{
          color: grey;
        }

.content .panel .inner .menu-item.wire_speed
        {
          background-image: linear-gradient(to right, grey 60%, rgba(255, 255, 255, 0) 0px);
          background-position: top;
          background-repeat: repeat-x;
          background-size: 37px 4px;
        }

.content .panel .inner .menu-item.upper_voltage
        {
          background-image: linear-gradient(to right, grey 60%, rgba(255, 255, 255, 0) 0px);
          background-position: top;
          background-repeat: repeat-x;
          background-size: 37px 4px;
        }

.content .panel .inner .menu-item div {
          padding-left: 47px;
          position: relative;
          top: 50%;
          transform: translateY(-50%)
        }

.content .panel .inner .menu-item div .icon {
            left: 10px;
            max-width: 60px;
            position: absolute;
          }

.content .panel .inner .menu-item.extended div {
          padding-left: 100px !important;
        }

.content .panel .inner {
      .panel .memorycopy {
        background: URL(images/9dccbbd984ba65c3a530ee42cc0aa777.png) no-repeat 0px 0px;;
      }
      

      /* LABEL */
    }

.content .panel .inner .label {
        bottom: 40px;
        font-size: 22px;
        font-weight: bold;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
      }

.content .panel .inner .range {
        color: #c3d1df;
        font-size: 14px;
        padding: 0 20px;
        position: absolute;
        width: 100%
      }

.content .panel .inner .range.top {
          top: 32px;
        }

.content .panel .inner .range.bottom {
          bottom: 12px;
          display: none;
          padding: 0 20px 0 30px
        }

.content .panel .inner .range.bottom.show {
            display: block;
          }

.content .panel .inner .range.bottom .icon {
            left: 20px;
            position: absolute;
            top: 4px;
          }

.content .panel .inner .range span:first-child {
          float: left;
        }

.content .panel .inner .range span:not(:first-child) {
          background: #202429;
          border: 1px solid #3a4d62;
          width: 70px;
        }

.content .panel .inner .range span {
          display: block;
          float: right;
          height: 20px;
          line-height: 20px
        }

.content .panel .inner .range span.input-box {
            padding-left: 5px;
          }

.content .panel .inner .weld-label{
        background: URL(images/0b815570ab3df6930012e45d84fe5374.png) no-repeat 3px 0px;
        position: absolute;
        width: 500px;
        height: 200px;
        top: 185px;
        left: 60px
      }

.content .panel .inner .weld-label-usage{
        background: URL(images/24bf135aa1d8d4dc782a701a61761a6b.png) no-repeat 3px 0px;
        position: absolute;
        width: 500px;
        height: 200px;
        top: 185px;
        left: 60px
      }

.content .panel .inner .gauge {
        /* height: 168px; */
        /* Centering handled by JavaScript based on mode */
        /* left: 50%; */
        position: relative;
        top: 15px;
        /* transform: translateX(-50%); */
        width: 216px;
      }

.content .panel .inner .gauge > .dial {
        stroke: #bfc8d0;
        stroke-width: 12;
      }

.content .panel .inner .gauge > .value {
        /*filter: url("#gauge_filter");*/
        /*stroke: url("#gauge_gradient");*/
        stroke:blue;
        /*stroke:url("#grad");*/
        stroke-dasharray: none;
        /*stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .gauge > .value-grad-small {
        /*filter: url("#gauge_filter");*/
        /*stroke: url("#gauge_gradient");*/
        stroke:url("#grad-small");
        stroke-dasharray: none;
        /*stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .gauge > .value-grad-med {
        /*filter: url("#gauge_filter");*/
        /*stroke: url("#gauge_gradient");*/
        stroke:url("#grad-small");
        stroke-dasharray: none;
        /*stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .gauge > .value-grad-lrg {
        /*filter: url("#gauge_filter");*/
        /*stroke: url("#gauge_gradient");*/
        stroke:url("#grad");
        stroke-dasharray: none;
        /*stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .gauge > .value-text {
        align-items: center;
        display: flex;
        fill: #fff;
        font-size: 25px;
        font-weight: bold;
        line-height: 69px;
        text-align: center;
      }

.content .panel .inner .limit-gauge2 {
        /* height: 168px; */
        left: 50%;
        position: absolute;
        top: 15px;
        transform: translateX(-50%);
        width: 216px;
      }

.content .panel .inner .limit-gauge2 > .dial {
        stroke: red;
        stroke-width: 12;
      }

.content .panel .inner .limit-gauge2 > .value {
        stroke: greenyellow;
        stroke-dasharray: none;
        /*stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .limit-gauge2 > .value-text {
        align-items: center;
        display: flex;
        fill: #fff;
        font-size: 25px;
        font-weight: bold;
        line-height: 69px;
        text-align: center;
      }

.content .panel .inner .limit-gauge {
        height: 168px; 
        left: 50%;
        position: relative;
        top: 15px;
        transform: translateX(-50%);
        width: 216px;
      }

.content .panel .inner .limit-gauge > .dial {
        stroke: red;
        stroke-width: 12;
      }

.content .panel .inner .limit-gauge > .value {
        stroke: greenyellow;
        stroke-dasharray: none;
       /* stroke-opacity: .59;*/
        stroke-width: .2;
        stroke-width: 12;
      }

.content .panel .inner .limit-gauge > .value-text {
        align-items: center;
        display: flex;
        fill: #fff;
        font-size: 25px;
        font-weight: bold;
        line-height: 69px;
        text-align: center;
      }

.content .panel .limit-gauge-instruction-section {
      background: url(images/0d79248ea1469decc4bce73d9817f90d.png) no-repeat 0 0;
      height: 140px;
      width: 280px;
      background-size: 200px;
      position: absolute;
      top: 230px;
      left: 30px;
    }

.content .panel .title {
      background: url(images/401b3c4b19a5174f7ee20178c0566ebb.png) no-repeat 0 0;
      font-size: 12px;
      height: 20px;
      left: 0;
      line-height: 20px;
      padding-left: 6px;
      position: absolute;
      text-transform: uppercase;
      top: -1px;
      width: 205px;
      z-index: 999;
    }

/* Middle panel - overview */

.panel .overview {
  margin: 34px 10px 18px
}

.panel .overview .subtitle {
    font-size: 18px;
  }

.panel .overview .subcurrent {
    margin-bottom: 20px;
  }

/* Image placeholder */

.placeholder {
  height: 100%;
  position: relative;
  width: 100%
}

.placeholder svg {
    height: 180px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 180px;
  }

.arc-control.placeholder svg {
  height: 240px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
}

/* Counter widget */

.counter {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 100px;
  height: 100%;
  justify-content: center;
}

.counter-burnback-left{
  background : url(images/072617222150aac3f49a0771494ebbb6.png) no-repeat left center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 50px;
  right:140px;
}

.counter-burnback-center{
  background : url(images/1ee39dddf209bab7fc7ff375829d96c4.png) no-repeat center center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 50px;
  right:75px;
}

.counter-burnback-right{
  background : url(images/aeb50499512ec6f668b2cacb340d87a7.png) no-repeat right center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 50px;
  right:10px;
}

.counter-gauge-left{
  background : url(images/072617222150aac3f49a0771494ebbb6.png) no-repeat left center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 68px;
  right:85px;
  background-size: 25px;
}

.counter-gauge-center{
  background : url(images/1ee39dddf209bab7fc7ff375829d96c4.png) no-repeat center center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 68px;
  right:80px;
  background-size: 25px;
}

.counter-gauge-right{
  background : url(images/aeb50499512ec6f668b2cacb340d87a7.png) no-repeat right center;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 68px;
  right:75px;
  background-size: 25px;
}

.counter-label {
  bottom: 34px;
  font-size: 22px;
  font-weight: bold;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top:240px;
}

div.gauge {
  background: url(images/e4a9c6a9f8c8e5ac8a0007d2928bcdb6.svg) no-repeat center 52px;
}

.weld-item {
  border: 1px solid #3a4d62;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 0 7px;
  position: relative
}

.weld-item.selected {
    background: #202429
  }

.weld-item.selected:not(:last-child)::after,
      .weld-item.selected:not(:last-child)::before {
        border: solid transparent;
        content: " ";
        height: 0;
        left: calc(100% - 2px);
        pointer-events: none;
        position: absolute;
        top: 60%;
        width: 0;
        z-index: 999;
      }

.weld-item.selected:not(:last-child)::after {
        border-color: rgba(32, 36, 41, 0);
        border-left-color: #202429;
        border-width: 10px 0 10px 11px;
        margin-top: -10px;
      }

.weld-item.selected:not(:last-child)::before {
        border-color: rgba(58, 77, 98, 0);
        border-left-color: #3a4d62;
        border-width: 11px 0 11px 12px;
        margin-top: -11px;
      }

.weld-item .top,
  .weld-item .bottom {
    padding: 20px 0;
    text-align: center;
  }

.weld-item .middle {
    flex: 1;
    font-size: 20px;
    text-align: center;
  }

.settingsreset{
  background:  url(images/a6bf2c6158adf449bd8ca8b279314343.png) no-repeat -5px 11px;
  height: 359px;
  background-size: 270px;

}

.setting-reset-full{
  background:  url(images/f3f4c3f2fe0c33a5e237c3c69ef2c825.png) no-repeat -5px 1px;
  background-size: 520px 359px;
  height:359px;
  width: 520px;
  left: 5px;
  position: absolute;
  top: 0px;

}

/* PICTOGRAMS */

.pictogram .top {
    background: #202429 url(images/91586fd0bf3df50c184d34305dc0dbb9.png) no-repeat 5px 8px;
    border: 1px solid #3a4d62;
    height: 65px;
    left: 50%;
    position: absolute;
    top: 22px;
    transform: translateX(-50%);
    width: 236px
  }

.pictogram .top .box {
      background: linear-gradient(180deg, rgba(51, 123, 188, .5) 0%, rgba(35, 90, 139, .5) 100%);
      border: 1px solid #4fc0ff;
      height: 55px;
      position: absolute;
      top: 5px;
    }

.pictogram .bottom {
    background: #202429;
    border: 1px solid #3a4d62;
    height: 167px;
    left: 50%;
    position: absolute;
    top: 90px;
    transform: translateX(-50%);
    width: 236px;
    z-index: 0
  }

.pictogram .bottom .leftpicto {
      background:  url(images/22b1ad1dc7ca14dbba4bb284cdad9838.png) no-repeat 0 8px;
      height: 167px;
      left: 40%;
      top: 142px;
      width: 236px;
      z-index: 0;
    }

.pictogram .bottom .rightpicto {
      background:  url(images/7ac51251f67e9f958b9759d50528d533.png) no-repeat 0 8px;
      height: 167px;
      width: 236px;
      position: absolute;
      z-index: 0;
    }

.pictogram .bottom .line {
      background: #faff00;
      height: 4px;
      position: absolute;
      top: 153px;
      width: 75px;
    }

.pictogram .bottom .customblock{
      background: #202429;

    }

.pictogram .bottom .off_symbol {
      background: url(images/a9a22a5c1517dc86640dbf9e1aa85cb7.png) center 45px no-repeat;
      height: 100%;
      width:100%;
      top:0px;
      position: absolute;
      z-index: 100;
    }

.pictogram .instructions{
      height: 60px;
      width: 236px;
      position: absolute;
      top: 250px;
      left: 3%;
  }

/* PICTOGRAMS */

.pictogram-tacktime .bottom {
    background: url(images/4874dc5b84689f99bb040171d4a39b48.png) no-repeat 3px 8px;
    height: 187px;
    left: 50%;
    position: absolute;
    top: 30px;
    transform: translateX(-50%);
    width: 236px;
    z-index: 0
  }

.pictogram-tacktime .bottom .customblock{
      width: 8px;
      height: 8px;
      position: absolute;
      left:104px;
      top:172px;
    }

.pictogram-tacktime .instructions{
      height: 60px;
      width: 236px;
      position: absolute;
      top: 220px;
      left: 3%;
  }

/* PICTOGRAMS */

.pictogram-trigger-tacktime .bottom {
    background: url(images/61b306025e9bcba417dcb21622a6bc62.png) no-repeat 8px;
    background-size:250px;
    height: 340px;
    width: 340px;
    z-index: 0
  }

.pictogram-trigger-tacktime .bottom .customblock{
      width: 8px;
      height: 8px;
      position: absolute;
      left:104px;
      top:332px;
    }

.pictogram-trigger-tacktime .bottom .customblock2{
      width: 8px;
      height: 8px;
      position: absolute;
      left:129px;
      top:332px;
    }

/* PICTOGRAMS */

.pictogram-trigger-weldtime .bottom {
    background: url(images/b1a69e48e5be92da470a31306c99f988.png) no-repeat 8px;
    background-size:250px;
    height: 340px;
    width: 340px;
    z-index: 0;
  }

/* PICTOGRAMS */

.pictogram-profilepulse .top {
    background: #202429 url(images/91586fd0bf3df50c184d34305dc0dbb9.png) no-repeat 5px 8px;
    border: 1px solid #3a4d62;
    height: 65px;
    left: 50%;
    position: absolute;
    top: 22px;
    transform: translateX(-50%);
    width: 236px
  }

.pictogram-profilepulse .top .box {
      background: linear-gradient(180deg, rgba(51, 123, 188, .5) 0%, rgba(35, 90, 139, .5) 100%);
      border: 1px solid #4fc0ff;
      height: 55px;
      position: absolute;
      top: 5px;
    }

.pictogram-profilepulse .bottom {
    height: 167px;
    left: 50%;
    position: absolute;
    top: 90px;
    transform: translateX(-50%);
    width: 236px;
    z-index: 0
  }

.pictogram-profilepulse .bottom .line {
      background: #faff00;
      height: 4px;
      position: absolute;
      top: 153px;
      width: 75px;
    }

.pictogram-profilepulse .bottom .customblock{
      background: #202429;

    }

.pictogram-profilepulse .bottom .instructions{
        height: 60px;
        width: 236px;
        position: absolute;
        top: 250px;
        left: 3%;
    }

/* PULSE PROFILE PICTOGRAM */

.knob-control[data-pictogram="control0"],
.pulse-profile[data-pictogram="control0"] {
  background: url(images/405c6345fb43b18250b4b4ad6c5972a0.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control1"],
.pulse-profile[data-pictogram="control1"] {
  background: url(images/8f6986638aebf50b230f4dcbc47a47e2.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control2"],
.pulse-profile[data-pictogram="control2"] {
  background: url(images/852430251f2bebdb4bfc419ca438a30d.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control3"],
.pulse-profile[data-pictogram="control3"] {
  background: url(images/fc0023a3e9f98e19e03665a706f45fca.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control4"],
.pulse-profile[data-pictogram="control4"] {
  background: url(images/7688a293bfbd96d032f4e42497ee762b.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control5"],
.pulse-profile[data-pictogram="control5"] {
  background: url(images/21f83cc748827a8f1bf7615470937afb.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control6"],
.pulse-profile[data-pictogram="control6"] {
  background: url(images/c052bc292888b982b7846ddfa434c15b.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

.knob-control[data-pictogram="control7"],
.pulse-profile[data-pictogram="control7"] {
  background: url(images/e2caacbbacb9962c86855ce27024ec65.png) no-repeat 54px -2px;
  height: 213px;
  width: 214px;
}

/* ARC CONTROL PICTOGRAM */

.knob-control[data-pictogram="control1"],
.arc-control[data-pictogram="control1"] {
  background: url(images/3cb5b8d35893d766efe4b0c5632cba3e.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-control[data-pictogram="control2"],
.arc-control[data-pictogram="control2"] {
  background: url(images/273f7ddc016e5f309b92f244590d4afe.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-control[data-pictogram="control3"],
.arc-control[data-pictogram="control3"] {
  background: url(images/e63213f9f78e1a381cb55e28f25711aa.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-control[data-pictogram="control4"],
.arc-control[data-pictogram="control4"] {
  background: url(images/abf99f77487a1f3109b159fa147a6878.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-control[data-pictogram="control5"],
.arc-control[data-pictogram="control5"] {
  background: url(images/a07f1131271a8d8f00e1d89254c57bae.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-control[data-pictogram="control6"],
.arc-control[data-pictogram="control6"] {
  background: url(images/7de928b35dc3375899f07d083317a833.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

/* ARC LENGTH PICTOGRAM */

.knob-controlAL[data-pictogram="control1"],
.arc-length[data-pictogram="control1"] {
  background: url(images/12c541120afe86fea7b8eb0cea8451c0.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlAL[data-pictogram="control2"],
.arc-control[data-pictogram="control2"] {
  background: url(images/21c920303fbded5fd8c6798e27788232.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlAL[data-pictogram="control3"],
.arc-control[data-pictogram="control3"] {
  background: url(images/6208eb32df602c824a059104ca3d7c2e.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlAL[data-pictogram="control4"],
.arc-control[data-pictogram="control4"] {
  background: url(images/2dad99d97df17d5e57757a2b0890df75.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlAL[data-pictogram="control5"],
.arc-control[data-pictogram="control5"] {
  background: url(images/38b7b4df28194983ca2ce8cd86a02097.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlAL[data-pictogram="control6"],
.arc-control[data-pictogram="control6"] {
  background: url(images/4f3580f0225f4d52cef7f2bea672f245.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

/* ARC WIRE SPEED PICTOGRAM */

.knob-controlWS[data-pictogram="control1"],
.arc-wspeed[data-pictogram="control1"] {
  background: url(images/236074f4b67e518934512d3ca29d0880.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlWS[data-pictogram="control2"],
.arc-wspeed[data-pictogram="control2"] {
  background: url(images/7d9cff04f324b5b34e6d0f5389386535.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlWS[data-pictogram="control3"],
.arc-wspeed[data-pictogram="control3"] {
  background: url(images/08f16277c82fb376222e988779057f3f.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlWS[data-pictogram="control4"],
.arc-wspeed[data-pictogram="control4"] {
  background: url(images/24df0f7f54ba3f4efc3c9bba235cae0a.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlWS[data-pictogram="control5"],
.arc-wspeed[data-pictogram="control5"] {
  background: url(images/1fb174ced60c88833a1d55ed6824d804.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.knob-controlWS[data-pictogram="control6"],
.arc-wspeed[data-pictogram="control6"] {
  background: url(images/b80e54cfbec5fc0ed39213c27c953b91.png) no-repeat 0 0;
  height: 213px;
  width: 214px;
  background-size: contain;
}

.arc-legend {
  
  font-size: 16px;
  padding: 20px 20px 0 0
}

.arc-legend > div {
    position: relative;
    white-space: nowrap;
  }

.arc-legend .knob-rotate{
    background: url(images/c47514874d0a29205672a5b15eb19773.png) no-repeat 30px 0px;
    background-size: 70px 70px;
    width: 130px;
    height: 80px;
  }

.arc-legend .knob-press{
    background: url(images/f697ab2e145563380790ce378170fbd8.png) no-repeat 30px 8px;
    background-size: 70px 70px;
    width:100px;
    height: 80px;

  }

.arc-legend .pen-prof::before {
    background: #00ff57;
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 10px;
    vertical-align: middle;
    width: 40px;
  }

.arc-legend .bead-weld::before {
    background: #ff6fb4;
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 10px;
    vertical-align: middle;
    width: 40px;
  }

.arc-legend .arc-cone::before {
    background: #73b3ff;
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 10px;
    vertical-align: middle;
    width: 40px;
  }

.widget-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px 10px
}

.widget-content .system-counters {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 40px
  }

.widget-content .system-counters div {
      flex: 1;
      text-align: center;
    }

.lock-codes {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center
}

.lock-codes > div {
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    margin-right: 10px;
    position: relative;
    width: 40px
  }

.lock-codes > div.selected {
      background: #202429;
    }

.lock-codes > div span {
      display: block;
      font-size: 35px;
      position: absolute;
      text-align: center;
      top: calc(-1em - 10px);
      width: 100%;
    }

.lock-codes > div:last-child {
      margin-right: 0;
    }

.lock-codes > div::before,
    .lock-codes > div::after {
      background-color: #fff;
      content: "";
      height: 2px; /* cross thickness */
      position: absolute;
      width: 100%;
    }

.lock-codes > div::before {
      transform: rotate(45deg);
    }

.lock-codes > div::after {
      transform: rotate(-45deg);
    }

/* Fix for admin limit menus, decrease the padding so they can fit */

.admin .content .panel:first-child .inner .menu-item div {
  padding-left: 20px;
}

.admin .content .panel .inner .menu-item.extended div {
  padding-left: 40px !important;
}

/* Home screen with profile pulse */

.panel.weld.compact {
  height: 160px
}

.panel.weld.compact .flex-1.lb-border.p-10 {
    padding: 3px 10px;
  }

.pp-home {
  flex: 1;
  font-size: 40px;
  text-align: center
}

.pp-home div {
    font-size: 9px;
  }

/* INSIGHT */

.info-panel {
  display: flex;
  flex: 1;
  flex-flow: row wrap;
  padding: 40px 20px 20px
}

.info-panel .info-line {
    flex: 0 0 calc(100% / 2);
    margin-bottom: 5px;
    max-width: calc(100% / 2);
  }

.panel-border {
  border: .5px solid #3a4d62;
  border-radius: 1px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
}

/* Two-pane hack */

.content.twopane .panel:nth-child(2) {
    display: none;
  }

.content.twopane .panel:last-child {
    flex: 0 0 520px !important;
    max-width: 520px !important;
  }

/* Inline values for right side extended menus */

span.__value {
  float: right;
  margin-right: 20px;
}

/* Turn off checkboxes on this sub-menus */

/* SEQUENCE */

.twopane .panel[data-id="RUN-IN"] .menu-item.checked > div::before,
.twopane .panel[data-id="START"] .menu-item.checked > div::before,
.twopane .panel[data-id="CRATER FILL"] .menu-item.checked > div::before,
.twopane .panel[data-id="BURNBACK"] .menu-item.checked > div::before,
/* ADMIN */
.twopane .panel[data-id="SYSTEM LOCK"] .menu-item.checked > div::before,
.twopane .panel .menu-item.checked[data-id="LOCK SYSTEM"] > div::before,
.twopane .panel[data-id="SETTING RESET"] .menu-item.checked > div::before,
.twopane .panel[data-id="PARAMETER LIMITS"] .menu-item.checked > div::before,
/* SYSTEM */
.twopane .panel[data-id="SOFTWARE VERSIONS"] .menu-item.checked > div::before,
.twopane .panel[data-id="COUNTERS"] .menu-item.checked > div::before {
  display: none !important;
}

.-container {
  display: block;
  height: 150px;
  padding: 10px;
  width: 150px;
}

.-container > . > .dial {
  fill: rgba(0, 0, 0, 0);
  stroke: #eee;
  stroke-width: 2;
}

.-container > . > .value {
  fill: rgba(0, 0, 0, 0);
  stroke: rgb(47, 227, 255);
  stroke-width: 2;
}

.-container > . > .value-text {
  fill: rgb(47, 227, 255);
  font-family: sans-serif;
  font-size: 1em;
  font-weight: bold;
}

/*
.sequence .icons > svg {
  height: 44px;
}
*/

.icons {
  display: flex;
  justify-content: space-around;
}

.screen .header .panel .icons {
  display: none;
  height: 36px;
  left: 238px;
  position: absolute;
  top: 20px;
  width: 214px;
}

.screen .header.extended .icons {
  display: flex;
}

.content .panel .inner .icons {
  justify-content: space-evenly;
  /* justify-content: flex-start; */
  margin-top: 5px;
}

.sequence i.icon {
  height: 40px;
}

/* Show checkboxes only on admin / sequence / trigger - right menus */

.admin .panel:last-child .menu-item.checked div::before,
.system .panel:last-child .menu-item.checked div::before,
.sequence .panel:last-child .menu-item.checked div::before,
.trigger .panel:last-child .menu-item.checked div::before {
  background-image: url(images/d562317de4791a09e487b4363d55a6f7.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 27px;
  left: 10px;
  position: absolute;
  vertical-align: middle;
  width: 22px;
}

/* Show arrow only on options for sequence - right menus */

.sequence .panel:last-child .menu-item.options div::before{
  background-image: url(images/469ea1fb1674164166abae2e04a49f5b.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 27px;
  left: 10px;
  position: absolute;
  vertical-align: middle;
  width: 22px;
}

/* Additional padding for left menus on sequence/trigger screen to fit the additional icons */

#root.sequence .content .panel:first-child .inner .menu-item div,
#root.trigger .content .panel:first-child .inner .menu-item div {
  padding-left: 83px;
}

.image,
.icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}

.placeholder .image {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.check {
  background-image: url(images/d562317de4791a09e487b4363d55a6f7.png);
  height: 27px;
  width: 22px;
}

.lock_small {
  background-image: url(images/0e64d301b90ea0c1cb71e01618fdf628.png);
  height: 12px;
  width: 7px;
}

.lock_large {
  background-image: url(images/87a70060e6f1c8e40ddd5c100d3443d3.png);
  height: 73px;
  width: 78px;
  /* width: 47px; */
}

.unlock_large {
  background-image: url(images/bb6409a6d916a415fea48d7b89dd614d.png);
  height: 71px;
  width: 78px;
}

.cloud_on {
  background-image: url(images/cee079caec65ef688b7bf3370233d715.png);
  height: 32px;
  width: 44px;
}

.sequence_crater_fill_off {
  background-image: url(images/0168d52ab1eb2133e4fba7e811a18fca.png);
  height: 43px;
  width: 70px;
}

.sequence_crater_fill_on {
  background-image: url(images/fc89f5269b0070b38467d5c0b5b622ee.png);
  height: 47px;
  width: 74px;
}

.sequence_profile_pulse_on {
  background-image: url(images/bfe574aa52f8212492d00765372e9587.png);
  background-size: cover;
  height: 40px;
  width: 74px;
}

.sequence_profile_pulse_off{
  background-image: url(images/b6547fc2f6bd53b4c6206fda0cff8b11.png);
  background-size: cover;
  height: 47px;
  width: 74px;
}

.ethernet_on {
  background-image: url(images/27d67057be1c9ebc2769642c34669470.png);
  height: 32px;
  width: 34px;
}

.left_arrow_off {
  background-image: url(images/fef60e23f8cdc08a614589c0445cda3a.png);
  height: 30px;
  width: 34px;
}

.misc_start_time_off {
  background-image: url(images/885ba50fdc83e70c9ea7acfff967e78c.png);
  height: 40px;
  width: 80px;
}

.misc_start_time_on {
  background-image: url(images/6bb6e3a78e0f91d0fc811328951322fd.png);
  height: 40px;
  width: 80px;
}

.operator_on {
  background-image: url(images/2497d4e3ae8865f45d910faab54d5ca8.png);
  height: 32px;
  width: 32px;
}

.right_arrow_off {
  background-image: url(images/5192c2455d5b08163f6b7c1a39e1d52b.png);
  height: 30px;
  width: 34px;
}

.sequence_burnback_off {
  background-image: url(images/2fc9111b319b787dfbb3f2285ebc8e4d.png);
  height: 40px;
  width: 50px;
}

.sequence_burnback_on {
  background-image: url(images/9bbf760b0986ab1534e3fabe134a2a95.png);
  height: 44px;
  width: 50px;
}

.sequence_crater_flow_off {
  background-image: url(images/bdb395f5e414653cc6aa75cd84be740a.png);
  height: 40px;
  width: 80px;
}

.sequence_crater_flow_on {
  background-image: url(images/b111348a0014a59dbad9e00ad671901f.png);
  height: 40px;
  width: 80px;
}

.sequence_hotstart-auto_off {
  background-image: url(images/55d55452101b9532798a8397a9644e89.png);
  height: 40px;
  width: 40px;
}

.sequence_hotstart-auto_on {
  background-image: url(images/a8a856b8a00def91e6c33607b9a7c483.png);
  height: 44px;
  width: 60px;
  top: -10px;
}

.sequence_postflow_time_off {
  background-image: url(images/6e27a8a039e329ad633b60ba8cfb4527.png);
  height: 40px;
  width: 40px;
}

.sequence_postflow_time_on {
  background-image: url(images/968489c4adb40997dae657579786de07.png);
  height: 44px;
  width: 40px;
}

.sequence_preflow_time_off {
  background-image: url(images/3548eef52a71d55cc792e509a2f58003.png);
  height: 40px;
  width: 50px;
}

.sequence_preflow_time_on {
  background-image: url(images/df16389ad4431701a33ffcb7fc27b5bf.png);
  height: 44px;
  width: 50px;
}

.sequence_restract_distance_off {
  background-image: url(images/dfacb77b338299c68e7f54b3b5daa9d5.png);
  height: 40px;
  width: 40px;
}

.sequence_restract_distance_on {
  background-image: url(images/3093a3900b38e740e9a7765e12427f31.png);
  height: 44px;
  width: 44px;
}

.sequence_run_in_off {
  background-image: url(images/fb6d95fcf9e1a528ee75a1f6f1a1ab83.png);
  height: 35px;
  width: 60px;
}

.sequence_run_in_on {
  background-image: url(images/a8bc251f63845bd8fccf8c7bcb3a8a3f.png);
  height: 40px;
  width: 64px;
}

.sequence_profile_pulse {
  background-image: url(images/366b90e0e3c69d1ca75af8b67a424c4c.png);
  height: 40px;
  width: 94px;
  top: -10px;
}

.small_placeholder_on {
  background-image: url(images/0e340a5e0778ae3bd799f15bafd995d2.png);
  height: 40px;
  width: 90px;
}

.small_placeholder_off {
  background-image: url(images/2ced4b722530233a604ffca792d81724.png);
  height: 27px;
  width: 61px;
}

.start_off {
  background-image: url(images/a59eb75eb1c0552390572cfcff1fa1f7.png);
  height: 41px;
  width: 71px;
}

.start_on {
  background-image: url(images/a8a856b8a00def91e6c33607b9a7c483.png);
  height: 43px;
  width: 71px;
}

.trigger_four-step_trigger_operation_off {
  background-image: url(images/a971c645619da7118c308f5b0a14cd60.png);
  height: 35px;
  width: 50px;
}

.trigger_four-step_trigger_operation_on {
  background-image: url(images/5db9acf0969520f994688b0684b0c554.png);
  height: 38px;
  width: 54px;
}

.trigger_memory_off {
  background-image: url(images/fd4ac522a47a5909ff6f5620a9d1c0c6.png);
  height: 38px;
  width: 49px;
}

.trigger_memory_on {
  background-image: url(images/2747ba27a03f2fbb9346f54f2f7848eb.png);
  height: 38px;
  width: 53px;
}

.trigger_select_middle {
  background-image: url(images/3ad919aeaff397f9146a9daa57222f13.png);
  height: 340px;
  width: 340px;
}

.trigger_trigger_hold_off_off {
  background-image: url(images/ce9653ce1647186df7c8149bb1b55c9c.png);
  height: 34px;
  width: 54px;
}

.trigger_trigger_hold_off_on {
  background-image: url(images/782289346b9d0997f44f5d319f42906f.png);
  height: 34px;
  width: 54px;
}

.trigger_trigger_hold_on_off {
  background-image: url(images/1dad39d985e68b9ea708e99ae09fad5e.png);
  height: 34px;
  width: 54px;
}

.trigger_trigger_hold_on_on {
  background-image: url(images/e2beb3211e43d0c9e262c4499067d639.png);
  height: 34px;
  width: 54px;
}

.trigger_two-step_trigger_operation_off {
  background-image: url(images/7949a5abbfda0cbeeca39ff881c8c248.png);
  height: 34px;
  width: 50px;
}

.trigger_two-step_trigger_operation_on {
  background-image: url(images/0058b9b451705847cc1576b6021a3a76.png);
  height: 38px;
  width: 54px;
}

.trigger_dual_schedule_off {
  background-image: url(images/d57dad6fbbd31c40a94de1de78490999.png);
  height: 34px;
  width: 50px;
}

.trigger_dual_schedule_on {
  background-image: url(images/fb74d30b1dc5c29da9ff560b57a2040c.png);
  height: 38px;
  width: 54px;
}

.trigger_dual_schedule_off_image{
  background-image: url(images/5b1860db844f6f08dd7b5f27ee86ea93.png);
  height: 340px;
  width: 340px;
}

.trigger_dual_schedule_middle_on {
  background-image: url(images/56ad8b09a96ed6d5c952b5f0212b19fd.png);
  height: 340px;
  width: 340px;
}

.memory_lock_out_middle_available {
  background-image: url(images/d4d013919ff8ba8dd05f6e39e50074ae.png);
  height: 340px;
  width: 340px;
}

.memory_lock_out_middle_lock_out {
  background-image: url(images/9ec20038f3ce705811b608b377857ade.png);
  height: 340px;
  width: 340px;
}

.system_lock_middle {
  background-image: url(images/ccec75ea2f3254e400f40fd3202c79a9.png);
  height: 340px;
  width: 340px;
}

.system_lock_two_pane {
  background-image: url(images/a60be46864fb8933fa9be25c8b880d4e.png);
  height: 340px;
  width: 640px;
}

.trigger_dual_schedule_switch_on {
  background-image: url(images/14781590fe7d0bf06978d8cdd321caaa.png);
  height: 340px;
  width: 340px;
}

.trigger_dual_schedule_middle_off {
  background-image: url(images/aa2634bb87aab9ed798a33de7d489f4f.png);
  height: 340px;
  width: 340px;
}

.trigger_4t_tacktime {
  background-image: url(images/7cf7ead1840fb0101677339c9bd111e3.png);
  height: 340px;
  width: 340px;
}

.trigger_2t_tacktime {
  background-image: url(images/ab9925fd470fa86ef7c83a79269fc3c4.png);
  height: 340px;
  width: 340px;
}

.trigger_spot_timer {
  background-image: url(images/b1a69e48e5be92da470a31306c99f988.png);
  height: 340px;
  width: 340px;
}

.trigger_trigger_hold {
  background-image: url(images/61b306025e9bcba417dcb21622a6bc62.png);
  height: 340px;
  width: 340px;
}

.trigger_trigger_control_off {
  background-image: url(images/b965b7f0e2069246d748d1cddcb14c3b.png);
  height: 340px;
  width: 340px;
}

.memory_limits_no_limit {
  background-image: url(images/4ae9a59874afc00c44bd4fb4841911ff.png);
  height: 340px;
  width: 340px;
}

.memory_limits_custom_limit {
  background-image: url(images/7016dc928a09afa4601a08af14799dac.png);
  height: 340px;
  width: 340px;
}

.memory_limits_upper_voltage {
  background-image: url(images/33ee48bee3e2916d04914947b8962471.png);
  height: 340px;
  width: 340px;
}

.memory_limits_lower_voltage {
  background-image: url(images/3e4aa6895b2e6e10b75e040c2c51daf5.png);
  height: 340px;
  width: 340px;
}

.memory_limits_upper_wire_speed {
  background-image: url(images/68d09f3b7647614541e099e3ffee900c.png);
  height: 340px;
  width: 340px;
}

.memory_limits_lower_wire_speed {
  background-image: url(images/efa0c2cbd57495bbac8c9c4a92aea9a5.png);
  height: 340px;
  width: 340px;
}

.memory_limits_upper_arc_control {
  background-image: url(images/03e0b147fb80b58aa0ef842153516132.png);
  height: 340px;
  width: 340px;
}

.memory_limits_lower_arc_control {
  background-image: url(images/fe8913b0eeb644f9e6b79ef0eeb5cd9f.png);
  height: 340px;
  width: 340px;
}

.usb_save_to_usb {
  background-image: url(images/6385fa07c32dd44564f989bfb2ec8e6f.png);
  height: 340px;
  width: 340px;
}

.usb_load_to_system {
  background-image: url(images/481b2b674f03b941839868eee1f01215.png);
  height: 340px;
  width: 340px;
}

.union_gas_type_off {
  background-image: url(images/3d2f675cfd4be0e78ef9b918088dda06.png);
  height: 40px;
  width: 60px;
}

.union_gas_type_on {
  background-image: url(images/5bf62e5f79b93f550ed523e05516b16a.png);
  height: 44px;
  width: 60px;
}

.union_spot_weld_off {
  background-image: url(images/6d146811712a0b11c1ec87dec0173dc1.png);
  height: 40px;
  width: 40px;
}

.union_spot_weld_on {
  background-image: url(images/33a12819a8bf889d76239736a9ffc530.png);
  height: 44px;
  width: 44px;
}

.union_wire_size_off {
  background-image: url(images/7998d59ec5655570dbd4c0780d19ddd9.png);
  height: 40px;
  width: 60px;
}

.union_wire_size_on {
  background-image: url(images/29bca9fefb65cbf2c813eb1352fab1f1.png);
  height: 44px;
  width: 60px;
}

.union_wire_type_off {
  background-image: url(images/cb0d90323aab161f937dacca6b5ee443.png);
  height: 40px;
  width: 59px;
}

.union_wire_type_on {
  background-image: url(images/87c68c0fee051698d14344f6ca584a71.png);
  height: 40px;
  width: 63px;
}

.wifi_on {
  background-image: url(images/c7833b8afedae67ce0ec2609c07e80c1.png);
  height: 32px;
  width: 42px;
}

.misc_mig_off {
  background-image: url(images/47f02bdb4cbec8d7d693ac55c5f7d20b.png);
  height: 39px;
  width: 49px;
}

.misc_mig_on {
  background-image: url(images/ac7e9d307e8900b7f0d2191c727c2128.png);
  height: 43px;
  width: 53px;
}

.menu-item[data-id="LOAD"] > div::before {
  background-image: url(images/e552c9348932e7f17494f047b8cc3682.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}

.menu-item[data-id="DONE"] > div::before {
  background-image: url(images/e552c9348932e7f17494f047b8cc3682.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}

/* MORE tab icon */

.tab[data-id="MORE"]::after {
  content: "◥";
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transform: rotate(45deg);
}

.tab[data-id="HOME"]::before {
  background-image: url(images/ea055ec2a3c00cebaf48d234766c6512.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}

.tab[data-id="CANCEL"]::before {
  background-image: url(images/988090bd083ec3a0b5c982a90952e2cd.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}

.tab[data-id="BACK"]::before {
  background-image: url(images/584e9b6f98b1de93e3668061454dd474.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}

.tab[data-id="SAVE"]::before {
  background-image: url(images/e552c9348932e7f17494f047b8cc3682.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
}


/*# sourceMappingURL=0.babe6f8e925ae6a77b08.css.map*/