@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --tblr-font-sans-serif: "Inter", trebuchet ms, verdana, "Arial", sans-serif;;
    --tblr-body-font-family: "Inter", trebuchet ms, verdana, "Arial", sans-serif;;
    --tblr-border-radius: 10px;
    --tblr-border-radius-sm: 4px;
    --ck-border-radius: var(--tblr-border-radius);
    --tblr-nav-link-font-size: 16px;
    --tblr-nav-link-font-weight: 600;
    --tblr-card-bg: #ffffffbb;
    --tblr-page-main-color: 122, 195, 120;
}

.btn {
    --tblr-btn-border-radius: var(--tblr-border-radius-sm);
    padding: 10px 20px;
    box-shadow: 0px 4px 8px 0px #0000001F;
}

.btn.btn-link {
    border-color: #efefef;
}

.rounded-default {
    border-radius: 10px;
}

tr:last-child .btn.btn-link {
    margin: 6px 3px;
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

.card-footer .table .btn.btn-link,
.action-buttons .btn.btn-link{
    background-color: rgba(255, 255, 255, 0.8);
}

.navbar-brand,
.auth-logo-container img {
    max-width: 60%;
}

.navbar-nav .nav-icon {
    color: var(--tblr-primary);
}

.navbar-nav .nav-link:hover .nav-icon,
.navbar-nav .dropdown-item:hover .nav-icon {
    color: var(--tblr-gray-200);
}

.page-wrapper {
    position: relative;
    background: linear-gradient(180deg, rgba(var(--tblr-page-main-color), 0.8) 0%, rgba(var(--tblr-page-main-color), 0) 100%),
    url("/img/page_background.png") top center no-repeat;
    background-size: 100% 100%, 100% auto;
}

.page-wrapper.offer-page-wrapper {
    background: url("/img/page_background.png") top center no-repeat;
    background-size: cover;
}

.offer-page-wrapper .header-card {
    background-color: rgba(2, 248, 247, 0.75) !important;
    border-radius: 20px !important;
}

.offer-page-wrapper a:hover {
    text-decoration: none !important;
}

.offer-page-wrapper .card-body + .card-body {
    border-top: var(--tblr-border-width) var(--tblr-border-style) #ceccc9 !important;
}

.offer-page-wrapper .card-body {
    margin: 0 20px;
}

.offer-page-wrapper {
    table tr td {
        color: #403f41;
    }

    table tr:hover {
        color: #403f41;
    }
}

.mx-20 {
    margin: 2rem 20rem;
}

.text-offer-gray {
    color: #3d3d3d;
}

.pt-35 {
    padding-top: 35px;
}

.offer-page-wrapper {
    .footer {
        padding: 0;
        margin: 0 30px;
        background-color: #e8e8e8 !important;
        border-radius: 10px;
        font-size: 16px;

        .title {
            color: white;
            padding: 20px;
            background: #5c5c5c !important;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;

            h2 {
                padding: 0;
            }
        }


    }

    .content {
        padding: 20px 50px;
    }

    tr:last-child td {
        border: none;
    }

    .option {
        font-size: 35px;
        font-weight: bold;
        border-bottom-left-radius: 10px;
    }

    .option-name{
        font-size: 18px;
    }
}

.offer-page-wrapper .btn-option:hover {
    color: var(--tblr-primary) !important;
    border-bottom-color: rgb(231, 230, 231);
}

.offer-page-wrapper .btn-option {
    min-width: 200px;
    margin-right: 10px;
    border-radius: 10px 10px 0px 0px;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.offer-page-wrapper .btn-option.active {
    background-color: rgba(2, 248, 247, 0.75) !important;
    color: white;
    border-bottom-color: rgb(231, 230, 231);
}

.offer-page-wrapper .btn-option.active:hover {
    color: black !important;
}

.offer-page-wrapper .box {
    background-color: rgba(72, 92, 92, 0.8) !important;
    padding: 10px;
    margin: 5px 0;
    border-radius: 10px;
    min-height: 230px;
}

.offer-page-wrapper .box .inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .offer-page-wrapper .box {
        min-height: auto;
        margin-bottom: 10px;
    }
}

.offer-page-wrapper .box .box-title {
    color:white;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid white;
}

.net-total {
    font-size: 25px;
}

.font-total {
    font-size: 20px;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px;
}

.font-total-small {
    font-size: 18px;
}

.option-padding {
    padding: 10px 0 !important;
}

.group-name-color {
    color: #403f41;
}

.custom-body {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 30px;
    color: #8e8d8e;
}

.custom-body .card-body .key {
    color: #3e3e3e;
}

.custom-body .card-body .value {
    color: #3f3f3f;
    word-break: break-word;
}

.custom-view .accordion {
    margin-bottom: 20px;
}

.custom-view .accordion-button {
    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 236, 0.5) 66.83%, rgba(255, 255, 255, 0.5) 100%);
}

