body {
  overflow: hidden; }

html, body {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.loginboxcontainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  width: 280px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
  .loginboxcontainer .loginbox {
    padding: 20px;
    position: relative; }
    .loginboxcontainer .loginbox .logo {
      position: relative;
      margin-bottom: 30px;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center; }
      .loginboxcontainer .loginbox .logo > img {
        width: 150px;
        height: auto; }
      .loginboxcontainer .loginbox .logo:after {
        content: ' ';
        background-color: #2aabd2;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: -20px;
        right: -20px; }
    .loginboxcontainer .loginbox:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 10px;
      background: linear-gradient(to right, #2aabd2, #81c169);
      content: ' '; }
    .loginboxcontainer .loginbox > img {
      max-width: 150px;
      height: auto;
      margin-bottom: 50px !important; }
    .loginboxcontainer .loginbox .form-control {
      border: solid 1px #7dcde5;
      border-radius: 0px !important; }
    .loginboxcontainer .loginbox button[type=submit] {
      border: none;
      background-color: #2aabd2;
      text-transform: uppercase;
      font-size: 14pt;
      border-radius: 0px !important; }
      .loginboxcontainer .loginbox button[type=submit]:hover {
        background-color: #53bcdd; }

/*# sourceMappingURL=login.css.map */