// If you edit this file you need to compile the theme. See README.md for details.

// Global variable overrides. Must be declared before importing Valo.

// Defines the plaintext font size, weight and family. Font size affects general component sizing.
//$v-font-size: 16px;
//$v-font-weight: 300;
//$v-font-family: "Open Sans", sans-serif;

// Defines the border used by all components.
//$v-border: 1px solid (v-shade 0.7);
//$v-border-radius: 4px;

// Affects the color of some component elements, e.g Button, Panel title, etc
//$v-background-color: hsl(210, 0%, 98%);
// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
//$v-app-background-color: $v-background-color;

// Affects the visual appearance of all components
//$v-gradient: v-linear 8%;
//$v-bevel-depth: 30%;
//$v-shadow-opacity: 5%;

// Defines colors for indicating status (focus, success, failure)
//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
//$v-friendly-color: #2c9720;
//$v-error-indicator-color: #ed473b;

// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples

@import "../valo/valo.scss";
@import "addons.scss";

@mixin mytheme {
  @include valo;
  @include addons;

  // Insert your own theme rules here

  .smallgrid .v-grid-body .v-grid-cell {
    line-height: 18px;     // adjust to your needs
    font-size: 12px;       // adjust to your needs
  }

  .csslayout{
    //text-align: left;
    //font-size: 12px;
    padding-left:  10px;
    padding-right: 10px;
  }

  .leftPosition{
    float: left;
  }

  .rightPosition{
    float: right;
  }

  .v-csslayout-margin {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .v-textfield-my-text{
    text-align:right !important;
  }

}

