.box {
  background: white;
  width: 420px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s
}

.box:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.login-box, .register-box {
   width: 360;
   margin: 0 auto;
}

.login-box-element {
   width: 33%;
   float: left;
}

@media ( max-width :768px) {
   .login-box, .register-box {
      width: 90%;
      margin-top: 20px
   }
}

.login-box-body, .register-box-body{
   background: #fff;
   padding: 20px;
   border-top: 0;
   color: #666
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback
   {
   color: #777
}

.login-box-msg, .register-box-msg {
   margin: 0;
   text-align: center;
   padding: 0 20px 20px 20px;
   font-size: 25px !important;
}

h4{
	font-size: 36px;
}

.form-horizontal .form-group {
   margin-right: -15px;
   margin-left: -15px
}

@media ( min-width :768px) {
   .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle
   }
}

@media ( max-width :767px) {
   .navbar-form .form-group {
      margin-bottom: 5px
   }
   .navbar-form .form-group:last-child {
      margin-bottom: 0
   }
}

.form-group:before{
   display: table;
   content: " ";
}

.has-feedback {
   position: relative
}

.has-feedback .form-control {
   padding-right: 42.5px
}

.has-feedback label ~.form-control-feedback {
   top: 25px
}

.has-feedback label.sr-only ~.form-control-feedback {
   top: 0
}

@media ( min-width :768px) {
   .form-inline .has-feedback .form-control-feedback {
         top: 0
      }
}

.form-horizontal .has-feedback .form-control-feedback {
   right: 15px
}

.form-control-feedback.fa {
   line-height: 34px
}

.input-lg+.form-control-feedback.fa, .input-group-lg+.form-control-feedback.fa,
   .form-group-lg .form-control+.form-control-feedback.fa {
   line-height: 46px
}

.input-sm+.form-control-feedback.fa, .input-group-sm+.form-control-feedback.fa,
   .form-group-sm .form-control+.form-control-feedback.fa {
   line-height: 30px
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback
   {
   color: #777
}

.form-control-feedback {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   display: block;
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   pointer-events: none
}

.has-success .form-control-feedback {
   color: #3c763d
}

.has-warning .form-control-feedback {
   color: #8a6d3b
}

.has-error .form-control-feedback {
   color: #a94442
}

.has-feedback label ~.form-control-feedback {
   top: 25px
}


.btn-success {
   color: #fff;
   background-color: #92b9e4 !important;
   border-color: #72a5dc !important;
}

.btn-success:focus, .btn-success.focus {
   color: #fff;
   background-color: #72a5dc !important;
   border-color: #508ed3 !important;
}

.btn-success:hover {
   color: #fff;
   background-color: #72a5dc !important;
   border-color: #508ed3 !important;
}

.btn-block {
   display: block;
   width: 100%
}

.btn-block+.btn-block {
   margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block
   {
   width: 100%
}

.mdpOublie:hover{
   cursor: pointer;	
}

.ina-logo {
	border: 2px solid burlywood; 
}
.ina-logo:hover {
	border: none;
}