/* Desktop SSO */
/**
 * Clearfix For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', 'Helvetica', Verdana, 'sans serif';
  font-size: 16px;
  background-color: #eeeff1; }

a {
  color: #355dbd; }

.sso-page-footer {
  height: 50px;
  background-color: #355dbd;
  position: absolute;
  bottom: 0;
  width: 100%; }
  @media (max-width: 600px) {
    .sso-page-footer {
      display: none; } }

.sso-logo img {
  width: 60%;
  max-width: 260px;
  display: block;
  margin: auto;
}

.sso-container {
  position: relative;
  background: #eeeff1;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 3px solid #355dbd; }
  .sso-container .sso-content {
    padding: 30px;
    border: 1px solid #c4c5c6;
    background: #fff;
    max-width: 370px;
    margin: 55px auto 15px auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .sso-container .sso-content .sso-error {
      color: #e22b3b;
      font-weight: 800;
      padding: .5em 0; }
    .sso-container .sso-content .sso-logout {
      padding: 1em 0;
      font-weight: 800;
      color: #505050;
      text-align: center;
      font-size: 1.2em;
      width: 80%;
      margin: 0 auto; }
    .sso-container .sso-content .sso-title {
      color: #505050;
      font-weight: 300;
      font-size: 1.6em;
      margin-top: 1.3em;
      text-align: center; }
    .sso-container .sso-content .sso-form {
      margin-top: 1em; }
      .sso-container .sso-content .sso-form input {
        display: block;
        width: 95%;
        font-size: 1em;
        font-weight: 200;
        font-family: 'Helvetica Neue', 'Helvetica', Verdana, 'sans serif';
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
      .sso-container .sso-content .sso-form input.sso-textfield {
        border: 1px solid #c4c5c6;
        -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
        padding: 6px 7px 6px 10px;
        margin: 5px 0px; }
      .sso-container .sso-content .sso-form .sso-submit {
        cursor: pointer;
        font-size: 14px;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 35px;
        text-align: center;
        background: #ff8000;
        border: 1px solid #f2560e;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px; }
      .sso-container .sso-content .sso-form .sso-submit:hover {
        background: #ff6a00;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ff6a00 0%, #ff9331 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6a00), color-stop(100%, #ff9331));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff6a00 0%, #ff9331 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff6a00 0%, #ff9331 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ff6a00 0%, #ff9331 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #ff6a00 0%, #ff9331 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a00', endColorstr='#ff9331', GradientType=0);
        /* IE6-9 */
        border: 1px solid #ff6a00; }
      .sso-container .sso-content .sso-form .sso-signin {
        float: right;
        width: 30%;
        padding: 0;
        margin: 0; }
        .sso-container .sso-content .sso-form .sso-signin .sso-forgot {
          display: block;
          width: 100%;
          font-size: .6em;
          text-align: right;
          padding: 3px 0;
          float: right; }
  .sso-container .sso-footer {
    font-size: .6em;
    width: 370px;
    margin: 0 auto;
    text-align: center;
    color: #505050; }
    .sso-container .sso-footer .strong {
      font-weight: 800; }
    .sso-container .sso-footer p {
      padding: 2px 0;
      margin: 0; }

input::-webkit-input-placeholder {
  color: #b3b3b3; }

input::-moz-placeholder {
  color: #b3b3b3; }

input:-moz-placeholder {
  /* Older versions of Firefox */
  color: #b3b3b3; }

input:-ms-input-placeholder {
  color: #b3b3b3; }

#duo_iframe {
  width: 100%;
  min-width: 304px;
  max-width: 620px;
  height: 330px; }

/*# sourceMappingURL=style.css.map */
