.engine-open {
  .footer {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;

    .toolbar {
      border-top: 1px solid #ddd;
      top: 0px;
      height: 45px;
      width: 100%;

      .btns {
        float: right;
        margin: 5px 5px 0 0;

        button,
        a {
          font-size: 12px;
          border: 0px;
          margin: 0px;
          display: inline-block;
          width: inherit;
          border-radius: 4px;

          .fa {
            line-height: 0em;

            &:before {
              font-size: 0.8em;
            }
          }
        }
      }

      .btn {
        font-size: 10px;
        text-transform: capitalize;

        .loading,
        .after {
          display: none;
        }

        span.fa {
          min-height: 1px;
          min-width: 20px;
          margin-right: 0;
          font-size: 16px;
          line-height: 1;
        }

        &.loading {
          .before {
            display: none;
          }
          .loading {
            display: block;
          }
        }

        &.done .loading {
          display: none;
        }

        &.done .after {
          display: block;
        }
      }
    }
  }
}

.abe-navbar {
  margin-top: -52px;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  #myNavbar {
    .responsive-tool {
      font-size: 24px;
    }
  }
}