.logo {
    display: block;

    margin-left: -15px;
    margin-top: 15px;
    margin-bottom: -15px;
}

.menu-icon {
    margin-right: 5px;
}


.nav-link i {
    padding-right: 25px;
}

.select2-selection.select2-selection--single {
    padding-right: 30px !important;
}

.privacy-policy-unknown {
    height: 30px !important;
    line-height: 30px !important;
    min-height: 30px !important;
    padding-left: 17px;
    padding-right: 17px;
    position: absolute;
    top: 0;
    background: rgb(244, 244, 244);
    background: radial-gradient(circle, rgba(244, 244, 244, 1) 0%, rgba(207, 207, 207, 1) 100%);
    color: #F00!important;
    border-color: #ededed;
    font-weight: bold;
    padding-top: 0;
}

.field-customerform-is_consent_to_privacy_policy > span {
    display: block;
}

.privacy-policy-unknown:hover {
    background: #ededed;
    color: #fc3939!important;
}

label.form-label {
    font-weight: bold;
}

table.table-changes {
    font-size: 14px;
    border: 1px solid #DDD;
    border-radius: 15px;
    overflow: hidden;
    cursor: default;
    width: 100%;
}

@media (min-width: 1120px) {
    table.table-changes {
        display: inline-table;
        width: 100%;
    }
}

table.table-changes th.table-header-text {
    background: #FFF;
}

table.table-changes td {
    background: #FAFAFA;
}

.header-status {
    border: 1px solid #EEE;
    background: #FFF;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}


h2.header-changes {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px;
}

.toggle.btn {
    height: 30px!important;
    min-height: 30px!important;
    border-color: #b8bfcd;
}

.privacytoggle {
    width: 43px;
    position: relative;
    float: left;

}

.privacy-message {
    display: inline;
    padding-left: 10px;
    line-height: 30px;
}

#privacy-policy-text-unknown {
    color: red;
}

.toggle>.toggle-group>.toggle-off.btn {
    background: #c9c9c9;
}

.sidebar .select2-container--krajee-bs5 .select2-selection--single {
    background-color: #000;
    border: 1px solid #323a49;
    margin-top: 5px;
    margin-bottom: 8px;
}

.sidebar  .select2-container--krajee-bs5 .select2-selection--single .select2-selection__rendered {
    color: #FFF;

}

.sidebar {
    background-repeat: no-repeat;
    background-position: right bottom;
}

.sidebar-nav i.fal {
    color: #7ee35b;
}

.logo {
    width: 100%;
    display: block;
    max-width: 255px;
    margin: 0 auto;
}


.bg-primary {
    background-color: #2D6CB5!important;
}

.border-primary {
    border-color: #2D6CB5!important;
}

.header.header-sticky {
    box-shadow: 0px 0px 20px #00000026;
    background: #fefefe;
}

.form-control {
    line-height: 30px;
}

.select2-selection.select2-selection--single {
    line-height: 30px;
    height: 44px;
}


.kv-table-header th {
    vertical-align: middle;
}

.kv-grid-container {
    min-height: 300px;
}


body.login-page {
    background-image: url(../img/loginback.jpg);
    background-size: cover;
    background-position: bottom left;
}

body.login-page div.justify-content-center .card {
    box-shadow: 0px 0px 50px #0005;
}

.input-changed {
    border-color: rgba(231, 211, 112, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(225, 202, 131, 0.9);
    outline: 0 none;
    transition: 200ms;
}

.itemRow .item-quantity-type {
    max-width: 80px;
}

.itemRow .item-price {
    background: #FAFAFA;
    cursor: not-allowed;
}

.itemRow .item-quantity,
.itemRow .item-netprice,
.itemRow .item-price,
.itemRow .item-vat {
    text-align: right;
}

.general-header {
    min-height: 60px;
    line-height: 60px;
    border-top: 1px solid #3237413b;
    padding-top: 10px;
}

.general-header.no-border {
    border: none;
}

.general-header h1 {
    font-weight: 300;
    font-size: 36px;
    display: inline;
    text-transform: uppercase;
    line-height: 60px;
    margin-left: 15px;
}

.general-header i {
    text-align: center;
    width: 70px;
    height: 70px;
    font-size: 35px;
    line-height: 70px;
    color: #ffffff;
    margin-bottom: 15px;
    border-radius: 50px;
    background: #323741;

}

.kv-checkbox-list {
    padding-left: 8px;
}

.modal-header {
    background: #2D6CB5;
    color: #FFF;
}

.render-block {
    margin: 0 0 1px 0;
}

.render-block .block-label {
    font-weight: bold;
}

.render-block .block-value {
}

.invoice-wrapper {
    background: #FFF;
    padding: 10px;
}

table .text-right {
    text-align: right;
}

table tr.table-secondary td {
    background: #2D6CB5;
    color: #FFF;
}

legend {
    display: table;
    white-space: nowrap;
    height: auto;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem
}

legend span {
    display: table-cell
}

legend:after,legend:before {
    position: relative;
    top: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")
}

legend.center:after,legend.center:before {
    width: 50%
}

legend.left:after,legend.left:before,legend.right:after,legend.right:before {
    width: 100%
}

legend.center:before,legend.right:before {
    content: " ";
    display: table-cell;
    background-position: right 1rem top 50%
}

legend.center:after,legend.left:after {
    content: " ";
    display: table-cell;
    background-position: left 1rem top 50%
}


.btn-outline-warning {
    --cui-btn-color: #ff9900;
    --cui-btn-border-color: #ff9900;
    --cui-btn-hover-color: #080a0c;
    --cui-btn-hover-bg: #ff9900;
    --cui-btn-hover-border-color: #ff9900;
    --cui-btn-active-color: #080a0c;
    --cui-btn-active-bg: #ff9900;
    --cui-btn-active-border-color: #ff9900;
}

.btn:hover {
    color: #FFFFFF;
}

.table-orderitems tr th {
    background-color: #2D6CB5;
    color: #FFF;
}

.table-orderitems .total td {
    font-weight: bold;
}

.table-orderitems tr.item:nth-child(even) td {
    background: #FAFAFA;
}

tr.table-grayback td {
    --cui-bg-opacity: 1;
    background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity)) !important;
}

