.wrapperBox 
{
   border:1px solid #a1a1a1;
   border-radius:8px; 
   background-color: rgb(227, 227, 227);
   height: 100%;
   overflow: hidden;
   margin: 10px;
}

.twofactorHeader
{
    text-align: center;
    font-size:22px;twofactorBody
    font-weight: normal;
    padding-top: 20px;
}
.twofactorBody 
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 20px;
    text-align: left;
}

.barCodeBox
{
    border:2px solid #a1a1a1;
    margin-left:40px; 
    background:#ffffff;
    width:270px;
    height:300px;
    border-radius:25px; 
    text-align: center;   
    padding-top:20px;
    float:left;
}
.barCodeHeader 
{
    font-size: 16px;
    font-weight: normal;
}

.orBox 
{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 105px;
    float: left;
    margin-top:20px;
}

.secretKeyBox
{
    border:2px solid #a1a1a1;
    margin-right:40px; 
    background:#ffffff;
    width:270px;
    height:100px;
    border-radius:25px; 
    text-align: center;   
    padding-top:20px;
    float:right;
}
.secretKeyHeader 
{
    font-size: 16px;
    font-weight: normal;
}

.secretKeyBody
{
    font-size: 20px;
    font-weight: bold;   
    margin-top: 15px;
    letter-spacing: 2px;
}

.deactivationCode 
{
    font-size: 22px;
    font-weight: bold;
    padding: 7px 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:blue;
}