* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  color: #21201c;
}

body {
  margin: 0;
  text-align: center;
}

b, strong {
  font-weight: 600;
}

body .container-fluid,
body .col-xs-12 {
  padding: 0;
}

a:focus {
  outline: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#main-ct-wrapper {
  background: url(/sso/img/sso_background.jpg) 0 0 no-repeat;
  background-size: cover;
}

#main-ct {
  overflow: auto;
  margin: 0 auto;
  text-align: left;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-size: cover;
}

/* CSS sticky footer: Opera Fix */

body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

p,
td {
  font-size: 14px;
}

input {
  font-size: 13px;
}

img {
  border: 0px;
}

div.contentBox {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

/* infobox styles */

div.iboxOuter {
  min-height: 35px;
  max-height: 140px;
  margin-bottom: 15px;
}

.iboxInner{
  padding-bottom:10px;
}

.iboxVal {
  vertical-align: middle;
  text-align: left;
  font-size: 8pt;
  font-weight: normal;
}

div.tileTitleBarContainer {
  width: 100%;
  height: 24px;
  padding-left: 5px;
  padding-right: 3px;
  vertical-align: top;
  border: 1px solid;
  border-color: #8c8c8c #232323 #232323 #8c8c8c;
}

div.tileTitleBarContainer table {
  width: 100%;
  height: 100%;
  border: 0px;
}

div.tileTitleBarContainer td {
  vertical-align: center;
  font-size: 9pt;
  font-weight: 600;
}

/* style for the footer box contained in content screens */

div.formBody {
  overflow: auto;
}

td.formTable {
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000;
  height: 30px;
  width: 220px !important;
}

.ssoText{
  vertical-align: 2px;
}

.textLabel{
  font-size: 13px;
  text-align: right;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  color: rgb(0, 0, 0);
  font-weight: 500;
}

.formTable input[type=text],
.formTable input[type=password]{
  height: 21px !important;
  padding: 3px !important;
  line-height: 9px !important;
  border-color: #7eadd9 !important; 
  box-shadow: none !important;
  color: #555 !important;
  background-color: #fff;
  background-image: none !important;
  border: 1px solid #ccc !important;
  margin-left: 15px;
  width: 100%;
}

.radioCss{
  padding-left: 15px;
}

.spanText{
  font-weight: 500;
}

input[disabled] {
  background-color: #eee !important;
  opacity: 1;
  cursor: not-allowed !important;
}

.requiredField{
  display: inline-block;
  margin-right: 0.5em; 
  color: red !important;
}

img.requiredField {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

span.requiredFieldMsg {
  vertical-align: middle;
  font-size: 7pt;
  color: red;
}

.button {
  color: #21201c;
  cursor: hand;
  border: 1px solid;
  border-color: #7b9ece;
  background-color: #cedfff;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  height: 24px;
}

.buttonOver,
.button:hover {
  color: white;
  cursor: hand;
  border: 1px solid;
  border-color: #962437;
  background-color: #ca3a41;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  height: 24px;
}

.buttonInactive {
  color: gray;
  border: 1px solid;
  border-color: #7b9ece;
  background-color: #d8e8f8;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  height: 24px;
}

table.listTable {
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  font-size: 7pt;
  border-collapse: collapse;
  table-layout: auto;
}

table.listTable th {
  font-weight: 600;
  background-color: #ccc;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #B5B8C8;
  color: #21201c;
}

table.listTable td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #B5B8C8;
}

iframe.work {
  visibility: hidden;
}

/* Classes used to imitate One.MessagePanel in PLT */

.error-icon {
  background: url("/sso/img/exclamation.gif") no-repeat left;
}

.success-icon {
  background: url("/sso/img/success.png") no-repeat left;
}

.success-msg {
  color: #229978;
  font-weight: 600;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.45em;
}

/*Edge styles*/

_:-ms-lang(x),
_:-webkit-full-screen,
.success-msg {
  padding-top: 0;
  padding-left: 1.5em;
}

table.expand-message-panel-icon {
  display: inline-flex;
  float: left;
  padding-top: 5px;
}

div.expand-message-panel-icon {
  margin-left: 10px;
  padding-top: 5px;
  color: white;
}

.expand-message-panel-text {
  left: 2px;
  position: relative;
  white-space: pre;
  color: #ffffff;
  font-family: Calibre, Roboto, Helvetica, Arial, "Roboto Mono", sans-serif;
  line-height: 1.25;
  font-size: 16px;
  white-space: pre-wrap;
}

/* Classes used within the new login screen */

.login-container {
  width: 800px;
  height: 580px;
  position: relative;
  top: 60px;
  margin: 0 auto;
}

.login-panel {
  width: 310px;
  height: 580px;
  background-color: #FFF;
  float: left;
  border-radius: 5px 0 0 5px;
}

.login-panel .login-header > .one-logo,
.select-app-body .login-header > .one-logo {
  width: 210px;
  height: 110px;
  display: block;
  margin: 0 auto;
}

.token-help-section,
.captcha-help-section {
  margin: 0px 15px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}

.token-help-header,
.captcha-help-header {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 7px;
}

.token-help-text,
.captcha-help-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}

