body {
    padding-top: 0;
    background-color: #ebebeb;
}

html, body {
    font-family: "Roboto", sans-serif;
}

/*==============================
=         Loading screen       =
==============================*/

.loading-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 32px;
    height: 32px;
    background: transparent;
}

.s-loading-spinner {
    position: absolute;
    margin: auto;
    display: none;
}

.s-loading-spinner-spinning .s-loading-spinner {
    display:inline-block;
    left: 5px;
    bottom: 0;
    height: 32px;
    margin: auto;
    top: 0;
}

.loading-screen img.pulse,
.s-loading-spinner-spinning svg {
    width: 32px;
    height: 32px;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: s-generic-spin 1s infinite linear;
    -moz-animation: s-generic-spin 1s infinite linear;
    animation: s-generic-spin 1s infinite linear;
}

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

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

@keyframes s-generic-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*=====  End of Loading screen  ======*/