.fade-ng-view {
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

    .fade-ng-view.ng-enter,
    .fade-ng-view.ng-leave {
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    .fade-ng-view.ng-enter {
        opacity: 0;
    }

    .fade-ng-view.ng-enter-active {
        opacity: 1;
    }

    .fade-ng-view.ng-leave {
        opacity: 1;
    }

    .fade-ng-view.ng-leave-active {
        opacity: 0;
        display: none;
    }

.badge-changing-animation {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .badge-changing-animation.on {
        background-color:#72e640;
       
        color:#222222;
        /*border-radius:0px;*/
    }

/* Ripple effects */
.btn {
    background-position: center;
    transition: background 0.8s;
}

    .btn-primary:active {
        background: #da6b71 radial-gradient(circle, transparent 1%, #bb373e 1%) center/15000%;
        background-size: 100%;
        transition: background 0s;
        border: none;
    }

.btn-primary:active {
    background: #b3acac radial-gradient(circle, transparent 1%, #ac7f7f 1%) center/15000%;
    background-size: 100%;
    transition: background 0s;
    border: none;
}

.list-group-item:active {
    background: #a6a6a6 radial-gradient(circle, transparent 1%, #a6a6a6 1%) center/15000%;
    background-size: 100%;
    transition: background 0s;
}

.article-list-view-item:active {
    background: #333 radial-gradient(circle, transparent 1%, #e9e9e9 1%) center/15000%;
    background-size: 100%;
    transition: background 0s;
}

.article-list-view-item:focus {
    background: #333 radial-gradient(circle, transparent 1%, #e9e9e9 1%) center/15000%;
    background-size: 100%;
    transition: background 0s;
}

.article-list-view-item.active {
    background: #333 radial-gradient(circle, transparent 1%, #e9e9e9 1%) center/15000%;
    background-size: 100%;
    transition: background 0s;
}