/* html,body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.side-bar{
    width:50%;
    height: 100%;
    background-color: red;
    overflow-y: scroll;
} */
#chartdiv {
    width: 100%;
    height: 100%
}
#sidebar {
    /* width: 75%;
    height: 400px; */
    /* float: right; */
    color:white;
}
.scroll {
    /* max-height: 800px;
    overflow-y: auto; */
    color:white;
}

.modal-content{
    padding: 1rem;
}

#settings-bttn button{
    background-color: #CB2129;
    border-color: #CB2129;
}

#settings-bttn {
    width: 1em;
    height: 1em;
    z-index: 1;
    position: relative;
    color: #11245C;
    /* background: url("assets/settings-svgrepo-com.svg") center no-repeat; */
}

#settings-submit{
    text-align: center;
}


.button-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 2rem;
}

.button-group button {
    background-color:#11245C;
    /* Green */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    flex-grow: 1;
    flex: 1;
}