// 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: "FontAwesome", 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";

@mixin mapeditingtheme {
  @include valo;

  // Insert your own theme rules here

  $bofrost-blau: #162677;
  $bofrost-gelb: #f1a010;
  $bofrost-rot: #D10018;
  $bofrost-gruen: #29d100;
  $bofrost-anthrazit: #333333;
  $bofrost-dunkelgrau: #555555;
  $bofrost-dunkles-grau: #999999;
  $bofrost-mittleres-grau: #CCCCCC;
  $bofrost-helles-grau: #f5f5f5;
  $bofrost-weiss: #ffffff;

  .background {
        background: $bofrost-blau;
    }

  .correctionDialogWindow {
    .v-window-header {
      color: #FFFFFF;
    }
  }

  .correctionsGridStyle {
    .v-grid-cell {
      padding: 5px 0;
    }
  }

  .correctionStyle{
    margin-left: 5px;
    margin-top: -2px;
  }

  .headerColor{
    background-color: $bofrost-blau;
    color: $bofrost-weiss;
  }

  .headerColor {
    .v-button-link {
      color: $bofrost-weiss;
    }
  }

  .headerColor {
    .v-button-link:hover {
      opacity: 0.75;
    }
  }

  .v-button:focus::after {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .headerColor {
    .v-popupbutton {
      .v-popup-indicator::before {
        content: "";
      }
    }
  }

  .mainTitle {
    font-size: xx-large;
    font-weight: normal;
    margin-left: 13px;
  }

  .subTitle {
    font-size: small;
    margin-top: 10px;
  }

  .shortlinkContainer{
    margin-right: 9px;
  }

  .iconLeft {
    .v-icon {
      font-size: 25px;
      opacity: 0.8;
    }
  }

  .iconRight {
    .v-icon {
      opacity: 0.8;
    }
  }
  .iconRight {
    .v-button {
      .v-icon{
        top: 60%;
      }
    }
  }
}