:root {
    /* #1696db; */
    --sidebar-background-h: 201;
    --sidebar-background-s: 81%;
    --sidebar-background-l: 47%;

    /* #1696db; */
    --app-theme-color-h: 201;
    --app-theme-color-s: 81%;
    --app-theme-color-l: 47%;

    /* #0D5FB6; */
    --app-title-color-h: 211;
    --app-title-color-s: 87%;
    --app-title-color-l: 38%;


    /* #e9f5f8; */
    --app-stage-color-h: 192;
    --app-stage-color-s: 52%;
    --app-stage-color-l: 94%;

    /* #e9f5f8; */

    --app-simulation-title-color-h: 192;
    --app-simulation-title-color-s: 52%;
    --app-simulation-title-color-l: 94%;


    --stage-number-background: #e9f5f8; 
    --simulation-title-color-two: #0D5FB6; 
    --next-section-background: #1696db; 
    --input-box-background: #e9f5f8; 
    --important-note-tr-background: #E7DFC6; 
    --important-note-background: #E7DFC6; 
    --two-deep-a-background: #1696db; 
    --sidebar-a-background: #0271ad; 
    --sidebar-a-hover-color: #1696db; 
    --sidebar-header-background: #0271ad; 
    --sidebar-color: #fff; 
    --btn-primary-background-color: #1696db;
    --btn-primary-background-color-hover: #0D5FB6; 
    --btn-success-background-color: #1696db;
    --btn-success-background-color-hover: #0D5FB6; 
    --btn-dark-background-color: #1696db;
    --btn-dark-background-color-hover: #0D5FB6; 

}

:root {
    --base-stage-number-background: #e9f5f8; 
    --base-simulation-title-color-two: #0D5FB6; 
}

.currency::after {
    content: " BTP";
}

#sidebar ul.components {
    padding: 0.2rem 0;
    border-bottom: 1px solid #1696db;
}

.text {
background: #ffffff;
margin-top: 0px;
padding-right: 11em;
min-height: 100vh;
}

@media (max-width: 1440px) {
    .text {
        padding-right: 15%;
    }
}