body {
    background-size: auto !important;
    background-position: right top !important;
}

.card {
    border-radius:  0.75rem;
}

.col-1e {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

/* Medium breakpointtól felfelé */
@media (min-width: 768px) {
  .col-md-1e {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}


#pageJump::placeholder {
    font-size: 10px; /* Kisebb placeholder szöveg */
    opacity: 0.8; /* Enyhén halvány, hogy ne legyen túl erős */
    top:-10px;
}


.pic {height:40px; width:auto; border-radius: 5px; margin:5px}

.ck-editor .table:not(.table-bordered) tbody tr:last-child td,
.ck-editor .table:not(.table-bordered) tbody tr:last-child th,
.ck-editor .table:not(.table-bordered) tfoot tr:last-child td,
.ck-editor .table:not(.table-bordered) tfoot tr:last-child th {
    border-bottom: 1px solid #bfbfbf !important;
}


.app-header .header-search .search-input {
    background: #fff !important;
    border-color: #fff !important;
}

[data-bs-theme=light] body {
//    background-image: url(bg1.jpg) !important;
    background-image: url(../public/images/demo-hosting-home-bg.jpg)!important;;    
    background-attachment: fixed;
}

[data-bs-theme=dark] body {
    background-image: url(bg1_dark.jpg) !important;
    background-attachment: fixed;
}


.kt_app_toolbar {
border-bottom: 4px solid #400145;
}


small, .small {font-size: 10px !important; line-height:12px !important}

.fakor {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 900px) {.nomobil,.nomobile {display: none !important;}}
@media only screen and (min-width: 901px) {.nodesktop {display: none !important;}}


@media screen {.print {display:none;}}
@media print {
.no-print {display: none !important; }
.noprint {display: none !important; }
.print {display:normal;}
}




#.table-hover .odd {background-color: #ffffff !important; }
#.table-hover .even {background-color: #fbfbfb !important; }
#.table-hover tbody>tr:hover {     background-color: #fefefe !important; }
#.table-hover tbody>tr:hover input[type="checkbox"]:not(:checked) { background-color: #ffffff !important; }
.table-hover tr td:first-child {border-left: 3px;}
.table th {background:#f1f1f1; font-weight: 700 !important; padding:5px !important}  
.table th input {background:#fff !important}



input[type="date"] { display:inline-block; min-width: 110px;max-width: 150px; padding-right:10px !important}
input[type="time"] { display:inline-block; max-width: 120px;}


.profileImage {
    object-fit: cover;
    object-position: top left;
    height: 100%; 
    width: 100%;
    image-rendering: smooth; 
}    


@media (display-mode: standalone) {
  .android-back-button,  .android-home-button,  .android-recents-button {    background-color: #3f0ecc;   }
}

table {width: auto;}

.fs-2 td {font-size:13px !important}


.table.table-rounded.table-striped thead th {font-size:14px !important}
.table.table-rounded.table-striped tbody td {font-size:14px !important}


@media (min-width: 992px) {
    .max-lg-100 {max-width: 100%; }
//    .max-lg-100 th, .max-lg-100 td { white-space: normal !important; }
.mainmenu:not(.here) > .menu-link .menu-title {
    color: #fff !important;
}
}

@media (max-width: 991px) {
    .max-lg-100 {width: 100%; }
//    .max-lg-100 th, .max-lg-100 td { max-width:300px !important; white-space: normal !important; }
    .card .card-body {padding:10px !important}
    .card-header {padding:6px 12px 6px 9px !important}
    .app-main {margin:0px -10px 0px -10px !important}

.mainmenu .menu-title:first-child {    font-size:14px !important;}
    
}


.fa {font-weight:400 !important}

.icon-container {transition: color 0.2s, transform 0.2s;}
.icon-container:hover {transform: scale(1.1);}
.icon-container:hover {color:#000 !important;}

input:disabled {cursor: not-allowed; opacity: 0.5 !important;}

.kistable {margin:0px !important;}
.kistable td {padding:6px !important;}

.select2-results__option {margin-left:10px !important}

.noselecteditembg .select2-selection__choice {background:none !important}

//.menu-sub {z-index:10000 !important}

.fc-daygrid-event {white-space:normal !important; display:block !important}


:root,[data-bs-theme=light] {
    --bs-primary: #2C9AFF;
    --bs-primary-rgb: 44,154,255;
    --bs-link-color: #2C9AFF;
    --bs-link-color-rgb: 44,154,255;
    --bs-secondary: #DBDFE9;
    --bs-link-hover-color: #237acc;
    --bs-link-hover-color-rgb: 35,122,204;
    --bs-secondary-rgb: 219,223,233;
    --bs-success: #50CD89;
    --bs-success-rgb: 80,205,137;
    --bs-info: #7239EA;
    --bs-info-rgb: 114,57,234;

    --bs-primary-active: #237acc;
    --bs-secondary-active: #00041e;
    --bs-success-active: #5FB751;
    --bs-info-active: #5014D0;

    --bs-text-primary: #2C9AFF;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50CD89;
    --bs-text-info: #7239EA;

    --bs-primary-light: #F1F4FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #EEFBEC;
    --bs-info-light: #F8F5FF;

    --bs-component-active-color: #FFFFFF;
    --bs-component-active-bg: var(--bs-primary);
    --bs-component-hover-color: var(--bs-primary);
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #FFFFFF;
    --bs-component-checked-bg: var(--bs-primary);
    
    --bs-menu-link-color-hover: #2C9AFF;
    --bs-menu-link-color-active: #2C9AFF;
    --bs-menu-link-color-show: #2C9AFF;

}

@media (min-width: 992px) {
    .mainmenu:hover {border-bottom: 4px solid var(--bs-primary);}
}

[data-bs-theme=light] {
    --bs-app-bg-color: #08004e;
    --bs-app-blank-bg-color: #08004e;
    --bs-app-header-base-bg-color: #08004e;
    --bs-app-header-base-border-bottom: 1px solid #00041e;
    --bs-app-header-sticky-bg-color: #08004e;
    --bs-app-toolbar-base-bg-color: #08004e;
}

.app-toolbar .btn-custom {background-color:var(--bs-primary)}
.app-toolbar .page-desc {color:var(--bs-primary)}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.app-header-menu .menu>.menu-item>.menu-link .menu-title {
    color: var(--bs-primary);
}
.app-header-menu .menu>.menu-item.here>.menu-link {
    transition: color .2s ease;
    background-color: transparent;
    color: var(--bs-primary);
}
.app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
    color: var(--bs-primary);
}

.app-header-menu .menu>.menu-item.show>.menu-link .menu-title {
    color: var(--bs-primary);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1.075rem;
    --bs-pagination-color: var(--bs-gray-700);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 0.75rem;
    --bs-pagination-hover-color: var(--bs-component-hover-color);
    --bs-pagination-hover-bg: var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--bs-component-hover-color);
    --bs-pagination-focus-bg: var(--bs-component-hover-bg);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: var(--bs-component-active-color);
    --bs-pagination-active-bg: var(--bs-component-active-bg);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--bs-gray-400);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: transparent;
    display: flex;
    padding-left: 0;
    list-style: none
}

.active>.page-link,.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

[data-bs-theme=dark] {
    --bs-app-bg-color: #151521;
    --bs-app-blank-bg-color: #151521;
    --bs-app-header-base-bg-color: #1b1b29;
    --bs-app-header-base-border-bottom: 1px solid #1b1b29;
    --bs-app-header-sticky-bg-color: #1b1b29;
    --bs-app-toolbar-base-bg-color: #0D0D1D;
}


.text-nowrap   { white-space: nowrap !important; }
.text-wrap   { white-space: normal !important; }
.text-truncate { @include text-truncate; }

.tooltip-inner {    text-align: left;}


.modal {
    --bs-modal-width: 600px;
}    


.pagebreak {page-break-before: always;}


.app-header-menu .menu>.menu-item.here>.menu-link:after,.app-header-menu .menu>.menu-item>.menu-link.active:after {background-color:var(--bs-primary)}


  #loading-circle {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.2);
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10002;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }  

#loading-circle.red {  border-top: 5px solid red;}
#loading-circle.green {  border-top: 5px solid green;}
  
.fc-daygrid-dot-event  {padding:3px !important}


.custom-tooltip .tooltip-inner {
    max-width: 500px !important;
    white-space: normal;
}