.bmi-login-random-txt {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.7);
    -webkit-transition: width 1s;
    transition: width 1s;
    overflow: hidden;
    position: fixed;
    top: 142px;
    color: #fff;
    border-radius: 50px 0 0 50px;
    z-index: 99999999999;
}
    .bmi-login-random-txt:hover {
        width: 320px;
        cursor: help;
    }


.container-action-show {
    width: 180px;
    background: rgba(0,0,0,.7);
    overflow: hidden;
    position: fixed;
    top: 185px;
    color: #fff;
    border-radius: 50px 0 0 50px;
    cursor: pointer;
    right: -140px;
    text-align: left;
    padding-left: 10px;
    padding-top: 6px;
    -webkit-transition: right 250ms linear;
    transition: right 250ms linear;
}

    .container-action-show .action-title {
        font-size: 14px;
        vertical-align: top;
        padding-left: 10px;
        line-height: 2.1;
    }

.container-action-show:hover {
    -webkit-transition: right 250ms linear;
    transition: right 250ms linear;
    right: -35px;
}

.close-button {
    position: absolute;
    right: 0;
    top: -54px;
    font-size: 18px;
    padding: 10px;
    color: #fff;
}
    .close-button span {
        opacity: 0.3;
        cursor: pointer;
    }
    .close-button span:hover {
        opacity: 1;
    }

.anime, .anime-fast, div[data-pid=page_1448872316909] .lp-bmi-sso-enrollment.fadeIn, div[data-pid=page_1448872316909] .lp-bmi-sso-enrollment.fadeOut {
    animation-duration: 2s;
}

.anime, .anime-fast {
    animation-fill-mode: both;
}

.anime-fast {
    animation-duration: 500ms;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut2 {
    0% {
        opacity: .5;
    }

    to {
        opacity: 0;
    }
}

.fadeOut2 {
    animation-name: fadeOut2;
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0);
    }

    75% {
        transform: translate3d(10px,0,0);
    }

    90% {
        transform: translate3d(-5px,0,0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }

    75% {
        transform: translate3d(0,10px,0);
    }

    90% {
        transform: translate3d(0,-5px,0);
    }

    to {
        transform: translate3d(0,0,0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    20% {
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        transform: translate3d(0,0,0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        transform: translate3d(0,0,0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutRight {
    0% {
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.4,.4);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0;
    }
}

.pulsate, .transform-y {
    -webkit-animation: pulsate 1500ms cubic-bezier(0,.88,0,.89);
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate-y {
    0% {
        -webkit-transform: translateY(-10px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(3px);
        opacity: 0;
    }
}