@import 'ptsans.css';

*{
	font-family:'PT Sans', sans-serif;
}

body {
	background: #F7FBFF;
}

.wrapper {
	background: #F7FBFF;	
}

.user_login{
	margin-bottom:30px;
}

li {
	list-style: none;
}

.form-field{
	border-color:#C5E3F1 !important;
	border-radius: 4px !important;
	padding-left: 6px !important;
	font-weight: normal !important;
	height: 20px;
}

.form-field:focus {
	outline: none;
	border-color:#0585BC !important;
 	box-shadow: 0 0 6px 0px rgba(5, 133, 188, 0.2) !important;
	transition: all 400ms ease-out !important;
}

.list-help-item{
	margin-bottom:10px;
}

.list-help-item a{
	color: #0585BC;
	text-decoration: none;
}

.list-help-item:hover a{
	text-decoration: underline;
}

.item-marker{
	margin-top:-5px !important;
}

/* a very neat solution to center objects*/
 .content{
	position:absolute;
	left:calc(50% - 179px/* the half width of element */);
	margin-top:30px;
}

/* 
	Solution to show additional information 
*/

.three.column  {
	margin-top: 2em;
}

	.three.column .msg-info {
		width: 400px;
		height: 250px;
		padding: 8px 10px;
		box-sizing: border-box;
		border: 1px solid #C5E3F1;
		border-radius: 4px;
		background-color: #f7fbff;
		resize: vertical;
		overflow: auto;
	}

	.three.column p {
		font-size: 0.8rem;
		padding-bottom: 0.4rem;
		color: #333333;
	}

	.three.column p a {
		color: #0585BC;
		text-decoration: none;
	}