/*
 *  Copyright (C) Telstra Corporation Limited (ABN 33 051 775 556) 2019.
 *  All rights reserved. No part of this program may be reproduced, stored in a retrieval
 *  system or transmitted in any form or by any means, electronic, mechanical, recording
 *  or otherwise, without the prior written permission of Telstra Corporation Limited.
 *
 */

body {
	font-family: Akkurat-Bold,Akkurat-Regular,Helvetica Neue,Helvetica,Arial,"sans-serif";
	font-size: medium;
	color: #414141;
}

h2, h3 {
	color: #414141;
	font-weight: bold;
}

.error {
	font-size: small;
	color: #c23d2a;
}
/* LOGIN FORM */

form {
	width: 320px;
	height: 440px;
	margin: 100px auto;
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0, .4);
	text-align: center;
	padding-top: 1px;
	padding: 20px;
	background-image: url('../images/gradient.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

form .text-field {						/* Input fields; Username, Password etc. */
	border: 1px solid #a6a6a6;
	width: 230px;
	height: 40px;
	border-radius: 3px;
	margin-top: 10px;
	padding-left: 10px;
	color: #6c6c6c;
	background: #fcfcfc;
	outline: none;
}

form .text-field:focus {
	box-shadow: inset 0 0 2px rgba(0,0,0, .3);
	color: #a6a6a6;
	background: white;
}

form .button {							/* Submit button */
	border-radius: 3px;
	border: 1px solid #336895;
	box-shadow: inset 0 1px 0 #8dc2f0;
	width: 242px;
	height: 40px;
	margin-top: 20px;

	background: linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -o-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -moz-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -webkit-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -ms-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);

	cursor: pointer;
	color: white;
	font-weight: bold;
	text-shadow: 0 -1px 0 #336895;

	font-size: 13px;
}

form .button:hover {
	background: linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -o-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -moz-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -webkit-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -ms-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
}

form .button:active {
	background: linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -o-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -moz-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -webkit-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -ms-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);

	box-shadow: inset 0 0 2px rgba(0,0,0, .3), 0 1px 0 white;
}