:root {
    --background-color: #eceff6;
    --menu-color: #82a1bd;
    /* Semleges */
    --text-color: #2d3436;
    --text-secondary: #636e72;
    /* Akcentus */
    --primary-color: #4a90e2; /* modern kék */
    --success-color: #00b894; /* friss zöld */
    --warning-color: #fdcb6e; /* meleg sárga */
    --warning-color-2: #ffe7bb; /* meleg sárga 2 */
    --danger-color: #ff7675; /* fiatalos piros */
    /* Extra */
    --highlight-color: #6c5ce7; /* divatos lila */


    --tablazat-row-color: #fff;
    --tablazat-row-alt-color: #f6f7fb;
    --tablazat-row-color-selected: #19875429;
    --tablazat-row-alt-color-selected: #19875438;
    --default-shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 4px 10px rgba(17, 24, 39, .05);
}


html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    background-color: var(--background-color) !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


body {
    margin-bottom: 60px;
    background-color: var(--background-color) !important;
}

/* NAVBAR */
nav.navbar
{
    background-color: var(--menu-color) !important;
}


.validation-summary-errors {
    color: red;
}

.tabulator-row.currentgroup{
    background-color: var(--warning-color) !important;
}

.panel-view {
    background-color: white;
    padding: 10px;
    margin: 10px 0 15px 0;
    box-shadow: var(--default-shadow);
}
    .panel-view .label {
        font-weight: bold !important;
        color: var(--text-secondary) !important;
    }
    .panel-view .data {
        color: var(--text-color) !important;
        text-decoration: none;
    }
    .panel-view .data a {
        text-decoration: none;
    }

.tabulator-cell.cellApprove {
    background-color: gray !important;
}



.tabulator .tabulator-tableholder .tabulator-table .tabulator-row {
    color: var(--text-color);
    background-color: var(--tablazat-row-color);
}


.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: var(--tablazat-row-alt-color);
}

.tabulator-selected {
    background-color: #4a90e29b !important;
}


.tabulator-cell.progressCell div:first-child {
    background-color: #ffe6e6;
}


.display-block h4 {
    margin: 5px 0 0 10px !important;
}

.display-block .editor {
    margin-bottom: 5px !important;
    width: 60px !important;
}

.float-right {
    float: right !important;
}

#collapseQR .col-md-6 {
    align-content:center;    
}

.pastSession {
    /*background-color: #e0e0e0; /* világosszürke háttér */
    color: #979797 !important; /* sötétszürke szöveg */
}

.tabulator-row.cancelledSession .tabulator-cell, span.cancelledSession {
    text-decoration: line-through !important;
    color: #ff6464;
}


#st-confirm-mat {
    width: 100% !important;
}


#items-container{
    /*
    background-color: aqua;
    */
}

#items-container .row {
    /*
    background-color: blue;
    */
}

    #items-container .row .col,
    #items-container .row .col-md-2,
    #items-container .row .col-md-4,
    #items-container .row .col-md-6
    {
        margin: 0 !important;
        padding: 0 !important;
    }

    #items-container .autoComplete_wrapper {
        width: 100% !important;
    }

    #items-container .form-control,
    #items-container .input-group-text {
        border-radius: 0 !important;
    }

@media (max-width: 767.98px) {
    #items-container .row {
        margin-bottom: 0.75rem; /* kb. 12px */
    }

    .footer {
      position: relative !important;
      line-height: 40px;
    }
}

.approved
{
    background-color: var(--tablazat-row-color-selected) !important;
}

.not-approved {
    background-color: var(--warning-color-2) !important;
}

.bi.approved {
    color: white !important;
}
 .bi.not-approved {
    color: red !important;
    background-color: transparent !important;
}


.main-pic {
    background-image: url("/img/slides/spices-2902439_1280.jpg");
    background-size: cover; /* kitölti a teljes szélességet/magasságot */
    background-position: center; /* középre igazítja a képet */
    background-repeat: no-repeat;
    width: 100%;
    min-height: 300px; /* magasságot is adni kell, különben nem látszik */
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabulator-toolbar {
    background-color: white;
    margin-bottom: 0;
}

.tabulator-toolbar .clear-filters  {
    border: none !important;
    border-block-style: hidden;
}

.highlighted {
    border-bottom-color: #0064002e !important;
}

.tabulator-row-odd.highlighted {
    background-color: var(--tablazat-row-color-selected) !important;
}
.tabulator-row-even.highlighted {
    background-color: var(--tablazat-row-alt-color-selected) !important;
}


.mg-title {
    display: inline-block;
    width: 200px !important;
    text-align:right;
    color: black !important;
}

.mg-val {
    display: inline-block;
    width: 60px;
    text-align: right;
    color: black !important;
}

.mg-unit {
    display: inline-block;
    width: 30px;
    margin-left: 2px !important;
    color: black !important;
}

.tabulator-row.approved-header {
    background-color: var(--success-color) !important;
}

.tabulator-row.not-approved-header {
    background-color: var(--warning-color) !important;
}

.tabulator-toolbar #toggleAll {
    border: none !important;
    border-block-style: hidden;
    width: 60px;
}

.warning-stripe {
    padding: 2px 0px 2px 2px;
    background-color: #f8d7da;
    text-align: center;
}

#daySelect span {
/*    padding: 2px 8px 2px 8px;*/
    margin: 0px 8px 0px 8px;
    text-align: center;
}

.autoComplete_wrapper > ul > li mark{
    padding: unset;
}


.tabulator-tableholder{
    overflow: initial !important;
}