:root{

    /* Bootstrap Fő színpaletta */
    --bs-primary: #007AFF;
    --bs-secondary: #A9A9A9;
    --bs-success: #3FB553;
    --bs-info: #CAB46B; 
    --bs-warning: #FF9500;
    --bs-danger: #dc3545;
    --bs-light: #E1E1E1;
    --bs-dark: #111827;


    --bs-gray-100: #FDFDFD;
    --bs-gray-200: #E1E1E1;
    --bs-gray-300: #C5C5C5;
    --bs-gray-400: #A9A9A9;
    --bs-gray-500: #8C8C8C;
    --bs-gray-600: #707070;
    --bs-gray-700: #545454;
    --bs-gray-800: #373737;
    --bs-gray-900: #1B1B1B;



    /*--bs-body-bg: #0b1220;*/

    --indent: 0;
    --scroll-track: #EBF3FF;
    --scroll-thumb: #97C3FF;
    --scroll-thumb-hover: #627EA5;
}



@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("/content-manager/fonts/Roboto/Roboto-Light.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-Light.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("/content-manager/fonts/Roboto/Roboto-Light.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("/content-manager/fonts/Roboto/Roboto-LightItalic.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("/content-manager/fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("/content-manager/fonts/Roboto/Roboto-Regular.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-Regular.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("/content-manager/fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("/content-manager/fonts/Roboto/Roboto-Italic.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-Italic.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-Italic.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-Italic.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("/content-manager/fonts/Roboto/Roboto-Medium.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-Medium.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("/content-manager/fonts/Roboto/Roboto-MediumItalic.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-MediumItalic.woff") format("woff"),  url("/content-manager/fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("/content-manager/fonts/Roboto/Roboto-Bold.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-Bold.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url("/content-manager/fonts/Roboto/Roboto-BoldItalic.eot?") format("eot"), url("/content-manager/fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("/content-manager/fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("/content-manager/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("/content-manager/fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg")
}


/*--bs-warning: #ffc107;*/



.btn-primary {
    --bs-btn-bg: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
}
.btn-success {
    --bs-btn-bg: var(--bs-success);
}
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
}
.btn-danger {
    --bs-btn-bg: var(--bs-danger);
}



.text-bg-light .card-body {
    background: #F3F3F3 !important;
}


/* NAVIGATION */
/*body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 16px; }*/

body {
    margin: 0;
    font-family: Roboto, sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.navbar {
    background-color: #0042A0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Ensure hamburger is visible on dark navbar */
.navbar .navbar-toggler {
    z-index: 1030;
    border-color: transparent;
    background: transparent;
}
.navbar .navbar-toggler, .navbar .navbar-toggler:focus, .navbar .navbar-toggler:active, .navbar .navbar-toggler:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Hide original toggler while menu is open (Bootstrap removes .collapsed when open) */
.navbar-toggler:not(.collapsed) { display: none !important; }

/* Close button inside collapse (mobile): bottom-right */
.collapse-close { display: none; border: none; background: transparent; }
@media (max-width: 992px) {
    .collapse-close { display: block; position: absolute; top: 0; right: .5rem; z-index: 1050; }
    .collapse-close:focus { outline: none; box-shadow: none; }
    .navbar-collapse { position: relative; padding-top: 1.5rem; }
}

/* Mobile: show text for settings and logout inside collapsed menu; hide outside controls */
.d-md-none .nav-link { font-weight: 600; }

.navbar a {
    color: #97C9FF;
}

.navbar a:hover {
    color: #EEF6FF;
}

.nav-link {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600 !important;
    margin-right: 1em;
}


.navbar .active {
    color: #FFF !important;
}

.navbar-brand {
    color: var(--bs-info) !important;
    font-size: 1rem !important;
    font-family: Roboto Condensed, sans-serif;
    position: static;
    margin-left: 0.5rem;
}

.navbar-brand span {
    text-transform: uppercase;
}



.folder, .file { line-height: 1.45; display: block;}
.folder { margin-left: 26px}
.icon { margin: 0 6px 0 4px; }


/*.folder button {*/
/*    width: 22px;*/
/*    display: inline;*/
/*}*/
/*.folder .row {*/
/*    width: 22px;*/
/*    display: inline;*/
/*}*/


/*.left-nav-row {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: .25rem;*/
/*    cursor: pointer;*/
/*}*/
/*.left-nav-row .toggle { margin-right: .25rem; }*/
/*.left-nav-row .folder-name i { margin-right: .5rem; } !* Bootstrap Icons hely *!*/



/*.left-nav-row {*/
/*    --bs-gutter-x: 0;*/
/*    --bs-gutter-y: 0;*/
/*    margin-left: 0;*/
/*    margin-right: 0;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: .25rem;*/
/*    flex-wrap: nowrap;*/
/*}*/
/*#navPane li.folder > .children { display: none; }*/
.tree-row li.folder > .children { display: none; }
.tree-row li.folder.open > .children { display: block; }
/*.left-nav-row .icon { display: inline-flex; }*/
.tree-row .toggle {
    margin-left: -24px;
    margin-right: 2px;
    width: 22px;
    height: 22px;
    line-height: 0;
    padding: 4px 0 5px 0;
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 2px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    margin-top: 3px;
    float: left;


}
/*.left-nav-row .folder-name i { margin-right: .5rem; } !* Bootstrap Icons hely *!*/


.folder .children { display: none; margin-left: calc(var(--indent) + 12px); }
.folder.open > .children { display: block; }
.folder-name, .leaf-name, .file-name { cursor: pointer; user-select: none; font-weight:700}
.folder.leaf .leaf-name { font-weight: 600;}
/*.muted { color: #666; }*/
.toplist { margin: 1em 0 0 0; }
.start { margin: 6px 0 6px 2px; font-weight: 700; cursor: pointer; }


/*.meta-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 1000px; margin: 12px 0 6px; }*/
/*.meta-form label { font-size: .9rem; color: #333; }*/
/*.meta-form input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 0; }*/
/*.meta-form .full { grid-column: 1 / -1; }*/

/*.meta-form {*/
/*    margin-top: 2em;*/
/*}*/

.meta-form label, #renameTools label, .move-tools label, .profil-tools label, .settings-page label{
    text-align: right;
    font-weight: 600;
}

    @media only screen and (max-width: 767.98px) {
.meta-form label, #renameTools label, .move-tools label, .profil-tools label, .settings-page label{
    text-align: left;
}
    }




.meta-form {
    padding: 1em;
}



.top-bar {
    background-color:  #EDF4FF;
    padding: 10px 0 0 0;
    position: absolute;
    /* top: 25px; */

    width: 100%;
}



    @media only screen and (min-width: 767.98px) {
.top-bar {
    margin-left: .35em;
}
    }


.sticky-top {
    top: 40px;
}



.toolbar .bi { margin-right: 0.15em }
/*.toolbar .btn { overflow: hidden }*/
.status {
    padding-top: 80px;
    margin-left: 18px;
    color: #666;
    display: block;
    /* font-family: 'Courier New', Courier, monospace; */
    font-size: .85rem;
    font-weight: 400;
}


/*.left-nav [data-path].selected {*/
/*    font-weight: 600;*/
/*    color: #0a58ca;*/
/*    background: rgba(10,88,202,0.06);*/
/*}*/

/*.left-nav {*/
/*    width: 100%;*/
/*}*/



/* Kijelölő sáv csak a fejlécre (fix sor-magasságot állítunk) */
.left-nav li[data-path].selected::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 28px;           /* <- igazítsd a tényleges sor-magasságodra */
    background: rgba(10, 88, 202, 0.06);
    z-index: 0;
}

/* A „fejléc” elemeit (ikon, név, toggle) színezzük kiemeltre */
.left-nav li[data-path].selected > .icon,
.left-nav li[data-path].selected > .folder-name,
.left-nav li[data-path].selected > .file-name,
.left-nav li[data-path].selected > .toggle {
    color: #0a58ca;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.left-nav ul {
    list-style: none; margin: 0; padding: 0;
    margin-left: 0;
    padding-left: .25em;
}
.left-nav li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.left-nav .leaf-name, .left-nav .folder-name {
    text-decoration: none;
    color: #000;
}

.left-nav .selected a, .left-nav .selected .folder-name {
    color: #0a58ca !important;
}

.left-nav a:hover {
    color: #0a58ca;
}
.left-nav .children ul {
    padding-left: 0 !important;
}

/* nyitott mappák */
.left-nav .folder.open > .children {
    display: block;
}
.left-nav .folder > .children {
    display: none;
}

.left-nav .tree-row.selected {
    background: rgba(10, 88, 202, 0.06);
    color: #0a58ca !important;
    font-weight: 600;
}
/*.left-nav .children { padding-left: 14px; } !* ha kell *!*/

.left-nav .bi {
    font-size: 1.35rem;
    color: #999B9D;
}
.left-nav button {
    color: #999B9D;
}
.left-nav .start {
    font-size: 1.25rem;
    padding-bottom: 0;
}
.left-nav .start .icon {
    /*font-size: 1.75rem;*/
    margin: 0 0 0 5px;
}


/*.left-nav {*/

/*    position: relative;*/
/*}*/

.left-top {
    padding: 50px 0 10px 10px;
    margin-top: 0;
    /*width: 100%;*/
    background: var(--bs-gray-200);
    /*display: inline-block;*/
    /*z-index: 100;*/
    /*width: 100%;*/
}


.bg-container {
    background: var(--bs-gray-200);
    padding-bottom: 5em;
    padding-top: 5em;
    min-height: 100vh;
}

.container-first {
    padding: 2em 1em;
    background: #fff;
    /*z-index: 2;*/
    /*padding: .75rem 0;*/
    margin-bottom: 1rem;

}

    @media only screen and (min-width: 767.98px) {
.container-first {
    padding: 2em;

}
    }

.sticky-bar {
    padding: .75rem 0;
    margin-bottom: 1rem;
}

/* .form-select { max-width: 200px !important;} */
/*.move-tools button { padding: 4px 10px; }*/

.edit-btn  {
    text-align: center;
}
.edit-btn button {
    border: none;
    background: transparent;
}

.left-nav .bi-folder {
    margin-right: 6px;
    margin-left: 4px;
}

.edit-btn .bi:hover {
    opacity: 1;
}

.edit-btn .bi-pencil-square {
    color: #095ED7;
    font-size: 1.75rem;
    opacity: 0.6;
}
.edit-btn .bi-trash3 {
    color: #FF3B30;
    font-size: 1.75rem;
    opacity: 0.6;
}


.toolbar{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:10px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/*.move-tools,.rename-tools {*/
/*    display:inline-flex;*/
/*    gap:6px;*/
/*    align-items:center*/
/*}*/



/* #moveTarget{
    min-width:260px
}
#renameFolderInput {
    min-width:180px
} */

body.is-category #paramsFormTop,
body.is-category #paramsFormBottom,
body.is-category #editor { display:none; }

/*.toggle[aria-disabled="true"] { cursor: default; opacity: .8; }*/

/* elrejti a cikkeket a mappában */
/*#tree li.folder.leaf[data-path*="/"] {*/
/*    display: none;*/
/*}*/

#tree li.folder.leaf[data-type="leaf"][data-path*="/"] { display: none !important; }



/* CSS */
.split {
    display: grid;
    grid-template-columns: var(--nav-w, 320px) 8px 1fr; /* nav | gutter | content */
    min-height: calc(100vh - 32px);
    height: auto;
}

/* ===== Mobile (< lg): single column, no gutter ===== */
@media (max-width: 991.98px) {
    .split {
        grid-template-columns: 1fr; /* csak content */
    }
    .split__gutter {
        display: none;
    }
}

/* Toggle gomb (mobil) */
.nav-toggle-btn {
    position: fixed;
    top: 11%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1030;
    width: 32px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    border: none;
    border-radius: 0 6px 6px 0;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
}



    @media only screen and (min-width: 767.98px) {
.nav-toggle-btn {
    top: 50%;
}
    }


.nav-toggle-btn:hover {
    background: #0b5ed7;
}
.nav-toggle-btn .bi {
    font-size: 1.1rem;
}

/* Offcanvas body scrollable */
#navOffcanvas .offcanvas-body {
    padding: 0;
    overflow-y: auto;
}
#navOffcanvas .left-top {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}
#navOffcanvas .left-nav {
    padding: 0.5rem;
}

.split__nav {
    min-width: 320px;              /* alsó korlát */
    max-width: 1000px;              /* felső korlát */
    overflow-y: auto;
    overflow-x: hidden;
    /*border-right: 1px solid #e5e7eb; !* opcionális *!*/
    /*background: #fff;*/
    scrollbar-gutter: stable;
}


.split__nav {
    /*margin-top: 60px;*/
    /*padding-top: 80px;*/

    scrollbar-width: thin; /* auto | thin | none */
    scrollbar-color: var(--scroll-thumb) var(--scroll-track); /* thumb track */
}

/* 2) WebKit/Blink (Chrome, Edge, Safari) */
.split__nav::-webkit-scrollbar{
    width: 10px;           /* függőleges sáv vastagság */
    height: 10px;          /* vízszintes sáv vastagság (ha van) */
}
.split__nav::-webkit-scrollbar-track{
    background: var(--scroll-track);
}
.split__nav::-webkit-scrollbar-thumb{
    background-color: var(--scroll-thumb);
    border-radius: 8px;
    border: 2px solid var(--scroll-track); /* „szűkebbnek” hat, kontrasztos */
}
.split__nav:hover::-webkit-scrollbar-thumb{
    background-color: var(--scroll-thumb-hover);
}

/* 3) Dark mode finomhangolás (opcionális) */
/*@media (prefers-color-scheme: dark){*/
/*    :root{*/
/*        --scroll-track: #1f2328;*/
/*        --scroll-thumb: #3b3f45;*/
/*        --scroll-thumb-hover: #4a5057;*/
/*    }*/
/*}*/

.left-nav li[data-path] { position: relative; }

/* A gyereklista legyen a kijelölő sáv fölött */
.left-nav li[data-path] > .children {
    position: relative;
    z-index: 1;
}

/*@media (min-width: 1200px) {*/
/*    .left-nav {*/
/*        height: calc(100vh - 48px);*/
/*        */
/*        padding-top: 80px;*/
/*        width: auto;*/

/*        !* tartson fenn helyet a sávnak, így nem ugrál az elrendezés *!*/
/*        scrollbar-gutter: stable;*/
/*        overflow: auto;*/
/*        padding-bottom: 2em;*/
/*    }*/
/*}*/

.split__gutter {
    cursor: col-resize;
    background: transparent;
    position: relative;
}
.split__gutter::before {
    /* vékony vizuális sáv – tetszés szerint */
    content: "";
    position: absolute;
    left: 3px; right: 3px; top: 0; bottom: 0;
    border-left: 1px dashed #d1d5db;
    border-right: 1px dashed #d1d5db;
}

.split__content {
    /*overflow: auto;*/
    position: relative;
    width: 100%;
    padding: 25px 0 50px 0;
}

.split-inner {
    padding: 0;
    margin-top: -12px;
}

    @media only screen and (min-width: 767.98px) {
 .split-inner {
    padding: 0 10px 0 22px;
}
    }


.table .bi-x-circle {
    font-size: 1.25rem;
}
.table .bi-check2-circle {
    font-size: 1.40rem;
}

.td-danger, .td-success {
    width: 20px;
    text-align: center;
}
.td-danger {
    background-color: #FFEADD !important;
}
.td-danger .bi {
    color: #F0AE7E;
}
.td-success {
    background-color: #E1F9E7 !important;
}
.td-success .bi {
    color: #9DC6A3;
}


.form-title {
    font-weight: 700 !important;
}

.modal-input {
    font-size: 1.5rem;
    font-weight: 700;
}

.modal-navbar {
    background-color: #0042A0;
    padding-top: .5em;
    padding-bottom: .5em;
}

.modal-navbar h5 {
text-transform: uppercase !important;
}

/*.scrollable-container {*/
/*    overflow: scroll;*/
/*    max-height: 300px;*/
/*}*/


.accordion-body {
    background: #EBF3FF;
}

.th-small {
    width: 110px;
    text-align: center;
}

.tinymce-wrap{
    /*// height: 420px;*/
    overflow: auto;      /* itt jelenik meg a scroll */
    /*border: 1px solid #dee2e6;  !* opcionális keret *!*/
    /*border-radius: .375rem;*/
    padding: 0 1em 0 1em;      /* hogy ne lógjon rá a szöveg a keretre */
}

/*NAVIGACIO EDIT*/

/*.menu-row {*/
/*    display: grid;*/
/*    grid-template-columns: 1.2fr 1.3fr .7fr .7fr .9fr .9fr auto;*/
/*    gap: .5rem; align-items: center; margin-bottom: .5rem;*/
/*}*/

.menu-row {
    display: grid;
    grid-template-columns: 1.4fr 1.4fr .7fr .7fr .8fr auto;
    gap: .5rem;
    align-items: center;
    margin-bottom: .5rem;
}

.menu-nav-row {
    display: grid;
    grid-template-columns: 1.4fr 1.4fr .7fr .6fr .9fr auto;
    gap: .5rem;
    align-items: center;
    margin-bottom: .5rem;
    background-color: #DCE7F1;
    padding: .5em;
}


/*.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }*/
/*.smallnote { font-size: .9rem; color: #666; }*/
.url[disabled] { background-color: #E8E8E8; }

.parent-row input {
    font-weight: 700;
}


.edit-container {
    background-color: #f5f5f5;
    padding: 1em;
}


/*fordított checkbox*/
/* Alapból mindkettőt rejtsük, és állapot szerint mutassuk */
.invert-draft .state-active,
.invert-draft .state-draft { display: none; }

/* draft=true -> checkbox:checked -> "Nem aktív (vázlat)" látszódjon */
#paramsDraft:checked + .form-check-label .state-draft { display: inline; }

/* draft üres/false -> checkbox nem checked -> "Aktív" látszódjon */
#paramsDraft:not(:checked) + .form-check-label .state-active { display: inline; }

/* (OPCIONÁLIS) A Bootstrap switch pöcök vizuális irányát is megfordíthatod: */
.invert-draft .form-check-input { transform: scaleX(-1); }

.invert-draft .state-active {
    color: #63925F
}
.invert-draft .state-draft {
    color: #fd7e14
}

.card-header .invert-draft .form-check-input {
    background-color: #B8DBB5 !important;
    border-color: #63925F  !important;
}

.card-header .invert-draft .form-check-input:checked {
    background-color: #C6C6C6 !important;
}

.card-header .invert-draft .form-check-input:focus {
    background-color: #A6A6A6 !important;
    /*border-color: #86b7fe;*/
    /*outline: 0;*/
    /*box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);*/
}


/* Gallery toggle label visibility */
.switch-gallery .state-active,
.switch-gallery .state-draft {
    display: none;
}

.switch-gallery .form-check-input:checked ~ .form-check-label .state-active {
    display: inline;
}

.switch-gallery .form-check-input:not(:checked) ~ .form-check-label .state-draft {
    display: inline;
}

/* Match draft toggle visual style */
.card-header .switch-gallery .form-check-input {
    background-color: #C6C6C6;
}

.card-header .switch-gallery .form-check-input:checked {
    background-color: #B8DBB5 !important;
    border-color: #63925F !important;
}

.switch-gallery .form-check-input:focus {
    background-color: #A6A6A6 !important;
}

.switch-gallery .state-active {
    color: #63925F 
}
.switch-gallery .state-draft {
    color: #fd7e14
}


/*.lang-switcher .form-check-label {*/
/*    font-size: .85rem*/
/*}*/

/*.lang-switcher .form-switch .form-check-input { margin: 0 .5rem; }*/
/*.lang-switcher .form-switch .form-check-label { cursor: pointer; }*/
/*!* Ha a Bootstrap alap bal oldali paddingje bezavar: *!*/
/*.lang-switcher .form-check.form-switch.p-0 { padding-left: 0; }*/


/*GALLERY / IMAGE UPLOAD*/

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}


/* THUMBS ----------------------------------------*/

.thumbnail {word-wrap: break-word; background: #fff}

.thumbnail .title {height:30px;font-size:0.85rem;}

.thumbnail .ratio img,
.thumbnail .ratio-4x3 img {
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.thumb-box:hover img {
    box-shadow: 0 0 8px rgba(57, 174, 242, 0.3);
    transition: box-shadow 0.3s ease-in-out;
    border: 1px solid #39AEF2;
}


/* UPLOAD ----------------------------------------*/

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.bigicon {font-size:30px}
.table .glyphicon {font-size:24px}
.table .glyphicon-trash, .table .glyphicon-arrow-up  {margin-left:6px}


.table.vertical-align > tbody > tr > td {
    vertical-align: middle;
    cursor: move;
    cursor: -webkit-grabbing;
}

.card-header .bi {
    color: #A8A8A8;
}

/* DATEPICKER */

.datepicker {
    width: -moz-min-content;
    width: min-content;
}

.datepicker:not(.active) {
    display: none;
}

.datepicker-dropdown {
    position: absolute;
    z-index: 1000;
    padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px;
}

.datepicker-picker {
    display: flex;
    flex-direction: column;
    border-radius: 0.375rem;
    background-color: #fff;
}

.datepicker-dropdown .datepicker-picker {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.datepicker-main {
    flex: auto;
    padding: 2px;
}

.datepicker-footer {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
}

.datepicker-title {
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
    padding: 0.375rem 0.75rem;
    text-align: center;
    font-weight: 700;
}

.datepicker-controls {
    display: flex;
}

.datepicker-header .datepicker-controls {
    padding: 2px 2px 0;
}

.datepicker-controls .btn {
    border-color: #f8f9fa;
    background-color: #fff;
}

.datepicker-controls .btn:hover {
    border-color: #dbe0e5;
    background-color: #e2e6ea;
    color: #000;
}

.datepicker-controls .btn:focus {
    border-color: #dbe0e5;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
    background-color: #e2e6ea;
    color: #000;
}

.datepicker-controls .btn:disabled {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #000;
}

.datepicker-controls .btn:not(:disabled):active {
    border-color: #d4dae0;
    background-color: #dbe0e5;
    color: #000;
}

.datepicker-controls .btn:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.datepicker-header .datepicker-controls .btn {
    border-color: transparent;
    font-weight: bold;
}

.datepicker-footer .datepicker-controls .btn {
    flex: auto;
    margin: calc(0.375rem - 1px) 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.datepicker-controls .view-switch {
    flex: auto;
}

.datepicker-controls .prev-button,
.datepicker-controls .next-button {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    flex: 0 0 14.2857142857%;
}

.datepicker-controls .prev-button.disabled,
.datepicker-controls .next-button.disabled {
    visibility: hidden;
}

.datepicker-view,
.datepicker-grid {
    display: flex;
}

.datepicker-view {
    align-items: stretch;
    width: 15.75rem;
}

.datepicker-grid {
    flex-wrap: wrap;
    flex: auto;
}

.datepicker .days {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.datepicker .days-of-week {
    display: flex;
}

.datepicker .week-numbers {
    display: flex;
    flex-direction: column;
    flex: 0 0 9.6774193548%;
}

.datepicker .weeks {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto;
}

.datepicker span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.datepicker .dow {
    height: 1.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
}

.datepicker .week {
    flex: auto;
    color: #dee2e6;
    font-size: 0.875rem;
}

.datepicker-cell,
.datepicker .days .dow {
    flex-basis: 14.2857142857%;
}

.datepicker-cell {
    height: 2.25rem;
}

.datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem;
}

.datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
    background-color: #e2e6ea;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    background-color: #0d6efd;
    color: #fff;
    font-weight: 600;
}

.datepicker-cell.disabled {
    color: rgba(33, 37, 41, 0.5);
}

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
    color: #6c757d;
}

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
    color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #f8f9fa;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #f1f3f5;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e2e6ea;
}

.datepicker-cell.today:not(.selected) {
    background-color: #20c997;
}

.datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
    background-color: #1fc493;
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
    background-color: #6c757d;
    color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #69727a;
}

.datepicker-cell.range-start:not(.range-end) {
    border-radius: 0.375rem 0 0 0.375rem;
}

.datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 0.375rem 0.375rem 0;
}

.datepicker-cell.range {
    border-radius: 0;
    background-color: #e9ecef;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #e2e6ea;
}

.datepicker-cell.range.disabled {
    color: #ced4db;
}

.datepicker-cell.range.focused {
    background-color: #dbe0e5;
}

.datepicker-input.in-edit {
    border-color: #73acfe;
}

.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
    box-shadow: 0 0 0.25em 0.25em rgba(115, 172, 254, 0.2);
}

/* DATEPICKER END */



/*TAGS*/

.tags-input-wrapper {
    cursor: text;
    min-height: 2.2em;
}
.tags-input-wrapper .badge{
    font-size: 1.1rem;
}
.tags-input-wrapper input:focus {
    outline: none;
    box-shadow: none;
}
.tag-item {
    padding: .35em .5em;
    font-size: .8em;
}

.tags-input-wrapper .badge  {
    background-color: #69727a !important;
}


/* LOGIN */


/* .login-input-container input { -webkit-user-select:text; user-select: text;} */

/* Login background */
/* .spectrum-background {
    background:
        linear-gradient(150deg, #ecedee, transparent 30%),
        linear-gradient(330deg, rgb(210, 206, 242), transparent 30%),
        linear-gradient(225deg, #fff0be, #fbdce7, #e2fae1, powderblue);
} */

.login-input-container {
    display: flex;
    flex-direction: column;
}

.login-wrap {
    /* background-color: #DEE2E6; */

        background:
        linear-gradient(150deg, #E4EFEF, transparent 30%),
        linear-gradient(330deg, rgb(242, 255, 185), transparent 30%),
        linear-gradient(225deg, #C0E7ED, #EFF6FF, #C8FFF3, #86B8FF);
    border: 1px solid #DEE2E6;
    height: 100vh;
    overflow-x: auto;
}

/*.login-container > * {*/
/*    width: 100%;*/
/*}*/


.login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-pack: center;
    display: -ms-flexbox;
    display: -webkit-box;
    /*height: 80vh;*/
    width: 100%;
    margin-top: 10em;
}

.login-container .card {
    width: 25em;
    /* min-width: 30em;
    max-width: 30em; */
}

@media only screen and (max-width: 600px) {
.login-container .card {
    width: 21em;
    /* min-width: 30em;
    max-width: 30em; */
}
    }

/* Password toggle in login form */
.password-wrapper {
    position: relative;
}
.password-wrapper .form-control {
    padding-right: 3.25rem; /* space for the toggle */
}
.password-toggle {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--bs-body-color, #6c757d);
    padding: 0.25rem 0.35rem;
}
.password-toggle:focus {
    outline: none;
    box-shadow: none;
}

.logo {
    margin: -8em 1em 1.4em 1em;
    max-width: 300px;
}

@media only screen and (max-width: 600px) {
.logo {
        margin: -7em 1em 1.4em 1em;
max-width: 250px;
}
    }


.login-container .form-select {
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
    background-color: #dee2e6;
}

/* When viewing a category list, hide the top-left form-switch (language/folder toggle)
   so it doesn't appear above the category table. JS still has a fallback but CSS
   ensures consistent behavior and avoids flicker. */
/* body.is-category .left-top .form-switch {
    display: none !important;
} */

/* Also support when the <html> element is marked early (client-side) as a category view.
   This allows an inline head script to set the class before the <body> exists and
   prevents the switch from flashing visible on initial load. */
/* html.is-category .left-top .form-switch {
    display: none !important;
} */

body.is-category #folderImages {
    display: none;
} 

/* Hide upload/tools and media cards when viewing category list (body gets is-category) */
body.is-category #upload-tools,
body.is-category #mediaCards,
body.is-category #folderDocs {
    display: none !important;
}


.modal-body {
  overflow-wrap: anywhere;   /* modern, enged törést bárhol */
  word-break: break-word;    /* fallback régebbi motorokhoz */
}




body.is-category .split-inner {
    padding: 60px 1em 0 1em;
        margin-top: 0;
}

.tox-browse-url {
    display: none !important;
}


.markdown-body img {
  max-width: 100%;
  height: auto; 
}

/* Manuál címek anchor offsetje */
.markdown-body h3, .markdown-body h4 {
    scroll-margin-top: 120px; /* sticky navbar + extra space */
    padding-top: 2.85rem;
}

.markdown-body table {
   border: 1px solid lightgray;
   width: 100%;
}

.markdown-body table td {
   border-bottom: 1px solid lightgray;
   padding: 0.25em 0.25em;
}

.markdown-body ul li ul {
   padding-bottom: 1em;
}


h4 {
    font-size: 1.15rem;
}

 /* @media only screen and (min-width: 960px) {
        .markdown-body img {
   max-width: 76%;
   margin-left: 12%;
   margin-right: 12%;
}
    } */

@media (max-width: 767.98px) {
    .markdown-body h3, .markdown-body h4 {
        scroll-margin-top: 150px;
        padding-top: 3rem;
    }

    .created-info-php {
    font-size: 0.85em !important;
}
}


/* SUPPORT TICKET SYSTEM */


        .ticket-card { cursor: pointer; transition: background 0.2s; }
        .ticket-card:hover { background: #f8f9fa; }
        .reply-support { background: #f1f3f5; border-left: 3px solid #6c757d; }
        .reply-user { background: #e7f5ff; border-left: 3px solid #228be6; }
        .attachment-link { display: inline-block; margin: 2px 4px; padding: 2px 8px; background: #e9ecef; border-radius: 4px; font-size: 0.85em; text-decoration: none; }
        .attachment-link:hover { background: #dee2e6; }
        .badge-replies { font-size: 0.75em; }


/* FOOTER */

.footer {
text-align: center;
background: transparent;
margin-top: -50px
}

/* Keep footer below editor/upload content even on long pages */
body > footer.container-fluid {
    position: relative;
    clear: both;
    margin-top: 12px;
}