@import "../Common/definitions";

@font-face {
  font-family: "Ecam";
  //noinspection CssUnknownTarget
  src: url("/Fonts/fbw-a32nx/ISISFontTemporary.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.SelfTest {
  font-family: "Ecam", monospace !important;
}

.ISIS {
  position: absolute;
  width: 512px;
  height: 512px;
  stroke-width: 2px;

  background: $display-background;

  font-family: "Ecam", monospace !important;
}
.ArtificialHorizon{
  transform:  scale(1.1) translate(-30px, -30px);
  stroke-width: 3.332px;
}
.sky {
  fill: #0698ff;
}

.earth {
  fill: #9c480c;
}

.white-line {
  stroke: white;
  stroke-width: 3;
  fill: none
}

.mask {
  fill: $display-background;
  fill-rule: "evenodd";
  stroke: none;
}

.FontMedium {
  font-size: 30px;
}

.FontLarge {
  font-size: 32px;
}

.FontLargest {
  font-size: 36px;
}

.FontTens {
  font-size: 28px;
  letter-spacing: 3.1px;
}

.MiddleAlign {
  text-align: center;
  text-anchor: middle;
}

.Green {
  stroke: $display-green;
  fill: none;
}

.FillMagenta {
  fill: $display-magenta
}

.FillCyan {
  fill: $display-cyan;
}

.FillYellow {
  fill: $display-yellow;
}

.LSCircle {
  stroke: $display-white;
}

.StrokeWhite {
  stroke: $display-white;
}

.StrokeWhiteMed {
  stroke: $display-white;
  stroke-width: 4px;
}

.StrokeWhiteBig {
  stroke: $display-white;
  stroke-width: 6px;
}

.StrokeYellow {
  stroke: $display-yellow;
}

.StrokeYellowBig {
  stroke: $display-yellow;
  stroke-width: 5px;
}
.StrokeCyan {
  stroke: $display-cyan;
}
.StrokeCyanBig {
  stroke: $display-cyan;
  stroke-width: 5px;
}

.StrokeRed {
  stroke: $display-red
}

.TextGreen {
  fill: $display-green;
  stroke: none;
}

.TextAmber {
  fill: $display-amber;
  stroke: none;
}

.TextCyan {
  stroke: none;
  fill: $display-cyan
}

.TextBackground {
  fill: $display-background;
    stroke: none;
}

.TextWhite {
  fill: $display-white;
    stroke: none;
}

.FillBackground {
  fill: $display-background;
}

.NoFill {
  fill: none;
}

.StrokeBackground {
  stroke: $display-background;
}

.SelfTest {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 36px;
}

@keyframes blinking {
  0% {stroke: $display-background;}
  50% {stroke: $display-background;}
  51% {stroke: white;}
  100% {stroke: white;}
}

.BlinkInfinite {
  animation-name: blinking;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
