:root {
	--balloon-color: rgba(16, 16, 16, 0.95);
	--balloon-font-size: 12px;
	--balloon-move: 4px;
}

button[aria-label][data-balloon-pos] {
	overflow: visible;
}

[aria-label][data-balloon-pos] {
	position: relative;
	cursor: pointer;
}

	[aria-label][data-balloon-pos]:after {
		opacity: 0;
		pointer-events: none;
		transition: all .18s ease-out .18s;
		text-indent: 0;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
		font-weight: normal;
		font-style: normal;
		text-shadow: none;
		font-size: var(--balloon-font-size);
		background: var(--balloon-color);
		border-radius: 2px;
		color: #fff;
		content: attr(aria-label);
		padding: .5em 1em;
		position: absolute;
		white-space: nowrap;
		z-index: 10;
	}

	[aria-label][data-balloon-pos]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-top-color: var(--balloon-color);
		opacity: 0;
		pointer-events: none;
		transition: all .18s ease-out .18s;
		content: "";
		position: absolute;
		z-index: 10;
	}

[aria-label][data-balloon-pos]:hover:before,
[aria-label][data-balloon-pos]:hover:after,
[aria-label][data-balloon-pos][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-visible]:after,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
		opacity: 1;
		pointer-events: none;
	}

	[aria-label][data-balloon-pos].font-awesome:after {
		font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	}

	[aria-label][data-balloon-pos][data-balloon-break]:after {
		white-space: pre;
	}

	[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
		white-space: pre-line;
		word-break: break-word;
	}

[aria-label][data-balloon-pos][data-balloon-blunt]:before,
[aria-label][data-balloon-pos][data-balloon-blunt]:after {
		transition: none;
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
		bottom: 100%;
		left: 50%;
		margin-bottom: 10px;
		transform: translate(-50%, var(--balloon-move));
		transform-origin: top;
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up"]:before {
		bottom: 100%;
		left: 50%;
		transform: translate(-50%, var(--balloon-move));
		transform-origin: top;
	}

