@charset "ISO-8859-1";

/* Legacy OeNB font faces used by headings. */
@font-face {
  font-family: "GillSans";
  src: local("~"), url("/opus/static/fonts/GillSans-e0b08d3838614890a0b3188b77fc09aa.woff") format("woff"), url("/opus/static/fonts/GillSans-c04909829d73230b4740ee293b241465.ttf") format("truetype"), url("/opus/static/fonts/GillSans-2625b19c9a06e1278ae1ed709398a636.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GillSans";
  src: local("~"), url("/opus/static/fonts/GillSansLight-a0c1870fcbabc1c55e35ba9b7e3f29e4.woff") format("woff"), url("/opus/static/fonts/GillSansLight-0c952933a2a1e4d127d496f07a158eaa.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

/* Legacy Bootstrap 3 twenty-column float grid from oenb-5fa0ad2491.min.css.
   Bootstrap 5 uses a 12-column flexbox grid; the OeNB templates were authored
   for a 20-column float grid (col-x-N = N/20 * 100%).
   Restoring float + 20-col widths here so side-by-side panel layouts work.
   Inside Bootstrap 5 .row flex containers float is ignored but width drives
   flex-basis (flex:0 0 auto), so proportions remain correct there too. */

/* Base properties for every column class */
.col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,
.col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15,
.col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20,
.col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,
.col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15,
.col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20,
.col-md-1,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,
.col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,
.col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15,
.col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20,
.col-lg-1,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,
.col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9,  .col-lg-10,
.col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15,
.col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-left:  15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* xs ? always active */
.col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,
.col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15,
.col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20 { float: left; }
.col-xs-1  { width:  5%; } .col-xs-2  { width: 10%; } .col-xs-3  { width: 15%; }
.col-xs-4  { width: 20%; } .col-xs-5  { width: 25%; } .col-xs-6  { width: 30%; }
.col-xs-7  { width: 35%; } .col-xs-8  { width: 40%; } .col-xs-9  { width: 45%; }
.col-xs-10 { width: 50%; } .col-xs-11 { width: 55%; } .col-xs-12 { width: 60%; }
.col-xs-13 { width: 65%; } .col-xs-14 { width: 70%; } .col-xs-15 { width: 75%; }
.col-xs-16 { width: 80%; } .col-xs-17 { width: 85%; } .col-xs-18 { width: 90%; }
.col-xs-19 { width: 95%; } .col-xs-20 { width: 100%; }

/* sm ? ? 768px */
@media (min-width: 768px) {
  .col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,
  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,
  .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15,
  .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20 { float: left; }
  .col-sm-1  { width:  5%; } .col-sm-2  { width: 10%; } .col-sm-3  { width: 15%; }
  .col-sm-4  { width: 20%; } .col-sm-5  { width: 25%; } .col-sm-6  { width: 30%; }
  .col-sm-7  { width: 35%; } .col-sm-8  { width: 40%; } .col-sm-9  { width: 45%; }
  .col-sm-10 { width: 50%; } .col-sm-11 { width: 55%; } .col-sm-12 { width: 60%; }
  .col-sm-13 { width: 65%; } .col-sm-14 { width: 70%; } .col-sm-15 { width: 75%; }
  .col-sm-16 { width: 80%; } .col-sm-17 { width: 85%; } .col-sm-18 { width: 90%; }
  .col-sm-19 { width: 95%; } .col-sm-20 { width: 100%; }
}

/* md ? ? 992px */
@media (min-width: 992px) {
  .col-md-1,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,
  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,
  .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15,
  .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20 { float: left; }
  .col-md-1  { width:  5%; } .col-md-2  { width: 10%; } .col-md-3  { width: 15%; }
  .col-md-4  { width: 20%; } .col-md-5  { width: 25%; } .col-md-6  { width: 30%; }
  .col-md-7  { width: 35%; } .col-md-8  { width: 40%; } .col-md-9  { width: 45%; }
  .col-md-10 { width: 50%; } .col-md-11 { width: 55%; } .col-md-12 { width: 60%; }
  .col-md-13 { width: 65%; } .col-md-14 { width: 70%; } .col-md-15 { width: 75%; }
  .col-md-16 { width: 80%; } .col-md-17 { width: 85%; } .col-md-18 { width: 90%; }
  .col-md-19 { width: 95%; } .col-md-20 { width: 100%; }
}

/* lg ? ? 1200px */
@media (min-width: 1200px) {
  .col-lg-1,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,
  .col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9,  .col-lg-10,
  .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15,
  .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 { float: left; }
  .col-lg-1  { width:  5%; } .col-lg-2  { width: 10%; } .col-lg-3  { width: 15%; }
  .col-lg-4  { width: 20%; } .col-lg-5  { width: 25%; } .col-lg-6  { width: 30%; }
  .col-lg-7  { width: 35%; } .col-lg-8  { width: 40%; } .col-lg-9  { width: 45%; }
  .col-lg-10 { width: 50%; } .col-lg-11 { width: 55%; } .col-lg-12 { width: 60%; }
  .col-lg-13 { width: 65%; } .col-lg-14 { width: 70%; } .col-lg-15 { width: 75%; }
  .col-lg-16 { width: 80%; } .col-lg-17 { width: 85%; } .col-lg-18 { width: 90%; }
  .col-lg-19 { width: 95%; } .col-lg-20 { width: 100%; }
}

/* Bootstrap 5 .row uses display:flex; restore clearfix behaviour for float-only rows */
.row::before,
.row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}

/* Bootstrap 3 .container had a clearfix to contain floated col-* children.
   Bootstrap 5 removed it (switched to flexbox).  Without it, any container
   whose only children are floating col-* elements (e.g. functionalAreaContainer
   with its col-sm-15 h3) collapses to zero height.  Restore the clearfix here
   so all containers properly wrap their floated column children. */
.container::before,
.container::after {
  content: " ";
  display: table;
}
.container::after {
  clear: both;
}

/* Legacy page background/base text style from oenb-5fa0ad2491.min.css. */
body {
  background: transparent url('/opus/static/img/back100-21a9b968821aab9dd9209636e199dfa7.jpg') no-repeat fixed top center;
  color: #444;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

/* Legacy Bootstrap 3 heading scale and spacing (before OeNB overrides). */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #003b7d;
  font-family: "GillSans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

h1 {
  font-size: 2.5em;
  line-height: 1.15em;
  margin-bottom: 0.7em;
}

h6 {
  font-size: 1.1em;
  color: #2f598b;
}

/* .card is used in OPUS templates as a plain clickable wrapper around .panel.
   Bootstrap 3 had no .card class so these were completely unstyled wrappers.
   Bootstrap 5 adds a border, flex layout, and background ? reset all of it
   so the .panel inside renders exactly as it did before. */
.card {
  --bs-card-border-width:  0;
  --bs-card-border-color:  transparent;
  --bs-card-border-radius: 0;
  --bs-card-bg:            transparent;
  display: block;
  border: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  color: inherit;
}

/* Legacy Bootstrap 3 panel compatibility used across OPUS templates. */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-body {
  padding: 15px;
}

.panel-body::before,
.panel-body::after {
  content: " ";
  display: table;
}

.panel-body::after {
  clear: both;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

/* Bootstrap 3 compatibility: col-* classes on table col/td/th must NOT get
   float or flex from the grid ? table layout must remain display:table-cell.
   Without this, td/th elements with col-* classes are floated out of their
   rows, breaking the table entirely. */
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

/* Bootstrap 3 .close button compatibility ? used by bootstrap-notify's dismiss button. */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-heading + .panel-collapse > .panel-body,
.panel > .panel-body + .table,
.panel > .table + .panel-body {
  border-top: 1px solid #ddd;
}

/* Legacy sprite background image compatibility from oenb-5fa0ad2491.min.css. */
.navbar-primary .dropdown-menu li > a.has-submenu::after,
.list-group-navigation-default .list-group-item.has-children > a::after,
.oenbicon {
  background-image: url('/opus/static/img/sprite-icons-afdf6785137c006c9a8a2fce480a9a9e.png');
  background-size: 483px 150px;
  background-repeat: no-repeat;
}

.oenbicon {
  position: relative;
  top: 1px;
  display: inline-block;
  line-height: 1;
}

.navbar-primary .dropdown-menu li > a.has-submenu::after,
.list-group-navigation-default .list-group-item.has-children > a::after {
  position: relative;
  top: 1px;
  display: inline-block;
  line-height: 1;
  width: 10px;
  height: 15px;
  content: "";
  background-position: -241px -60px;
}

/* Legacy navbar-primary dropdown styling from oenb-5fa0ad2491.min.css.
   Applies the OeNB blue border, grey item backgrounds, and white item
   separators to the user-menu dropdown within the .navbar-primary bar. */
.navbar-primary .dropdown-menu {
  border: 2px solid #3776b4;
  border-top: 0;
  padding: 0;
}

/* Specific link padding/positioning inside the primary-navbar dropdown
   (overrides the generic 3px 20px set on .dropdown-menu > li > a). */
.navbar-primary .dropdown-menu li a {
  position: relative;
  padding: 8px 30px 8px 10px;
}

.navbar-primary .dropdown-menu li {
  border-bottom: 1px solid white;
}

.navbar-primary .dropdown-menu li:last-child {
  border-bottom: 0;
}

.navbar-primary .dropdown-menu li > a {
  background-color: #f2f2f2;
}

.navbar-primary .dropdown-menu li > a:hover {
  background-color: #e2e2e2;
}

/* Legacy layout background from oenb-5fa0ad2491.min.css. */
.container {
  background-color: #ffffff;
}

.col-background-light {
  background-color: #ffffff;
}

/* Legacy global link/text behavior from oenb-5fa0ad2491.min.css and Bootstrap 3. */
a {
  color: #337ab7;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
  margin: 0 0 20px;
}

label {
  font-weight: normal;
}

.label-primary {
  color: black;
}

.label-secondary {
  color: grey;
}

small,
.small {
  font-size: 85%;
}

.breadcrumb-default {
  border-top: 1px solid #d6d6d6;
  border-radius: 0;
  background-color: transparent;
  font-size: 11px;
}

/* Legacy ul/ol and .list-inline styles from oenb-5fa0ad2491.min.css (Bootstrap 3 compatibility).
   Bootstrap 5 changed margin-bottom on ul/ol from 10px to 1rem and replaced
   .list-inline > li with .list-inline-item. Restore the original behaviour so
   templates that use bare <li> elements inside .list-inline (e.g. the footer)
   continue to render inline. */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-inline {
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

/* Legacy dropdown-menu styles from oenb-5fa0ad2491.min.css (Bootstrap 3 compatibility).
   Bootstrap 5 only styles .dropdown-item, but the templates use bare <a role="menuitem">
   without that class, causing links to render as unstyled blue links. Restore the
   Bootstrap 3 .dropdown-menu > li > a behaviour so the user dropdown looks correct. */
.dropdown-menu {
  --bs-dropdown-font-size: 14px; /* override Bootstrap 5 CSS variable */
  font-size: 14px;
  text-align: left;
  border-radius: 0;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

/* Legacy Bootstrap 3 button styles from oenb-5fa0ad2491.min.css.
   Bootstrap 5 changed border-radius (0 ? 0.375rem), font-size (14px ? 1rem),
   line-height (1.428 ? 1.5), dropped btn-xs, and removed .btn-default entirely.
   The OeNB custom section also applied padding: 4px 10px to every .btn and a
   grey gradient to .btn-default ? both are restored here. */

/* Base: square corners, 14px font, Bootstrap 3 line-height. */
.btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-size: 14px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  cursor: pointer;
}

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: auto; /* Bootstrap 5 sets pointer-events:none which hides the cursor; restore B3 behaviour */
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}

/* Bootstrap 3 size variants ? border-radius reverted to 0. */
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-border-radius: 0;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-border-radius: 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

/* btn-xs was dropped in Bootstrap 4+; restore for legacy templates. */
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

/* OeNB custom padding override (4px 10px).  Placed after the size variants so
   it wins at equal specificity for btn-lg/btn-sm elements ? matching the
   cascade order in the legacy minified file. */
.btn {
  padding: 4px 10px;
}

/* .btn-default does not exist in Bootstrap 5; restore the OeNB grey gradient. */
.btn-default {
  color: #333;
  background: #ddd linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}

/* .btn-secondary did not exist in Bootstrap 3 so it received no OeNB custom
   styling ? it showed the browser's native button face (white/light-grey, no
   visible border).  Restore the Bootstrap 3 base btn-default appearance
   (white background, light grey border) as the closest equivalent. */
.btn-secondary {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Utility for form buttons that need a top-margin label offset. */
.btn-label-margin {
  margin-top: 24px;
  padding-top: 5px;
}

/* Bootstrap 3 button colour palette from oenb-5fa0ad2491.min.css.
   Bootstrap 5 changed every variant colour (btn-primary most visibly:
   #337ab7 ? #0d6efd).  Overriding the --bs-btn-* CSS custom properties is
   sufficient: Bootstrap 5's base .btn rule reads hover/active/disabled states
   from those variables, so no separate :hover/:active rules are needed. */

.btn-primary {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #337ab7;
  --bs-btn-border-color:         #2e6da4;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #286090;
  --bs-btn-hover-border-color:   #204d74;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #286090;
  --bs-btn-active-border-color:  #204d74;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #337ab7;
  --bs-btn-disabled-border-color:#2e6da4;
}

.btn-success {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #5cb85c;
  --bs-btn-border-color:         #4cae4c;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #449d44;
  --bs-btn-hover-border-color:   #398439;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #449d44;
  --bs-btn-active-border-color:  #398439;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #5cb85c;
  --bs-btn-disabled-border-color:#4cae4c;
}

.btn-info {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #5bc0de;
  --bs-btn-border-color:         #46b8da;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #31b0d5;
  --bs-btn-hover-border-color:   #269abc;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #31b0d5;
  --bs-btn-active-border-color:  #269abc;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #5bc0de;
  --bs-btn-disabled-border-color:#46b8da;
}

.btn-warning {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #f0ad4e;
  --bs-btn-border-color:         #eea236;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #ec971f;
  --bs-btn-hover-border-color:   #d58512;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #ec971f;
  --bs-btn-active-border-color:  #d58512;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #f0ad4e;
  --bs-btn-disabled-border-color:#eea236;
}

.btn-danger {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #d9534f;
  --bs-btn-border-color:         #d43f3a;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #c9302c;
  --bs-btn-hover-border-color:   #ac2925;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #c9302c;
  --bs-btn-active-border-color:  #ac2925;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #d9534f;
  --bs-btn-disabled-border-color:#d43f3a;
}


/* ?? Legacy Bootstrap 3 / OeNB form-control compatibility ????????????????????
   Bootstrap 5 changed .form-control significantly: rounded corners (0.375rem),
   larger font (1rem / 16px), different line-height, different focus ring, no
   fixed height.  These rules restore every property to match the definitions
   from oenb-5fa0ad2491.min.css (Bootstrap 3 base + OeNB custom overrides).
   ???????????????????????????????????????????????????????????????????????????? */

/* Bootstrap 3 base + OeNB compact override (height 30px, padding 4px 10px). */
.form-control {
  display: block;
  width: 100%;
  height: 30px;                   /* OeNB compact (B3 base was 34px)         */
  padding: 4px 10px;              /* OeNB compact (B3 base was 6px 12px)     */
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Suppress Bootstrap 5's focus-ring CSS custom property so only the B3
   inset + glow shadow is shown on focus. */
.form-control {
  --bs-focus-ring-width:      0;
  --bs-focus-ring-box-shadow: none;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
              0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::placeholder {
  color: #999;
  opacity: 1;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/* Textarea must not be height-constrained. */
textarea.form-control {
  height: auto;
}

/* Select with fixed height / line-height to match text inputs. */
select.form-control {
  height: 30px;
  line-height: 30px;
}

select[multiple].form-control,
select[size].form-control {
  height: auto;
}

/* Radio rendered as a form-control has no inset shadow. */
input[type="radio"].form-control {
  box-shadow: none;
}

/* Suppress focus outline on checkboxes (OeNB custom). */
input[type="checkbox"]:focus {
  outline: 0;
}

/* Legacy .form-group (removed in Bootstrap 5). */
.form-group {
  margin-bottom: 5px;
}

/* Legacy .input-group-addon (replaced by .input-group-text in Bootstrap 5). */
.input-group-addon {
  height: 30px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0;
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

/* OeNB input-group width helpers. */
.input-group-sm { width: 100px; }
.input-group-md { width: 150px; }
.input-group-lg { width: 200px; }

/* Horizontal form label alignment helpers (OeNB custom). */
.form-horizontal .control-label-sm {
  padding-top: 9px;
  font-size: 85%;
}

.form-horizontal .control-label-multiline {
  padding-top: 0;
}

/* Form group with a bottom separator. */
.form-group-border {
  border-bottom: 1px solid;
  margin: 0;
  padding: 10px 0;
}

/* Required-field label markers. */
.control-label-required::after {
  content: '*';
  position: absolute;
  right: 5px;
  color: #a94442;
}

.control-label-required-inline::after {
  content: '*';
  position: relative;
  right: -5px;
  color: #a94442;
}

/* Label tone helpers. */
.control-label-light { color: grey; }
.control-label-dark  { color: black; }

/* Validation state: has-error (Bootstrap 3 compatible). */
.has-error .help-block {
  color: #a94442;
}

.has-error .form-control,
.has-error .select2-container--default .select2-selection--single {
  color: inherit;
  border-color: #a94442 !important;
  box-shadow: none;
}

.has-error .form-control:focus,
.has-error .select2-container--default .select2-selection--single:focus {
  border-color: #a94442;
  box-shadow: none;
}

.has-error .input-group-addon {
  border-color: #a94442;
  background-color: transparent;
}

.has-error .form-control-feedback {
  color: #a94442;
}

/* Select2: square corners to match the rest of the form controls. */
.select2-container--default .select2-selection--single {
  border-radius: 0;
}