@media print
{
.noprint {
    display:none;
}
html, body {
  margin: 0 0 0 0;
  font-family: 'Roboto', sans-serif;
}
.printImg {
  width:1000px;
  height:1000px;
  object-fit:contain;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}
}

@media screen
{
html, body {
  margin: 0 0 0 0;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  background-color: #ffffff;
}
a:link, a:visited, a:hover, a:active {
  color: #f1b434;
  text-decoration: none;
}
.bj-a-blk:link, .bj-a-blk:visited {
  color: #000000;
  text-decoration: none;
}
.bj-a-blk:hover, .bj-a-blk:active {
  color: #f1b434;
  text-decoration: none;
}
.bj-a-lt:link, .bj-a-lt:visited .bj-a-lt:hover, .bj-a-lt:active {
  color: #ffffff;
  text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Roboto', sans-serif;
  letter-spacing: -1px;
  font-weight: 700;
}
.bj-jumbotron {
  background-color:#ffffff;
}
.bj-modal {
  color:#000000;
  background-color:#f1b434;
}
.bj-btn, a.bj-btn {
  color:#ffffff;
  background-color:#f1b434;
}
.bj-btn-blk {
  color:#ffffff;
  background-color:#000000;
}
.bj-btn-blk:hover {
  color:#f1b434;
}
.bg-black {
  background-color:#000000;
}
.headerSpacer {
  height: 71px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.footerSpacer {
  height: 56px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.contentContainer {
  /* Trick to allow IE to center structures contained */
  text-align:center;
  overflow: auto;
}
#content {
  /* Items with this ID are resized to proper size on page load */
  height: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#navWin {
  /* Items with this ID are resized to proper height on page load */
  float: left;
  height: 0px;
  width: 302px;
  overflow: auto;
  background-color: #FFFFFF;
  text-align: left;
}
#imageWin {
  /* Items with this ID are resized to proper size on page load */
  float: left;
  position: relative;
  width: 0px;
  height: 0px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  overflow: hidden;
}
#partsImage {
  position: relative;
  display: flex;
  align-items: center;
}
.printImg {
  width:1000px;
  height:1000px;
  object-fit:contain;
  margin-left:auto;
  margin-right:auto;
}
#imgToolbar {
  /* Items with this ID are resized to proper width on page load */
  float: left;
  position: relative;
  width: 0px;
  height: 50px;
  overflow: visible;
  background-color:#f1b434;
}
#bomWin {
  /* Items with this ID are resized to proper size on page load */
  float: left;
  position: relative;
  width: 0px;
  height: 200px;
  overflow: auto;
  background-color:#FFFFFF;
}
#dashNavWin {
  /* Items with this ID are resized to proper height on page load */
  float: left;
  height: 0px;
  width: 302px;
  overflow: auto;
  background-color: #FFFFFF;
}
#dashContentWin {
  /* Items with this ID are resized to proper size on page load */
  float: left;
  position: relative;
  width: 0px;
  height: 0px;
  overflow: auto;
}
.textBlock {
  font-size: 14px;
  color: #000000;
  text-align:left;
  width: 900px;
  padding: 40px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.loginContainer {
  font-size: 14px;
  color: #000000;
  text-align:left;
  width: 330px;
  padding: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  /*border: 2px outset #ffffff;*/
  border-radius: 10px;
}
.outerContainer {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.icon-tree-folder {
  display:inline-block;
  width:15px;
  height:15px;
  background-image: url(../js/jstree/themes/default/32px.png);
  background-position: -265px -8px;
}

meter {
    /* Reset the default appearance */            
    margin: 0 auto 1em;
    width: 100%;
    height: .5em;
    
    /* Applicable only to Firefox */
    background: none;
    background-color: rgba(0,0,0,0.1);
}

meter::-webkit-meter-bar {
    background: none;
    background-color: rgba(0,0,0,0.1);
}

.catalog__container {
    display: flex;
    height: 100%;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.resizer[data-direction='horizontal'] {
    background-color: #f1b434;
    cursor: ew-resize;
    height: 100%;
    width: 3px;
}
.resizer[data-direction='vertical'] {
    background-color: #f1b434;
    cursor: ns-resize;
    height: 3px;
    width: 100%;
}
.container__left {
    /*display: flex;*/
    overflow: auto;
    text-align: left;
}
.container__right {
    flex: 1;
    /*align-items: center;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
}
.container__top {
    align-items: left;
    /*display: flex;*/
}
.container__bottom {
    flex: 1;
    height: 200px;
    text-align: left;
    display: flex;
}

meter[value="0"]::-webkit-meter-optimum-value,
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

meter[value="1"]::-moz-meter-bar,
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }

meter::-webkit-meter-optimum-value {
	transition: width .4s ease-out;
}

/* Printer-friendly (background) */
.printerFriendly {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Printer-friendly Modal Content/Box */
.printerFriendly-content {
  z-index: 99999; /* Sit on top */
  background-color: #FFFFFF;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 4px;
  width: 80%;
  color: #000000;
}

/* Printer-friendly Close Button */
.printerFriendly-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.printerFriendly-close:hover,
.printerFriendly-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.form-control:focus, select:focus, .btn:focus {
        border-color: #f1b434;
        box-shadow: 0 0 0 0.2rem rgba(241, 180, 52, 0.25);
}
::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #f1b434;
}

::selection {
  color: #ffffff;
  background: #f1b434;
}

.blinky{
  animation: blinky 3s infinite;
}
@keyframes blinky{
  0% {
    color:#f1b434;
  }
  30% {
    color:#FFFFFF;
  }
  100% {
    color:#FFFFFF;
  }
}

@-webkit-keyframes blinky{
  0% {
    color:#f1b434;
  }
  30% {
    color:#FFFFFF;
  }
  100% {
    color:#FFFFFF;
  }
}
}