html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
* {-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;box-sizing: border-box;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
::-webkit-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
body {background: #0F2E71;color: #606468;font: 87.5%/1.5em 'Source Sans 3', 'Open Sans', sans-serif;margin: 0;min-height: 100%;height: auto;}
a {color: #fff;text-decoration: none;}
input {border: none;font-family: 'Source Sans 3', Arial, sans-serif;font-size: 16px;line-height: 1.5em;padding: 0;-webkit-appearance: none;appearance: none;}
p {line-height: 1.5em;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {content: ' ';display: table;}
.clearfix:after {clear: both;}
.container {left: 50%;position: fixed;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#loginLogo, #login, #forgot, #tfa-setup, #tfa {width: 280px;text-align: center;}
#login form span.fas, #forgot form span.fas, #tfa span.fas {background-color: #1C3F89;border-radius: 3px 0px 0px 3px;color: #fff;display: block;float: left;height: 50px;line-height: 50px;text-align: center;width: 50px;}
#login form input, #forgot form input, #login form button, #forgot form button, #login365, #loginGoogle, #btn-verify2fa, #btn-enter2fa, #tfa #tfa-code {height: 50px;}
#login form input[type="text"], #login form input[type="email"], #forgot form input[type="text"], #forgot form input[type="email"], input[type="password"], #login365, #loginGoogle, #login form button, #tfa #tfa-code {background-color: #385799;border-radius: 0px 3px 3px 0px;color: #fff;margin-bottom: 10px;padding: 0 16px;width: 230px;}
#login form input[type="submit"], #forgot form input[type="submit"], #login form button, #forgot form button, #login365, #loginGoogle, #btn-verify2fa, #btn-enter2fa {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #006ed9;border-bottom:3px solid #004c95;color: #fff;font-weight: bold;margin-bottom: 1em;text-transform: uppercase;width: 280px;cursor: pointer;}
#login form button, #btn-verify2fa, #btn-enter2fa {border:none; font-size: 16px;text-transform: capitalize;}
#login form input[type="submit"]:hover, #forgot form input[type="submit"]:hover, #login form button:hover, #forgot form button:hover, #btn-verify2fa:hover, #btn-enter2fa:hover {background-color: #004c95;}
#login365 {background-color: #00a2ed; color: #fff; border-bottom: 3px solid #00689a;position: relative;padding: 15px 15px 15px 45px;margin: 0 auto 15px auto;width: 280px;box-sizing: border-box;display: block;}
#login365 span {position: absolute;top: 10px;left:15px;font-size: 30px;line-height: 30px;font-weight:normal;}
#login365:hover {background-color: #00689a;color: #fff;}
#loginGoogle {background-color: #DB4437; color: #fff; border-bottom: 3px solid #8e1b12;position: relative;padding: 15px 15px 15px 45px;margin: 0 auto 15px auto;width: 280px;box-sizing: border-box;display: block;}
#loginGoogle span {position: absolute;top: 10px;left:15px;font-size: 30px;line-height: 30px;font-weight:normal;}
#loginGoogle:hover {background-color: #8e1b12;color: #fff;}
#login > p, #forgot > p {text-align: center;}
#login > p span, #forgot > p span {padding-left: 5px;}
.ttlogo {font-size: 2.5em;font-weight: bold;text-align: center;margin-bottom: 1em;display: block;}
.companylogo {width:auto;max-width: 280px;max-height: 150px;height: auto;margin: 0 auto;}
.thrivefooter {position: absolute;bottom: 0;left: 0;padding: 10px 15px;color: #fff;text-align: center;width: 100%;}
.thrivefooter a {color: #fff;}
.error-message {border-radius: 3px;background-color: #d26a5c;color: #fff;margin: 10px 0;width: 280px; padding: 5px 7px;}
.error-message strong {font-weight: bold;font-size: 1.3em; display: block; margin-top:10px;}
.warning-message {border-radius: 3px;background-color: #f3b760;color: #fff;margin: 10px 0;width: 280px; padding: 5px 7px;}
.success-message {border-radius: 3px;background-color: #46c37b;color: #fff;margin: 10px 0;width: 280px; padding: 5px 7px;}
.success-message a {text-decoration: underline;}
.forgot-password a:hover {text-decoration: underline;}
#forgot .message {border-radius: 3px;background-color: #fff;color: #333;margin: 10px 0;width: 280px; padding: 7px 10px;}
#forgot .message strong {font-weight: bold;font-size: 1.3em;}
#tfa-setup p.message, #tfa p.message {border-radius: 3px;background-color: #fff;color: #333;margin: 10px 0;width: 280px; padding: 7px 10px;}
.ttlogo img {width: 280px;}
.ttcontainer {background: #fff;padding: 30px;text-align: center;width: 280px;margin: 200px auto 0 auto;}
.ttcontainer .header {font-size: 1.5em;font-weight: bold;}
.ttcontainer .notice {margin:10px 0;}
.ttcontainer .notice strong {font-weight: bold;font-size: 1.2em;}
.ttcontainer .ms-Button {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #3399ff;color: #fff;font-weight: bold;margin-bottom: 1em;text-transform: uppercase;width: 200px;cursor: pointer;padding: 15px 20px;box-sizing: border-box;border: none;}
.ttcontainer .ms-Button:hover {background-color: #0F89FF;}
.signin-button > div > div > svg {height: 50px; width: 100%;}
.pwprogress {color: #fff; font-size: 12px; background: #585858;border-radius: 4px; margin-bottom: 10px;}
.pwprogress > div { padding: 3px 5px; box-sizing: border-box; }
.pwprogress0 { width: 0%; }
.pwprogress1 { width: 25%; background-color: #d26a5c; border-radius: 3px; }
.pwprogress2 { width: 50%; background-color: #f3b760; border-radius: 3px }
.pwprogress3 { width: 75%; background-color: #41b0fb; border-radius: 3px }
.pwprogress4 { width: 100%; background-color: #46c37b; border-radius: 3px }
.hidden {display: none;}
.text-center {text-align: center;}