﻿/* --- Bootstrap 4 compatibility shim for Bootstrap 5 --- */

.table > :not(caption) > * > * {
    color: unset;
    background-color: transparent;
}

/* margin-right -> margin-end */
.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

/* margin-left -> margin-start */
.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

/* padding-right -> padding-end */
.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

/* padding-left -> padding-start */
.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

/* text alignment */
.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/* floats */
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
}

a {
    text-decoration: none;
}

#pnlBanner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}


#pnlBanner .header-left,
#pnlBanner .header-right {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#pnlBanner .header-left {
    display: flex;
    align-items: center;
}

#pnlBanner .header-right {
    margin-left: auto;
}

#pnlBanner .appname {
    white-space: nowrap;
}

#pnlBanner .logoimage,
#pnlBanner .appname {
    flex: 0 0 auto;
}
