/*   */


#Login {
    width: 40em;
    margin: 3em auto;
}

#Login table.Record {
    padding: 0;
}


#Login table.Record td {
    padding: 4px 4px 4px 4px;
    b-order: 1px solid #0001;
}

#Login table.Record tr.Error td {
    text-align: center;
}

#Logintouroperator,
#Loginlogin,
#Loginpassword {
    width: 100%;
    box-sizing: border-box;
}




div.extraLinki {
    text-align: center;
}

td.tdl {
    text-align: right;
    width: 8em;
    white-space: nowrap;
    b-ackground-color: #cde;
}

td.tdc {
    width: 16em;
    white-space: nowrap;
    b-ackground-color: #fde;
}


td.tdr {
    width: 8em;
    white-space: nowrap;
}

/* =========================================== */

#tr_token > td {
    padding: 0;
}

#token_kontener {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;  /* stretch|center|flex-start|flex-end|space-between|space-around|space-evenly|initial|inherit; */
    align-items: baseline;
}

#token_lbl {
    flex-grow: 1;
    flex-basis: 10em;
    display: inline-block;
    text-align: right;
    b-ackground-color: #cde;
}

#Logintoken {
    flex-grow: 0;
    text-align: left;
    width: 6em;
    box-sizing: border-box;
    margin-left:  8px;
    margin-right: 8px;
    padding-left: 8px;

    font-weight: bold;
    letter-spacing: 2px;
}

#token_hlp {
    flex-grow: 1;
    flex-basis: 10em;
    display: inline-block;
    text-align: left;
    color: #888;
    b-ackground-color: #edc;
}


#Logintokencb1l,
#Logintokencb2l {
    color: #888;
}



/* =========================================== */

tr.Login_Bottom td {
    text-align: center;
    padding: 0;
}

tr.Login_Bottom input {
    margin: 0;
}






div.qr2fa {
    width: 40em;
    white-space: nowrap;
    text-align: center;
    margin: 12px auto;
    border: 1px solid #0000;
}








