@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


*,
html,
body {
    font-family: "Montserrat";
    background-color: "white";
}

#page-content {
    /* margin-left: 1%;
    margin-right: 1%; */
    font-family: sans-serif;
    overflow: hidden;
}

.Select-value-label {
    color: black !important;
}

/* dropdown menu options */
.VirtualizedSelectOption {
    color: black;
}


.Reg_Page {
    margin-left: 1%;
    margin-right: 1%;
}

#logo {
    margin-left: 2vh;
    height: 5vh;
}

#lang_menu {
    accent-color: grey;
}

.helpButton {
    margin: 2px;
    z-index: 1;
    position: relative;
}

.burden_figure {
    margin-top: 5vh;
    margin-bottom: 5vh;
}


.burden_table {
    width: 2vw;
}

#navbar {
    display: block;
}

#pages {
    float: right;
    padding-right: 0;
}

#navbar_buttons {
    display: block !important;
    float: right;
    margin-right: 1%;

}

#title {
    /* text-align: center; */
    width: 70%;
    padding-left: 21%;
}

#logo_container {
    min-width: 30%;
}

#customer_class_chart_holder,
#op_exp_chart_holder {
    width: 45%;
}

#bgvideo {
    /* position:absolute; */
    display: block;
    /*    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    max-width: 100%;
    /*	max-height:100%;*/
    overflow: hidden;
    z-index: -100;
}

.center-text {
    text-align: center;
    color: white;
    vertical-align: middle;
    /*	position: fixed;*/
    top: 40%;
    width: 100%;
    position: absolute;
    /*	height: 50%;*/
    /*	display:inline-block;*/

}

#down-arrow {
    /* display: inline-block; */
    font-size: 4vh;

}


.down_arrow {
    padding-top: 40vh;
    /* font-size:4vh; */

}

#training_video {
    display: block;
    height: 70vh;
    margin: auto;
}

.splash_page {
    margin-top: 30vh;

}

#garbage-output-0 {
    height: 5vh;
}

#navbar_menu {
    width: min-content;
}

#menu_drop {
    width: 13%;
    --bs-gutter-x: 0;
}

.navbar_container {
    --bs-gutter-x: 0;
}

/* #metric_selection{
    width:50%;
} */

.navbar-brand{
    color: #d9c126 !important;
    font-weight: bold;
    }