#loading { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: whitesmoke; opacity: 0.5; text-align: center; }
#loading .spin { font-size: 40px; line-height: 40px; display: block; width: 40px; height: 40px; position: fixed; top: 49%; }
#main { border-top: 3px solid #ff6600; margin-top: 10px; }
.stars { font-size: 23px; }
.stars > .bi { color: #DAA520; padding-right: 2px; }
.bi.bi-x-square.invalid-feedback { font-size: 20px; }
.email-sended { color: green; }
.email-not-sended { color: red; }

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

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

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