/* 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; }

/* Copyright (C) 2003-2014 Ping Identity Corporation All rights reserved. */
/* MIXINS
------------------------------------------------ */
/* text overflow usage: @include text-truncate; */
/* vertical-align center usage: @include vertical-align; */
/* GLOBAL VARIABLES
------------------------------------------------ */
/* 55 Roman */
/* HTML */
html { height: 100%; }

body { position: relative; height: 100%; min-height: 100%; font-family: "Helvetica Neue LT Std", helvetica, arial, sans-serif; background: #f7f7f7; }

textarea, input { outline: none; }

input[type=text] { border: 1px solid #D1D3D4; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

input[type=button], button { cursor: pointer; position: relative; }

a { cursor: pointer; }

/* LAYOUT */
#ping-container { width: 100%; background: #f7f7f7; margin: auto auto; }
#ping-container #ping-header-container { position: relative; background: #ececec; width: 100%; height: 35px; border-bottom: 1px solid #ddd; }
#ping-container #ping-header-container #ping-header { position: relative; width: 1024px; max-width: 1024px; margin: 0 auto; height: 35px; }
#ping-container #ping-header-container #ping-header #ping-logo-container { float: left; width: 250px; height: 45px; }
#ping-container #ping-header-container #ping-header #ping-logo-container .ping-logo { z-index: 100; position: absolute; top: 0; left: 0; }
#ping-container #ping-header-container #ping-header #ping-logo-container .ping-access-logo { margin-top: 7px; padding-left: 55px; }
#ping-container #ping-header-container #ping-header #ping-nav { float: right; padding: 2px; }
#ping-container #ping-header-container #ping-header #ping-nav li { display: inline-block; float: right; }
#ping-container #ping-header-container #ping-header #ping-nav li .ping-home-icon { padding-top: 0; }
#ping-container #ping-header-container #ping-header #ping-nav li .ping-sign-off { padding-top: 8px; padding-right: 20px; }
#ping-container #ping-header-container #ping-header #ping-nav a { display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; color: #444; padding: 2px; margin-top: 4px; }
#ping-container #ping-header-container #ping-header #ping-nav a.ping-home-icon { margin-top: 0; }
#ping-container #ping-header-container #ping-header #ping-nav a:hover { text-decoration: none; }
#ping-container #ping-content { min-height: 100%; width: 1024px; max-width: 1024px; margin: 0 auto; background: #f7f7f7; color: #444; padding-bottom: 0px; }
#ping-container #ping-content h2 { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: bold; font-size: 28px; color: #005669; margin: 40px 0 25px; width: 100%; }
#ping-container #ping-content h3 { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: bold; font-size: 20px; color: #005669; margin: 10px 0 11px 0; width: 100%; }
#ping-container #ping-content h3 span { font-weight: 200; }
#ping-container #ping-content h4 { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: bold; font-size: 13px; color: #444; margin: 15px 0; width: 100%; }
#ping-container #ping-content #ping-intro-text { font-family: "Helvetica Neue", helvetica, arial, sans-serif; margin-top: 10px; margin-bottom: 20px; font-size: 13px; font-weight: normal; color: #444; display: inline-block; width: 700px; max-width: 700px; }
#ping-container #ping-content #ping-intro-text.ping-access-home { margin-top: 0; margin-bottom: 40px; }
#ping-container #ping-content .ping-access-input { width: 300px; margin: 15px 5px 5px 0; padding: 8px 10px; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; display: inline-block; font-size: 14px; line-height: 20px; vertical-align: middle; font-weight: bold; color: #444; font-family: helvetica, arial, sans-serif; }
#ping-container #ping-content .ping-access-button { width: 185px; margin-top: 16px; margin-bottom: 5px; padding: 7px 10px; color: #fff; background-color: #498ab6; background-image: -moz-linear-gradient(top, #498ab6, #3e789c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#498ab6), to(#3e789c)); background-image: -webkit-linear-gradient(top, #498ab6, #3e789c); background-image: -o-linear-gradient(top, #498ab6, #3e789c); background-image: linear-gradient(to bottom, #498ab6, #3e789c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff498ab6', endColorstr='#ff3e789c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: none; display: inline-block; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #346381; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-weight: bold; font-size: 14px; font-family: helvetica, arial, sans-serif; }
#ping-container #ping-content .ping-access-button:hover { background-color: #427ea6; background-image: -moz-linear-gradient(top, #427ea6, #346583); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#427ea6), to(#346583)); background-image: -webkit-linear-gradient(top, #427ea6, #346583); background-image: -o-linear-gradient(top, #427ea6, #346583); background-image: linear-gradient(to bottom, #427ea6, #346583); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff427ea6', endColorstr='#ff346583', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
#ping-container #ping-content .ping-card-container { 			/* not supported in ie9
			display: -ms-flexbox; 		display: -webkit-flex; 		display: flex; */ width: 1024px; max-width: 1024px;     		/* not supported in ie9 		media query for smaller resolutions 
			-webkit-flex-direction: column; 		-ms-flex-direction: column; 		flex-direction: column; */ }
#ping-container #ping-content .ping-card-container .ping-card { width: 425px; max-width: 425px; margin: 0 auto; position: relative; /* not supported in ie9
flex: 1; */ vertical-align: top; text-align: center; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 30px; padding-bottom: 75px; -webkit-box-shadow: 1px 2px 2px rgba(200, 200, 200, 0.7), -1px 0 0 rgba(200, 200, 200, 0.7); -moz-box-shadow: 1px 2px 2px rgba(200, 200, 200, 0.7), -1px 0 0 rgba(200, 200, 200, 0.7); box-shadow: 1px 2px 2px rgba(200, 200, 200, 0.7), -1px 0 0 rgba(200, 200, 200, 0.7); }
#ping-container #ping-content .ping-card-container .ping-card.ping-left { float: left; margin-right: 20px; }
#ping-container #ping-content .ping-card-container .ping-card.ping-right { float: right; margin-left: 20px; }
#ping-container #ping-content .ping-card-container .ping-card .card-icon { margin: 10px 0 25px; }
#ping-container #ping-content .ping-card-container .ping-card .ping-title { font-size: 26px; color: #005669; margin-bottom: 15px; text-align: left; }
#ping-container #ping-content .ping-card-container .ping-card .ping-body { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 13px; font-weight: normal; color: #444; text-align: left; }
#ping-container #ping-content .ping-card-container .ping-card .ping-access-button { position: absolute; bottom: 20px; left: 145px; }
#ping-container #ping-content .ping-data p { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 14px; color: #444; text-align: left; }
#ping-container #ping-content .ping-data .ping-data-table { border: 1px solid #ddd; color: #999; margin-top: 10px; font-size: 14px; font-weight: 200; /* table cell widths */ }
#ping-container #ping-content .ping-data .ping-data-table th, #ping-container #ping-content .ping-data .ping-data-table td { padding: 5px; }
#ping-container #ping-content .ping-data .ping-data-table thead { background: #999; color: #fff; }
#ping-container #ping-content .ping-data .ping-data-table thead th { font-family: "Helvetica Neue", helvetica, arial, sans-serif; text-align: left; font-weight: bold; font-size: 13px; }
#ping-container #ping-content .ping-data .ping-data-table tbody td { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; color: #444; }
#ping-container #ping-content .ping-data .ping-data-table tr:nth-child(even) td { background: #ddd; }
#ping-container #ping-content .ping-data .ping-data-table .ping-200 { width: 200px; max-width: 200px; word-wrap: break-word; }
#ping-container #ping-content .ping-data .ping-data-table .ping-400 { width: 400px; max-width: 400px; word-wrap: break-word; }
#ping-container #ping-content .ping-data .ping-data-header { margin-top: 15px; margin-bottom: 5px; font-family: "Helvetica Neue LT Std", helvetica, arial, sans-serif; font-weight: bold; font-size: 13px; }
#ping-container #ping-content .ping-data .ping-data-header span { font-weight: normal; }
#ping-container #ping-content .ping-data .ping-data-header.first { margin-top: 25px; }
#ping-container #ping-content .ping-data .ping-data-textarea { width: 600px; background-color: white; border: 1px solid #D1D3D4; -webkit-rtl-ordering: logical; -webkit-user-select: text; flex-direction: column; margin-bottom: 15px; resize: auto; cursor: auto; padding: 11px 8px; white-space: pre-wrap; word-wrap: break-word; color: #444; font-family: "Helvetica Neue LT Std", helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; }
#ping-container #ping-content .ping-data .ping-break { display: inline; clear: both; }
#ping-container #ping-content .ping-data .ping-break:after { content: "\a"; white-space: pre; }
#ping-container #ping-content .ping-data .ping-body { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 13px; font-weight: normal; color: #444; text-align: left; width: 700px; max-width: 700px; }
#ping-container #ping-footer { margin: 0px auto 5px; padding-top: 10px; text-align: center; width: 100%; height: 20px; position: relative; clear: both; }
#ping-container #ping-footer #ping-copyright { font-size: 12px; color: #999; width: 1024px; max-width: 1024px; margin: auto auto; text-align: center; }

@media (max-width: 725px), (max-device-width: 725px) { #ping-container #ping-content .ping-data { width: 90%; max-width: 90%; padding-left: 5px; padding-right: 5px; }
  #ping-container #ping-content .ping-data .ping-data-textarea { width: 500px; }
  #ping-container #ping-content .ping-card-container { text-align: center; margin-left: auto; margin-right: auto; }
  #ping-container #ping-content .ping-card-container .ping-card { width: 400px; max-width: 400px; }
  #ping-container #ping-content .ping-card-container .ping-card.ping-left, #ping-container #ping-content .ping-card-container .ping-card.ping-right { float: none; text-align: center; margin-left: auto; margin-right: auto; }
  #ping-container #ping-content .ping-card-container .ping-card .ping-access-button { left: 30%; } }
@media (max-width: 500px), (max-device-width: 500px) { #ping-container #ping-content .ping-data .ping-data-textarea { width: 320px; }
  #ping-container #ping-content .ping-card-container .ping-card { width: 80%; max-width: 80%; }
  #ping-container #ping-content .ping-card-container .ping-card .ping-access-button { left: 25%; } }