/**
 * Copyright (c) 2015 Bosch Software Innovations GmbH and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 */
// scss-lint:disable ImportantRule, PropertySortOrder, VendorPrefix

// This only allows us to use the mixins defined in it and does not add any styles by itself.
$v-font-size: $app-text-font-size;

//Application background color - Main color of the theme, which is used for computing all other colors
$v-background-color: $widget-bg;

//Base font family for all text in the theme
$v-font-family: $app-font-family;

//Font color for individual selection overlay list items
$v-selection-item-selection-color: $app-selection-item-selection-color;

//Color of the focus outline/border for focusable elements
$v-focus-color: $app-focus-color;

//Color for any selection highlights in the application
$v-selection-color: $app-selection-color;

//Background color of the application.Used for calculating other component background colors
$v-app-background-color: $app-background-color;

//Table header,body border colors are calculated based on this
$v-table-border-color: $widget-border-color ;

$v-grid-border:$v-grid-border-size solid $widget-border-color ;
$v-grid-cell-vertical-border:  0px ;
$v-grid-cell-horizontal-border: 0px ;
$v-grid-cell-focused-border: 0px ;
$v-grid-cell-padding-horizontal:6px;

$v-table-row-height: 31px;

$v-animations-enabled: true;

@import '../valo/valo';
@import 'customstyles/table';
@import 'customstyles/grid';
@import 'customstyles/filter-status';
@import 'customstyles/colorpicker';
@import 'customstyles/tags';
@import 'customstyles/action-history';
@import 'customstyles/accordion';
@import 'customstyles/generic-styles';
@import 'customstyles/others';
@import 'customstyles/drop-hint';
@import 'customstyles/popup-window';
@import 'customstyles/artifact-upload';
@import 'customstyles/common';
@import 'customstyles/login';
@import 'customstyles/filter-layout-styles';
@import 'customstyles/systemconfig';
@import 'customstyles/table-common';
@import 'customstyles/table-header-common';
@import 'customstyles/popup-common';
@import 'customstyles/target-filter-query';
@import 'customstyles/statusprogressbar';
@import 'customstyles/rollout';
@import 'customstyles/notification-unread-change';

// Optimize the CSS output
$v-included-components: remove($v-included-components, calendar);
$v-included-components: remove($v-included-components, slider);
$v-included-components: remove($v-included-components, splitpanel);
$v-included-components: remove($v-included-components, tree);
$v-included-components: remove($v-included-components, twincolselect);
$v-included-components: remove($v-included-components, form);

@mixin hawkbittheme {
  // Include all the styles from the valo theme
  @include valo;
  @include generic-styles;
  @include table;
  @include grid;
  @include filter-status;
  @include colorpicker;
  @include tags;
  @include action-history;
  @include accordion;
  @include others;
  @include drop-hint;
  @include popup-window;
  @include artifact-upload;
  @include dashboard-common;
  @include login;
  @include systemconfig;
  @include filter-layout-styles;
  @include table-common;
  @include table-header-common;
  @include popup-common;
  @include target-filter-query;
  @include statusprogressbar;
  @include rollout;
  @include notification-unread-change;  
  
  .v-app-loading {
    background-color: rgba(0, 0, 0, 0);
    background-image: $app-background-image, linear-gradient(to bottom, $app-background-image-gradient);
    background-image: $app-background-image, -webkit-linear-gradient(top, $app-background-image-gradient);
    background-image: $app-background-image, -moz-linear-gradient(top, $app-background-image-gradient);
    background-position: bottom;
    background-repeat: no-repeat;
  }

  .v-app-loading:before {
    background: none;
    height: 40px !important;
    width: 40px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0);
    border-top-color: $hawkbit-primary-color;
    border-right-color: $hawkbit-primary-color;
    border-radius: 100%;
    -webkit-animation: v-rotate-360 500ms infinite linear;
    -moz-animation: v-rotate-360 500ms infinite linear;
    -ms-animation: v-rotate-360 500ms infinite linear;
    -o-animation: v-rotate-360 500ms infinite linear;
    animation: v-rotate-360 500ms infinite linear;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -20px;
  }
   .v-generated-body &.v-app {
    background-image: $app-background-image, linear-gradient(to bottom, $app-background-image-gradient) !important;
    background-image: $app-background-image, -webkit-linear-gradient(top, $app-background-image-gradient) !important;
    background-image: $app-background-image, -moz-linear-gradient(top, $app-background-image-gradient) !important;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
