text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 2px 6px;
      font-size: 12px;
      line-height: 1.66666667;
      border-radius: 1px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .btn:active,
    .btn.active {
      box-shadow: inset 0 2px 8px rgba(3,3,3,.2);
      outline: 0;
    }
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    .btn-lg {
      border-radius: 1px;
      font-size: 14px;
      line-height: 1.3333333;
      padding: 6px 10px;
    }
    .btn-default {
      background-color: #f1f1f1;
      background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
      background-repeat: repeat-x;
      border-color: #bbb;
      color: #4d5258;
    }
    .btn-default:focus,
    .btn-default:hover {
      background-color: #f1f1f1;
      background-image: none;
      border-color: #bbb;
      color: #4d5258;
    }
    .btn-primary {
      background-color: #0088ce;
      background-image: linear-gradient(to bottom,#39a5dc 0,#0088ce 100%);
      background-repeat: repeat-x;
      border-color: #00659c;
      color: #fff;
    }
    .btn-primary.active,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
      background-color: #0088ce;
      background-image: none;
      border-color: #00659c;
      color: #fff;
      text-decoration: none;
    }
    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover {
      background-color: #0077b5;
      border-color: #004e78;
    }
    img {
      align-self: center;
      width: 170px;
    }
    footer {
      color: #999;
      display: block;
      font-size: 10px;
      margin-bottom: 10px;
      text-align: center;
    }
    footer a {
      color: #999;
      display: inline-block;
      height: 25px;
      line-height: 25px;
      text-decoration: underline;
    }
    footer a:hover {
      color: #777;
    }
    .form-control {
      display: block;
      width: 100%;
      height: 26px;
      padding: 2px 6px;
      font-size: 12px;
      line-height: 1.66666667;
      color: #333333;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #bababa;
      border-radius: 1px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    .form-control:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    .form-control::-moz-placeholder {
      color: #999999;
      opacity: 1;
    }
    .form-control:-ms-input-placeholder {
      color: #999999;
    }
    .form-control::-webkit-input-placeholder {
      color: #999999;
    }
    .form-control:-moz-placeholder {
      color: #999999;
      font-style: italic;
    }
    .form-control::-moz-placeholder {
      color: #999999;
      font-style: italic;
    }
    .form-control:-ms-input-placeholder {
      color: #999999;
      font-style: italic;
    }
    .form-control::-webkit-input-placeholder {
      color: #999999;
      font-style: italic;
    }
    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
      cursor: not-allowed;
      background-color: #f8f8f8;
      opacity: 1;
    }
    .form-group {
      margin-bottom: 15px;
    }
    label {
      display: inline-block;
      margin-bottom: 5px;
      font-weight: bold;
      color: #676767;
    }
    .panel-content {
      padding: 0 20px;
    }
    .panel-content p {
      margin: 0 0 2em;
    }
    .panel-content-centered {
      text-align: center;
    }
    .panel-login {
      background: #fff;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.09);
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 20px auto;
      max-width: 500px;
      padding: 20px 0;
      width: 80%;
    }
    @media (min-width: 480px) {
      .panel-login {
        margin-top: 65px;
      }
    }
    @media (min-width: 768px) {
      .panel-login {
        margin-top: 150px;
        padding: 50px 0;
      }
    }
    .panel-login + .panel-login {
      margin-top: 50px;
    }
    .panel-login-internal {
      box-shadow: none;
      background: #ededed;
      border: 1px solid #e0e0e0;
    }
    @media (min-width: 768px) {
      .panel-login-internal {
        padding: 50px;
      }
    }
    .panel-logos {
      display: flex;
      justify-content: center;
      padding: 0 50px 2em 50px;
    }
  </style>