.custom-view .accordion-collapse {
    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 236, 0.5) 66.83%, rgba(255, 255, 255, 0.5) 100%);
}

.total-width {
    width: 380px;
}

.group-total {
    color: #288787 !important;
}

.btn-tooltip {
    background: none;
    border: none;
    color: var(--tblr-danger);
    font-size: 20px;
}

.btn-offer {
    background-color: var(--tblr-light) !important;
    max-width: 230px;
    width: 230px;
    font-size: 16px;
    text-wrap: auto;
    margin: 0;
}

.btn-offer:hover {
    border-color: transparent !important;
    color: var(--tblr-primary) !important;
}

.btn-offer.btn-blue{
    background-color: #2ba4fd !important;
    color: var(--tblr-light) !important;
}

.btn-offer.btn-blue:hover {
    background-color: #1797f6 !important;
}

.btn-offer.btn-yellow {
    background-color: #FEF671 !important;
    color: var(--tblr-dark) !important;
}

.btn-offer.btn-yellow:hover {
    background-color: #E6D935 !important;
}

.ml-20 {
    margin-left: 20px;
}

.h-min-width {
    min-width: 200px;
}

.contact-box {
    padding: 40px;
}

.contact-inner {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
}

.contact-inner.client-notification-disabled {
    background-color: rgba(92, 26, 26, 0.8) !important;
}

.text-primary {
    color: var(--tblr-primary) !important;
}

