.tfa-body, .tfa-body * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.tfa-body a {text-decoration:none;}
.tfa-body button {background:#ccc;border:none;box-shadow:none;text-shadow:none;text-decoration:none;color:#333;}


/* OVERVIEW */
.tfa-overview .tfa-row {display:inline-block;width:100%;font-size:15px;line-height:20px;font-weight:normal;color:#444;margin:0 0 20px 0;}
.tfa-overview .tfa-row .tfa-btn {float:left;width:auto;transition:0.15s;color:#fff;background:#333;border-radius:4px;padding:10px 20px;text-decoration:none;border:none;box-shadow:none;font-size:14px;font-weight:bold;line-height:16px;margin:0 8px 8px 0;}
.tfa-overview .tfa-row .tfa-btn:hover {text-decoration:none;color:#fff;background:#000;border:none;}
.tfa-overview .tfa-row .tfa-btn.tfa-btn-alt {background:#d4d4d4;color:#333;}
.tfa-overview .tfa-row .tfa-btn.tfa-btn-alt:hover {background:#c0c0c0;color:#222;}
.tfa-overview .tfa-row a.tfa-app {text-decoration:underline;}
.tfa-overview .tfa-row a.tfa-app:hover {text-decoration:none;}
.tfa-overview .tfa-row.tfa-row-buttons {margin:5px 0;}


/* SETUP FORM */
.tfa-form2 .tfa-row {display:inline-block;width:100%;font-size:15px;line-height:20px;font-weight:normal;color:#444;margin:0 0 20px 0;}
.tfa-form2 .tfa-row.tfa-row-buttons {margin:0 0 5px 0;}
.tfa-form2 .tfa-row button[type="submit"] {width:auto;transition:0.15s;color:#fff;background:#333;border-radius:4px;padding:12px 25px;text-decoration:none;border:none;box-shadow:none;font-size:15px;font-weight:bold;line-height:16px;}
.tfa-form2 .tfa-row button[type="submit"]:hover {text-decoration:none;color:#fff;background:#000;border:none;}
.tfa-form2 .tfa-row button[type="submit"]:focus {box-shadow:0 0 1px 3px #8cbcde;}
.tfa-form2 .tfa-row.tfa-row-code {margin:10px 0 25px 0;max-width:360px;}
.tfa-form2 .tfa-row.tfa-qr {margin:0px 0 25px 0;}
.tfa-form2 .tfa-row.tfa-row-code input[type="text"] {width:33.33%;position:relative;z-index:2;max-width:33.33%;height:60px;text-align:center;display:inline-block;float:left;font-size:26px;background:#fff;color:#000;font-weight:bold;padding:0;border-radius:0px;border:1px solid #ccc;margin:0 -1px 0 0;}
.tfa-form2 .tfa-row.tfa-row-code input[type="text"]:first-child {border-radius:4px 0 0 4px;}
.tfa-form2 .tfa-row.tfa-row-code input[type="text"]:last-child {border-radius:0 4px 4px 0;}
.tfa-form2 .tfa-row.tfa-row-code input[type="text"]:focus {box-shadow:0 0 1px 2px #8cbcde;border-color:#aaa;z-index:3;}
.tfa-form2 .tfa-left, .tfa-form2 .tfa-right {float:left;width:calc(50% - 20px);}
.tfa-form2 .tfa-center {float:left;width:40px;line-height:56px;font-size:20px;font-weight:bold;color:#aaa;text-align:center;}



/* AUTHENTICATE FORM */
.tfa-wrap {display:inline-block;width:100%;padding:50px 25px;text-align:center;}
.tfa-inside {display:block;width:100%;}
.tfa-box {display:inline-block;max-width:420px;margin:0 auto;}
.tfa-form {display:inline-block;width:100%;background:#fcfcfc;padding:30px 25px;box-shadow:0 3px 12px rgba(0,0,0,0.2);border-radius:6px;border:1px solid rgba(0,0,0,0.1);border-radius:6px;}

.tfa-form .tfa-header {display:inline-block;width:100%;font-size:28px;line-height:30px;font-weight:bold;color:#222;margin:0 0 20px 0;}
.tfa-form .tfa-row {display:inline-block;width:100%;font-size:15px;line-height:20px;font-weight:normal;color:#666;margin:0 0 20px 0;}
.tfa-form .tfa-row input[type="text"] {margin:0;display:inline-block;width:100%;max-width:320px;height:46px;padding:0 10px;font-size:15px;line-height:18px;}
.tfa-form .tfa-row.tfa-row-buttons {margin:0;}
.tfa-form .tfa-row button[type="submit"] {width:100%;transition:0.15s;color:#fff;background:#333;border-radius:4px;padding:12px 25px;text-decoration:none;border:none;box-shadow:none;font-size:15px;font-weight:bold;line-height:16px;}
.tfa-form .tfa-row button[type="submit"]:hover {text-decoration:none;color:#fff;background:#000;border:none;}
.tfa-form .tfa-row button[type="submit"]:focus {box-shadow:0 0 1px 3px #8cbcde;}
.tfa-form .tfa-row.tfa-row-code {margin:10px 0 25px 0;}
.tfa-form .tfa-row.tfa-row-code input[type="text"] {width:33.33%;position:relative;z-index:2;max-width:33.33%;height:70px;text-align:center;display:inline-block;float:left;font-size:30px;background:#fff;color:#000;font-weight:bold;padding:0;border-radius:0px;border:1px solid #ccc;margin:0 -1px 0 0;}
.tfa-form .tfa-row.tfa-row-code input[type="text"]:first-child {border-radius:8px 0 0 8px;}
.tfa-form .tfa-row.tfa-row-code input[type="text"]:last-child {border-radius:0 8px 8px 0;}
.tfa-form .tfa-row.tfa-row-code input[type="text"]:focus {box-shadow:0 0 1px 2px #8cbcde;border-color:#aaa;z-index:3;}
.tfa-form .tfa-left, .tfa-form .tfa-right {float:left;width:calc(50% - 20px);}
.tfa-form .tfa-center {float:left;width:40px;line-height:66px;font-size:30px;font-weight:bold;color:#aaa;}
.tfa-form .tfa-btn-cancel-wrap {width:100%;display:inline-block;margin:10px 0 0 0;text-align:center;}
.tfa-form .tfa-btn-cancel {width:auto;padding:3px;color:#666;text-decoration:underline;display:inline-block;}
.tfa-form .tfa-btn-cancel:hover {color:#666;text-decoration:none;}


/* MODAL DESIGN */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:991;background:rgba(0,0,0,0.75);}
#tfaModal {display:none;overflow:hidden;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#tfaModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#tfaModal .modal-body {position:initial;padding:0;}
#tfaModal .modal-close { cursor: pointer; border-radius: 5px; transition: 0.2s; position: absolute; z-index: 99; color: #555; text-align: center; top: 8px; right: 8px; width: 34px; height: 34px; font-size: 18px;}
#tfaModal .modal-close svg {width:auto;height:18px;margin:8px 0;display:inline-block;transition: 0.2s;}
#tfaModal .modal-close:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
#tfaModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#tfaModal .modal-content .modal-iframe, #tfaModal .modal-loader {background: #fff url(../img/loader.gif) no-repeat center center; background-size: 80px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#tfaModal, #tfaModal .modal-content, #tfaModal .modal-content .modal-iframe {border-radius:5px;}
#tfaModal .modal-is-inline .modal-content {overflow-y:auto;}


/* RTL */
html[dir="rtl"] .tfa-body, html[dir="rtl"] .modal-box, html[dir="rtl"] .tfa-form, html[dir="rtl"] .tfa-overview {direction:rtl;}
html[dir="rtl"] #tfaModal .modal-close {left:8px;right:auto;}
html[dir="rtl"] .tfa-overview .tfa-row .tfa-btn {float:right;margin-left:8px;margin-right:0;}
html[dir="rtl"] .tfa-form2 .tfa-left, html[dir="rtl"] .tfa-form2 .tfa-right, html[dir="rtl"] .tfa-form2 .tfa-center {float:right;}
html[dir="rtl"] .tfa-form2 .tfa-row.tfa-row-code input[type="text"] {float:right;}
html[dir="rtl"] .tfa-form2 .tfa-row.tfa-row-code input[type="text"]:last-child {border-radius:4px 0 0 4px;}
html[dir="rtl"] .tfa-form2 .tfa-row.tfa-row-code input[type="text"]:first-child {border-radius:0 4px 4px 0;}
html[dir="rtl"] .tfa-form2 .tfa-row button[type="submit"] {float:right;}