[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after {
		transform: translate(-50%, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before {
		transform: translate(-50%, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:after {
		bottom: 100%;
		left: 0;
		margin-bottom: 10px;
		transform: translate(0, var(--balloon-move));
		transform-origin: top;
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:before {
		bottom: 100%;
		left: 5px;
		transform: translate(0, var(--balloon-move));
		transform-origin: top;
	}

[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:after {
		transform: translate(0, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:before {
		transform: translate(0, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:after {
		bottom: 100%;
		right: 0;
		margin-bottom: 10px;
		transform: translate(0, var(--balloon-move));
		transform-origin: top;
	}

	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:before {
		bottom: 100%;
		right: 5px;
		transform: translate(0, var(--balloon-move));
		transform-origin: top;
	}

[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:after {
		transform: translate(0, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:before {
		transform: translate(0, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down"]:after {
		left: 50%;
		margin-top: 10px;
		top: 100%;
		transform: translate(-50%, calc(var(--balloon-move) * -1));
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom-color: var(--balloon-color);
		left: 50%;
		top: 100%;
		transform: translate(-50%, calc(var(--balloon-move) * -1));
	}

[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
		transform: translate(-50%, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
		transform: translate(-50%, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:after {
		left: 0;
		margin-top: 10px;
		top: 100%;
		transform: translate(0, calc(var(--balloon-move) * -1));
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom-color: var(--balloon-color);
		left: 5px;
		top: 100%;
		transform: translate(0, calc(var(--balloon-move) * -1));
	}

[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:after {
		transform: translate(0, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:before {
		transform: translate(0, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:after {
		right: 0;
		margin-top: 10px;
		top: 100%;
		transform: translate(0, calc(var(--balloon-move) * -1));
	}

	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom-color: var(--balloon-color);
		right: 5px;
		top: 100%;
		transform: translate(0, calc(var(--balloon-move) * -1));
	}

[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:after {
		transform: translate(0, 0);
	}

[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:before {
		transform: translate(0, 0);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
		margin-right: 10px;
		right: 100%;
		top: 50%;
		transform: translate(var(--balloon-move), -50%);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left-color: var(--balloon-color);
		right: 100%;
		top: 50%;
		transform: translate(var(--balloon-move), -50%);
	}

[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after {
		transform: translate(0, -50%);
	}

[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before {
		transform: translate(0, -50%);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
		left: 100%;
		margin-left: 10px;
		top: 50%;
		transform: translate(calc(var(--balloon-move) * -1), -50%);
	}

	[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-right-color: var(--balloon-color);
		left: 100%;
		top: 50%;
		transform: translate(calc(var(--balloon-move) * -1), -50%);
	}

[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
		transform: translate(0, -50%);
	}

[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
		transform: translate(0, -50%);
	}

	[aria-label][data-balloon-pos][data-balloon-length="small"]:after {
		white-space: normal;
		width: 80px;
	}

	[aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
		white-space: normal;
		width: 150px;
	}

	[aria-label][data-balloon-pos][data-balloon-length="large"]:after {
		white-space: normal;
		width: 260px;
	}

	[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
		white-space: normal;
		width: 380px;
	}

@media screen and (max-width: 768px) {
	[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
		white-space: normal;
		width: 90vw;
	}
}

[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
	white-space: normal;
	width: 100%;
}

* {
	box-sizing: border-box;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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
}

ol,
ul {
	list-style: none
}

::-ms-clear {
	display: none
}

blockquote,
q {
	quotes: none
}

	blockquote:after,
	blockquote:before,
	q:after,
	q:before {
		content: none
	}

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

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

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

.break-word {
	word-break: break-word
}

.no-margin {
	margin: 0
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.float-none {
	float: none
}

.disc-style-list {
	padding: 0 0 0 15px;
	margin: 10px
}

	.disc-style-list,
	.disc-style-list li {
		list-style: disc;
		word-break: break-word
	}

.talign-left {
	text-align: left
}

.talign-center {
	text-align: center
}

.talign-right {
	text-align: right
}

.color-light-blue {
	color: #9ddae7
}

.color-white {
	color: #fff
}

.color-black {
	color: #000
}

.font-12 {
	font-size: 12px
}

.font-14 {
	font-size: 14px
}

.font-16 {
	font-size: 16px
}

.font-18 {
	font-size: 18px
}

.font-20 {
	font-size: 20px
}

.width-25 {
	width: 25%
}

.width-50 {
	width: 50%
}

.width-75 {
	width: 75%
}

.width-100 {
	width: 100%
}

.lh-32 {
	line-height: 32px
}

.lh-36 {
	line-height: 36px
}

.lh-44 {
	line-height: 44px
}

.lh-54 {
	line-height: 54px
}

.button,
.ping-button,
button,
input[type=button],
input[type=submit] {
	padding: 0 20px;
	margin-right: 10px;
	font-size: 14px;
	height: 36px;
	line-height: 33px;
	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: Cairo, helvetica, arial, sans-serif;
	background-color: #fff;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	outline: 0;
	color: #556572;
	background: #fff
}

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

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

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

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

	.button.normal,
	.button.primary,
	.ping-button.normal,
	.ping-button.primary,
	button.normal,
	button.primary,
	input[type=button].normal,
	input[type=button].primary,
	input[type=submit].normal,
	input[type=submit].primary {
		background: 0 0;
		background-color: #00838f;
		color: #fff;
		border: 1px solid #00838f;
	}

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

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

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

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

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

	.button.inline,
	.button.ping-inline,
	.ping-button.inline,
	.ping-button.ping-inline,
	button.inline,
	button.ping-inline,
	input[type=button].inline,
	input[type=button].ping-inline,
	input[type=submit].inline,
	input[type=submit].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
	}

	.button.disabled,
	.ping-button.disabled,
	button.disabled,
	input[type=button].disabled,
	input[type=submit].disabled {
		cursor: default;
		opacity: .5
	}

	.button.disabled,
	.ping-button.disabled,
	button.disabled,
	input[type=button].disabled,
	input[type=submit].disabled {
		cursor: default;
		opacity: .5
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

input {
	font-family: Cairo, helvetica, arial, sans-serif
}

.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: Cairo, helvetica, arial, sans-serif;
	background-color: #fff;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	outline: 0
}

	.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 .2s ease-out;
		-moz-transition: left .2s ease-out;
		-ms-transition: left .2s ease-out;
		-o-transition: left .2s ease-out;
		transition: left .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;
			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;
		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 {
		color: #ccd5d9;
		font-weight: 400;
		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;
	}

		.data-set a.details-close,
		.data-set a.details-link {
			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: Cairo, helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	color: #3d454d;
	font-weight: 500
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #00838f
}

.desc-un {
	color: #00838f
}

.ws-cc-web.mobile .desc-un {
	color: #84ffff;
}

a.link {
	border-bottom: 1px solid #00838f;
	padding-bottom: 0;
}

a:hover {
	color: #3ea0d1;
	text-decoration: underline
}

h1,
h2,
h3,
h4,
h5 {
	color: #000
}

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;
	line-height: 1.5em
}

strong {
	font-family: Cairo, helvetica, arial, sans-serif;
	font-weight: 700
}

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

[class*=" icon-"],
[class^=icon-] {
	font-family: iconfont;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-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-alert:before {
	content: "\21"
}

.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-check:before,
.icon-success:before {
	content: "\79"
}

::-webkit-input-placeholder {
	color: #75787b;
	padding: 0 0 0
}

:-moz-placeholder {
	color: #75787b;
	padding: 0 0 0
}

::-moz-placeholder {
	color: #75787b;
	padding: 0 0 0
}

:-ms-input-placeholder {
	color: #75787b;
	padding: 0 0 0
}

::-ms-clear,
::-ms-reveal {
	display: none
}

:-ms-input-placeholder {
	color: #75787b !important;
	font-weight: 400
}

input[type=email],
input[type=password],
input[type=text],
textarea {
	color: #fff;
	background-color: transparent;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	outline: 0;
	font-family: Cairo, helvetica, arial, sans-serif;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

	input[type=password].error,
	input[type=password].form-error,
	input[type=text].error,
	input[type=text].form-error,
	textarea.error,
	textarea.form-error {
		border-color: #ff1744
	}

		input[type=password].error:focus,
		input[type=password].form-error:focus,
		input[type=text].error:focus,
		input[type=text].form-error:focus,
		textarea.error:focus,
		textarea.form-error:focus {
			border-color: #ff1744
		}

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

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

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

	input[type=password][disabled],
	input[type=password][readonly=readonly],
	input[type=password][readonly],
	input[type=text][disabled],
	input[type=text][readonly=readonly],
	input[type=text][readonly],
	textarea[disabled],
	textarea[readonly=readonly],
	textarea[readonly] {
		resize: none !important
	}

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

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

.ping-input-container,
.ping-input-label,
label {
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 14px;
	color: #000;
	vertical-align: top;
	line-height: 1em;
	font-family: Cairo, helvetica, arial, sans-serif;
	cursor: default
}

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

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

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

	.ping-input-container.input-text.no-label input[type=password],
	.ping-input-container.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=text],
	label.input-text.no-label input[type=password],
	label.input-text.no-label input[type=text] {
		margin: 0
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.ping-input-container.input-text .input-container:after,
	.ping-input-container.input-textarea .input-container:after,
	.ping-input-label.input-text .input-container:after,
	.ping-input-label.input-textarea .input-container:after,
	label.input-text .input-container:after,
	label.input-textarea .input-container:after {
		font-family: iconfont;
		content: 'e';
		text-transform: none;
		position: absolute;
		top: 11px;
		right: 11px;
		cursor: pointer;
		opacity: 0
	}

	.ping-input-container.input-text:hover .input-container:after,
	.ping-input-container.input-textarea:hover .input-container:after,
	.ping-input-label.input-text:hover .input-container:after,
	.ping-input-label.input-textarea:hover .input-container:after,
	label.input-text:hover .input-container:after,
	label.input-textarea:hover .input-container:after {
		opacity: 1
	}

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

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

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

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

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

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

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

		.ping-input-container .ping-checkbox-container .label-text,
		.ping-input-container label .label-text,
		.ping-input-container li .label-text,
		.ping-input-container.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-label.input-checkbox .label-text,
		label .ping-checkbox-container .label-text,
		label label .label-text,
		label li .label-text,
		label.input-checkbox .label-text {
			display: block;
		}

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

			.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,
			.ping-input-container.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-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,
			label.input-checkbox input[type=checkbox]:checked + .icon:after {
				color: #fff
			}

			.ping-input-container .ping-checkbox-container 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 label 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 li 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.input-checkbox 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-label .ping-checkbox-container 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 label 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 li 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.input-checkbox 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,
			label .ping-checkbox-container 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 label input[type=checkbox]:disabled,
			label label input[type=checkbox]:disabled + .icon:after,
			label label input[type=checkbox]:disabled + .icon:before,
			label li input[type=checkbox]:disabled,
			label li input[type=checkbox]:disabled + .icon:after,
			label li input[type=checkbox]:disabled + .icon:before,
			label.input-checkbox input[type=checkbox]:disabled,
			label.input-checkbox input[type=checkbox]:disabled + .icon:after,
			label.input-checkbox input[type=checkbox]:disabled + .icon:before {
				cursor: default;
				opacity: .5
			}

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

			.ping-input-container .ping-checkbox-container .icon:before,
			.ping-input-container label .icon:before,
			.ping-input-container li .icon:before,
			.ping-input-container.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-label.input-checkbox .icon:before,
			label .ping-checkbox-container .icon:before,
			label label .icon:before,
			label li .icon:before,
			label.input-checkbox .icon:before {
				content: '';
				display: block;
				border: 1px solid #000;
				height: 18px;
				width: 18px;
				line-height: 18px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-ms-border-radius: 3px;
				border-radius: 3px
			}

			.ping-input-container .ping-checkbox-container .icon:after,
			.ping-input-container label .icon:after,
			.ping-input-container li .icon:after,
			.ping-input-container.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-label.input-checkbox .icon:after,
			label .ping-checkbox-container .icon:after,
			label label .icon:after,
			label li .icon:after,
			label.input-checkbox .icon:after {
				content: '\79';
				position: absolute;
				text-transform: none;
				color: transparent;
				font-family: iconfont;
				font-size: 10px;
				left: 1px;
				bottom: 0;
				text-align: center;
				height: 17px;
				width: 18px;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-ms-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s
			}

		.ping-input-container .ping-checkbox-container.top-label,
		.ping-input-container label.top-label,
		.ping-input-container li.top-label,
		.ping-input-container.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-label.input-checkbox.top-label,
		label .ping-checkbox-container.top-label,
		label label.top-label,
		label li.top-label,
		label.input-checkbox.top-label {
			padding: 0;
			height: 47px
		}

			.ping-input-container .ping-checkbox-container.top-label .icon,
			.ping-input-container label.top-label .icon,
			.ping-input-container li.top-label .icon,
			.ping-input-container.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-label.input-checkbox.top-label .icon,
			label .ping-checkbox-container.top-label .icon,
			label label.top-label .icon,
			label li.top-label .icon,
			label.input-checkbox.top-label .icon {
				top: 23px
			}

		.ping-input-container .ping-checkbox-container.no-label,
		.ping-input-container label.no-label,
		.ping-input-container li.no-label,
		.ping-input-container.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-label.input-checkbox.no-label,
		label .ping-checkbox-container.no-label,
		label label.no-label,
		label li.no-label,
		label.input-checkbox.no-label {
			margin-right: 0
		}

		.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],
		.ping-input-container.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-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],
		label.input-checkbox.large input[type=checkbox] {
			width: 24px;
			height: 24px
		}

		.ping-input-container .ping-checkbox-container.large .icon,
		.ping-input-container label.large .icon,
		.ping-input-container li.large .icon,
		.ping-input-container.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-label.input-checkbox.large .icon,
		label .ping-checkbox-container.large .icon,
		label label.large .icon,
		label li.large .icon,
		label.input-checkbox.large .icon {
			line-height: 20px
		}

			.ping-input-container .ping-checkbox-container.large .icon:before,
			.ping-input-container label.large .icon:before,
			.ping-input-container li.large .icon:before,
			.ping-input-container.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-label.input-checkbox.large .icon:before,
			label .ping-checkbox-container.large .icon:before,
			label label.large .icon:before,
			label li.large .icon:before,
			label.input-checkbox.large .icon:before {
				height: 24px;
				width: 24px;
				line-height: 24px
			}

			.ping-input-container .ping-checkbox-container.large .icon:after,
			.ping-input-container label.large .icon:after,
			.ping-input-container li.large .icon:after,
			.ping-input-container.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-label.input-checkbox.large .icon:after,
			label .ping-checkbox-container.large .icon:after,
			label label.large .icon:after,
			label li.large .icon:after,
			label.input-checkbox.large .icon:after {
				height: 24px;
				width: 24px
			}

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

			.ping-input-container .ping-checkbox-container.stacked .label-text,
			.ping-input-container label.stacked .label-text,
			.ping-input-container li.stacked .label-text,
			.ping-input-container.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-label.input-checkbox.stacked .label-text,
			label .ping-checkbox-container.stacked .label-text,
			label label.stacked .label-text,
			label li.stacked .label-text,
			label.input-checkbox.stacked .label-text {
				display: inline-block;
				padding-top: 6px
			}

	.ping-input-container .input-radio,
	.ping-input-container.input-radio,
	.ping-input-label .input-radio,
	.ping-input-label.input-radio,
	label .input-radio,
	label.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
	}

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

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

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

			.ping-input-container .input-radio.stacked .help-tooltip .tooltip-text,
			.ping-input-container.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,
			label .input-radio.stacked .help-tooltip .tooltip-text,
			label.input-radio.stacked .help-tooltip .tooltip-text {
				bottom: 24px;
				left: 21%;
				margin-left: -5px
			}

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

			.ping-input-container .input-radio input[type=radio]:checked + .circle:after,
			.ping-input-container.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,
			label .input-radio input[type=radio]:checked + .circle:after,
			label.input-radio input[type=radio]:checked + .circle:after {
				background-color: #4b637c
			}

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

		.ping-input-container .input-radio.input-text input[type=text],
		.ping-input-container.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],
		label .input-radio.input-text input[type=text],
		label.input-radio.input-text input[type=text] {
			display: inline-block;
			margin: 0
		}

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

		.ping-input-container .input-radio .circle,
		.ping-input-container.input-radio .circle,
		.ping-input-label .input-radio .circle,
		.ping-input-label.input-radio .circle,
		label .input-radio .circle,
		label.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
		}

			.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,
			.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,
			label .input-radio .circle.error,
			label .input-radio .circle.form-error,
			label.input-radio .circle.error,
			label.input-radio .circle.form-error {
				border-color: #ed3a03
			}

				.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,
				.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,
				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 {
					border-color: #ed3a03
				}

			.ping-input-container .input-radio .circle:after,
			.ping-input-container.input-radio .circle:after,
			.ping-input-label .input-radio .circle:after,
			.ping-input-label.input-radio .circle:after,
			label .input-radio .circle:after,
			label.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 .2s;
				-moz-transition: all .2s;
				-ms-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s
			}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.ping-input-container.radio-group,
	.ping-input-label.radio-group,
	label.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 .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: #000;
			pointer-events: none
		}

.input-select.error,
.input-select.form-error,
.ping-input-container.error,
.ping-input-container.form-error {
	border-color: #ed3a03
}

	.input-select.error:focus,
	.input-select.form-error:focus,
	.ping-input-container.error:focus,
	.ping-input-container.form-error:focus {
		border-color: #ed3a03
	}

.input-select select,
.ping-input-container select {
	background: #f4f7f9;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #000;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	-webkit-appearance: none;
	outline: 0;
	cursor: pointer;
	padding: 0 40px 0 10px;
	width: 110%;
	font-family: Cairo, helvetica, arial, sans-serif;
	text-transform: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .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: #000;
		background: 0 0
	}

.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 .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .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;
		opacity: 0;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .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;
	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;
		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 0 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 .1s;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
		-o-transition: all .1s;
		transition: all .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 .1s;
			-moz-transition: all .1s;
			-ms-transition: all .1s;
			-o-transition: all .1s;
			transition: all .1s;
			-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
			-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
			box-shadow: 1px 1px 4px 0 rgba(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 .button,
.search-inputs button,
.search-inputs input[type=button],
.search-inputs input[type=text] {
	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: #000;
		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: #000;
			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: #000
	}

	.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:after,
		.input-multiselect .menu:before {
			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;
			}

			.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: #000
				}

				.input-multiselect .menu label input[type=checkbox]:disabled,
				.input-multiselect .menu label input[type=checkbox]:disabled + .icon:after,
				.input-multiselect .menu label input[type=checkbox]:disabled + .icon:before {
					cursor: default;
					opacity: .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 .2s;
					-moz-transition: all .2s;
					-ms-transition: all .2s;
					-o-transition: all .2s;
					transition: all .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;
}

	.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.input-row input[type=password],
.required.input-row input[type=text],
.required.input-row textarea,
.required.input-select > div input[type=password],
.required.input-select > div input[type=text],
.required.input-select > div textarea,
.required.input-text input[type=password],
.required.input-text input[type=text],
.required.input-text textarea,
.required.input-textarea input[type=password],
.required.input-textarea input[type=text],
.required.input-textarea textarea,
.required.input-toggle input[type=password],
.required.input-toggle input[type=text],
.required.input-toggle textarea,
.required.legend input[type=password],
.required.legend input[type=text],
.required.legend textarea {
	font-family: Cairo, helvetica, arial, sans-serif;
	padding-left: 20px
}

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

.required.input-select .input-container:before,
.required.input-text .input-container:before,
.required.input-textarea .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-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-select .input-container:before,
.required.value-entered.input-text .input-container:before,
.required.value-entered.input-textarea .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;
	opacity: .5
}

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

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

	.readonly.input-text input[type=password]:focus,
	.readonly.input-text input[type=password]:hover,
	.readonly.input-text input[type=text]:focus,
	.readonly.input-text input[type=text]:hover,
	.readonly.input-text textarea:focus,
	.readonly.input-text textarea:hover,
	.readonly.input-textarea input[type=password]:focus,
	.readonly.input-textarea input[type=password]:hover,
	.readonly.input-textarea input[type=text]:focus,
	.readonly.input-textarea input[type=text]:hover,
	.readonly.input-textarea textarea:focus,
	.readonly.input-textarea textarea:hover {
		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-row:before,
.readonly.required.input-select > div:before,
.readonly.required.input-text:before,
.readonly.required.input-textarea:before,
.readonly.required.input-toggle:before,
.readonly.required.legend:before {
	content: none
}

.readonly.required.input-row input[type=password],
.readonly.required.input-row input[type=text],
.readonly.required.input-row textarea,
.readonly.required.input-select > div input[type=password],
.readonly.required.input-select > div input[type=text],
.readonly.required.input-select > div textarea,
.readonly.required.input-text input[type=password],
.readonly.required.input-text input[type=text],
.readonly.required.input-text textarea,
.readonly.required.input-textarea input[type=password],
.readonly.required.input-textarea input[type=text],
.readonly.required.input-textarea textarea,
.readonly.required.input-toggle input[type=password],
.readonly.required.input-toggle input[type=text],
.readonly.required.input-toggle textarea,
.readonly.required.legend input[type=password],
.readonly.required.legend input[type=text],
.readonly.required.legend textarea {
	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;
	opacity: 0
}

#input-advanced-search.advanced-on .narrow-by-inputs {
	pointer-events: none;
	height: 0;
	margin: 0;
	opacity: 0
}

#input-advanced-search.advanced-on .input-toggle {
	left: 622px;
	opacity: 1
}

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

#input-advanced-search .input-toggle {
	position: absolute;
	top: 11px;
	left: 752px;
	opacity: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .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: #000;
		font-family: iconfont
	}

#input-advanced-search .narrow-by-link {
	z-index: 1;
	position: absolute;
	left: 622px;
	top: 11px;
	font-size: 14px;
	opacity: 1;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

#input-advanced-search .narrow-by-inputs {
	height: 0;
	margin: 0;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: margin ease-out .1s .3s, height ease-out .1s .3s, opacity ease-out .3s;
	-moz-transition: margin ease-out .1s .3s, height ease-out .1s .3s, opacity ease-out .3s;
	-ms-transition: margin ease-out .1s .3s, height ease-out .1s .3s, opacity ease-out .3s;
	-o-transition: margin ease-out .1s .3s, height ease-out .1s .3s, opacity ease-out .3s;
	transition: margin ease-out .1s .3s, height ease-out .1s .3s, opacity ease-out .3s
}

	#input-advanced-search .narrow-by-inputs.open {
		height: 33px;
		margin: 15px 0 30px 0;
		pointer-events: auto;
		opacity: 1;
		-webkit-transition: margin ease-out .3s, height ease-out .3s, opacity ease-out .1s .3s;
		-moz-transition: margin ease-out .3s, height ease-out .3s, opacity ease-out .1s .3s;
		-ms-transition: margin ease-out .3s, height ease-out .3s, opacity ease-out .1s .3s;
		-o-transition: margin ease-out .3s, height ease-out .3s, opacity ease-out .1s .3s;
		transition: margin ease-out .3s, height ease-out .3s, opacity ease-out .1s .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: #000
}

.secondary.input-select div,
.secondary.input-text {
	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;
		}

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

		.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: #000;
			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 .4s, opacity ease-out .1s .3s;
				-moz-transition: top ease-out .4s, opacity ease-out .1s .3s;
				-ms-transition: top ease-out .4s, opacity ease-out .1s .3s;
				-o-transition: top ease-out .4s, opacity ease-out .1s .3s;
				transition: top ease-out .4s, opacity ease-out .1s .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, .2);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		box-shadow: 0 0 20px rgba(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-opacity-slider,
	.input-color-picker .minicolors-slider {
		position: absolute;
		top: 1px;
		left: 152px;
		width: 20px;
		height: 150px;
		background-color: #fff;
		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 #000;
		margin: -6px 0 0 -6px;
		background: 0 0;
		-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 .input-container,
	.inline-input-labels > label .label-text {
		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: Cairo, 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: #000;
		pointer-events: none
	}

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

	.input-calendar.active:after {
		-webkit-transition: top ease-out .4s, opacity ease-out .1s .3s;
		-moz-transition: top ease-out .4s, opacity ease-out .1s .3s;
		-ms-transition: top ease-out .4s, opacity ease-out .1s .3s;
		-o-transition: top ease-out .4s, opacity ease-out .1s .3s;
		transition: top ease-out .4s, opacity ease-out .1s .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: Cairo, 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: #000;
			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: #000
		}

		.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: #000
		}

			.input-calendar .input-calendar-wrapper .days-view .day.next,
			.input-calendar .input-calendar-wrapper .days-view .day.prev,
			.input-calendar .input-calendar-wrapper .months-view .day.next,
			.input-calendar .input-calendar-wrapper .months-view .day.prev,
			.input-calendar .input-calendar-wrapper .years-view .day.next,
			.input-calendar .input-calendar-wrapper .years-view .day.prev {
				opacity: .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: #000
			}

			.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;
				opacity: .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 .5s infinite;
		-moz-animation: pulse-1 1.5s ease-out .5s infinite;
		-o-animation: pulse-1 1.5s ease-out .5s infinite;
		animation: pulse-1 1.5s ease-out .5s infinite
	}

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

	.icon-elipses .path-3 {
		-webkit-animation: pulse-3 1.5s ease-out .5s infinite;
		-moz-animation: pulse-3 1.5s ease-out .5s infinite;
		-o-animation: pulse-3 1.5s ease-out .5s infinite;
		animation: pulse-3 1.5s ease-out .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(0);
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-ms-transform: rotate(720deg);
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg)
	}
}

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

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

@keyframes rotation {
	0% {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	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, .4) rgba(165, 170, 174, .4) rgba(165, 170, 174, .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, .9) rgba(255, 255, 255, .6) rgba(255, 255, 255, .7) rgba(255, 255, 255, .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: 0;
	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 .5s linear;
		animation: fadeIn .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: 0 auto;
			font-size: 15px;
			position: relative;
			text-indent: -9999em;
			border-top: .6em solid rgba(146, 156, 161, .2);
			border-right: .6em solid rgba(146, 156, 161, .2);
			border-bottom: .6em solid rgba(146, 156, 161, .2);
			border-left: .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(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

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

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

@keyframes loaderAnim {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	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: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

	html .ws-cc-web.mobile,
	html.ws-cc-mobile {
		background: url(/Images/registration-mobile-bg.png) center center no-repeat;
		background-color: #000;
		height: auto;
		min-height: 100%
	}

.ws-cc-web.mobile {
	padding: 0
}

body {
	height: auto;
	min-height: 100%
}

html .ws-cc-web.mobile body,
html.ws-cc-mobile body {
	height: auto;
	min-height: 100%
}

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

body .ping-password .ping-header {
	padding-top: 50px;
	font-size: 40px
}

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

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

body.mobile .ping-password .ping-body-container .ping-steps .step,
body.mobile .ping-signin .ping-body-container .ping-steps .step {
	width: 72px
}

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

body .ping-password .ping-body-container .ping-steps .step span,
body .ping-signin .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: #282829;
	border: 1px solid #282829
}

	body .ping-password .ping-body-container .ping-steps .step span.complete .icon-approve,
	body .ping-signin .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-password .ping-body-container .ping-steps .step label,
body .ping-signin .ping-body-container .ping-steps .step label {
	display: block;
	font-size: 14px;
	text-transform: none;
	color: #282829;
	margin-right: 0;
	padding-top: 10px
}

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

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=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=text] {
	padding-left: 15px
}

body .ping-password .ping-body-container .ping-input-container span,
body .ping-signin .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;
	/*border: 1px solid #35c370*/
}

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

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

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

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

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

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

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

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

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

		body .ping-password .ping-body-container .ping-requirements a.open .icon-dropdown-arrow:before,
		body .ping-signin .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 .2s linear;
			-moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s linear
		}

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

html .ws-cc-web.mobile body .ping-password .ping-body-container .ping-requirements .requirements,
html .ws-cc-web.mobile body .ping-signin .ping-body-container .ping-requirements .requirements,
html.ws-cc-mobile body .ping-signin .ping-body-container .ping-requirements .requirements {
	color: #fff
}

body .ping-password .ping-input-link.ping-pass-change,
body .ping-signin .ping-input-link.ping-pass-change {
	border-top: none;
	color: #00838f;
	margin-top: 0;
	clear: both
}

	body .ping-password .ping-input-link.ping-pass-change .divider,
	body .ping-signin .ping-input-link.ping-pass-change .divider {
		padding: 0 20px
	}

body.mobile .ping-signin .remember-username {
	display: none
}

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;
	-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;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

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 dd,
			table.ping-tabular dl dt {
				box-sizing: border-box;
				display: table-cell
			}

			table.ping-tabular dl dt {
				text-align: right;
				padding-right: 10px;
				max-width: 100%;
				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: Cairo, helvetica, arial, sans-serif;
				font-weight: 700;
				color: #929aa1;
				font-weight: 400
			}

			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 0;
			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.no-bullets {
		margin-left: 0
	}

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

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

.wrap {
	word-wrap: break-word
}

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

.ping-messages {
	display: block;
	margin: 0 0 20px 0;
	font-size: 16px;
	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.ping-error {
			color: #ff1744;
			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
		}

.ping-input-label {
	text-align: left;
	color: #929aa1;
	float: left
}

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

	.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 {
	text-align: left;
	line-height: 18px
}

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

.ping-button {
	font-weight: 500
}

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

.ping-container {
	box-sizing: border-box;
	min-height: 100%;
	min-width: 280px;
	width: 100%;
	position: relative;
	padding-top: 48px
}

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

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

.ping-header {
	position: relative;
	box-sizing: border-box;
	font-size: 16px;
	font-family: Cairo, helvetica, arial, sans-serif;
	font-weight: 400;
	color: #fff;
	text-align: center;
	max-width: 400px;
	margin: 0 auto
}

	.ping-header .company-logo {
		display: none
	}

    .ping-header.has-logo .company-logo {
        min-height: 97px;
        display: block;
        background: transparent url(/Images/U-registration-text.svg) center center no-repeat;
        margin: 0 auto;
        background-size: contain
    }

.ping-container .ping-header.has-logo.whitelabel-logo {
	background: #9c9fa4;
	background: linear-gradient( 90deg,rgba(156,159,164,1) 0,rgba(124,127,134,1) 100%);
}

.ping-header.has-logo.whitelabel-logo .company-logo {
	background: url(/Images/Registration/HostedServicesNewMainLogo.png) center center no-repeat;
	background-size: 170px;
	height: 184px;
}

.mobile .ping-header.has-logo .company-logo {
	min-height: 72px
}

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

.ping-body-container {
	box-sizing: border-box;
	min-height: 100px;
	text-align: center;
	position: relative;
	width: 100%;
	padding: 32px;
	position: relative;
	margin: 0 auto;
	/*overflow: hidden*/
}

	.ping-body-container .section-title {
		font-size: 14px;
		margin: 0 0 10px;
		text-align: left
	}

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

	.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: Cairo, helvetica, arial, sans-serif
	}

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

	.password-requirements .requirements-message {
		padding-top: 20px;
		display: none;
		width: 100%;
		transition: top .3s cubic-bezier(.17, .04, .03, .94);
		overflow: hidden;
		box-sizing: border-box
	}

	.password-requirements ul,
	.ping-requirements ul {
		margin-left: 32px
	}

		.password-requirements ul li,
		.ping-requirements ul li {
			list-style-type: disc;
			margin: 10px 0 0 0
		}

.ping-section {
	float: left
}

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

.ping-body-container .remember-selection,
.ping-body-container .remember-username {
	text-align: left
}

	.ping-body-container .remember-selection .ping-checkbox-container,
	.ping-body-container .remember-username .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-top: 20px
}

	.ping-buttons .ping-button {
		position: relative;
		margin: 10px 0;
		display: block
	}

		.ping-buttons .ping-button.disabled {
			color: #9e9e9e;
			background: #f6f6f6
		}

			.ping-buttons .ping-button.disabled:hover {
				text-decoration: none;
				cursor: default
			}

.hide-footer-toggle .ping-footer-container {
	display: none
}

.ping-footer-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 90px
}

.ping-footer {
	display: block;
	font-size: 11px;
	color: #75787b;
	font-family: Cairo, helvetica, arial, sans-serif
}

.ping-credits span {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 1px 1px 0;
	font-size: 13px;
	color: #929aa1
}

.input-check,
.ping-input-link {
	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-top: 10px;
		border-top: 1px solid #e4e5e5;
		text-align: center
	}

	.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: 700;
	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
}

.ws-cc-mobile .ping-input-container,
.ws-cc-mobile .ping-input-label,
.ws-cc-mobile .section-title,
.ws-cc-mobile .section-title h2,
.ws-cc-mobile label,
.ws-cc-web.mobile .ping-input-container,
.ws-cc-web.mobile .ping-input-label,
.ws-cc-web.mobile .section-title,
.ws-cc-web.mobile .section-title h2,
.ws-cc-web.mobile label {
	color: #fff
}

.ws-cc-mobile .ping-buttons,
.ws-cc-web .ping-buttons {
	display: block;
	width: 70%;
	margin: 0 auto
}

	.ws-cc-mobile .ping-buttons .ping-button,
	.ws-cc-web .ping-buttons .ping-button,
	.ws-cc-web.mobile .ping-buttons .ping-button {
		position: relative;
		background: #00838f;
		color: #fff;
		display: block;
		min-height: 44px;
		line-height: 44px;
		font-weight: 400;
		border-radius: 5px;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px
	}

.ws-cc-web.mobile .ping-buttons .ping-button {
	background: #84ffff;
	color: #000
}

	.ws-cc-mobile .ping-buttons .ping-button.disabled,
	.ws-cc-web .ping-buttons .ping-button.disabled,
	.ws-cc-web.mobile .ping-buttons .ping-button.disabled {
		pointer-events: none;
		cursor: default;
		opacity: .5
	}

.ws-cc-mobile .ping-buttons .ping-button.deny,
.ws-cc-web .ping-buttons .ping-button.deny {
	background: 0 0;
	color: #00838f;
	font-size: 14px
}

.ws-cc-mobile .ping-buttons .ping-button.deny,
.ws-cc-mobile a,
.ws-cc-web.mobile .ping-buttons .ping-button.deny,
.ws-cc-web.mobile a {
	background: 0 0;
	color: #84ffff;
	font-size: 14px
}

.ws-cc-web.mobile li.nav-progress a {
	color: #fff;
	font-weight: normal;
	display: inline-block;
	width: 70px;
	line-height: 16px;
	font-size:13px;
}

.ws-cc-web.mobile .progressbars li {
	width: 24%;
}

.ws-cc-web.mobile .progressbars li.active + li.active:after {
	background-color: #84ffff;
}

.ws-cc-web.mobile li.nav-progress.active a {
	color: #84ffff;
}

.ws-cc-web.mobile .progressTable.progressbars{
	margin:0px;
}

.ws-cc-web.mobile .progressbars li.active:before {
	background-color: #84ffff;
	color: #000;
	font-weight: normal;
}

.ws-cc-mobile .ping-buttons .ping-button.deny:before,
.ws-cc-web .ping-buttons .ping-button.deny:before {
	display: none
}

.ws-cc-mobile .ping-header .company-tag-line,
.ws-cc-web .ping-header .company-tag-line {
	display: none;
	padding-top: 16px
}

.ws-cc-web.mobile .ping-container {
	box-sizing: border-box;
	min-width: 280px;
	width: 100%;
	padding-top: 72px;
	background: 0 0;
	display: block;
	border: 0;
	left: auto
}

.ws-cc-change-password .ping-signin .ping-body-container .ping-messages,
.ws-cc-web.mobile .ping-signin .ping-body-container .ping-messages {
	color: #fff
}

.ws-cc-change-password .ping-signin .ping-body-container .ping-steps .step.active span,
.ws-cc-web.mobile .ping-signin .ping-body-container .ping-steps .step.active span {
	color: #000;
	background-color: #fff
}

.ws-cc-change-password .ping-password .ping-body-container .ping-steps .step span,
.ws-cc-change-password .ping-signin .ping-body-container .ping-steps .step span,
.ws-cc-web.mobile .ping-password .ping-body-container .ping-steps .step span,
.ws-cc-web.mobile .ping-signin .ping-body-container .ping-steps .step span {
	border-color: #fff;
	color: #fff
}

.ws-cc-change-password .ping-password .ping-body-container .ping-steps .step label,
.ws-cc-change-password .ping-signin .ping-body-container .ping-steps .step label,
.ws-cc-web.mobile .ping-password .ping-body-container .ping-steps .step label,
.ws-cc-web.mobile .ping-signin .ping-body-container .ping-steps .step label {
	color: #fff
}

.ws-cc-web .ping-container {
	background: #fff;
	height: auto;
	min-height: 0;
	width: 480px;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #cecece
}

	.ws-cc-web .ping-container .ping-header {
		flex: 1 0 25%;
		min-height: 184px;
		position: relative;
		background: transparent url(/Images/registration-bg.jpg) center -110px no-repeat;
		background-size: cover;
		max-width: none;
		margin: 0
	}

.ws-cc-web.mobile .ping-container .ping-header {
	background: 0 0;
	min-height: 100px
}

body .ping-container .ping-header .logo-placement-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.ws-cc-web .ping-container .ping-body-container {
	max-width: 480px
}

.ws-cc-web.mobile .ping-container .ping-body-container,
.ws-cc-web.mobile .ping-container .ping-body-container .section-title .ws-cc-web.mobile .ping-container .ping-body-container .ping-messages {
	color: #fff
}

.ws-cc-web.mobile .ping-container .ping-body-container {
	max-width: 100%
}

.ws-cc-web .ping-input-container input,
.ws-cc-web .ping-input-container textarea {
	border: 1px solid #282829;
	color: #282829;
	border-radius: 4px;
	padding-left: 12px
}

.ws-cc-mobile .ping-input-container input,
.ws-cc-web.mobile .ping-input-container input {
	border: 0;
	color: #282829;
	border-radius: 4px;
	padding-left: 12px;
	background: #fff
}

.ws-cc-web .ping-buttons {
	margin-top: 15px;
	margin-bottom: 20px;
}

body.select-auth-sys .ping-container {
	padding: 32px
}

body.select-auth-sys .ping-body-container {
	background: #fff;
	max-width: 480px;
	margin: 12px auto;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15)
}

.ping-buttons.continueButtonClass {
	display: none
}

.ws-cc-web.mobile .ping-buttons.continueButtonClass {
	display: block
}

.log-off-master .ping-messages {
	text-align: center
}

.ws-cc-mobile.log-off-master .ping-messages {
	color: #fff
}

.ws-cc-mobile .ping-signin .ping-pass-change .divider,
.ws-cc-mobile .ping-signin .ping-pass-change a {
	color: #84ffff
}

.ws-cc-web {
	background: #fff;
	height: auto;
	padding: 96px;
	box-sizing: border-box
}

	.ws-cc-web .ping-input-container .ping-checkbox-container input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-container label input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-container li input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-container.input-checkbox input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-label .ping-checkbox-container input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-label label input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-label li input[type=checkbox]:checked + .icon:after,
	.ws-cc-web .ping-input-label.input-checkbox input[type=checkbox]:checked + .icon:after,
	.ws-cc-web label,
	.ws-cc-web label .ping-checkbox-container input[type=checkbox]:checked + .icon:after,
	.ws-cc-web label label input[type=checkbox]:checked + .icon:after,
	.ws-cc-web label li input[type=checkbox]:checked + .icon:after,
	.ws-cc-web label.input-checkbox input[type=checkbox]:checked + .icon:after {
		color: #000
	}

.ws-cc-mobile label .ping-checkbox-container .icon:before,
label li .icon:before {
	border: 1px solid #fff
}

.ws-cc-mobile .ping-body-container .ping-requirements,
.ws-cc-web.mobile .ping-body-container .ping-requirements {
	color: #fff
}

.gen-landing-page {
	background: #fff
}

	.gen-landing-page .ping-header {
		font-family: Cairo, helvetica, arial, sans-serif
	}

		.gen-landing-page .ping-header h1 {
			clear: both
		}

	.gen-landing-page .ping-body-container {
		color: #000
	}

		.gen-landing-page .ping-body-container .ping-messages {
			font-family: Cairo, helvetica, arial, sans-serif;
			text-align: center
		}

.frameChangePassword .ws-cc-web .ping-container {
	max-width: 800px;
	width: auto;
	flex-direction: row;
	border: 0
}

	.frameChangePassword .ws-cc-web .ping-container .ping-body-container,
	.frameChangePassword .ws-cc-web .ping-container .requirements-message {
		flex: 1;
		padding: 24px;
		box-sizing: border-box;
		max-width: 100%;
		width: auto
	}

		.frameChangePassword .ws-cc-web .ping-container .requirements-message ul {
			margin: 15px
		}

			.frameChangePassword .ws-cc-web .ping-container .requirements-message ul li {
				list-style-type: disc;
				margin: 0 0 10px 10px
			}

.weWindstreamMobileAdapter h1,
.weWindstreamWebAdapter .mobile h1,
.weWindstreamWebAdapter h1 {
	color: #ff1744
}

.myWindstreamMobileAdapter h1,
.myWindstreamWebAdapter h1 {
	color: #ff9e2e
}

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

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

.myWindstreamMobileAdapter .ping-messages > div.ping-error,
.myWindstreamMobileAdapter .ping-messages > div.wrap,
.myWindstreamWebAdapter .ping-messages > div.ping-error,
.myWindstreamWebAdapter .ping-messages > div.wrap,
.partnerWindstreamMobileAdapter .ping-messages > div.ping-error,
.partnerWindstreamMobileAdapter .ping-messages > div.wrap,
.partnerWindstreamWebAdapter .ping-messages > div.ping-error,
.partnerWindstreamWebAdapter .ping-messages > div.wrap,
.weWindstreamMobileAdapter .ping-messages > div.ping-error,
.weWindstreamMobileAdapter .ping-messages > div.wrap,
.weWindstreamWebAdapter .mobile .ping-messages > div.ping-error,
.weWindstreamWebAdapter .mobile .ping-messages > div.wrap {
	color: #fff;
	word-wrap: break-word
}

	.myWindstreamMobileAdapter .ping-messages > div.ping-error span,
	.myWindstreamWebAdapter .ping-messages > div.ping-error span,
	.partnerWindstreamMobileAdapter .ping-messages > div.ping-error span,
	.partnerWindstreamWebAdapter .mobile .ping-messages > div.ping-error span,
	.partnerWindstreamWebAdapter .ping-messages > div.ping-error span,
	.weWindstreamMobileAdapter .ping-messages > div.ping-error span,
	.weWindstreamWebAdapter .mobile .ping-messages > div.ping-error span,
	.weWindstreamWebAdapter .ping-messages > div.ping-error span {
		display: inline-block
	}

.page-expired .ping-messages {
	font-size: 16px
}

.page-expired .expired-redirect-options {
	display: flex;
	flex-direction: row
}

	.page-expired .expired-redirect-options > div {
		flex: 1;
		padding: 20px
	}

	.page-expired .expired-redirect-options .we-redirect {
		text-align: right
	}

		.page-expired .expired-redirect-options .we-redirect a {
			display: inline-block;
			background: #000;
			text-align: center;
			padding: 12px;
			border-radius: 3px;
			width: 200px;
			height: 90px;
			-webkit-box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75);
			-moz-box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75);
			box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75)
		}

			.page-expired .expired-redirect-options .we-redirect a img {
				height: 36px;
				margin-top: 12px
			}

				.page-expired .expired-redirect-options .we-redirect a img.tagline {
					height: 10px
				}

	.page-expired .expired-redirect-options .my-redirect a {
		display: inline-block;
		position: relative;
		width: 200px;
		height: 90px;
		padding: 12px;
		background-image: linear-gradient(to right, #5b3899 0, #5b3899 15%, #bd215f 85%, #bd215f 100%);
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75);
		-moz-box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75);
		box-shadow: 0 1px 30px -5px rgba(0, 0, 0, .75);
		vertical-align: top
	}

		.page-expired .expired-redirect-options .my-redirect a img {
			display: block;
			position: relative;
			margin: 0 auto;
			height: 44px;
			top: 50%;
			margin-top: -26px
		}

	.page-expired .expired-redirect-options .my-redirect p,
	.page-expired .expired-redirect-options .we-redirect p {
		display: inline-block;
		text-align: center;
		width: 200px;
		padding: 12px
	}

.eye-toggle {
	position: absolute;
	right: 0;
	left: auto
}

	.eye-toggle input[type=checkbox] {
		display: none
	}

		.eye-toggle input[type=checkbox] + label.eye-icon {
			margin: 0
		}

			.eye-toggle input[type=checkbox] + label.eye-icon:before {
				display: inline-block;
				content: '';
				margin: 0;
				width: 44px;
				height: 40px;
				opacity: .35;
				background-size: 16px;
				background: url(../images/material-eye-icon.svg) transparent center center no-repeat
			}

		.eye-toggle input[type=checkbox]:checked + label.eye-icon:before {
			opacity: 1
		}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:326dpi),
(hover:none),
(pointer:none),
(max-width:768px) {
	.ping-alert .ping-warning-icon {
		background-image: url(../images/icon-alert.png)
	}
	.ping-alert .ping-success-icon {
		background-image: url(../images/icon-success.140.gif)
	}
	.ping-spinner {
		background-image: url(../images/spinner.100.gif)
	}
		.ping-spinner.ping-inline {
			background-image: url(../images/spinner.30.gif)
		}
}

.ping-alert .ping-success-icon {
	display: block;
	margin: 0 auto 30px auto;
	height: 70px;
	width: 70px;
	background: transparent url(../images/icon-success.70.gif) no-repeat 0 1px;
	background-size: 70px 70px
}

.ping-spinner {
	height: 50px;
	width: 50px;
	background: transparent url(../images/spinner.50.gif) no-repeat 0 1px;
	background-size: 50px 50px;
	margin: 30px auto 35px auto
}

	.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(../images/spinner.15.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%
	}

.remember-selection {
	text-align: left
}

.steps.box-supcontent{
	margin-top:30px;
}

@media (max-width:480px), (max-device-width:480px) {
	body {
		padding: 0
	}
		body .ping-signin .ping-body-container .ping-steps .step {
			width: 80px
		}
	.ping-footer-container {
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center
	}
}

@media (max-width:900px) {
	.ping-tabular .button.inline {
		height: auto
	}
	.ping-tabular dd {
		display: block;
		width: 100%
	}
	.ping-container.ping-large {
		max-width: 100%;
		width: 100%
	}
}

@media (max-width:900px) and (max-device-width:900px) and (-webkit-device-pixel-ratio:2) {
	body {
		padding: 0
	}
}

@media (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2) {
	.ws-cc-mobile .ping-container {
		min-height: 0;
		position: relative;
		top: auto;
		transform: none
	}
	body .ping-password .ping-body-container .ping-steps .step,
	body .ping-signin .ping-body-container .ping-steps .step {
		width: 75px
	}
	.ws-cc-web.mobile .ping-container {
		padding-top: 48px
	}
}

@media (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2) {
	.ws-cc-web.mobile .ping-container.weMainLogin {
		padding-top: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: auto;
		min-height: 0
	}
}

@media only screen and (min-width:1280px) {
	.ws-cc-web {
		padding: 36px 24px
	}
}

.ping-input-container.label-container {
	margin: 0px;
	text-align: left;
}

	.ping-input-container.label-container label {
		font-size: 16px;
	}

.validation_message,
.m_validation_message {
	display: none;
	color: #f00;
	font-size: 14px;
	text-align: left;
	position: relative;
	top: -15px;
	margin-bottom: 8px;
}

.m_validation_message {
	font-size: 15px;
}

input[readonly="readonly"] {
	cursor: no-drop;
	background: #dedede;
	color: #444 !important;
}

#screen_1_message,
#screen_2_message {
	display: none;
	text-align: center;
	font-size: 16px;
	margin-top: 25px;
}

@font-face {
	font-family: 'Linecons';
	src: url('/Content/font/Linecons.eot');
	src: url('/Content/font/Linecons.eot?#iefix') format('embedded-opentype'), url('/Content/font/Linecons.woff') format('woff'), url('/Content/font/Linecons.ttf') format('truetype'), url('/Content/font/Linecons.svg') format('svg')
}

.submit-button::before {
	content: '\e803';
	font-family: 'Linecons';
	font-size: 18px;
	padding-right: 7px;
}

.close-button::before {
	content: '\e837';
	font-family: 'Linecons';
	font-size: 18px;
	padding-right: 7px;
}

.info-button::before {
	content: '\e80d';
	font-family: 'Linecons';
	font-size: 18px;
	padding-right: 7px;
}

#LoadingPanel {
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 2000;
	margin-left: -100px;
	margin-top: -100px;
	display: none;
}

.loading-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background-color: black;
	z-index: 9;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background-color: black;
	z-index: 5;
	display: none;
}