.th-left-border {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.th-right-border {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.contact-box .contact-title {
    color: var(--tblr-primary-light) !important;
    text-decoration: underline;
    margin-top: 10px;
    font-size: 18px !important;
}

.downloads {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.downloads .divider {
    width: 1px;
    height: 40px;
    background-color: #bfbfbf;
    margin: 0 20px;
}

.header-operation,
.header-operation a,
.breadcrumb a,
.breadcrumb {
    color: var(--tblr-heading-color);
}

.btn.float-end.float-right {
    color: black;
}

.offer-contract-nav {
    color: var(--tblr-nav-tabs-link-active-color);
    background-color: var(--tblr-nav-tabs-link-active-bg);
    border-color: var(--tblr-nav-tabs-link-active-border-color);
    margin: 0 5px;
}

.offer-contract-nav.active {
    color: var(--tblr-primary) !important;
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 40px;
}

.file-upload-wrapper::after {
    content: attr(data-text);
    font-size: 14px;
    background: #fff;
    display: block;
    pointer-events: none;
    z-index: 20;
    height: 30px;
    line-height: 30px;
    color: #999;
    border-radius: 4px;
    font-weight: 300;
    padding-left: 4px;
    text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 41px;
    max-width: 230px;
    transform: translate(-50%, -50%);
    width: 100%;
    overflow: hidden;
}

.file-upload-wrapper::before {
    content: attr(data-button-text);
    background: white;
    color: black;
    display: inline-block;
    height: 40px;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 40px;
    padding: 0 15px;
    pointer-events: none;
    border-radius: 4px;
    width: 100%;
    max-width: 230px;
}

.file-upload-wrapper:hover::before {
    background: #2ba4fd;
    color:white;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.project-status,
.project-task-status,
.postproduction-status,
.offer-status,
.invoice-status,
.todo-status,
.post-production-status,
.post-production-priority,
.calendar-status {
    text-align: center;
    color: var(--tblr-light);
}

#crudTable td span.project-status,
#crudTable td span.project-task-status,
#crudTable td span.postproduction-status,
#crudTable td span.offer-status,
#crudTable td span.invoice-status,
#crudTable td span.todo-status,
#crudTable td span.post-production-status,
#crudTable td span.post-production-priority,
#crudTable td span.calendar-status {
    display: inline-block;
    min-width: 90%;
}

table.post_productions td span.post-production-status,
table.post_productions td span.post-production-priority {
    display: inline-block;
    min-width: 90%;
}

.card,
.tab-content {
    box-shadow: 0 10px 20px 0 #00000029;
}

.card-table {
    box-shadow: none;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5 {
    color: var(--tblr-table-color);
}

span.dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.is-running span.dot {
    background: var(--tblr-success);
}

.done span.dot {
    background: var(--tblr-danger);
}


.comment .header,
.sub-comment .header {
    border-bottom: 1px dashed gray;
    padding: 5px 0;
    margin-bottom: 5px;
}

.comment .header .commented-by,
.sub-comment .header .commented-by {
    font-size: var(--tblr-font-size-h4);
    line-height: var(--tblr-line-height-h4);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: var(--tblr-font-weight-bold);
    line-height: 1.2;
}

.comment .comment-text {
    font-size: var(--tblr-font-size-h3);
    font-weight: var(--tblr-font-weight-bold);
    border-bottom: 2px solid gray;
}

.comment .body {
    border-bottom: 3px dotted gray;
    padding: 15px 0 15px 10px;
}

.comment .sub-comment {
    margin: 0 0 10px 50px;
    background-color: #5146E31A;

}

.reacts {
    border: 1px solid gray;
    color: gray;
    border-radius: 3px;
}

.reacts .la-xl {
    font-size: 1.5rem;
}

.reacts .like-button {
    color: gray;
}

.reacts .like-button:hover i {
    color: var(--tblr-primary-text-emphasis);
}

.reacts .like-button.liked {
    color: var(--tblr-primary);
}

.like .like-count,
.viewers .viewer-count {
    font-size: 14px;
    margin: 0 7px;
}

.active-answer {
    background-color: #00000029 !important;
    border: 1px solid #efefef !important;
}

.dataTables_scrollHead .dataTable {
    border-top-right-radius: var(--tblr-border-radius) !important;
    border-top-left-radius: var(--tblr-border-radius) !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.dataTables_scrollBody .dataTable {
    border-radius: 0 !important;
}

.dataTables_scrollFoot .dataTable {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: var(--tblr-border-radius) !important;
    border-bottom-left-radius: var(--tblr-border-radius) !important;
}

.navbar.navbar-filters {
    --tblr-card-bg: #ffffffdd;
    background: var(--tblr-card-bg) !important;
    border-radius: var(--tblr-border-radius) !important;
}

.card-table tfoot tr:first-child td,
.card-table tfoot tr:first-child th,
.card-table thead tr:first-child td,
.card-table thead tr:first-child th {
    border-top: 0;
    border-bottom: 0;
}

.repeatable-element {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
}

.repeatable-element:last-child {
    padding-bottom: 10px !important;
}

.repeatable-group {
    padding: 0 !important;
}

.form-control[readonly] {
    background-color: var(--tblr-gray-100);
    cursor: not-allowed;
}

#offer-summary td,
#project-summary td {
    min-width: 150px;
}

#offer-summary h1,
#offer-summary h2,
#offer-summary h3,
#project-summary h1,
#project-summary h2,
#project-summary h3 {
    color: var(--tblr-table-color);
}

div[bp-field-type="upload_multiple"] label {
    display: block;
}

.work_day {
    color: var(--tblr-success);
}

.holiday {
    color: var(--tblr-danger);
}

.tabular-nums {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

#pills-tab td.flex-td {
    vertical-align: middle;
}

#crudTable_wrapper .table-striped > tbody > tr.no-padding:hover > * {
    background-color: initial;
}

.border-primary {
    border-color: var(--tblr-primary) !important;
}

.outgoing-invoice {
    background: rgba(179, 179, 179, 0.3) !important;
}

.incoming-invoice {
    background: rgba(166, 166, 166, 0.5) !important;
}

.sum-invoice {
    background: rgba(139, 139, 139, 0.7) !important;
}

.sum-row {
    color: white;

    background-color: rgb(205, 146, 10) !important;
}

.navbar-vertical:not(.navbar-fixed) {
    position: fixed !important;
}

.blend-work {
    background-color: deepskyblue;
}

.white-space-no-wrap {
    white-space: nowrap;
}

#offcanvasTopAccept {
    height: 20vh;
    min-height: 180px;
}

#offcanvasTopReject,
#offcanvasTopModify {
    height: 30vh;
    min-height: 280px;
}

