:root {
  --global-ngxlib-control-gap: 1em;
  --global-ngxlib-control-radius: 4px;
  --global-ngxlib-control-padding: 0.5em 0.7em;
  --global-ngxlib-control-focus-outline: none;
  --global-ngxlib-control-placeholder-color: #999;
  --global-ngxlib-button-disabled-opacity: 0.4;
  --global-ngxlib-button-color: #000;
  --global-ngxlib-button-color-hover: #333;
  --global-ngxlib-button-bg: #ccc;
  --global-ngxlib-button-bg-hover: transparent;
  --global-ngxlib-button-border-color: #ccc;
  --global-ngxlib-button-primary-color: #fff;
  --global-ngxlib-button-primary-color-hover: #0d6efd;
  --global-ngxlib-button-primary-bg: #0d6efd;
  --global-ngxlib-button-primary-bg-hover: transparent;
  --global-ngxlib-button-primary-border-color: #0d6efd;
  --global-ngxlib-button-secondary-color: #fff;
  --global-ngxlib-button-secondary-color-hover: #198754;
  --global-ngxlib-button-secondary-bg: #198754;
  --global-ngxlib-button-secondary-bg-hover: transparent;
  --global-ngxlib-button-secondary-border-color: #198754;
  /*--global-ngxlib-button-border-color: #444;
  --global-ngxlib-button-color: #444;
  --global-ngxlib-button-color-hover: #fff;
  --global-ngxlib-button-bg: #4441;
  --global-ngxlib-button-bg-hover: #444;*/
  /*--global-ngxlib-button-primary-border-color: #0d6efd;
  --global-ngxlib-button-primary-color: #0d6efd;
  --global-ngxlib-button-primary-color-hover: #fff;
  --global-ngxlib-button-primary-bg: #0d6efd33;
  --global-ngxlib-button-primary-bg-hover: #0d6efd;

  --global-ngxlib-button-secondary-border-color: #198754;
  --global-ngxlib-button-secondary-color: #198754;
  --global-ngxlib-button-secondary-color-hover: #fff;
  --global-ngxlib-button-secondary-bg: #19875433;
  --global-ngxlib-button-secondary-bg-hover: #198754;*/
  --global-ngxlib-input-border-color: #ddd;
  --global-ngxlib-input-bg: #fff;
  --global-ngxlib-input-disabled-color: #999;
  --global-ngxlib-input-disabled-bg: #f5f5f5;
  --global-ngxlib-input-readonly-bg: #f5f5f5;
}

html, body {
  line-height: 1.3;
  font-family: Arial, sans-serif;
}

button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]) {
  padding: var(--global-ngxlib-control-padding, var(--ngxlib-control-padding));
  background-color: var(--global-ngxlib-button-bg, var(--ngxlib-button-bg));
  color: var(--global-ngxlib-button-color, var(--ngxlib-button-color));
  border-color: var(--global-ngxlib-button-border-color, var(--ngxlib-button-border-color));
  border-radius: var(--global-ngxlib-control-radius, var(--ngxlib-control-radius));
  border-style: solid;
  border-width: 1px;
  transition: 250ms;
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]).primary-button {
  color: var(--global-ngxlib-button-primary-color, var(--ngxlib-button-primary-color));
  background-color: var(--global-ngxlib-button-primary-bg, var(--ngxlib-button-primary-bg));
  border-color: var(--global-ngxlib-button-primary-border-color, var(--ngxlib-button-primary-border-color));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]).secondary-button {
  color: var(--global-ngxlib-button-secondary-color, var(--ngxlib-button-secondary-color));
  background-color: var(--global-ngxlib-button-secondary-bg, var(--ngxlib-button-secondary-bg));
  border-color: var(--global-ngxlib-button-secondary-border-color, var(--ngxlib-button-secondary-border-color));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]):hover:not(:disabled) {
  background-color: var(--global-ngxlib-button-bg-hover, var(--ngxlib-button-bg-hover));
  color: var(--global-ngxlib-button-color-hover, var(--ngxlib-button-color-hover));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]):hover:not(:disabled).primary-button {
  background-color: var(--global-ngxlib-button-primary-bg-hover, var(--ngxlib-button-primary-bg-hover));
  color: var(--global-ngxlib-button-primary-color-hover, var(--ngxlib-button-primary-color-hover));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]):hover:not(:disabled).secondary-button {
  background-color: var(--global-ngxlib-button-secondary-bg-hover, var(--ngxlib-button-secondary-bg-hover));
  color: var(--global-ngxlib-button-secondary-color-hover, var(--ngxlib-button-secondary-color-hover));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]):disabled {
  cursor: not-allowed;
  opacity: var(--global-ngxlib-button-disabled-opacity, var(--ngxlib-button-disabled-opacity));
}
button:not(.custom):not([mat-icon-button]):not([mat-button]):not([mat-flat-button]):not([mat-raised-button]):not(mat-stroked-button):not(mat-mini-fab):not(mat-fab):not([class^=ql-]):not([class*=tox-]):focus {
  outline: var(--global-ngxlib-control-focus-outline, var(--ngxlib-control-focus-outline));
}

