@charset "UTF-8";

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

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    font-weight: normal;
    src: url("./ProximaNova-Regular.otf");
}

@font-face {
    font-family: 'ProximaNovaBold';
    font-weight: bold;
    src: url("./ProximaNova-Bold.otf");
}

@font-face {
    font-family: 'ProximaNovaLight';
    font-weight: normal;
    src: url("./ProximaNova-Light.otf");
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    font-weight: normal;
    src: url("./ProximaNova-Semibold.otf");
}

@font-face {
    font-family: 'ProximaNovaCondRegular';
    font-weight: normal;
    src: url("./ProximaNovaCond-Regular.otf");
}

input[type=button],
input[type=submit],
.ping-button,
.button,
button {
    padding: 0 20px 1px;
    margin-right: 10px;
    font-size: 17px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #9ea5a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    /* font-family: proxima-nova, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    outline: none;
    color: #556572;
    background: #fff;
    /* box-shadow: 0 1px #8F8F8F; */
}

input[type=button]:hover,
input[type=submit]:hover,
.ping-button:hover,
.button:hover,
button:hover {
    text-decoration: none;
}

input[type=button]:hover,
input[type=submit]:hover,
.ping-button:hover,
.button:hover,
button:hover {
    color: #556572;
}

input[type=button]:hover,
input[type=submit]:hover,
.ping-button:hover,
.button:hover,
button:hover {
    color: #FFBF27;
    border-color: #FFBF27;
}

input[type=button]:focus,
input[type=submit]:focus,
.ping-button:focus,
.button:focus,
button:focus {
    border: 1px solid #9ea5a8;
}

input[type=button].left,
input[type=submit].left,
.ping-button.left,
.button.left,
button.left {
    text-align: left;
}

input[type=button].primary,
input[type=button].normal,
input[type=submit].primary,
input[type=submit].normal,
.ping-button.primary,
.ping-button.normal,
.button.primary,
.button.normal,
button.primary,
button.normal {
    background: none;
    /* Main button color below - Change from #2996cc (blue) to #FFBF27 (SWA Sunrise Yellow)*/
    background-color: #FFBF27;
    /* Main button text color below - Change from #fff (white) to #111b40 - ADA */
    color: #111b40;
    box-shadow: 0 1px #8F8F8F;
    border-radius: 2px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffbf27;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffbf27;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ffbf27;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffbf27;
    transition: .3s ease-out
}

input[type=button].primary:hover,
input[type=button].normal:hover,
input[type=submit].primary:hover,
input[type=submit].normal:hover,
.ping-button.primary:hover,
.ping-button.normal:hover,
.button.primary:hover,
.button.normal:hover,
button.primary:hover,
button.normal:hover {
    /* CURSOR HOVER - Main button text color below - Change from #fff (white) to #111b40 - ADA */
    /* color: #111b40; */
    border-color: #111B40;
    transition: background-color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out, color .3s ease-out, opacity .3s ease-out
    /*box-shadow: 0 1px #8F8F8F;*/
}

input[type=button].secondary,
input[type=submit].secondary,
.ping-button.secondary,
.button.secondary,
button.secondary {
    background: none;
    background-color: #bababa;
    color: #fff;
    border: none;
}

input[type=button].secondary:hover,
input[type=submit].secondary:hover,
.ping-button.secondary:hover,
.button.secondary:hover,
button.secondary:hover {
    color: #fff;
}

input[type=button].success,
input[type=submit].success,
.ping-button.success,
.button.success,
button.success {
    background: none;
    background-color: #35c370;
    color: #fff;
    border: none;
}

input[type=button].success:hover,
input[type=submit].success:hover,
.ping-button.success:hover,
.button.success:hover,
button.success:hover {
    color: #fff;
}

input[type=button].inline,
input[type=button].ping-inline,
input[type=submit].inline,
input[type=submit].ping-inline,
.ping-button.inline,
.ping-button.ping-inline,
.button.inline,
.button.ping-inline,
button.inline,
button.ping-inline {
    height: 25px;
    line-height: 25px;
    font-weight: 300;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
}

