.base-login {
    background-image: url('../images/loginmobile.jpg');
}
@media (min-width: 768px) {
    .base-login {
        background-image: url('../images/login.jpg');
    }    
}
.base-landing {
    background-image: url('../images/LETTERE_M.svg');
}
@media (min-width: 768px) {
    .base-landing {
        background-image: url('../images/LETTERE_D.svg');
    }    
}

.base-modify-profile {
    background-image: url(../images/_images/bg-mp-mobile.jpg);
    position: relative;
}

.base-modify-profile:before {
    position: absolute;
}

@media (min-width: 768px) {
    .base-modify-profile {
        background-image:url(../images/_images/bg-mp-desktop.jpg)
    }
}

.textWithLink:after {
    background-image: url('../images/textWithLink/textmob.jpg');
}

@media (min-width: 1024px) {
    .textWithLink:after {
        background-image:url('../images/textWithLink/textdes.jpg')
    }
}

.authenticationForm__privacy a {
    display: block;
    color: #fff;
    text-decoration: underline;
}

.loading{
    position: relative;
    pointer-events: none;
}

.loading > * {
    opacity: .4;
}

.loading:after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid black;
    border-top-color: transparent;
    border-radius: 100%;
    left: 50%;
    margin-left: -20px;
    top: 40px;
    animation: rotate .8s linear infinite;
}

button.loading:after {
    top: auto;
    width: 24px;
    height: 24px;
    border-width: 2px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}