body {
    margin: 0px;
    padding: 0px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 100%;
}

    input:focus, select.form-select:focus, textarea.form-control:focus, input.form-control:focus {
        outline: none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

ul {
    list-style-type: none;
}

hr {
    margin: 2rem 0;
}

.reset {
    all: revert;
}

.form-fieldset {
    border: 1px solid #ced4da;
}

.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


footer p {
    font-family: 'Inter', sans-serif;
    color: #595959;
}

.bd-navbar {
    background-color: #004db8;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}

    .bd-navbar:after {
        display: block !important;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 10%;
        height: 100%;
        background-color: #ed0038;
        z-index: -1;
    }

.nav-logo {
    margin: 0 auto;
    display: inline-block;
}

.company-logo {
    width: 48px;
}

.bd-sidebar {
    grid-area: sidebar;
}

    .bd-sidebar .offcanvas-body {
        margin-top: 24px;
    }

.bd-main {
    grid-area: main;
    margin-top: 24px;
}

.bd-layout {
    display: block;
}

.bd-gutter {
    --bs-gutter-x: 3rem;
}

.bd-links-link {
    padding: 0.1875rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 1rem;
    color: rgba(0,0,0,0.65);
    text-decoration: none;
}

    .bd-links-link:hover, .bd-links-link:focus, .bd-links-link.active {
        color: rgba(0,0,0,0.85);
        background-color: rgba(112, 44, 249, 0.1);
    }

.bisvg {
    width: 1em;
    height: 1em;
    fill: currentcolor;
}

.user-profile-picture {
    width: 35px;
    height: 35px;
    margin-left: 12px;
    color: var(--bs-white);
}

    .user-profile-picture:hover {
        height: 35px;
        width: 35px;
        background-color: #D1D1D1;
        border-radius: 50%;
        display: inline-block;
    }

.small {
    font-size: small;
}

.x-small {
    font-size: x-small;
}

@media (min-width: 992px) {
    .bd-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: 0.25rem;
        margin-left: -0.25rem;
        overflow-y: auto;
    }

    .nav-logo {
        margin-left: 12px;
        height: 47px;
        display: inline-block;
    }

    .company-logo {
        width: 96px;
    }

    .bd-layout {
        display: grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 5fr;
        gap: 1.5rem;
    }
}

.dbp-logos-design {
    height: 24px; 
    width: auto; 
    max-width: 100%; 
}

@media (max-width: 576px) {
    .dbp-logos-design {
        height: 24px;
    }

    .d-flex.flex-column span {
        font-size: 9px; 
    }
}

.MinHeight {
    min-height: 100vh;
}

.Forgotlink {
    text-decoration: none;
    color: #004DB8;
}

.BG004DB8BorderNone {
    border: none;
    background-color: #004DB8;
}

.Color004DB8 {
    color: #004DB8;
}

.Color004DB8TdNone {
    text-decoration: none;
    color: #004DB8;
}

.Color004DB8FontSize {
    font-size: 2.5rem;
    color: #004DB8;
}

.FontSize13 {
    font-size: 13px;
}

.MaxHeightFlowY {
    max-height: 500px;
    overflow-y: auto;
}

.Height40 {
    height: 40px;
}

.CookieBannerBottom {
    border: none;
    border-radius: 0;
    background-color: #EEEEEE;
    overflow: inherit;
    display: none;
}

.TDNoneColor55585B {
    text-decoration: none;
    color: #55585B;
}

.OverflowInherit {
    overflow: inherit;
}

.ModalLogin {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.DBPImage {
    display: block;
    margin: 0 auto;
}

.MinWidth10 {
    min-width: 10%;
}

.ColorGray {
    color: var(--bs-gray);
}

.Font125Rem {
    font-size: 1.25rem;
}

.ZIndex {
    z-index: 11
}

.ColorRedFontSize {
    font-size: 2.5rem;
    color: red;
}

.Font20 {
    font-size: 20px;
}

.Font14Left4 {
    font-size: 14px;
    margin-left: 4px;
}

.Font13 {
    font-size: 13px;
}

.Width30Percent {
    width: 30%;
}

.DisplayNone {
    display: none;
}

.Width3Height3 {
    width: 3rem;
    height: 3rem;
}

.Font11 {
    font-size: 11px;
}

.CursorPointer {
    font-size: 18px;
    cursor: pointer;
}

.Font14Ml4 {
    font-size: 14px;
    margin-left: 4px;
}

.Width30Percent {
    width: 30%;
}

.Color004DB8WH48 {
    color: #004DB8;
    font-size: 48px;
    width: 48px;
    height: 48px;
}

.Font18Pointer {
    font-size: 18px;
    cursor: pointer;
}

.Font11 {
    font-size: 11px;
}

.Font12 {
    font-size: 12px;
}

.ZIndex9999 {
    z-index: 9999;
}

.BorderNone {
    border: none;
}

/*.DisplayBlock {
    display: block;
}*/

.MaxWidth {
    max-width: 55px;
}

.MaxWidthAuto {
    max-width: auto;
}

/* Specific logo sizing */
.logo-pdic {
    height: 28px;
}

.logo-bn {
    height: 16px;
}

/* Version label styling */
.app-version {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding-right: 15px;
    font-size: 14px;
    color: #6c757d; /* Bootstrap muted color */
}

#qrCodeImage {
    max-width: 35%;
}

.helpNavBar {
    background-color: #004DB8;
}

.helpImage {
    display: block;
    margin: 0 auto;
}

.toggle-balance {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}