.linedatatable {
    text-decoration: none;
    font-size: 13px;
}

.slidecontainer {
    width: 100%;

}

.slider-warning {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: rgb(240, 172, 2);
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider-warning:hover {
    opacity: 1;
}

.slider-warning::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(240, 172, 2);
    cursor: pointer;
}

.slider-warning::-webkit-slider-thumb:hover {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(240, 172, 2);
    border: 2px solid rgb(255, 219, 135);
    cursor: pointer;
}

.slider-warning::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgb(240, 172, 2);
    cursor: pointer;
}

.slider-green {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: green;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider-green:hover {
    opacity: 1;
}

.slider-green::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: green;
    cursor: pointer;
}

.slider-green::-webkit-slider-thumb:hover {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid rgb(226, 255, 226);
    background: green;
    cursor: pointer;
}

.slider-green::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: green;
    cursor: pointer;
}

.slider-blue {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: rgb(21, 121, 215);
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider-blue:hover {
    opacity: 1;
}

.slider-blue::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(21, 121, 215);
    cursor: pointer;
}

.slider-blue::-webkit-slider-thumb:hover {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(21, 121, 215);
    border: 2px solid rgb(200, 228, 255);
    cursor: pointer;
}

.slider-blue::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgb(21, 121, 215);
    cursor: pointer;
}

.slider-purple {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #3430FF;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider-purple:hover {
    opacity: 1;
}

.slider-purple::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #3430FF;
    cursor: pointer;
}

.slider-purple::-webkit-slider-thumb:hover {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #3430FF;
    border: 2px solid #c8c7ff;
    cursor: pointer;
}


.slider-purple::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #3430FF;
    cursor: pointer;
}


.examplebox-warning {
    border: none;
    border-radius: 60%;
    height: 8px;
    background-color: rgb(240, 172, 2);
}

.examplebox-warning:hover {
    border: 2px solid rgb(254, 237, 197);
    border-radius: 100%;
    height: 15px;
    background-color: rgb(240, 172, 2);
}

.examplebox-blue {
    border: none;
    border-radius: 60%;
    height: 8px;
    background-color: rgb(21, 121, 215);
}

.examplebox-blue:hover {
    border-radius: 100%;
    height: 15px;
    border: 2px solid rgb(200, 228, 255);
    background-color: rgb(21, 121, 215);
}

.examplebox-green {
    border: none;
    border-radius: 100%;
    height: 8px;
    background-color: green;
}

.examplebox-green:hover {
    border: 2px solid rgb(226, 255, 226);
    border-radius: 100%;
    height: 15px;
    background-color: green;
}

.examplebox-purple {
    border: none;
    border-radius: 100%;
    height: 8px;
    background-color: #3430FF;
}

.examplebox-purple:hover {
    border: 2px solid #c8c7ff;
    border-radius: 100%;
    height: 15px;
    background-color: #3430FF;
}

.examplebox-red {
    border: none;
    border-radius: 100%;
    height: 8px;
    background-color: #EF0101;
}

.examplebox-red:hover {
    border: 2px solid rgb(248, 195, 195);
    border-radius: 100%;
    height: 15px;
    background-color: #EF0101;
}

.usd-border {
    border: black solid thin;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}

#performancechart {
    font-size: 12px;
}

#performancechart:hover {
    font-size: 12px;
    color: rgb(9, 51, 76);
    font-weight: 600;
    border-bottom: #3db9f7 solid 3px;
    background-color: rgb(224, 245, 255);
}

.images_performance_PL {
    width: 18px;
}

.images_Dark_FinanicalPlanning {
    width: 40px;
}

.chart_select1 {
    margin-left: -50px;
}

.BTH_1 {
    margin-left: -70px;
}

.None_2 {
    margin-left: -80px;
}

.F_Y {
    font-size: 12px;
    padding-top: 5px;
    margin-left: 190px;
}

.Variable_Ex {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.8px;
    padding-top: 3px;

}