/*
 * bs4-compat.css
 * Bootstrap 4-klasser der ikke findes i Bootstrap 5 (som app.min.css bygger paa).
 * Bootstrap 4.5 fra CDN er fjernet; denne fil holder de gamle klasser i views og
 * Knockout-skabeloner i live, indtil de er omskrevet (ml-* -> ms-*, text-right -> text-end osv.).
 * Slet en regel her, naar klassen ikke laengere bruges.
 */

.ml-0{margin-left:0!important}
.pl-0{padding-left:0!important}
.ml-1{margin-left:.25rem!important}
.pl-1{padding-left:.25rem!important}
.ml-2{margin-left:.5rem!important}
.pl-2{padding-left:.5rem!important}
.ml-3{margin-left:1rem!important}
.pl-3{padding-left:1rem!important}
.ml-4{margin-left:1.5rem!important}
.pl-4{padding-left:1.5rem!important}
.ml-5{margin-left:3rem!important}
.pl-5{padding-left:3rem!important}
.ml-auto{margin-left:auto!important}
.mr-0{margin-right:0!important}
.pr-0{padding-right:0!important}
.mr-1{margin-right:.25rem!important}
.pr-1{padding-right:.25rem!important}
.mr-2{margin-right:.5rem!important}
.pr-2{padding-right:.5rem!important}
.mr-3{margin-right:1rem!important}
.pr-3{padding-right:1rem!important}
.mr-4{margin-right:1.5rem!important}
.pr-4{padding-right:1.5rem!important}
.mr-5{margin-right:3rem!important}
.pr-5{padding-right:3rem!important}
.mr-auto{margin-right:auto!important}
@media (min-width:576px){.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.5rem!important}.ml-sm-5{margin-left:3rem!important}.ml-sm-auto{margin-left:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.5rem!important}.mr-sm-5{margin-right:3rem!important}.mr-sm-auto{margin-right:auto!important}.text-sm-right{text-align:right!important}.text-sm-left{text-align:left!important}.float-sm-right{float:right!important}.float-sm-left{float:left!important}}
@media (min-width:768px){.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.5rem!important}.ml-md-5{margin-left:3rem!important}.ml-md-auto{margin-left:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.5rem!important}.mr-md-5{margin-right:3rem!important}.mr-md-auto{margin-right:auto!important}.text-md-right{text-align:right!important}.text-md-left{text-align:left!important}.float-md-right{float:right!important}.float-md-left{float:left!important}}
@media (min-width:992px){.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.5rem!important}.ml-lg-5{margin-left:3rem!important}.ml-lg-auto{margin-left:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.5rem!important}.mr-lg-5{margin-right:3rem!important}.mr-lg-auto{margin-right:auto!important}.text-lg-right{text-align:right!important}.text-lg-left{text-align:left!important}.float-lg-right{float:right!important}.float-lg-left{float:left!important}}
@media (min-width:1200px){.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.5rem!important}.ml-xl-5{margin-left:3rem!important}.ml-xl-auto{margin-left:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.5rem!important}.mr-xl-5{margin-right:3rem!important}.mr-xl-auto{margin-right:auto!important}.text-xl-right{text-align:right!important}.text-xl-left{text-align:left!important}.float-xl-right{float:right!important}.float-xl-left{float:left!important}}
.text-right{text-align:right!important}
.text-left{text-align:left!important}
.float-right{float:right!important}
.float-left{float:left!important}
.font-weight-light{font-weight:300!important}
.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-italic{font-style:italic!important}
.border-left{border-left:1px solid var(--k-border,#dee2e6)!important}
.border-right{border-right:1px solid var(--k-border,#dee2e6)!important}

/* Badges: BS5 har ingen badge-<farve>; farverne kommer fra theme.css-tokens. */
.badge-pill{border-radius:10rem}
.badge-primary{background-color:var(--k-primary,#0d6efd);color:#fff}
.badge-secondary{background-color:#6c757d;color:#fff}
.badge-success{background-color:var(--k-success,#198754);color:#fff}
.badge-danger{background-color:var(--k-danger,#dc3545);color:#fff}
.badge-warning{background-color:var(--k-warning,#ffc107);color:#1A1A1A}
.badge-info{background-color:var(--k-info,#0dcaf0);color:#1A1A1A}
.badge-light{background-color:#f8f9fa;color:#1A1A1A}
.badge-dark{background-color:#212529;color:#fff}

/* Formularer */
.form-group{margin-bottom:1rem}
.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
@media (min-width:576px){
  .form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}
  .form-inline .form-control,.form-inline .form-select{display:inline-block;width:auto;vertical-align:middle}
  .form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}
}
.input-group-append,.input-group-prepend{display:flex}
.input-group-append>.btn,.input-group-append>.input-group-text,
.input-group-prepend>.btn,.input-group-prepend>.input-group-text{position:relative;z-index:2}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}

/* Diverse */
.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:var(--k-card,#fff);border-radius:var(--k-radius,.3rem)}
@media (min-width:576px){.jumbotron{padding:4rem 2rem}}