/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
textarea {
	max-width: 280px;
}

.solution-grid {
	color: #777;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	border-radius: 0;
}

	.solution-grid > .container-fluid {
		padding-bottom: 20px;
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.solution-grid h2 {
		margin: 10px 0 0 0;
	}

.solution {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0 2px 2px 0 rgba(119, 119, 119, 0.5);
	box-shadow: 0 2px 2px 0 rgba(119, 119, 119, 0.5);
	display: block;
	background-color: white;
	margin-bottom: 20px;
	padding: 20px 15px;
	text-align: center;
}

a.solution,
a.solution:hover {
	text-decoration: none;
}

.solution > .solution-icon {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 20px;
}

.solution > .solution-title {
	color: black;
	font-size: 18px;
	height: 40px;
	line-height: 20px;
}

#imgContainer {
	margin-left: 10%;
}

#next {
	background-color: #008cba;
	border-color: #0079a1;
}

.entry .entry-item {
	position: relative;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

	.entry .entry-item input {
		outline: 0;
		background-color: #fff !important;
		background-image: none !important;
		color: #555;
		display: inline-block;
		font-size: 1em;
		height: 50px;
		line-height: 1.42857143;
		padding: 6px 20px;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
		width: 50% !important;
		-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
		-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
		border: 1px solid #ccc;
	}

	.entry .entry-item label {
		display: none;
	}

	.entry .entry-item #password {
		margin-bottom: 20px;
	}

.buttons {
	margin: 0 0 23px 0;
	text-align: left;
}

	.buttons button {
		background-image: none;
		background-color: #008cba;
		border: none;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 400;
		height: inherit;
		line-height: 1.3333333;
		margin-top: 2rem;
		margin-right: 0;
		margin-bottom: 1.2rem;
		margin-left: 0;
		padding: 10px 16px;
		text-align: center;
		touch-action: manipulation;
		user-select: none;
		vertical-align: middle;
		white-space: nowrap;
		width: inherit;
		-moz-user-select: none;
		-ms-touch-action: manipulation;
		-ms-user-select: none;
		-webkit-user-select: none;
		color: #fff;
		width: 25%;
	}

	.buttons #verifyPhone {
		margin-right: 15px;
		width: 20%;
	}

	.buttons #verifyCode {
		margin-right: 15px;
		width: 20%;
	}

	.buttons #cancel {
		width: 10%;
		background-color: #fff;
		color: #008cba;
	}

	.buttons #canel :hover {
		text-decoration: underline;
	}

.phoneEntry .input .code {
	position: relative;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

.phoneEntry .input .number {
	position: relative;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

.phoneEntry .input .code select {
	outline: 0;
	background-color: #fff !important;
	background-image: none !important;
	color: #555;
	display: inline-block;
	font-size: 1em;
	height: 50px;
	line-height: 1.42857143;
	padding: 6px 20px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	width: 50% !important;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
	border: 1px solid #ccc;
}

.phoneEntry .input .code label {
	display: none;
}

.phoneEntry .input .number input {
	outline: 0;
	background-color: #fff !important;
	background-image: none !important;
	color: #555;
	display: inline-block;
	font-size: 1em;
	height: 50px;
	line-height: 1.42857143;
	padding: 6px 20px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	width: 50% !important;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
	border: 1px solid #ccc;
}

.phoneEntry .input .number label {
	display: none;
}

.phoneEntry {
	font-size: 18px;
	margin-bottom: 10px;
}

#codeVerification input {
	outline: 0;
	background-color: #fff !important;
	background-image: none !important;
	color: #555;
	display: inline-block;
	font-size: 1em;
	height: 50px;
	line-height: 1.42857143;
	padding: 6px 20px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	width: 50% !important;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
	border: 1px solid #ccc;
}

#codeVerification .actionLabel {
	font-size: 18px;
}

.intro p {
	margin-top: 21px;
	margin-bottom: 10.5px;
	font-size: 20px;
}

.error {
	color: #b00;
	text-align: left;
}

#formContainer {
	margin-bottom: 50px;
}

#forgotPassword {
	position: absolute;
	bottom: 0;
	clear: right;
	cursor: pointer;
	text-align: right;
}

#next {
	background-color: #008cba;
	border-color: #0079a1;
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item input {
	outline: 0;
	background-color: #fff !important;
	background-image: none !important;
	color: #555;
	display: inline-block;
	font-size: 1em;
	height: 50px;
	line-height: 1.42857143;
	padding: 6px 20px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	width: 100% !important;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
	border: 1px solid #ccc;
}

.attrEntry .EmailBox input#email {
	outline: 0;
	background-color: #fff !important;
	background-image: none !important;
	color: #555;
	display: inline-block;
	font-size: 1em;
	height: 50px;
	line-height: 1.42857143;
	padding: 6px 20px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	width: 50% !important;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
	border: 1px solid #ccc;
}

.attrEntry .EmailBox .entry-item label {
	display: none;
}

.attrEntry a.helpLink.tiny {
	display: none;
}

.attrEntry a.helpLink.tiny {
	display: none;
}

.attributeList ul {
	padding-left: 0;
}

.attributeList li {
	style: block;
}

#attributeList ul {
	list-style: none;
	padding: 0;
}

#attributeList ul #emailVerificationControl_but_change_claims {
	display: none !important;
}

#attributeList ul .verificationSuccessText {
	margin-bottom: 25px;
}

#attributeList ul #emailVerificationControl_but_verify_code {
	margin-right: 5px;
}

#attributeList ul .Password #newPassword {
	margin-bottom: 10px;
}


@media (min-width: 768px) {
	.solution {
		padding: 40px 15px;
	}
}

/* Float */
.hvr-float {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

	.hvr-float:hover,
	.hvr-float:focus,
	.hvr-float:active {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

.carousel-indicators li {
	visibility: hidden;
}

.carousel-indicators li {
	display: none;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

/*mobile*/
@media (max-width: 575.98px) {
	.entry .entry-item input {
		width: 100% !important;
	}

	.attrEntry .EmailBox input#email {
		width: 100% !important;
	}

	#codeVerification input {
		width: 100% !important;
	}

	.phoneEntry .input .number input {
		width: 100% !important;
	}

	.phoneEntry .input .code select {
		width: 100% !important;
	}

	.intro h2 {
		font-size: 24px;
	}
}

.show-all {
    padding-left: 15px;
    padding-bottom: 15px;
}