.failedResult{
    font-family: "Open Sans";
    background: #D5726D;
    border: 2px solid #961B19;
    padding: 8px;
    margin-bottom: 10px;
    color: white;
}

.successfullResult{
    font-family: "Open Sans";
    background: #22AC52;
    border: 2px solid #197138;
    padding: 8px;
    margin-bottom: 10px;
    color: white;
}

.infoResult{
    font-family: "Open Sans";
    background: #038ebb;
    border: 2px solid #035f7e;
    padding: 8px;
    margin-bottom: 10px;
    color: white;
}

.glyphicon-refresh-animate {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    margin-right: 5px;
}

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