body {

	background-image: url('../assets/img/font_q.jpg');

	background-repeat: no-repeat;

  background-position: top;

}



.login-form{

	margin:4% auto 0;

	max-width:440px;

}



.login-form h1{

	font-size: 30pt;

	font-weight: 700;

    letter-spacing: -1px;

    font-style: oblique;

}



.form-header,.form-footer{

	background-color: rgba(255, 255, 255, .8);

  	/*border: 1px solid rgba(0,0,0,0.1);*/

}



@-webkit-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@-moz-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



.form-signin{

	background-color: rgba(255,255,255,.7);

	padding: 45px 35px 45px;

  /*background-color: #fff;*/

  border: 1px solid rgba(0,0,0,0.1);

  border-bottom: 0px;

  border-top: 0px;

}



.form-register{

	padding: 45px 35px 45px;

  background-color: rgba(255,255,255,.9);

  border: 1px solid rgba(0,0,0,0.1);

  border-bottom: 0px;

  border-top: 0px;

}



.form-header{

	text-align: center;

	padding: 15px 40px;

	border-radius: 10px 10px 0 0;

	background: linear-gradient(-45deg,#B9B8B5 ,#ffffff, #B9B8B5,#ffffff, #B9B8B5 );

	background-size: 400% 400%;

	-webkit-animation: Gradient 15s ease infinite;

	-moz-animation: Gradient 15s ease infinite;

	animation: Gradient 15s ease infinite;

}

.form-header i{font-size:60px;}

.form-footer {

	background: linear-gradient(-45deg, #B9B8B5 ,#B9B8B5, #61605f ,#c0b6b6, #B9B8B5);

	background-size: 400% 400%;

	-webkit-animation: Gradient 15s ease infinite;

	-moz-animation: Gradient 15s ease infinite;

	animation: Gradient 15s ease infinite;

	padding: 15px 40px;

}

.form-signin-heading{

	margin-bottom: 30px;

}

.bt-login{

	display: inline-block;
    color: rgb(243, 243, 243);
  
    width: 280px;
    height: 50px;
  
    padding: 0 20px;
    background: rgb(47, 42, 116);
    border-radius: 5px;
    
    outline: none;
    border: none;
  
    cursor: pointer;
    text-align: center;
    transition: all 0.2s linear;
    
    margin: 7% auto;
    letter-spacing: 0.05em;

    transition: background-color 1000ms linear 0s;

}

.form-signin .form-control, .form-register .form-control{

  position: relative;


  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 10px;

  font-size: 16px;

}



.form-register input{

	border: 1px solid #ddd;

    border-radius: 0;

    color: #333;

    height: 43px;

    margin-bottom: 10px;

    padding-left: 20px;

}



.form-signin input[type="email"] {

  margin-bottom: -1px;

  border-bottom-right-radius: 5px;

  border-bottom-left-radius: 5px;

}

.form-signin input[type="password"] {

  margin-bottom: 30px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

}

i{margin-right: 4%;}

a{text-decoration: none;color:#333;}



.has-error{color:#ff0000 !important;}

.has-success{color:#78b310 !important;}

.has-error input{border:1px solid red !important;}

.has-success input{border:1px solid #78b310 !important;}



.message_success{background-color: #78b310; color:#fff;padding: 5px;}

.message_error{background-color: #e74c3c; color:#fff;padding: 5px;}

h1{font-family: Pacifico;}