﻿.bs-example {
    height: 220px;
}

.centerlook {
    padding-left: 400px;
    font-weight: bold;
    width: 1000px;
}

.error {
    padding-left: 400px;
    font-weight: bold;
    width: 1000px;
    color: red;
}

.loginbtn {
    padding-left: 500px;
}

.actionSelected {
    text-align: center !important;
    color: #0079BB !important;
}

#duo_iframe {
    width: 100%;
    min-width: 304px;
    max-width: 620px;
    height: 330px;
    border: none;
}

.beacon-trans {
    transform: scale(1, 1) !important; 
    text-indent: 1px !important;
}

.radial-progress-bar-clip {
    clip: rect(0px, 96px, 96px, 48px);
}

.circle-angle {
    transform: rotate(0deg);
    text-indent: 1px;
}

.beacon-watermark {
    display: block;
    background-image: url("../../Content/img/ui/human.png") !important;
}

.displayFactor {
    display: none;
}

.hideme {
    display: none !important;
}

.displayme {
    display: block !important;
}


.facquestion {
    background-image: url("../../Content/img/icons/mfa/question_38x38.8453db9ea592a3015add7fb268491a3b.png") !important;
}

.facpush {
    background-image: url("../../Content/img/icons/mfa/oktaVerify_70x70.00aa672ea67517ca19e2b110d650e03f.png") !important;
}

.facoktacode {
    background-image: url("../../Content/img/icons/mfa/oktaVerify_70x70.00aa672ea67517ca19e2b110d650e03f.png") !important;
}

.facemail {
    background-image: url("../../Content/img/icons/mfa/email_38x38.b7ac950da2ba64f5886b21c9f97c7cc8.png") !important;
}

.faccall {
    background-image: url("../../Content/img/icons/mfa/voicecall_70x70.b651a1f230ee1aea148c87773d533faf.png") !important;
}

.facsms {
    background-image: url("../../Content/img/icons/mfa/sms_70x70.30e2a05096c1192ff1f96cf11acfdf17.png") !important;
}

.facgoogle {
    background-image: url("../../Content/img/icons/mfa/googleAuth_38x38.750e8cb4f65b1d8f3a844baa0ac99454.png") !important;
}

.facduo {
    background-image: url("../../Content/img/icons/mfa/duo_70x70.e2baf65d97a5d6f2c083e14d4717ccf4.png") !important;
}

.facrsa {
    background-image: url("../../Content/img/icons/mfa/rsa_70x70.e01fbd6241936eeb9cdf15c72cde49e9.png") !important;
}

.faconprem {
    background-image: url("../../Content/img/icons/mfa/Entrust.png") !important;
}

.fachtotp {
    background-image: url("../../Content/img/icons/mfa/hotpFactor_70x70.png") !important;
}

.facfido {
    background-image: url("../../Content/img/icons/mfa/Fido.png") !important;
}

.facyubikey {
    background-image: url("../../Content/img/icons/mfa/yubico@2x.png") !important;
}

.divL {
    font-size: 10px;
    display: inline-block;
    box-sizing: border-box;
    padding: 2px;
    margin: 0;
    width: 150px;
    text-align: left;
    color: #5e5e5e;
}

#topMsg div {
    font-size: 13px;
    margin-bottom: .5rem !important;
    padding-left: 15px;
}

#contentBox .rightRapper {
    vertical-align: top !important;
    width: 280px;
    padding-left: 5px;
    margin: 0px; /* remove all margins to fit two divs in the container */
    display: inline-block !important; /* display block elements in one line */
}

#contentBox .leftRapper {
    margin: 0px;
    padding: 0px 0px;
    vertical-align: top;
    display: inline-block !important;
}

#contentBox {
    vertical-align: top; /* increasing width from 210 to 216 because your border takes 6 extra px*/
}