html {
  display: table;
  margin: auto;
  height: 100%; }

body {
  display: table-cell;
  vertical-align: middle;
  background-color: #00243D; }

#pageContainer .card-panel {
  width: 300px; }

@media screen and (min-width: 1200px) {
  #pageContainer .card-panel {
    width: 430px; } }

#pageContainer .btn {
  background-color: #588260; }

#pageContainer .logo {
  margin: 20px 0;
  height: 60px; }

#pageContainer .content {
  padding-top: 10px; }

#pageContainer ul {
  list-style: none; }

#pageContainer ul li {
  display: inline;
  margin: 0 20px; }

#pageContainer .input-field input {
  margin-bottom: 0; }

#pageContainer .no-margin-bottom {
  margin-bottom: 0; }

.loadingIcon {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }

.loadingGif {
  background: url("../img/Preloaded_3.gif");
  background-size: 80px 80px;
  height: 80px;
  width: 80px; }

object {
  height: 70px;
  width: 70px; }

.errorMsg h6 {
  text-align: center;
  color: red;
  font-size: 16px; }

a {
  cursor: pointer; }

.successMsge {
  text-align: center;
  color: white;
  background-color: rgba(0, 153, 51, 0.7);
  padding: 5px 5px;
  margin: 10px 10px; }
  .successMsge a {
    color: white;
    text-decoration: underline; }