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

.ng-fade-in {
    transition: 0.5s linear all;
    opacity: 1;
}

    .ng-fade-in.ng-hide {
        opacity: 0;
    }

*[ng-click], [ui-sref], a, button {
    cursor: pointer;
}

[disabled=disabled] {
    cursor: not-allowed !important;
}

[ng-message] {
    color: maroon;
    font-size: 12px;
    line-height: 14px;
    position:absolute;    
}

[ng-messages] {
  
    position: relative;
    margin-top: 4px;
}


/* Make sure the message element is
     not visible before the actual animation starts */
[ng-message].ng-enter-prepare {
    opacity: 0 !important;
}

[ng-message].ng-enter {
    transition: all ease-in-out;
    transition-delay: 0.2s;
    transition-duration: 0.5s;
}

[ng-message].ng-leave {
    transition: all ease-in-out;
    transition-duration: 0.5s;
}

    [ng-message].ng-enter,
    [ng-message].ng-leave.ng-leave-active {
        opacity: 0;
        margin-top: -24px;
    }

        [ng-message].ng-leave,
        [ng-message].ng-enter.ng-enter-active {
            margin-top: 0;
            opacity: 1;
        }