body {
    padding-top: 60px;
    padding-bottom: 20px;
}

    body.anonymous {
        padding-top: 0;
    }


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content:not(.container-fluid) {
    padding-left: 15px;
    padding-right: 15px;
}

input, select {
    margin-bottom: 0.5em;
}

    /* Set widths on the form inputs since otherwise they're 100% wide */
    input.smw,
    select.smw,
    textarea.smw {
        max-width: 280px;
    }

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none
    }
}
#imagePreview {
    width: 100%;
}

.applogo {
    width: auto;
    height: 2em;
    margin: 0;
}

.navbar-header > .applogo {
    height: 4em;
}

.applogo-mini .applogo, .applogo-mini {
    width: auto;
    height: 1.5em;
    margin: 10px 0 5px 0;
}

.navbar-brand > a > .applogo {
    margin: 0;
}

#breadcrumbs {
    width: 100%;
    background: #FFF;
    top: 50px;
    padding-top: 0em;
    padding-bottom: 0.5em;
    /*margin-bottom: -0.5em;*/
    position: sticky;
    position: -webkit-sticky;
    /*z-index: 1000;*/
}

    #breadcrumbs ol.breadcrumb {
        margin-bottom: 0px;
    }

#RenderedBody {
    padding-top: 0;
}

#RegistrationList {
    background: #FFF;
}

#RegistrationList table tbody tr:nth-child(2n), #RegistrationList .alternate-row-color > :nth-child(4n+1), #RegistrationList .alternate-row-color > :nth-child(4n+2) {
    background: #EEE;
}

.reg-entry {
    padding: .25em .5em 0;
}

.reg-entry-note {
    padding: 0 .5em 1em;
}

button.navbar-toggle {
    margin-top: 0px;
    margin-bottom: -3px;
    padding-bottom: 0px;
    font-size: 28px;
    padding-top: 4.6px;
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-size: 1.4em;
}

.navbar-toggler {
    margin-top: 10px;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1000;
}

a.sortable {
    color: #337ab7;
    text-decoration: none;
}

a.hover {
    text-decoration: underline;
}

/* Bootstrap 5 SignIn Example CSS */
.form-signin .applogo,
.passwordReset .applogo,
.form-registerApp .applogo {
    height: 4em;
}

.authenticated .form-signin .applogo,
.authenticated .passwordReset .applogo,
.authenticated .form-registerApp .applogo {
    display: none;
}

.form-signin, .passwordReset {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-floating:focus-within,
.form-registerApp .form-floating:focus-within {
    z-index: 2;
}

/* End Bootstrap 5 SignIn Example CSS */

.form-registerApp {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: auto;
}

/*Form grouping vertical*/
.fgt {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.fgm {
    margin-bottom: -1px;
    border-radius: 0;
}

.fgb {
    margin-bottom: 1em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*End Form grouping vertical*/
div[data-bs-toggle]{
    padding: 0;
}
.table-sticky thead {
    background: #fff;
    position: sticky;
    top: 0px;
    z-index: 990;
}

.table-sticky.table > :not(caption) > * > * {
    border-bottom-width: 0px;
}
.scroll-overflow {
    max-height: calc(100vh - 152px);
    overflow-x: scroll;
}
table.table-sticky thead, 
table.table-sticky tbody{
}
.btn-i
.btn-icon {
    padding: 6px 4px 4px;
    width: 2em;
}
.reg-entry .row .btn-icon {
    margin: 2px;
}
dl {
    width: 100%;
    overflow: hidden;
    /*background: #ff0;*/
    padding: 0;
    margin: 0
}

dt {
    float: left;
    width: 30%; /* adjust the width; make sure the total of both is 100% */
    /*background: #cc0;*/
    padding: 0;
    margin: 0
}

dd {
    float: left;
    width: 70%; /* adjust the width; make sure the total of both is 100% */
    /*background: #dd0;*/
    padding: 0;
    margin: 0
}

.accordion-button.aat {
    background-color: #BDD5FA;
    color: black;
}
button.accordion-button.aat span.aatid {
    display: none;
    padding-left: 4em;
    float: right;
}
button.accordion-button.aat:hover span.aatid {
    display: inline;
}
.token span.tokenUnmasked {
    display: none;
}
.token:hover span.tokenUnmasked {
    display: inline;
}
.token:hover span.tokenMasked {
    display: none;
}
.accordion-button.app {
    background-color: #F7D2B8;
    color: black;
}
.btn.tenant {
    background-color: #1E3D69;
    color: white;
}
.vblue {
    background-color: #1E3D69;
}
.vlightblue {
    background-color: #7A9ED4;
}
.vorange {
    background-color: #f47216;
}

.vlightorange {
    background-color: #F7AA74;
}