.app-alarm-list {
    margin: 5px 0 5px 0;
    padding: 15px 0 15px 0;
    border: 1px solid #c0c0c0;
}

    .app-alarm-list > ul {
        list-style: none;
    }

.app-alarm {
    margin: 0;
    padding-bottom: 5px;
    display: block;
    white-space: nowrap;
}

    .app-alarm-image {
        margin: -4px 0 0;
        padding: 0;
        width: 16px;
        height: 16px;
        display: inline-block;
    }

    .app-alarm-inner {
        padding: 0;
        font-size: 1.2em;
        font-weight: bold;
        display: inline-block;
    }

        .app-alarm-item {
            margin: 5px 10px;
            vertical-align: top;
            display: inline-block;
        }

    .app-alarm-message {
        padding: 0;
        padding-left: 30px;
        font-size: 1.0em;
        font-weight: normal;
        white-space: normal;
    }

.app-alarm-animation.ng-enter, 
.app-alarm-animation.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.app-alarm-animation.ng-enter.ng-enter-active,
.app-alarm-animation.ng-leave {
    -ms-opacity: 1;
    opacity: 1;
    top: 0;
    height: 40px;
}

.app-alarm-animation.ng-leave.ng-leave-active,
.app-alarm-animation.ng-enter {
    -ms-opacity: 0;
    opacity: 0;
    top: -45px;
    height: 0px;
}