/* DOCTYPE css */

/*
	  Fly the City is owned by Into The Clouds, Rotterdam.
	  ( @todo: General terms and conditions on https://www.FlytheCity.eu/disclaimer )
	© Copyright, all rights reserved.
*/

/* PURPOSE
	Style-sheet for the login-form.
*/

body {
	font-family: Montserrat, Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1.0em ;
}

a {
	color: #14324F ;
	text-decoration: none ;
}

.form {
	background: #ffffff ;
	border-spacing: initial ;
	margin: 15px auto ;
	word-break: break-word ;
	table-layout: auto ;
	line-height: 1.8em ;
	border-radius: 4px ;
	padding: 30px ;
	width: 380px ;
	border: 1px solid ;
	border-color: #e5e6e9 ;
}

.form-head {
	color: #14324F ;
	margin: 0;
	text-align: center ;
	font-size: 1.5em ;
}

.field {
	padding: 15px 10px ;
}

.lblInput {
	color: #14324F ;
	margin: 0 ;
	text-align: center ;
	font-size: 1.0em ;
}

.fldInput {
	padding: 13px ;
	border: #ccc 1px solid ;
	border-radius: 4px ;
	width: 93% ;
}

/* .fldInput:focus {
	border: 2px solid black;
} */

.fldError {
	color: #d6001c ;
	margin-left: 10px ;
}

#fldCapsLock {
	padding: 7px 10px ;
	background: #fff1f2 ;
	border: #ffd5da 1px solid ;
	color: #d6001c ;
	border-radius: 4px ;
	margin: 30px 10px 10px 10px ;
   display: none ;
}

.btnLogin {
	padding: 10px ;
	background-color: #14324F ;
	color: #f5f7fa ;
	cursor: pointer ;
	border-radius: 4px ;
	width: 100% ;
	border: #5791da 1px solid ;
	font-size: 1.0em ;
}

.frmError {
	padding: 7px 10px ;
	background: #fff1f2 ;
	border: #ffd5da 1px solid ;
	color: #d6001c ;
	border-radius: 4px ;
	margin: 30px 10px 10px 10px ;
}

.frmRTC {
	background: #ffffff ;
	border-spacing: initial ;
	margin: auto ;
	word-break: break-word ;
	table-layout: auto ;
	line-height: 0.5em ;
	border-radius: 4px ;
	padding: 0px 30px 10px 30px ;
	width: 380px ;
}

.fldRTC {
	padding: 15px 10px ;
}

.lblRTC  {
	color: grey ;
	margin: 0 ;
	font-size: 0.5em ;
}