.logoimg {
	width: 100%;
	max-width: 200px;
}

.floatright {
    display: inline;
    margin-left: 50px;
}

.smallwidth {
	max-width: 500px;
}

.container.smallwidth > center {
    margin-bottom: 0.5em;
}

.greybackground {
	background-color:#E7E7E8 ;
	padding: 0.5em;
	border-radius: 0.5em;
}

.greybackground > h2 {
    margin-bottom: 0.5em;
}

.alert > ul {
	margin-bottom: 0;
	padding-left: 1rem;
}

.input-group-addon:has(.password-visibility) {
	padding: 0;
}

.input-group-addon .password-visibility {
	display: block;
	width: 3rem;
	opacity: 0.65;
	cursor: pointer;
	padding: .375rem .75rem;

	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
}

.input-group-addon .password-visibility:hover {
	opacity: 1;

	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
}

@keyframes pulse {
  	from {
    	transform: scale3d(1, 1, 1);
  	}

  	50% {
    	transform: scale3d(1.05, 1.05, 1.05);
  	}

  	to {
    	transform: scale3d(1, 1, 1);
  	}
}

.animatedpulse {
	animation-duration: 1s;
  	animation-fill-mode: both;
  	animation-name: pulse;
}