#login-icon-text {
  position: relative;
  bottom: 1em;
  text-shadow: 0 2px #5e5e5e;
  font-size: 20px;
}

.login-panel label {
  font-size: 16px;
  line-height: 1.25;
  color: #21201c;
  vertical-align: middle;
  font-weight: normal;
}

.login-panel input.input-user,
.login-panel input.input-password {
  width: 250px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #C2C2C2;
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 10px;
  padding-left: 5px;
  background-color: #F4F4F4;
}

.username-text,
.password-text,
.confirmation-text,
.email-text,
.current-password-text,
.new-password-text,
.confirm-password-text {
  width: 240px;
  height: 18px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #21201c;
  margin-left: 10px;
  display: inline-block;
}

#invalid-username-icon,
#invalid-password-icon,
#invalid-email-icon,
#invalid-currentPwd-icon,
#invalid-newPwd-icon,
#invalid-confirmPwd-icon {
  width: 21px;
  height: 21px;
  margin-left: -10px;
  vertical-align: bottom;
  display: none;
}

.login-panel .loginButton,
.select-app-body .logoutButton {
  width: 250px;
  background-color: #21201c;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  height: 30px;
  margin: 15px 0;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  outline: none;
}

.select-app-body .logoutButton {
  display: block;
  margin: 25px auto;
}

.login-panel .loginButton:hover,
.login-panel .loginButton:active,
.login-panel .loginButton:focus,
.login-panel .relogin btn:hover,
.select-app-body .logoutButton:hover,
.select-app-body .logoutButton:active {
  opacity: 0.85;
}

.login-panel .loginButtonOver {
  opacity: 0.85;
  text-decoration: none;
}

.login-panel .loginButtonDisabled {
  background: #CCC;
  color: #EEE;
  text-shadow: none;
  cursor: default;
}

.login-panel .loginButtonAlt {
  margin: 0 25px;
  background-color: #FFF;
  color: #21201c;
  border: 1px solid #21201c;
}

.login-panel .loginButtonAlt:hover, .login-panel .loginButtonAlt:focus {
   background-color: #21201c;
   opacity: 1;
}

.login-panel .loginButtonAlt:hover a,
.login-panel .loginButtonAlt a:hover {
  color: #FFF;
  text-decoration: none;
}

.select-app-body .logoutButton a,
.select-app-body .logoutButton a:hover {
  color: #FFF;
  text-decoration: none;
  width: 250px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
}

a#backToLogin {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #21201c;
  text-align: center;
  text-decoration: none;
}

.loginButtonAlt #backToLogin {
  color: #21201c;
}

a#backToLogin:hover, a#backToLogin:focus {
  color: white;
  background-color: #21201c;
  border: 1px solid #21201c;
}

.loginButtonAlt:hover #backToLogin, .loginButtonAlt:focus #backToLogin {
  color: #FFF;
}

.forgot-credentials {
  width: 250px;
  height: 18px;
  font-size: 16px;
  text-align: center;
  color: #21201c;
  margin: 0px auto 15px;
}

.forgot-credentials a {
  color: #3e5fc8;
}

.btn-primary {
  width: 250px;
  height: 30px;
  background-color: #21201c;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  padding: 1px 20px;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  display: block;
  margin: 0 auto;
}

