/** Standalone styles for energycap application emails. Include the generated css (dist/components/energycap-email.min.css) in a style element in the head of the email document. */
@import 'email-base';

html {
  background-color: $ec-background-color;
  font-size: 16px;
}

body { 
  @include body;
  margin: 0;
}

table {
  width: 100%;
  border-spacing: 0;
  font-size: 14px;
}

tr, td {
  border-image-width: 0;
}

.email-wrapper {
  width: 600px;
  padding-top: 48px;
}

.email-header {
  padding-right: 16px;
  padding-left: 16px;
}

.email-body {
  padding: 32px 24px;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

@include content;
@include logos;