.lds-double-ring {
	position: relative;
	background-color: transparent;
	z-index: 9;
	width: 200px;
	height: 200px;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

	.lds-double-ring div {
		position: absolute;
		width: 60px;
		height: 60px;
		top: 70px;
		left: 70px;
		border-radius: 50%;
		border: 4px solid #000;
		border-color: #64dadd transparent #64dadd transparent;
		-webkit-animation: lds-double-ring 0.6s linear infinite;
		animation: lds-double-ring 0.6s linear infinite;
	}

		.lds-double-ring div:nth-child(2) {
			width: 48px;
			height: 48px;
			top: 76px;
			left: 76px;
			border-color: transparent #1e929c transparent #1e929c;
			-webkit-animation: lds-double-ring_reverse 0.6s linear infinite;
			animation: lds-double-ring_reverse 0.6s linear infinite;
		}

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

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

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

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

.custom-modal {
	max-width: 700px;
	position: absolute;
	z-index: 1050;
	background: white;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 95%;
	display: none;
}

.c-m-title {
	font-size: 20px;
}

.c-m-header {
	padding: 24px;
	border: 1px solid #cecece;
}

.c-m-body {
	padding: 24px 36px;
	border: 1px solid #cecece;
	border-top: none;
	border-bottom: none;
}

.c-m-footer {
	padding: 24px 36px;
	border: 1px solid #cecece;
	text-align: right;
}

	.c-m-footer .m_request {
		margin-right: 0px;
	}

.c-m-header .close-button {
	position: absolute;
	right: 12px;
}

.c-m-header p {
	margin: 16px 0px 0px 0px;
	width: 95%;
}

.custom-modal textarea {
	width: 100%;
	height: 150px;
	line-height: 24px;
	max-width: 100%;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.flex-container > div {
		width: 280px;
	}

.ws-cc-web.mobile .custom-modal .ping-input-container input {
	border: 1px solid #282829;
}

.ws-cc-web.mobile .custom-modal label {
	color: #000;
}

.ws-cc-web.mobile .custom-modal a {
	background: 0 0;
	background-color: #00838f;
	color: #fff;
}

.ping-button.cancel-button {
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
}

.email_sent {
	font-size: 17px;
	line-height: 30px;
	padding-bottom: 20px;
	display: none;
}

body .ping-signin .ping-body-container .ping-input-container span.info-button {
	left: -20px;
	position: relative;
	color: #333;
	background: transparent;
	border: none;
	bottom: 2px;
}

body .ping-signin .ping-body-container .ping-input-container span[data-balloon-pos] {
	background: transparent;
	border: none;
	position: relative;
	left: -44px;
	padding: 11px;
	bottom: 4px;
	width: 22px;
}

.tooltip-custom {
	--balloon-font-size: 14px;
	--balloon-color: #333;
}

span.tooltipicon {
	cursor: pointer;
}

	span.tooltipicon::before {
		display: inline-block;
		content: '\e80D';
		font-size: 18px;
		font-family: 'Linecons';
		margin-left: 7px;
		color: #9ddae7;
		cursor: pointer;
	}

span.tooltip-input {
	display: block;
	position: absolute;
	background: url('/images/registration/info.png') center center no-repeat;
	background-size: cover;
	z-index: 1;
	cursor: pointer;
	height: 20px;
	width: 20px;
	top: 10px;
	right: 7px;
	margin-top: 9px;
}

.popover-list {
	padding: 0px;
	margin: 0px;
}

	.popover-list li {
		display: block;
		line-height: 20px;
		padding: 4px 0px;
		border-bottom: 1px solid #d0d0d0;
	}

		.popover-list li:last-child {
			border-bottom: 0px;
		}

@media (max-width: 500px) {
	.ping-buttons .ping-button {
		width: 150px;
	}
	.description-text .line_br {
		display: inline;
	}
	.popover {
		max-width: 250px;
		line-height: 18px;
	}
}

.mb-0 {
	display: inline-block;
	vertical-align: middle;
}

.radio-desc-section{
	text-align: left;
}

.progressbars {
	counter-reset: step;
}

.progressbars li {
	list-style-type: none;
	width: 25%;
	float: left;
	font-size: 16px;
	position: relative;
	text-align: center;
	color: white;
}

	.progressbars li:before {
		width: 30px;
		height: 30px;
		content: counter(step);
		counter-increment: step;
		line-height: 30px;
		border: 2px solid white;
		display: block;
		text-align: center;
		margin: 0 auto 10px auto;
		border-radius: 50%;
		color: white;
		position: relative;
		z-index: 4;
		background-color: #29292c;
	}

	.progressbars li:after {
		width: 100%;
		height: 2px;
		content: '';
		position: absolute;
		background-color: #7d7d7d;
		top: 15px;
		left: -50%;
		z-index: 0;
	}

	.progressbars li:first-child:after {
		content: none;
	}

	.progressbars li.active {
		color: white;
	}

	.progressbars li.inactive:before {
		border: 2px solid #7d7d7d !important;
		background-color: #7d7d7d !important;
	}

.steps .progressbars li.inactive a {
	color: #7d7d7d !important;
	cursor: default !important;
}

.progressbars li.active:before {
	background-color: #AE2179;
	color: white;
	font-weight: bold;
	font-size: 16px;
}

.nav-progress a {
	font-size: 11px;
	line-height: 10px;
	color: #282829;
	font-weight: 600;
    cursor: default;
}

.nav-progress.active a {
	color: #AE2179;
}

	.progressbars li.active + li.active:after {
	background-color: #AE2179;
}

.nav-progress a:hover {
    text-decoration: none
}

.progressbars li.active + li:after {
	background-color: #7d7d7d;
}

.border-pack {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: -15px;
	right: 38%;
	background-color: #29292c;
	z-index: 1;
}

span.info-tool:before {
	content: '\e80D';
	font-family: 'Linecons';
	font-size: 20px;
	font-weight: bold;
	color: darkblue;
}

span.info-tool {
	background: none;
	top: 10px;
}


.requirement_detail > span.req_info {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #75757b;
}

.req_info:before {
    content: '\e80d';
    font-family: 'Linecons';
    font-size: 14px;
    padding-right: 7px;
    color: #30A6AF;
}

#ext_pin {
    border: 1px solid #282829;
    color: #282829;
    border-radius: 4px;
    padding: 12px;
    margin: 25px 0px;
    font-size: 30px;
    font-family: caption;
}

#ext_pinSix {
    border: 1px solid #282829;
    color: #282829;
    border-radius: 4px;
    padding: 12px;
    margin: 25px 0px;
    font-size: 30px;
    font-family: caption;
}

