.ng-busy {
    z-index: 1002;
}

    .ng-busy,
    .ng-busy > *,
    .ng-busy > dynamiccomponent > * {
        position: absolute;
        top: 50px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
 .ng-busy-backdrop {
    background: #fff;
    opacity: .4;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
}
/*.ng-busy-backdrop {
  width: 100%;
  height: 100%;
  border-radius: 1%;
  background-color: #9c9;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: #fff;
  opacity: .7;
  margin-left: 14px;
  width: 1178px;
}*/
.ng-busy-default-wrapper {
    text-align: center;
}

.ng-busy-default-sign {
    position: relative;
    display: inline-block;
    z-index: 1003;
    padding: 12px 14px;
    border: 1px solid #d8d8d8;
    /*border-top: 0;*/
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #f8f8f8;
    color: #333;
}

.ng-busy-default-text {
    display: inline-block;
    margin-left: 6px;
    max-width: 400px;
    font-size: 14px;
    text-align: left;
}

.ng-busy-default-spinner {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

    .ng-busy-default-spinner div {
        position: absolute;
        left: 44.5%;
        top: 37%;
        width: 10%;
        height: 26%;
        background: #666;
        border-radius: 50px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        opacity: 0;
        -webkit-animation: busy-spinner-anim 1s linear infinite;
        animation: busy-spinner-anim 1s linear infinite;
    }

    .ng-busy-default-spinner .bar1 {
        -webkit-transform: rotate(0deg) translate(0, -142%);
        transform: rotate(0deg) translate(0, -142%);
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .ng-busy-default-spinner .bar2 {
        -webkit-transform: rotate(30deg) translate(0, -142%);
        transform: rotate(30deg) translate(0, -142%);
        -webkit-animation-delay: -0.91666667s;
        animation-delay: -0.91666667s;
    }

    .ng-busy-default-spinner .bar3 {
        -webkit-transform: rotate(60deg) translate(0, -142%);
        transform: rotate(60deg) translate(0, -142%);
        -webkit-animation-delay: -0.83333333s;
        animation-delay: -0.83333333s;
    }

    .ng-busy-default-spinner .bar4 {
        -webkit-transform: rotate(90deg) translate(0, -142%);
        transform: rotate(90deg) translate(0, -142%);
        -webkit-animation-delay: -0.75s;
        animation-delay: -0.75s;
    }

    .ng-busy-default-spinner .bar5 {
        -webkit-transform: rotate(120deg) translate(0, -142%);
        transform: rotate(120deg) translate(0, -142%);
        -webkit-animation-delay: -0.66666667s;
        animation-delay: -0.66666667s;
    }

    .ng-busy-default-spinner .bar6 {
        -webkit-transform: rotate(150deg) translate(0, -142%);
        transform: rotate(150deg) translate(0, -142%);
        -webkit-animation-delay: -0.58333333s;
        animation-delay: -0.58333333s;
    }

    .ng-busy-default-spinner .bar7 {
        -webkit-transform: rotate(180deg) translate(0, -142%);
        transform: rotate(180deg) translate(0, -142%);
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .ng-busy-default-spinner .bar8 {
        -webkit-transform: rotate(210deg) translate(0, -142%);
        transform: rotate(210deg) translate(0, -142%);
        -webkit-animation-delay: -0.41666667s;
        animation-delay: -0.41666667s;
    }

    .ng-busy-default-spinner .bar9 {
        -webkit-transform: rotate(240deg) translate(0, -142%);
        transform: rotate(240deg) translate(0, -142%);
        -webkit-animation-delay: -0.33333333s;
        animation-delay: -0.33333333s;
    }

    .ng-busy-default-spinner .bar10 {
        -webkit-transform: rotate(270deg) translate(0, -142%);
        transform: rotate(270deg) translate(0, -142%);
        -webkit-animation-delay: -0.25s;
        animation-delay: -0.25s;
    }

    .ng-busy-default-spinner .bar11 {
        -webkit-transform: rotate(300deg) translate(0, -142%);
        transform: rotate(300deg) translate(0, -142%);
        -webkit-animation-delay: -0.16666667s;
        animation-delay: -0.16666667s;
    }

    .ng-busy-default-spinner .bar12 {
        -webkit-transform: rotate(330deg) translate(0, -142%);
        transform: rotate(330deg) translate(0, -142%);
        -webkit-animation-delay: -0.08333333s;
        animation-delay: -0.08333333s;
    }

@-webkit-keyframes busy-spinner-anim {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.25;
    }
}

@keyframes busy-spinner-anim {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.25;
    }
}

/*.loader {
    border: 16px solid #f3f3f3; 
    
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    border-top: 16px solid #2494F2;
    border-right: 16px solid #5cb85c;
    border-bottom: 16px solid #FA8072;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }

}*/
/*.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #2494F2;
  border-right: 1.1em solid #5cb85c;
  border-bottom: 1.1em solid #FA8072;
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}*/
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


}
