/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 25/01/2017, 21:24:59
    Author     : servidor-pc
*/

.load-full {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    margin:0px;
    width: 100%;
    height: 100%;
    display:block;
    z-index: 9999997;
    opacity: 0.80;
    -moz-opacity: 0.75;
    filter: alpha(opacity = 75);
    background: white;
    /*background-image: url("imagens/default.gif");*/
    background-repeat: no-repeat;
    /*background-position:50% 50%;*/
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    /*    color: #134894;*/
    padding-top: 10%;
}


/*<div class="load-full">
            <div class="cssload-container">
                <div class="cssload-item cssload-ventilator"></div>
            </div>
            <h4 class="text-primary" id="desc-msg-load">Aguarde...</h4>
        </div>*/
.cssload-container {
    position: relative;
    width: 195px;
    height: 224px;
    overflow: hidden;
    margin:0px auto;
}

.cssload-container .cssload-item {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 49px;
    height: 49px;
    background-color: rgb(255,255,255);
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
}

.cssload-container .cssload-ventilator {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    animation: cssload-spin 1.15s ease-in-out infinite reverse;
    -o-animation: cssload-spin 1.15s ease-in-out infinite reverse;
    -ms-animation: cssload-spin 1.15s ease-in-out infinite reverse;
    -webkit-animation: cssload-spin 1.15s ease-in-out infinite reverse;
    -moz-animation: cssload-spin 1.15s ease-in-out infinite reverse;
    transition: all 0.23s ease;
    -o-transition: all 0.23s ease;
    -ms-transition: all 0.23s ease;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}

.cssload-container .cssload-ventilator:before, .cssload-container .cssload-ventilator:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -o-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -ms-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    animation: cssload-shapeit 0.58s ease infinite alternate;
    -o-animation: cssload-shapeit 0.58s ease infinite alternate;
    -ms-animation: cssload-shapeit 0.58s ease infinite alternate;
    -webkit-animation: cssload-shapeit 0.58s ease infinite alternate;
    -moz-animation: cssload-shapeit 0.58s ease infinite alternate;
    transition: all 0.23s ease;
    -o-transition: all 0.23s ease;
    -ms-transition: all 0.23s ease;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
    content: '';
}
.cssload-container .cssload-ventilator:before {
    left: -125%;
    border-left: 2px solid rgb(22, 159, 133);
}
.cssload-container .cssload-ventilator:after {
    right: -125%;
    border-right: 2px solid rgb(22, 159, 133);
}





@keyframes cssload-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes cssload-shapeit {
    from {
        border-radius: 50%;
    }
    to {
        border-radius: 0px;
    }
}

@-o-keyframes cssload-shapeit {
    from {
        border-radius: 50%;
    }
    to {
        border-radius: 0px;
    }
}

@-ms-keyframes cssload-shapeit {
    from {
        border-radius: 50%;
    }
    to {
        border-radius: 0px;
    }
}

@-webkit-keyframes cssload-shapeit {
    from {
        border-radius: 50%;
    }
    to {
        border-radius: 0px;
    }
}

@-moz-keyframes cssload-shapeit {
    from {
        border-radius: 50%;
    }
    to {
        border-radius: 0px;
    }
}