.lg-loader-panel-holder {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
.lg-loader-panel-holder .lg-loader-tab-wrapper {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-16px, 0px) scale(3); }

.lg-loader-tabAnim {
    width: 17px;
    height: 15px;
    position: relative; }

.lg-loader-tabAnim__p {
    position: absolute;
    background: #3fb3e4;
    overflow: hidden;
    position: absolute;
    height: 3px;
    width: 5px; }

.lg-loader-tabAnim__p--0 {
    top: 0;
    left: 0;
    width: 17px;
}

.lg-loader-tabAnim__p--1 {
    top: 4px;
    left: 0px;
}

.lg-loader-tabAnim__p--2 {
    top: 4px;
    left: 6px;
}

.lg-loader-tabAnim__p--3 {
    top: 4px;
    left: 12px;
}

.lg-loader-tabAnim__p--4 {
    top: 8px;
    left: 0px;
}

.lg-loader-tabAnim__p--5 {
    top: 8px;
    left: 6px;
    width: 11px;
}

.lg-loader-tabAnim__p--6 {
    top: 12px;
    left: 0px;
}

.lg-loader-tabAnim__p--7 {
    top: 12px;
    left: 6px;
    width: 11px;
}


.lg-loader-tabAnim--boot .lg-loader-tabAnim__p {
    background: #efefef;
    animation: none; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s, .lg-loader-tabAnim--boot .lg-loader-tabAnim__v {
    position: absolute;
    background: #efefef;
    overflow: hidden;
    position: absolute;
    animation: 2s ease-in-out infinite;
    animation-fill-mode: both; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s {
    height: 1px;
    width: 17px;
    left: 0;
    transform-origin: right; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v {
    height: 3px;
    width: 1px;
    top: 4px;
    transform-origin: bottom; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--0 {
    top: 3px;
    animation-name: lgLoaderTabAnimS0; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--1 {
    top: 7px;
    animation-name: lgLoaderTabAnimS1; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--2 {
    top: 11px;
    animation-name: lgLoaderTabAnimS2; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--0 {
    left: 5px;
    animation-name: lgLoaderTabAnimV0; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--1 {
    left: 5px;
    top: 8px;
    animation-name: lgLoaderTabAnimV1; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--2 {
    left: 5px;
    top: 12px;
    animation-name: lgLoaderTabAnimV2; }

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--3 {
    left: 11px;
    animation-name: lgLoaderTabAnimV3; }

@@keyframes lgLoaderTabAnimS0 {
     0%, 12.5% {
         transform: scaleX(1);
         opacity: 1; }
     25% {
         transform: scaleX(0);
         opacity: 1; }
     74.9% {
         transform: scaleX(0);
         opacity: 0; }
     75% {
         transform: scaleX(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleX(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimS1 {
     0%, 16.66667% {
         transform: scaleX(1);
         opacity: 1; }
     29.16667% {
         transform: scaleX(0);
         opacity: 1; }
     74.9% {
         transform: scaleX(0);
         opacity: 0; }
     75% {
         transform: scaleX(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleX(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimS2 {
     0%, 20.83333% {
         transform: scaleX(1);
         opacity: 1; }
     33.33333% {
         transform: scaleX(0);
         opacity: 1; }
     74.9% {
         transform: scaleX(0);
         opacity: 0; }
     75% {
         transform: scaleX(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleX(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimV0 {
     0%, 25% {
         transform: scaleY(1);
         opacity: 1; }
     31.25% {
         transform: scaleY(0);
         opacity: 1; }
     74.9% {
         transform: scaleY(0);
         opacity: 0; }
     75% {
         transform: scaleY(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleY(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimV1 {
     0%, 31.25% {
         transform: scaleY(1);
         opacity: 1; }
     35.41667% {
         transform: scaleY(0);
         opacity: 1; }
     74.9% {
         transform: scaleY(0);
         opacity: 0; }
     75% {
         transform: scaleY(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleY(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimV2 {
     0%, 35.41667% {
         transform: scaleY(1);
         opacity: 1; }
     37.5% {
         transform: scaleY(0);
         opacity: 1; }
     74.9% {
         transform: scaleY(0);
         opacity: 0; }
     75% {
         transform: scaleY(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleY(1);
         opacity: 1; } }

@@keyframes lgLoaderTabAnimV3 {
     0%, 35.41667% {
         transform: scaleY(1);
         opacity: 1; }
     41.66667% {
         transform: scaleY(0);
         opacity: 1; }
     74.9% {
         transform: scaleY(0);
         opacity: 0; }
     75% {
         transform: scaleY(1);
         opacity: 0; }
     85.41667%, 100% {
         transform: scaleY(1);
         opacity: 1; } }

.lg-loader-panel-holder {
    position: fixed;
    left: 0;
    top: 0;
}
.lg-loader-tab-wrapper {
    /*border: 1px solid red;*/
}