.errorOverlayDirective {
  background: white;
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-content: stretch;
  align-items: stretch;
  justify-content: center;
  display: flex;
  flex-direction: column; }
  .errorOverlayDirective md-toolbar {
    background: tomato !important;
    color: white !important; }
  .errorOverlayDirective > div {
    flex-grow: 1; }
  .errorOverlayDirective.ng-hide-add {
    animation: 0.5s myChangeBack ease; }
  .errorOverlayDirective.ng-hide-remove {
    animation: 0.5s myChange ease; }
  .errorOverlayDirective button.close {
    background: tomato;
    color: black; }
    .errorOverlayDirective button.close:focus {
      background: #ff4d2e; }
    .errorOverlayDirective button.close:hover {
      background: #ff7961 !important; }

/*# sourceMappingURL=ErrorOverlay.css.map */