.card-bg-soft-primary {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

.activity-item {
    background-color: #F8F9FA;
    border: 2px solid #E9ECEF;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.auth-full-bg .bg-overlay {
    background: url(../images/login_background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.info-card.audit .card-header {
    border-color: #FD7E14;
    background-color: rgba(253, 126, 20, 0.1);
}

div[data-lastpass-icon-root] {
    display: none !important;
}

.labelrequired .form-label:after {
    color: #D00;
    content: "*";
    position: relative;
    margin-left: 8px;
    top: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 15px; /* adjust as needed to align with arrow */
    top: 50%;
    transform: translateY(-50%);
    color: #CED4DA;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

#vacEditor {
    height: 450px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

    #vacEditor.is-invalid {
        border-color: #F46A6A;
    }

    #vacEditor.is-valid {
        border-color: #34C38F;
        box-shadow: none;
    }

        #vacEditor.is-valid:focus {
            border-color: #34C38F;
            box-shadow: 0 0 0 .15rem rgba(52,195,143, .25);
        }

/*Custom for date picker*/
/* Make flatpickr input look like Bootstrap form-control */
.flatpickr-input {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
}

/* Match calendar popup to Bootstrap theme */
.flatpickr-calendar {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

/* Style header */
.flatpickr-months {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* Day hover and selected styles */
.flatpickr-day:hover {
    background-color: #e9ecef;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    line-height: 1.5;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 25px !important;
        padding-left: 0.5rem;
        color: #6c757d;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
        top: 1px;
    }

.select2-container.is-invalid .select2-selection {
    border-color: #dc3545 !important;
}

/* Icon container for valid/invalid inside Select2 */
.select2-container.is-invalid .select2-selection--single {
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' class='bi bi-exclamation-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm.93-6.481a.5.5 0 0 1 .492.41l.008.09-.002 3a.5.5 0 0 1-.992.09l-.008-.09.002-3a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    border-color: #dc3545 !important;
}

.select2-container.is-valid .select2-selection--single {
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230ab39c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .25rem) center;
    background-size: 1.20rem !important;
}

.tasks-wrapper {
    max-height: calc(100vh - 318px) !important;
}

.dropzone-container.dropzone-highlight {
    outline: 3px dashed #0d6efd;
    position: relative;
    z-index: 0;
}

.gu-mirror {
    z-index: 10; /* make sure dragged item stays above */
}

.sortable-rows {
    min-height: 50px !important;
}

    .sortable-rows.drag-over {
        border-color: #007bff;
    }

tr.drop-placeholder {
    background-color: #f8f9fa;
    font-style: italic;
    border: 2px dashed #999999;
}

.planner-item-header {
    border-radius: 5px;
    border: 1px solid #E9EBEC;
    background-color: #FFFFFF;
    border-left: 5px solid #405189;
}

tr.offer-row td {
    border: 1px solid #E9EBEC;
}

/*to publish*/
td.bd-1 {
    border-left: 5px solid rgba(10, 179, 156, 1) !important;
}

/*to update*/
td.bd-2 {
    border-left: 5px solid rgba(247, 184, 75, 1) !important;
}

/*extend publication*/
td.bd-3 {
    border-left: 5px solid rgba(41, 156, 219, 1) !important;
}

/*to delete*/
td.bd-4 {
    border-left: 5px solid rgba(240, 101, 72, 1) !important;
}

.bd-1, .bd-2, .bd-3, .bd-4 {
    padding-left: 10px !important;
}

.table-fixed th,
.table-fixed td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

    .table-fixed th:nth-child(1),
    .table-fixed td:nth-child(1) {
        width: 20px; /* order */
        min-width: 20px !important;
        max-width: 20px !important;
    }

    .table-fixed th:nth-child(2),
    .table-fixed td:nth-child(2) {
        width: 300px; /* Title */
        min-width: 300px;
        max-width: 300px;
    }

    .table-fixed th:nth-child(3),
    .table-fixed td:nth-child(3) {
        width: 50px; /* type */
    }

    .table-fixed th:nth-child(4),
    .table-fixed td:nth-child(4) {
        width: 50px; /* datum */
    }

    .table-fixed th:nth-child(5),
    .table-fixed td:nth-child(5) {
        width: 150px; /* klant */
        min-width: 150px;
        max-width: 150px;
    }

    .table-fixed th:nth-child(6),
    .table-fixed td:nth-child(6) {
        width: 100px; /* Contract */
    }

    .table-fixed th:nth-child(7),
    .table-fixed td:nth-child(7) {
        width: 50px; /* kanaal */
    }

    .table-fixed th:nth-child(8),
    .table-fixed td:nth-child(8) {
        width: 160px; /* Verantwoordelijke */
    }

    .table-fixed th:nth-child(9),
    .table-fixed td:nth-child(8) {
        width: 120px; /* Voortgang */
    }

.planner-item-header .badge-group {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: nowrap;
}

.planner-item-header h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.image-preview {
    max-width: 100%;
    max-height: 150px;
    border-radius: 0.375rem;
}

#mailEditor {
    height: 400px;
    overflow-y: auto;
}

.timeline-2 .timeline-year p {
    background-color: rgba(53, 119, 241, 1) !important;
    opacity: 1;
    z-index: 999;
    color: #FFFFFF;
}

.timeline-2:after {
    background-color: rgba(13, 110, 253, .1) !important;
}


.timeline-box {
    border-color: #405189 !important;
}

.timeline-2 .timeline-box:before {
    border-color: transparent #405189 transparent transparent !important;
}

.timeline-2 .timeline-launch .timeline-box:before {
    border-color: transparent transparent #405189 transparent !important;
}

@media print {
    .page-break {
        page-break-before: always;
        break-before: page;
        display: block;
        height: 0;
    }
}

.offcanvas.offcanvas-end {
    width: 500px !important;
}