.elementor-40216 .elementor-element.elementor-element-6b060de{--display:flex;--position:fixed;--min-height:1000px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:120px;}body:not(.rtl) .elementor-40216 .elementor-element.elementor-element-6b060de{left:120px;}body.rtl .elementor-40216 .elementor-element.elementor-element-6b060de{right:120px;}.elementor-40216 .elementor-element.elementor-element-8d6afad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-40216 .elementor-element.elementor-element-8d6afad:not(.elementor-motion-effects-element-type-background), .elementor-40216 .elementor-element.elementor-element-8d6afad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}.elementor-40216 .elementor-element.elementor-element-8d6afad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40216 .elementor-element.elementor-element-2a91930{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-40216 .elementor-element.elementor-element-2a91930 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-40216 .dialog-widget-content{background-color:var( --e-global-color-4dfc063 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-40216 .dialog-message{height:auto;}#elementor-popup-modal-40216{justify-content:center;align-items:center;}#elementor-popup-modal-40216 .dialog-close-button{display:flex;font-size:0px;}@media(max-width:1920px){#elementor-popup-modal-40216 .dialog-close-button{font-size:0px;}}@media(min-width:768px){.elementor-40216 .elementor-element.elementor-element-6b060de{--width:100%;}.elementor-40216 .elementor-element.elementor-element-8d6afad{--width:75%;}}@media(min-width:2400px){.elementor-40216 .elementor-element.elementor-element-8d6afad{--width:2253.22px;}#elementor-popup-modal-40216 .dialog-message{width:100vw;}#elementor-popup-modal-40216{justify-content:flex-start;align-items:flex-start;}#elementor-popup-modal-40216 .dialog-close-button{font-size:0px;}#elementor-popup-modal-40216 .dialog-widget-content{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2a91930 *//* =========================================================
GLOBAL
========================================================= */

.dashboard{
    width:100%;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{
    margin-bottom:20px;
}

.topnav .active{
    font-size:24px;
    font-weight:700;
    color:#08C792;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{
    margin-bottom:20px;
}

.filterbar input{
    width:100%;
    padding:12px 16px;
    border:1px solid #dbe1ea;
    border-radius:12px;
    font-size:14px;
    background:#ffffff;
    transition:all .18s ease;
}

.filterbar input:focus{
    outline:none;
    border-color:#08C792;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.10);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(170px,1fr));

    gap:14px;

    margin-bottom:24px;
}

.filter-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.filter-group label{
    font-size:12px;
    font-weight:600;
    color:#08C792;
}

.filter-group select,
.filter-group input{

    width:100%;

    padding:10px 12px;

    border:1px solid #dbe1ea;

    border-radius:10px;

    font-size:14px;

    background:#ffffff;

    transition:all .18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#08C792;

    box-shadow:
    0 0 0 3px rgba(8,199,146,0.10);
}

.range{
    display:flex;
    gap:8px;
}

/* =========================================================
LIVE STATS
========================================================= */

.live-stats{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:14px;

    margin-bottom:24px;
}

/* CARD */

.live-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px;

    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);

    transition:all .18s ease;
}

.live-card:hover{

    transform:translateY(-1px);

    box-shadow:
    0 4px 14px rgba(15,23,42,0.05);
}

/* LABEL */

.live-label{

    font-size:11px;

    font-weight:600;

    color:#6b7280;

    margin-bottom:10px;

    text-transform:uppercase;

    letter-spacing:.4px;
}

/* VALUE */

.live-value{

    font-size:34px;

    font-weight:700;

    line-height:1;

    color:#08C792;
}

/* =========================================================
TABLE
========================================================= */

.table-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:18px;

    overflow-x:auto;

    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

table.dataTable{

    width:100% !important;

    border-collapse:collapse !important;
}

/* HEADER */

table.dataTable thead th{

    background:#f8fafc;

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    color:#6b7280;

    letter-spacing:.4px;

    padding:14px 10px;

    border-bottom:1px solid #edf1f5;
}

/* BODY */

table.dataTable tbody td{

    padding:12px 10px;

    border-bottom:1px solid #f1f5f9;

    font-size:13px;
     font-weight:400;

    color:#111827;
}

/* ROW HOVER */

table.dataTable tbody tr{

    transition:background .18s ease;
}

table.dataTable tbody tr:hover{

    background:
    rgba(8,199,146,0.6) !important;
}

table.dataTable tbody tr:hover td{

    color:#111827 !important;
}

/* =========================================================
PAGINATION MODERN SMALL UI
========================================================= */

.dataTables_wrapper .dataTables_paginate{

    padding:14px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:6px !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:28px !important;

    height:28px !important;

    padding:0 10px !important;

    border:none !important;

    border-radius:8px !important;

    background:#f3f6f9 !important;

    color:#6b7280 !important;

    font-size:12px !important;

    font-weight:600 !important;

    line-height:28px !important;

    transition:all .18s ease !important;

    margin:0 !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#e8edf2 !important;

    color:#111827 !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#08C792 !important;

    color:#ffffff !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.45 !important;

    cursor:default !important;
}

/* FOCUS */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .filterbar-advanced{
        grid-template-columns:1fr;
    }

    .live-stats{
        grid-template-columns:1fr;
    }

    .live-value{
        font-size:28px;
    }

    table.dataTable thead th{
        font-size:10px;
    }

    table.dataTable tbody td{
        font-size:12px;
    }

}/* =========================================================
FLAG ICON KLEINER
========================================================= */

.flag-column{

    width:8px !important;

    min-width:28px !important;

    text-align:center !important;
}

/* FLAGGE */

.flag-icon{

    width:20px;

    height:20px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;

    box-shadow:
    0 0 0 1px rgba(0,0,0,0.04);
}/* End custom CSS */