html{
    position: relative;
    min-height: 100%;
}
 body{
    background: #f8f8f8;
    margin-bottom: 300px;

}

header{
    background:#FFFFFF;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
}
.bs-callout {
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bd-group {
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: 10px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}


@media (min-width: 991.98px) {
    main {
      padding-left: 240px;
    }
  }
  
  /* Sidebar */
  .sidebar {
    /* position: fixed; */
    top: 0;
    bottom: 0;
    left: 0;
    /* margin-bottom: 100px; */
    /* padding: 10px 0 0;  */
    /* Height of navbar */
    /* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%); */
    width: 100%;
    z-index: 600;
  }
  
  @media (max-width: 991.98px) {
    .sidebar {
      width: 100%;
    }
  }
  .sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  }
  
  .sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  }

  .navigation nav {
    padding-top: 12px;
    padding-bottom: 12px;
}

  /* @media (min-width: 992px){
    .navigation nav {
        padding-bottom: 30px;
    }
    #navbarTogglerDemo03 ul {
        padding-left: 32%;
    }
  } */

  @media (max-width: 992px){
      .container-fluid #button-flex {
          order: 2!important;
      }
      .container-fluid #button-flex #register {
          display: none;
      }
  }

  @media (min-width: 992px){
    #navbarToggleExternalContent #register2 {
          display: none;
      }
  }
  /* @media (min-width: 992px){
    .navbar-expand-lg .navbar-toggler {
        display: block!important;
    }
}

@media (min-width: 992px){
.navbar-collapse {
    display: block!important;
}
}

.collapse:not(.show) {
    display: none!important;
}

.navbar-collapse {
    flex-basis: 100%!important;
    flex-grow: 1;
    align-items: center;
    display: block!important;
}

.navbar-nav {
    display: flex;
    flex-direction: column!important;
    padding-left: 0;
    margin-bottom: 0!important;
    list-style: none;
} */


  .wrapper-inline-proyek{
    font-size: 22px;
    font-family: priva,Arial,sans-serif;
    color: #000;
  }

  .wrapper-inline-proyek span{
      float:left;
      margin-right: 12px;
  }

  .wrapper-inline-proyek input {
      border: 2px solid black;
  }