.btn-primary:link,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
button:focus {
  opacity: 0.85;
  outline: none;
}

.login-form {
  background: #FFFFFF;
  height: auto;
  padding: 15px;
  padding-top: 0px;
}

.login-form #errors,
.login-form #messages {
  margin: 5px 0;
}

.login-form #errors .msg,
.login-form #messages .msg {
  padding: 5px 10px;
  border-radius: 5px;
  color: #FFFFFF;
}

.login-form #errors .msg {
  background-color: #D9443F;
  font-size: 16px;
}

.login-form #errors .arrow {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid #D9443F;
  margin: 0 auto;
}

.login-form #messages .msg {
  background-color: #f19500;
  font-size: 16px;
}

.login-form #messages .arrow {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid #f19500;
  margin: 0 auto;
}

.login-form ul#errors-list,
.login-form ul#pki-errors-list,
.login-form ul#messages-list {
  padding-left: 20px;
}

.login-panel .reset-password,
.login-panel .forgot-username,
.login-panel .support,
.login-panel .relogin {
  text-align: left;
}

.login-panel .reset-password a,
.login-panel .forgot-username a,
.login-panel .support a,
.login-panel .relogin a {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: #646464;
  float: none;
  text-decoration: none;
}

.login-panel .relogin a {
  color: #FFFFFF;
  display: block;
  text-align: center;
  line-height: 30px;
}

.login-panel .reset-password a:hover,
.login-panel .forgot-username a:hover,
.login-panel .support a:hover,
.login-panel .relogin a:hover {
  border-bottom: none;
}

.login-panel .logout-text,
.login-panel .session-expired-text {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #21201c;
  margin-top: 20px;
}

.login-panel .logout-subtext,
.login-panel .session-expired-subtext {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #21201c;
  margin: 7px 0 25px 0;
}

.login-panel .instructions {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  margin: 10px;
}

.page-heading {
  font-size: 32px;
  color: #FFFFFF;
  margin-top: 15px;
  padding-left: 1em;
  text-shadow: 0 2px #5e5e5e;
  position: relative;
  top: 1em;
}

hr {
  margin: 0;
  border-left: 1px solid #666;
  height: auto;
}

#login-ct {
  margin: 0 15px;
}

iframe {
  border: none;
}

#session-expired-ct {
  height: 288px;
}

input[type=text]:focus,
input[type=password]:focus {
  border: 2px solid #2DA2BF;
  background-color: #FFF;
  outline: none;
}

#confirmation .banners {
  float: left;
  width: 30%;
  height: 50px;
  line-height: 50px;
}

#confirmation .message {
  box-shadow: none;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.25;
}

#confirmation input:required:invalid {
  outline: none;
}

#env-info {
  background-color: rgba(250, 220, 12, 1);
  border-radius: 5px;
}

#env-info-div {
  padding: 10px;
}

#env-info-text {
  font-size: 16px;
  color: #646464;
  word-break: break-word;
}

.footer-section {
  margin: 0 20px;
}

.login-form .footer-text {
  position: absolute;
  bottom: 15px;
}

.copyright-text {
  font-size: 14px;
  line-height: 1.25;
  color: #21201c;
}

a.one_link,
a.one_link:hover {
  color: #3e5fc8;
}

.social-icons {
  margin: 25px auto;
  width: 235px;
  display: flex;
  justify-content: space-evenly;
  position: relative;
}

.login-form .social-icons {
  top: 25px;
}

.social-icons a {
  border-radius: 15px;
}

.social-icons a:hover,
.social-icons a:focus {
  text-decoration: none;
}

.social-icon {
  width: 40px;
  height: 40px;
  background-size: cover;
}

.mail {
  background-image: url(/sso/img/mail.png);
}

a:hover .mail, .mail:before, a:focus .mail, .mail:before {
  background-image: url(/sso/img/mail-hover.png);
}

.facebook {
  background-image: url(/sso/img/facebook.png);
}

a:hover .facebook, a:focus .facebook {
  background-image: url(/sso/img/facebook-hover.png);
}

.twitter {
  background-image: url(/sso/img/twitter.png);
}