</head>
<body>
  <div class="panel-login">
    <div class="panel-logos">
      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMzEuMXB4IgoJIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDEzMS4xIDQ0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzEuMSA0NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFRTAwMDA7fQo8L3N0eWxlPgo8ZyBpZD0iTG9nb3MiPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00OC4xLDQwLjJjLTMuOSwwLTctMy03LTYuOXMzLjEtNi45LDctNi45czcsMyw3LDYuOVM1Miw0MC4yLDQ4LjEsNDAuMnogTTQ4LjEsMjguM2MtMi44LDAtNC45LDIuMi00LjksNS4xCgkJCQljMCwyLjksMi4xLDUuMSw0LjksNS4xYzIuOCwwLDQuOS0yLjIsNC45LTUuMUM1MywzMC41LDUwLjksMjguMyw0OC4xLDI4LjN6Ii8+CgkJCTxwYXRoIGQ9Ik01NywzMC4zaDEuOXYwLjljMC44LTAuNywxLjgtMS4xLDMtMS4xYzIuOCwwLDQuOSwyLjIsNC45LDVjMCwyLjgtMi4yLDUtNSw1Yy0xLjEsMC0yLjEtMC4zLTIuOS0xVjQ0SDU3VjMwLjN6IE01OC45LDMzCgkJCQl2NC40YzAuNiwwLjcsMS42LDEuMSwyLjcsMS4xYzEuOSwwLDMuMy0xLjQsMy4zLTMuM3MtMS40LTMuNC0zLjMtMy40QzYwLjUsMzEuOCw1OS42LDMyLjIsNTguOSwzM3oiLz4KCQkJPHBhdGggZD0iTTczLjMsNDAuMmMtMi45LDAtNS4xLTIuMi01LjEtNS4xYzAtMi44LDIuMS01LDQuOS01YzIuNywwLDQuNywyLjIsNC43LDUuMXYwLjZoLTcuN2MwLjMsMS42LDEuNiwyLjgsMy4zLDIuOAoJCQkJYzEsMCwxLjktMC4zLDIuNS0wLjlsMS4yLDEuMkM3NiwzOS44LDc0LjgsNDAuMiw3My4zLDQwLjJ6IE03MC4xLDM0LjRoNS44Yy0wLjMtMS41LTEuNC0yLjYtMi45LTIuNgoJCQkJQzcxLjYsMzEuNyw3MC40LDMyLjgsNzAuMSwzNC40eiIvPgoJCQk8cGF0aCBkPSJNNzkuNiwzMC4zaDEuOXYxYzAuOC0wLjgsMS44LTEuMiwyLjktMS4yYzIuMiwwLDMuOCwxLjYsMy44LDMuOFY0MGgtMS45di01LjhjMC0xLjUtMC45LTIuNS0yLjQtMi41CgkJCQljLTEsMC0xLjksMC40LTIuNCwxLjN2N2gtMS45VjMwLjN6Ii8+CgkJCTxwYXRoIGQ9Ik05MC43LDM2LjRjMS41LDEuNCwyLjksMi4xLDQuNiwyLjFjMS45LDAsMy4zLTAuOSwzLjMtMi4yYzAtMS4yLTAuOC0xLjgtMi43LTIuMWwtMi4yLTAuNGMtMi41LTAuNC0zLjctMS42LTMuNy0zLjUKCQkJCWMwLTIuMywyLTMuOCw0LjktMy44YzEuOSwwLDMuOSwwLjcsNS40LDEuOGwtMS4xLDEuNWMtMS41LTEuMS0yLjktMS42LTQuNC0xLjZjLTEuNywwLTIuOSwwLjgtMi45LDJjMCwxLjEsMC43LDEuNiwyLjQsMS45CgkJCQlsMi4yLDAuM2MyLjgsMC41LDQuMSwxLjYsNC4xLDMuN2MwLDIuNS0yLjEsNC4xLTUuMyw0LjFjLTIuMSwwLTQuMi0wLjktNS43LTIuNEw5MC43LDM2LjR6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDIuMiwyNi42bDEuOS0wLjR2NS4xYzAuOC0wLjgsMS44LTEuMiwyLjktMS4yYzIuMiwwLDMuOCwxLjYsMy44LDMuOFY0MEgxMDl2LTUuOGMwLTEuNS0wLjktMi41LTIuNC0yLjUKCQkJCWMtMSwwLTEuOSwwLjQtMi40LDEuM3Y3aC0xLjlWMjYuNnoiLz4KCQkJPHBhdGggZD0iTTExMi45LDI3LjVjMC0wLjcsMC41LTEuMiwxLjItMS4yYzAuNywwLDEuMiwwLjUsMS4yLDEuMmMwLDAuNy0wLjUsMS4yLTEuMiwxLjJDMTEzLjQsMjguNywxMTIuOSwyOC4yLDExMi45LDI3LjV6CgkJCQkgTTExNSw0MGgtMS45di05LjdoMS45VjQweiIvPgoJCQk8cGF0aCBkPSJNMTE4LjcsMzAuM3YtMS41YzAtMiwxLjItMy4xLDMuMy0zLjFjMC41LDAsMSwwLjEsMS40LDAuMnYxLjdjLTAuNS0wLjEtMC44LTAuMi0xLjItMC4yYy0xLjEsMC0xLjYsMC41LTEuNiwxLjV2MS40aDIuOAoJCQkJdjEuNmgtMi44VjQwaC0xLjl2LTguMWgtMi4zdi0xLjZIMTE4Ljd6Ii8+CgkJCTxwYXRoIGQ9Ik0xMjYuMywzMS45aC0yLjF2LTEuNmgyLjF2LTIuNWwxLjktMC41djIuOWgyLjl2MS42aC0yLjl2NS4zYzAsMSwwLjQsMS40LDEuNCwxLjRjMC41LDAsMC45LTAuMSwxLjQtMC4ydjEuNgoJCQkJYy0wLjUsMC4yLTEuMiwwLjMtMS44LDAuM2MtMS45LDAtMi45LTAuOS0yLjktMi42VjMxLjl6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8Zz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMy40LDE1LjNjMi4zLDAsNS42LTAuNSw1LjYtMy4yYzAtMC4yLDAtMC40LTAuMS0wLjZsLTEuNC02Yy0wLjMtMS4zLTAuNi0xLjktMi45LTMuMQoJCQkJCUMyMi45LDEuNSwxOSwwLDE3LjksMGMtMS4xLDAtMS40LDEuNC0yLjcsMS40Yy0xLjIsMC0yLjEtMS0zLjMtMWMtMS4xLDAtMS44LDAuOC0yLjQsMi4zYzAsMC0xLjUsNC40LTEuNyw1YzAsMC4xLDAsMC4zLDAsMC40CgkJCQkJQzcuNyw5LjcsMTQuNCwxNS4zLDIzLjQsMTUuMyBNMjkuNCwxMy4yYzAuMywxLjUsMC4zLDEuNywwLjMsMS45YzAsMi42LTIuOSw0LTYuNyw0Yy04LjYsMC0xNi4xLTUtMTYuMS04LjQKCQkJCQljMC0wLjUsMC4xLTEsMC4zLTEuM0M0LDkuNSwwLDEwLDAsMTMuNmMwLDUuOCwxMy43LDEyLjksMjQuNiwxMi45YzguMywwLDEwLjQtMy44LDEwLjQtNi43QzM1LDE3LjQsMzMsMTQuOCwyOS40LDEzLjIiLz4KCQkJCTxwYXRoIGQ9Ik0yOS40LDEzLjJjMC4zLDEuNSwwLjMsMS43LDAuMywxLjljMCwyLjYtMi45LDQtNi43LDRjLTguNiwwLTE2LjEtNS0xNi4xLTguNGMwLTAuNSwwLjEtMSwwLjMtMS4zbDAuNy0xLjcKCQkJCQljMCwwLjEsMCwwLjMsMCwwLjRjMCwxLjcsNi43LDcuMywxNS42LDcuM2MyLjMsMCw1LjYtMC41LDUuNi0zLjJjMC0wLjIsMC0wLjQtMC4xLTAuNkwyOS40LDEzLjJ6Ii8+CgkJCTwvZz4KCQkJPHBhdGggZD0iTTEwNi42LDE3YzAsMi4yLDEuMywzLjMsMy43LDMuM2MwLjYsMCwxLjYtMC4xLDIuMi0wLjN2LTIuNWMtMC41LDAuMi0wLjksMC4yLTEuNCwwLjJjLTEsMC0xLjQtMC4zLTEuNC0xLjJ2LTMuOWgyLjkKCQkJCVY5LjloLTIuOVY2LjZsLTMuMSwwLjd2Mi42aC0yLjF2Mi42aDIuMVYxN3ogTTk2LjksMTdjMC0wLjcsMC43LTEsMS43LTFjMC43LDAsMS4zLDAuMSwxLjksMC4ydjEuM2MtMC42LDAuMy0xLjMsMC41LTIsMC41CgkJCQlDOTcuNSwxOC4xLDk2LjksMTcuNyw5Ni45LDE3IE05Ny44LDIwLjNjMS4xLDAsMi0wLjIsMi44LTAuOHYwLjZoMy4xdi02LjZjMC0yLjUtMS43LTMuOS00LjUtMy45Yy0xLjYsMC0zLjEsMC40LTQuOCwxLjEKCQkJCWwxLjEsMi4zYzEuMi0wLjUsMi4yLTAuOCwzLjEtMC44YzEuMywwLDIsMC41LDIsMS41djAuNWMtMC43LTAuMi0xLjUtMC4zLTIuMy0wLjNjLTIuNiwwLTQuMiwxLjEtNC4yLDMuMQoJCQkJQzk0LjEsMTguOSw5NS41LDIwLjMsOTcuOCwyMC4zIE04MC44LDIwLjFoMy4zdi01LjNoNS42djUuM0g5M1Y2LjZoLTMuM3Y1LjJoLTUuNlY2LjZoLTMuM1YyMC4xeiBNNjguMSwxNQoJCQkJYzAtMS41LDEuMi0yLjYsMi43LTIuNmMwLjksMCwxLjYsMC4zLDIuMiwwLjh2My42Yy0wLjYsMC41LTEuMywwLjgtMi4yLDAuOEM2OS4zLDE3LjYsNjguMSwxNi40LDY4LjEsMTUgTTczLDIwLjFoMy4xVjUuOQoJCQkJTDczLDYuNnYzLjljLTAuOC0wLjQtMS43LTAuNy0yLjYtMC43Yy0zLDAtNS4zLDIuMy01LjMsNS4yYzAsMi45LDIuMyw1LjMsNS4yLDUuM2MxLDAsMi0wLjMsMi43LTAuOVYyMC4xeiBNNTguOCwxMi4yCgkJCQljMSwwLDEuOCwwLjYsMi4xLDEuNmgtNC4zQzU3LDEyLjgsNTcuOCwxMi4yLDU4LjgsMTIuMiBNNTMuNSwxNWMwLDMsMi40LDUuMyw1LjYsNS4zYzEuNywwLDMtMC41LDQuMy0xLjVsLTIuMS0xLjgKCQkJCWMtMC41LDAuNS0xLjIsMC44LTIuMSwwLjhjLTEuMiwwLTIuMS0wLjYtMi41LTEuNkg2NHYtMC44YzAtMy4zLTIuMi01LjYtNS4yLTUuNkM1NS45LDkuNyw1My41LDEyLDUzLjUsMTUgTTQ4LjEsOS40CgkJCQljMS4xLDAsMS43LDAuNywxLjcsMS41YzAsMC44LTAuNiwxLjUtMS43LDEuNWgtMy4zVjkuNEg0OC4xeiBNNDEuNSwyMC4xaDMuM3YtNC45aDIuNWwyLjYsNC45aDMuN2wtMy01LjQKCQkJCWMxLjYtMC43LDIuNi0yLjEsMi42LTMuOGMwLTIuNC0xLjktNC4zLTQuOC00LjNoLTYuOVYyMC4xeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iR3VpZGVzX194MkJfX05vdGVzIj4KPC9nPgo8L3N2Zz4K" alt="Red Hat OpenShift logo" />
    </div>
    <div class="panel-content panel-content-centered">
      <form method="GET" action="/oauth/start">
        <input type="hidden" name="rd" value="/favicon.ico">
        
        <button type="submit" class="btn btn-lg btn-primary">Log in with OpenShift</button>
      </form>
    </div>
  </div>
  
  <footer>
    
      Secured with <a href="https://github.com/openshift/oauth-proxy#oauth2_proxy">OpenShift oauth-proxy</a>
    
  </footer>
  <script>
    if (window.location.hash) {
      (function() {
        var inputs = document.getElementsByName('rd');
        for (var i = 0; i < inputs.length; i++) {
          inputs[i].value += window.location.hash;
        }
      })();
    }
  </script>
</body>
</html>
ØA
—Eoúô