/*	--------------
	overall css
	-------------- */
* { margin: 0; padding: 0; }

body {
	background-color: #971212;
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../pics/bg2-chrisfradley.png');
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);}

a {
	text-decoration: none;
	color: #971212;
}
a:hover {
	color: #ffcccc
}


/*	--------------
	default input
	-------------- */
input.login {
	color: #ffcccc;
	border-radius: 0;
	background-color: transparent;
	border-color: #971212;
	box-shadow: none;
	font-weight: bolder;
}
input.login:focus {
	border-color: #ffcccc;
	box-shadow: 0px 0px 5px #ffcccc;
}

input.login::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #971212;
  font-weight: 400;
}
input.login::-moz-placeholder { /* Firefox 19+ */
  color: #971212;
}
input.login:-ms-input-placeholder { /* IE 10+ */
  color: #971212;
}
input.login:-moz-placeholder { /* Firefox 18- */
  color: #971212;
}


/*	---------------
	default button
	--------------- */
button.login {
	color: #971212;
	border-color: #971212;
	border-radius: 0;
	background-color: transparent;
	font-weight: bolder;
}
button.login:hover {
	background-color: #ffcccc;
	border-color: #ffcccc;
}



/*	-----------------------
	System message
	----------------------- */
.modal-content {
	color: #ffcccc;
	background-color: #971212;
	border-radius: 0;
}
.modal-header {
	border-color: #ff9797
}
.modal-footer {
	border-color: #ff9797
}
button.system-message {
	color: #ff9797;
	border-color: #ff9797;
	border-radius: 0;
	background-color: transparent;
	font-weight: bolder;
	transition: all .3s ease-in-out;
}
button.system-message:hover {
	color: #971212;
	background-color: #ffcccc;
	border-color: #ffcccc;
}
button.rabbit {
	width: 50px;
	height: 40px;
	border: 1px solid transparent;
	background-image: url('../pics/rabbit.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	transition: all .3s ease-in-out;
}
button.rabbit:hover {
	border-color: #ffcccc;
	background-image: url('../pics/rabbit_red.png');
}


/*	--------------
	Container
	-------------- */
.container {
	margin-top: 10%;
	color: #971212;
}
.login-wrapper {
	background-color: #cc6666;
}
.text { margin-top: 20px;}





/*	---------------
	add on classes
	--------------- */
.error-input {
	border-color: red;
	box-shadow: 0px 0px 5px red
}