@import "variables";
.lostpass {}
.lostpass-success {
	margin: 48px 0;
	font-size: 16px;
	text-align: center;
	dt {
		font-size: 24px;
		font-weight: bold;
	}
	dd {
		&:not(:first-child){
			margin-top: 24px;
		}
		@media(max-width: 575px){
			text-align: left;
		}
	}
	.lostpass-success__icon {
		svg {
			display: block;
			width: 48px;
			height: 48px;
			margin: 0 auto;
		}
	}
}

.modal-lostpass-success {
	text-align: center;
	.mls-icon {
		margin-bottom: 24px;
		svg {
			display: block;
			width: 48px;
			height: 48px;
			margin: 0 auto;
		}
	}
	.mls-title {
		margin-bottom: 16px;
		font-size: 20px;
		font-weight: bold;
		color: $color_dark;
	}
	.mls-description {
		margin-bottom: 16px;
		font-size: 20px;
		font-weight: bold;
		color: $color_dark;
	}
	.mls-buttons {
		margin: 36px 0 0 0;
		padding: 0;
		list-style: none;
		& > li {
			& + li { margin-top: 24px; }
		}
		.btn {
			padding: 12px 24px 14px;
			font-size: 16px;
		}

		&.horizontal {
			li + li { margin-top: 12px; }
			@media (min-width: 768px){
				text-align: left;
				li {
					display: inline-block;
					vertical-align: middle;
					margin: 0 !important;
					& + li { float: right; }
				}
				.btn-link {
					padding-left: 0;
					padding-right: 0;
				}
			}
		}
	}
}