/*Div de Progreso*/

.progress-div {
    margin: 0 auto;
    border: 4px solid #f3f3f3; /* Gris */
    border-top: 4px solid #5081af; /* Azul */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Div de Progreso*/


/*Puntos de validacion de servicios*/

.text-right {
    position: absolute;
	right: 7px;
	bottom: 0;
}

.btn-circle{
	width: 5px;
	height: 5px;
    padding: 0px;
    border-radius: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.btn-circle-danger {
	background: #A4A4A4;
}

.btn-circle-success {
	background: #939494;
}


/*Fin puntos de validacion de servicios*/

/*-------------TEMA ROJO-------------*/
/*Se debe quitar el "/*" para aplicar los cambios*/

.progress-div {
    border-top: 4px solid rgb(#939494); /* Gris */
}

.btn-circle-success {
	background: rgb(#FF6900);/*Naranja*/
}