/* bnesotp - inherits colors from the active theme (Bootstrap 3 / Control) */
#bnesotp .bnesotp-hidden { display: none; }
#bnesotp .bnesotp-channels > div { margin-bottom: 10px; }
#bnesotp .bnesotp-channel {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 12px 14px; margin: 0; cursor: pointer; font-weight: normal;
    border: 1px solid #ddd; border-radius: 4px; background: #fff; transition: border-color .15s, background .15s;
}
#bnesotp .bnesotp-channel input { margin: 0; }
#bnesotp .bnesotp-channel i { opacity: .7; width: 18px; text-align: center; }
#bnesotp .bnesotp-channel.active { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
#bnesotp .bnesotp-channel.active span { font-weight: bold; }
#bnesotp .bnesotp-code { font-size: 24px; letter-spacing: 8px; text-align: center; font-family: Consolas, Menlo, monospace; }
#bnesotp .bnesotp-sent { margin-bottom: 15px; }
#bnesotp .bnesotp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; }
#bnesotp .bnesotp-meta #bnesotp-timer { color: #777; margin-left: auto; }
#bnesotp .bnesotp-fallback { margin-top: 10px; }
#bnesotp .bnesotp-fallback .btn { margin: 4px 0 0 6px; }
#bnesotp .bnesotp-alert:empty { display: none; }

/* Injected on login / password reset pages */
.bnesotp-login-btn { margin-right: 8px; margin-left: 8px; }
.bnesotp-reset-box { margin-bottom: 15px; }