/* body {
    background-color: #fbfbfb;
    overflow-x:hidden !important;
}

a {
    color: #272c33;
    text-decoration: none;
}



.bgheader {
    background-color: #3c4550;
}

.textheader {
    color: #FFFFFF
}

.textheader:hover {
    color: #d6dbe1
}

.dropdown-menu:hover {
    background-color: #3c4550;
} */

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
    background-color: #272c33;
    color: white;
    text-align: center;
 }

.navbar {
    margin-bottom: 0;
    border-radius: 0;
  }

  /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
  .row.content {height: 450px}

  /* Set gray background color and 100% height */
  .sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
  }

  /* Set black background color, white text and some padding */
  footer {
    background-color: #555;
    color: white;
    padding: 15px;
  }

  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
    .sidenav {
      height: auto;
      padding: 15px;
    }
    .row.content {height:auto;}
}

 .orar-btn {
    background-color: #272c33;
    color: white;
    border-radius: 5%;
}

a {
    color: #272c33;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
    color: #d6dbe1;
}