body.blue-bg{
    background: url('../img/bg-login.jpg');
    background-size: cover;
}
.form-group{ text-align: left; }
.form-group input{
    color: #686989;
    -webkit-appearance: none;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #e6e6e6;
    border-top: none;
    border-right: none;
    font-weight: bold;
    font-size: 15px;
}
.form-group input:focus{
    border-color: #686989 !important;
    border-width: 2px;
}
input[type="checkbox"]{ -webkit-appearance: checkbox; }
hr{ border: 1px solid transparent; }
.col-md-8.midle-align{
    margin: 0 auto;
    float: none;
}
.loginColumns{
    max-width: 1000px;
}
.ibox-header{
    background-color: #686989;
    text-align: left;
    text-transform: uppercase;
}
.ibox-header h3{
    margin: 0;
    padding: 15px 20px;
    padding-top: 18px;
}
.ibox-content{
    padding: 20px 10%;
    color: #646464;
}
.ibox-content .header{ margin: 15px; }
.ibox-content .header img{
    max-width: 200px;
    max-height: 50px;
}
.ibox-content .msg-error{
    position: relative;
    background-color: #f9eae8;
    color: #c54736;
    -webkit-box-shadow: 0 2px #f4d8d4;
    box-shadow: 0 2px #f4d8d4;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 35px;
    margin-bottom: 20px;
    text-align: left;
}
.ibox-content .msg-error .btn-close{
    position: absolute;
    top: 0px;
    right: 6px;
    color: inherit;
    opacity: .2;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.ibox-content .msg-error h5{
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}
.ibox-content .msg-error p{
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0px;
}
.ibox-content form{
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
}
.ibox-content label{
    font-weight: 600;
    vertical-align: middle;
}
.ibox-content button{
    width: 100%;
    background-color: #686989;
    border-color: #404161;
    font-weight: 600;
    margin-bottom: 20px;
}
.ibox-content button:hover{
    background-color: #9091b1;
    border-color: #686989;
}
.ibox-content button:focus,
.ibox-content button:active,
.ibox-content button:focus:active{
    background-color: #404161;
    border-color: #181939;
    outline-offset: -2px;
}
.ibox-content button span{
    line-height: 20px;
    position: absolute;
    right: 15%;
}
.ibox-content #forgot-password{ color: #686989; }
.ibox-content #forgot-password:active{ color: #9091b1; }
.ibox-content #forgot-password:focus,
.ibox-content #forgot-password:hover{ color: #404161; }
.copyright{
    font-weight: 600;
    font-size: 14px;
}
@media only screen and (max-width: 768px){
    .loginColumns{ padding: 50px 0px; }
}
@media only screen and (max-width: 479px){
    .loginColumns{ padding: 0px; }
    .midle-align{ padding: 0px; }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.ibox-content .header img {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}