body {
    /* padding: 40px 10px; */
    background-color: rgb(255, 255, 255);
  }
  .header {
    background-color: #33383d;
	  height: 50px;
	  position: fixed;
    width: 100%;
    left: 0;
    z-index: 10
  }
  .alert-danger{
    position: fixed;
    margin: auto;
    height: 100px;
  }
  .h1 {
    margin: auto; 
    display: inline;
    margin-left: 2%;
    color: #9baab8;
    line-height: 1.6;
    font-weight: 900;
    font-size: 30px;
  }
  
  /* css for registration form and errors*/
  .form-registration {
    max-width: 230px;
    padding: 10px;
    margin: 0 auto;
  }
  .form-registration {
    display: flex;
    flex-wrap: wrap;
  }
  .form-registration input {
    width: 75%;
    margin: 0px 0 10px;
  }
  .form-registration .btn {
    flex: 1 0 75%;
  }
  .my-errors {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    color: #333;
    font-size: 1.2rem;
    display: table;
  }
  .my-errors li {
    margin: 0 0 1rem;
  }
  .my-errors li:before {
    content: "! Error : ";
    color: #f00;
    font-weight: bold;
  }
  
  /* Styles for listing table */
  .listing-table {
    width: 100%;
  }
  .listing-table th,
  .listing-table td {
    padding: 10px;
    border-bottom: 1px solid #666;
  }
  .listing-table th {
    background: #000;
    color: #fff;
  }
  .listing-table td:first-child,
  .listing-table th:first-child {
    border-right: 1px solid #666;
  }
  .btn-info {
    width: 150px
  }