/*
  0. Configuration

  @visible Stylus only
*/


/*
  1. Core
*/

.loader-wrapper {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999 !important;
    background-image: url(../../../images/loading.gif) !important;
    background-position: center;
    background-repeat: no-repeat;
    /*background-blend-mode: multiply;*/
    /*display:none;*/
}


.loading-progress {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999 !important;
    background-color:#243A53;
    display:none;
}

.loading-progress .loader{
    position:absolute;
    top:50%;
    left:50%;
    width:128px;
    height:128px;
    
    
    background-image: url(../../../images/loading.gif) !important;
    background-position: center;
    background-repeat: no-repeat;
}
.loading-progress .progress-container{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top:120px;
    height:5px;
    width:300px;
    background-color:#18283c;
}

.loading-progress .progress-container .progress{
    width:0;
    height:100%;
    background-color:#50647b;
}

.loading-progress .progress-container .time-left{
    color: #50647b;
    margin-top: 10px;
    text-align: center;
}

.data-collection-progress-container, .modal-pix4d-cloud-service-progress-container, .modal-esri-service-progress-container {
    width: 100%;
    height: 5px;
    background-color:#18283c;
    display: none;
}

.data-collection-upload-progress-container {
    width: 100%;
    height: 5px;
    background-color:#18283c;
    display: none;
}

.data-collection-progress, .modal-pix4d-cloud-service-progress, .modal-esri-service-progress{
    width:0;
    height:100%;
    background-color:#266b62;
}

.data-collection-upload-progress {
    width:0;
    height:100%;
    background-color:#266b62;
}

.data-collection-time-left, .modal-pix4d-cloud-service-time-left {
    color: #266b62;
    margin-top: 10px;
    text-align: center;
}

.data-collection-upload-files-left {
    color: #266b62;
    margin-top: 10px;
    text-align: center;
}

.loader {
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    position: fixed;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    
}

.loader span {
    -webkit-animation: loader 4s ease-in-out infinite;
    animation: loader 4s ease-in-out infinite;
    position: absolute;
    background: #fff;
    display: block;
    opacity: 0;
    height: 12px;
    width: 12px;
}

.loader span.loader-block:nth-child(16n + 1) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    top: 0px;
    left: 0px;
}

.loader span.loader-block:nth-child(16n + 2) {
    -webkit-animation-delay: 1.12s;
    animation-delay: 1.12s;
    top: 0px;
    left: 16px;
}

.loader span.loader-block:nth-child(16n + 3) {
    -webkit-animation-delay: 1.04s;
    animation-delay: 1.04s;
    top: 0px;
    left: 32px;
}

.loader span.loader-block:nth-child(16n + 4) {
    -webkit-animation-delay: 0.96s;
    animation-delay: 0.96s;
    top: 0px;
    left: 48px;
}

.loader span.loader-block:nth-child(16n + 5) {
    -webkit-animation-delay: 0.88s;
    animation-delay: 0.88s;
    top: 16px;
    left: 0px;
}

.loader span.loader-block:nth-child(16n + 6) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    top: 16px;
    left: 16px;
}

.loader span.loader-block:nth-child(16n + 7) {
    -webkit-animation-delay: 0.72s;
    animation-delay: 0.72s;
    top: 16px;
    left: 32px;
}

.loader span.loader-block:nth-child(16n + 8) {
    -webkit-animation-delay: 0.64s;
    animation-delay: 0.64s;
    top: 16px;
    left: 48px;
}

.loader span.loader-block:nth-child(16n + 9) {
    -webkit-animation-delay: 0.56s;
    animation-delay: 0.56s;
    top: 32px;
    left: 0px;
}

.loader span.loader-block:nth-child(16n + 10) {
    -webkit-animation-delay: 0.48s;
    animation-delay: 0.48s;
    top: 32px;
    left: 16px;
}

.loader span.loader-block:nth-child(16n + 11) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    top: 32px;
    left: 32px;
}

