/* Qualquer elemento que receber a classe 'c-loader' começa-ra a girar*/
.c-loader {
    animation: is-rotating 1s infinite;
}
@keyframes is-rotating {
    to {
        transform: rotate(360deg);
    }
}
   
/*CARREGANDO PÁGINA*/ 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#carregando, #carregando-nfc {
    background: url("../../../imagens/sistema/overlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9998;
}
#carregando div, #carregando-nfc div {
    height: 22px;
    left: 50%;
    margin-left: -63px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 126px;
    z-index: 9999;
    border: 16px solid;
    border-radius: 50%;
    border-top: 16px solid;
    border-bottom: 16px solid;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#carregando-horizontal {
    background: url("../../../imagens/sistema/overlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
#carregando-horizontal > div {
    height: 22px;
    left: 50%;
    margin-left: -63px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 126px;
    z-index: 9999;
}
#carregando div img,#carregando-nfc div img{
    display: none;
}
#carregando div, #carregando-nfc div {
    border-color: #f3f3f3;
    border-top-color: #0C1B25;
    border-bottom-color: #0C1B25;
}
.carregando-validate {
    background: url("../../../imagens/sistema/carregando_mini.gif") no-repeat;
    background-position: right 10px top 10px;
}
.span-contador-etapa{
    height: 22px !important;
    margin-top: 120px !important;
    position: absolute !important;
    text-align: center !important;
    top: 35% !important;
    width: 100% !important;
    z-index: 9999 !important;
    font-weight: bold;
    color: #000
}
.span-contador-button{
    margin-top: 150px !important;
    position: absolute !important;
    text-align: center !important;
    top: 35% !important;
    width: 70px;
    z-index: 9999 !important;
    color: #000;
    left:calc(50% - 35px);
    opacity: 15%;
}
.span-contador-button:hover{
    opacity: 45%;
}