/* Theme Panel - ULTRA SIMPLE VERSION */

.theme-panel {
    position: fixed !important;
    z-index: 1035 !important;
    right: -238px !important;
    top: 250px !important;
    width: 238px !important;
    border-radius: .6rem 0 0 .6rem !important;
    transition: right .2s linear !important;
    background: #ffffff !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, .15) !important;
}

    .theme-panel.active {
        right: 0 !important;
    }

    .theme-panel .theme-collapse-btn {
        position: absolute !important;
        left: -40px !important;
        top: 50% !important;
        margin-top: -20px !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 1rem !important;
        color: #2d353c !important;
        background: #ffffff !important;
        text-align: center !important;
        border-radius: .6rem 0 0 .6rem !important;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15) !important;
    }

        .theme-panel .theme-collapse-btn:hover {
            background: #f8f9fa !important;
        }

    .theme-panel .theme-panel-content {
        padding: 10px !important;
    }

    .theme-panel .theme-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        list-style: none !important;
    }

        .theme-panel .theme-list .theme-list-item {
            flex: 0 0 32px !important;
        }

            .theme-panel .theme-list .theme-list-item > a {
                display: block !important;
                width: 32px !important;
                height: 32px !important;
                border-radius: .6rem !important;
                position: relative !important;
            }

            .theme-panel .theme-list .theme-list-item.active > a::before {
                content: "\f00c" !important;
                position: absolute !important;
                inset: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #fff !important;
                font-family: 'Font Awesome 6 Free' !important;
                font-weight: 900 !important;
            }

    .theme-panel hr {
        margin: 8px 0 !important;
    }

    .theme-panel .row {
        margin: 0 !important;
    }

    .theme-panel .control-label,
    .theme-panel .text-dark {
        color: #000 !important;
        font-size: 13px !important;
    }

    .theme-panel .small {
        font-size: 11px !important;
    }

.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

/* Fix DevExtreme chart overflow */
#gaugeMarketSentiment,
#sparkline,
#sparklinePromet,
#sparklineSP500,
#sparklineDAX,
#sparklineFTSE,
#sparklineUSDollar {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.chart-container {
    width: 100% !important;
    overflow: hidden !important;
    padding: 5px 0 !important;
    margin-bottom: 5px !important;
}

.dx-sparkline svg,
.dx-circular-gauge svg {
    max-width: 100% !important;
    max-height: 100% !important;
}

/* ============================================
   THEME COLORED TEXT
   ============================================ */

body.theme-red .theme-colored-text {
    color: #ff5b57 !important;
}

body.theme-pink .theme-colored-text {
    color: #fb5597 !important;
}

body.theme-orange .theme-colored-text {
    color: #f59c1a !important;
}

body.theme-yellow .theme-colored-text {
    color: #ffd900 !important;
}

body.theme-lime .theme-colored-text {
    color: #90ca4b !important;
}

body.theme-green .theme-colored-text {
    color: #32a932 !important;
}

body.theme-teal .theme-colored-text {
    color: #00acac !important;
}

body.theme-cyan .theme-colored-text {
    color: #49b6d6 !important;
}

body.theme-blue .theme-colored-text {
    color: #348fe2 !important;
}

body.theme-purple .theme-colored-text {
    color: #727cb6 !important;
}

body.theme-indigo .theme-colored-text {
    color: #8753de !important;
}

body.theme-gray-500 .theme-colored-text {
    color: #6c757d !important;
}

body:not([class*="theme-"]) .theme-colored-text {
    color: #00acac !important;
}

/* ============================================
   BREADCRUMBS I TOP BAR
   ============================================ */

.page-top-bar {
    background-color: #f8f9fa !important;
    padding: 1rem 0 !important;
    margin-bottom: 0.5rem !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.page-top-content {
    max-width: 100% !important;
    padding: 0 1rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.page-title {
    color: #2c3e50 !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important;
}

    .page-title span {
        font-size: 1rem !important;
        font-weight: 400 !important;
        margin-left: 0.5rem !important;
        color: #2c3e50 !important;
    }

.breadcrumb {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›" !important;
    color: #6c757d !important;
    padding: 0 0.5rem !important;
}

.breadcrumb-item a {
    color: #2c3e50 !important;
    text-decoration: none !important;
}

    .breadcrumb-item a:hover {
        color: #1CA8DD !important;
        text-decoration: underline !important;
    }

.breadcrumb-item.active {
    color: #2c3e50 !important;
}

/* ============================================
   SIDEBAR - TAMNO SIVA VERZIJA
   ============================================ */

.sidebar-wrapper {
    background-color: #2d353c !important;
    border-radius: 4px !important;
    padding: 20px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.sidebar-content {
    width: 100% !important;
}

.sidebar-title {
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 5px !important;
    font-size: 130% !important;
}

.sidebar-subtitle {
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 5px !important;
    margin-top: 8px !important;
    font-size: 14px !important;
}

.sidebar-wrapper hr {
    margin: 8px 0 !important;
    border-top: 1px solid #6c757d !important;
}

/* Accordion */
.accordion-item {
    border: 1px solid rgba(255,255,255,0.1) !important;
    margin-bottom: 8px !important;
    border-radius: 3px !important;
    background-color: rgba(255,255,255,0.05) !important;
}

.accordion-button {
    background-color: rgba(255,255,255,0.05) !important;
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    padding: 10px 15px !important;
    border: none !important;
}

    .accordion-button:not(.collapsed) {
        background-color: rgba(255,255,255,0.1) !important;
        box-shadow: none !important;
    }

    .accordion-button::after {
        filter: brightness(0) saturate(100%) invert(48%) sepia(6%) saturate(463%) hue-rotate(178deg) brightness(93%) contrast(87%) !important;
    }

    .accordion-button:focus {
        box-shadow: none !important;
        border-color: transparent !important;
    }

.accordion-body {
    padding: 10px 15px !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.8) !important;
}

/* SVI NASLOVI U THEME BOJI */
body.theme-red .news-title {
    color: #ff5b57 !important;
}

body.theme-pink .news-title {
    color: #fb5597 !important;
}

body.theme-orange .news-title {
    color: #f59c1a !important;
}

body.theme-yellow .news-title {
    color: #ffd900 !important;
}

body.theme-lime .news-title {
    color: #90ca4b !important;
}

body.theme-green .news-title {
    color: #32a932 !important;
}

body.theme-teal .news-title {
    color: #00acac !important;
}

body.theme-cyan .news-title {
    color: #49b6d6 !important;
}

body.theme-blue .news-title {
    color: #348fe2 !important;
}

body.theme-purple .news-title {
    color: #727cb6 !important;
}

body.theme-indigo .news-title {
    color: #8753de !important;
}

body.theme-gray-500 .news-title {
    color: #6c757d !important;
}

body:not([class*="theme-"]) .news-title {
    color: #00acac !important;
}

.news-date {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
}

.news-link {
    color: rgba(255,255,255,0.8) !important;
    text-decoration: none !important;
}

    .news-link:hover {
        color: #ffffff !important;
    }

/* ============================================
   SMANJENA MARGINA CONTENT
   ============================================ */

.content,
#content,
div.content,
div#content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}