@keyframes spin {
    to { transform: rotate(360deg);}
}
.spinner {
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-left-color: #22a6b3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.2s linear infinite;
}

.hidden {
    display: none;
    visibility: hidden;
}
.show {
    display: block;
    visibility: visible;
}
#hidden {
    display: none;
    visibility: hidden;
}
#show {
    display: block;
    visibility: visible;
}
div#carregando{
    display: scroll;
    font-family: verdana;
    font-size: 12px;
    width:110px;
    height:30px;
    border:1px #ACACAC solid;
    background-color:#fff;
/*    position:absolute;*/
    margin-left:50px;
    margin-top:15px;
    padding:3px;
    text-align: center;
}
div#carregando .imagem{
    float:left;
}
div#carregando .frase{
    float:right;
    margin-top:5px;
    margin-left:30px;
    position: absolute;
}
.erro_span {
    background-color: #F28181;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    margin: 0 auto;
}
.erro {
    border:1px solid black;
    background-color: #F28181;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 25px;
}
.erroLeve {
    border:1px solid black;
    background-color: #F28181;
    color: black;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 0px;
}
.erro_text {
    color: #F28181;
    font-weight: bold;
}
#erro {
    border:1px solid black;
    background-color: #F28181;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 25px;
}
.sucesso_text {
    color: #B3D580;
    font-weight: bold;
}
.sucesso_span {
    background-color: #B3D580;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    margin: 0 auto;
}
#sucesso {
    border:1px solid black;
    background-color: #B3D580;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 15px;
}
.sucesso {
    border:1px solid black;
    background-color: #B3D580;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 15px;
}
.sucessoLeve {
    border:1px solid black;
    background-color: #B3D580;
    color: black;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 0px;
}
#finalizado {
    border:1px solid black;
    background-color: #B3D580;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 25px;
}
#sucesso_arq {
    border:1px solid black;
    background-color: #B3D580;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 5px 10px 5px 0px;
}
div#loading{
    width:110px;
    height:30px;
    border:1px #ACACAC solid;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-25px;
    padding:3px;
    display:none;
}
div#loading .imagem{
    float:left;
}
div#loading .frase{
    float:left;
    margin-top:5px;
    margin-left:5px;
}