html {
  font-size: 14px;
}

@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;*/
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.footer {
    background-color: #e9e9e9d9 !important;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}


.scrollb::-webkit-scrollbar {
    width: 14px;
}

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


.scrollb::-webkit-scrollbar-track {
}

.scrollb::-webkit-scrollbar-thumb {
    background: #6195DC;
    border-radius: 10px;
    border: 3px solid #f7fafc;
}

    .scrollb::-webkit-scrollbar-thumb:hover {
        background: rgb(175,215,253);
    }



.bluescroll::-webkit-scrollbar {
    width: 10px; /* függőleges scrollbar szélessége */
    height: 10px; /* vízszintes scrollbar magassága */
}

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


.bluescroll::-webkit-scrollbar-track {
    background: #d4d1ff61;
}

.bluescroll::-webkit-scrollbar-thumb {
    background: #00c8be;
    border-radius: 10px;
    border: 3px solid #eeedfe;
}

    .bluescroll::-webkit-scrollbar-thumb:hover {
        background: #00c8be;
        border: 1px groove #00c8be;
    }



.footer {
    background-color: var(--bs-anthracite);
    color: white;
    padding: 2px !important;
    text-align: center;
    justify-content: center !important;
    /*margin: auto !important;*/
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100vw;
}
.wrapper {
    height: calc(100vh - 5px) !important;
}

.topbar-menu {
    height: 44px;
}
.app-topbar {
    height: 44px;
    min-height: 44px !important;
}

.myh-100{
    height: calc(100vh - 111px) !important;
}

.input-noborder {
    width: 100%;
    border: none;
    background-color: transparent;
}
@keyframes fadeGreen {
    0% {
        background-color: #d4f4d4; /* halványzöld indulás */
    }
    100% {
        background-color: transparent; /* vagy: transparent */
    }
}

/* A saveok osztályhoz hozzárendeljük az animációt */
.saveok {
    animation: fadeGreen 3s ease-out;
}

.slow-transitions,
.slow-transitions * {
    transition: opacity 1s ease;
}

.page-content{
    min-height: calc(100vh - 50px) !important;
}

.customer-switch {
    color: black !important;
    background-color: aliceblue !important;
    text-overflow: ellipsis;
}

.bottom-placeholder {
    position: absolute;
    right: 0px;
    bottom: -16px;
}

.fw-c {
    width: calc(100% - 50px) !important;
    position: absolute !important;
}

.fh-c {
    height: calc(100% - 30px) !important;
    position: absolute !important;
}

.card-body {
}

html[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    border: none !important;
    border-radius: 0px !important;
    background: linear-gradient(#ffffff00, #444444) !important;
}

html[data-bs-theme="light"] .nav-tabs .nav-item.show .nav-link,
html[data-bs-theme="light"] .nav-tabs .nav-link.active {
    border: none !important;
    border-radius: 0px !important;
    background: linear-gradient(#ffffff00, #ffffff) !important;
}

/*SELECT 2 EXTRA*/

.select2-results__option[aria-selected="true"] {
    background-color: #c9e4ff !important;
}
    .select2-results__option[aria-selected="true"]:hover {
        background-color: #ffa4a4 !important;
    }

/*DROPDOWN HOVER*/
.i-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
}

.i-dropdown:hover .i-dropdown-content {
    display: block;
    z-index: 3;
}

.logo-hover {
    display: none !important;
}

.logo {
    height: 94px;
}

/* Hover esetén */
.logo:hover .logo-not-hover {
    display: none !important;
}

.logo:hover .logo-hover {
    display: inline !important;
}