body {
  min-height: 100%;
}

html {
  min-height: 100%;
  position: relative;
}

html,
body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  height: 100%;
  padding-bottom: 70px;
  min-width: 800px;
}

#footer {
  position: relative;
  height: 70px;
  clear: both;
  margin-top: -70px;
  overflow: hidden;
  color: white;
  padding: 0 10px;
  min-width: 800px;
}

#bp-lock {
  text-rendering: optimizeLegibility;
  font-family: "Avenir Next", "avenir-next-web", "Helvetica Neue", Hevetica,
    sans-serif;
}

* {
  text-rendering: geometricPrecision;
}

#bp-lock.bp-panel {
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
  position: relative;
  color: #4d4d4d;
  zoom: 1;
  width: 330px;
  margin-top: 100px;
  /*noinspection CssOverwrittenProperties*/
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  margin-left: 50px;
}

#bp-lock h1 {
  font-size: 24px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
}

#bp-lock .input-group-addon {
  min-width: 39px;
}

#bp-lock .bp-paneltop {
  min-height: 124px;
  margin: 0;
  border-radius: 3px 3px 0 0;
}

#bp-lock .bp-blank-space {
  height: 70px;
}

#bp-lock .bp-instructions {
  margin-top: 0;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.56);
  font-size: 13px;
  line-height: 1.6;
}

#bp-lock .bp-top-header {
  background: #ddd;
  margin-bottom: 0;
  min-height: 124px;
  position: relative;
  border-radius: 3px 3px 0 0;
}

#bp-lock .bp-icon-container {
  position: relative;
}

#bp-lock .bp-icon-container img {
  width: 80px;
  height: 80px;
  border-radius: 58px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  margin-top: -16px;
}

#bp-lock .panel-body {
  margin-top: -10px;
  background: #fff;
}

#bp-lock .bp-forgot-pass {
  font-size: 13px;
  margin-top: 20px;
  font-weight: 400;
  display: inline-block;
  color: rgba(0, 0, 0, 0.86);
  cursor: pointer;
}

#bp-lock button.bp-primary {
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  display: block !important;
  width: 100% !important;
  float: none;
  letter-spacing: 1px;
  background-color: #5a92e5;
  color: #fff;
  cursor: pointer;
  margin: 0;
  position: absolute;
  left: 0;
  border-radius: 0 0 3px 3px;
}

#bp-lock .bp-action {
  height: 70px;
}

#bp-lock .form-control {
  font-size: 13px;
}

#bp-lock .bp-action button {
  text-indent: -99999px;
  height: 70px;
  padding: 0;
  border: none;
}

#bp-lock .bp-action button:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDNweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDMgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPjxnIGlkPSJMb2NrIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgwLjAwMDAwMCwgLTM1OTIuMDAwMDAwKSI+PGcgaWQ9IlNNUyIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUzLjAwMDAwMCwgMzIwNy4wMDAwMDApIj48ZyBpZD0iR3JvdXAiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjxnIGlkPSJMb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDM2OS4wMDAwMDApIj48ZyBpZD0iQnRuIj48ZyBpZD0iT3ZhbC0zMDItKy1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4LjAwMDAwMCwgMTcuMDAwMDAwKSI+PGNpcmNsZSBpZD0iT3ZhbC0zMDIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iMjAuNSIgY3k9IjIwIiByPSIyMCI+PC9jaXJjbGU+PHBhdGggZD0iTTE3LjgsMTUuNCBMMTkuMiwxNCBMMjUuMiwyMCBMMTkuMiwyNiBMMTcuOCwyNC42IEwyMi40LDIwIEwxNy44LDE1LjQgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==)
    no-repeat;
  content: "";
  display: block;
  width: 43px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#bp-lock .bp-btn-small.bp-back {
  background: #fff;
  border-radius: 100px;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 14px;
  left: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  color: #333;
  z-index: 100;
  border: 6px solid #fff;
  cursor: pointer;
  line-height: 0;
  padding: 0;
  margin: 0;
}

#bp-lock .bp-error {
  background: #f04848;
  /*noinspection CssInvalidPropertyValue*/
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  color: #fff;
  padding: 10px 0;
  position: relative;
  font-size: 13px;
}

#bp-lock .bp-success {
  background: #6cd30b;
  /*noinspection CssInvalidPropertyValue*/
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  color: #fff;
  padding: 10px 0;
  position: relative;
  font-size: 13px;
}

#bp-lock .has-error {
  border-color: #ef343b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-container {
  width: 400px;
  margin: auto;
}

.credits {
  border-top: 1px solid #ddd;
  margin-top: 40px;
  padding-top: 20px;
}

/* Space out content a bit */
body {
  padding-top: 2px;
  /*padding-bottom: 60px;*/
  background-color: #212126;
}

.mainContent {
  width: 100%;
  position: relative;
  bottom: 0;
}

.bp-footer {
  bottom: 0;
  position: absolute;
  overflow: hidden;
}

.message_footer {
  background-color: #5a92e5;
  min-height: 50px;
  margin-left: 50px;
  width: 330px;
}

input.submitted.ng-invalid {
  border: 1px solid #f00;
}

.bp-smallvpad {
  margin-top: 6px;
}

.bp-mediumvpad {
  margin-top: 16px;
}

.bp-modal-header {
  background-color: darkblue;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
    transform: translateX(-6px) rotateY(-5deg);
  }

  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
  }

  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
    transform: translateX(-3px) rotateY(-2deg);
  }

  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
    transform: translateX(2px) rotateY(1deg);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
    transform: translateX(-6px) rotateY(-5deg);
  }

  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
  }

  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
    transform: translateX(-3px) rotateY(-2deg);
  }

  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
    transform: translateX(2px) rotateY(1deg);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.loginContainer {
  width: 250px;
  margin: 50px auto;
  -webkit-perspective: 600px;
  /*noinspection CssUnknownProperty*/
  -ms-perspective: 600px;
  perspective: 600px;
}

.box-shadow {
  -webkit-box-shadow: 0 12px 30px darkgrey;
  box-shadow: 0 12px 30px darkgrey;
}

.shake {
  -webkit-animation: shake 400ms ease-in-out;
  animation: shake 400ms ease-in-out;
}

.message {
  margin-top: 60px;
}

tr.spaceUnder > td {
  padding-bottom: 1em;
}

.buttonMargins {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bp-modal-headerappimages {
  display: inline-block;
  width: 75px;
  height: 75px;
  overflow: hidden;
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.appimages {
  padding: 0;
  width: 50px;
  height: 50px;
}

.outer {
  width: 100px;
  height: 100px;
  -webkit-box-shadow: 0px 0px 10px #4d4d4d;
  -moz-box-shadow: 0px 0px 10px #4d4d4d;
  box-shadow: 0px 0px 10px #4d4d4d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  border: solid white 3px;
  overflow: hidden;
  padding: 10px;
}

.image_rounded_shadow {
  display: inline-block;
  margin: 5px 5px 5px 5px;
  border: solid 1px #bdbed9;
  background-color: #f5f5f8;
  box-shadow: 1px 1px 6px #888888;
  -webkit-box-shadow: 1px 1px 6px #888888;
  -moz-box-shadow: 1px 1px 6px #888888;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.image_rounded_shadow img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.bp-text-center {
  text-align: center;
  text-justify: inter-word;
}

.suggested-password {
  font-size: 18px;
}