/* --------------------------------------------------
 * AngularJS ngClock */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* --------------------------------------------------
 * AngularJS ngMessage */
[ng-message] {
    margin-left: 46px;
    font-size: inherit;
    color: red;
}
[ng-message]::before {
    content: "\f071";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------
 * AngularJS ngView Animation Effects */
/* fade */
[ng-view].fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
[ng-view].fade.ng-enter,
[ng-view].fade.ng-leave {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
[ng-view].fade.ng-enter {
    opacity: 0;
}
[ng-view].fade.ng-enter-active {
    opacity: 1;
}
[ng-view].fade.ng-leave {
    opacity: 1;
}
[ng-view].fade.ng-leave-active {
    opacity: 0;
}

/* flip */
[ng-view].flip {
    will-change: transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
[ng-view].flip.ng-enter {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
[ng-view].flip.ng-enter-active {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
[ng-view].flip.ng-leave {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
[ng-view].flip.ng-leave-active {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* rotate */
[ng-view].rotate {
    will-change: transform;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
[ng-view].ng-leave.rotate {
    -webkit-animation-name: rotate-leave;
    animation-name: rotate-leave;
}
[ng-view].ng-enter.rotate {
    -webkit-animation-name: rotate-enter;
    animation-name: rotate-enter;
}
@-webkit-keyframes rotate-leave {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-180deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotate-enter {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-180deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-360deg);
        opacity: 1;
    }
}
@keyframes rotate-leave {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: center center;
        transform: rotate(-180deg);
        opacity: 0;
    }
}
@keyframes rotate-enter {
    0% {
        transform-origin: center center;
        transform: rotate(-180deg);
        opacity: 0;
    }
    100% {
        transform-origin: center center;
        transform: rotate(-360deg);
        opacity: 1;
    }
}

/* slide-pop */
[ng-view].slide-pop {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
[ng-view].slide-pop.ng-enter,
[ng-view].slide-pop.ng-leave {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
[ng-view].slide-pop.ng-enter {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
[ng-view].slide-pop.ng-enter-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
[ng-view].slide-pop.ng-leave {
    left: 0;
    opacity: .5;
}
[ng-view].slide-pop.ng-leave-active {
    left: -100%;
    opacity: 0;
}
.reverse [ng-view].page.slide-pop.ng-enter {
    opacity: .5;
    left: -100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.reverse [ng-view].page.slide-pop.ng-enter-active {
    opacity: 1;
    left: 0;
}
.reverse [ng-view].page.slide-pop.ng-leave {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 0;
    right: 0;
}
.reverse [ng-view].page.slide-pop.ng-leave-active {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

/* --------------------------------------------------
 * ngXCollapse(public/core/directives/collapse.js) */
[ng-x-collapse] {
    border-color: transparent;
    background-color: transparent
}
[ng-x-collapse]:focus {
    border: 0;
}
[ng-x-collapse]::before {
    display: inline-block;
    content: "\f107";/*fa-angle-down*/
    font: normal normal normal 1.6rem/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .15s ease-in 0s;
}
[ng-x-collapse-in]::before {
    transform: rotate(-180deg) !important;
}