input.txt {
    width: 10em;
}

#wrapper {
    position:fixed;
    top: 50%;
    left: 50%;
    min-width:320px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*margin-left:-160px;
    margin-top:-125px;*/
    border: 1px solid #999;
    font-size: 11px;
}

#wrapper #header {
    padding:10px;
}
#wrapper #header h1 {
    margin-bottom:0px;
    margin-top:5px;
}

#wrapper #errors {
    padding:10px;
}

#wrapper #form {
    padding:10px;
    background-color:#eee;
}

#wrapper #footer {
    padding:10px;
    background-color:#ddd;
}

#wrapper ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 10px;
}

#wrapper .errorMessage, #wrapper .actionMessage, #wrapper #loggedOutMessage {
    width: 320px;
}


.mfa > .dd-wrapper {
    padding: 30px 15px 0 15px;
    margin-bottom: 30px;
}
.mfa > .dd-wrapper + .dd-wrapper {
    border-top: 1px solid #bbb;
}

.mfa .choice {
    display: block;
    overflow: hidden;
}
.mfa .choice h4 {
    float: right;
    margin: 0;
    line-height: 50px;
}
.mfa .choice img {
    float: left;
    display: block;
    width: auto;
    height: 50px;
}

.mfa .dd-drop {
    padding-top: 10px;
}

.mfa input[type=text] {
    box-sizing: border-box;
    height: 24px !important;
    width: 100% !important;
}

.mfa input[type=submit] {
    margin-top: 10px;
}

.mfa .yubikey img {
    height: 35px;
}
.mfa .yubikey h4 {
    line-height: 35px;
}

.mfa .siths a {
    color: inherit;
}
.mfa .siths img {
    margin-left: 1px;
    margin-bottom: 15px;
}