/* You can add global styles to this file, and also import other style files */
html, body {
  border: none;
  padding: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.home a {
  background-image: url('almon-logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 1.3em;
  background-color: transparent !important;
}
.wire-color {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 15px;
  margin: 0px 15px;
  border: 1px solid #808080;
}

/****************************
*
*	 BRP Wire Colors
*
*****************************/

/****************************
*	 BEIGE
*****************************/

.bg, .be {
  background: beige;
}

.bgbk {
  background: beige;
  background: linear-gradient(70deg, beige 30%, black 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgbn {
  background: beige;
  background: linear-gradient(70deg, beige 30%, #663300 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#663300",GradientType=1);
}

.bgbu {
  background: beige;
  background: linear-gradient(70deg, beige 30%, blue 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bggn {
  background: beige;
  background: linear-gradient(70deg, beige 30%, green 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bggy {
  background: beige;
  background: linear-gradient(70deg, beige 30%, gray 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgog {
  background: beige;
  background: linear-gradient(70deg, beige 30%, orange 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgpk {
  background: beige;
  background: linear-gradient(70deg, beige 30%, pink 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgrd {
  background: beige;
  background: linear-gradient(70deg, beige 30%, red 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgwh, .bewh {
  background: beige;
  background: linear-gradient(70deg, beige 30%, white 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgvt {
  background: beige;
  background: linear-gradient(70deg, beige 30%, purple 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

.bgye {
  background: beige;
  background: linear-gradient(70deg, beige 30%, yellow 40%, beige 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5dc",endColorstr="#f5f5dc",GradientType=1);
}

/****************************
*	 BLACK
*****************************/

.bk {
  background: black;
}

.bkbg {
  background: black;
  background: linear-gradient(70deg, black 30%, beige 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#663300",GradientType=1);
}

.bkbn {
  background: black;
  background: linear-gradient(70deg, black 30%, #663300 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#663300",GradientType=1);
}

.bkbu {
  background: black;
  background: linear-gradient(70deg, black 30%, blue 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkgn {
  background: black;
  background: linear-gradient(70deg, black 30%, green 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkog {
  background: black;
  background: linear-gradient(70deg, black 30%, orange 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkpk {
  background: black;
  background: linear-gradient(70deg, black 30%, pink 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkrd {
  background: black;
  background: linear-gradient(70deg, black 30%, red 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkvt {
  background: black;
  background: linear-gradient(70deg, black 30%, purple 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkwh {
  background: black;
  background: linear-gradient(70deg, black 30%, white 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bkye {
  background: black;
  background: linear-gradient(70deg, black 30%, yellow 40%, black 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

/****************************
*	 BROWN
*****************************/

.bn {
  background: #663300;
}

.bnbk {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, black 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnbu {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, blue 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bngn {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, green 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bngy {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, gray 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnog {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, orange 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnpk {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, pink 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnrd, .brrd {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, red 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnwh {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, white 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

.bnye {
  background: #663300;
  background: linear-gradient(70deg, #663300 30%, yellow 40%, #663300 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#663300",endColorstr="#663300",GradientType=1);
}

/****************************
*	 BLUE
*****************************/

.bu {
  background: blue;
}

.bubk {
  background: blue;
  background: linear-gradient(70deg, blue 30%, black 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.bugn {
  background: blue;
  background: linear-gradient(70deg, blue 30%, green 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.bultbu {
  background: blue;
  background: linear-gradient(70deg, blue 30%, lightblue 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.burd {
  background: blue;
  background: linear-gradient(70deg, blue 30%, red 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.buwh {
  background: blue;
  background: linear-gradient(70deg, blue 30%, white 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.buye {
  background: blue;
  background: linear-gradient(70deg, blue 30%, yellow 40%, blue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

/****************************
*	 GREEN
*****************************/

.gn {
  background: green;
}

.gnbk {
  background: green;
  background: linear-gradient(70deg, green 30%, black 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gnbg {
  background: green;
  background: linear-gradient(70deg, green 30%, beige 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gnbu {
  background: green;
  background: linear-gradient(70deg, green 30%, blue 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gnbn {
  background: green;
  background: linear-gradient(70deg, green 30%, #663300 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gngy {
  background: green;
  background: linear-gradient(70deg, green 30%, gray 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gnog {
  background: green;
  background: linear-gradient(70deg, green 30%, orange 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

.gnwh {
  background: green;
  background: linear-gradient(70deg, green 30%, white 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#0000ff",GradientType=1);
}

.gnye {
  background: green;
  background: linear-gradient(70deg, green 30%, yellow 40%, green 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#008000",GradientType=1);
}

/****************************
*	 GREY
*****************************/

.gy {
  background: gray;
}

.gybn {
  background: gray;
  background: linear-gradient(70deg, gray 30%, #663300 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gybg {
  background: gray;
  background: linear-gradient(70deg, gray 30%, beige 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gybu {
  background: gray;
  background: linear-gradient(70deg, gray 30%, blue 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gygn {
  background: gray;
  background: linear-gradient(70deg, gray 30%, green 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gyog {
  background: gray;
  background: linear-gradient(70deg, gray 30%, orange 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gypk {
  background: gray;
  background: linear-gradient(70deg, gray 30%, pink 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gyvt {
  background: gray;
  background: linear-gradient(70deg, gray 30%, purple 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gywh {
  background: gray;
  background: linear-gradient(70deg, gray 30%, white 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.gyye {
  background: gray;
  background: linear-gradient(70deg, gray 30%, yellow 40%, gray 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

/****************************
*	 LIGHT BLUE
*****************************/

.ltbu {
  background: lightblue;
}

.ltbubk {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, black 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

.ltbugn {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, green 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

.ltbuog {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, orange 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

.ltburd {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, red 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

.ltbuwh {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, white 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

.ltbuye {
  background: lightblue;
  background: linear-gradient(70deg, lightblue 30%, yellow 40%, lightblue 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ADD8E6",endColorstr="#ADD8E6",GradientType=1);
}

/****************************
*	Light GREEN
*****************************/

.ltgn {
  background: lightgreen;
}

.ltgnbk {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, black 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnbg {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, beige 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnbu {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, blue 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnbn {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, #663300 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgngy {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, gray 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnog {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, orange 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnrd {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, red 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnwh {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, white 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

.ltgnye {
  background: lightgreen;
  background: linear-gradient(70deg, lightgreen 30%, yellow 40%, lightgreen 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90EE90",endColorstr="#90EE90",GradientType=1);
}

/****************************
*	 ORANGE
*****************************/

.og, .or {
  background: orange;
}

.ogbg {
  background: orange;
  background: linear-gradient(70deg, orange 30%, beige 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogbk, .orbk {
  background: orange;
  background: linear-gradient(70deg, orange 30%, black 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogbn {
  background: orange;
  background: linear-gradient(70deg, orange 30%, #663300 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogbu, .orbu {
  background: orange;
  background: linear-gradient(70deg, orange 30%, blue 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.oggn, .orgn {
  background: orange;
  background: linear-gradient(70deg, orange 30%, green 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.oggy {
  background: orange;
  background: linear-gradient(70deg, orange 30%, gray 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogpk {
  background: orange;
  background: linear-gradient(70deg, orange 30%, pink 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogrd {
  background: orange;
  background: linear-gradient(70deg, orange 30%, red 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogvt, .ogvi, .orvi {
  background: orange;
  background: linear-gradient(70deg, orange 30%, purple 40%, orange 50%);
  background: -webkit-linear-gradient(30deg, orange 30%, purple 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogwh, .orwh {
  background: orange;
  background: linear-gradient(70deg, orange 30%, white 40%, orange 50%);
  background: -webkit-linear-gradient(25deg, orange 30%, white 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

.ogye {
  background: orange;
  background: linear-gradient(70deg, orange 30%, yellow 40%, orange 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa500",endColorstr="#ffa500",GradientType=1);
}

/****************************
*	 PINK
*****************************/

.pkbg {
  background: pink;
  background: linear-gradient(70deg, pink 30%, beige 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkbr {
  background: pink;
  background: linear-gradient(70deg, pink 30%, #663300 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkbu {
  background: pink;
  background: linear-gradient(70deg, pink 30%, blue 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkgn {
  background: pink;
  background: linear-gradient(70deg, pink 30%, green 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkgy {
  background: pink;
  background: linear-gradient(70deg, pink 30%, gray 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkog {
  background: pink;
  background: linear-gradient(70deg, pink 30%, orange 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkrd {
  background: pink;
  background: linear-gradient(70deg, pink 30%, red 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

.pkvt {
  background: pink;
  background: linear-gradient(70deg, pink 30%, purple 40%, pink 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc0cb",endColorstr="#ffc0cb",GradientType=1);
}

/****************************
*	 RED
*****************************/

.rd {
  background: red;
}

.rdbk {
  background: red;
  background: linear-gradient(70deg, red 30%, black 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdbg {
  background: red;
  background: linear-gradient(70deg, red 30%, beige 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdbn {
  background: red;
  background: linear-gradient(70deg, red 30%, #663300 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdbu {
  background: red;
  background: linear-gradient(70deg, red 30%, blue 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdgn {
  background: red;
  background: linear-gradient(70deg, red 30%, green 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdgy {
  background: red;
  background: linear-gradient(70deg, red 30%, gray 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdog {
  background: red;
  background: linear-gradient(70deg, red 30%, orange 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdpk {
  background: red;
  background: linear-gradient(70deg, red 30%, pink 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdvt {
  background: red;
  background: linear-gradient(69deg, red 30%, purple 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdwh {
  background: red;
  background: linear-gradient(69deg, red 30%, white 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

.rdye {
  background: red;
  background: linear-gradient(70deg, red 30%, yellow 40%, red 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}

/****************************
*	 VIOLET
*****************************/

.vt {
  background: purple;
}

.vtbg {
  background: purple;
  background: linear-gradient(70deg, purple 30%, beige 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtbk {
  background: purple;
  background: linear-gradient(70deg, purple 30%, black 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtbn {
  background: purple;
  background: linear-gradient(70deg, purple 30%, #663300 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtbu {
  background: purple;
  background: linear-gradient(70deg, purple 30%, blue 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtgn {
  background: purple;
  background: linear-gradient(70deg, purple 30%, green 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtlybu {
  background: purple;
  background: linear-gradient(70deg, purple 30%, lightblue 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtltgn {
  background: purple;
  background: linear-gradient(70deg, purple 30%, lightgreen 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtog {
  background: purple;
  background: linear-gradient(69deg, purple 30%, orange 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtpk {
  background: purple;
  background: linear-gradient(69deg, purple 30%, pink 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtrd {
  background: purple;
  background: linear-gradient(70deg, purple 30%, red 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtwh {
  background: purple;
  background: linear-gradient(69deg, purple 30%, white 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

.vtye {
  background: purple;
  background: linear-gradient(70deg, purple 30%, yellow 40%, purple 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#800080",endColorstr="#800080",GradientType=1);
}

/****************************
*	 WHITE
*****************************/

.wh {
  background: white;
}

.whbg {
  background: white;
  background: linear-gradient(70deg, white 30%, beige 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whbk {
  background: white;
  background: linear-gradient(70deg, white 30%, black 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whbn {
  background: white;
  background: linear-gradient(70deg, white 30%, #663300 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whbu {
  background: white;
  background: linear-gradient(70deg, white 30%, blue 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whgy {
  background: white;
  background: linear-gradient(70deg, white 30%, gray 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whltbu {
  background: white;
  background: linear-gradient(70deg, white 30%, lightblue 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whpk {
  background: white;
  background: linear-gradient(70deg, white 30%, pink 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whog, .whor {
  background: white;
  background: linear-gradient(70deg, white 30%, orange 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whrd {
  background: white;
  background: linear-gradient(70deg, white 30%, red 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whvt {
  background: white;
  background: linear-gradient(70deg, white 30%, purple 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.whye {
  background: white;
  background: linear-gradient(70deg, white 30%, yellow 40%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

/****************************
*	 YELLOW
*****************************/

.ye {
  background: yellow;
}

.yebk {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, black 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yebn {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, #663300 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yebu, .ylbl {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, blue 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yegn {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, green 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yegy, .ylgy {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, gray 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yeltbu {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, lightblue 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yeog {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, orange 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yepk {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, pink 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yerd {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, red 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}

.yewh {
  background: yellow;
  background: linear-gradient(70deg, yellow 30%, white 40%, yellow 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffff00",GradientType=1);
}
body {
  font-size: 16px;
  font-family: Helvetica, sans-serif;
}

.title {
  background-color: #404041;
  color: #e8e8e8;
  line-height: 1.3em;
  padding: 10px 20px;
  font-size: 20px;
}

.comp-data, .help-info-box {
  background-color: #ffffff;
  padding: 20px 20px 0;
}

.pane {
  padding: 0 10px 0 20px;
}

@media (min-width: 1200px) {
  .pane {
    height: calc(51vh - 10px);
  }
}

@media (min-width: 1800px) {
  .pane {
    height: calc(60vh - 10px);
  }
}

.pane h4 {
  font-size: 18px;
  border-bottom: 1px solid #b9bbbd;
  font-weight: normal;
  margin-top: 0;
  text-transform: uppercase;
}

table {
  font-size: 18px;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

td, th {
  border: 1px solid #404041;
  padding: 0.5rem;
}

th {
  background-color: #e8e8e8;
  text-align: center;
  padding: 10px 5px;
}

tr {
  text-align: center;
}

g#Text text {
  cursor: default;
}

#Components circle, #Components rect, #Wires line, #Wires polyline {
  fill: transparent !important;
}

#Components circle:hover, #Components rect:hover, #Wires g:hover line, #Wires g:hover polyline {
  stroke: #750a0a;
  stroke-width: 6px !important;
  opacity: 1;
  cursor: pointer;
}

circle.test, rect.test, g.test line, g.test polyline {
  stroke-width: 5px !important;
  opacity: 1;
}

g.test .cls-56 {
  stroke-dasharray: 5 9;
}

circle.test, rect.test {
  stroke: #a50000;
  stroke-width: 5px !important;
  opacity: 1;
}

g line, g polyline {
  opacity: 1;
}

g.dimmed line, g.dimmed polyline {
  stroke: #e8e8e8;
  stroke-width: 1.75px;
  opacity: 0.95;
}

path:hover, circle:hover {
  fill: #c8c04c !important;
}

path.highlight, circle.highlight {
  fill: #c8c04c !important;
}

svg {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  max-width: 1200px;
  height: 90%;
}

.basic-plus svg, .advanced-plus svg {
  display: flex;
  position: absolute;
  height: auto;
  width: 61.5%;
  z-index: 1000;
}

@media (min-width: 1200px) {
  .basic-plus svg, .advanced-plus svg {
    top: 10.5%;
    width: 56.5%;
  }
}

@media (min-width: 1800px) {
  .basic-plus svg, .advanced-plus svg {
    top: 9%;
    width: 61.5%;
  }
}

@media (min-width: 1200px) {
  .advanced-plus svg {
    top: 6%;
  }
}

@media (min-width: 1800px) {
  .advanced-plus svg {
    top: 4.5%;
  }
}

.basic-plus.fullWidth svg, .advanced-plus.fullWidth svg {
  height: auto;
  width: 75%;
  top: -27px;
  left: 17.5%;
}

.play-button {
  height: 60px;
  width: 60px;
  display: inline-block;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
  font-size: 60px;
  line-height: 1em;
  background: #404041;
  color: #404041;
}

/*# sourceMappingURL=styles.css.map*/