﻿.fb_iframe_widget iframe {
    opacity: 0;
}

.fb_iframe_widget {
    /*background-image: url('../images/facebookSSO_icon.svg');*/
    background-image: url('../../images/LoginWithFacebook.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 40px;
    cursor: pointer;
}

.fb_iframe_widget_fluid {
    display: block !important;
}


.ssoIcons {
    height: 50px;
    padding: 0px;
}


.bioBtn {
    height: auto !important;
}

.bioLogin {
    font-size: 1.25rem;
}

.scan {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}


    .scan .fingerprint {
        position: relative;
        width: 60px;
        height: 60px;
        /*background: url(../images/fingerPrint_01.png);*/
        background: url(../../images/fingerprint-solid.svg);
        background-size: 60px;
        -webkit-background-size: 60px;
        -moz-background-size: 60px;
        margin: auto;
        background-repeat: no-repeat;
        -webkit-background-repeat: no-repeat;
        -moz-background-repeat: no-repeat;
    }

        .scan .fingerprint::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 60px;
            /*background: url(../images/fingerPrint_01.png);*/
            background: url(../../images/fingerprint-solid.svg);
            background-size: 60px;
            -webkit-background-size: 60px;
            -moz-background-size: 60px;
            background-repeat: no-repeat;
            animation: animate 2s ease-in-out infinite;
            -webkit-animation: animate 2s ease-in-out infinite;
            -moz-animation: animate 2s ease-in-out infinite;
            filter: invert(15%) sepia(98%) saturate(3756%) hue-rotate(236deg) brightness(78%) contrast(140%);
            -webkit-filter: invert(15%) sepia(98%) saturate(3756%) hue-rotate(236deg) brightness(78%) contrast(140%);
            -moz-filter: invert(15%) sepia(98%) saturate(3756%) hue-rotate(236deg) brightness(78%) contrast(140%);
        }


.lineOr {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #808080;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .lineOr span {
        background: #fff;
        padding: 0 10px;
    }


.lineOr-admin {
    width: 80%;
    text-align: center;
    border-bottom: 1px solid white;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .lineOr-admin span {
        background: rgb(4,12,115);
        padding: 0 10px;
        color: white !important;
    }

.sso-adminDiv{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.divSSOOptions {
    margin-top: 1.5rem;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.btn-tcas {
    width: 180px;
}


@keyframes animate {
    0%, 100% {
        height: 0%;
    }

    50% {
        height: 100%;
    }
}

@-webkit-keyframes {
    0%, 100% {
        height: 0%;
    }

    50% {
        height: 100%;
    }
}