#ext_pinFour {
    border: 1px solid #282829;
    color: #282829;
    border-radius: 4px;
    padding: 12px;
    margin: 25px 0px;
    font-size: 30px;
    font-family: caption;
}
#confirm_pin {
    visibility: hidden;
    position: absolute;
}

a.sec_btn {
    color: #30A6AF;
    text-decoration: none;
}

    a.sec_btn:hover {
        color: #69E0E3;
        text-decoration: none;
    }

#confirm_pin + label {
    position: relative;
    font-weight: normal;
    cursor: pointer;
}

#dvOSExtensionPin p {
    text-align: left;
}

#confirm_pin + label:before {
    border: 2px solid;
    border-color: #75787B;
    border-radius: 4px;
    content: "";
    font-family: "Linecons";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    /* line-height: 20px; */
    font-size: 14px;
    margin-right: 7px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
    min-width: 20px;
    width: 20px;
    transition: background 0.15s linear, border-color 0.15s ease;
}

#confirm_pin:checked + label:before {
    background: #30A6AF;
    border-color: #30A6AF;
    color: #fff;
    font-size: 14px;
}

body.Ilec #confirm_pin:checked + label:before, body.Ilec .submitExtVMPin {
    background: #7DBA00 !important;
    border-color: #7DBA00;
}

body.Ilec .req_info:before {
    color: #7DBA00;
}
body.Ilec .ping-header.has-logo .company-logo {
    background: transparent url(/Images/smb-logo-77x300.svg) center center no-repeat;
}

body.Ilec.ws-cc-web .ping-container .ping-header {
    background: none;
    border-bottom: 1px solid #d0d0d0;
}



.ping-container .ping-header.has-logo.whitelabel-logo {
    background: #9c9fa4;
    background: linear-gradient( 90deg,rgba(156,159,164,1) 0,rgba(124,127,134,1) 100%);
}

.ping-header.has-logo.whitelabel-logo .company-logo {
	background: url(/Images/Registration/HostedServicesNewMainLogo.png) center center no-repeat;
	background-size: 170px;
	height: 184px;
}