td.table-label {
    text-align: right;
}

td.currency {
    text-align: right;
}

.reminder-container {
    background-color: #2D6CB5;
    border-radius: 10px;
    color: #FFF;
    margin-bottom: 10px;
}

.reminder-container.expired {
    background-color: var(--cui-red);
}

.reminder-infobar  {
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #FFF5;
    margin-bottom: 10px;
}

.reminder-infobar i {
    color: #7ee35b;
    margin-right: 5px;
}

.reminder-buttonbar {
    display: flex;
    justify-content: space-between;
}

.reminder-customer-name {
    font-weight: bold;
    font-size: 18px;
    color: #7ee35b;
}

.reminder-customer-phone {
    font-weight: bold;
    border-bottom: 1px solid #FFF5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.reminder-description {
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFF5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.reminder-status {
    font-weight: bold;
    text-align: center;
}


.kv-grid-table tr.status-draft:nth-child(odd) td {
    background-color: #ffd8b1;
}

.kv-grid-table tr.status-draft:nth-child(even) td {
    background-color: #ffe7d1;
}

.kv-grid-table tr.status-under-review:nth-child(odd) td {
    background-color: #e5ffb1;
}

.kv-grid-table tr.status-under-review:nth-child(even) td {
    background-color: #f4ffdd;
}

.kv-grid-table tr.status-invoiced:nth-child(odd) td {
    background-color: var(--cui-table-bg);
}

.kv-grid-table tr.status-invoiced:nth-child(even) td {
    background-color: var(--cui-table-bg);
}

.kv-grid-table tr.status-pushed-back:nth-child(odd) td {
    background-color: #ff9292;
}

.kv-grid-table tr.status-pushed-back:nth-child(even) td {
    background-color: #ffa8a8;
}

.kv-grid-table tr.status-pushed-back:nth-child(odd) td {
    background-color: #ff9292;
}

.kv-grid-table tr.status-pushed-back:nth-child(even) td {
    background-color: #ffa8a8;
}

.btn-outline-secondary {
    background: #ffffffad;
}

.invalid-feedback{
    display:block; !important
}

.list-group-item.active {
    background-color: #2ecc71;
    border-color: #2ecc71;
}

#profileMenu::after {
    display: none !important;
}

.profile-menu-container {
    padding: 5px;
}

.profile-menu-box {
    border-radius: 5px;
}

.profile-menu-box:hover {
    background-color: #323a49;
}

.text-primary {
    color: rgba(52, 152, 219, var(--cui-link-opacity, 1)) !important;
}
.rounded-circle:focus,
.rounded-circle:focus-visible,
.rounded-circle:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.icon-box {
    width: 60px;
    height: 60px;
    border-radius: 50%; /* teljesen kör */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* szükséges a pseudo-elementhez */
    overflow: visible; /* biztosítja, hogy a külső kör látszódjon */
    transition: transform 0.2s ease;
}

.icon-box i {
    font-size: 1.5rem;
}

/* Hover kör (minden változathoz közös) */
.icon-box::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transform: scale(0.9);
}

/* Hover állapot */
.icon-box:hover::after {
    opacity: 0.35;      /* halványabb kör */
    transform: scale(1); /* kis animált felnagyítás */
}

/* Színvariációk */
.icon-box-red {
    background-color: rgba(255, 99, 132, 0.15);
    color: rgba(255, 99, 132, 1) !important;
}
.icon-box-red::after {
    background-color: rgba(255, 99, 132, 0.3);
}

.icon-box-blue {
    background-color: rgba(54, 162, 235, 0.15);
    color: rgba(54, 162, 235, 1) !important;
}
.icon-box-blue::after {
    background-color: rgba(54, 162, 235, 0.3);
}

.icon-box-green {
    background-color: rgba(75, 192, 192, 0.15);
    color: rgba(75, 192, 192, 1) !important;
}
.icon-box-green::after {
    background-color: rgba(75, 192, 192, 0.3);
}

.icon-box-yellow {
    background-color: rgba(255, 206, 86, 0.15);
    color: rgba(255, 206, 86, 1) !important;
}
.icon-box-yellow::after {
    background-color: rgba(255, 206, 86, 0.3);
}



.min-width-0 {
    min-width: 0; /* kell a text-truncate-hoz flex item esetén */
}

.changed {
    background-color: #fff7d6; /* halvány sárga jelzés */
}

.changed-dot {
    color: orange;
    margin-left: 5px;
    font-weight: bold;
}

div.required label:after {
    content: " *";
    color: red;
}

.new-item {
    background-color: #d4edda; /* világos zöld */
}

.deleted-item {
    background-color: #f8d7da !important; /* világos piros */
    text-decoration: line-through;
    color: #721c24;
}

.bg-stripped td {
    background-image: repeating-linear-gradient(
            45deg,
            rgba(50,0,0, 0.10),
            rgba(50,0,0, 0.10) 3px,
            transparent 3px,
            transparent 6px
    );
    color: rgba(33,33,33, 0.75) !important;
}