:root {
  --opcua-config-font-family-default: -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  --opcua-config-font-size: 14px;
  --opcua-config-font-weight: inherit;
  --opcua-config-text-color: inherit;
  --opcua-config-field-size: 2em;
  --opcua-config-error-text-color: #c00;
  --opcua-config-disabled-text-color: hsla(0, 0%, 0%, 0.53);
  --opcua-config-component-padding: 25px 0 0 5px;
  --opcua-config-component-margin: -20px 0 0 45px;
  --opcua-config-input-field-border-radius: 0%;
  --opcua-config-dialog-border-radius: 0;
  --opcua-config-text-color: #333333;

  /* CSS for text field */
  --opcua-config-text-field-border-top: none;
  --opcua-config-text-field-border-bottom: 1px solid #889aa5;
  --opcua-config-text-field-border-left: none;
  --opcua-config-text-field-border-right: none;
  --opcua-config-text-field-width: 300px;
  --opcua-config-text-field-backgroud-color: inherit;
  --opcua-config-text-field-box-shadow: none;
  --opcua-config-text-field-error-bg-color: white;

  /* CSS for vaadin select */
  --opcua-config-select-overlay-bg-color: #d8e0e5;
  --opcua-config-select-box-shadow: none;
  --opcua-config-select-border-top: none;
  --opcua-config-select-border-bottom: none;
  --opcua-config-select-border-left: none;
  --opcua-config-select-border-right: none;
  --opcua-config-select-padding: 0 20px 0 0;

  /* CSS for module separator */
  --opcua-config-module-separator-border-bottom: 1px solid gray;
  --opcua-config-module-separator-border-top: 1px solid #eeeeee;
  --opcua-config-module-separator-border-left: none;
  --opcua-config-module-separator-border-right: none;
  --opcua-config-module-separator-width: 100%;
  --opcua-config-module-separator-margin: 25px 0 45px 0;
  --opcua-config-module-separator-padding: 0;

  /* CSS for test connection button */
  --opcua-config-test-button-margin: 15px 10px 15px 0;

  /* CSS for div tag */
  --opcua-config-row-margin: 0 0 5px 5px;
  --opcua-config-row-padding: 0;

  /* CSS for Authentication module */
  --opcua-config-auth-module-margin: 25px 0 0 0;

  /* CSS for Buttons */
  --opcua-config-button-min-width: 4.66667em;
  --opcua-config-button-margin: 0;
  --opcua-config-button-border: 1px solid transparent;
  --opcua-config-button-border-radius: 0;
  --opcua-config-button-padding: 0 1em;
  --opcua-config-button-box-shadow: none;
  --opcua-config-button-line-height: calc(var(--opcua-config-field-size) - 2px);
  --opcua-config-button-text-transform: none;
  --opcua-config-button-white-space: nowrap;
  --opcua-config-submit-button-color: #007acc;
  --opcua-config-button-text-color: white;
  --opcua-config-button-hover-text-color: white;
  --opcua-config-button-hover-bg-color: #007acc;
  --opcua-config-button-active-text-color: white;
  --opcua-config-button-active-bg-color: #007acc;
  --opcua-config-button-focus-text-color: white;
  --opcua-config-button-focus-bg-color: #007acc;
  --opcua-config-button-cursor: pointer;

  /* CSS for spinner */
  --opcua-config-spinner-display: flex;

  /* CSS for label */
  --opcua-config-label-width: 100px;
  --opcua-config-label-min-width: 140px;
  --opcua-config-label-padding: 0 10px 0 0;
  --opcua-config-label-justify-content: flex-end;

  /* CSS for Discover policies button */
  --opcua-config-dp-button-width: max-content;
  --opcua-config-dp-button-margin: 4px 10px 0 0;

  /* CSS for Choose certificate button */
  --opcua-config-cert-button-margin: 4px 10px 0 0;

  /* CSS for header class */
  --opcua-config-header-margin: -25px 0 0 -25px;
  --opcua-config-header-font-size: 25px;

  /* CSS for connection success class */
  --opcua-config-connection-success-color: #468847;
  --opcua-config-connection-success-bg-color: #dff0d8;
  --opcua-config-connection-success-border-color: #d6e9c6;
  --opcua-config-connection-success-failure-padding: 5px;

  /* CSS for connection failure class */
  --opcua-config-connection-failure-color: #b94a48;
  --opcua-config-connection-failure-bg-color: #f2dede;
  --opcua-config-connection-failure-border-color: #eed3d7;

  /* CSS for cancel button */
  --opcua-config-cancel-button-bg-color: grey;
  --opcua-config-cancel-button-text-color: white;
  --opcua-config-cancel-button-hover-text-color: white;
  --opcua-config-cancel-button-hover-bg-color: grey;

  /* CSS for dialog buttons */
  --opcua-config-dialog-buttons-display: flex;
  --opcua-config-dialog-buttons-margin: 0 0 0 140px;
  --opcua-config-dialog-buttons-position: relative;
  --opcua-config-dialog-width: auto;
  --opcua-config-dialog-height: auto;
  --opcua-config-dialog-padding: 18px;

  /* CSS for Dialogue */
  --opcua-config-dialogue-min-width: 300px;
  --opcua-config-dialogue-margin-top: -13px;
  --opcua-config-dialogue-margin-bottom: -7px;

  /* CSS for trust Dialogue */
  --opcua-config-cert-dialog-row-width: 170px;
  --opcua-config-cert-dialogue-color: #007acc;
  --opcua-config-cert-dialogue-font-weight: 700;

  --opcua-config-cert-details-header-color: rgba(0, 0, 0, 0.6);
  --opcua-config-cert-details-header-font-weight: 600;
  --opcua-config-cert-details-margin: 5px 0 3px;
  --opcua-config-cert-details-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
  --opcua-config-cert-details-font-size: calc(
    var(--opcua-config-font-size) - 2px
  );

  /*Close ICon styles variables*/
  --opcua-config-close-icon-font-size: 23px;
  --opcua-config-close-icon-margin-top: -10px;
  --opcua-config-close-icon-margin-right: -12px;
  --opcua-config-close-icon-cursor: pointer;
  --opcua-config-close-icon-padding-left: 10px;
  --opcua-config-close-icon-padding-right: 10px;
  --opcua-config-close-icon-color: rgba(0,0,0,0.63922);

  /*Css for Trust Status Label*/
  --opcua-config-trusted-status-background-color: hsla(120, 100%, 25%, 0.2);
  --opcua-config-trusted-status-display: inline-block;
  --opcua-config-trusted-status-padding: 2px 4px;
  --opcua-config-trusted-status-border-radius: 3px;
  --opcua-config-trusted-status-min-width: 80px;
  --opcua-config-trusted-status-text-align: center;

  --opcua-config-non-trusted-status-background-color: rgba(255,0,0,0.23137);
  --opcua-config-non-trusted-status-display: inline-block;
  --opcua-config-non-trusted-status-padding: 2px 4px;
  --opcua-config-non-trusted-status-border-radius: 3px;
  --opcua-config-non-trusted-status-min-width: 80px;
  --opcua-config-non-trusted-status-text-align: center;

  /* CSS for vaadin */
  --lumo-font-family: var(--opcua-config-font-family-default);
  --lumo-font-size-m: var(--opcua-config-font-size);
  --lumo-border-radius: var(--opcua-config-input-field-border-radius);
  --lumo-border-radius-m: var(--opcua-config-dialog-border-radius);
  --lumo-contrast-10pct: var(--opcua-config-text-field-backgroud-color);
  --lumo-error-color-10pct: var(--opcua-config-text-field-error-bg-color);
  --lumo-error-color-50pct: var(--opcua-config-select-overlay-bg-color);
  --lumo-error-text-color: var(--opcua-config-error-text-color);
  --vaadin-text-field-default-width: var(--opcua-config-text-field-width);
  --lumo-size-m: var(--opcua-config-field-size);
  --lumo-disabled-text-color: var(--opcua-config-disabled-text-color);
  --lumo-body-text-color: var(--opcua-config-text-color);
  --_lumo-button-background-color: var(--opcua-config-submit-button-color);
  --_lumo-button-color: var(--opcua-config-button-text-color);
}
/* @import url('normalize.css'); */
html {
  /* font-size: 1px; for using REM units */
}
opcua-config {
  font-family: -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  font-family: -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  font-family: var(--opcua-config-font-family-default);
  font-weight: inherit;
  font-weight: inherit;
  font-weight: var(--opcua-config-font-weight);
  font-size: 14px;
  font-size: 14px;
  font-size: var(--opcua-config-font-size);
  line-height: calc(2em - 2px);
  line-height: calc(2em - 2px);
  line-height: var(--opcua-config-button-line-height);
  color: #333333;
  color: #333333;
  color: var(--opcua-config-text-color);
}
body {
  background: white;
}


/*# sourceMappingURL=opcua-config.css.map*/