body,
html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
body {
  background: transparent url('../images/background.jpg') repeat-y top center
}



.noactive {
  background: #283142;
}

.active {
  width: 68px;
  height: 35px;
  line-height: 35px;
  color: white;
  text-decoration: none;
  display: inline-block;
  background-color: #36af48;
  float: left;
}


.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}
.menu-button{
    background: transparent url('../images/button_background.png') 
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}


.scrollable-mail {
    max-height: 70vh; 

    overflow-y: auto;

    padding: 10px;
    border: 1px solid #ccc;
}