.row-flex2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.spectrum-menu {
    position: absolute;
    background-color: #ffffff;
    /*border: 2px solid #404040;*/
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    width: 400px !important;
    height: 372px;
    top: 30px;
    right: 30px;
    display: block;
    z-index: 9999;
    /* shadow */
    -webkit-box-shadow: 6px 6px 25px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 25px -5px rgba(0,0,0,0.75);
    /*box-shadow: 6px 6px 25px -5px rgba(0,0,0,0.75);*/
}

.column-flex33 {
    flex: 33.33%;
}

.input-width {
    width: 80px;
}

.close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    text-align: right;
    cursor: pointer;
}

.chart-svg {
    height: 380px;
    width: 440px;
    padding-top: 20px;
    padding-left: 30px;
}

.double-chart-svg-spectrum {
    height: 380px;
    width: 440px;
    padding-top: 20px;
}


.double-chart-svg {
    height: 380px;
    width: 440px;
    padding-top: 20px;
    padding-left: 15px;
}

.orange-input:focus {
    border: 1px solid #23a7de !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-info {
    background-color: white;
    border-color: #23a7de;
}

    .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info:focus {
        background-color: #23a7de;
        border-color: #23a7de;
    }

.btn-update-wrapper {
    text-align: center;
    margin-top: 10px;
}

.btn-update {
    width: 50%;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: gray;
    background-color: white;
}