/* put your own styles to customize and override the theme */
.site-logo {
    font-size: 30px;
    color: #FFFFFF;
}

.btn-red {
    color: #363642;
    background-color: #ed043d;
    border-color: #ff6a00;
}

    .btn-red.focus, .btn-red:focus, .btn-red:hover {
        color: #363642;
        background-color: #ed043d;
        border-color: #ff6a00;
    }

a.formula-item {
    text-decoration: none;
    color: inherit;
}

a.formula-item:hover {
    color: inherit;
}

a.ep-item {
    text-decoration: none;
    color: inherit;
}

    a.ep-item:hover {
        color: inherit;
    }

.manual-amt {
    background-color: #FFA500 !important;
}

a.display-item {
    text-decoration: none;
    color: inherit;
}

    a.display-item:hover {
        text-decoration: none;
        color: inherit;
    }

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

.copied {
    width: 200px;
    background-color: #00FF00;
}

.copiedf {
    background-color: #ff6a00;
}

.toformula {
    text-align: center;
    font-style: italic;
    background-color: #0000FF;
    color: #FFFFFF;
    white-space: nowrap;
    width: 200px;
}

.todisplayonly {
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
    white-space: nowrap;
    width: 200px;
    /*font-weight:bold;*/
    text-decoration: none;
}

.toentrypoint {
    text-align: center;
    text-decoration: none;
    width: 200px;
    background-color: #FFFFFF;
}


.nodedeleted {
    text-align: center;
    text-decoration: none;
    width: 200px;
    background-color: #ADADAD;
    color: #ADADAD;
}

a.anodedeleted {
    text-decoration: none;
    color: inherit;
}

    a.anodedeleted:hover {
        color: inherit;
    }

.withgl {
    text-align: center;
    text-decoration: none;
    background-color: #00FF00;
    width: 200px;
}

.superscript {
    position: relative;
    top: -0.5em;
    font-size: 80%;
}

.errormessage {
    color: red;
}

/* Custom CSS for the layout */
.fixed-left-panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 450px; /* Adjust the width as needed */
    background-color: #FFFFFF;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.centered-content {
    text-align: center;
}

.scrollable-content {
    margin-left: 450px; /* Set margin to match the width of the left panel */
    padding: 15px;
    overflow-y: scroll; /* Enable vertical scrolling for content */
    height: 100vh; /* Set a max height for the content area */
    background-color: #346CB0;
    color: #FFFFFF;
}

.text-bold {
    font-weight:bold;
}

.child-menu {
    list-style: none;
}