/*
 * Datto theme for Stanford WebAuth
 * Dan Fuhry <df@datto.com>
 * February 22, 2016
 */

/*
 * Font list:
 *   Copy:    DIN Regular
 *   Form:    DIN Medium
 *   Buttons: DIN OT Bold Condensed
 */

/* Setup - body */
body {
	background-image: url(../../../../../images/branding/datto/datto-low-poly-background.png);
}

/* Colors & fonts */
.webauth h1, .webauth h2, .webauth h3, .webauth h4, .webauth h5, .webauth h6 {
	font-family: DINOT-CondBold;
	text-transform: uppercase;
	color: #4E6973;
}

.webauth p, .webauth ul, .webauth a:link, .webauth a:visited {
	font-family: DINOT;
	font-size: 13pt;
	color: #355460;
}
	.webauth a:link, .webauth a:visited {
		color: #687F88;
	}

	.webauth a:hover {
		text-decoration: none;
		color: #1C3E4C;
	}

.webauth .form-control, .webauth input[type="text"], .webauth input[type="password"] {
	color: #355460;
	font-family: DINMedium;
	border-width: 0;
	border-radius: 0;
	background: white;
	font-size: 16pt;
	height: 32pt;
}

.webauth .form-control:focus {
	box-shadow: none;
}

.webauth .btn, .webauth a.btn {
	border-width: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-family: DINOT-CondBold;
	font-size: 16pt;
	padding: 4pt 24px;
}

.webauth .btn-primary {
	background-color: #b0d156;
	color: #fff !important;
}
	.webauth .btn-primary:hover, .webauth .btn-primary:focus {
		background-color: #9fbd4e;
	}

.webauth .btn-default {
	background-color: #F5F6F7;
}

.webauth .alert {
	border-width: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-family: DINOT-CondBold;
	font-size: 16pt;
}

	.webauth .alert a:link, .webauth .alert a:visited, .webauth .alert a:active {
		font-family: DINOT-CondBold;
		font-size: 16pt;
		color: white;
		text-decoration: underline;
	}

	.webauth .alert-danger, .webauth .progress-bar-danger {
		background-image: none;
		background-color: #F3523E;
		color: white;
	}

	.webauth .alert-caution, .webauth .progress-bar-caution {
		background-image: none;
		background-color: #FF8213;
		color: white;
	}

	.webauth .alert-warning, .webauth .progress-bar-warning {
		background-image: none;
		background-color: #F6D93C;
		/* FIXME: this looks awkward, but white is hard to read */
		color: #002A3A;
	}

	.webauth .alert-success {
		background-image: none;
		background-color: #58C990;
		color: white;
	}

	.webauth .progress-bar-success {
		background-image: none;
		background-color: #26BF5C;
		color: white;
	}

.webauth .progress {
	border-radius: 0;
	background: #F5F6F7;
}

	.webauth .progress-bar {
		font-family: DINOT-CondBold;
		text-transform: uppercase;
	}

div.dattoman img {
	background-image: url(../../../../../images/branding/datto/dattoman.png);
}

/* HiDPI tweaks! */
img.sso-logo-sm {
	background-image: url(../../../../../images/branding/datto/sso-logo-small.png);
}
img.sso-logo-lg {
	background-image: url(../../../../../images/branding/datto/sso-logo.png);
}
@media
	only screen and (min-device-pixel-ratio: 2),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
		img.sso-logo-sm {
			background-image: url(../../../../../images/branding/datto/sso-logo-small@4x.png);
		}
		img.sso-logo-lg {
			background-image: url(../../../../../images/branding/datto/sso-logo@4x.png);
		}

		div.dattoman img {
			background-image: url(../../../../../images/branding/datto/dattoman@4x.png);
		}
	}