.flex-container {
    display: flex;
    height: 90vh;
    width: 95vw;
    gap: 10px;
    padding: 20px;
    align-items: stretch;
}

.control-bar {
    width: 30vw;
}

.control-bar .Select-control {
    background-color: rgb(25, 25, 25) !important;
    color: white;
    border-radius: 5px !important;
  }

.control-bar .Select-menu-outer {
    background-color: rgb(25, 25, 25);
    color: white;
}

.control-bar .Select-value-label {
    color: white !important;
}

.control-bar .control-bar--file-upload {
    height: 60px !important;
    border-width: 1px !important;
    border-style: dashed !important;
    border-radius: 25px !important;
    text-align: center !important;
    line-height: 60px !important;
    margin-top: 10px !important;
}

.control-bar .options {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
    margin-top: 25px !important;
    border-radius: 25px !important;
    padding: 20px !important;
    background-color: rgb(56, 56, 56);
}

.control-bar .options #options--raman-pl-selector #raman-selection {
    display: flex !important;
    column-gap: 15px !important;
    accent-color: DarkSlateBlue;
}

.control-bar .options #options--peak-finding-threshold {
    display: flex;
    gap: 6px !important;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
}

.control-bar .options #options--peak-finding-threshold #peak-threshold-num {
    width: 12%;
}

.control-bar .options #options--peak-finding-threshold #peak-threshold-slider {
    flex-grow: 1;
    padding-top: 0.25dvmax !important;
    padding-bottom: 0.25dvmin !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.details {
    background-color: rgb(25, 25, 25) !important;
}

.tab {
    display: flex !important;
    background-color: rgb(25, 25, 25) !important;
    align-items: center !important;
    padding: 5px !important;
    justify-content: center !important;
    color: white !important;
    border: 1px solid #ccc !important;
    overflow: hidden !important;
}

.tab--selected {
    background-color: DarkSlateBlue !important;
    border-bottom: 1px solid #ccc !important;
}

.metadata tr > * {
    background-color: rgb(25, 25, 25);
}

#peak-threshold-slider .rc-slider-track {
    background-color: DarkSlateBlue !important;
}

#peak-threshold-slider .rc-slider .rc-slider-rail {
    background-color: White !important;
}

#peak-threshold-slider .rc-slider-step .rc-slider-dot {
    background-color: DarkSlateBlue !important;
    border-color: White !important;
}

#peak-threshold-slider .rc-slider .rc-slider-handle {
    border-color: DarkSlateBlue !important;
}

.graph {
    flex-grow: 1;
}