/* Copyright (C) 2003-2014 Ping Identity Corporation All rights reserved. */
/* RESET (Eric Meyer's Reset CSS v2.0 - http://cssreset.com) */
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 { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }

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: none; }

table { border-collapse: collapse; border-spacing: 0; }

.tooltip-target { position: relative; background-color: transparent; }
.tooltip-target .tooltip-text { position: absolute; z-index: 10; left: 0; bottom: 80%; width: 100%; line-height: 1em; min-height: 23px; font-size: 12px; background: #333333; color: white; margin: 0 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.2, 0.2, 0.4, 1); -moz-transition: all 0.25s cubic-bezier(0.2, 0.2, 0.4, 1); -ms-transition: all 0.25s cubic-bezier(0.2, 0.2, 0.4, 1); -o-transition: all 0.25s cubic-bezier(0.2, 0.2, 0.4, 1); transition: all 0.25s cubic-bezier(0.2, 0.2, 0.4, 1); }
.tooltip-target .tooltip-text:before { content: ''; position: absolute; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 8px; bottom: -16px; left: 47%; }
.tooltip-target .tooltip-text > div { padding: 10px; }
.tooltip-target:hover .tooltip-text { bottom: 100%; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }
.tooltip-target input:focus + div { bottom: 100%; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }

h1 { font-size: 20px; color: #115976; margin: 0 0 15px 0; }

a { color: #136383; text-decoration: none; }
a:hover { text-decoration: underline; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

.button, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] { display: inline-block; cursor: pointer; font-size: 14px; line-height: 1em; white-space: nowrap; text-align: center; text-decoration: none; color: white; font-weight: bold; padding: 11px 10px 9px 10px; margin: 0; min-width: 65px; border: 1px solid #399934; -webkit-appearance: none; background: #4cce46; background: -moz-linear-gradient(top, #4cce46 0%, #40ac3a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cce46), color-stop(100%, #40ac3a)); background: -webkit-linear-gradient(top, #4cce46 0%, #40ac3a 100%); background: -o-linear-gradient(top, #4cce46 0%, #40ac3a 100%); background: -ms-linear-gradient(top, #4cce46 0%, #40ac3a 100%); background: linear-gradient(to bottom, #4cce46 0%, #40ac3a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cce46', endColorstr='#40ac3a',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.button.disabled, button.disabled, input[type="button"].disabled, input[type="reset"].disabled, input[type="submit"].disabled, input[type="file"].disabled { background: #aaa; border: 1px solid #999; }
.button.small, button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, input[type="file"].small { font-size: 12px; padding: 5px; }
.button.secondary, button.secondary, input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary, input[type="file"].secondary { border-color: #ababab; background: #ababab; background: -moz-linear-gradient(top, #ababab 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ababab), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #ababab 0%, #cccccc 100%); background: -o-linear-gradient(top, #ababab 0%, #cccccc 100%); background: -ms-linear-gradient(top, #ababab 0%, #cccccc 100%); background: linear-gradient(to bottom, #ababab 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#cccccc',GradientType=0 ); }

a.secondary { display: inline-block; margin: 0 20px 0 0; }

input[type=checkbox] { margin: 0; }

button, select { text-transform: none; }

button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; }

fieldset { position: relative; margin: 0 0 15px 0; }
fieldset:last-child { margin-bottom: 0; }

label { display: block; font-size: 13px; color: #333333; margin: 0 0 3px 3px; }

html { height: 100%;}

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; margin: 0; }
body.i18 #btn-sign-in { width: 130px; padding-left: 21px; margin-right: 5px; }
body.i18 .ping-secured-by { width: 270px; }
body.cid { font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 14px; margin: 0; color: #444; min-height: 100%; width: 100%; height: 100%; zoom: 1; }
body.embedded .form-title { display: none; }

.ping-container { position: relative; margin: 0; height: auto; }

.form-title { padding: 10px; background: #0c3e52; font-size: 16px; min-height: 16px; font-weight: bold; font-weight: 500; color: white; text-align: center; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.ping-input { margin: auto auto; }
.ping-input input[type="text"].fld-input, .ping-input input[type="password"].fld-input { border: 1px solid #b7b7b7; line-height: 30px; margin: 0; text-indent: 7px; font-size: 14px; font-weight: bold; color: #115976; width: 100%; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.1); }
.ping-input input[type="text"].fld-input.error, .ping-input input[type="password"].fld-input.error { border-left: 4px solid #b94a48; }

.ping-buttons { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; min-height: 36px; background-color: #ececec; text-align: right; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.ping-buttons a.logo { content: ''; position: absolute; background-image: url(../images/ping-logo-307x307.png); background-size: 40px 40px; height: 40px; width: 40px; left: 13px; bottom: 13px; }
@media only screen and (min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi) { .ping-buttons a.logo { background-image: url(../images/ping-logo-307x307.png); } }

.ping-reset { float: right; text-decoration: none; margin: 10px 0 0 0; }
.ping-reset:hover { text-decoration: underline; }

.ping-footer-container { width: 100%; position: fixed; bottom: 10px; clear: both; }
.ping-footer-container .ping-footer { text-align: center; font-size: 12px; color: white; }
.ping-footer-container .ping-footer a { display: inline-block; color: white; }
.ping-footer-container .ping-footer .item { margin-right: 5px; display: inline-block; }
.ping-footer-container .ping-footer .item:last-child { margin-right: 0; }

.ping-body { position: relative; }

.ping-dialog { position: relative; width: 480px; min-height: 100px; margin: 42px auto; background: white; padding-bottom: 75px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
.ping-dialog form { padding: 20px; }
.ping-dialog > p { padding: 20px 20px 0 20px; }
.ping-dialog.ping-registration { width: 490px; }
.ping-dialog.ping-registration .user-input { width: 225px; float: left; }
.ping-dialog.ping-registration .profile-input { float: right; margin-top: 21px; width: 193px; }
.ping-dialog .ping-remember-me { display: block; margin: 10px 0 0 0; }

.profile-image { position: relative; border: 1px solid #b7b7b7; padding: 15px; color: #ccc; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.profile-image .file-upload-input { position: absolute; left: 50%; margin-left: -45px; height: 35px; width: 90px; }
.profile-image .profile-image-photo { display: block; margin: 0 auto 10px auto; border: 1px dotted #b7b7b7; max-width: 160px; }
.profile-image .btn-profile { margin: 5px 0; }

.file-upload-input { opacity: 0; }

.alert { display: block; margin: 0 0 10px 0; line-height: 1em; }
.alert.alert-error { color: #cf4849; }
.alert:last-of-type { margin-bottom: 20px; }

#password-strength-meter { padding: 1px 4px; margin: 0 -2px 0 0; border: 4px solid rgba(0, 0, 0, 0.05); font-size: 13px; text-align: center; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
#password-strength-meter.weak { background: #CC1111; }
#password-strength-meter.moderate { background: #999911; }
#password-strength-meter.strong { background: #11CC11; }

.noscript { position: fixed; top: 0px; left: 0px; z-index: 3000; height: 100%; width: 100%; background-color: #fff; }
.noscript > p { margin-left: 10px; }

::-webkit-input-placeholder { color: white; font-weight: 100; }

:-moz-placeholder { color: white; font-weight: 100; }

::-moz-placeholder { color: white; font-weight: 100; }

:-ms-input-placeholder { color: white; font-weight: 100; }

.mobile .button, .mobile button, .mobile input[type="button"], .mobile input[type="reset"], .mobile input[type="submit"], .mobile input[type="file"] { display: inline-block; padding: 15px 15px 12px 15px; margin: 0; font-size: 18px; font-weight: 200; border: none; background: #30c437; }
.mobile .ping-input { margin: auto auto; }
.mobile .ping-input input[type="text"].fld-input, .mobile .ping-input input[type="password"].fld-input { padding: 10px 5px; color: black; font-weight: normal; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.mobile .form-title { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; background: #2E6D99; font-weight: 200; font-size: 22px; padding: 15px; }
.mobile .ping-dialog { width: 100%; max-width: 500px; margin: 60px auto 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.mobile .ping-dialog .user-input { width: 100%; float: none; }
.mobile .ping-dialog.ping-registration { width: 100%; }
.mobile .ping-dialog.ping-registration .user-input { width: 100%; float: none; }
.mobile .ping-dialog.ping-registration .profile-input { float: none; }
.mobile .ping-dialog .form-title { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.mobile .ping-footer-container { position: relative; margin: 15px 0 0 0; }
.mobile .ping-footer-container .ping-footer { font-size: 10px; }
.mobile .profile-image { margin-bottom: 20px; }
.mobile .ping-buttons { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.mobile .ping-buttons a.logo { left: 50%; bottom: -95px; margin: 0px 0 0 -33px; height: 65px; width: 65px; background-size: 65px 65px; background-image: url("../images/ping-logo-307x307.png"); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .mobile .ping-buttons a.logo { background-image: url("../images/ping-logo-307x307.png"); } }
.mobile .ping-remember-me { visibility: hidden; }
.mobile .ping-signon.ping-dialog { background-color: transparent; box-shadow: none; }
.mobile .ping-signon fieldset label { display: none; }
.mobile .ping-signon .alert { text-align: center; padding: 10px; margin: -20px -20px 20px -20px; }
.mobile .ping-signon .alert.alert-error { background: #cf4849; color: white; }
.mobile .ping-signon form { padding-bottom: 0; }
.mobile .ping-signon fieldset:first-child { margin-top: 20px; }
.mobile .ping-signon .ping-reset { color: #fff; }
.mobile .ping-signon .ping-buttons { background-color: transparent; }
.mobile .ping-signon #btn-sign-in { width: 100%; padding-right: 10px; padding-left: 0; }
.mobile ::-webkit-input-placeholder { color: #b7b7b7; font-weight: 100; }
.mobile :-moz-placeholder { color: #b7b7b7; font-weight: 100; }
.mobile ::-moz-placeholder { color: #b7b7b7; font-weight: 100; }
.mobile :-ms-input-placeholder { color: #b7b7b7; font-weight: 100; }

.top-ribbon {
    display: none;
}
.top-ribbon {
    display: block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    clear: both;
    position: fixed;
    top: 0;
    left: 0;
}
.top-ribbon .alert {
    padding: 15px;
    margin: 0;
    background: #2b5fb6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    text-align: center;
    color: #fff;
}