body {
/*
background: #0a70c9;
background: -moz-radial-gradient(center, ellipse cover, #0a70c9 0%, #12285d 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0a70c9), color-stop(100%, #12285d));
background: -webkit-radial-gradient(center, ellipse cover, #0a70c9 0%, #12285d 100%);
background: -o-radial-gradient(center, ellipse cover, #0a70c9 0%, #12285d 100%);
background: -ms-radial-gradient(center, ellipse cover, #0a70c9 0%, #12285d 100%);
background: radial-gradient(ellipse at center, #0a70c9 0%, #12285d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a70c9', endColorstr='#12285d', GradientType=1 );	
*/
/*
background: #0388f5;
background: -moz-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0388f5), color-stop(100%, #12285d));
background: -webkit-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -o-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -ms-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: radial-gradient(ellipse at center, #0388f5 0%, #12285d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0388f5', endColorstr='#12285d', GradientType=1 );
*/	

  padding-top: 40px;
  padding-bottom: 40px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-radius:0;
  font-size:14px;
  font-family:rioni;
}

.form-signin input[type="text"].username {
  margin-bottom: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-radius:0;
  font-size:14px;
  font-family:rioni;
}


.form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus { box-shadow:none; -webkit-box-shadow:none; border:solid 1px #ccc; }
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-radius:0;
  font-family:rioni;  
  font-size:14px;
}

.logoLogin {  margin:0 auto; display:block; }

.form-signin-heading { color:#454545; font-family:square; font-size:14px; text-align:center; }

input[type=submit].button.btn.btn-lg.btn-primary.btn-block { background:#008000; color:#fff; font-family:square; font-size:14px; text-align:center; border:none; border-radius:0; }
input[type=submit].button.btn.btn-lg.btn-primary.btn-block:hover { background:#045e04; }



html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #fff;
  text-align:center;
  color:#454545; font-family:square; font-size:12px; 
}

div.alert p { font-family:rioni; font-size:14px; }

img#captcha_image { height:42px; width:108px; }
.captchaHolder { margin-bottom:20px; float:left; width:100%; }
.showmedifferentone { width:40px; height:42px; border-radius:0; line-height:30px; background:#dfcd63; color:#fff; margin-left:1px; }
.showmedifferentone:hover { background:#dbc657; color:#fff; }

	.form-signin {
	  animation-name: formSlide;
	  animation-duration: 1.3s;
	  animation-iteration-count: 1;
	  animation-timing-function: ease;
	  animation-fill-mode: forwards;
	  -webkit-animation-name: formSlide;
	  -webkit-animation-duration: 1.3s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-animation-timing-function: ease;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-name: formSlide;
	  -moz-animation-duration: 1.3s;
	  -moz-animation-iteration-count: 1;
	  -moz-animation-timing-function: ease;
	  -moz-animation-fill-mode: forwards;
	}
	@keyframes formSlide {
	  from {
		opacity: 0;
		bottom: -400px;
	  }
	  to {
		opacity: 1;
		bottom: 0;
	  }
	}
	@-webkit-keyframes formSlide {
	  from {
		opacity: 0;
		bottom: -400px;
	  }
	  to {
		opacity: 1;
		bottom: 0;
	  }
	}