/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
@import url("theme-a745a56e322b645a51cb0541b7baafc7.css");

.bottom-of-screen-button {
  margin-bottom: 44pt;
}

form.flex-column > div.dropdown {
  width: 100%;
}

.kub-fiber-icon {
  height: 56px;
}

.form-label {
  font-weight: 600;
}

.white-text > p {
  color: white;
}

@media screen and (width >= 768px) {
  body,
  main {
    height: 100vh;
    overflow: hidden;
  }

  .bottom-of-screen-button {
    margin-bottom: 0;
  }

  .scrollable-md {
    height: 100%;
    overflow-y: auto;
  }
}

.vh-75 {
  height: 75vh;
}