#loading-bar,#loading-bar-spinner{
    pointer-events:none;
    -webkit-pointer-events:none;
    -webkit-transition:350ms linear all;
    -moz-transition:350ms linear all;
    -o-transition:350ms linear all;
    transition:350ms linear all
}
#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active{
    opacity:0
}
#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave{
    opacity:1
}
#loading-bar {
    pointer-events: all;
    z-index: 99999;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: wait;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
}

#loading-bar .peg{
    position:absolute;
    width:70px;
    right:0;
    top:0;
    height:2px;
    opacity:.45;
    -moz-box-shadow:#29d 1px 0 6px 1px;
    -ms-box-shadow:#29d 1px 0 6px 1px;
    -webkit-box-shadow:#29d 1px 0 6px 1px;
    box-shadow:#29d 1px 0 6px 1px;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%
}
#loading-bar-spinner{
    display:block;
    position:fixed;
    z-index:10002;
    top:10px;
    left:10px
}
#loading-bar-spinner .spinner-icon{
    width:14px;
    height:14px;
    border:2px solid transparent;
    border-top-color:#29d;
    border-left-color:#29d;
    border-radius:50%;
    -webkit-animation:loading-bar-spinner 400ms linear infinite;
    -moz-animation:loading-bar-spinner 400ms linear infinite;
    -ms-animation:loading-bar-spinner 400ms linear infinite;
    -o-animation:loading-bar-spinner 400ms linear infinite;
    animation:loading-bar-spinner 400ms linear infinite
}
@-webkit-keyframes loading-bar-spinner{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes loading-bar-spinner{
    0%{
        -moz-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -moz-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-o-keyframes loading-bar-spinner{
    0%{
        -o-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-ms-keyframes loading-bar-spinner{
    0%{
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loading-bar-spinner{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.mesh-loader {
    overflow: hidden;
    height: inherit;
    width: inherit;
}

    .mesh-loader .circle {
        width: 30px;
        height: 30px;
        position: absolute;
        background: #fd7e14;
        border-radius: 50%;
        margin: -15px;
        -webkit-animation: mesh 3s ease-in-out infinite -1.5s;
        animation: mesh 3s ease-in-out infinite -1.5s;
    }

    .mesh-loader > div .circle:last-child {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        background: #00bc8c;
    }

    .mesh-loader > div {
        position: absolute;
        top: 50%;
        left: 50%;
    }

        .mesh-loader > div:last-child {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }



@-webkit-keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}