// vim: set tw=80 ts=2 sw=2 sts=2:

$fa-font-path: '~font-awesome/fonts';

@import '~font-awesome/scss/font-awesome';

@import '~c3/c3';

@import '~ngx-toastr/toastr';

$roboto-font-path: '~roboto-fontface/fonts/roboto/';
@import '~@angular/material/_theming';
@import '~@angular/material/prebuilt-themes/indigo-pink.css';

@import '~material-design-icons/iconfont/material-icons.css';

/*.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%  !important;
}

body {
  font-family: Roboto, 'Helvetica Neue', sans-serif;

  // Helps fonts on OSX looks more consistent with other systems
  // Isn't currently in button styles due to performance concerns
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .acc-content {
    padding: 32px;
    box-sizing: border-box;
  }

  .mat-toolbar {
    .acc-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
  }

  h1 {
    font-size: 20px;
  }
}

md-dialog > form {
    overflow: visible;
}*/

/*
// stretch to screen size in fullscreen mode
.acc-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
*/

.italic {
  font-style: italic;
}

.stroke {
  text-decoration: line-through;
}

.c3-ygrid-line.zeroline line {
  stroke: orange;
}

.c3-ygrid-line.overdraft line {
  stroke: #FF0000;
}

span.warning {
  color: mat-color($mat-amber, A700);
}

.mat-row.warning {
  background-color: mat-color($mat-amber, 100);
}

span.error {
  color: mat-color($mat-red, A700);
}

.mat-row.error {
  background-color: mat-color($mat-red, 100);
}