@font-face {
  font-family: 'Consolas';
  src: url('./assets/fonts/Consolas.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: lightgray;
}

::-webkit-scrollbar-thumb {
  background: gray;
  height: 200px;
}

::-webkit-scrollbar-thumb:hover {
  background: darkgray;
}

#root {
  --buttonHoverColor: lightgray;
  --fss-select-hover: lightgray;
  /* No idea why, zero. I looked at the EFB.css and it has 100%, but doing so screws this over hard */
  width: 594px;
  height: 100%;
  background-image: url(../EFB/Images/bg.png);
  background-size: 100% 100%;
  color: #000;
  font-size: 25px;
  padding: 3vw;

  #KH_FE_FPLAN {
    height: calc(100vh - 6vw - 180px);
    width: 100%;
    margin-top: 100px;
    margin-bottom: 3vw;
    overflow-y: scroll;
    overflow-x: hidden;

    #TLR div,
    #OFP div {
      line-height: unset !important;
      font-size: unset !important;
    }

    #TLR pre,
    #OFP pre {
      white-space: pre;
      line-height: 14px;
      font-size: 13px;
      font-family: 'Consolas' !important;
    }

    #OFP img {
      width: 100%;
    }

    &.p2 {
      height: calc(100vh - 6vw - 240px);
      margin-top: 160px;
    }
  }
}