.loader span.loader-block:nth-child(16n + 12) {
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    top: 32px;
    left: 48px;
}

.loader span.loader-block:nth-child(16n + 13) {
    -webkit-animation-delay: 0.24s;
    animation-delay: 0.24s;
    top: 48px;
    left: 0px;
}

.loader span.loader-block:nth-child(16n + 14) {
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
    top: 48px;
    left: 16px;
}

.loader span.loader-block:nth-child(16n + 15) {
    -webkit-animation-delay: 0.08s;
    animation-delay: 0.08s;
    top: 48px;
    left: 32px;
}

.loader span.loader-block:nth-child(16n + 16) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    top: 48px;
    left: 48px;
}

@-webkit-keyframes loader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    85% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@keyframes loader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    85% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}


/*
  2. Theme
*/

body.volta .loader-wrapper {
    background-color: #842448;
    background-image: linear-gradient(to bottom right, #c04848, #480048);
}

body.purple-bliss .loader-wrapper {
    background-color: #204363;
    background-image: linear-gradient(to bottom right, #360033, #0b8793);
}

body.love-couple .loader-wrapper {
    background-color: #614362;
    background-image: linear-gradient(to bottom right, #89253e, #3a6186);
}

body.deep-space .loader-wrapper {
    background-color: #212121;
    background-image: linear-gradient(to bottom right, #434343, #000);
}

body.from-beyond .loader-wrapper {
    background-color: #414660;
    background-image: linear-gradient(to bottom right, #838181, #000c40);
}

body.curiosity-blue .loader-wrapper {
    background-color: #476283;
    background-image: linear-gradient(to bottom right, #3d72b4, #525252);
}

body.orca .loader-wrapper {
    background-color: #266b62;
    background-image: linear-gradient(to bottom right, #093637, #44a08d);
}

body.love-tonight .loader-wrapper {
    background-color: #7a69c7;
    background-image: linear-gradient(to bottom right, #4568dc, #b06ab3);
}

body.love-and-liberty .loader-wrapper {
    background-color: #641e2e;
    background-image: linear-gradient(to bottom right, #a83b3b, #200122);
}

body.blue-lagoon .loader-wrapper {
    background-color: #2e6e80;
    background-image: linear-gradient(to bottom right, #43c6ac, #191654);
}

body.grapefruit-sunset .loader-wrapper {
    background-color: #bc596c;
    background-image: linear-gradient(to bottom right, #904e95, #e96443);
}

body.frost .loader-wrapper {
    background-color: #00295d;
    background-image: linear-gradient(to bottom right, #004e92, #000428);
}

body.mauve .loader-wrapper {
    background-color: #5a3963;
    background-image: linear-gradient(to bottom right, #734b6d, #42275a);
}

body.under-the-lake .loader-wrapper {
    background-color: #16553f;
    background-image: linear-gradient(to bottom right, #237a57, #093028);
}

body.vice-city .loader-wrapper {
    background-color: #9081c9;
    background-image: linear-gradient(to bottom right, #ec6ead, #3494e6);
}

body.mild .loader-wrapper {
    background-color: #59aa9e;
    background-image: linear-gradient(to bottom right, #4ca2cd, #67b26f);
}

body.nepal .loader-wrapper {
    background-color: #825ca6;
    background-image: linear-gradient(to bottom right, #2657eb, #de6161);
}

body.ibiza-sunset .loader-wrapper {
    background-color: #f6393c;
    background-image: linear-gradient(to bottom right, #ff6a00, #ee0979);
}

body.sunset .loader-wrapper {
    background-color: #805541;
    background-image: linear-gradient(to bottom right, #f56217, #0b486b);
}

body.colored-lenses .loader-wrapper {
    background-color: #a59db2;
    background-image: linear-gradient(to bottom right, #636fa4, #e8cbc0);
}

body.disco .loader-wrapper {
    background-color: #51979a;
    background-image: linear-gradient(to bottom right, #556270, #4ecdc4);
}

body.dania .loader-wrapper {
    background-color: #9cacc8;
    background-image: linear-gradient(to bottom right, #7bc6cc, #be93c5);
}

body.50shades .loader-wrapper {
    background-color: #74808b;
    background-image: linear-gradient(to bottom right, #2c3e50, #bdc3c7);
}

body.very-blue .loader-wrapper {
    background-color: #0348af;
    background-image: linear-gradient(to bottom right, #0575e6, #021b79);
}

body.dawn .loader-wrapper {
    background-color: #976960;
    background-image: linear-gradient(to bottom right, #f3904f, #3b4371);
}

body.dusk .loader-wrapper {
    background-color: #8c968b;
    background-image: linear-gradient(to bottom right, #19547b, #ffd89b);
}

body.dusk-2 .loader-wrapper {
    background-color: #94595e;
    background-image: linear-gradient(to bottom right, #fd746c, #2c3e50);
}

body.delhi .loader-wrapper {
    background-color: #5f9694;
    background-image: linear-gradient(to bottom right, #3fada8, #808080);
}

body.cosmic-fusion .loader-wrapper {
    background-color: #9919b2;
    background-image: linear-gradient(to bottom right, #f0c, #339);
}

body.firewatch .loader-wrapper {
    background-color: #dd3a3c;
    background-image: linear-gradient(to bottom right, #ef473a, #cb2d3e);
}

body.lush .loader-wrapper {
    background-color: #7fc549;
    background-image: linear-gradient(to bottom right, #56ab2f, #a8e063);
}

body.80s-purple .loader-wrapper {
    background-color: #38184e;
    background-image: linear-gradient(to bottom right, #41295a, #2f0743);
}

body.royal .loader-wrapper {
    background-color: #243a53;
    /*background-image: linear-gradient(to bottom right, #243b55, #141e30);*/
}

body.deep-sea-space .loader-wrapper {
    background-color: #3c6f7f;
    background-image: linear-gradient(to bottom right, #4ca1af, #2c3e50);
}

body.solid-vault .loader-wrapper {
    background-color: #3a6da4;
    background-image: linear-gradient(to bottom right, #3a6073, #3a7bd5);
}

body.politics .loader-wrapper {
    background-color: #8a6c94;
    background-image: linear-gradient(to bottom right, #f44336, #2196f3);
}

body.transfile .loader-wrapper {
    background-color: #7077b1;
    background-image: linear-gradient(to bottom right, #cb3066, #16bffd);
}

body.red-ocean .loader-wrapper {
    background-color: #603e40;
    background-image: linear-gradient(to bottom right, #a43931, #1d4350);
}

body.pink-lime .loader-wrapper {
    background-color: #877f3b;
    background-image: linear-gradient(to bottom right, #a80077, #6f0);
}

body.easy-med .loader-wrapper {
    background-color: #81b23e;
    background-image: linear-gradient(to bottom right, #409c43, #c2c93a);
}

body.cocoa-ice .loader-wrapper {
    background-color: #6ed0bc;
    background-image: linear-gradient(to bottom right, #1ce1ce, #c0c0aa);
}

body.candy-ice .loader-wrapper {
    background-color: #e99a52;
    background-image: linear-gradient(to bottom right, #db36a4, #f7ff00);
}

body.dark-skies .loader-wrapper {
    background-color: #395b79;
    background-image: linear-gradient(to bottom right, #283e51, #4b79a1);
}

body.forest .loader-wrapper {
    background-color: #435b3d;
    background-image: linear-gradient(to bottom right, #2c7744, #5a3f37);
}

body.miami-dolphins .loader-wrapper {
    background-color: #909e74;
    background-image: linear-gradient(to bottom right, #d39d38, #4da0b0);
}


/*# sourceMappingURL=loader.css.map */