.vertical-center {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: hsla(200, 10%, 50%,100);
    opacity: .25;
}

.text-center-vcenter {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#backdrop-spin {
    position: fixed;
    width: 100%;
    left: 0; right: 0; top: 0; bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    transition: opacity 200ms ease-in;
}

#loading-indicator{
    display: none;
    transition: opacity 200ms ease-in;
}
#loading-indicator.htmx-request {
    display:inline;
}

/* Stub BCO tenant styles for developer autocomplete */
.bco-bg-color {}
.bco-btn-primary {}
.bco-secondary {}
.bco-link {}
.bco-navbar-bg {}
.bco-primary.nav-link.active {}

.bco-btn-outline-primary {}

.loading-spinner-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: red;
}

.required:before {
    content:"*\00a0";
    color:red;
}

/*Overriding the max width of the Notyf alert pop up.*/
.notyf__toast {
    max-width: 50em !important;
}
.notyf__toast.notyf__ripple {
    height: 60em;
    width: 60em;
}