﻿#dtx-loader {
    position: absolute;
    /*background-color: white;*/
    height: calc(100% - 120px);
    width: calc(100% - 250px);
    /*margin-left: 250px;
    margin-top: 120px;*/
    z-index: 1;
    opacity: .88;
    z-index: 1100;
}

#dtx-loader .spinner {
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: block;
    height: 50px;
    left: 50%;
    margin-left: -25px; /* -1 * image width / 2 */
    margin-top: -25px; /* -1 * image height / 2 */
    position: absolute;
    top: 50%;
    width: 50px;
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(0.0); }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
        transform: scale(1.0);
    }
}

/**/
/* ------------------------------------------- */

/* Fade In
/* ------------------------------------------- */

/* line 544, ../sass/ng-animation.scss */

.fade-in-out {
    -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
}

/* line 547, ../sass/ng-animation.scss */

.fade-in-out.ng-enter {
    -webkit-transition-duration: 250ms;
    opacity: 0;
    transition-duration: 250ms;
}

/* line 553, ../sass/ng-animation.scss */

.fade-in-out.ng-enter-active { opacity: 1; }

/* line 558, ../sass/ng-animation.scss */

.fade-in-out.ng-leave {
    -webkit-transition-duration: 250ms;
    opacity: 1;
    transition-duration: 250ms;
}

/* line 564, ../sass/ng-animation.scss */

.fade-in-out.ng-leave-active { opacity: 0; }

/* line 570, ../sass/ng-animation.scss */

.fade-in-out.ng-hide-add {
    -webkit-transition-duration: 250ms;
    opacity: 1;
    transition-duration: 250ms;
}

/* line 575, ../sass/ng-animation.scss */

.fade-in-out.ng-hide-add.ng-hide-add-active { opacity: 0; }

/* line 581, ../sass/ng-animation.scss */

.fade-in-out.ng-hide-remove {
    -webkit-transition-duration: 250ms;
    display: block !important;
    opacity: 0;
    transition-duration: 250ms;
}

/* line 587, ../sass/ng-animation.scss */

.fade-in-out.ng-hide-remove.ng-hide-remove-active { opacity: 1; }