.progress-loader {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    z-index: 9999;
    /* background-color: transparent;*/
    background-color: rgba(255, 255, 255, 0.5);
    /* background-color: red !important;*/
}

.image {
    position: absolute;
    /**top: 50%;**/
    /**left: 50%;**/
    width: 120px;
    height: 120px;
    /**margin:-60px 0 0 -60px;**/
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #665b7d;
}

/* Progress Bar */
.progress {
    position: fixed;
    top: 0;
    height: 4px;
    display: block;
    width: 100%;
   /* TROCAR COR DA BARRA SUPERIOR*/
    background-color: #0d47a1;
    border-radius: 2px;
    background-clip: padding-box;
    /* margin: 0.5rem 0 1rem 0; */
    overflow: hidden;
}

    .progress .determinate {
        position: absolute;
        background-color: inherit;
        top: 0;
        bottom: 0;
        background-color: #82b1ff;
        transition: width 0.3s linear;
    }

    .progress .indeterminate {
        /* TROCAR COR DA BARRA SUPERIOR*/
        background-color: #f5f0eb;
    }

        .progress .indeterminate:before {
            content: "";
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        }

        .progress .indeterminate:after {
            content: "";
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

img.ca {
    /* opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50); */
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes ldio-qit8v2uthan {
    0% {
        transform: scale(1.1500000000000001);
    }

    100% {
        transform: scale(1);
    }
}

.ldio-qit8v2uthan div {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 13.333333333333336px;
    left: 13.333333333333336px;
    background: #e15b64;
    animation: ldio-qit8v2uthan 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: -0.3s;
}

    .ldio-qit8v2uthan div:nth-child(2) {
        top: 13.333333333333336px;
        left: 106.66666666666666px;
        background: #f47e60;
        animation-delay: -0.2s;
    }

    .ldio-qit8v2uthan div:nth-child(3) {
        top: 106.66666666666666px;
        left: 13.333333333333336px;
        background: #abbd81;
        animation-delay: 0s;
    }

    .ldio-qit8v2uthan div:nth-child(4) {
        top: 106.66666666666666px;
        left: 106.66666666666666px;
        background: #f8b26a;
        animation-delay: -0.1s;
    }

.loadingio-spinner-cube-a7uen4vinib {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-qit8v2uthan {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-qit8v2uthan div {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */