<style>

/* Hide Volume */
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-volume {
    display: none;
}

.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-last {
    font-size: 4em !important;
    font-weight: 500 !important;
    color: #fff !important;
    display: inline-block !important;
}

@media (max-width: 768px) {
    .qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-last {
        font-size: 3em !important;
        font-weight: 500 !important;
        color: #fff !important;
        display: inline-block !important;
    }

    .qtool[data-qmod-tool="miniquotes"] span.qmod-change-group.qmod-ch-down {
        font-size: 1em !important;
        padding-left: 10px;
        display: inline-block;
    }
}

/* show up/down arrow */
.qtool[data-qmod-tool="miniquotes"] .fa {
    display: inline-block;
    color: #fff !important;
}

.qtool[data-qmod-tool="miniquotes"] *:not(.fa) {
    /* this shows everything */
    display: inline-block;
    color: #fff;
}

.qtool[data-qmod-tool="miniquotes"] span.qmod-change-group.qmod-ch-down {
    font-size: 4em;
    padding-left: 10px;
    display: inline-block;
}

.qtool[data-qmod-tool="miniquotes"] span.qmod-change-group.qmod-ch-up {
    font-size: 4em;
    padding-left: 10px;
    display: inline-block;
}


/* display date time stamps */
.qtool[data-qmod-tool="miniquotes"] span.qmod-datetime-group {
    color: rgba(255, 255, 255, .5) !important;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}

.qtool[data-qmod-tool="miniquotes"] span.qmod-reload-group {
    display: inline-block;
    color: red;
}


/* default value at start of day */
.qtool[data-qmod-tool="miniquotes"] span.qmod-change-group {
    color: #fff !important;
}

/* hide mini symbols */
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-exshname,
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-symbol,
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-last-currency,
.qtool[data-qmod-tool="miniquotes"] span.qmod-element.qmod-currency {
    display: none;
}

.qtool[data-qmod-tool="miniquotes"] span.qmod-change-group.qmod-ch-up {
    display: inline-block !important;
    color: #fff !important;
}



/* Company Name */
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-longname {
    display: none;
}

/* Add Dollar sign to last price */
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-last::before {
    content: "Price: $";
}

/* Display symbol (aka shortname) */
.qtool[data-qmod-tool="miniquotes"] span.qmod-segment.qmod-shortname {
    display: none;
}

.qtool[data-qmod-tool="miniquotes"] *:not(.fa) {
    color: inherit;
}

</style>