.alert {
  position: relative;
  z-index: 999;
  text-align: center; }
  @media (max-width: 768px) {
    .alert {
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0; } }

.fw-login {
  background: #2A2D34;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fw-top-login {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  transform: skew(0, -1.5deg);
  transform-origin: bottom left; }
  @media (max-width: 768px) {
    .fw-top-login {
      transform: skew(0, 0);
      bottom: 0; } }

.container {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative; }
  .container .logo {
    flex: 0 0 auto;
    height: 30%;
    margin: 0 auto 0 auto;
    display: flex; }
    @media (max-width: 768px) {
      .container .logo {
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 80px;
        box-shadow: 3px 2px 5px 5px rgba(0, 0, 0, 0.2); }
        .container .logo img {
          height: 70px !important;
          width: 70px !important; } }
    .container .logo img {
      flex: 0 0 auto;
      margin: auto;
      width: 500px; }
  .container .login-panel {
    flex: 0 0 auto;
    margin: 0 auto auto auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 3px 2px 5px 5px rgba(0, 0, 0, 0.2);
    padding: 2rem 2rem 4rem 2rem;
    min-width: 500px; }
    .container .login-panel .title {
      font-size: 2em;
      color: #02614d;
      margin: 2rem -2rem 4rem -2rem;
      display: block;
      position: relative;
      padding: 0 15px; }
      .container .login-panel .title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 40px;
        background: #02614d; }
    .container .login-panel input {
      min-width: 200px !important;
      width: 100% !important; }
    .container .login-panel .sender {
      margin: 30px auto auto auto;
      text-align: center; }
    @media (max-width: 768px) {
      .container .login-panel {
        margin-top: 100px;
        width: 90%;
        min-width: 300px; }
        .container .login-panel input {
          min-width: 200px !important;
          width: 100% !important; } }

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