input[type=button].disabled,
input[type=submit].disabled,
.ping-button.disabled,
.button.disabled,
button.disabled {
    cursor: default;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

input[type=button].disabled,
input[type=submit].disabled,
.ping-button.disabled,
.button.disabled,
button.disabled {
    cursor: default;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

input[type=button].add,
input[type=submit].add,
.ping-button.add,
.button.add,
button.add {
    padding-left: 35px;
}

input[type=button].add:before,
input[type=button].add:after,
input[type=submit].add:before,
input[type=submit].add:after,
.ping-button.add:before,
.ping-button.add:after,
.button.add:before,
.button.add:after,
button.add:before,
button.add:after {
    font-family: "iconfont";
}

input[type=button].add:before,
input[type=submit].add:before,
.ping-button.add:before,
.button.add:before,
button.add:before {
    content: '\2b';
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 10px;
}

input[type=button].add.user,
input[type=submit].add.user,
.ping-button.add.user,
.button.add.user,
button.add.user {
    padding-right: 15px;
    font-size: 0;
}

input[type=button].add.user:after,
input[type=submit].add.user:after,
.ping-button.add.user:after,
.button.add.user:after,
button.add.user:after {
    font-size: 19px;
    content: '\55';
}

input[type=button].add.no-label,
input[type=submit].add.no-label,
.ping-button.add.no-label,
.button.add.no-label,
button.add.no-label {
    width: 25px;
    padding: 0;
}

input[type=button].add.no-label:before,
input[type=submit].add.no-label:before,
.ping-button.add.no-label:before,
.button.add.no-label:before,
button.add.no-label:before {
    left: 8px;
}

input[type=button].download,
input[type=submit].download,
.ping-button.download,
.button.download,
button.download {
    padding-left: 40px;
}

input[type=button].download:before,
input[type=submit].download:before,
.ping-button.download:before,
.button.download:before,
button.download:before {
    font-family: "iconfont";
    content: '\44';
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 16px;
}

input[type=button].download.inline,
input[type=submit].download.inline,
.ping-button.download.inline,
.button.download.inline,
button.download.inline {
    padding-left: 35px;
}

input[type=button].download.inline:before,
input[type=submit].download.inline:before,
.ping-button.download.inline:before,
.button.download.inline:before,
button.download.inline:before {
    font-size: 14px;
}

input[type=button].inline.remove,
input[type=submit].inline.remove,
.ping-button.inline.remove,
.button.inline.remove,
button.inline.remove {
    padding: 0;
    width: 25px;
    text-align: center;
}

input[type=button].inline.remove:before,
input[type=submit].inline.remove:before,
.ping-button.inline.remove:before,
.button.inline.remove:before,
button.inline.remove:before {
    font-family: "iconfont";
    content: '\2d';
}

input[type=button].inline.delete:before,
input[type=submit].inline.delete:before,
.ping-button.inline.delete:before,
.button.inline.delete:before,
button.inline.delete:before {
    margin-left: -10px;
    font-family: "iconfont";
    content: "\64";
}

.rocker-button {
    height: 35px;
    line-height: 35px;
    margin-bottom: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    font-family: proxima-nova, sans-serif;
    background-color: #fff;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    outline: none;
}

.rocker-button:hover {
    text-decoration: none;
}

.rocker-button label {
    position: relative;
    z-index: 2;
    float: left;
    width: 125px;
    line-height: 33px;
    font-size: 13px;
    text-transform: none;
    color: #5A6266;
    margin: 0;
    border-style: solid;
    border-color: #9ea5a8;
    border-width: 1px 0 1px 1px;
    cursor: pointer;
}

.rocker-button label:first-of-type {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.rocker-button label:last-of-type {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-width: 1px;
}

.rocker-button .slide {
    position: absolute;
    z-index: 1;
    top: 1px;
    height: 33px;
    width: 125px;
    background: #e9ecee;
    -webkit-transition: left 0.2s ease-out;
    -moz-transition: left 0.2s ease-out;
    -ms-transition: left 0.2s ease-out;
    -o-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
}

.rocker-button.sel-0 .slide {
    left: 1px;
}

.rocker-button.sel-1 .slide {
    left: 127px;
}

.rocker-button.sel-2 .slide {
    left: 253px;
}

.rocker-button.sel-3 .slide {
    left: 379px;
}

.data .data-group {
    padding: 0 0 30px 0;
    max-width: 100%;
}

.data .data-group.data-section .data-item>label {
    padding-left: 25px;
}

.data .data-group.data-section .data-item.sub-item>label {
    padding-left: 50px;
}

.data .data-group.data-section .data-item.data-title {
    display: block;
    margin-right: 50px;
}

.data .data-group.data-section .data-item.data-title>label {
    display: block;
    padding: 0 0 5px 0;
    margin: 0 0 25px 0;
    color: #9bacb4;
    border-bottom: 1px solid #bcbdbf;
    /* text-transform: uppercase; */
    font-size: 18px;
    line-height: 1em;
}

.data .data-group.data-section .data-item.data-title:first-of-type>label {
    padding-top: 0;
}

.data .data-item {
    display: table-row;
    line-height: 1em;
}

.data .data-item>label,
.data .data-item>span {
    display: table-cell;
    vertical-align: top;
    line-height: 1em;
    font-size: 14px;
}

.data .data-item>label {
    padding: 0 15px 15px 0;
    cursor: default;
}

.data .data-item>label.input-radio {
    cursor: pointer;
}

.data .data-item>span {
    display: table-cell;
    padding: 0 20px 15px 0;
}

.data .data-item>span a {
    margin: 0;
}

.data .data-item.data-title>label {
    padding-top: 25px;
    color: #d2d5d7;
    /* text-transform: uppercase; */
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1em;
}

.data .data-item.data-title:first-of-type>label {
    padding-top: 0;
}

.data .data-item.data-sub-title>label {
    /* text-transform: uppercase; */
    color: #CCD5D9;
    font-weight: normal;
    font-size: 16px;
}

.data .data-item.data-endrow {
    display: block;
}

.data .data-item.data-endrow>label {
    text-transform: none;
}

.data .data-item .data-value-list li {
    margin: 0 0 5px 0;
}

.data .data-item .data-value-list li:last-of-type {
    margin: 0;
}

.data .data-col-of-2,
.data .data-col-of-3,
.data .data-col-of-4,
.data .data-col-of-5 {
    float: left;
}

.data .data-col-of-2 .data-item,
.data .data-col-of-3 .data-item,
.data .data-col-of-4 .data-item,
.data .data-col-of-5 .data-item {
    padding: 0 45px 0 0;
}

.data .data-col-of-1,
.data .data-col-of-2,
.data .data-col-of-3,
.data .data-col-of-4,
.data .data-col-of-5 {
    margin: 0 0 30px 0;
}

.data .data-col-of-1 {
    max-width: 100%;
}

.data .data-col-of-2 {
    max-width: 50%;
}

.data .data-col-of-3 {
    max-width: 33%;
}

.data .delete-tooltip {
    position: absolute;
    right: 0;
}

.data .delete-tooltip .details-content {
    bottom: 55px;
}

.data .details-tooltip .details-content .title {
    color: #000;
    text-transform: none;
}

.data .details-tooltip .details-content .info label {
    width: 200px;
}

.data-set {
    padding: 30px 0 10px;
    border-top: 1px solid #A5AAAE;
    border-bottom: 1px solid #A5AAAE;
}

.data-set.no-border {
    border-top: none;
    border-bottom: none;
    padding-top: 0;
}

.data-set a {
    margin-left: 20px;
    /* text-transform: uppercase; */
}

.data-set a.details-link,
.data-set a.details-close {
    margin-left: 0;
    text-transform: none;
}

.data-set button {
    margin: 0 0 10px 25px;
}

.data-set .description {
    font-size: 14px;
}

.data-set .description a {
    margin-left: 0;
    text-transform: none;
}

.data-set .data-cols {
    padding-bottom: 20px;
}

.data-set .data-cols .col-1 {
    width: 50%;
    float: left;
}

.data-set .data-cols .col-2 {
    width: 50%;
    float: right;
}

.data-set .data-cols .col-1-3 {
    width: 33%;
    float: left;
}

.data-set .data-cols .col-2-3 {
    width: 33%;
    float: left;
}

.data-set .data-cols .col-3-3 {
    width: 33%;
    float: left;
}

body {
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    /* --------- */
    /* Original Ping gray color (#3d454d) */
    /* color: #3d454d; */
    /* --------- */
    /* SWA Branded blue gradient (#4061A9, #29478E) */
    /* background: radial-gradient(#4061A9, #29478E); */
    /* --------- */
    /* Below properties enable background image rather than hex gradient */
    background-image: url("./SwaPingBackground.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #304cb2;
}

a.link {
    border-bottom: 1px solid #2996cc;
    padding-bottom: 0px;
    /* text-transform: uppercase; */
}

a:hover {
    color: #111b40;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5 {
    color: #4c637d;
}

h1 {
    color: #3d454d;
    font-size: 28px;
    font-weight: 400;
    margin: 25px 0;
}

h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px 0;
}

p {
    margin: 0 0 1em 0;
}

strong {
    font-family: "ProximaNovaBold", helvetica, arial, sans-serif;
}

@font-face {
    font-family: "iconfont";
    src: url("./iconfont.eot?-sa9xtz");
    src: url("./iconfont.eot?#iefix-sa9xtz") format("embedded-opentype"), url("./iconfont.ttf?-sa9xtz") format("truetype"), url("./iconfont.svg?-sa9xtz#icofont") format("svg"), url("./iconfont.woff?-sa9xtz") format("woff");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-elipses .path-1:before {
    content: "\e600";
}

.icon-elipses .path-2:before {
    content: "\e601";
    margin-left: -2.24609375em;
}

.icon-elipses .path-3:before {
    content: "\e602";
    margin-left: -2.24609375em;
}

.icon-key:before {
    content: "\4b";
}

.icon-cabinet:before {
    content: "\24";
}

.icon-directory:before {
    content: "\3d";
}

.icon-left:before {
    content: "\3c";
}

.icon-right:before {
    content: "\3e";
}

.icon-wand:before {
    content: "\57";
}

.icon-calendar:before {
    content: "\43";
}

.icon-pin:before {
    content: "\4e";
}

.icon-grip:before {
    content: "\47";
}

.icon-download:before {
    content: "\44";
}

.icon-admin-account:before {
    content: "\74";
}

.icon-view:before {
    content: "\56";
}

.icon-view-hidden:before {
    content: '\2f';
}

.icon-alert:before {
    content: "\e27";
}

.icon-undo:before {
    content: "\6e";
}

.icon-resend:before {
    content: "\72";
}

.icon-approve:before {
    content: "\70";
}

.icon-minus:before {
    content: "\2d";
}

.icon-plus:before {
    content: "\2b";
}

.icon-spinner:before {
    content: "\50";
}

.icon-image:before {
    content: "\69";
}

.icon-progress-2-1:before {
    content: "\d0";
}

.icon-progress-2-2:before {
    content: "\d1";
}

.icon-progress-3-1:before {
    content: "\d2";
}

.icon-progress-3-2:before {
    content: "\d3";
}

.icon-progress-3-3:before {
    content: "\d4";
}

.icon-progress-4-1:before {
    content: "\d5";
}

.icon-progress-4-2:before {
    content: "\d6";
}

.icon-progress-4-3:before {
    content: "\d7";
}

.icon-progress-4-4:before {
    content: "\d8";
}

.icon-progress-5-1:before {
    content: "\d9";
}

.icon-progress-5-2:before {
    content: "\da";
}

.icon-progress-5-3:before {
    content: "\db";
}

.icon-progress-5-4:before {
    content: "\dc";
}

.icon-progress-5-5:before {
    content: "\dd";
}

.icon-progress-6-1:before {
    content: "\de";
}

.icon-progress-6-2:before {
    content: "\df";
}

.icon-progress-6-3:before {
    content: "\e0";
}

.icon-progress-6-4:before {
    content: "\e1";
}

.icon-progress-6-5:before {
    content: "\e2";
}

.icon-progress-6-6:before {
    content: "\e3";
}

.icon-clear:before {
    content: "\58";
}

.icon-expand:before {
    content: "\45";
}

.icon-settings:before {
    content: "\53";
}

.icon-users:before {
    content: "\55";
}

.icon-account:before {
    content: "\61";
}

.icon-collapse:before {
    content: "\63";
}

.icon-delete:before {
    content: "\64";
}

.icon-edit:before {
    content: "\65";
}

.icon-cog:before {
    content: "\67";
}

.icon-help:before {
    content: "\68";
}

.icon-apps:before {
    content: "\6c";
}

.icon-menu:before {
    content: "\6d";
}

.icon-overview:before {
    content: "\6f";
}

.icon-support:before {
    content: "\71";
}

.icon-search:before {
    content: "\73";
}

.icon-user:before {
    content: "\75";
}

.icon-close-arrow:before {
    content: "\5e";
}

.icon-dropdown-arrow:before {
    content: "\76";
}

.icon-welcome:before {
    content: "\77";
}

.icon-close:before {
    content: "\78";
}

.icon-success:before,
.icon-check:before {
    content: "\79";
}

::-webkit-input-placeholder {
    color: #c6c6c5;
    font-weight: normal;
    padding: 0 0 0;
    font-style: italic;
}

:-moz-placeholder {
    color: #c6c6c5;
    font-weight: normal;
    padding: 0 0 0;
    font-style: italic;
}

::-moz-placeholder {
    color: #c6c6c5;
    font-weight: normal;
    padding: 0 0 0;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #c6c6c5;
    font-weight: normal;
    padding: 0 0 0;
    font-style: italic;
}

input[type=text],
input[type=password],
textarea,
input[type=tel],
input[type=email],
input[type=date] {
    color: #4c637d;
    background-color: #f0f6f7;
    border: 1px solid #f0f6f7;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

input[type=text].error,
input[type=text].form-error,
input[type=password].error,
input[type=password].form-error,
textarea.error,
textarea.form-error,
input[type=tel].error,
input[type=tel].form-error,
input[type=email].error,
input[type=email].form-error,
input[type=date].error,
input[type=date].form-error {
    border-color: #ed3a03;
}

input[type=text].error:focus,
input[type=text].form-error:focus,
input[type=password].error:focus,
input[type=password].form-error:focus,
textarea.error:focus,
textarea.form-error:focus,
input[type=tel].error:focus,
input[type=tel].form-error:focus,
input[type=email].error:focus,
input[type=email].form-error:focus,
input[type=date].error:focus,
input[type=date].form-error:focus {
    border-color: #ed3a03;
}

input[type=text]:visited,
input[type=password]:visited,
textarea:visited,
input[type=tel]:visited,
input[type=email]:visited,
input[type=date]:visited {
    border: 1px solid #f0f6f7;
}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=date]:hover {
    border: 1px solid #c6c6c5;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=date]:focus {
    border-color: #2996cc;
}

input[type=text].extended,
input[type=password].extended,
textarea.extended,
input[type=tel].extended,
input[type=email].extended,
input[type=date].extended {
    width: 350px;
}

input[type=text].short,
input[type=password].short,
textarea.short,
input[type=tel].short,
input[type=email].short,
input[type=date].short {
    vertical-align: top;
    margin-top: 5px;
    width: 75px;
}

input[type=text]::-ms-clear,
input[type=password]::-ms-clear,
textarea::-ms-clear,
input[type=tel]::-ms-clear,
input[type=email]::-ms-clear,
input[type=date]::-ms-clear {
    display: none;
}

input[type=text][readonly],
input[type=text][readonly="readonly"],
input[type=text][disabled],
input[type=password][readonly],
input[type=password][readonly="readonly"],
input[type=password][disabled],
textarea[readonly],
textarea[readonly="readonly"],
textarea[disabled],
input[type=tel][readonly],
input[type=tel][readonly="readonly"],
input[type=tel][disabled],
input[type=email][readonly],
input[type=email][readonly="readonly"],
input[type=email][disabled],
input[type=date][readonly],
input[type=date][readonly="readonly"],
input[type=date][disabled] {
    resize: none !important;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=date] {
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.input-controls input[type=email] {
    padding-right: 45px;
}

input[type=password].reveal::-ms-reveal {
    display: none;
}

input[type=date] {
    /*
  ::-webkit-datetime-edit { padding: 1em; }
  ::-webkit-datetime-edit-fields-wrapper { background: silver; }
  ::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
  */
}

::-webkit-calendar-picker-indicator {
    background-color: #f0f6f7;
}

::-webkit-inner-spin-button {
    display: none;
}

textarea {
    padding: 10px 34px 10px 10px;
    overflow: auto;
    max-width: 600px;
}

label,
.ping-input-label,
.ping-input-container {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 14px;
    /* This below text transformation controls the Username/Password uppercase transformation. Leave disabled/commented */
    /* text-transform: uppercase; */
    color: #929aa1;
    vertical-align: top;
    line-height: 1em;
    /* font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}

label .label-text,
label .input-container,
.ping-input-label .label-text,
.ping-input-label .input-container,
.ping-input-container .label-text,
.ping-input-container .input-container {
    position: relative;
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label .label-text:before,
label .label-text:after,
label .input-container:before,
label .input-container:after,
.ping-input-label .label-text:before,
.ping-input-label .label-text:after,
.ping-input-label .input-container:before,
.ping-input-label .input-container:after,
.ping-input-container .label-text:before,
.ping-input-container .label-text:after,
.ping-input-container .input-container:before,
.ping-input-container .input-container:after {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label input[type=text],
label input[type=password],
label textarea,
label input[type=tel],
label input[type=email],
label input[type=date],
.ping-input-label input[type=text],
.ping-input-label input[type=password],
.ping-input-label textarea,
.ping-input-label input[type=tel],
.ping-input-label input[type=email],
.ping-input-label input[type=date],
.ping-input-container input[type=text],
.ping-input-container input[type=password],
.ping-input-container textarea,
.ping-input-container input[type=tel],
.ping-input-container input[type=email],
.ping-input-container input[type=date] {
    margin: 7px 0 0 0;
    display: block;
}

label .tooltip-text.type-alert,
.ping-input-label .tooltip-text.type-alert,
.ping-input-container .tooltip-text.type-alert {
    font-size: 14px;
    max-width: 200px;
    pointer-events: auto !important;
    text-transform: none;
    white-space: normal;
    font-weight: normal;
    padding: 8px 10px;
    display: inline-block;
    border: 1px solid #d8dbdc;
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 2px 2px 4px 0px #323232;
    -moz-box-shadow: 2px 2px 4px 0px #323232;
    box-shadow: 2px 2px 4px 0px #323232;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

label .tooltip-text.type-alert.place-bottom,
.ping-input-label .tooltip-text.type-alert.place-bottom,
.ping-input-container .tooltip-text.type-alert.place-bottom {
    margin-top: 10px;
    position: absolute;
    left: 0;
    transition: opacity 0.3s ease-out;
    visibility: hidden;
    z-index: 999;
}

label .tooltip-text.type-alert.place-bottom:before,
label .tooltip-text.type-alert.place-bottom:after,
.ping-input-label .tooltip-text.type-alert.place-bottom:before,
.ping-input-label .tooltip-text.type-alert.place-bottom:after,
.ping-input-container .tooltip-text.type-alert.place-bottom:before,
.ping-input-container .tooltip-text.type-alert.place-bottom:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 10px;
    left: 15px;
}

label .tooltip-text.type-alert.place-bottom:before,
.ping-input-label .tooltip-text.type-alert.place-bottom:before,
.ping-input-container .tooltip-text.type-alert.place-bottom:before {
    top: -21px;
    border-color: transparent transparent #d8dbdc transparent;
}

label .tooltip-text.type-alert.place-bottom:after,
.ping-input-label .tooltip-text.type-alert.place-bottom:after,
.ping-input-container .tooltip-text.type-alert.place-bottom:after {
    top: -20px;
    border-color: transparent transparent #fff transparent;
}

label .tooltip-text.type-alert.place-bottom.show,
.ping-input-label .tooltip-text.type-alert.place-bottom.show,
.ping-input-container .tooltip-text.type-alert.place-bottom.show {
    margin-left: 50px;
    visibility: visible;
}

label .tooltip-text.type-alert .icon,
.ping-input-label .tooltip-text.type-alert .icon,
.ping-input-container .tooltip-text.type-alert .icon {
    display: inline-block;
    font-weight: 600;
    background-color: #f1ba1c;
    color: #fff;
    margin-right: 5px;
    width: 14px;
    text-align: center;
}

label .tooltip-text.type-requirements,
.ping-input-label .tooltip-text.type-requirements,
.ping-input-container .tooltip-text.type-requirements {
    margin-left: 10px;
    position: absolute;
    transition: opacity 0.3s ease-out;
    visibility: hidden;
    z-index: 999;
    top: -10px;
    right: -180px;
    font-size: 11px;
    min-width: 150px;
    max-width: 400px;
    pointer-events: auto !important;
    text-transform: none;
    white-space: normal;
    font-weight: normal;
    color: #929aa1;
    padding: 8px 10px;
    display: inline-block;
    border: 1px solid #d8dbdc;
    background-color: #fff;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-box-shadow: 2px 2px 4px 0px #323232;
    -moz-box-shadow: 2px 2px 4px 0px #323232;
    box-shadow: 2px 2px 4px 0px #323232;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

label .tooltip-text.type-requirements.place-right,
.ping-input-label .tooltip-text.type-requirements.place-right,
.ping-input-container .tooltip-text.type-requirements.place-right {
    margin-left: 10px;
}

label .tooltip-text.type-requirements.place-right:before,
label .tooltip-text.type-requirements.place-right:after,
.ping-input-label .tooltip-text.type-requirements.place-right:before,
.ping-input-label .tooltip-text.type-requirements.place-right:after,
.ping-input-container .tooltip-text.type-requirements.place-right:before,
.ping-input-container .tooltip-text.type-requirements.place-right:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 10px;
    top: 25px;
    left: 0;
}

label .tooltip-text.type-requirements.place-right:before,
.ping-input-label .tooltip-text.type-requirements.place-right:before,
.ping-input-container .tooltip-text.type-requirements.place-right:before {
    left: -21px;
    border-color: transparent #d8dbdc transparent transparent;
}

label .tooltip-text.type-requirements.place-right:after,
.ping-input-label .tooltip-text.type-requirements.place-right:after,
.ping-input-container .tooltip-text.type-requirements.place-right:after {
    left: -20px;
    border-color: transparent #fff transparent transparent;
}

label .tooltip-text.type-requirements.show-tips,
.ping-input-label .tooltip-text.type-requirements.show-tips,
.ping-input-container .tooltip-text.type-requirements.show-tips {
    margin-top: 0px;
    margin-left: 0px;
    visibility: visible;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9;
}

label .tooltip-text.type-requirements.place-top,
.ping-input-label .tooltip-text.type-requirements.place-top,
.ping-input-container .tooltip-text.type-requirements.place-top {
    margin: 0;
    float: none;
    position: relative;
    visibility: visible;
    font-size: 14px;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    white-space: normal;
    font-weight: normal;
    color: #2996cc;
    padding: 15px 0 0;
    display: block;
    border: none;
    background-color: transparent;
    border-top: 1px solid #c2c6ca;
    padding-top: 0;
    word-break: normal;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

label .tooltip-text.type-requirements.place-top.no-border,
.ping-input-label .tooltip-text.type-requirements.place-top.no-border,
.ping-input-container .tooltip-text.type-requirements.place-top.no-border {
    border-top: none;
}

label .tooltip-text.type-requirements.place-top.open .title:after,
.ping-input-label .tooltip-text.type-requirements.place-top.open .title:after,
.ping-input-container .tooltip-text.type-requirements.place-top.open .title:after {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

label .tooltip-text.type-requirements.place-top.open .requirements-text,
.ping-input-label .tooltip-text.type-requirements.place-top.open .requirements-text,
.ping-input-container .tooltip-text.type-requirements.place-top.open .requirements-text {
    display: block;
}

label .tooltip-text.type-requirements.place-top .title,
.ping-input-label .tooltip-text.type-requirements.place-top .title,
.ping-input-container .tooltip-text.type-requirements.place-top .title {
    color: #2996cc;
    font-weight: normal;
    padding: 10px 0;
}

label .tooltip-text.type-requirements.place-top .title:after,
.ping-input-label .tooltip-text.type-requirements.place-top .title:after,
.ping-input-container .tooltip-text.type-requirements.place-top .title:after {
    position: absolute;
    content: 'v';
    padding: 0 10px;
    font-family: "iconfont";
    font-size: 12px;
    text-transform: none;
    pointer-events: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label .tooltip-text.type-requirements.place-top .requirements-text,
.ping-input-label .tooltip-text.type-requirements.place-top .requirements-text,
.ping-input-container .tooltip-text.type-requirements.place-top .requirements-text {
    color: #929aa1;
    display: none;
    font-size: 13px;
    margin-top: 0px;
    margin-left: 0px;
    visibility: visible;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9;
}

label .tooltip-text.type-requirements.place-top .requirements-text>div,
.ping-input-label .tooltip-text.type-requirements.place-top .requirements-text>div,
.ping-input-container .tooltip-text.type-requirements.place-top .requirements-text>div {
    padding: 3px 0;
}

label a.password-show-button,
.ping-input-label a.password-show-button,
.ping-input-container a.password-show-button {
    position: absolute;
    right: 20px;
}

label a.password-show-button.full-field,
.ping-input-label a.password-show-button.full-field,
.ping-input-container a.password-show-button.full-field {
    left: auto;
    right: 20px;
}

label a.password-show-button:hover,
.ping-input-label a.password-show-button:hover,
.ping-input-container a.password-show-button:hover {
    text-decoration: none;
}

label a.password-show-button.icon-view,
.ping-input-label a.password-show-button.icon-view,
.ping-input-container a.password-show-button.icon-view {
    top: 22px;
    font-size: 11px;
}

label a.password-show-button.icon-view-hidden,
.ping-input-label a.password-show-button.icon-view-hidden,
.ping-input-container a.password-show-button.icon-view-hidden {
    top: 17px;
    font-size: 20px;
}

label .inline-confirmation,
.ping-input-label .inline-confirmation,
.ping-input-container .inline-confirmation {
    width: 325px;
    max-width: 325px;
}

label .inline-confirmation .icon-approve,
.ping-input-label .inline-confirmation .icon-approve,
.ping-input-container .inline-confirmation .icon-approve {
    display: inline-block;
    position: absolute;
    font-size: 9px;
    top: 15px;
    right: auto;
    left: 289px;
    padding: 0;
    height: 21px;
    width: 21px;
    text-align: center;
    color: #35c370;
    border: 1px solid #35c370;
    box-sizing: border-box;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

label .inline-confirmation .icon-approve:before,
.ping-input-label .inline-confirmation .icon-approve:before,
.ping-input-container .inline-confirmation .icon-approve:before {
    top: 5px;
    position: absolute;
    left: 3px;
}

label .inline-confirmation .confirmation-text,
.ping-input-label .inline-confirmation .confirmation-text,
.ping-input-container .inline-confirmation .confirmation-text {
    border-radius: 3px;
    display: none;
    position: absolute;
    width: auto;
    right: 0;
    bottom: 42px;
    font-size: 14px;
    text-transform: none;
    white-space: normal;
    font-weight: normal;
    padding: 8px 10px;
    max-width: 400px;
    pointer-events: auto !important;
    background-color: #35c370;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

label .inline-confirmation .confirmation-text:before,
label .inline-confirmation .confirmation-text:after,
.ping-input-label .inline-confirmation .confirmation-text:before,
.ping-input-label .inline-confirmation .confirmation-text:after,
.ping-input-container .inline-confirmation .confirmation-text:before,
.ping-input-container .inline-confirmation .confirmation-text:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}

label .inline-confirmation .confirmation-text:before,
.ping-input-label .inline-confirmation .confirmation-text:before,
.ping-input-container .inline-confirmation .confirmation-text:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}

label .inline-confirmation .confirmation-text:after,
.ping-input-label .inline-confirmation .confirmation-text:after,
.ping-input-container .inline-confirmation .confirmation-text:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -6px;
    right: 18px;
    margin-left: -8px;
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #35c370;
}

label .inline-confirmation .confirmation-text.show,
.ping-input-label .inline-confirmation .confirmation-text.show,
.ping-input-container .inline-confirmation .confirmation-text.show {
    display: inline-block;
}

label.input-text.no-label input[type=text],
label.input-text.no-label input[type=password],
label.input-text.no-label input[type=tel],
label.input-text.no-label input[type=email],
label.input-text.no-label input[type=date],
.ping-input-label.input-text.no-label input[type=text],
.ping-input-label.input-text.no-label input[type=password],
.ping-input-label.input-text.no-label input[type=tel],
.ping-input-label.input-text.no-label input[type=email],
.ping-input-label.input-text.no-label input[type=date],
.ping-input-container.input-text.no-label input[type=text],
.ping-input-container.input-text.no-label input[type=password],
.ping-input-container.input-text.no-label input[type=tel],
.ping-input-container.input-text.no-label input[type=email],
.ping-input-container.input-text.no-label input[type=date] {
    margin: 0;
}

label.input-text.no-label.form-error .tooltip-text,
.ping-input-label.input-text.no-label.form-error .tooltip-text,
.ping-input-container.input-text.no-label.form-error .tooltip-text {
    top: 10px;
}

label.input-text.large .input-container:after,
.ping-input-label.input-text.large .input-container:after,
.ping-input-container.input-text.large .input-container:after {
    top: 15px;
    right: 15px;
}

label.input-text.large .input-container input,
.ping-input-label.input-text.large .input-container input,
.ping-input-container.input-text.large .input-container input {
    height: 42px;
}

label.input-text.large.search .input-container:before,
.ping-input-label.input-text.large.search .input-container:before,
.ping-input-container.input-text.large.search .input-container:before {
    bottom: 15px;
    left: 14px;
}

label.input-text.search input,
.ping-input-label.input-text.search input,
.ping-input-container.input-text.search input {
    font-size: 16px;
    padding-left: 46px;
}

label.input-text.search .input-container:before,
.ping-input-label.input-text.search .input-container:before,
.ping-input-container.input-text.search .input-container:before {
    position: absolute;
    font-family: "iconfont";
    text-transform: none;
}

label.input-text.search .input-container:before,
.ping-input-label.input-text.search .input-container:before,
.ping-input-container.input-text.search .input-container:before {
    content: '\73';
    bottom: 14px;
    left: 15px;
    font-size: 22px;
    color: #4c637d;
}

label.input-text.search .input-container:after,
.ping-input-label.input-text.search .input-container:after,
.ping-input-container.input-text.search .input-container:after {
    content: '';
}

label.input-text.search a.clear-search,
.ping-input-label.input-text.search a.clear-search,
.ping-input-container.input-text.search a.clear-search {
    position: absolute;
    font-family: "iconfont";
    text-transform: none;
    font-size: 1px;
    color: transparent;
    top: 12px;
    right: 10px;
}

label.input-text.search a.clear-search:before,
.ping-input-label.input-text.search a.clear-search:before,
.ping-input-container.input-text.search a.clear-search:before {
    content: 'X';
    font-size: 14px;
    color: #4c637d;
}

label.input-text.extended input,
.ping-input-label.input-text.extended input,
.ping-input-container.input-text.extended input {
    width: 350px;
}

label.input-textarea textarea,
.ping-input-label.input-textarea textarea,
.ping-input-container.input-textarea textarea {
    margin-top: 2px;
}

label.input-textarea.extended textarea,
.ping-input-label.input-textarea.extended textarea,
.ping-input-container.input-textarea.extended textarea {
    width: 350px;
}

label.input-textarea.no-label textarea,
.ping-input-label.input-textarea.no-label textarea,
.ping-input-container.input-textarea.no-label textarea {
    margin-top: 0;
}

label.input-text .input-container:after,
label.input-textarea .input-container:after,
.ping-input-label.input-text .input-container:after,
.ping-input-label.input-textarea .input-container:after,
.ping-input-container.input-text .input-container:after,
.ping-input-container.input-textarea .input-container:after {
    font-family: "iconfont";
    content: 'e';
    text-transform: none;
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

label.input-text:hover .input-container:after,
label.input-textarea:hover .input-container:after,
.ping-input-label.input-text:hover .input-container:after,
.ping-input-label.input-textarea:hover .input-container:after,
.ping-input-container.input-text:hover .input-container:after,
.ping-input-container.input-textarea:hover .input-container:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

label.input-text.no-label.required:before,
label.input-textarea.no-label.required:before,
.ping-input-label.input-text.no-label.required:before,
.ping-input-label.input-textarea.no-label.required:before,
.ping-input-container.input-text.no-label.required:before,
.ping-input-container.input-textarea.no-label.required:before {
    top: 5px;
}

label.input-text.no-label:after,
label.input-textarea.no-label:after,
.ping-input-label.input-text.no-label:after,
.ping-input-label.input-textarea.no-label:after,
.ping-input-container.input-text.no-label:after,
.ping-input-container.input-textarea.no-label:after {
    top: 17px;
}

label.input-text.short input[type=text],
label.input-text.short input[type=password],
label.input-text.short input[type=tel],
label.input-text.short input[type=email],
label.input-text.short input[type=date],
label.input-textarea.short input[type=text],
label.input-textarea.short input[type=password],
label.input-textarea.short input[type=tel],
label.input-textarea.short input[type=email],
label.input-textarea.short input[type=date],
.ping-input-label.input-text.short input[type=text],
.ping-input-label.input-text.short input[type=password],
.ping-input-label.input-text.short input[type=tel],
.ping-input-label.input-text.short input[type=email],
.ping-input-label.input-text.short input[type=date],
.ping-input-label.input-textarea.short input[type=text],
.ping-input-label.input-textarea.short input[type=password],
.ping-input-label.input-textarea.short input[type=tel],
.ping-input-label.input-textarea.short input[type=email],
.ping-input-label.input-textarea.short input[type=date],
.ping-input-container.input-text.short input[type=text],
.ping-input-container.input-text.short input[type=password],
.ping-input-container.input-text.short input[type=tel],
.ping-input-container.input-text.short input[type=email],
.ping-input-container.input-text.short input[type=date],
.ping-input-container.input-textarea.short input[type=text],
.ping-input-container.input-textarea.short input[type=password],
.ping-input-container.input-textarea.short input[type=tel],
.ping-input-container.input-textarea.short input[type=email],
.ping-input-container.input-textarea.short input[type=date] {
    width: 75px;
}

label.input-text.short .input-container,
label.input-textarea.short .input-container,
.ping-input-label.input-text.short .input-container,
.ping-input-label.input-textarea.short .input-container,
.ping-input-container.input-text.short .input-container,
.ping-input-container.input-textarea.short .input-container {
    width: 80px;
}

label.input-text.short .input-container:after,
label.input-textarea.short .input-container:after,
.ping-input-label.input-text.short .input-container:after,
.ping-input-label.input-textarea.short .input-container:after,
.ping-input-container.input-text.short .input-container:after,
.ping-input-container.input-textarea.short .input-container:after {
    top: 7px;
    right: -25px;
}

label.error,
label.form-error,
.ping-input-label.error,
.ping-input-label.form-error,
.ping-input-container.error,
.ping-input-container.form-error {
    color: #ed3a03;
}

label.input-checkbox,
label .ping-checkbox-container,
label label,
label li,
.ping-input-label.input-checkbox,
.ping-input-label .ping-checkbox-container,
.ping-input-label label,
.ping-input-label li,
.ping-input-container.input-checkbox,
.ping-input-container .ping-checkbox-container,
.ping-input-container label,
.ping-input-container li {
    position: relative;
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    cursor: pointer;
}

label.input-checkbox .label-text,
label .ping-checkbox-container .label-text,
label label .label-text,
label li .label-text,
.ping-input-label.input-checkbox .label-text,
.ping-input-label .ping-checkbox-container .label-text,
.ping-input-label label .label-text,
.ping-input-label li .label-text,
.ping-input-container.input-checkbox .label-text,
.ping-input-container .ping-checkbox-container .label-text,
.ping-input-container label .label-text,
.ping-input-container li .label-text {
    display: block;
    text-transform: uppercase;
}

label.input-checkbox input[type=checkbox],
label .ping-checkbox-container input[type=checkbox],
label label input[type=checkbox],
label li input[type=checkbox],
.ping-input-label.input-checkbox input[type=checkbox],
.ping-input-label .ping-checkbox-container input[type=checkbox],
.ping-input-label label input[type=checkbox],
.ping-input-label li input[type=checkbox],
.ping-input-container.input-checkbox input[type=checkbox],
.ping-input-container .ping-checkbox-container input[type=checkbox],
.ping-input-container label input[type=checkbox],
.ping-input-container li input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    margin: 0;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

label.input-checkbox input[type=checkbox]:checked+.icon:after,
label .ping-checkbox-container input[type=checkbox]:checked+.icon:after,
label label input[type=checkbox]:checked+.icon:after,
label li input[type=checkbox]:checked+.icon:after,
.ping-input-label.input-checkbox input[type=checkbox]:checked+.icon:after,
.ping-input-label .ping-checkbox-container input[type=checkbox]:checked+.icon:after,
.ping-input-label label input[type=checkbox]:checked+.icon:after,
.ping-input-label li input[type=checkbox]:checked+.icon:after,
.ping-input-container.input-checkbox input[type=checkbox]:checked+.icon:after,
.ping-input-container .ping-checkbox-container input[type=checkbox]:checked+.icon:after,
.ping-input-container label input[type=checkbox]:checked+.icon:after,
.ping-input-container li input[type=checkbox]:checked+.icon:after {
    color: #4c637d;
}

label.input-checkbox input[type=checkbox]:disabled+.icon:after,
label.input-checkbox input[type=checkbox]:disabled+.icon:before,
label.input-checkbox input[type=checkbox]:disabled,
label .ping-checkbox-container input[type=checkbox]:disabled+.icon:after,
label .ping-checkbox-container input[type=checkbox]:disabled+.icon:before,
label .ping-checkbox-container input[type=checkbox]:disabled,
label label input[type=checkbox]:disabled+.icon:after,
label label input[type=checkbox]:disabled+.icon:before,
label label input[type=checkbox]:disabled,
label li input[type=checkbox]:disabled+.icon:after,
label li input[type=checkbox]:disabled+.icon:before,
label li input[type=checkbox]:disabled,
.ping-input-label.input-checkbox input[type=checkbox]:disabled+.icon:after,
.ping-input-label.input-checkbox input[type=checkbox]:disabled+.icon:before,
.ping-input-label.input-checkbox input[type=checkbox]:disabled,
.ping-input-label .ping-checkbox-container input[type=checkbox]:disabled+.icon:after,
.ping-input-label .ping-checkbox-container input[type=checkbox]:disabled+.icon:before,
.ping-input-label .ping-checkbox-container input[type=checkbox]:disabled,
.ping-input-label label input[type=checkbox]:disabled+.icon:after,
.ping-input-label label input[type=checkbox]:disabled+.icon:before,
.ping-input-label label input[type=checkbox]:disabled,
.ping-input-label li input[type=checkbox]:disabled+.icon:after,
.ping-input-label li input[type=checkbox]:disabled+.icon:before,
.ping-input-label li input[type=checkbox]:disabled,
.ping-input-container.input-checkbox input[type=checkbox]:disabled+.icon:after,
.ping-input-container.input-checkbox input[type=checkbox]:disabled+.icon:before,
.ping-input-container.input-checkbox input[type=checkbox]:disabled,
.ping-input-container .ping-checkbox-container input[type=checkbox]:disabled+.icon:after,
.ping-input-container .ping-checkbox-container input[type=checkbox]:disabled+.icon:before,
.ping-input-container .ping-checkbox-container input[type=checkbox]:disabled,
.ping-input-container label input[type=checkbox]:disabled+.icon:after,
.ping-input-container label input[type=checkbox]:disabled+.icon:before,
.ping-input-container label input[type=checkbox]:disabled,
.ping-input-container li input[type=checkbox]:disabled+.icon:after,
.ping-input-container li input[type=checkbox]:disabled+.icon:before,
.ping-input-container li input[type=checkbox]:disabled {
    cursor: default;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

label.input-checkbox .icon,
label .ping-checkbox-container .icon,
label label .icon,
label li .icon,
.ping-input-label.input-checkbox .icon,
.ping-input-label .ping-checkbox-container .icon,
.ping-input-label label .icon,
.ping-input-label li .icon,
.ping-input-container.input-checkbox .icon,
.ping-input-container .ping-checkbox-container .icon,
.ping-input-container label .icon,
.ping-input-container li .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
}

label.input-checkbox .icon:before,
label .ping-checkbox-container .icon:before,
label label .icon:before,
label li .icon:before,
.ping-input-label.input-checkbox .icon:before,
.ping-input-label .ping-checkbox-container .icon:before,
.ping-input-label label .icon:before,
.ping-input-label li .icon:before,
.ping-input-container.input-checkbox .icon:before,
.ping-input-container .ping-checkbox-container .icon:before,
.ping-input-container label .icon:before,
.ping-input-container li .icon:before {
    content: '';
    display: block;
    border: 3px solid #e8ebed;
    height: 18px;
    width: 18px;
    line-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

label.input-checkbox .icon:after,
label .ping-checkbox-container .icon:after,
label label .icon:after,
label li .icon:after,
.ping-input-label.input-checkbox .icon:after,
.ping-input-label .ping-checkbox-container .icon:after,
.ping-input-label label .icon:after,
.ping-input-label li .icon:after,
.ping-input-container.input-checkbox .icon:after,
.ping-input-container .ping-checkbox-container .icon:after,
.ping-input-container label .icon:after,
.ping-input-container li .icon:after {
    content: '\79';
    position: absolute;
    text-transform: none;
    color: transparent;
    font-family: "iconfont";
    font-size: 10px;
    left: 3px;
    bottom: 1px;
    text-align: center;
    height: 18px;
    width: 18px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label.input-checkbox.top-label,
label .ping-checkbox-container.top-label,
label label.top-label,
label li.top-label,
.ping-input-label.input-checkbox.top-label,
.ping-input-label .ping-checkbox-container.top-label,
.ping-input-label label.top-label,
.ping-input-label li.top-label,
.ping-input-container.input-checkbox.top-label,
.ping-input-container .ping-checkbox-container.top-label,
.ping-input-container label.top-label,
.ping-input-container li.top-label {
    padding: 0;
    height: 47px;
}

label.input-checkbox.top-label .icon,
label .ping-checkbox-container.top-label .icon,
label label.top-label .icon,
label li.top-label .icon,
.ping-input-label.input-checkbox.top-label .icon,
.ping-input-label .ping-checkbox-container.top-label .icon,
.ping-input-label label.top-label .icon,
.ping-input-label li.top-label .icon,
.ping-input-container.input-checkbox.top-label .icon,
.ping-input-container .ping-checkbox-container.top-label .icon,
.ping-input-container label.top-label .icon,
.ping-input-container li.top-label .icon {
    top: 23px;
}

label.input-checkbox.no-label,
label .ping-checkbox-container.no-label,
label label.no-label,
label li.no-label,
.ping-input-label.input-checkbox.no-label,
.ping-input-label .ping-checkbox-container.no-label,
.ping-input-label label.no-label,
.ping-input-label li.no-label,
.ping-input-container.input-checkbox.no-label,
.ping-input-container .ping-checkbox-container.no-label,
.ping-input-container label.no-label,
.ping-input-container li.no-label {
    margin-right: 0;
}

label.input-checkbox.large input[type=checkbox],
label .ping-checkbox-container.large input[type=checkbox],
label label.large input[type=checkbox],
label li.large input[type=checkbox],
.ping-input-label.input-checkbox.large input[type=checkbox],
.ping-input-label .ping-checkbox-container.large input[type=checkbox],
.ping-input-label label.large input[type=checkbox],
.ping-input-label li.large input[type=checkbox],
.ping-input-container.input-checkbox.large input[type=checkbox],
.ping-input-container .ping-checkbox-container.large input[type=checkbox],
.ping-input-container label.large input[type=checkbox],
.ping-input-container li.large input[type=checkbox] {
    width: 24px;
    height: 24px;
}

label.input-checkbox.large .icon,
label .ping-checkbox-container.large .icon,
label label.large .icon,
label li.large .icon,
.ping-input-label.input-checkbox.large .icon,
.ping-input-label .ping-checkbox-container.large .icon,
.ping-input-label label.large .icon,
.ping-input-label li.large .icon,
.ping-input-container.input-checkbox.large .icon,
.ping-input-container .ping-checkbox-container.large .icon,
.ping-input-container label.large .icon,
.ping-input-container li.large .icon {
    line-height: 20px;
}

label.input-checkbox.large .icon:before,
label .ping-checkbox-container.large .icon:before,
label label.large .icon:before,
label li.large .icon:before,
.ping-input-label.input-checkbox.large .icon:before,
.ping-input-label .ping-checkbox-container.large .icon:before,
.ping-input-label label.large .icon:before,
.ping-input-label li.large .icon:before,
.ping-input-container.input-checkbox.large .icon:before,
.ping-input-container .ping-checkbox-container.large .icon:before,
.ping-input-container label.large .icon:before,
.ping-input-container li.large .icon:before {
    height: 24px;
    width: 24px;
    line-height: 24px;
}

label.input-checkbox.large .icon:after,
label .ping-checkbox-container.large .icon:after,
label label.large .icon:after,
label li.large .icon:after,
.ping-input-label.input-checkbox.large .icon:after,
.ping-input-label .ping-checkbox-container.large .icon:after,
.ping-input-label label.large .icon:after,
.ping-input-label li.large .icon:after,
.ping-input-container.input-checkbox.large .icon:after,
.ping-input-container .ping-checkbox-container.large .icon:after,
.ping-input-container label.large .icon:after,
.ping-input-container li.large .icon:after {
    height: 24px;
    width: 24px;
}

label.input-checkbox.stacked,
label .ping-checkbox-container.stacked,
label label.stacked,
label li.stacked,
.ping-input-label.input-checkbox.stacked,
.ping-input-label .ping-checkbox-container.stacked,
.ping-input-label label.stacked,
.ping-input-label li.stacked,
.ping-input-container.input-checkbox.stacked,
.ping-input-container .ping-checkbox-container.stacked,
.ping-input-container label.stacked,
.ping-input-container li.stacked {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 0 45px;
}

label.input-checkbox.stacked .label-text,
label .ping-checkbox-container.stacked .label-text,
label label.stacked .label-text,
label li.stacked .label-text,
.ping-input-label.input-checkbox.stacked .label-text,
.ping-input-label .ping-checkbox-container.stacked .label-text,
.ping-input-label label.stacked .label-text,
.ping-input-label li.stacked .label-text,
.ping-input-container.input-checkbox.stacked .label-text,
.ping-input-container .ping-checkbox-container.stacked .label-text,
.ping-input-container label.stacked .label-text,
.ping-input-container li.stacked .label-text {
    display: inline-block;
    padding-top: 6px;
}

label.input-radio,
label .input-radio,
.ping-input-label.input-radio,
.ping-input-label .input-radio,
.ping-input-container.input-radio,
.ping-input-container .input-radio {
    position: relative;
    line-height: 25px;
    min-height: 25px;
    min-width: 25px;
    display: inline-block;
    padding: 0 0 0 32px;
    margin: 0 20px 0 0;
    cursor: pointer;
}

label.input-radio.no-label,
label .input-radio.no-label,
.ping-input-label.input-radio.no-label,
.ping-input-label .input-radio.no-label,
.ping-input-container.input-radio.no-label,
.ping-input-container .input-radio.no-label {
    margin-right: 0;
}

label.input-radio.stacked,
label .input-radio.stacked,
.ping-input-label.input-radio.stacked,
.ping-input-label .input-radio.stacked,
.ping-input-container.input-radio.stacked,
.ping-input-container .input-radio.stacked {
    display: block;
    text-align: left;
    margin-bottom: 13px;
}

label.input-radio.stacked .help-tooltip:after,
label .input-radio.stacked .help-tooltip:after,
.ping-input-label.input-radio.stacked .help-tooltip:after,
.ping-input-label .input-radio.stacked .help-tooltip:after,
.ping-input-container.input-radio.stacked .help-tooltip:after,
.ping-input-container .input-radio.stacked .help-tooltip:after {
    position: static;
}

label.input-radio.stacked .help-tooltip .tooltip-text,
label .input-radio.stacked .help-tooltip .tooltip-text,
.ping-input-label.input-radio.stacked .help-tooltip .tooltip-text,
.ping-input-label .input-radio.stacked .help-tooltip .tooltip-text,
.ping-input-container.input-radio.stacked .help-tooltip .tooltip-text,
.ping-input-container .input-radio.stacked .help-tooltip .tooltip-text {
    bottom: 24px;
    left: 21%;
    margin-left: -5px;
}

label.input-radio input[type=radio],
label .input-radio input[type=radio],
.ping-input-label.input-radio input[type=radio],
.ping-input-label .input-radio input[type=radio],
.ping-input-container.input-radio input[type=radio],
.ping-input-container .input-radio input[type=radio] {
    position: absolute;
    visibility: hidden;
    margin: 0;
}

label.input-radio input[type=radio]:checked+.circle:after,
label .input-radio input[type=radio]:checked+.circle:after,
.ping-input-label.input-radio input[type=radio]:checked+.circle:after,
.ping-input-label .input-radio input[type=radio]:checked+.circle:after,
.ping-input-container.input-radio input[type=radio]:checked+.circle:after,
.ping-input-container .input-radio input[type=radio]:checked+.circle:after {
    background-color: #4b637c;
}

label.input-radio.input-text .circle,
label .input-radio.input-text .circle,
.ping-input-label.input-radio.input-text .circle,
.ping-input-label .input-radio.input-text .circle,
.ping-input-container.input-radio.input-text .circle,
.ping-input-container .input-radio.input-text .circle {
    bottom: 9px;
}

label.input-radio.input-text input[type=text],
label .input-radio.input-text input[type=text],
.ping-input-label.input-radio.input-text input[type=text],
.ping-input-label .input-radio.input-text input[type=text],
.ping-input-container.input-radio.input-text input[type=text],
.ping-input-container .input-radio.input-text input[type=text] {
    display: inline-block;
    margin: 0;
}

label.input-radio.input-text:after,
label .input-radio.input-text:after,
.ping-input-label.input-radio.input-text:after,
.ping-input-label .input-radio.input-text:after,
.ping-input-container.input-radio.input-text:after,
.ping-input-container .input-radio.input-text:after {
    top: 31px;
}

label.input-radio .circle,
label .input-radio .circle,
.ping-input-label.input-radio .circle,
.ping-input-label .input-radio .circle,
.ping-input-container.input-radio .circle,
.ping-input-container .input-radio .circle {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    border: 3px solid #e8ebed;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
}

label.input-radio .circle.error,
label.input-radio .circle.form-error,
label .input-radio .circle.error,
label .input-radio .circle.form-error,
.ping-input-label.input-radio .circle.error,
.ping-input-label.input-radio .circle.form-error,
.ping-input-label .input-radio .circle.error,
.ping-input-label .input-radio .circle.form-error,
.ping-input-container.input-radio .circle.error,
.ping-input-container.input-radio .circle.form-error,
.ping-input-container .input-radio .circle.error,
.ping-input-container .input-radio .circle.form-error {
    border-color: #ed3a03;
}

label.input-radio .circle.error:focus,
label.input-radio .circle.form-error:focus,
label .input-radio .circle.error:focus,
label .input-radio .circle.form-error:focus,
.ping-input-label.input-radio .circle.error:focus,
.ping-input-label.input-radio .circle.form-error:focus,
.ping-input-label .input-radio .circle.error:focus,
.ping-input-label .input-radio .circle.form-error:focus,
.ping-input-container.input-radio .circle.error:focus,
.ping-input-container.input-radio .circle.form-error:focus,
.ping-input-container .input-radio .circle.error:focus,
.ping-input-container .input-radio .circle.form-error:focus {
    border-color: #ed3a03;
}

label.input-radio .circle:after,
label .input-radio .circle:after,
.ping-input-label.input-radio .circle:after,
.ping-input-label .input-radio .circle:after,
.ping-input-container.input-radio .circle:after,
.ping-input-container .input-radio .circle:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label .input-toggle,
.ping-input-label .input-toggle,
.ping-input-container .input-toggle {
    display: block;
}

label.detached,
.ping-input-label.detached,
.ping-input-container.detached {
    margin-bottom: 7px;
    margin-right: 10px;
}

label.detached:before,
label.detached:after,
.ping-input-label.detached:before,
.ping-input-label.detached:after,
.ping-input-container.detached:before,
.ping-input-container.detached:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

label.detached:after,
.ping-input-label.detached:after,
.ping-input-container.detached:after {
    clear: both;
}

label.detached .help-tooltip,
.ping-input-label.detached .help-tooltip,
.ping-input-container.detached .help-tooltip {
    margin-left: 10px;
    margin-top: -3px;
    float: right;
}

label a.add-link,
.ping-input-label a.add-link,
.ping-input-container a.add-link {
    position: absolute;
    left: 0;
}

label a.input-toggle,
.ping-input-label a.input-toggle,
.ping-input-container a.input-toggle {
    display: block;
}

label a.undo,
.ping-input-label a.undo,
.ping-input-container a.undo {
    position: absolute;
    bottom: 5px;
    right: 11px;
    font-size: 0;
    color: transparent;
    width: 14px;
}

label a.undo:before,
.ping-input-label a.undo:before,
.ping-input-container a.undo:before {
    content: '\6e';
    font-family: "iconfont";
    font-size: 16px;
    color: #2996cc;
    text-transform: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

label.edited .input-container:after,
.ping-input-label.edited .input-container:after,
.ping-input-container.edited .input-container:after {
    content: '';
    font-size: 0;
    color: transparent;
}

label.edited.inline-save .input-container,
.ping-input-label.edited.inline-save .input-container,
.ping-input-container.edited.inline-save .input-container {
    padding-right: 50px;
}

label.edited.inline-save .undo,
.ping-input-label.edited.inline-save .undo,
.ping-input-container.edited.inline-save .undo {
    right: 61px;
}

label.edited.inline-save .save,
.ping-input-label.edited.inline-save .save,
.ping-input-container.edited.inline-save .save {
    position: absolute;
    top: 11px;
    right: 0;
}

label .label-text .help-tooltip,
.ping-input-label .label-text .help-tooltip,
.ping-input-container .label-text .help-tooltip {
    margin-left: 10px;
    margin-top: -3px;
    float: right;
}

label.main,
.ping-input-label.main,
.ping-input-container.main {
    display: block;
    margin: 0 0 5px 0;
}

label.radio-group,
.ping-input-label.radio-group,
.ping-input-container.radio-group {
    display: block;
    margin: 0 0 15px 0;
}

.radio-inputs {
    position: relative;
    margin: 15px 0 0 23px;
}

.input-select>span,
.ping-input-container>span {
    line-height: 1em;
    display: block;
}

.input-select>span.input-label,
.ping-input-container>span.input-label {
    margin-bottom: 8px;
}

.input-select>span .help-tooltip,
.ping-input-container>span .help-tooltip {
    margin-left: 10px;
}

.input-select>span.inline,
.ping-input-container>span.inline {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    padding-right: 10px;
}

.input-select .input-container,
.ping-input-container .input-container {
    margin: 7px 0 0 0;
}

.input-select .input-container>div,
.ping-input-container .input-container>div {
    position: relative;
    clear: both;
    display: inline-block;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #9ea5a8;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-select .input-container>div.wrapper,
.ping-input-container .input-container>div.wrapper {
    border: none;
}

.input-select .input-container>div:after,
.ping-input-container .input-container>div:after {
    position: absolute;
    content: 'v';
    font-family: "iconfont";
    font-size: 12px;
    text-transform: none;
    right: 10px;
    top: 12px;
    color: #4c637d;
    pointer-events: none;
}

.input-select.error>div .wrapper,
.input-select.form-error>div .wrapper,
.ping-input-container.error>div .wrapper,
.ping-input-container.form-error>div .wrapper {
    border: 1px solid #ed3a03;
}

.input-select.error>div .wrapper:focus,
.input-select.form-error>div .wrapper:focus,
.ping-input-container.error>div .wrapper:focus,
.ping-input-container.form-error>div .wrapper:focus {
    border: 1px solid #ed3a03;
}

.input-select select,
.ping-input-container select {
    background: #f4f7f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #4c637d;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    padding: 0 40px 0 10px;
    width: 110%;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    text-transform: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.input-select select option:hover,
.ping-input-container select option:hover {
    background-color: #2996cc;
    color: #fff;
}

.input-select select:-moz-focusring,
.ping-input-container select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.input-select select::-ms-expand,
.ping-input-container select::-ms-expand {
    display: none;
}

.input-select select::-ms-value,
.ping-input-container select::-ms-value {
    color: #4c637d;
    background: none;
}

.input-select.fancy-select .options-container,
.ping-input-container.fancy-select .options-container {
    position: relative;
    height: auto;
    line-height: 1em;
    min-width: 200px;
    overflow: visible;
}

.input-select.fancy-select .options-container:after,
.ping-input-container.fancy-select .options-container:after {
    top: 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.input-select.fancy-select .options-container .add-new a.add-link,
.ping-input-container.fancy-select .options-container .add-new a.add-link {
    display: block;
    position: relative;
    text-transform: capitalize;
}

.input-select.fancy-select .options-container .add-new a.button,
.ping-input-container.fancy-select .options-container .add-new a.button {
    display: none;
}

.input-select.fancy-select .options-container .add-new a.button:last-of-type,
.ping-input-container.fancy-select .options-container .add-new a.button:last-of-type {
    margin: 0;
}

.input-select.fancy-select .options-container .add-new a:hover,
.ping-input-container.fancy-select .options-container .add-new a:hover {
    text-decoration: none;
}

.input-select.fancy-select .options-container .add-new .add-new-input,
.ping-input-container.fancy-select .options-container .add-new .add-new-input {
    display: none;
}

.input-select.fancy-select .options-container .add-new .add-new-input .input-container,
.ping-input-container.fancy-select .options-container .add-new .add-new-input .input-container {
    border-bottom: none;
}

.input-select.fancy-select .options-container .add-new .add-new-input .label-text,
.ping-input-container.fancy-select .options-container .add-new .add-new-input .label-text {
    display: none;
}

.input-select.fancy-select .options-container .add-new .add-new-input input,
.ping-input-container.fancy-select .options-container .add-new .add-new-input input {
    width: 180px;
}

.input-select.fancy-select .options-container .option-selected,
.ping-input-container.fancy-select .options-container .option-selected {
    padding: 9px 35px 9px 10px;
    font-size: 16px;
    text-transform: none;
}

.input-select.fancy-select .options-container .options>div:hover,
.ping-input-container.fancy-select .options-container .options>div:hover {
    background-color: #f0f6f7;
}

.input-select.fancy-select .options-container .options>div.add-new:hover,
.ping-input-container.fancy-select .options-container .options>div.add-new:hover {
    background-color: inherit;
}

.input-select.fancy-select .options-container .options,
.ping-input-container.fancy-select .options-container .options {
    height: 0;
    overflow: auto;
    text-transform: none;
    position: absolute;
    top: 32px;
    left: -1px;
    right: -1px;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #9ea5a8;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.input-select.fancy-select .options-container .options>div,
.ping-input-container.fancy-select .options-container .options>div {
    padding: 8px 15px;
    font-size: 14px;
}

.input-select.fancy-select.open .options,
.ping-input-container.fancy-select.open .options {
    height: 137px;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.input-select.fancy-select.open .options-container:after,
.ping-input-container.fancy-select.open .options-container:after {
    top: 8px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.input-select.fancy-select.open .input-container>div,
.ping-input-container.fancy-select.open .input-container>div {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.input-select.fancy-select.adding .options-container,
.ping-input-container.fancy-select.adding .options-container {
    min-width: 320px;
}

.input-select.fancy-select.adding .add-new a.add-link,
.ping-input-container.fancy-select.adding .add-new a.add-link {
    display: none;
}

.input-select.fancy-select.adding .add-new a.button,
.ping-input-container.fancy-select.adding .add-new a.button {
    display: inline-block;
}

.input-select.fancy-select.adding .add-new .add-new-input,
.ping-input-container.fancy-select.adding .add-new .add-new-input {
    display: block;
}

.input-row {
    position: relative;
    margin: 0 0 20px 0;
    clear: both;
}

.input-row .inactive,
.input-row.inactive {
    display: none;
}

.input-divider {
    display: block;
    margin: 15px 30px;
    border-top: 1px solid #d8dbdc;
}

.input-child {
    margin: 0 0 0 25px;
}

.input-file-upload {
    position: relative;
    display: block;
}

.input-file-upload.no-label {
    margin-top: 0;
}

.input-file-upload .form-error.help-tooltip .tooltip-text {
    top: 7px;
}

.input-file-upload input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 1px;
    width: 1px;
    height: 1px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

.input-file-upload label {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.input-file-upload .button.inline {
    display: block;
    width: 95px;
    text-transform: none;
}

.input-file-upload .file-info {
    line-height: 1em;
    margin: 0 0 0 10px;
}

.input-file-upload .file-info a.file-remove {
    display: none;
    font-size: 14px;
    line-height: 1em;
    margin: 10px 10px 0 0;
}

.input-file-upload .file-info .file-name {
    font-size: 14px;
    line-height: 1em;
}

.input-file-upload.file-selected a.file-remove {
    display: inline-block;
}

.input-file-upload.image-upload .image-icon {
    display: inline-block;
    width: 78px;
    min-height: 60px;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-file-upload.image-upload .image-icon:after {
    display: block;
    color: #c6c6c5;
    font-family: "iconfont";
    text-transform: none;
    content: '\69';
    border: 1px solid #c6c6c5;
    font-size: 51px;
    height: 52px;
    padding: 5px 0 0px 0;
    line-height: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-file-upload.image-upload .input-image-thumb {
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-file-upload.image-upload .input-image-thumb img {
    width: 90px;
}

.input-file-upload.image-upload .button.inline {
    position: absolute;
    top: 25px;
    left: 105px;
}

.input-file-upload.image-upload .image-types {
    font-size: 14px;
    position: absolute;
    top: 65px;
    left: 105px;
    left: 105px;
}

.input-file-upload.image-upload.file-selected .image-icon {
    display: none;
}

.input-file-upload.image-upload.file-selected .input-image-thumb {
    display: block;
}

.input-file-upload.image-upload.inactive {
    display: none;
}

.input-toggle {
    display: inline-block;
}

.input-toggle .toggle {
    position: relative;
    height: 26px;
    width: 40px;
    background-color: #c6c6c5;
    display: inline-block;
    border: 1px solid #c6c6c5;
    vertical-align: middle;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.input-toggle .toggle:after {
    content: '';
    background-color: #fff;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 26px;
    width: 26px;
    border: 1px solid #c6c6c5;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.input-toggle.selected .toggle {
    background-color: #35c370;
    border-color: #35c370;
}

.input-toggle.selected .toggle:after {
    left: 15px;
}

.input-toggle.error .toggle,
.input-toggle.form-error .toggle,
.input-toggle.selected.error .toggle {
    border-color: #ed3a03;
}

.input-toggle.error .toggle:focus,
.input-toggle.form-error .toggle:focus,
.input-toggle.selected.error .toggle:focus {
    border-color: #ed3a03;
}

.input-toggle.error .toggle:after,
.input-toggle.form-error .toggle:after,
.input-toggle.selected.error .toggle:after {
    border-color: #ed3a03;
}

.input-toggle.small .toggle {
    height: 18px;
    width: 30px;
}

.input-toggle.small .toggle:after {
    height: 18px;
    width: 18px;
}

.input-toggle.small .toggle.selected:after {
    left: 13px;
}

.search-inputs input[type=text],
.search-inputs input[type=button],
.search-inputs button,
.search-inputs .button {
    height: 46px;
    line-height: 46px;
}

.search-inputs .input-select div {
    height: 46px;
    margin: 0;
}

.search-inputs .input-select div:after {
    top: 14px;
}

.search-inputs .input-select select {
    height: 46px;
    line-height: 46px;
}

.input-search-suggested {
    position: relative;
    width: 300px;
}

.input-search-suggested:before {
    content: '\73';
    position: absolute;
    top: 15px;
    left: 15px;
    color: #4c637d;
    text-transform: none;
    font-family: "iconfont";
    font-size: 22px;
}

.input-search-suggested.suggest .search-list {
    display: inline-block;
}

.input-search-suggested input {
    font-size: 16px;
    padding-left: 46px;
    width: 100%;
}

.input-search-suggested .search-list {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 100;
    background: #f0f6f7;
    border: 1px solid #c6c6c5;
    padding: 10px 0;
}

.input-search-suggested .search-list li {
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 20px;
    color: #5A6266;
    font-weight: 400;
    border: none;
}

.input-search-suggested .search-list li:hover {
    color: #fff;
    background: #5A6266;
    border: none;
}

.input-multiselect {
    position: relative;
    display: inline-block;
}

.input-multiselect .button {
    padding-right: 50px;
}

.input-multiselect .button:after {
    position: absolute;
    content: 'v';
    font-family: "iconfont";
    font-size: 12px;
    text-transform: none;
    right: 10px;
    top: 1px;
    color: #4c637d;
    pointer-events: none;
}

.input-multiselect input[type=text] {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 30px;
    width: 180px;
}

.input-multiselect .clear {
    font-family: "iconfont";
    font-size: 10px;
    position: absolute;
    top: 22px;
    right: 26px;
    color: #4c637d;
}

.input-multiselect .menu {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    padding: 15px 15px 0 15px;
    border: 1px solid #c6c6c5;
    background: #fff;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.input-multiselect .menu .options {
    margin: 47px 0 0 0;
    max-height: 285px;
    min-width: 202px;
    overflow: auto;
}

.input-multiselect .menu .hidden {
    display: none;
}

.input-multiselect .menu:before,
.input-multiselect .menu:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px;
    left: 15px;
}

.input-multiselect .menu:before {
    top: -21px;
    border-color: transparent transparent #c6c6c5 transparent;
}

.input-multiselect .menu:after {
    top: -20px;
    border-color: transparent transparent #fff transparent;
}

.input-multiselect .menu label {
    position: relative;
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    cursor: pointer;
    display: block;
    margin: 0 0 5px 0;
}

.input-multiselect .menu label .label-text {
    display: block;
    text-transform: uppercase;
}

.input-multiselect .menu label input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    margin: 0;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.input-multiselect .menu label input[type=checkbox]:checked+.icon:after {
    color: #4c637d;
}

.input-multiselect .menu label input[type=checkbox]:disabled+.icon:after,
.input-multiselect .menu label input[type=checkbox]:disabled+.icon:before,
.input-multiselect .menu label input[type=checkbox]:disabled {
    cursor: default;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

.input-multiselect .menu label .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
}

.input-multiselect .menu label .icon:before {
    content: '';
    display: block;
    border: 3px solid #e8ebed;
    height: 18px;
    width: 18px;
    line-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.input-multiselect .menu label .icon:after {
    content: '\79';
    position: absolute;
    text-transform: none;
    color: transparent;
    font-family: "iconfont";
    font-size: 10px;
    left: 3px;
    bottom: 1px;
    text-align: center;
    height: 18px;
    width: 18px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.input-multiselect .menu label.top-label {
    padding: 0;
    height: 47px;
}

.input-multiselect .menu label.top-label .icon {
    top: 23px;
}

.input-multiselect .menu label.no-label {
    margin-right: 0;
}

.input-multiselect .menu label:last-child {
    margin-bottom: 12px;
}

.input-multiselect.open .menu {
    display: block;
}

.drop-link {
    position: relative;
    text-transform: uppercase;
}

.drop-link:hover {
    text-decoration: none;
}

.drop-link:after {
    content: 'v';
    font-family: "iconfont";
    font-size: 12px;
    text-transform: none;
    right: 10px;
    top: 1px;
    pointer-events: none;
}

.drop-link.open:after {
    content: '^';
}

.form-error.input-toggle .toggle {
    border-color: #ed3a03;
}

.form-error.input-toggle .toggle:focus {
    border-color: #ed3a03;
}

.form-error.input-toggle .toggle:after {
    border-color: #ed3a03;
}

.required:before {
    content: '';
    position: absolute;
    background-color: #f1ba1c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 6px;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.required.error:before {
    content: '';
    position: absolute;
    background-color: #f1ba1c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 6px;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #ed3a03;
}

.required.input-text input[type=text],
.required.input-text input[type=password],
.required.input-text textarea,
.required.input-text input[type=tel],
.required.input-text input[type=email],
.required.input-text input[type=date],
.required.input-textarea input[type=text],
.required.input-textarea input[type=password],
.required.input-textarea textarea,
.required.input-textarea input[type=tel],
.required.input-textarea input[type=email],
.required.input-textarea input[type=date],
.required.input-toggle input[type=text],
.required.input-toggle input[type=password],
.required.input-toggle textarea,
.required.input-toggle input[type=tel],
.required.input-toggle input[type=email],
.required.input-toggle input[type=date],
.required.input-select>div input[type=text],
.required.input-select>div input[type=password],
.required.input-select>div textarea,
.required.input-select>div input[type=tel],
.required.input-select>div input[type=email],
.required.input-select>div input[type=date],
.required.input-row input[type=text],
.required.input-row input[type=password],
.required.input-row textarea,
.required.input-row input[type=tel],
.required.input-row input[type=email],
.required.input-row input[type=date],
.required.legend input[type=text],
.required.legend input[type=password],
.required.legend textarea,
.required.legend input[type=tel],
.required.legend input[type=email],
.required.legend input[type=date] {
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    padding-left: 20px;
}

.required.input-text.value-entered input[type=text],
.required.input-text.value-entered input[type=password],
.required.input-text.value-entered textarea,
.required.input-text.value-entered input[type=tel],
.required.input-text.value-entered input[type=email],
.required.input-text.value-entered input[type=date],
.required.input-textarea.value-entered input[type=text],
.required.input-textarea.value-entered input[type=password],
.required.input-textarea.value-entered textarea,
.required.input-textarea.value-entered input[type=tel],
.required.input-textarea.value-entered input[type=email],
.required.input-textarea.value-entered input[type=date],
.required.input-toggle.value-entered input[type=text],
.required.input-toggle.value-entered input[type=password],
.required.input-toggle.value-entered textarea,
.required.input-toggle.value-entered input[type=tel],
.required.input-toggle.value-entered input[type=email],
.required.input-toggle.value-entered input[type=date],
.required.input-select>div.value-entered input[type=text],
.required.input-select>div.value-entered input[type=password],
.required.input-select>div.value-entered textarea,
.required.input-select>div.value-entered input[type=tel],
.required.input-select>div.value-entered input[type=email],
.required.input-select>div.value-entered input[type=date],
.required.input-row.value-entered input[type=text],
.required.input-row.value-entered input[type=password],
.required.input-row.value-entered textarea,
.required.input-row.value-entered input[type=tel],
.required.input-row.value-entered input[type=email],
.required.input-row.value-entered input[type=date],
.required.legend.value-entered input[type=text],
.required.legend.value-entered input[type=password],
.required.legend.value-entered textarea,
.required.legend.value-entered input[type=tel],
.required.legend.value-entered input[type=email],
.required.legend.value-entered input[type=date] {
    padding-right: 44px;
}

.required.input-text .input-container:before,
.required.input-textarea .input-container:before,
.required.input-select .input-container:before {
    content: '';
    position: absolute;
    background-color: #f1ba1c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 6px;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: 5px;
    bottom: 5px;
    left: 5px;
}

.required.input-select select {
    padding-left: 25px;
}

.required.input-select .input-container:before {
    bottom: 7px;
}

.required.input-select.error .input-container:before,
.required.input-select.form-error .input-container:before {
    background-color: #ed3a03;
}

.required.input-toggle {
    margin: 0 0 0 15px;
}

.required.input-toggle:before {
    top: 0;
    bottom: 0;
    left: -14px;
}

.required.input-row {
    position: relative;
    margin-left: 20px;
}

.required.input-row:before {
    top: 0;
    bottom: 2px;
    left: -19px;
}

.required.legend {
    float: right;
    margin: 0 0 0 15px;
}

.required.legend:before {
    top: 0;
    bottom: 2px;
    left: -14px;
}

.required.value-entered.input-text .input-container:before,
.required.value-entered.input-textarea .input-container:before,
.required.value-entered.input-select .input-container:before {
    width: 0;
}

.required.value-entered.input-text input {
    padding-left: 10px;
}

.required.value-entered.input-textarea textarea {
    padding-left: 10px;
}

.required.value-entered.input-select select {
    padding-left: 10px;
}

[disabled],
.disabled {
    cursor: default;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

[disabled][type=radio]+.circle,
.disabled[type=radio]+.circle {
    cursor: default;
}

[disabled] select,
.disabled select {
    cursor: default;
}

.readonly.input-text input[type=text],
.readonly.input-text input[type=password],
.readonly.input-text input[type=tel],
.readonly.input-text input[type=email],
.readonly.input-text input[type=date],
.readonly.input-text textarea,
.readonly.input-textarea input[type=text],
.readonly.input-textarea input[type=password],
.readonly.input-textarea input[type=tel],
.readonly.input-textarea input[type=email],
.readonly.input-textarea input[type=date],
.readonly.input-textarea textarea {
    cursor: text;
    color: #9ea5a8;
}

.readonly.input-text input[type=text]:hover,
.readonly.input-text input[type=text]:focus,
.readonly.input-text input[type=password]:hover,
.readonly.input-text input[type=password]:focus,
.readonly.input-text input[type=tel]:hover,
.readonly.input-text input[type=tel]:focus,
.readonly.input-text input[type=email]:hover,
.readonly.input-text input[type=email]:focus,
.readonly.input-text input[type=date]:hover,
.readonly.input-text input[type=date]:focus,
.readonly.input-text textarea:hover,
.readonly.input-text textarea:focus,
.readonly.input-textarea input[type=text]:hover,
.readonly.input-textarea input[type=text]:focus,
.readonly.input-textarea input[type=password]:hover,
.readonly.input-textarea input[type=password]:focus,
.readonly.input-textarea input[type=tel]:hover,
.readonly.input-textarea input[type=tel]:focus,
.readonly.input-textarea input[type=email]:hover,
.readonly.input-textarea input[type=email]:focus,
.readonly.input-textarea input[type=date]:hover,
.readonly.input-textarea input[type=date]:focus,
.readonly.input-textarea textarea:hover,
.readonly.input-textarea textarea:focus {
    border: 1px solid #f0f6f7;
}

.readonly.input-text textarea,
.readonly.input-textarea textarea {
    resize: none !important;
}

.readonly.input-text .input-container:after,
.readonly.input-textarea .input-container:after {
    content: '';
}

.readonly.required.input-text:before,
.readonly.required.input-textarea:before,
.readonly.required.input-toggle:before,
.readonly.required.input-select>div:before,
.readonly.required.input-row:before,
.readonly.required.legend:before {
    content: none;
}

.readonly.required.input-text input[type=text],
.readonly.required.input-text input[type=password],
.readonly.required.input-text textarea,
.readonly.required.input-text input[type=tel],
.readonly.required.input-text input[type=email],
.readonly.required.input-text input[type=date],
.readonly.required.input-textarea input[type=text],
.readonly.required.input-textarea input[type=password],
.readonly.required.input-textarea textarea,
.readonly.required.input-textarea input[type=tel],
.readonly.required.input-textarea input[type=email],
.readonly.required.input-textarea input[type=date],
.readonly.required.input-toggle input[type=text],
.readonly.required.input-toggle input[type=password],
.readonly.required.input-toggle textarea,
.readonly.required.input-toggle input[type=tel],
.readonly.required.input-toggle input[type=email],
.readonly.required.input-toggle input[type=date],
.readonly.required.input-select>div input[type=text],
.readonly.required.input-select>div input[type=password],
.readonly.required.input-select>div textarea,
.readonly.required.input-select>div input[type=tel],
.readonly.required.input-select>div input[type=email],
.readonly.required.input-select>div input[type=date],
.readonly.required.input-row input[type=text],
.readonly.required.input-row input[type=password],
.readonly.required.input-row textarea,
.readonly.required.input-row input[type=tel],
.readonly.required.input-row input[type=email],
.readonly.required.input-row input[type=date],
.readonly.required.legend input[type=text],
.readonly.required.legend input[type=password],
.readonly.required.legend textarea,
.readonly.required.legend input[type=tel],
.readonly.required.legend input[type=email],
.readonly.required.legend input[type=date] {
    padding-left: 15px;
}

.readonly.required.input-select select {
    padding: 0 30px 0 10px;
}

.readonly.required.input-toggle {
    margin: 0;
}

.readonly.required.input-row {
    margin-left: 0;
}

#input-advanced-search.advanced-on .narrow-by-link {
    left: 492px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

#input-advanced-search.advanced-on .narrow-by-inputs {
    pointer-events: none;
    height: 0;
    margin: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

#input-advanced-search.advanced-on .input-toggle {
    left: 622px;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

#input-advanced-search.advanced-on .search-list {
    display: inline-block;
}

#input-advanced-search .input-toggle {
    position: absolute;
    top: 11px;
    left: 752px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#input-advanced-search .input-search-suggested {
    position: relative;
}

#input-advanced-search .input-search-suggested:after {
    z-index: 20;
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 18px;
    text-transform: none;
    content: '\73';
    color: #4c637d;
    font-family: "iconfont";
}

#input-advanced-search .narrow-by-link {
    z-index: 1;
    position: absolute;
    left: 622px;
    top: 11px;
    font-size: 14px;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#input-advanced-search .narrow-by-inputs {
    height: 0;
    margin: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: margin ease-out 0.1s 0.3s, height ease-out 0.1s 0.3s, opacity ease-out 0.3s;
    -moz-transition: margin ease-out 0.1s 0.3s, height ease-out 0.1s 0.3s, opacity ease-out 0.3s;
    -ms-transition: margin ease-out 0.1s 0.3s, height ease-out 0.1s 0.3s, opacity ease-out 0.3s;
    -o-transition: margin ease-out 0.1s 0.3s, height ease-out 0.1s 0.3s, opacity ease-out 0.3s;
    transition: margin ease-out 0.1s 0.3s, height ease-out 0.1s 0.3s, opacity ease-out 0.3s;
}

#input-advanced-search .narrow-by-inputs.open {
    height: 33px;
    margin: 15px 0 30px 0;
    pointer-events: auto;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: margin ease-out 0.3s, height ease-out 0.3s, opacity ease-out 0.1s 0.3s;
    -moz-transition: margin ease-out 0.3s, height ease-out 0.3s, opacity ease-out 0.1s 0.3s;
    -ms-transition: margin ease-out 0.3s, height ease-out 0.3s, opacity ease-out 0.1s 0.3s;
    -o-transition: margin ease-out 0.3s, height ease-out 0.3s, opacity ease-out 0.1s 0.3s;
    transition: margin ease-out 0.3s, height ease-out 0.3s, opacity ease-out 0.1s 0.3s;
}

#input-advanced-search .input-search-suggested {
    height: 42px;
}

#input-advanced-search .search-text {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 550px;
    padding-left: 45px;
    margin: 0 20px 0 0;
}

#input-advanced-search .clear-advanced {
    position: absolute;
    left: 579px;
    top: 12px;
    font-family: "iconfont";
    content: 'X';
    font-size: 14px;
    color: #4c637d;
}

.secondary.input-text,
.secondary.input-select div {
    background-color: #fff;
}

.input-text.url input[type=text] {
    width: 625px;
}

.input-text.url.required input[type=text] {
    width: 615px;
}

fieldset {
    margin: 0 0 25px 0;
}

fieldset.unfocused {
    padding: 0 0 0 25px;
}

fieldset.focused {
    border: 1px solid #d8dbdc;
    padding: 20px 25px 30px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

fieldset.focused legend {
    padding: 0 7px;
    margin: 0 0 0 -7px;
    font-size: 14px;
    color: #929aa1;
    text-transform: uppercase;
}

fieldset.focused legend .help-tooltip {
    padding-right: 20px;
}

fieldset.focused legend .input-radio:last-of-type {
    margin-right: 0;
}

fieldset.focused.narrow {
    width: 500px;
}

fieldset .subset {
    margin: 0 0 0 25px;
}

fieldset .subset label {
    text-transform: none;
}

input[type=file] {
    line-height: 1em;
}

.input-color-picker {
    height: 30px;
    margin: 0 20px 15px 0;
}

.input-color-picker.inline {
    display: inline-block;
}

.input-color-picker .minicolors {
    position: relative;
    width: auto;
    display: inline-block;
    padding-bottom: 5px;
    background-color: #f0f6f7;
    border: 1px solid #f0f6f7;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-color-picker .minicolors .minicolors-sprite {
    background-image: url(./jquery.minicolors.png);
}

.input-color-picker .minicolors .minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background-position: -80px 0;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
    top: 5px;
    left: 5px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-color-picker .minicolors .minicolors-swatch .minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.input-color-picker .minicolors input[type=hidden]+.minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer;
}

.input-color-picker .minicolors input[type=hidden][disabled]+.minicolors-swatch {
    cursor: default;
}

.input-color-picker .minicolors .minicolors-input {
    height: 23px;
    width: 114px;
    display: inline-block;
    padding: 2px 10px 0 30px;
    border: none;
    text-transform: uppercase;
}

.input-color-picker .minicolors .minicolors-grid {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 150px;
    height: 150px;
    background-position: -120px 0;
    cursor: crosshair;
}

.input-color-picker .minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}

.input-color-picker .minicolors:after {
    content: 'v';
    font-family: "iconfont";
    font-size: 12px;
    text-transform: none;
    right: 10px;
    top: 12px;
    color: #4c637d;
    pointer-events: none;
}

.input-color-picker .minicolors.minicolors-focus {
    border: 1px solid #CCD5D9;
    border-bottom: none;
}

.input-color-picker .minicolors.minicolors-focus:after {
    -webkit-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -moz-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -ms-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -o-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.input-color-picker .minicolors-panel {
    position: absolute;
    width: 173px;
    height: 152px;
    background: #fff;
    border: solid 1px #c6c6c5;
    z-index: 99999;
    display: none;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.input-color-picker .minicolors-panel.minicolors-visible {
    display: block;
}

.input-color-picker .minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.input-color-picker .minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.input-color-picker .minicolors-slider-saturation .minicolors-grid-inner {
    background-position: -270px 0;
    background-image: inherit;
}

.input-color-picker .minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.input-color-picker .minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.input-color-picker .minicolors-slider,
.input-color-picker .minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px;
    width: 20px;
    height: 150px;
    background-color: white;
    background-position: 0 0;
    cursor: row-resize;
}

.input-color-picker .minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.input-color-picker .minicolors-opacity-slider {
    left: 173px;
    background-position: -40px 0;
    display: none;
}

.input-color-picker .minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

.input-color-picker .minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    border: solid 1px black;
    margin: -6px 0 0 -6px;
    background: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.input-color-picker .minicolors-grid .minicolors-picker>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 2px #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.input-color-picker .minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background: #fff;
    border: solid 1px #000;
    margin-top: -2px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.input-color-picker .minicolors-inline {
    display: inline-block;
}

.input-color-picker .minicolors-inline .minicolors-input {
    display: none !important;
}

.input-color-picker .minicolors-inline .minicolors-panel {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.inline-input-labels>label {
    display: table-row;
}

.inline-input-labels>label:before {
    content: none !important;
}

.inline-input-labels>label .label-text,
.inline-input-labels>label .input-container {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 15px solid transparent;
}

.inline-input-labels>label .label-text {
    padding: 0 15px 0 0;
}

.inline-input-labels>label .input-container {
    display: table-cell;
    padding: 0;
}

.inline-input-labels>label input,
.inline-input-labels>label textarea {
    margin: 0;
}

.inline-input-labels>label.input-text.required .input-container:before {
    top: 5px;
    bottom: 5px;
}

.inline-input-labels>label.input-text.required .input-container:after {
    top: 10px;
}

.inline-input-labels>label.input-select .input-container {
    margin: 0;
}

.inline-input-labels>label.input-select .input-container select {
    margin: 0;
}

.inline-input-labels>label.input-checkbox input {
    display: none;
}

.inline-input-labels>label.input-checkbox .label-text {
    height: 25px;
}

.inline-input-labels>label.input-checkbox .icon {
    display: table-cell;
    position: relative;
}

.inline-input-labels>label.input-checkbox .icon:after {
    bottom: auto;
    top: 5px;
}

.input-calendar {
    display: inline-block;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    margin-bottom: 7px;
}

.input-calendar:before {
    font-family: "iconfont";
    font-size: 14px;
    text-transform: none;
    position: absolute;
    left: 10px;
    top: 13px;
    color: #4b637c;
    pointer-events: none;
}

.input-calendar:after {
    content: "v";
    font-family: "iconfont";
    font-size: 14px;
    text-transform: none;
    position: absolute;
    left: 190px;
    top: 14px;
    color: #4c637d;
    pointer-events: none;
}

.input-calendar.active input[type=text] {
    border: 1px solid #CCD5D9;
}

.input-calendar.active:after {
    -webkit-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -moz-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -ms-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -o-transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    transition: top ease-out 0.4s, opacity ease-out 0.1s 0.3s;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.input-calendar input[type=text] {
    padding: 0 30px;
    font-size: 16px;
    width: 164px;
}

.input-calendar input[type=text]:focus {
    border: 1px solid #CCD5D9;
}

.input-calendar .calendar-icon {
    display: inline-block;
    padding: 0 5px;
    height: 27px;
    line-height: 27px;
}

.input-calendar .input-calendar-wrapper {
    display: none;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
}

.input-calendar .input-calendar-wrapper.active {
    position: absolute;
    display: block;
    margin-top: -10px;
    padding: 5px 12px;
    border: 1px solid #CCD5D9;
    border-top: none;
    background-color: #f0f6f7;
    width: 200px;
    text-align: center;
    left: 0;
    -webkit-touch-callout: none;
    z-index: 2;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -o-user-select: none;
    -moz-user-select: -moz- none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-calendar .input-calendar-wrapper .today-btn {
    display: none;
}

.input-calendar .input-calendar-wrapper .days-view .navigation-wrapper .navigation-title,
.input-calendar .input-calendar-wrapper .months-view .navigation-wrapper .navigation-title,
.input-calendar .input-calendar-wrapper .years-view .navigation-wrapper .navigation-title {
    width: 100px;
    display: inline-block;
    cursor: pointer;
    color: #4c637d;
    font-weight: 600;
}

.input-calendar .input-calendar-wrapper .days-view .navigation-wrapper .icon,
.input-calendar .input-calendar-wrapper .months-view .navigation-wrapper .icon,
.input-calendar .input-calendar-wrapper .years-view .navigation-wrapper .icon {
    display: inline-block;
}

.input-calendar .input-calendar-wrapper .days-view .navigation-wrapper .icon .fa,
.input-calendar .input-calendar-wrapper .months-view .navigation-wrapper .icon .fa,
.input-calendar .input-calendar-wrapper .years-view .navigation-wrapper .icon .fa {
    display: inline-block;
    height: 25px;
    width: 25px;
    color: #4b637c;
    font-size: 13px;
}

.input-calendar .input-calendar-wrapper .days-view .navigation-wrapper .icon .fa.fa-angle-left,
.input-calendar .input-calendar-wrapper .months-view .navigation-wrapper .icon .fa.fa-angle-left,
.input-calendar .input-calendar-wrapper .years-view .navigation-wrapper .icon .fa.fa-angle-left {
    margin-right: 20px;
    background-image: none;
}

.input-calendar .input-calendar-wrapper .days-view .navigation-wrapper .icon .fa.fa-angle-right,
.input-calendar .input-calendar-wrapper .months-view .navigation-wrapper .icon .fa.fa-angle-right,
.input-calendar .input-calendar-wrapper .years-view .navigation-wrapper .icon .fa.fa-angle-right {
    margin-left: 20px;
    background-image: none;
}

.input-calendar .input-calendar-wrapper .days-view .days-title .cell,
.input-calendar .input-calendar-wrapper .months-view .days-title .cell,
.input-calendar .input-calendar-wrapper .years-view .days-title .cell {
    height: 25px;
    line-height: 25px;
    cursor: default;
    font-weight: 600;
    margin: 0;
    color: #4c637d;
}

.input-calendar .input-calendar-wrapper .days-view .days,
.input-calendar .input-calendar-wrapper .days-view .months,
.input-calendar .input-calendar-wrapper .days-view .years,
.input-calendar .input-calendar-wrapper .months-view .days,
.input-calendar .input-calendar-wrapper .months-view .months,
.input-calendar .input-calendar-wrapper .months-view .years,
.input-calendar .input-calendar-wrapper .years-view .days,
.input-calendar .input-calendar-wrapper .years-view .months,
.input-calendar .input-calendar-wrapper .years-view .years {
    padding-bottom: 2px;
}

.input-calendar .input-calendar-wrapper .days-view .days .day,
.input-calendar .input-calendar-wrapper .days-view .months .day,
.input-calendar .input-calendar-wrapper .days-view .years .day,
.input-calendar .input-calendar-wrapper .months-view .days .day,
.input-calendar .input-calendar-wrapper .months-view .months .day,
.input-calendar .input-calendar-wrapper .months-view .years .day,
.input-calendar .input-calendar-wrapper .years-view .days .day,
.input-calendar .input-calendar-wrapper .years-view .months .day,
.input-calendar .input-calendar-wrapper .years-view .years .day {
    width: 26px;
    height: 25px;
    font-weight: 600;
}

.input-calendar .input-calendar-wrapper .days-view .days .month,
.input-calendar .input-calendar-wrapper .days-view .months .month,
.input-calendar .input-calendar-wrapper .days-view .years .month,
.input-calendar .input-calendar-wrapper .months-view .days .month,
.input-calendar .input-calendar-wrapper .months-view .months .month,
.input-calendar .input-calendar-wrapper .months-view .years .month,
.input-calendar .input-calendar-wrapper .years-view .days .month,
.input-calendar .input-calendar-wrapper .years-view .months .month,
.input-calendar .input-calendar-wrapper .years-view .years .month {
    width: 58px;
    height: 38px;
    line-height: 38px;
}

.input-calendar .input-calendar-wrapper .days-view .year,
.input-calendar .input-calendar-wrapper .months-view .year,
.input-calendar .input-calendar-wrapper .years-view .year {
    width: 58px;
    height: 38px;
    line-height: 38px;
}

.input-calendar .input-calendar-wrapper .days-view .day,
.input-calendar .input-calendar-wrapper .months-view .day,
.input-calendar .input-calendar-wrapper .years-view .day {
    width: 26px;
    height: 25px;
    line-height: 25px;
    color: #4c637d;
}

.input-calendar .input-calendar-wrapper .days-view .day.prev,
.input-calendar .input-calendar-wrapper .days-view .day.next,
.input-calendar .input-calendar-wrapper .months-view .day.prev,
.input-calendar .input-calendar-wrapper .months-view .day.next,
.input-calendar .input-calendar-wrapper .years-view .day.prev,
.input-calendar .input-calendar-wrapper .years-view .day.next {
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4;
}

.input-calendar .input-calendar-wrapper .days-view .cell,
.input-calendar .input-calendar-wrapper .months-view .cell,
.input-calendar .input-calendar-wrapper .years-view .cell {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    -webkit-touch-callout: none;
    font-size: 13px;
    -o-user-select: none;
    -moz-user-select: -moz- none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-calendar .input-calendar-wrapper .days-view .cell.hover,
.input-calendar .input-calendar-wrapper .months-view .cell.hover,
.input-calendar .input-calendar-wrapper .years-view .cell.hover {
    color: #4c637d;
}

.input-calendar .input-calendar-wrapper .days-view .cell.current,
.input-calendar .input-calendar-wrapper .months-view .cell.current,
.input-calendar .input-calendar-wrapper .years-view .cell.current {
    background: #4c637d;
    color: #fff;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.icon-elipses {
    position: absolute;
    bottom: 9px;
    right: -20px;
}

.icon-elipses .path-1 {
    -webkit-animation: pulse-1 1.5s ease-out 0.5s infinite;
    -moz-animation: pulse-1 1.5s ease-out 0.5s infinite;
    -o-animation: pulse-1 1.5s ease-out 0.5s infinite;
    animation: pulse-1 1.5s ease-out 0.5s infinite;
}

.icon-elipses .path-2 {
    -webkit-animation: pulse-2 1.5s ease-out 0.5s infinite;
    -moz-animation: pulse-2 1.5s ease-out 0.5s infinite;
    -o-animation: pulse-2 1.5s ease-out 0.5s infinite;
    animation: pulse-2 1.5s ease-out 0.5s infinite;
}

.icon-elipses .path-3 {
    -webkit-animation: pulse-3 1.5s ease-out 0.5s infinite;
    -moz-animation: pulse-3 1.5s ease-out 0.5s infinite;
    -o-animation: pulse-3 1.5s ease-out 0.5s infinite;
    animation: pulse-3 1.5s ease-out 0.5s infinite;
}

@-webkit-keyframes pulse-1 {
    from {
        color: transparent;
    }
    15% {
        color: #868889;
    }
}

@-moz-keyframes pulse-1 {
    from {
        color: transparent;
    }
    15% {
        color: #868889;
    }
}

@-o-keyframes pulse-1 {
    from {
        color: transparent;
    }
    15% {
        color: #868889;
    }
}

@keyframes pulse-1 {
    from {
        color: transparent;
    }
    15% {
        color: #868889;
    }
}

@-webkit-keyframes pulse-2 {
    from {
        color: transparent;
    }
    45% {
        color: #a9a8a8;
    }
}

@-moz-keyframes pulse-2 {
    from {
        color: transparent;
    }
    45% {
        color: #a9a8a8;
    }
}

@-o-keyframes pulse-2 {
    from {
        color: transparent;
    }
    45% {
        color: #a9a8a8;
    }
}

@keyframes pulse-2 {
    from {
        color: transparent;
    }
    45% {
        color: #a9a8a8;
    }
}

@-webkit-keyframes pulse-3 {
    from {
        color: transparent;
    }
    80% {
        color: #c4c4c3;
    }
}

@-moz-keyframes pulse-3 {
    from {
        color: transparent;
    }
    80% {
        color: #c4c4c3;
    }
}

@-o-keyframes pulse-3 {
    from {
        color: transparent;
    }
    80% {
        color: #c4c4c3;
    }
}

@keyframes pulse-3 {
    from {
        color: transparent;
    }
    80% {
        color: #c4c4c3;
    }
}

@-webkit-keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@-o-keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

.loader {
    position: relative;
    top: 50%;
    color: transparent;
    font-size: 1px;
    border-color: #A5AAAE rgba(165, 170, 174, 0.4) rgba(165, 170, 174, 0.4) rgba(165, 170, 174, 0.4);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-animation: rotation 1.1s infinite linear;
    -moz-animation: rotation 1.1s infinite linear;
    -o-animation: rotation 1.1s infinite linear;
    animation: rotation 1.1s infinite linear;
}

.loader.large {
    border-width: 4px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

button.loading:before {
    content: '';
    top: 12px;
    left: 12px;
    position: absolute;
    border-color: rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.8);
    width: 9px;
    height: 9px;
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    -webkit-animation: rotation 1.1s infinite linear;
    -moz-animation: rotation 1.1s infinite linear;
    -o-animation: rotation 1.1s infinite linear;
    animation: rotation 1.1s infinite linear;
}

button.loading.download:before {
    left: 15px;
}

.processing-container {
    position: relative;
    padding: 0px;
    margin-bottom: 35px;
    height: 168px;
}

.processing-container .remaining {
    margin-top: 60px;
    text-align: center;
    display: inline-block;
    max-width: 140px;
}

.processing-container .remaining .time {
    font-weight: 600;
}

.processing-container .processing {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: fadeIn 0.5s linear;
    animation: fadeIn 0.5s linear;
}

.processing-container .processing:before {
    content: "";
    display: block;
    height: 65px;
    width: 65px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.processing-container .processing .spinner {
    margin: 0px auto;
    font-size: 15px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(146, 156, 161, 0.2);
    border-right: 0.6em solid rgba(146, 156, 161, 0.2);
    border-bottom: 0.6em solid rgba(146, 156, 161, 0.2);
    border-left: 0.6em solid #2996cc;
    -webkit-animation: loaderAnim 1s infinite linear;
    animation: loaderAnim 1s infinite linear;
}

.processing-container .processing .spinner,
.processing-container .processing .spinner:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes loaderAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loaderAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes loaderAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loaderAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

html {
    height: 100%;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #3d454d;
    background-color: rgba(61, 69, 77, 0.9) \9;
    /*IE9 hack */
    background-image: radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%);
    background-image: -o-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%);
    background-image: -ms-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%);
    background-image: -moz-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%);
    background-image: -webkit-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    height: 100%;
}

body .ping-signin .section-title,
body .ping-password .section-title {
    display: none;
}

body .ping-signin .ping-header,
body .ping-password .ping-header {
    padding-top: 50px;
    font-size: 40px;
    max-width: 480px;
}

body .ping-signin .ping-subtitle,
body .ping-password .ping-subtitle {
    /* font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.3em;
    padding: 10px 0;
}

body .ping-signin .ping-body-container,
body .ping-password .ping-body-container {
    max-width: 480px;
    padding-bottom: 40px;
}

body .ping-signin .ping-body-container .ping-steps,
body .ping-password .ping-body-container .ping-steps {
    padding: 20px 0;
}

body .ping-signin .ping-body-container .ping-steps .step,
body .ping-password .ping-body-container .ping-steps .step {
    text-align: center;
    display: inline-block;
    width: 120px;
}

body .ping-signin .ping-body-container .ping-steps .step.active span,
body .ping-password .ping-body-container .ping-steps .step.active span {
    color: #fff;
    background-color: #808285;
}

body .ping-signin .ping-body-container .ping-steps .step.active label,
body .ping-password .ping-body-container .ping-steps .step.active label {
    font-weight: 600;
}

body .ping-signin .ping-body-container .ping-steps .step span,
body .ping-password .ping-body-container .ping-steps .step span {
    width: 24px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 2px 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    color: #808285;
    border: 1px solid #808285;
}

body .ping-signin .ping-body-container .ping-steps .step span.complete .icon-approve,
body .ping-password .ping-body-container .ping-steps .step span.complete .icon-approve {
    display: inline-block;
    font-size: 10px;
    margin: 1px 1px 0 0;
    font-size: 9px;
}

body .ping-signin .ping-body-container .ping-steps .step label,
body .ping-password .ping-body-container .ping-steps .step label {
    display: block;
    font-size: 12px;
    text-transform: none;
    color: #808285;
    margin-right: 0;
    padding-top: 10px;
}

body .ping-signin .ping-body-container .ping-input-container.required:before,
body .ping-password .ping-body-container .ping-input-container.required:before {
    top: 12px;
    left: 5px;
    bottom: 5px;
}

body .ping-signin .ping-body-container .ping-input-container.required input[type=text],
body .ping-signin .ping-body-container .ping-input-container.required input[type=password],
body .ping-signin .ping-body-container .ping-input-container.required input[type=tel],
body .ping-signin .ping-body-container .ping-input-container.required input[type=email],
body .ping-signin .ping-body-container .ping-input-container.required input[type=date],
body .ping-password .ping-body-container .ping-input-container.required input[type=text],
body .ping-password .ping-body-container .ping-input-container.required input[type=password],
body .ping-password .ping-body-container .ping-input-container.required input[type=tel],
body .ping-password .ping-body-container .ping-input-container.required input[type=email],
body .ping-password .ping-body-container .ping-input-container.required input[type=date] {
    padding-left: 15px;
}

body .ping-signin .ping-body-container .ping-input-container span,
body .ping-password .ping-body-container .ping-input-container span {
    width: 24px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 2px 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    background-color: #35c370;
    border: 1px solid #35c370;
}

body .ping-signin .ping-body-container .ping-input-container span.complete,
body .ping-password .ping-body-container .ping-input-container span.complete {
    position: absolute;
    right: -35px;
    top: 15px;
}

body .ping-signin .ping-body-container .ping-input-container span.complete .icon-check,
body .ping-password .ping-body-container .ping-input-container span.complete .icon-check {
    display: inline-block;
    font-size: 10px;
    margin: 1px 1px 0 0;
}

body .ping-signin .ping-body-container .ping-input-container span.not-complete,
body .ping-password .ping-body-container .ping-input-container span.not-complete {
    display: none;
}

body .ping-signin .ping-body-container .ping-information,
body .ping-password .ping-body-container .ping-information {
    font-size: 14px;
    text-align: left;
}

body .ping-signin .ping-body-container .ping-requirements,
body .ping-password .ping-body-container .ping-requirements {
    padding: 20px 0;
    text-align: left;
}

body .ping-signin .ping-body-container .ping-requirements a:hover,
body .ping-password .ping-body-container .ping-requirements a:hover {
    text-decoration: none;
}

body .ping-signin .ping-body-container .ping-requirements a .icon-dropdown-arrow,
body .ping-password .ping-body-container .ping-requirements a .icon-dropdown-arrow {
    font-size: 10px;
}

body .ping-signin .ping-body-container .ping-requirements a .icon-dropdown-arrow:before,
body .ping-password .ping-body-container .ping-requirements a .icon-dropdown-arrow:before {
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body .ping-signin .ping-body-container .ping-requirements a.open .icon-dropdown-arrow,
body .ping-password .ping-body-container .ping-requirements a.open .icon-dropdown-arrow {
    font-size: 12px;
}

body .ping-signin .ping-body-container .ping-requirements a.open .icon-dropdown-arrow:before,
body .ping-password .ping-body-container .ping-requirements a.open .icon-dropdown-arrow:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body .ping-signin .ping-body-container .ping-requirements a #down-arrow:after,
body .ping-password .ping-body-container .ping-requirements a #down-arrow:after {
    font-family: "iconfont";
    content: "\76";
    font-size: .7em;
    padding-left: 5px;
}

body .ping-signin .ping-body-container .ping-requirements a #up-arrow:after,
body .ping-password .ping-body-container .ping-requirements a #up-arrow:after {
    content: "\5e";
    font-family: "iconfont";
    font-size: .7em;
    padding-left: 5px;
}

body .ping-signin .ping-body-container .ping-requirements .requirements,
body .ping-password .ping-body-container .ping-requirements .requirements {
    display: none;
    padding-top: 8px;
}

body .ping-signin .ping-input-link.ping-pass-change,
body .ping-password .ping-input-link.ping-pass-change {
    border-top: none;
    color: #2996cc;
}

body .ping-signin .ping-input-link.ping-pass-change .divider,
body .ping-password .ping-input-link.ping-pass-change .divider {
    padding: 0 5px;
    color: #000;
}

body .ping-signin .ping-register,
body .ping-password .ping-register {
    font-size: 14px;
}

body .ping-signin .ping-footer-container .ping-footer .ping-credits,
body .ping-password .ping-footer-container .ping-footer .ping-credits {
    visibility: visible;
    background-image: url("./powered-by-ping-identity.svg");
}

body.columns-layout .ping-signin .ping-header {
    display: none;
}

body.columns-layout .ping-signin .ping-body-container {
    max-width: 790px;
    padding: 60px 50px 50px;
}

body .social-media-container {
    margin-top: 50px;
}

body .button-container {
    padding: 0 0 15px;
    text-align: left;
}

body .button-container .social-media {
    width: 272px;
    box-sizing: border-box;
    padding: 0 8px 0 45px;
    text-align: left;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #333;
    background-repeat: no-repeat;
    background-position: left 10px top 10px;
    background-size: auto 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}

body .button-container .social-media:hover {
    background-color: rgba(235, 235, 235, 0.8);
    color: #333;
}

body .button-container .social-media.Amazon,
body .button-container .social-media.amazon {
    background-image: url("./logo-amazon.png");
}

body .button-container .social-media.Apple,
body .button-container .social-media.apple {
    background-image: url("./logo-apple.png");
}

body .button-container .social-media.Facebook,
body .button-container .social-media.facebook {
    background-image: url("./logo-facebook.png");
}

body .button-container .social-media.GitHub,
body .button-container .social-media.Github,
body .button-container .social-media.github {
    background-image: url("./logo-github.png");
}

body .button-container .social-media.Google,
body .button-container .social-media.google {
    background-image: url("./logo-google.png");
}

body .button-container .social-media.LinkedIn,
body .button-container .social-media.linkedIn,
body .button-container .social-media.linkedin {
    background-image: url("./logo-linkedin.png");
}

body .button-container .social-media.Twitter,
body .button-container .social-media.twitter {
    background-image: url("./logo-twitter.png");
}

body .button-container .social-media.QR.Code,
body .button-container .social-media.qr.code,
body .button-container .social-media.QR.code,
body .button-container .social-media.QRCode,
body .button-container .social-media.QRcode,
body .button-container .social-media.qrcode {
    background-image: url("./icon-qr-code.png");
}

body .button-container .social-media.biometrics {
    background-image: url("./icon-biometrics.png");
}

body .button-container .social-media.touchid {
    background-image: url("./icon-touchid.png");
}

body .button-container .social-media.windowshello {
    background-image: url("./icon-windowshello.png");
}

body .button-container .social-media.faceid {
    background-image: url("./icon-faceid.png");
}

body .button-container .social-media.SecurityKey,
body .button-container .social-media.Security.Key,
body .button-container .social-media.securitykey,
body .button-container .social-media.security.key {
    background-image: url("./icon-securitykey.png");
    background-position: left 10px center;
    background-size: 25px auto;
}

body.mobile .ping-signin .remember-username,
body.mobile .ping-signin .my-computer {
    display: none;
}

body.mobile .ping-signin .remember-username *,
body.mobile .ping-signin .my-computer * {
    display: none;
}

body.mobile .ping-signin .ping-buttons {
    margin-top: 10px;
}

body.mobile .social-media-container {
    margin-top: 30px;
}

body.embedded .ping-header {
    display: none;
}

label {
    display: block;
    clear: both;
}

input[disabled="disabled"] {
    color: #9e9e9e;
    background: #f6f6f6;
}

pre {
    border-top: 1px solid #dfdfdf;
    max-height: 95px;
    overflow: auto;
    background: #f6f6f6;
    font-size: 13px;
    line-height: 1.2;
    padding: 10px;
    margin: 0 0 16px 0;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

iframe {
    display: block;
}

iframe.ping-hidden {
    height: 0;
    width: 0;
    visibility: hidden;
}

iframe.ping-visible {
    width: 100%;
    height: 140px;
}

dl dt {
    display: inline-block;
}

dl dd {
    margin: 0 0 10px 0;
    display: inline-block;
}

table {
    width: 100%;
}

table.ping-tabular {
    font-size: 13px;
    color: #929aa1;
    border-collapse: collapse;
}

table.ping-tabular tbody {
    max-height: 500px;
    overflow: scroll;
    padding-right: 30px;
    margin-right: -30px;
}

table.ping-tabular dl {
    padding: 0 10px;
    box-sizing: border-box;
    height: 100%;
    display: block;
}

table.ping-tabular dl dt,
table.ping-tabular dl dd {
    box-sizing: border-box;
    display: table-cell;
}

table.ping-tabular dl dt {
    text-align: right;
    padding-right: 10px;
    max-width: 100%;
    text-transform: uppercase;
    color: #929aa1;
    min-width: 100px;
}

table.ping-tabular dl dd {
    text-align: left;
    color: #4b637c;
}

table.ping-tabular th {
    font-size: 14px;
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #e4e5e5;
}

table.ping-tabular th:not(:last-child) {
    font-family: "ProximaNovaBold", helvetica, arial, sans-serif;
    color: #929aa1;
    text-transform: uppercase;
    font-weight: normal;
    font-weight: 300;
}

table.ping-tabular th:last-child {
    text-align: right;
}

table.ping-tabular th:last-child a {
    font-size: 16px;
}

table.ping-tabular td {
    padding: 20px 0px;
    text-align: left;
    border-bottom: 1px solid #e4e5e5;
}

table.ping-tabular td:before {
    border: none;
}

table.ping-tabular td:nth-child(2) dl {
    border-right: 1px solid #e4e5e5;
    border-left: 1px solid #e4e5e5;
}

table.ping-tabular td:last-child {
    text-align: center;
    vertical-align: middle;
}

table.ping-tabular td:last-child .button.inline {
    margin-right: 0;
    font-size: 12px;
}

ul {
    margin: 0 0 15px 15px;
}

ul li {
    list-style-type: none;
    margin: 0 0 10px 0;
}

ul li:before {
    position: absolute;
    content: '\2022';
    color: #929aa1;
    bottom: 1px;
    left: -10px;
}

ul.no-bullets {
    margin-left: 0;
}

ul.no-bullets li {
    width: 100%;
}

ul.no-bullets li:before {
    content: '';
    bottom: 0;
    left: 0;
}

.details-tooltip {
    position: relative;
    display: inline-block;
}

.details-tooltip.show .details-content,
.details-tooltip.show.details-content {
    display: block;
}

.details-tooltip.show .selection-filter-label:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.details-tooltip.alert .details-content .details-content-inner:before {
    color: #f1ba1c;
}

.details-tooltip.alert .details-content .details-content-inner:after {
    content: '\21';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    font-family: "iconfont";
    font-size: 22px;
    text-align: center;
    color: #fff;
}

.details-tooltip.alert .details-content .details-content-inner .details-body {
    border-top: 50px solid #f1ba1c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.details-tooltip.alert .details-content .details-close,
.details-tooltip.alert .details-content .details-title {
    display: none;
}

.details-tooltip.alert .details-content .title {
    color: #fff;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    margin: 0;
}

.details-tooltip.confirm .details-content .details-content-inner:before {
    color: #eff1f1;
}

.details-tooltip.confirm .details-content .details-content-inner .details-title {
    background-color: #eff1f1;
    color: #9eafa8;
}

.details-tooltip>.details-target {
    display: inline-block;
}

.details-tooltip>.details-content {
    display: none;
    position: absolute;
    z-index: 1001;
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    width: 0;
    padding: 0;
    margin: 0;
    word-break: break-word;
}

.details-tooltip>.details-content>.details-content-inner {
    position: relative;
    box-sizing: border-box;
    width: 360px;
    min-height: 80px;
    background-color: #fff;
    font-size: 14px;
    margin: 15px 0 0 -36px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.details-tooltip>.details-content>.details-content-inner:before {
    content: '▲';
    position: absolute;
    top: -15px;
    bottom: auto;
    left: 30px;
    right: auto;
    font-size: 20px;
    line-height: 1em;
    color: #575f67;
    -ms-transform: scale(1.9, 1);
    -webkit-transform: scale(1.9, 1);
    transform: scale(1.9, 1);
}

.details-tooltip>.details-content>.details-content-inner>.details-title {
    min-height: 50px;
    box-sizing: border-box;
    padding: 18px 10px 10px;
    background-color: #575f67;
    color: #fff;
    text-align: center;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.details-tooltip>.details-content>.details-content-inner>.details-title a {
    font-size: 16px;
    text-decoration: uppercase;
    position: absolute;
}

.details-tooltip>.details-content>.details-content-inner .sub-title {
    font-size: 16px;
    color: #9eafa8;
    text-decoration: uppercase;
    padding: 10px 0;
}

.details-tooltip>.details-content>.details-content-inner>.details-body {
    font-size: 15px;
    padding: 25px;
    color: #808285;
    text-align: left;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #e8ebed;
    border-radius: 0 0 4px 4px;
}

.details-tooltip>.details-content>.details-content-inner>.details-body label a.password-show-button,
.details-tooltip>.details-content>.details-content-inner>.details-body .ping-input-label a.password-show-button,
.details-tooltip>.details-content>.details-content-inner>.details-body .ping-input-container a.password-show-button {
    left: auto;
    right: 15px;
}

.details-tooltip>.details-content>.details-content-inner>.details-body .button-group {
    text-align: center;
}

.details-tooltip>.details-content>.details-content-inner>.details-body .button-group .delete {
    margin-right: 0;
    margin-bottom: 10px;
}

.details-tooltip>.details-content>.details-content-inner>.details-body .button-group .cancel {
    display: inline-block;
    padding-bottom: 7px;
}

.details-tooltip>.details-content>.details-content-inner>.details-close {
    position: absolute;
    top: 18px;
    right: 15px;
    color: transparent;
    z-index: 2;
    line-height: 1em;
    cursor: pointer;
}

.details-tooltip>.details-content>.details-content-inner>.details-close:after {
    font-family: 'iconfont';
    content: '\78';
    text-transform: none;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.3);
}

.details-tooltip>.details-content>.details-content-inner .loader {
    position: relative;
    display: inline-block;
    margin: 10px 49%;
    top: auto;
    left: auto;
}

.details-tooltip.top>.details-content {
    top: auto;
    bottom: 100%;
}

.details-tooltip.top>.details-content>.details-content-inner {
    margin-top: 0;
    margin-bottom: 15px;
}

.details-tooltip.top>.details-content>.details-content-inner:before {
    content: '▼';
    top: auto;
    bottom: -13px;
    color: #fff;
    text-shadow: 0 7px 6px rgba(0, 0, 0, 0.2);
}

.details-tooltip.center>.details-content>.details-content-inner {
    margin-left: -180px;
}

.details-tooltip.center>.details-content>.details-content-inner:before {
    left: 173px;
    right: auto;
}

.details-tooltip.left>.details-content>.details-content-inner {
    margin-left: -324px;
}

.details-tooltip.left>.details-content>.details-content-inner:before {
    right: 30px;
    left: auto;
}

.details-tooltip.text-link .details-target {
    display: inline-block;
}

.details-tooltip.text-link .details-content {
    margin-bottom: 20px;
}

.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner,
.details-tooltip.link-dropdown-list .details-content .details-content-inner {
    border-color: #e8ebed;
}

.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner .details-body,
.details-tooltip.link-dropdown-list .details-content .details-content-inner .details-body {
    padding: 0;
}

.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner:before,
.details-tooltip.link-dropdown-list .details-content .details-content-inner:before {
    color: #fff;
    text-shadow: 0 -1px 0 #e8ebed;
}

.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner .input-selection-list,
.details-tooltip.link-dropdown-list .details-content .details-content-inner .input-selection-list {
    border: none;
}

.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner {
    width: 200px;
}

.details-tooltip.input-selection-list-tooltip.filter .details-content {
    left: 35px;
}

.details-tooltip.input-selection-list-tooltip.filter .details-content .details-content-inner {
    width: 220px;
}

.details-tooltip.link-dropdown-list .details-content .details-content-inner {
    width: 200px;
}

.sections .section {
    margin-bottom: 15px;
}

.sections .section .section-title {
    display: block;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #3d454d;
    font-weight: 400;
    border-bottom: 1px solid #d1d3d4;
}

.sections .section .section-title:first-of-type {
    margin-top: 0;
}

.sections .section .ping-input-container input[type=text],
.sections .section .ping-input-container input[type=password],
.sections .section .ping-input-container input[type=tel],
.sections .section .ping-input-container input[type=email],
.sections .section .ping-input-container input[type=date],
.sections .section .ping-input-container .input-select .wrapper {
    width: 325px;
}

.sections .section .ping-input-wrapper {
    max-width: 325px;
}

.sections .section .content-column:first-of-type {
    padding-right: 0;
    border-right: none;
}

.sections .section .content-column label a.password-show-button,
.sections .section .content-column .ping-input-label a.password-show-button,
.sections .section .content-column .ping-input-container a.password-show-button {
    right: 20px;
}

.sections .section .social-media-container {
    margin-top: 30px;
}

.sections .section .your-account-container {
    text-align: left;
    margin-top: 15px;
}

.content-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.content-columns .content-column {
    flex: 1;
    box-sizing: border-box;
    margin: 0 50px 0 0;
    max-width: 100%;
    text-align: left;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.content-columns .content-column:first-of-type {
    padding-right: 50px;
    display: block;
    border-right: 1px solid #d1d3d4;
}

.content-columns .content-column:first-of-type.no-border {
    border-right: none;
}

.content-columns .content-column:last-of-type {
    margin: 0;
}

.content-columns .content-column.column-1 {
    max-width: 435px;
}

.content-columns .content-column.column-2 {
    width: 355px;
}

.content-columns .content-column .ping-input-wrapper {
    max-width: 325px;
}

.content-columns .content-column .ping-checkbox-container {
    width: 280px;
}

.content-columns .content-column .ping-checkbox-group-container {
    margin: 0 0 20px 0;
    max-width: 325px;
}

.content-columns .content-column .input-select {
    margin: 0 0 20px 0;
}

.content-columns .content-column .input-select .ping-input-label {
    width: 325px;
}

.content-columns .content-column .input-select .ping-input-label.detached {
    margin-right: 0;
}

.content-columns .content-column .input-select .input-container {
    margin-top: 0;
    width: 325px;
}

.content-columns .content-column .input-select .input-container .wrapper {
    width: 325px;
}

.content-columns .content-column .input-select .input-container .wrapper select {
    background-color: #f0f6f7;
}

.content-columns .columns-separator {
    position: absolute;
    top: 50%;
    left: -94px;
    width: 80px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.2em;
    padding: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.content-columns .column-title {
    font-size: 28px;
    padding-bottom: 30px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
}

.content-columns .column-title-2 {
    text-align: left;
    padding-top: 30px;
    font-size: 24px;
    color: #000;
    font-weight: 300;
    line-height: 1.2;
}

.content-columns.columns-margin-none .content-column {
    margin: 0;
}

.content-columns.columns-margin-20 .content-column {
    margin: 0 20px 0 0;
}

.content-columns.columns-margin-20 .content-column:last-of-type {
    margin: 0;
}

.content-columns.columns-width-auto .content-column {
    flex: none;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.content-columns .ping-buttons .ping-button {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

#recaptcha {
    display: block;
    z-index: 1000;
    width: auto;
    position: absolute;
}

.requirements {
    padding: 10px 0;
}

.requirements>* {
    padding: 3px 0;
}

.requirements [class^='icon-'],
.requirements [class*=' icon-'] {
    margin-right: 5px;
    padding: 3px;
    display: inline-block;
    font-size: 6px;
    height: 7px;
    width: 7px;
    line-height: 1em;
    text-align: center;
    vertical-align: text-top;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.requirements .icon-failure {
    color: #fff;
    background-color: #ed3a03;
    font-weight: 600;
}

.requirements .icon-failure:before {
    content: "X";
}

.requirements .icon-success {
    color: #fff;
    background-color: #35c370;
}

.account-actions {
    padding: 10px 0;
}

.account-actions.ping-register {
    border-top: 1px solid #d1d3d4;
}

.account-title {
    font-size: 28px;
    padding-bottom: 30px;
    color: #000;
    font-weight: 400;
    text-align: left;
}

.wrap {
    word-wrap: break-word;
}

.top-lowered {
    padding-top: 5px;
    text-align: left;
}

.ping-messages {
    display: block;
    margin: 0;
    font-size: 15px;
    text-align: left;
}

.ping-messages.ping-nopad {
    margin: 0;
}

.ping-messages>div {
    display: block;
    margin: 10px 0 0 0;
}

.ping-messages>div:first-child {
    margin: 0;
}

.ping-messages>div:last-child {
    margin-bottom: 25px;
}

.ping-messages>div.ping-error {
    color: #ed3a03;
    word-wrap: break-word;
}

.ping-messages>div.center {
    text-align: center;
    color: #929aa1;
}

.ping-messages>div.block {
    display: block;
}

.ping-messages>div li:last-child {
    margin: 0 0 25px;
}

.ping-input-label {
    text-align: left;
    /* Controls "SWA ID" and "SWA Password" field label text color */
    color: #000000;
    float: left;
    max-width: 100%;
    word-break: break-word;
}

.ping-input-container {
    margin: 0 0 20px 0;
    width: 100%;
}

.ping-input-container .form-error-icon {
    display: none;
    position: absolute;
    top: 20px;
    right: -20px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.ping-input-container .form-error-icon:before {
    position: absolute;
    right: 0;
    content: '!';
    font-family: "iconfont";
    color: #ed3a03;
    height: 16px;
    width: 16px;
    font-size: 16px;
    line-height: 1em;
}

.ping-input-container .form-error-message {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 21px;
    display: none;
    z-index: 1;
    padding: 15px;
    box-sizing: border-box;
    min-width: 169px;
    background-color: #ed3a03;
    color: #fff;
    text-transform: none;
    -webkit-backface-visibility: hidden;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-animation: fade-down-in 0.2s;
    -moz-animation: fade-down-in 0.2s;
    -o-animation: fade-down-in 0.2s;
    animation: fade-down-in 0.2s;
}

.ping-input-container.form-error .form-error-icon,
.ping-input-container.form-error .form-error-message {
    display: inline-block;
}

.ping-input-container.form-error input[type=text],
.ping-input-container.form-error input[type=password],
.ping-input-container.form-error input[type=tel],
.ping-input-container.form-error input[type=email],
.ping-input-container.form-error input[type=date] {
    border: 1px solid #ed3a03;
}

.ping-input-container ul {
    font-size: 14px;
    margin: 0 0 15px 18px;
}

.ping-input-container ul.no-bullets {
    margin-left: 0;
}

.ping-input-container li {
    position: relative;
    margin: 0 0 10px 0;
}

.ping-input-container li label {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 45px;
    line-height: 24px;
    display: block;
    width: 100%;
}

.ping-input-container li label .icon {
    line-height: 14px;
}

.ping-checkbox-container-label {
    margin-right: 0px;
}

.ping-checkbox-container {
    text-align: left;
    line-height: 24px;
    max-width: 100%;
    word-break: break-word;
}

.ping-checkbox-container .icon {
    line-height: 14px;
}

.error-text {
    color: #ed3a03;
    display: none;
}

.error-text.show {
    display: block;
    text-align: left;
}

.error-text.show:before,
.error-text.show:after {
    content: " ";
    display: table;
}

.error-text.show:after {
    clear: both;
}

.ping-button {
    font-weight: 500;
}

.ping-button.deny {
    padding: 0;
    font-weight: normal;
    color: #2996cc;
    border: none;
    background-color: transparent;
}

.ping-button.deny:hover {
    text-decoration: underline;
}

.ping-container {
    box-sizing: border-box;
    padding-top: 50px;
    min-height: 100%;
    position: relative;
    padding-bottom: 120px;
}

.ping-container.ping-large .ping-header {
    max-width: 900px;
}

.ping-container.ping-large .ping-body-container {
    max-width: 900px;
}

.ping-header {
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    background: #fff;
    font-size: 40px;
    line-height: 1.2em;
    min-height: 16px;
    font-family: "ProximaNovaLight", helvetica, arial, sans-serif;
    color: #000;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    -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-header .company-logo {
    display: none;
}

.ping-header.has-logo .company-logo {
    max-height: 60px;
    height: 60px;
    display: block;
    padding-bottom: 10px;
}

.ping-header.has-logo .company-logo img {
    max-height: 52px;
    width: auto;
}

.ping-header span {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.ping-body-container {
    box-sizing: border-box;
    min-height: 100px;
    text-align: center;
    position: relative;
    width: 100%;
    padding: 35px 50px;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 50px;
    overflow: hidden;
    background: #fff;
    -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-body-container .section-title {
    font-size: 15px;
    margin: 10px 0;
    text-align: left;
}

.ping-body-container .section-title span {
    font-weight: bold;
}

.ping-body-container .section-sub-title {
    font-size: 15px;
    margin: 0 0 3px 0;
}

.password-requirements {
    text-align: left;
    border-top: 1px solid #e4e5e5;
    padding: 20px 0;
}

.password-requirements #down-arrow:after {
    font-family: "iconfont";
    content: "\76";
    font-size: .7em;
    padding-left: 5px;
}

.password-requirements #up-arrow:after {
    content: "\5e";
    font-family: "iconfont";
    font-size: .7em;
    padding-left: 5px;
}

.password-requirements a {
    font-weight: 300;
    font-size: 16px;
    text-transform: none;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
}

.password-requirements a:hover {
    text-decoration: none;
}

.password-requirements .requirements-message {
    padding-top: 20px;
    display: none;
    width: 100%;
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
}

.ping-section {
    float: left;
}

.ping-body-container .user-name {
    text-align: right;
    font-size: 15px;
    padding: 0px 0 20px 0px;
}

.ping-body-container .remember-username,
.ping-body-container .my-computer,
.ping-body-container .remember-selection {
    text-align: left;
    margin: 20px 0;
}

.ping-body-container .remember-username .ping-checkbox-container,
.ping-body-container .my-computer .ping-checkbox-container,
.ping-body-container .remember-selection .ping-checkbox-container {
    text-transform: none;
}

.ping-request {
    box-sizing: border-box;
    width: 55%;
    border-right: 1px solid #e4e5e5;
    padding-right: 50px;
}

.ping-client {
    box-sizing: border-box;
    padding-left: 50px;
    width: 44%;
    padding-top: 30px;
}

.ping-client dl {
    margin: 20px 0;
    font-size: 14px;
}

.ping-client img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
}

.ping-client .icon-apps {
    font-size: 90px;
    color: #4b637c;
    display: inline-block;
    width: 105px;
    height: 90px;
    overflow: visible;
}

.ping-client .icon-apps:before {
    width: 105px;
    height: 90px;
    display: block;
}

.ping-buttons {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

.ping-buttons.right {
    text-align: right;
    float: right;
}

.ping-buttons.right .ping-button {
    display: inline-block;
    margin-right: 10px;
}

.ping-buttons.right .ping-button:last-of-type {
    margin-right: 0;
}

.ping-buttons .ping-button {
    position: relative;
    margin: 10px 0;
    display: block;
    /* Control the boldness of the Submit button text */
    font-weight: BOLD;
}

.ping-buttons .ping-button.disabled {
    color: #9e9e9e;
    background: #f6f6f6;
}

.ping-buttons .ping-button.disabled:hover {
    text-decoration: none;
    cursor: default;
}

.ping-footer-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 90px;
    z-index: 900;
}

.ping-footer {
    display: block;
    font-size: 11px;
    color: #929aa1;
}

.ping-credits {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 140px;
    font-size: 0;
    background: transparent url("./powered-by-ping-identity.svg") no-repeat;
    background-size: contain;
    color: #fff;
    margin: 10px 0;
}

.ping-credits span {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 1px 1px 0;
    font-size: 13px;
    color: #929aa1;
}

.ping-input-link,
.input-check {
    font-size: 13px;
    padding: 10px 0 0 0;
}

.ping-input-link.ping-nopad {
    padding: 0;
}

.ping-input-link.ping-pass-change {
    margin-top: 10px;
    padding: 10px 0;
    font-size: 14px;
    border-top: 1px solid #e4e5e5;
}

.ping-input-link.center {
    text-align: center;
    margin: 10px 0;
}

.additional {
    margin: 30px 0 20px 0;
}

.policy {
    padding: 15px;
    margin: 15px 0 30px 0;
    font-size: 13px;
    font-weight: bold;
    border: 1px dotted #b7b7b7;
}

.refresh-link {
    display: inline-block;
    padding: 5px;
}

.signout-item {
    border-top: 1px solid #ececec;
    padding: 15px;
}

.signout-item ul {
    margin-top: 5px;
    font-size: 13px;
}

.signout-item .ping-error {
    color: #ed3a03;
}

.signout-sub-item {
    padding: 0 0 5px 5px;
}

.ping-alert {
    margin: 15px auto;
    text-align: center;
    font-size: 15px;
}

.ping-alert .ping-warning-icon {
    display: block;
    margin: 0 auto 30px auto;
    height: 30px;
    width: 30px;
    background: transparent url("./icon-alert.png") no-repeat;
    background-size: 30px 30px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-alert .ping-warning-icon {
        background-image: url("./icon-alert.png");
    }
}

.ping-alert .ping-success-icon {
    display: block;
    margin: 0 auto 30px auto;
    height: 70px;
    width: 70px;
    background: transparent url("./icon-success.70.gif") no-repeat 0 1px;
    background-size: 70px 70px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-alert .ping-success-icon {
        background-image: url("./icon-success.140.gif");
    }
}

.ping-spinner {
    height: 50px;
    width: 50px;
    background: transparent url("./spinner.50.gif") no-repeat 0 1px;
    background-size: 50px 50px;
    margin: 30px auto 35px auto;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-spinner {
        background-image: url("./spinner.100.gif");
    }
}

.ping-spinner.ping-inline {
    display: inline-block;
    float: left;
    margin: -3px 5px 0 0;
    height: 16px;
    width: 15px;
    background-size: 15px 15px;
    background-image: url("./spinner.15.gif");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-spinner.ping-inline {
        background-image: url("./spinner.30.gif");
    }
}

.ping-note-text {
    margin: 20px 0 0 0;
    color: #8D8D8D;
}

.ping-text-left {
    text-align: left;
}

.ping-clr {
    clear: both;
}

.input-select {
    width: 100%;
}

.input-select .wrapper {
    width: 100%;
}

.input-select .error.required:before,
.input-select .form-error.required:before {
    background-color: #ed3a03;
}

.input-select .error.input-container>div.wrapper,
.input-select .form-error.input-container>div.wrapper {
    border: 1px solid #ed3a03;
    border-radius: 3px;
}

.remember-selection {
    text-align: left;
}

.page-messages {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 262px;
    right: 0;
    color: #fff;
    padding: 0;
    text-align: center;
}

.page-messages.full {
    left: 0;
}

.page-messages.full .message {
    padding-left: 25px;
}

.page-messages.inline {
    position: relative;
    margin: 0 -40px 0 -40px;
    top: auto;
    left: auto;
    right: auto;
    z-index: -1;
}

.page-messages .text {
    position: relative;
    margin-top: -100px;
    padding: 10px 40px;
    -webkit-transition: margin-top ease-out 0.1s;
    -moz-transition: margin-top ease-out 0.1s;
    -ms-transition: margin-top ease-out 0.1s;
    -o-transition: margin-top ease-out 0.1s;
    transition: margin-top ease-out 0.1s;
}

.page-messages .close {
    position: absolute;
    top: 13px;
    right: 10px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1em;
}

.page-messages .close:after {
    font-size: 20px;
    content: '\78';
    font-family: 'iconfont';
}

.page-messages .close:hover {
    text-decoration: none;
}

.page-messages .message {
    position: relative;
    overflow: hidden;
    padding: 12px 50px 9px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.3;
    -webkit-animation: fade-in 0.7s;
    -moz-animation: fade-in 0.7s;
    -o-animation: fade-in 0.7s;
    animation: fade-in 0.7s;
}

.page-messages .message input[type=button] {
    height: 24px;
    line-height: 23px;
    margin: 0 0 0 17px;
    border: none;
}

.page-messages .message.warning,
.page-messages .message.error {
    background-color: #ed3a03;
}

.page-messages .message.warning input[type=button],
.page-messages .message.error input[type=button] {
    color: #ed3a03;
}

.page-messages .message.success {
    background-color: #35c370;
}

.page-messages .message.success input[type=button] {
    color: #35c370;
}

.page-messages .message.notice {
    background-color: #f1ba1c;
    color: #fff;
}

.page-messages .message.notice .close {
    color: #fff;
}

.page-messages .message.notice input[type=button] {
    color: #f1ba1c;
}

.page-messages .message.feature {
    background-color: #3ea0d1;
}

.page-messages .message.feature input[type=button] {
    color: #3ea0d1;
}

.page-messages .show .text {
    margin-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: margin-top 0.2s;
    -moz-transition: margin-top 0.2s;
    -ms-transition: margin-top 0.2s;
    -o-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}

.inline-message {
    position: relative;
    display: table;
    padding: 15px;
    margin: 15px 0 30px;
    border: 1px solid #d1d3d4;
    color: #929aa1;
    font-size: 14px;
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.inline-message .inline-message-icon,
.inline-message .inline-message-text,
.inline-message .inline-message-btn {
    display: table-cell;
    vertical-align: middle;
}

.inline-message .inline-message-btn {
    margin: 0 0 0 20px;
}

.inline-message .inline-message-btn .input,
.inline-message .inline-message-btn .button,
.inline-message .inline-message-btn button {
    display: block;
    margin: 0 auto 0 15px;
}

.inline-message.warning,
.inline-message.success,
.inline-message.notice,
.inline-message.error {
    padding-left: 55px;
}

.inline-message.warning:before,
.inline-message.success:before,
.inline-message.notice:before,
.inline-message.error:before {
    position: absolute;
    left: 15px;
    font-family: "iconfont";
    line-height: 1em;
}

.inline-message.error:before {
    content: '!';
    top: calc(50% - 12px);
    font-size: 25px;
    color: #ed3a03;
}

.inline-message.success:before {
    content: 'y';
    top: calc(50% - 10px);
    font-size: 20px;
    color: #35c370;
}

.inline-message.notice:before,
.inline-message.warning:before {
    content: '!';
    top: calc(50% - 12px);
    font-size: 25px;
    color: #f1ba1c;
}

.inline-message.full-width {
    width: 90%;
}

.inline-message.full-width .inline-message-text {
    text-align: left;
}

.inline-message.full-width .inline-message-btn {
    float: right;
}

.identifier-first__account-list {
    margin: 0;
}

.identifier-first__account-item {
    font-family: "ProximaNovaBold", helvetica, arial, sans-serif;
    font-size: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #d1d3d4;
    margin: 0;
    padding: 15px 10px;
}

.identifier-first__account-item:hover {
    background-color: #f0f6f7;
}

.identifier-first__account-name {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
}

.identifier-first__add-account {
    font-family: "ProximaNovaRegular", helvetica, arial, sans-serif;
    font-size: 16px;
    cursor: default;
    border: none;
}

.identifier-first__add-account:hover {
    background-color: inherit;
}

.identifier-first__remove-account {
    font-size: 26px;
    height: 26px;
    line-height: 26px;
    margin-left: auto;
}

.identifier-first__remove-account:before {
    color: #d1d3d4;
    font-family: "iconfont";
    content: 'x';
}

@media (max-width: 900px),
(max-device-width: 900px) {
    body {
        padding: 0;
    }
    input[type=text],
    input[type=password],
    input[type=tel],
    input[type=email],
    input[type=date],
    .input-select .wrapper {
        width: 100%;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }
    .ping-footer-container {
        left: 0;
        right: 0;
        bottom: 0px;
        text-align: center;
        height: 80px;
    }
    .ping-header {
        font-weight: 200;
        font-size: 22px;
        padding: 15px;
        max-width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
    }
    .ping-header .company-logo {
        height: 50px;
        width: auto;
    }
    .ping-subtitle {
        font-size: 16px;
    }
    .ping-container,
    .ping-container-large {
        overflow: visible;
        border-bottom: none;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 80px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ping-body-container {
        border-bottom: none;
        max-width: 100%;
        padding: 20px 35px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ping-section {
        border-right: none;
        border-bottom: 1px solid #b7b7b7;
        padding: 0 0 30px 0;
        margin: 0 0 30px 0;
    }
    .ping-section.ping-request,
    .ping-section.ping-client {
        float: none;
        width: auto;
    }
    .ping-messages {
        font-size: 15px;
    }
    .ping-messages>div {
        margin: 0;
        padding: 10px 0;
    }
    .account-actions.ping-register {
        border-top: none;
    }
    .ping-signin.ping-container {
        background-color: transparent;
    }
    .ping-signin .ping-pass-change .password-change,
    .ping-signin .ping-pass-change .divider {
        display: inline-block;
    }
    .ping-signin.forgot-password .ping-pass-change .divider {
        display: inline-block;
    }
    .content-columns {
        display: block;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .content-columns .content-column {
        width: 100%;
        max-width: 375px;
    }
    .content-columns .content-column:first-of-type {
        padding-right: 0;
    }
    .content-columns .content-column:last-of-type {
        max-width: 100%;
    }
    .content-columns .content-column .ping-input-container input[type=text],
    .content-columns .content-column .ping-input-container input[type=password],
    .content-columns .content-column .ping-input-container input[type=tel],
    .content-columns .content-column .ping-input-container input[type=email],
    .content-columns .content-column .ping-input-container input[type=date],
    .content-columns .content-column .ping-input-container .input-select .wrapper {
        width: 325px;
    }
    .content-columns .content-column .ping-input-container .ping-buttons {
        width: 100%;
    }
    .content-columns .content-column .ping-input-container .ping-buttons .ping-button {
        max-width: 100px;
    }
    .content-columns .content-column .ping-input-container .tooltip-text.type-requirements.place-right {
        right: 120px;
    }
    .content-columns .content-column .button-container {
        text-align: center;
    }
    .content-columns .content-column .button-container.left {
        text-align: left;
    }
    .content-columns .content-column .ping-buttons .ping-button {
        display: inline-block;
        margin-right: 20px;
    }
    .content-columns .content-column .social-media-container {
        margin-top: 30px;
    }
    .content-columns .content-column .social-media-container .button-container {
        text-align: left;
    }
    .content-columns .content-column:first-of-type {
        max-width: 100%;
        border-right: none;
    }
    .content-columns .content-column:last-of-type {
        text-align: center;
    }
    .content-columns .content-column .columns-separator {
        top: 0;
        left: 0;
        width: 325px;
        z-index: 1;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .content-columns .content-column .columns-separator:before {
        border-top: 1px solid #d1d3d4;
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: -1;
    }
    .content-columns .content-column .columns-separator span {
        background: #fff;
        padding: 15px;
    }
    .content-columns .content-column .ping-register {
        padding-bottom: 20px;
    }
    .content-columns .content-column.column-2 {
        width: 100%;
    }
    .content-columns label a.password-show-button,
    .content-columns .ping-input-label a.password-show-button,
    .content-columns .ping-input-container a.password-show-button {
        right: auto;
        left: 290px;
    }
    .sections .section .content-column {
        padding-bottom: none;
    }
    .sections .section .content-column:first-of-type {
        padding-right: 0;
        border-bottom: none;
    }
    .ping-input-container .inline-confirmation .icon-approve {
        right: auto;
        left: 289px;
    }
    .ping-tabular .button.inline {
        height: auto;
    }
    .ping-tabular dd {
        display: block;
        width: 100%;
    }
    .ping-container.ping-large {
        max-width: 100%;
        width: 100%;
    }
    .ping-input-container .inline-confirmation .confirmation-text {
        left: 167px;
        right: auto;
    }
    .details-tooltip.right>.details-content>.details-content-inner,
    .details-tooltip.center>.details-content>.details-content-inner {
        margin-left: -70px;
    }
    .details-tooltip.right>.details-content>.details-content-inner:before,
    .details-tooltip.center>.details-content>.details-content-inner:before {
        left: 70px;
    }
}

@media (max-width: 500px),
(max-device-width: 500px) {
    .account-actions.ping-register {
        border-top: none;
    }
    .content-columns .content-column .input-select .ping-input-label {
        width: 325px;
    }
    .content-columns .content-column .input-select .input-container {
        width: 100%;
        max-width: 325px;
    }
    .content-columns .content-column .input-select .input-container .wrapper {
        width: 100%;
    }
    .content-columns .content-column .input-select .input-container .wrapper select {
        background-color: #f0f6f7;
    }
    .content-columns dd {
        display: block;
        width: 100%;
    }
    .content-columns label a.password-show-button,
    .content-columns .ping-input-label a.password-show-button,
    .content-columns .ping-input-container a.password-show-button {
        left: 285px;
    }
    .tooltip-text.type-requirements {
        margin-left: 10px;
        position: absolute;
        transition: opacity 0.3s ease-out;
        visibility: hidden;
        z-index: 999;
        top: -10px;
        right: -180px;
        font-size: 11px;
        min-width: 150px;
        max-width: 400px;
        pointer-events: auto !important;
        text-transform: none;
        white-space: normal;
        font-weight: normal;
        color: #929aa1;
        padding: 8px 10px;
        display: inline-block;
        border: 1px solid #d8dbdc;
        background-color: #fff;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-box-shadow: 2px 2px 4px 0px #323232;
        -moz-box-shadow: 2px 2px 4px 0px #323232;
        box-shadow: 2px 2px 4px 0px #323232;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
    .tooltip-text.type-requirements.place-right {
        margin-left: 10px;
    }
    .tooltip-text.type-requirements.place-right:before,
    .tooltip-text.type-requirements.place-right:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-style: solid;
        border-width: 10px;
        top: 25px;
        left: 0;
    }
    .tooltip-text.type-requirements.place-right:before {
        left: -21px;
        border-color: transparent #d8dbdc transparent transparent;
    }
    .tooltip-text.type-requirements.place-right:after {
        left: -20px;
        border-color: transparent #fff transparent transparent;
    }
    .tooltip-text.type-requirements.show-tips {
        margin-top: 0px;
        margin-left: 0px;
        visibility: visible;
        filter: alpha(opacity=90);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        opacity: 0.9;
    }
    .inline-message .inline-message-icon,
    .inline-message .inline-message-text,
    .inline-message .inline-message-btn {
        display: block;
    }
    .inline-message .inline-message-btn {
        min-width: 148px;
        margin-top: 10px;
    }
    .device-android input[type=date] {
        padding-top: 8px;
    }
}

@media (max-width: 480px),
(max-device-width: 480px) {
    body {
        padding: 0;
    }
    body .ping-signin .ping-body-container .ping-steps .step {
        width: 80px;
    }
    input[type=text],
    input[type=password],
    input[type=tel],
    input[type=email],
    input[type=date] {
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        font-weight: normal;
    }
    .ping-footer-container {
        left: 0;
        right: 0;
        bottom: 0px;
        text-align: center;
    }
    .ping-header {
        font-weight: 200;
        font-size: 22px;
        padding: 15px;
        max-width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
    }
    .ping-header .company-logo {
        max-width: 370px;
        height: auto;
    }
    .ping-container,
    .ping-container-large {
        max-width: 600px;
        overflow: visible;
        border-bottom: none;
        margin-top: 0;
        padding-top: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ping-body-container {
        border-bottom: none;
        max-width: 100%;
        padding: 35px 35px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ping-section {
        border-right: none;
        border-bottom: 1px solid #ececec;
        padding: 0 0 30px 0;
        margin: 0 0 30px 0;
    }
    .ping-section.ping-request,
    .ping-section.ping-client {
        float: none;
        width: auto;
    }
    .ping-messages {
        font-size: 15px;
    }
    .ping-messages>div {
        margin: 0;
        padding: 10px 0;
    }
    .ping-signin.ping-container {
        background-color: transparent;
    }
    .ping-signin .ping-pass-change .password-change,
    .ping-signin .ping-pass-change .divider {
        display: inline-block;
    }
    .ping-signin.forgot-password .ping-pass-change .divider,
    .ping-signin.identity-registration .ping-pass-change .divider {
        display: inline-block;
    }
    .page-messages.full .message {
        padding: 7px 35px 7px 10px;
        text-align: left;
    }
    .page-messages.full .message .close {
        top: 9px;
    }
    .page-messages .message {
        padding: 7px 35px 7px 10px;
        text-align: left;
    }
    .page-messages .message .close {
        top: 9px;
    }
    .inline-message.full-width {
        width: auto;
    }
    .inline-message.full-width .inline-message-btn {
        min-width: 128px;
    }
    .details-tooltip.center>.details-content>.details-content-inner {
        margin-left: -70px;
    }
    .details-tooltip.center>.details-content>.details-content-inner:before {
        left: 70px;
    }
    .details-tooltip.right>.details-content>.details-content-inner {
        margin-left: -80px;
    }
    .details-tooltip.right>.details-content>.details-content-inner:before {
        left: 70px;
    }
    .ping-container.ping-large {
        max-width: 100%;
        width: 100%;
    }
    .content-columns label a.password-show-button,
    .content-columns .ping-input-label a.password-show-button,
    .content-columns .ping-input-container a.password-show-button {
        left: 285px;
    }
}

@media (max-width: 420px),
(max-device-width: 420px) {
    .ping-input-container .inline-confirmation .icon-approve {
        left: 269px;
    }
    .ping-input-container .inline-confirmation .confirmation-text {
        left: 145px;
    }
    .content-columns label a.password-show-button,
    .content-columns .ping-input-label a.password-show-button,
    .content-columns .ping-input-container a.password-show-button {
        left: 270px;
    }
    .content-columns .content-column .columns-separator {
        width: 300px;
    }
}

@media (max-width: 390px),
(max-device-width: 390px) {
    .ping-input-container .inline-confirmation .icon-approve {
        left: 239px;
    }
    .ping-input-container .inline-confirmation .confirmation-text {
        left: 115px;
    }
    .content-columns label a.password-show-button,
    .content-columns .ping-input-label a.password-show-button,
    .content-columns .ping-input-container a.password-show-button {
        left: 240px;
    }
}


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