/*
The darken/lighten is not giving accurate results for the toasters so specific vars for them below.

- Red background: #c23848 you can get this colour roughly from using the red variable and with HSL lower lightness by 20.
- Blue background: #377ebd you can get this colour roughly from using the blue variable and with HSL lower lightness by 20.
- Orange background: #ff9933
- The text colour on all of these, could they please be #E2E2E2, except from warning which remains with black text.

*/
/*is not being used anywhere; the same as @redAlert*/
:host {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  /* Fix for IE */
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr; }
  :host .et-custom-fields-container {
    display: grid;
    grid-template-rows: 10px 20px 1fr;
    grid-template-columns: 1fr;
    /* Fix for IE */
    display: -ms-grid;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-rows: 20px 1fr;
    -ms-grid-columns: 1fr; }
    :host .et-custom-fields-container .error-icon:before {
      font-size: 13px;
      color: #F5475B; }
    :host .et-custom-fields-container .et-custom-fields-border-top {
      border-top: 1px solid #4B4B53;
      margin-left: 5px;
      margin-right: 5px;
      -ms-grid-column: 1;
      -ms-grid-row: 1; }
    :host .et-custom-fields-container .et-custom-fields-title {
      display: inline-block;
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
    :host .et-custom-fields-container .et-custom-fields-content {
      position: relative;
      -ms-grid-column: 1;
      -ms-grid-row: 3; }
  :host.is-not-provided {
    display: none; }
  :host .et-custom-fields-container.Activated .et-custom-fields-title {
    color: #1cb31c; }
  :host .et-custom-fields-container.Done .et-custom-fields-title {
    color: #2498BA; }