/*
    ScreenLoader.html
*/
.screenloader.ng-hide-add, .screenloader.ng-hide-remove {
  transition: all linear 0.25s;
}

.screenloader.ng-hide {
  opacity: 0;
}
.screenloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    background-color: rgba(255, 255, 255, 0.8);
}

.screenloader-wrapper {
    width: 100%;
    min-height: 48px;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 8000;
    /*background-color: rgba(0, 0, 0, 0.9);*/
    background-color:#3eaf38;
    padding: 60px 0;
}

.screenloader-container {
    width: 400px;
    margin: 0 auto;
}

.screenloader-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.screenloader-container li {
    font-size:12px;
}

.screenloader-image {
    /*
    float: left;
    width: 48px;
    height: 48px;
    */
    text-align: center;
    padding-bottom: 10px;
}

.screenloader-image-loading {
    height:44px;
    width:44px;
    background-image: url(/content/images/loader1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px 44px;
    margin: 0 auto 5px auto;
}

.screenloader-image-loading > .glyphicon {
    font-size:1.4em;
    color:white;
    padding-top:12px;
}

.screenloader-image-glyphicon {
    padding-top: 8px;
}
.screenloader-image-glyphicon > .glyphicon {
    font-size:2em;
    color:white;
}

.screenloader-status {
    /*
    float:left;
    width: 152px;
    text-align: left;
    */
    text-align: center;
}
.screenloader-status-head {
    color: #fff;
    font-family: 'opensans-extrabold';
    font-size: 32px !important;
    line-height: 32px;
}
.screenloader-status-text {
    color: white;
    font-size: 16px;
    max-height: 160px;
    overflow: auto;
}

.screenloader-status-text li {
    font-size: 12px;
}

.screenloader-status-footer {
    text-align: right;
    padding-top: 12px;
}