@import "variables";

.form-auth {
	background: $color_gray_80;
	background: rgba(0,0,0,0.25);
	position: relative;
	max-width: 360px;
	margin: 0 auto;
	padding: 24px 36px 36px;
	@media (max-width: 767px){
		padding: 24px;
	}
	@include border-radius(12px);
	.form-auth__head {
		position: relative;
		padding: 12px 0px 24px;
		font-size: 24px;
		@media (min-width: 991px){ font-size: 2vw; }
		text-align: center;
		.ico {
			background: $color_danger;
			background: rgba(227,4,19,0.75);
			position: absolute; top: -56px; left: 50%;
			display: block; width: 64px; height: 64px;
			margin-left: -32px;
			color: $color_white;
			@include border-radius(50%);
			svg {
				position: absolute; top: 50%; left: 50%;
				display: block; width: 36px; height: 36px;
				margin: -18px 0 0 -18px;
			}
		}
	}
	.form-auth__body {
		.form-group {
			margin-bottom: 1.5rem;
		}
	}
}