html,
body {
  height: 100%;
  margin: 0;
}

body.launching {
  @include background-size(cover);
  background-color: $auth-background-color;
  background-image: $auth-background-image;
  background-position: center;

  &::before {
    @include animation(rotate-animation 1s linear infinite);
    @include transform-origin(50% 50%);
    @include background-size(cover);
    background-image: url(get-resource-path('images/loading.png'));
    background-position: center;
    content: '';
    position: absolute;
    margin-top: -15px;
    margin-left: -15px;
    top: 50%;
    left: 50%;
    width: 41px;
    height: 41px;
  }
}

@mixin btn-border($background-color) {
  background-color: $background-color;
  border-color: $background-color !important;

  .x-btn-inner-default-toolbar-small {
    color: $lightest-color;
  }

  &:hover {
    background-color: transparent;

    .x-btn-inner-default-toolbar-small,
    .x-btn-inner-default-small {
      color: $background-color;
    }

    .x-btn-icon-el-default-small,
    .x-btn-icon-el-default-toolbar-small {
      color: $background-color;
    }
  }
}

.x-menu-header {
  z-index: 0 !important;
}

.x-css-shadow {
  box-shadow: none !important;
}

.shadow {
  @include box-shadow(rgba(0, 0, 0, 0.2) 0 1px 2px);
}

.x-fa {
  display: inline-block;
}

.alignRight {
  float: right;
}

.boldFont {
  font-weight: bold;
}