* {
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight:  300;
}

h1, h3 {
    font-weight:  300 !important;
}

b {
    font-weight: 700;
}

/*.left_sidebar {
    background-color: rgba(0,0,0,.03);

}*/

/*.left_sidebar .row {
    background-color: white;
    border: 1px solid #007eff;
    border-radius: 4px;
    padding: 10px;
    margin: 10px;
}
*/
#collapse_button {
    position: relative;
    height: 0px;
    top:  1rem;
    z-index:  10;
}

.left_sidebar h3 {
    /*font-size: 1.6rem;*/
    font-weight:  400;
    /*color:  #bbb;*/
}


.left_sidebar h1 {
    font-weight: 100;
    margin-left: 1.8rem;
}
.left_sidebar h2 {
    font-weight: 700;
    color:  #343a40;
    margin-left: 1.8rem;
}

.card {
    border-radius: 0;
}
#view-options {
    padding: 0;
    border-top: 0;
    min-width: 550px;
}


.fa:before {
    font-size: 2rem;
    content: "\f106";
}
.fa {
    transition: 0.3s transform ease-in-out;
    transform: rotate(-90deg);
}
.collapsed .fa {
    transform: rotate(90deg);
}


.Select-value-disabled {
    background-color: #f8f9fa !important;
    border-color: #adb5bd !important;
    color: #adb5bd !important;
}

.Select-value-disabled > .Select-value-icon {
    border-right: 1px solid #adb5bd !important;
}

.Select-value-disabled > .Select-value-icon:hover {
    background-color: #adb5bd !important;
    color: #6c757d !important;
}

/*
https://dash-bootstrap-components.opensource.faculty.ai/docs/themes/

To start with, we recommend experimenting with some of the Bootswatch themes
available in the dash_bootstrap_components.themes module. The full list of
available themes is CERULEAN, COSMO, CYBORG, DARKLY, FLATLY, JOURNAL, LITERA,
LUMEN, LUX, MATERIA, MINTY, PULSE, SANDSTONE, SIMPLEX, SKETCHY, SLATE, SOLAR,
SPACELAB, SUPERHERO, UNITED, YETI.

https://www.bootstrapcdn.com/bootswatch/

*/



/* https://community.plotly.com/t/dash-bootstrap-components-dropdownmenu-value/22011/5
*/


.modal.custom .modal-dialog {
    width:20%;
    position:fixed;
    bottom:0;
    right:0;
    margin:0;
}