:root {
    --babcock-indigo: #000053;
    --secondary-color: #d4e08e;
    --sc_tile_bg: #a0a0a0;
    --sc-tile-top: #f4f6f9;
    --sc-tile-bottom: #f4f6f9;
    --sc-tile-middle: #a6a6a6;
    --babcock-vibrant-yellow: #ffd000;
    --babcock-vibrant-blue: #1400DB;
    --babcock-vibrant-pink: #e71f868f;
    --babcock-aqua: #6CFFC6;
    --babcock-purple: #7E1EB4;
    --babcock-blue: #1400DB;
    --babcock-turquoise: #68F2FE;
    --babcock-tan: #F5F1E3;
}

.brand-text>img {
    width: 10rem;
}

.brand-link {
    font-size: 32px;
    font-family: 'Sora';
    font-weight: 500;
}

.brand-image {
    width: 32px;
    height: unset;
}

.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: 0.4rem;
    margin-right: .5rem;
    margin-top: 0;
    max-height: 41px;
    width: auto;
}

.card-body {
    background-color: var(--babcock-tan);
}

#dashboard_content {
    margin-top: 2em;
    background-image: url('/images/babcock/org sc.png'), url('/images/babcock/creating.png');
    background-position: calc(10%) top, calc(90%) 100px;
    background-repeat: no-repeat, no-repeat;
    height: 100vh;
}

.dashboardfull {
    background-color: var(--babcock-tan);
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: var(--babcock-indigo);
    color: #ffffff;
    border-bottom: 0;
}



@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/Inter/Inter_18pt-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Inter/Inter_18pt-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/Inter/Inter_18pt-Regular.ttf') format('truetype');

}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/Inter/Inter_18pt-Regular.ttf') format('truetype');

}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/Sora/Sora-SemiBold.ttf') format('truetype');

}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Sora/Sora-SemiBold.ttf') format('truetype');

}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/Sora/Sora-SemiBold.ttf') format('truetype');

}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/Sora/Sora-SemiBold.ttf') format('truetype');

}

span.ContextTitle {
    background-color: #6CFFC6;
}

.babcock-dashboard-tagline-container {
    display: flex;
    justify-content: center;
}

.contextPair {
    background-color: #e4e4e4ad;
    border-color: var(--babcock-indigo);
}

.contextPairArg {
    border-color: #f39c12;
    border-color: var(--babcock-indigo);
}

.badge-primary {
    background-color: #1400DB;
}

.babcock-dashboard-tagline {
    font-family: 'Sora';
    font-weight: 600;
    font-size: 2rem;
    border-style: solid;
    border-width: thick;
    border-radius: 0.2em;
    text-align: center;
    color: var(--babcock-indigo);
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    width: fit-content;
    padding: 2rem;
    line-height: 1em;
}

.nav-link {
    font-family: 'Sora';
    font-weight: 600;
}

.nav-sidebar .nav-header {
    font-family: 'Sora';
    font-weight: 600;

}

.table {
    background-color: var(--sc-tile-bottom);
}

.table-hover tbody tr:hover {
    background-color: var(--sc-tile-bottom);
}

.dashboard-box1 {
    background-color: var(--babcock-aqua) !important;
    color: #292929;
}

.dashboard-box2 {
    background-color: var(--babcock-purple) !important;
    color: #e1e1e1;
}

.dashboard-box2.small-box>.small-box-footer {
    color: #e1e1e1;
}

.dashboard-box3 {
    background-color: var(--babcock-indigo) !important;
    color: #e1e1e1;
}

.dashboard-box3.small-box>.small-box-footer {
    color: #e1e1e1;
}

.dashboard-box4 {
    background-color: var(--babcock-turquoise) !important;
    color: #292929;
}

span.brand-text {
    position: relative;
    top: -8px;
}

.VertAlignerTitleSC {
    background: var(--babcock-indigo) !important;
}

.VertAlignerIcons {
    background: var(--sc-tile-bottom) !important;
    color: #292929;
}

.vertAlignerIcons:last-child {
    border-bottom-right-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
}

.VertAlignerIconsAA {
    background: var(--sc-tile-bottom);
    color: #292929;
    border-bottom-right-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
}