@media (max-width: 991px) {
    .navbar-vertical:not(.navbar-fixed) {
        z-index: 300;
        position: static !important;
    }

    .page-body {
        margin-top: 60px;
    }

    .dataTables_info {
        display: none;
    }

    #offcanvasTopAccept {
        height: 26vh;
        min-height: 230px;
    }

    #offcanvasTopReject,
    #offcanvasTopModify {
        height: 40vh;
        min-height: 330px;
    }

    .total-width {
        width: 300px;
    }
}

#remove_filters_button {
    background-color: var(--tblr-danger) !important;
    color: white !important;
}

.dataTables_scrollBody {
    min-height: 60vh;
}

#crudTable table tr th:first-child,
#crudTable table tr td:first-child {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.dataTable thead tr > .dtfc-fixed-left,
table.dataTable thead tr > .dtfc-fixed-right,
table.dataTable tfoot tr > .dtfc-fixed-left,
table.dataTable tfoot tr > .dtfc-fixed-right {
    background: var(--tblr-bg-surface-tertiary) !important;
}

#crudTable_wrapper .table-striped > tbody > tr:hover > * {
    background-color: var(--tblr-row-hover) !important;
}

.table-content,
.dataTables_scrollBody {
    background: var(--tblr-card-bg);
}

table#crudTable {
    background: var(--tblr-card-bg) !important;
}

#crudTable_wrapper > .table-content {
    background: none !important;
}

.comment-font-size {
    font-size: 12px;
}

.swal-button--cancel {
    background-color: var(--tblr-warning) !important;
}

.swal-text {
    text-align: center;
}

.flatpickr-day {
    line-height: 34px !important;
    border-width: 3px !important;
    color: var(--tblr-body-color);
}

.flatpickr-day.selected:hover {
    background: #e6e6e6 !important;
    border-color: #e6e6e6;
    color: var(--tblr-body-color) !important;
}

.flatpickr-day.holiday-date {
    background-color: rgba(var(--tblr-danger-rgb), 0.2);
    border-color: var(--tblr-danger-border-subtle);
}

.flatpickr-day.holiday-date.selected,
.flatpickr-day.holiday-date.startRange,
.flatpickr-day.holiday-date.endRange,
.flatpickr-day.holiday-date.selected.inRange,
.flatpickr-day.holiday-date.startRange.inRange,
.flatpickr-day.holiday-date.endRange.inRange,
.flatpickr-day.holiday-date.selected:focus,
.flatpickr-day.holiday-date.startRange:focus,
.flatpickr-day.holiday-date.endRange:focus,
.flatpickr-day.holiday-date.selected:hover,
.flatpickr-day.holiday-date.startRange:hover,
.flatpickr-day.holiday-date.endRange:hover,
.flatpickr-day.holiday-date.selected.prevMonthDay,
.flatpickr-day.holiday-date.startRange.prevMonthDay,
.flatpickr-day.holiday-date.endRange.prevMonthDay,
.flatpickr-day.holiday-date.selected.nextMonthDay,
.flatpickr-day.holiday-date.startRange.nextMonthDay,
.flatpickr-day.holiday-date.endRange.nextMonthDay,
.flatpickr-day.holiday-date.inRange,
.flatpickr-day.holiday-date.prevMonthDay.inRange,
.flatpickr-day.holiday-date.nextMonthDay.inRange,
.flatpickr-day.holiday-date.today.inRange,
.flatpickr-day.holiday-date.prevMonthDay.today.inRange,
.flatpickr-day.holiday-date.nextMonthDay.today.inRange,
.flatpickr-day.holiday-date:hover,
.flatpickr-day.holiday-date.prevMonthDay:hover,
.flatpickr-day.holiday-date.nextMonthDay:hover,
.flatpickr-day.holiday-date:focus,
.flatpickr-day.holiday-date.prevMonthDay:focus,
.flatpickr-day.holiday-date.nextMonthDay:focus {
    border-color: var(--tblr-danger-border-subtle) !important;
}

.flatpickr-day.workday-date {
    background-color: rgba(var(--tblr-warning-rgb), 0.2);
    border-color: var(--tblr-warning-border-subtle);
}

.flatpickr-day.workday-date.selected,
.flatpickr-day.workday-date.startRange,
.flatpickr-day.workday-date.endRange,
.flatpickr-day.workday-date.selected.inRange,
.flatpickr-day.workday-date.startRange.inRange,
.flatpickr-day.workday-date.endRange.inRange,
.flatpickr-day.workday-date.selected:focus,
.flatpickr-day.workday-date.startRange:focus,
.flatpickr-day.workday-date.endRange:focus,
.flatpickr-day.workday-date.selected:hover,
.flatpickr-day.workday-date.startRange:hover,
.flatpickr-day.workday-date.endRange:hover,
.flatpickr-day.workday-date.selected.prevMonthDay,
.flatpickr-day.workday-date.startRange.prevMonthDay,
.flatpickr-day.workday-date.endRange.prevMonthDay,
.flatpickr-day.workday-date.selected.nextMonthDay,
.flatpickr-day.workday-date.startRange.nextMonthDay,
.flatpickr-day.workday-date.endRange.nextMonthDay,
.flatpickr-day.workday-date.inRange,
.flatpickr-day.workday-date.prevMonthDay.inRange,
.flatpickr-day.workday-date.nextMonthDay.inRange,
.flatpickr-day.workday-date.today.inRange,
.flatpickr-day.workday-date.prevMonthDay.today.inRange,
.flatpickr-day.workday-date.nextMonthDay.today.inRange,
.flatpickr-day.workday-date:hover,
.flatpickr-day.workday-date.prevMonthDay:hover,
.flatpickr-day.workday-date.nextMonthDay:hover,
.flatpickr-day.workday-date:focus,
.flatpickr-day.workday-date.prevMonthDay:focus,
.flatpickr-day.workday-date.nextMonthDay:focus {
    border-color: var(--tblr-warning-border-subtle) !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-dark);
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--tblr-gray-400) !important;
    color: var(--tblr-light);
}

aside .navbar-nav .nav-item.dropdown span.badge {
    display: flex;
    min-width: 20px;
    width: 20px;
    height: 20px;
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg {
        width: 16rem;
    }

    .navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
        margin-left: 16rem;
    }
}

form .select2-selection.select2-selection--multiple {
    background: none !important;
}

form .form-control,
form .input-group-text,
form .ck-editor,
form .dropzone-target,
form .backstrap-file-label,
form .select2.select2-container,
form .select2-selection.select2-selection--single,
form .select2-selection.select2-selection--multiple ul.select2-selection__rendered {
    border: 1px solid #757C8A !important;
    border-radius: var(--tblr-border-radius) !important;
    box-shadow: 0px 8px 23px 0px #021F1F1A !important;
    background-color: var(--tblr-bg-forms);
}

.ck-toolbar,
.ck-rounded-corners {
    border: none !important;
    border-radius: var(--ck-border-radius) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: none !important;
}

.ck-toolbar {
    border-bottom: 1px solid #757C8A !important;
}

.ck-editor,
.dropzone {
    background-color: var(--tblr-bg-forms) !important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.date):not(.flatpickr-date-input):not(.flatpickr-datetime-input) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

form .select2.select2-container {
    border: none !important;
}

.tab-container .nav-tabs {
    /*gap: 16px; TODO ha kikerül az utómunka akkor ezt vissza kell rakni! */
    gap: 12px; /* TODO ha kikerül az utómunka akkor ezt ki kell szedni! */
}

.tab-container .nav-tabs .nav-item .nav-link {
    display: grid;
    /*width: 160px; TODO ha kikerül az utómunka akkor ezt vissza kell rakni! */
    height: 80px;
    padding-top: 12px;
    /*padding-right: 16px; TODO ha kikerül az utómunka akkor ezt vissza kell rakni! */
    padding-bottom: 12px;
    /*padding-left: 16px; TODO ha kikerül az utómunka akkor ezt vissza kell rakni! */
    border-radius: var(--tblr-border-radius);
    border: 1.5px solid #FFFFFF;
    background: var(--tblr-card-bg) !important;
    backdrop-filter: blur(8px);
    box-shadow: 0px 4px 12px 0px #0134341A;
    text-align: center;

    width: 147px; /* TODO ha kikerül az utómunka akkor ezt ki kell szedni! */
    padding-right: 5px; /* TODO ha kikerül az utómunka akkor ezt ki kell szedni! */
    padding-left: 5px; /* TODO ha kikerül az utómunka akkor ezt ki kell szedni! */
    font-size: 14px; /* TODO ha kikerül az utómunka akkor ezt ki kell szedni! */
}

.tab-container .nav-tabs .nav-item .nav-link.active {
    background: #FFFFFF !important;
    position: relative;
    overflow: hidden;
}

.tab-container .nav-tabs .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 10px;
    background: rgb(var(--tblr-page-main-color));
    border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius);
    z-index: 2;
    pointer-events: none;
}

[data-bs-theme=light] div.tab-container div.tab-content,
div.tab-container div.tab-content {
    background: var(--tblr-card-bg) !important;
    border: 1.5px solid #FFFFFF !important;
    border-radius: var(--tblr-border-radius) !important;
    backdrop-filter: blur(8px);
    box-shadow: 0px 8px 23px 0px #021F1F1A !important;
    margin-top: 16px;
}


.container-fluid .row .col-md-12 > div > .card,
.container-fluid .container-fluid > .card {
    --tblr-card-bg: #ffffffbb;

    background: var(--tblr-card-bg) !important;
}

.container-fluid .container-fluid > .card.card-white {
    --tblr-card-bg: #ffffff;
}

.page-body .container-fluid h1,
.page-body .container-fluid h2,
.page-body .container-fluid h3 {
    color: var(--tblr-table-color);
}

.card-footer {
    background: none;
}

.container-fluid .row .col-md-12 > div > .card table.table-striped > tbody > tr:nth-of-type(even) > *,
.container-fluid .container-fluid > .card table.table-striped > tbody > tr:nth-of-type(even) > * {
    --tblr-table-accent-bg: rgba(255, 255, 255, 0.4);
}


.navbar-vertical .navbar-nav .nav-item {
    background: linear-gradient(90deg, rgba(0, 178, 178, 0.1) 0%, rgba(0, 178, 178, 0) 100%);
    margin: 0;
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color {
    border-bottom: 1px solid #00B2B233
}

.navbar-vertical .navbar-nav .nav-item.active:after {
    border-left: 4px solid #00B2B2;
}

.navbar-vertical .navbar-nav .nav-icon {
    width: 28px;
    height: 28px;
    padding: 6px;
    gap: 8px;
    border-radius: 6px;
    background: #00B2B2;
    color: #ffffff;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-green {
    background: linear-gradient(90deg, rgba(0, 178, 178, 0.1) 0%, rgba(0, 178, 178, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-green,
.navbar-vertical .navbar-nav .nav-item.nav-color-green .dropdown-menu .dropdown-item.nav-color-green:last-of-type {
    border-bottom: 1px solid #00B2B233;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-green:after {
    border-left: 4px solid #00B2B2;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-green .nav-icon {
    background-color: #00B2B2;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-blue {
    background: linear-gradient(90deg, rgba(81, 70, 227, 0.4) 0%, rgba(81, 70, 227, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-blue,
.navbar-vertical .navbar-nav .nav-item.nav-color-blue .dropdown-menu .dropdown-item.nav-color-blue:last-of-type {
    border-bottom: 1px solid #5146E333;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-blue:after {
    border-left: 4px solid #5146E3;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-blue .nav-icon {
    background-color: #5146E3;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-pink {
    background: linear-gradient(90deg, rgba(221, 56, 171, 0.1) 0%, rgba(221, 56, 171, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-pink,
.navbar-vertical .navbar-nav .nav-item.nav-color-pink .dropdown-menu .dropdown-item.nav-color-pink:last-of-type {
    border-bottom: 1px solid #DD38AB33;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-pink:after {
    border-left: 4px solid #DD38AB;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-pink .nav-icon {
    background-color: #DD38AB;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-yellow {
    background: linear-gradient(90deg, rgba(205, 146, 10, 0.1) 0%, rgba(205, 146, 10, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-yellow,
.navbar-vertical .navbar-nav .nav-item.nav-color-yellow .dropdown-menu .dropdown-item.nav-color-yellow:last-of-type {
    border-bottom: 1px solid #CD920A33;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-yellow:after {
    border-left: 4px solid #CD920A;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-yellow .nav-icon {
    background-color: #CD920A;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-orange {
    background: linear-gradient(90deg, rgba(242, 112, 86, 0.1) 0%, rgba(242, 112, 86, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-orange,
.navbar-vertical .navbar-nav .nav-item.nav-color-orange .dropdown-menu .dropdown-item.nav-color-orange:last-of-type {
    border-bottom: 1px solid #F2705633;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-orange:after {
    border-left: 4px solid #F27056;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-orange .nav-icon {
    background-color: #F27056;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-purple {
    background: linear-gradient(90deg, rgba(143, 98, 217, 0.1) 0%, rgba(143, 98, 217, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-purple,
.navbar-vertical .navbar-nav .nav-item.nav-color-purple .dropdown-menu .dropdown-item.nav-color-purple:last-of-type {
    border-bottom: 1px solid #8F62D933;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-purple:after {
    border-left: 4px solid #8F62D9;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-purple .nav-icon {
    background-color: #8F62D9;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-red {
    background: linear-gradient(90deg, rgba(236, 70, 110, 0.1) 0%, rgba(236, 70, 110, 0) 100%);
}

.navbar-vertical .navbar-nav .nav-item.nav-item-last-color.nav-color-red,
.navbar-vertical .navbar-nav .nav-item.nav-color-red .dropdown-menu .dropdown-item.nav-color-red:last-of-type {
    border-bottom: 1px solid #EC466E33;
}

.navbar-vertical .navbar-nav .nav-item.active.nav-color-red:after {
    border-left: 4px solid #EC466E;
}

.navbar-vertical .navbar-nav .nav-item.nav-color-red .nav-icon {
    background-color: #EC466E;
}

.places-table td.places-table-place,
.places-table td.places-table-address {
    max-width: 500px;
    min-width: 250px;
    hyphens: auto;
    white-space: normal !important;
    overflow-wrap: break-word;
}

.places-table td.places-table-place {
    min-width: 350px;
}

.places-table td.places-table-date {
    min-width: 160px;
}

.offer-column-name,
.project-column-name {
    hyphens: auto;
    white-space: normal !important;
    overflow-wrap: break-word;
    max-width: 500px;
    min-width: 250px;
}

.card.custom-card {
    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.8) 0%, rgba(236, 236, 236, 0.8) 66.83%, rgba(255, 255, 255, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 1);
    backdrop-filter: blur(8px);
    box-shadow: 4px 4px 24px 1px rgba(0, 0, 0, 0.15);
}

.card.custom-calendar {
    background: #181b34 !important;
}

.card.custom-calendar .fc-col-header-cell-cushion,
.card.custom-calendar .fc-toolbar-title,
.card.custom-calendar .fc-daygrid-day-number,
.card.custom-calendar .fc-timegrid-slot-label-cushion {
    color: white;
}

.card.custom-calendar .fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.8;
}

.card.custom-calendar .fc table {
    font-size: 0.9rem !important;
}

.card.custom-calendar .fc-timegrid-slot-minor {
    border-top: none !important;
}

.card.custom-calendar .fc-timegrid-slot-lane-minor {
    border-top: none !important;
}

.card.custom-calendar .fc-timegrid-slot:hover,
.card.custom-calendar .fc-timegrid-col-frame:hover,
.card.custom-calendar .fc-daygrid-day:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.card.custom-calendar .fc-daygrid-day.fc-day-past:hover {
    background-color: rgba(170, 171, 187, 0.7) !important;
}

/* Hover effekt a mai napon - világosítja a meglévő kék háttérszínt */
.card.custom-calendar .fc-daygrid-day.fc-day-today:hover,
.fc .fc-daygrid-day.fc-day-today:hover {
    background-color: rgba(56, 193, 248, 0.85) !important;
}

#forum-container {
    .card-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .transparent-bg {
        background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.3) 0%, rgba(236, 236, 236, 0.3) 66.83%, rgba(255, 255, 255, 0.3) 100%);
        backdrop-filter: none;
    }

    .blue-bg {
        background: #5146E3;
    }

    .blue-color {
        color: #5146E3;
    }

    .textarea-with-icon {
        position: relative;
        display: inline-block;
        width: 100%; /* vagy fix szélesség */
    }

    .textarea-with-icon i {
        position: absolute;
        top: 8px; /* függőleges igazítás */
        left: 8px; /* bal margó */
        font-size: 20px; /* ikon méret */
        color: #666;
        pointer-events: none; /* ne lehessen rákattintani */
    }

    .textarea-with-icon textarea {
        width: 100%;
        padding-left: 36px; /* hogy a szöveg ne fusson az ikon alá */
        box-sizing: border-box;
        min-height: 120px;
        resize: vertical;
        line-height: 1.4;
    }
}

.first-letter-uppercase::first-letter {
    text-transform: uppercase !important;
}

.custom-dropdown {
    a {
        margin: 0 !important;
        box-shadow: none;
        justify-content: start;
        align-items: center;
        font-size: 14px;
    }

    a:hover {
        color: var(--tblr-dropdown-link-hover-color);
        text-decoration: none;
        background-color: var(--tblr-dropdown-link-hover-bg);
    }

    a span {
        color: black;
    }

    a i {
        color: var(--tblr-primary);
    }
}

.token {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--tblr-primary);
    padding: 5px;
    border-radius: 4px;
    margin: 5px;
}

.token-border::after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background: rgba(117, 124, 138, 0.4);
}

.custom-view-table {
    border-collapse: separate;
    border-spacing: 0 15px;
}


.custom-view-table tr th {
    color: rgba(37, 37, 37, 0.7);
}

.custom-view-table tr:not:first-child {
    box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.15);
}

.custom-view-table tr td {
    position: relative;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.3);
}

.custom-view-table tr td::before {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0;
    width: 1px;
    background: rgba(117, 124, 138, 0.4);
}

.custom-view-table tr td:first-child::before {
    content: none;
}

.custom-view .card {
    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 236, 0.5) 66.83%, rgba(255, 255, 255, 0.5) 100%);
}

.custom-view .nav {
    border: none;
}

.custom-view .nav .status-link,
.custom-view .nav .template-link,
.custom-view .nav .date-link {
    color: white;
}

.custom-view .nav .status-link.active,
.custom-view .nav .template-link.active,
.custom-view .nav .date-link.active {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: none;

    color: black;

    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 236, 0.5) 66.83%, rgba(255, 255, 255, 0.5) 100%);
}

.custom-view-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    padding: 40px;
    background: linear-gradient(118.35deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 236, 0.5) 66.83%, rgba(255, 255, 255, 0.5) 100%);
    border-radius: 8px;
}

/* RWD */
@media (max-width: 767px) {
    .downloads {
        position: relative;
        transform: none;
        right: 0;
        top: 0;
    }

    .offer-page-wrapper {
        .option {
            font-size: 35px;
        }
    }

    .font-total {
        font-size: 16px;
    }


    .font-total-small {
        font-size: 14px;
    }

    .h-min-width {
        min-width: 150px;
    }

    .offer-page-wrapper .card-body {
        margin: 0;
    }

    .contact-box {
        padding: 10px;
    }

    .ml-20 {
        margin-left: 0;
    }

    .custom-body .card-body .value {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }

    .net-total {
        font-size: 20px;
    }

    .offer-page-wrapper .content {
        padding: 20px;
    }
}

.tooltip.tooltip-light .tooltip-inner {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/* Nyíl (arrow) színe minden pozícióhoz */
.tooltip.tooltip-light.bs-tooltip-top .tooltip-arrow::before { border-top-color: #ffffff; }
.tooltip.tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #ffffff; }
.tooltip.tooltip-light.bs-tooltip-start .tooltip-arrow::before { border-left-color: #ffffff; }
.tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow::before { border-right-color: #ffffff; }

.outer-avatar {
    margin-left: -15px;
}

.upload-button-margin {
    margin-top: 2.3rem;
}

.fc .fc-daygrid-day.fc-day-past {
    background-color: rgba(170, 171, 187, 0.5);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(56, 193, 248, 0.7);
}

.fc .fc-daygrid-day-bg .fc-highlight {
    background: none;
}

.fc .fc-daygrid-day:has(.fc-highlight) {
    box-shadow: inset 0 0 10px 5px rgba(56, 193, 248, 0.7);
}