﻿/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    text-align: center;
}


    .jqmWindow .loading {
        width: 360px;
        height: 220px;
        padding: 8px;
        background: rgba(255,255,255,.93);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin-top: -94px !important;
        margin-left: -181px !important;
        z-index: 101;
    }

        .jqmWindow .loading .content2 {
            height: 170px;
            /*background: #fcfcfc;*/
            /*-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
            -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
            box-shadow: 0px 1px 3px rgba(0,0,0,.25);*/
            -webkit-border-radius: 0px 0px 4px 4px;
            -moz-border-radius: 0px 0px 4px 4px;
            border-radius: 0px 0px 4px 4px;
            margin-top: 50px;
        }

    .jqmWindow img {
        position: fixed;
        left: 50%;
        margin-top: 18px;
        margin-left: -30px;
        width: 60px;
    }

    .jqmWindow span {
        text-align: center;
        margin-top: 60px;
        display: block;
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        background: #efefef;
    }

.jqmOverlay {
    background: rgba(0,0,0,.6);
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+"px");
    height: expression(this.parentNode.offsetHeight+"px");
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + "px");
}

.AjaxLoader {
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 4000;
    text-align: center;
    position: fixed;
}


.AjaxLoader_cadastro {
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 4000;
    text-align: center;
    position: fixed;
}

.TextLoader {
    z-index: 4001;
    text-align: center;
    position: relative;
    font-size: 18px;
}

.loading-2 .spinner {
    display: inline-block;
    animation-name: anim-spinner;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

    .loading-2 .spinner .circle {
        width: 4em;
        height: 2em;
        overflow: hidden;
    }

    .loading-2 .spinner .circle-inner {
        transform: rotate(45deg);
        border-radius: 50%;
        border: 0.5em solid var(--main-backcolor);
        border-right: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        width: 100%;
        height: 200%;
        animation-name: anim-circle-1;
        animation-duration: .9s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: cubic-bezier(.25, .1, .5, 1);
    }

    .loading-2 .spinner .circle-2 {
        transform: rotate(180deg);
    }

        .loading-2 .spinner .circle-2 .circle-inner {
            animation-name: anim-circle-2;
        }

@keyframes anim-circle-1 {
    from {
        transform: rotate(60deg);
    }

    to {
        transform: rotate(205deg);
    }
}

@keyframes anim-circle-2 {
    from {
        transform: rotate(30deg);
    }

    to {
        transform: rotate(-115deg);
    }
}

@keyframes anim-spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