a:hover .twitter, a:focus .twitter {
  background-image: url(/sso/img/twitter-hover.png);
}

.linkedin {
  background-image: url(/sso/img/linkedin.png);
}

a:hover .linkedin, a:focus .linkedin {
  background-image: url(/sso/img/linkedin-hover.png);
}

.youtube {
  background-image: url(/sso/img/youtube.png);
}

a:hover .youtube, a:focus .youtube {
  background-image: url(/sso/img/youtube-hover.png);
}

.footer-icons {
  margin: 140px auto 30px;
}

a.icon-tooltip,
span.username-text,
span.password-text,
span.email-text,
span.current-password-text,
span.new-password-text,
span.confirm-password-text {
  position: relative;
}

a.icon-tooltip span,
span.username-text span,
span.password-text span,
span.email-text span,
span.current-password-text span,
span.new-password-text span,
span.confirm-password-text span {
  display: none;
  position: absolute;
  top: 40px;
  left: -80px;
  padding: 5px;
  z-index: 100;
  background-color: #F4F4F4;
  color: #FFF;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  box-shadow: 0 0 10px 0 rgba(206, 201, 201, 0.75);
  border: 1px solid #FFF;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

span.username-text span,
span.password-text span,
span.email-text span,
span.current-password-text span,
span.new-password-text span,
span.confirm-password-text span {
  top: -10px;
  left: 20px;
  width: auto;
  max-width: 225px;
  color: #21201c;
  font-size: 14px;
  padding: 12px;
  height: auto;
}

span.email-text span {
  top: -15px;
}


a.icon-tooltip span:before,
span.username-text span:before,
span.password-text span:before,
span.email-text span:before,
span.current-password-text span:before,
span.new-password-text span:before,
span.confirm-password-text span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 90px;
  top: -20px;
  bottom: 100%;
  border: 10px solid transparent;
  border-bottom-color: #FFF;
}

span.username-text span:before,
span.password-text span:before,
span#invalid-email:before,
span.current-password-text span:before,
span.new-password-text span:before,
span.confirm-password-text span:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #FFF;
  left: -20px;
  top: 10px;
}

a:hover.icon-tooltip span,
span:hover.username-text.enabled span#invalid-username,
span:hover.password-text.enabled span#invalid-password,
span:hover.email-text.enabled span#invalid-email,
span:hover.current-password-text.enabled span#invalid-current-password,
span:hover.new-password-text.enabled span#invalid-new-password,
span:hover.confirm-password-text.enabled span#invalid-confirm-password {
  display: block;
}

.social-icon-text {
  color: #21201c;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}

.neo-video,
.neo-image {
  float: right;
  outline: none;
  width: 490px;
  height: 580px;
}

.neo-image {
  display: none;
}

div#media-player {
  float: right;
  width: 490px;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}

button#audio-button,
button#video-button {
  border: none;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 90%;
  left: 80%;
  z-index: 1;
  width: 30px;
  height: 30px;
  outline: none;
}

button#video-button {
  left: 90%;
}

div#audio-icon,
div#video-icon {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

button.active>div#audio-icon,
button.active>div#video-icon,
button.disabled>div#audio-icon,
button.disabled>div#video-icon {
  background-color: #1D2025;
}

button.active>div#audio-icon {
  background-image: url(/sso/img/audio.png);
}

button.active>div:hover#audio-icon, button.active>div:focus#audio-icon, button.active:focus>div:focus#audio-icon, button.active:hover>div:focus#audio-icon {
  background-image: url(/sso/img/audio-hover.png);
}

button.disabled>div#audio-icon, button.disabled:focus>div#audio-icon {
  background-image: url(/sso/img/audio-off.png);
}

button.disabled>div:hover#audio-icon, button.disabled>div:focus#audio-icon, button.disabled:focus>div#audio-icon, button.disabled:hover>div#audio-icon {
  background-image: url(/sso/img/audio-off-hover.png);
}

button.active>div#video-icon {
  background-image: url(/sso/img/video.png);
}

button.active>div:hover#video-icon, button.active>div:focus#video-icon, button.active:focus>div#video-icon, button.active:hover>div#video-icon {
  background-image: url(/sso/img/video-hover.png);
}

