html {
    position: relative;
    min-height: 100%;
}
body {
    padding-bottom: 100px;
    }
main {
}
.notification-list {
    min-width: 300px;
}
.notification-item {
    padding: 5px;
}
.notification-item > .avatar {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.user-achievement-notification {
    position: fixed;
    bottom: 65px;
    left: 20px;

}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.img-responsive {
    width: 100%;
}