.account-info-wrapper {
	margin: 0 auto;
	float: none;
	display: block;
	position: relative;

	.form-group--two-col {
		.a-form-label {
			flex-basis: 50%;
		}
	}
}

.header-with-button-wrapper {
	display: flex;
	align-items: center;
}

.devices {
	.device-wrapper {
		background-color: #c2dae5;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding: 40px 25px 25px 25px;

		.device-info {
			flex-basis: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 5px 0;

			&__label {
				flex-basis: 35%;
				background-color: white;
				padding: 10px;
				text-align: center;
				color: rgba(46, 46, 46, 0.6);
			}

			.lead {
				flex-basis: 60%;
			}
		}

		.buttons-wrapper {
			position: absolute;
			top: 10px;
			right: 10px;
			display: flex;

			.btn--icon {
				cursor: pointer;
				margin: 0;

				i {
					font-size: 20px;
				}
			}
		}
	}
}

.error-popup {
	border: 1px solid s-color(title);
	padding: 20px 15px;
	background-color: s-color(grey);
	min-width: 300px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	.error-dialog {
		display: block;
		color: s-color(title);
	}

	.btn {
		margin: 20px 0 0 0;
	}
}

.device-registration-popup {
	min-width: 600px;
	padding: 15px;
	border: 1px solid s-color(title);
	background-color: white;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	@media(max-width: 768px) {
		width: calc(100% - 30px);
	}

	p {
		font-size: 12px;
	}

	.btn {
		display: inline-block;
	}

	.form-row {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 0;

		label {
			flex-basis: 25%;
			padding-right: 15px;
		}

		input {
			flex-basis: 75%;
		}
	}
}