button.disabled>div#video-icon {
  background-image: url(/sso/img/video-off.png);
}

button.disabled>div:hover#video-icon, button.disabled>div:focus#video-icon, button.disabled:focus>div#video-icon, button.disabled:hover>div#video-icon {
  background-image: url(/sso/img/video-off-hover.png);
}

#errors-list,
#messages-list {
  visibility: hidden;
  float: right;
  width: 0;
  height: 0;
}

.horizontal-divider {
  border-top: 1px solid #C2C2C2;
  width: 250px;
  margin: 0 auto;
}

/* Select App styles */

.select-app-container {
  width: 400px;
  height: auto;
  position: relative;
  top: 60px;
  margin: 0 auto 25px auto;
  border-radius: 5px;
  overflow: hidden;
  background-color: #FFF;
}

.select-app-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #21201c;
  margin: 20px;
}

.select-app-body .horizontal-divider {
  width: 340px;
}

.select-app-instructions {
  border-bottom: 2px dotted #a8a8a8;
  padding-bottom: 25px;
}

.enter-button {
  float: right;
}

.enter-button .select-button {
  background-color: #21201c;
  color: #FFFFFF;
  font-size: 16px;
  border: none;
  width: 70px;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
}

.enter-button .select-button:hover {
  opacity: 0.85;
}

#networklinks {
  list-style: none;
  padding: 0;
  margin: 0 30px;
}

#networklinks .app-name {
  display: block;
  word-break: break-word;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  float: left;
  width: 220px;
  margin-top: 5px;
}

#networklinks .app-desc {
  float: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 10px 20px;
  word-break: break-word;
  width: 310px;
  display: none;
}

#networklinks .accordion,
#networklinks .enter-button {
  cursor: pointer;
}

#networklinks .accordion.show~.app-desc {
  display: block;
}

#networklinks .app-disabled {
  position: absolute;
  bottom: 0.5em;
  font-size: 18px;
  padding: .5em .75em;
}

#networklinks a .network-icon {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 14px;
  border-radius: 5px;
}

.app-toggle-icon {
  float: left;
  padding-left: 5px;
  padding-top: 12px;
}

.selectApp-footer {
  margin-left: 30px;
  margin-bottom: 25px;
}

.accordion .fa-angle-right:before {
  content: url(/sso/img/angle-right.png);
}

.accordion.show .fa-angle-down:before {
  content: url(/sso/img/angle-down.png);
}

.captcha {
  position: relative;
  top: 5px;
}

.contact-info {
  font-size: 16px;
  margin: 20px;
  text-align: center;
}

.instruction-text {
  font-size: 16px;
  margin: 0 15px;
}

#username-errorCt, #password-errorCt, #email-errorCt, #current-password-errorCt, #new-password-errorCt, #confirm-password-errorCt {
  width: 420px;
  color: #fff;
  background-color: #cc0000;
  padding: 5px 4px 4px 10px;
  border-radius: 5px;
  margin: 0 auto 10px auto;
  height: auto;
  min-height: 30px;
  display: none;
}

.error-exclamation {
  font-size: 20px;
  vertical-align: middle;
}

.error-title {
  font-weight: 600;
  font-size: 16px;
}

.error-message {
  font-size: 16px;
  position: relative;
  width: calc(100% - 85px);
}

.error-title, .error-exclamation {
  margin-right: 3px;
}

.error-message a {
  color: cyan;
}

.error-close {
  font-size: 18px;
  float: right;
  line-height: 20px;
  cursor: pointer;
}

/* Media Queries start here */

@media screen and (max-width: 799px) {
  .login-container {
    width: 310px;
    margin-bottom: 30px;
  }

  #media-player {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  html,
  body {
    overflow: auto;
  }

  #main-ct-wrapper {
    background: #FFF;
  }

  .login-container,
  .login-panel,
  .login-panel input.input-user,
  .login-panel input.input-password,
  .login-panel .loginButton,
  input[type=text],
  input[type=password] {
    width: 100%;
  }

  .username-help-section,
  .password-help-section {
    padding: 0 25px;
  }

  .login-panel .loginButtonAlt {
    margin: 15px 0;
  }

  footer {
    text-align: center;
  }
}