@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("Inter-Regular.woff2") format("woff2"), url("Inter-Regular.woff") format("woff"); }

body {
  font-family: 'Inter', sans-serif; }

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom; }

/*
 * Sidebar
 */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* Behind the navbar */
  padding: 48px 0 0;
  /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1); }

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */ }

@supports (position: -webkit-sticky) or (position: sticky) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky; } }

.sidebar .nav-link {
  font-weight: 500;
  color: #999;
  padding: 1rem 2rem;
  border-bottom: 1px solid #393939;
  border-left: 3px solid #212121; }

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999; }

.sidebar .nav-link.active {
  border-left: 3px solid #F39200;
  color: white; }

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit; }

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase; }

/*
 * Content
 */
[role="main"] {
  padding-top: 133px;
  /* Space for fixed navbar */ }

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 65px;
    /* Space for fixed navbar */ } }

/*
 * Navbar
 */
.navbar {
  border-bottom: 1px solid #E7E7E7;
  -webkit-box-shadow: none;
  box-shadow: none; }

.navbar-light .navbar-brand {
  padding: .6rem 1rem;
  font-size: 1rem;
  background-color: #F39200;
  font-weight: bold;
  color: white; }
  .navbar-light .navbar-brand img svg {
    fill: white; }

.bg-light {
  background-color: #F7F7F7 !important; }

.login-dialog {
  z-index: auto;
  background-color: #111;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.btn-primary {
  background-color: #F39200 !important; }

.card::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px #F39200;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.card:hover::after {
  opacity: 1; }

.btn-floating {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  width: 47px;
  height: 47px;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
  cursor: pointer; }

.card .btn-action {
  margin-top: -1.44rem;
  margin-bottom: -1.44rem; }

.btn-floating i {
  display: inline-block;
  width: inherit;
  text-align: center;
  color: #fff; }

.btn-floating i {
  font-size: 1.25rem;
  line-height: 47px; }

.btn-floating.btn-lg {
  width: 61.1px;
  height: 61.1px; }
  .btn-floating.btn-lg i {
    font-size: 1.625rem;
    line-height: 61.1px; }

.fixed-action-btn {
  position: fixed;
  z-index: 998;
  right: 35px;
  bottom: 35px;
  margin-bottom: 0;
  padding-top: 15px; }

ol.details {
  list-style: none;
  counter-reset: item;
  margin-left: 0;
  padding-left: 0; }
  ol.details li {
    counter-increment: item;
    margin-bottom: 5px;
    font-size: 1.5rem; }
    ol.details li > * {
      font-size: 1rem;
      margin-top: 1rem;
      padding-left: 2.0rem;
      margin-left: 1.0rem;
      border-left: 2px dashed #BDBDBD; }
  ol.details li:before {
    margin-right: 0.5rem;
    content: counter(item);
    background: #BDBDBD;
    border-radius: 100%;
    color: white;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem; }

.toc {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  height: calc(100vh - 4rem);
  overflow-y: auto;
  -ms-flex-order: 2;
  order: 2;
  padding-bottom: 1.5rem; }
  .toc .section-nav {
    list-style: none;
    padding-left: 0; }
    .toc .section-nav li {
      counter-increment: item;
      margin-bottom: 5px;
      font-size: 1rem; }
      .toc .section-nav li a {
        color: #111; }
    .toc .section-nav li:before {
      margin-right: 0.5rem;
      content: counter(item);
      background: #BDBDBD;
      border-radius: 100%;
      color: white;
      width: 2rem;
      height: 2rem;
      line-height: 2rem;
      vertical-align: middle;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      font-size: 1rem; }

.hide-submit-button {
  display: none; }