@font-face { font-family: Gotham-Book; src: url('../fonts/Gotham-Book.ttf'); }

html, body{
    background-color: #fff;
    color: #636b6f;
    font-family: 'Gotham-Book';
    font-weight: 100;
    height: 100vh;
    margin: 0;
}
.flex-center {
  top: 50%;
  transform: translateY(50%);
    align-items: center;
    display: flex;
    justify-content: center;
}
.position-ref {
    position: relative;
}
.box{
  top: 10%;
  transform: translateY(10%);
  margin-left:auto;
  margin-right:auto;
  width: 900px;
}
.form-box{
  margin: 50px auto;
  width: 900px;
}
.panel {
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
}
.panel-login {
   border: none;
  -webkit-box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
  -moz-box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
  box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
 }
 .navbar{
    background-color: #05699D;
  }
  .nav-item{
    color: #05699D;
    font-size: 18px;
  }
  .btn-primary{
    background-color: #05699D;
  }
.nav-link{
  font-weight: 300;
  font-size: 20px;
}
.th{
  font-size: 16px;
  color: #fff;
  background-color: #333;
}
.grawe{
    position:relative;
}
.bottomright {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

@media only screen and (max-width: 992px) {
    .fix{
     position:relative;
     bottom: 5px;
     right: 10px;
     float: right;
    }
}
@media only screen and (min-width: 992px) {
    .fix{
     position:fixed;
     bottom: 5px;
     right: 10px;
     float: right;
     }
}
.header {
    padding: 10px;
}