@import '../imports/frontend/fonts';
@import '../imports/iar_variables';
$iar_image_path: "../../svg/build";
body {
	font-family: $ff-proxima;
	&.login {
		background-color: #F7F7F7;
		form {
			box-shadow: none;
			border-radius: 2px;
			border: 1px solid #EEE;
			padding: 60px 30px;
			.forgetmenot {
				label {
					font: $fw-regular 14px $ff-proxima;
				}
			}
		}
		h1 {
			a {
				width: auto;
				background: url('#{$iar_image_path}/iar-logo-black.svg') center no-repeat;
			}
		}
		label {
			color: $text_color_gray;
			font: $fw-regular 16px $ff-proxima;
		}
		input[type="text"],
		input[type="password"] {
			height: 40px;
			padding: 10px;
			font: $fw-regular 18px $ff-proxima;
			background-color: $bg_color_default;
			border-color: #444;
			&:hover,
			&:focus {
				border-color: $bg_color_green;
			}
		}
		input[type=checkbox] {
			width: 25px;
			height: 25px;
			&:checked:before {
				text-align: center;
				font-size: 25px;
				line-height: 30px;
				content: "\f147";
				margin: -3px 0 0 -2px;
				color: $text_color_green;
			}
		}
		.button {
			box-shadow: none;
			border-radius: 0;
			text-shadow: none;
			float: none;
			margin-top: 20px;
			&.button-large {
				border: 2px solid #389f79;
				background-color: #389f79;
				width: 100%;
				height: 40px;
				line-height: 35px;
				font-weight: $fw-bold;
				color: $text_color_white;
				font-family: $ff-brandon;
				//font: $fw-bold 14px $ff-brandon;
				text-transform: uppercase;
				transition: all 0.5s;
				&:hover,
				&:focus {
					border-color: $bg_color_black;
					background-color: $bg_color_black;
				}
			}
		}
	}
}