body {
    background-color: black;
    font-family: "Open Sans", verdana, arial, sans-serif;
}

input {
    background-color: black;
    border: 2px solid #606060 !important;
    border-radius: 4px;
    color: #c6c6c6;
    font-family: "Open Sans", verdana, arial, sans-serif;
    font-size: 14px;
    padding: 4px;
    text-align: left;
}

label {
    color: #c6c6c6;
    margin-left: 10px;
    margin-right: 10px;
}

#indicator-container,
#symbol-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

#symbol-input {
    max-width: 100px;
}

.js-plotly-plot .plotly .cursor-crosshair {
    cursor: pointer !important;
}

.Select-control {
    background-color: black !important;
    border: 2px solid #606060 !important;
    color: #c6c6c6 !important;
    font-family: "Open Sans", verdana, arial, sans-serif !important;
    font-size: 14px !important;
    height: auto !important;
    padding: 4px !important;
    width: 200px !important;
}

.Select-control, .Select-input > input {
    cursor: pointer !important;
}

.Select-input {
    height: auto !important;
}

.Select-menu-outer {
    background-color: black !important;
    border: 2px solid #606060 !important;
    color: #c6c6c6 !important;
}

.Select-option {
    background-color: black !important;
    color: #c6c6c6 !important;
}

.Select-value-label {
    color: #c6c6c6 !important;
}

.Select-arrow {
    border-color: #606060 transparent transparent !important;
}

.Select--single > .Select-control .Select-value {
    bottom: auto !important;
    line-height: normal !important;
    top: auto !important;
}

.VirtualizedSelectFocusedOption {
    background-color: #606060 !important;
    color: #c6c6c6 !important;
}