@font-face {
    font-family: "Krub";
    src: url("/plugins/fonts/Krub-Regular.ttf") format("truetype");
}

body {
    font-family: "Krub", sans-serif !important;
    background-color: cornsilk !important;
}

.menu-logo {
    width: 200px !important;
    height: auto !important;
    opacity: 0.8;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7); /* Áttetsző fehér háttér */
    display: none; /* Alapból rejtve */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.loading-overlay.active {
    display: flex; /* Csak akkor lesz flexbox, ha az overlay aktív */
}

.page-title {
    text-transform: uppercase;
}

/* Ez előtt használjuk a card-title class-t is.
   Ha vastagítva szeretnénk a subtitle szövegét, akkor az adott div-be
   tegyük bele a style="font-weight: bold !important;" részt.
   A css-en keresztül nem működik a dupla !important. */
.modal-subtitle {
    text-transform: none !important;
}

.mini-btn {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    /* Kivettem az !important részt, mert emiatt nem tudtam eltüntetni a hide() paranccsal. Ha mégis kell, beszéljünk... */
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

/* Mert disabled propery esetén a submit nem küldi tovább az adatot (pl.: ddlb)*/
.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--bs-secondary-bg) !important;
}

/* Bootstrap és AdminLTE felülírások */

.card-header {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

.card-title {
    font-family: "Krub", sans-serif;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.btn {
    font-family: "Krub", sans-serif !important;
    font-weight: 500 !important;
}

/* A confirm modal beállításai */
.confirm-modal-header {
    font-family: "Krub", sans-serif;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: lightblue;
    height: 50px;
    padding-top: 8px !important;
}
.confirm-modal-header .btn-close {
    padding-top: 20px !important;
}

/* Toast beállítások */
#toast-overlay {
    position: fixed;
    top: 0;
    /* top: 200px; */
    left: 0;
    width: 100vw;
    height: 100vh;
    /* height: 0; */
    pointer-events: none;
    z-index: 2000; /* magasabb, mint a modal (1050) */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
#toast-overlay .toast {
    pointer-events: auto;
    box-shadow: 5px 5px 26px 0px rgba(0,0,0,0.75) !important;
}

.back-red {
  background-color: red !important;
}