input:not([type=radio]):not([type=checkbox]):not(.custom):not([matInput]),
select:not(.custom):not([matInput]),
textarea:not(.custom):not([matInput]) {
  padding: var(--global-ngxlib-control-padding, var(--ngxlib-control-padding));
  border-radius: var(--global-ngxlib-control-radius, var(--ngxlib-control-radius));
  border-style: solid;
  border-width: 1px;
  background: var(--global-ngxlib-input-bg, var(--ngxlib-input-bg));
  border-color: var(--global-ngxlib-input-border-color, var(--ngxlib-input-border-color));
}
input:not([type=radio]):not([type=checkbox]):not(.custom):not([matInput])::placeholder,
select:not(.custom):not([matInput])::placeholder,
textarea:not(.custom):not([matInput])::placeholder {
  color: var(--global-ngxlib-control-placeholder-color, var(--ngxlib-control-placeholder-color));
}
input:not([type=radio]):not([type=checkbox]):not(.custom):not([matInput]):disabled,
select:not(.custom):not([matInput]):disabled,
textarea:not(.custom):not([matInput]):disabled {
  color: var(--global-ngxlib-input-disabled-color, var(--ngxlib-input-disabled-color));
  background-color: var(--global-ngxlib-input-disabled-bg, var(--ngxlib-input-disabled-bg));
}
input:not([type=radio]):not([type=checkbox]):not(.custom):not([matInput]):not(select):read-only,
select:not(.custom):not([matInput]):not(select):read-only,
textarea:not(.custom):not([matInput]):not(select):read-only {
  background-color: var(--global-ngxlib-input-disabled-bg, var(--ngxlib-input-disabled-bg));
}
input:not([type=radio]):not([type=checkbox]):not(.custom):not([matInput]):focus,
select:not(.custom):not([matInput]):focus,
textarea:not(.custom):not([matInput]):focus {
  outline: var(--global-ngxlib-control-focus-outline, var(--ngxlib-control-focus-outline));
}

label.checkbox-label {
  cursor: pointer;
}

.form-row {
  padding: var(--global-ngxlib-control-gap) 0;
  display: flex;
  align-items: center;
  gap: 1em;
}
.form-row button:not(.custom), .form-row select:not(.custom), .form-row .control:not(.custom), .form-row .control-row:not(.custom) {
  min-width: min-content;
  max-width: 100%;
  flex: 1 1 0;
}
.form-row input:not([type=checkbox]):not([type=radio]):not(.custom) {
  min-width: 0;
  max-width: 100%;
  flex: 1 1 0;
}
.form-row .control label {
  display: block;
  width: 100%;
  margin: var(--global-ngxlib-control-gap) 0;
}
.form-row .control input:not([type=checkbox]):not([type=radio]):not(.custom), .form-row .control button:not(.custom), .form-row .control select:not(.custom) {
  display: block;
  width: 100%;
  margin: var(--global-ngxlib-control-gap) 0;
}
.form-row .control-row {
  display: flex;
  align-items: center;
}
.form-row .control-row label {
  margin: 0 var(--global-ngxlib-control-gap) 0 0;
}
.form-row.single-element-row {
  display: block;
}
.form-row.single-element-row label {
  display: block;
  margin: 0 0 var(--global-ngxlib-control-gap) var(--global-ngxlib-control-gap);
}
.form-row.single-element-row input:not(.custom), .form-row.single-element-row button:not(.custom), .form-row.single-element-row select:not(.custom), .form-row.single-element-row textarea:not(.custom) {
  display: block;
  width: 100%;
  margin: var(--global-ngxlib-control-gap) 0 0 0;
}

h1 {
  margin: 1em 0 0.7em 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}

h2 {
  margin: 1em 0 0.7em 0;
  font-weight: bold;
  font-size: 1.2rem;
}

form {
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  max-width: 100%;
}

.extra-small-screen, .small-screen, .medium-screen, .wide-screen {
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.extra-small-screen {
  width: 400px;
}

.small-screen {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 600px;
}

.medium-screen {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 800px;
}

.wide-screen {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 1200px;
}

.error-text {
  color: #f00;
}

.align-center {
  text-align: center;
}

.clickable-link {
  text-decoration: underline;
  cursor: pointer;
}

.icon-close {
  cursor: pointer;
}
.icon-close:not(.white) {
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  position: relative;
}
.icon-close:not(.white):before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 3px;
  transform: translateX(-50%);
  background-color: #000;
}
.icon-close:not(.white):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: translateY(-50%);
  background-color: #000;
}
.icon-close.white {
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  position: relative;
}
.icon-close.white:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 3px;
  transform: translateX(-50%);
  background-color: #fff;
}
.icon-close.white:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: translateY(-50%);
  background-color: #fff;
}

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