.elementor-75 .elementor-element.elementor-element-e7691b5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4b1a901 *//* CSS For all QMods */
.qtool .qmod-heading.qmod-hbg {
    background-color: #e0e0e0;
    color: #333;
}

.qtool .qmod-btn {
    background: #333;
    color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.55);
    border: none;
    position: relative;
    z-index: 0;
}

.qtool .qmod-btn:hover {
    background-color: #4a4a4a;
    color: #fff;
}

.qtool .qmod-btn.qmod-btn-active{
    background-color: #93c848;
    color: #fff;
    font-weight: bold;
    z-index: 1;
}

/* CSS FOR Detailed Quote Tab Chart */
.qtool .qmod-detailedquote .qmod-heading.qmod-hbg, .qtool .qmod-head-left, .qtool .qmod-label, .qtool .qmod-data-point {
    font-family: "Signika",sans-serif;
}

.qtool .qmod-detailedquote .qmod-block-wrapper .pure-g .pure-u-1.pure-u-xl-1-2 {
    width: 100%;
}


/* CSS FOR Trades */

.qtool .qmod-ui-tool.qmod-trades .qmod-head-left, .qtool .qmod-heading.qmod-hbg, .qtool .qmod-label, .qtool .qmod-data-point {
    font-family: "Signika",sans-serif;
}

/* CSS For Interactive Charts */

.qtool .qmod-simplechart.qmod-ui-tool .qmod-head-left, .qtool .qmod-heading.qmod-hbg {
    font-family: "Signika",sans-serif;
}

.qtool .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend>li,
.qtool .qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend>li,
.qtool .qmod-simplechart.qmod-ui-tool .qmod-dropdown_toggle {
    background-color: #000;
    color: #ffffff;
}

.qtool .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend>li:hover,
.qtool .qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend>li:hover,
.qtool .qmod-simplechart.qmod-ui-tool .qmod-dropdown_toggle:hover {
    background-color: #575252;
    border-color: #575252;
    color: #ffffff;
}

.qtool .qmod-simplechart.qmod-ui-tool .qmod-active{
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9;
    color: #ffffff;
}

/* CSS for Market Rates, Summary and Movers */

.qtool .qmod-mrktsumy .qmod-mrktcharts,
.qtool .qmod-marketrates .qmod-mrktcharts,
.qtool .qmod-marketmovers {
    background-color: #ffffff;
}








#sideNav, body, .cont .qmod-smartlookup  {
    background: #333333;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.55);
}

#qmNavigation {
    width: 100%;
    margin: 20px 0;
    text-align: left;
}

.qmTab {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    min-width: 120px;
    cursor: pointer;
    background-color: #333333;
    margin: 1px;
    color: #ffffff;
}

.qmTab:hover {
    cursor: pointer;
    background-color: #4a4a4a !important;
}

.qmActiveTab {
    background-color: #93c848;
    font-weight: bold;
}

.ball-loader .ball-loader-ball {
    height: 10px;
    width: 10px;
    background: #89c13b;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}

.ball-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20%;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.ball-loader-ball.ball1 {
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.ball-loader-ball.ball2 {
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: .25s;
}

.ball-loader-ball.ball3 {
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: .5s;
}/* End custom CSS */