﻿@keyframes lds-gear-set-1 {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(0deg) scale(0.5) translate(-34px, -34px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(180deg) scale(0.5) translate(-34px, -34px);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(360deg) scale(0.5) translate(-34px, -34px);
    }
}

@-webkit-keyframes lds-gear-set-1 {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(0deg) scale(0.5) translate(-34px, -34px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(180deg) scale(0.5) translate(-34px, -34px);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.5) translate(-34px, -34px);
        transform: rotate(360deg) scale(0.5) translate(-34px, -34px);
    }
}

@keyframes lds-gear-set-2 {
    0% {
        -webkit-transform: rotate(360deg) scale(0.4) translate(0px, 44px);
        transform: rotate(360deg) scale(0.4) translate(0px, 44px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.4) translate(0px, 44px);
        transform: rotate(180deg) scale(0.4) translate(0px, 44px);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(0.4) translate(0px, 44px);
        transform: rotate(0deg) scale(0.4) translate(0px, 44px);
    }
}

@-webkit-keyframes lds-gear-set-2 {
    0% {
        -webkit-transform: rotate(360deg) scale(0.4) translate(0px, 44px);
        transform: rotate(360deg) scale(0.4) translate(0px, 44px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.4) translate(0px, 44px);
        transform: rotate(180deg) scale(0.4) translate(0px, 44px);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(0.4) translate(0px, 44px);
        transform: rotate(0deg) scale(0.4) translate(0px, 44px);
    }
}

@keyframes lds-gear-set-3 {
    0% {
        -webkit-transform: rotate(0deg) scale(0.3) translate(56px, 8px);
        transform: rotate(0deg) scale(0.3) translate(56px, 8px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.3) translate(56px, 8px);
        transform: rotate(180deg) scale(0.3) translate(56px, 8px);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.3) translate(56px, 8px);
        transform: rotate(360deg) scale(0.3) translate(56px, 8px);
    }
}

@-webkit-keyframes lds-gear-set-3 {
    0% {
        -webkit-transform: rotate(0deg) scale(0.3) translate(56px, 8px);
        transform: rotate(0deg) scale(0.3) translate(56px, 8px);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.3) translate(56px, 8px);
        transform: rotate(180deg) scale(0.3) translate(56px, 8px);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.3) translate(56px, 8px);
        transform: rotate(360deg) scale(0.3) translate(56px, 8px);
    }
}

.lds-gear-set {
    position: relative;
}

    .lds-gear-set > div {
        -webkit-transform-origin: 66px 66px;
        transform-origin: 66px 66px;
        -webkit-animation: lds-gear-set-1 2.5s infinite linear;
        animation: lds-gear-set-1 2.5s infinite linear;
    }

        .lds-gear-set > div:nth-child(2) {
            -webkit-transform-origin: 100px 144px;
            transform-origin: 100px 144px;
            -webkit-animation: lds-gear-set-2 2.5s infinite linear;
            animation: lds-gear-set-2 2.5s infinite linear;
            -webkit-animation-delay: 0.15625s;
            animation-delay: 0.15625s;
        }

        .lds-gear-set > div:nth-child(3) {
            -webkit-transform-origin: 156px 108px;
            transform-origin: 156px 108px;
            -webkit-animation: lds-gear-set-3 2.5s infinite linear;
            animation: lds-gear-set-3 2.5s infinite linear;
            -webkit-animation-delay: 0.15625s;
            animation-delay: 0.15625s;
        }

    .lds-gear-set div:nth-child(1) > div {
        background: #e19318;
    }

    .lds-gear-set div:nth-child(2) > div {
        background: #4e4e4e;
    }

    .lds-gear-set div:nth-child(3) > div {
        background: #5ea7e6;
    }

    .lds-gear-set div > div {
        position: absolute;
        width: 28px;
        height: 192px;
        left: 100px;
        top: 100px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .lds-gear-set div > div:nth-child(1) {
            width: 152px;
            height: 152px;
            border-radius: 50%;
        }

        .lds-gear-set div > div:nth-child(3) {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .lds-gear-set div > div:nth-child(4) {
            -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
        }

        .lds-gear-set div > div:nth-child(5) {
            -webkit-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
        }

        .lds-gear-set div > div:nth-child(6) {
            width: 92px;
            height: 92px;
            background: #fff;
            border-radius: 50%;
        }

.lds-gear-set {
    width: 120px !important;
    height: 120px !important;
    -webkit-transform: translate(-60px, -60px) scale(0.6) translate(60px, 60px);
    transform: translate(-60px, -60px) scale(0.6) translate(60px, 60px);
}

.blockUI-style {
    position: fixed;
    align-content: center;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    z-index: 19999;
    background-color: rgba(255,255,255,0.4);
}

.blockUI-style div {
    margin: auto;
    z-index: 19997;
    vertical-align: middle;
}

.loadani {
    padding-top: 30vh;
}

#idMsgSpinner {
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    padding-left: 10px;
    color: #4e4e4e;
    z-index: 19999;
    font-size: 20pt;
    font-family: Tahoma;
    /*text-shadow: 2px 2px 2px #95a5a6;*/
}


