html {
    padding: 20px 0px 20px 0px;
    height: 100%;
}

body {
    padding: 0px;
    height: 100%;
    background: url(/app/login/css/images/login-tile-01.jpg) repeat;
}

hr { margin: 15px 0px 15px 0px; }

h4 { text-align: center; font-size: 26px; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; color: #0B145E; }

.panel {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    width: 370px;
    max-width: 100%;
    height: 400px;
    background-color: #FFFFFF;
    border: 12px solid rgba(230, 230, 230, 0.5);
    border-radius: 16px;
    -webkit-background-clip: padding-box;
    /* for Safari */
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
    -moz-animation: fadeIn 1.0s;
    -o-animation: fadeIn 1.0s;
    -webkit-animation: fadeIn 1.0s;
    animation: fadeIn 1.0s;
}

.panel-lg {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
    background-color: #FFFFFF;
    border: 12px solid rgba(230, 230, 230, 0.5);
    border-radius: 16px;
    -webkit-background-clip: padding-box;
    /* for Safari */
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
    -moz-animation: fadeIn 1.0s;
    -o-animation: fadeIn 1.0s;
    -webkit-animation: fadeIn 1.0s;
    animation: fadeIn 1.0s;
}

.login-button {
    margin-top: 15px;
    text-align: center;
}

.login-footer {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
}

.growl {
  position: fixed;
  bottom: 0px;
  left: 2%;
  width: 96%;
  z-index: 100000;
}

.growl .alert.ng-enter {
  -moz-animation: flipInX 1.0s;
  -o-animation: flipInX 1.0s;
  -webkit-animation: flipInX 1.0s;
  animation: flipInX 1.0s;
}

.growl .alert.ng-leave {
  -moz-animation: fadeOutDown 1.0s;
  -o-animation: fadeOutDown 1.0s;
  -webkit-animation: fadeOutDown 1.0s;
  animation: fadeOutDown 1.0s;
}