
        .dbtc-range-multiplier-button {
            background-color: #0e68a7;
            color: #fff;
            padding: 3px;
            border-radius: 3px;
            display: inline;
            font-weight: bold;
            font-size: 10px;
            position: relative;
            top: -3px;
        }

        .dbtc-symbol-title-section {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: baseline;
            justify-content: space-between;
            padding-left: 10px;
        }

        .dbtc-symbol-stockchart-container {
            display: block;
            min-width: 310px;
            width: 100%;
            min-width: 310px;
            height: 650px;
            border: none;
            margin: 0 0;
            padding: 0 0;
        }

        .dbtc-symbol-neutral-bar {
            border-left: 10px solid #000;
        }

        .dbtc-symbol-positive-bar {
            border-left: 10px solid #1ecd93;
        }

        .dbtc-symbol-negative-bar {
            border-left: 10px solid #ff433d;
        }

        .dbtc-symbol-coinname-small {
            font-size: 10px;
            text-transform: uppercase;
            padding-left: 3px;
        }

        .dbtc-symbol-ticker {
            font-size: 60px;
            font-weight: 800;
            line-height: 40px;
        }

        .dbtc-symbol-quote {
            font-size: 45px;
            font-weight: 800;
            padding-top: 2px;
            padding-left: 15px
        }

        @media screen and (min-width: 0px) and (max-width: 450px) {
            .dbtc-symbol-ticker {
                font-size: 40px;
            }

            .dbtc-symbol-quote {
                font-size: 35px;
            }

            .row-component-container {
                margin-bottom: 0px
            }

            .dbtc-symbol-databox {
                padding-top: 10px;
                padding-bottom: 0px;
            }
        }

        .dbtc-symbol-databoxes-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .dbtc-symbol-databoxes-container-footer {
            text-align: right;
            align-self: flex-end;
            flex-grow: 1;
            padding-right: 190px;
            padding-top: 20px
        }

        @media screen and (min-width: 0px) and (max-width: 1303px) {
            .dbtc-symbol-databoxes-container-footer {
                padding-right: 0;
            }
        }

        .dbtc-symbol-databoxes-container-footer date {
            color: #aaa;
        }

        .dbtc-symbol-databox {
            display: flex;
            flex-direction: column;
            padding-top: 20px;
            padding-bottom: 8px;
            padding-right: 10px;
            min-width: 250px;
        }

        .dbtc-symbol-databox-title {
            text-transform: uppercase;
            text-align: left;
            border-top: 1px dotted black;
            padding-top: 5px;
            overflow-wrap: unset;
            font-size: 12px;
            color: #767676;
        }

        .dbtc-title-databox-data {
            text-align: left;
            margin-top: 9px;
            padding-bottom: 9px;
            font-size: 14px;
            font-weight: bold;
        }

        .dbtc-symbol-stockchart-buttons-panel {
            display: none;
            margin-top: 20px;
            margin-right: 0px;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
        }

        @media screen and (max-width: 1139px) {
            .dbtc-symbol-stockchart-buttons-panel {
                flex-direction: column;
                flex-wrap: wrap;
                align-content: start;
            }
        }

        .dbtc-symbol-range-selection-button-container {
            padding-bottom: 20px;
        }

        .dbtc_indicator_button {
            margin-bottom: 3px;
        }

        .dbtc-loader {
            border: 16px solid #ccc; /* Light grey */
            border-top: 16px solid #000;
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: dbtc-spin-loader 2s linear infinite;
            margin: auto auto;
        }

        .dbtc-symbol-calculator-input {
            border: none;
            border-bottom: 1px #000 dotted;
            outline: none;
        }

        @keyframes dbtc-spin-loader {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        @media screen and (min-width: 0px) and (max-width: 700px) {
            .hide-on-mobile {
                display: none;
            }
        }