.bg-img {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('/images/officeHeader.jpg') center center no-repeat;
    background-size: cover;
    }
    
    .bg-img:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to bottom right,#002f4b,#0082c8);
      opacity: .6; 
    }
  
    .loginWrap{
      width: 430px;
      height: 350px;
      border: 1px solid #ccc;
      border-radius: 5px;
      position: absolute;
      top: calc(50% - 125px);
      left: calc(50% - 215px);
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
  
    .login__logo{
      width: 250px;
      display: block;
      margin: auto;
    }

    .login__logo--dash{
        width: 165px;
    }

    #login.loading:after {
      content: '';
        display: block;
        width: 50px;
        height: 50px;
        background: url('/assets/img/loading.gif');
        position: absolute;
        bottom: 8%;
        left: calc(50% - 25px);
        background-size: cover;
    }

    .editOrder, .deleteUser{
      cursor: pointer;
      font-size: 25px;
    }

    .form-group__pos{
        margin: 0;
        max-width: 400px;
    }

    .form-control__pos{
        border: 1px solid #ccc;
    }

    .btn--user{
      margin: 0 20px 20px 0;
    }

    .footer--users{
      text-align: right;
    }

    .ti-check.paid, .ti-check.complete{
        color: #0de60d;
    }

    .ti-close.paid, .ti-close.complete{
        color: #f00;
    }


    @keyframes fadeOutUp {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,-100%,0)
      }
  }
  
  .fadeOutUp {
      animation: .5s fadeOutUp;
  }
  
  @keyframes fadeOutUpBig {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,-2000px,0)
      }
  }

  @keyframes fadeIn {
      0% {
          opacity: 0;
      }

      to {
          opacity: 100%;
      }
  }

  .fadeIn{
      animation: .5s fadeIn ease-in;
  }