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;
  }