.VertAlignerIconsEA {
    background: var(--sc-tile-bottom);
    color: #292929;
}

li.nav-item.has-treeview.menu-open {
    background-color: #e0852b72;
}

.childSubClaimBox {
    background-color: var(--sc-tile-middle) !important;
}

.connectItem,
.assFrameConnectItem,
.registerConnectItem,
.scl2ConnectItem,
.documentConnectItem,
.kbiConnectItem {
    background-color: var(--babcock-turquoise) !important;
}

.childSubClaimBox {
    border-style: solid;
    border-color: var(--sc-tile-middle);
}

span.brand-text {
    margin-left: 0.2em;
}

img.brand-image.img-circle.elevation-3 {
    margin-left: 0.2em;
}

.containerFlexSCitem {
    height: auto;
    /* Ensure no fixed height is set */
    max-height: none;
    /* Ensure no max-height is set */
    align-self: stretch;
    display: flex;

    /* Explicitly ensure stretching */
    /* If the child <a> tag is causing issues, you might need: */
    /* display: flex; */
    /* flex-direction: column; */
}

.containerFlexSCitem>a {
    /* Ensure the child <a> can take up available height */
    height: 100%;
    /* Ensure no fixed height or max-height is overriding the 100% */
    height: 100%;
    /* Reiterate to be sure */
    max-height: none;
    min-height: auto;
}

#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    flex-grow: 0;
    flex-shrink: 0;
    visibility: unset !important;
}

.elevation-3 {
    box-shadow: none !important;
}

.site-logo a {
    font-family: 'Michroma';
}

.VertAligner {
    font-family: 'Sora';
    font-weight: 600;
    border-width: 0.2em;
    border-color: #9a9c9c;
    border-style: solid;
    border-radius: 0.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sora';
    font-weight: 600;
}

.RowL1 {
    background: var(--babcock-indigo) !important;
    font-family: 'Sora';
    font-weight: 600;
}

.RowL2 {
    background: var(--babcock-indigo) !important;
    font-family: 'Sora';
    font-weight: 600;
}

.RowL3 {
    background: var(--sc_tile_bg) !important;
    font-family: 'Sora';
    font-weight: 600;
}

body {
    font-family: 'Inter';
    font-weight: 300;
    color: var(--babcock-indigo);
}

.card-title {
    font-weight: 600;
}

.iconDivEA {
    border-color: var(--babcock-indigo);
}

.iconDivAA {
    border-color: var(--babcock-indigo);
}

.iconDivEAVert {
    border-color: var(--babcock-indigo);
}

.iconDivAAVert {
    border-color: var(--babcock-indigo);
}


.VertAligner {
    font-family: 'Sora';
    font-weight: 600;
    border-width: 0.2em;
    border-color: #9a9c9c;
    border-style: solid;
    border-radius: 0.5em;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.VertAlignerTitle {
    background: var(--sc-tile-middle) !important;
}

.VertAlignerCode {
    background: var(--sc-tile-top) !important;
}

.rowFlexLayoutSC div.VertAlignerCode {
    background: var(--babcock-indigo) !important;
}

.VertAligner {
    min-height: 230px;
}


.VertAlignerIconsSC {
    background: var(--babcock-indigo) !important;
}

.timeline>div>.fa.commentItemIcon {
    background-color: var(--babcock-indigo);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #b9b9b985;
    color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: var(--babcock-aqua);
    color: var(--babcock-indigo);
}

li.nav-item.has-treeview.menu-open {
    background-color: #70707089;
}

.text-yellow {
    color: #6CFFC6 !important;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #c2c7d0;
}

body>div.wrapper>div.content-wrapper>div.content-header>div>div>div:nth-child(1)>h1 {
    color: #6c757d;
}

aside.main-sidebar {
    background-color: var(--babcock-indigo);
}

/* SIDEBAR (MENU) END */

#template>.TLC {
    background-color: var(--babcock-indigo);
}

.resp-count.badge.badge-info.pull-right>a {
    color: var(--babcock-indigo);
}

.errorPageBackround {
    background-color: var(--babcock-indigo);
}

.login-page {
    background-color: var(--babcock-indigo);
}

.overlay {
    background-color: var(--babcock-indigo)aa;
}