div.favlogo {
  padding: 10px;
  background: #fff;
}

form {
  padding: 20px 30px 30px;
  background: #fff;
}

.powered {
    font-size: x-small;
    text-align: center;
    margin-top: -16px;
    line-height: 25px;
    background: #fff;
    color: white;
}

.group {
  position: relative;
  margin-bottom: 45px;
}
.msg{
  color: #212121;
  font-size: medium;
}

/* Animations */

@-webkit-keyframes inputHighlighter {
  from {
    background: #212121;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #212121;
  }
  to {
    width: 0;
    background: transparent;
  }
}

html, body {
  background-size: cover;
  margin: 0;
  padding: 0;
  height: 100%;
}

.loginForm {
    z-index: 99;
    display: block;
    margin: 5% auto 0;
    background: transparent;
    border-radius: .25em .25em .4em .4em;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    color: #212121;
}

a {
    color: #5e5e5e;
    font-size: small;
    text-decoration: none;
}

@-webkit-keyframes ripples {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
@keyframes ripples {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}

@-webkit-keyframes scroll{
    from {background-position: 0 0;}
    to {background-position: -3000px 0;}
}

@-moz-keyframes scroll{
    from {background-position: 0 0;}
    to {background-position: -3000px 0;}
}

@-o-keyframes scroll{
    from {background-position: 0 0;}
    to {background-position: -3000px 0;}
}

@-ms-keyframes scroll{
    from {background-position: 0 0;}
    to {background-position: -3000px 0;}
}

@keyframes scroll{
    from {background-position: 0 0;}
    to {background-position: -3000px 0;}
}

.login-overlay {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 100px;
    background: #fff;
    transition: all .4s cubic-bezier(.175, .885, .335, 1.05)
}
.login-overlay:after {
    background: url(/images/Common/home-bg.jpg);
    background-repeat:repeat-x;
    height:200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .14);
    /*content:"";*/
    /*-webkit-animation:100s scroll infinite linear;*/
    /*-moz-animation:100s scroll infinite linear;*/
    /*-o-animation:100s scroll infinite linear;*/
    /*-ms-animation:100s scroll infinite linear;*/
    /*animation:100s scroll infinite linear;*/
}
.login-overlay .logo {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    color: #fff;
    font-size: 27px;
    letter-spacing: 1px;
    top: 70px
}
.login-overlay .form-container {
    position: relative;
    min-height: 80%;
    padding: 10px;
    z-index: 1;
    top: 100px;
    background: #dcdcdc;
    margin: 0 auto
}
.login-overlay .form-container .icon .header {
    font-size: 20px;
    text-transform: uppercase;
}
.login-overlay .form-container .header {
    text-transform: uppercase;
    color: white;
}


/* home -------------------------- */
/*.ngViewStyle.ng-leave         {*/
    /*-webkit-animation:slideOutLeft 0.5s both ease-in;*/
    /*-moz-animation:slideOutLeft 0.5s both ease-in;*/
    /*animation:slideOutLeft 0.5s both ease-in;*/
/*}*/
.ngViewStyle.ng-enter 		{
    -webkit-animation:scaleUp 0.5s both ease-in;
    -moz-animation:scaleUp 0.5s both ease-in;
    animation:scaleUp 0.5s both ease-in;
}







/* scale up */
@keyframes scaleUp {
    from 		{ opacity: 0.3; transform: scale(0.8); }
}
@-moz-keyframes scaleUp {
    from 		{ opacity: 0.3; -moz-transform: scale(0.8); }
}
@-webkit-keyframes scaleUp {
    from 		{ opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to 		{ transform: translateX(-100%); }
}
@-moz-keyframes slideOutLeft {
    to 		{ -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideOutLeft {
    to 		{ -webkit-transform: translateX(-100%); }
}