/* ==========================================================================
   Android styles for login.
   Load this file after CSS common files
   ========================================================================== */
   

/* Forms
   ========================================================================== */
.form__checkbox__input:checked + i {
    background-image: url(../images/icn-radius-on.svg);
}


/* Buttons
   ========================================================================== */
.action { font-size: 14px; line-height: 1.2; text-transform: uppercase; letter-spacing: 2px; }
    .action--processing { padding: 12px 16px; }


/* Spinner
   ========================================================================== */
@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
         -webkit-transform: rotate(450deg);
         transform: rotate(450deg);
    },
}
@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
         -webkit-transform: rotate(450deg);
         transform: rotate(450deg);
    },
}

.spinner__android {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}
    .spinner__android__path {
        stroke-dasharray: 187;
        stroke-dashoffset: 0;
        transform-origin: center;
        -webkit-animation: dash 1.4s ease-in-out infinite;
        animation: dash 1.4s ease-in-out infinite;
    }

@media only screen and (max-width: 768px) {
    /*.login__wrapper__aside { display: none; }*/
    .login__header__title { height: 0; overflow: hidden; }
    .login__wrapper__content p { text-align: left; }
    .login p { color: #2a2a3c; }
    .login__tabs { margin: -24px -16px 16px -16px; }
    .login__tabs__item--selected { border-bottom: 2px solid #00A9E0; }
}