/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.cust-validated .invalid-feedback, .cust-validated :invalid ~ .invalid-tooltip {
    display: block !important;
}

.alert-danger .validation-message {
    list-style: none;
}

.cursor_pointer {
    cursor: pointer !important;
}

.activities .outeract {
    text-align: left;
    padding: 4px 0px 4px 16px;
    margin: 3px 0;
    font-size: 14px;
    cursor: pointer;
}

    .activities .outeract a {
        font-size: 15px;
        cursor: pointer;
    }

.mr-15 {
    margin-right: 15px;
}

.lead_email_lists .message-list li .col-mail-2 .date {
    width: 210px !important;
}

.lead_email_lists .message-list li .col-mail-2 .subject {
    right: 210px !important;
}

.lead_email_lists .message-list-content {
    height: auto !important;
}

.text-truncate-two-lines-250w {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-width: 250px;
}

.visibility_visible {
    visibility: visible !important;
}

.display_block {
    height: auto !important;
    display: block !important;
}

.abs_pos-top-right-10px {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

.login_header_1 {
    width: auto !important;
    height: auto !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.mt-42px {
    margin-top: 42px;
}

.vertical-navs-step .nav .nav-link.currentactive {
    border-color: var(--vz-primary);
}


ul.contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 10px;
}

    ul.contacts li {
        background: hsl(0deg 0% 100%);
        border: 1px solid var(--ck-color-base-border);
        box-shadow: 1px 1px 2px hsl(0deg 0% 0% / 12%);
        height: 37px;
        margin: 0 10px 10px 0;
        line-height: 14px;
        cursor: pointer;
        border-radius: 100px;
        overflow: hidden;
        font-size: 1.2em;
    }

        ul.contacts li:hover {
            background: hsl(56, 100%, 95%);
        }

    ul.contacts .contact {
        padding: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        ul.contacts .contact .u-photo {
            display: inline-block;
            vertical-align: bottom;
            margin-right: 10px;
        }

.ck-content .h-card {
    background: hsl(56, 100%, 95%);
    padding: 3px 6px;
    border-bottom: 1px dashed hsl(0, 0%, 80%);
    cursor: default;
    user-select: none;
    white-space: nowrap;
}

    .ck-content .h-card a {
        pointer-events: none;
    }

    .ck-content .h-card .p-tel {
        font-style: italic;
    }

.m-l-1 {
    margin-left: 1rem;
}

.m-r-4px {
    margin-right: 4px;
}
.m-r-2px {
    margin-right: 2px;
}

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

.m-r-8px {
    margin-right: 8px;
}

.jobdetail-datefield-disabled {
    background-color: var(--vz-tertiary-bg) !important;
    opacity: 1;
}

.border-top-grey {
    border-top: solid 1px #e9ebec;
}

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

.timeline-2 .timeline-year p {
    background: #4a5b6c !important;
    color: #fff;
    font-size: 10px;
}

.timeline-2::after {
    background: #4a5b6c !important;
    height: 89%;
}

.timeline-2 .timeline-box {
    min-width: 300px !important;
}

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

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

.float-left {
    float: left;
}

.m-0px {
    margin: 0px;
}

.float-right {
    float: right;
}

.b-l-0 {
    border-left: 0px transparent;
}

.b-r-0 {
    border-right: 0px transparent;
}

.voucherlinetheadtr > th {
    padding: 5px 10px;
}

.btn_transparent {
    border: 0px;
    background: transparent;
}

.tb-b-tb-0 {
    border-top: 0px transparent;
    border-bottom: 0px transparent;
}

.tb-t-1 {
    border-top: #e9ebec solid 1px;
}

.tb-b-1 {
    border-bottom: #e9ebec solid 1px;
}
.v-align-middle
{
    vertical-align:middle;
}
.padding-td-new
{
    padding:7px !important;
}
.text-normal
{
    font-weight:normal;
}
.requiredIcon:after {
    content: ' *';
    color: red;
}
.select2-container--default.select2-container--open {
    z-index: 999999;
}
.notification-item {
    visibility: visible !important;
}

.notification-item > div {
    width: auto !important;
    height: auto !important;   
}
.notifheader-view-all {
    visibility: visible !important;
}
tr.cancelled {   
    color: #a00; /* dark red text */
    text-decoration: line-through;
    font-style: italic;
}
.truncated-text {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.truncated-text-2 {
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.p-t-10px
{
    padding-top:10px;
}
.m-t-26px
{
    margin-top:26px;
}
.dropdown-icon-item span.dashboard_span {
    font-size:11px;
}

.handover_title {
    padding: 3px 8px;
    margin-bottom: 4px;
}
.p-t-8px {
    padding-top: 8px;
}

.aging-table th,
.aging-table td {
    vertical-align: middle;
}

    .aging-table th.amount-col,
    .aging-table td.amount-col {
        text-align: right; /* Bootstrap 5: or use text-end on the element */
        white-space: nowrap;
    }

    .aging-table th.text-col,
    .aging-table td.text-col {
        white-space: nowrap;
    }

    .aging-table td.description-col {
        max-width: 420px; /* adjust to taste */
        white-space: normal; /* only description is allowed to wrap */
    }
.account-cell {
    max-width: 260px; /* match your column width */
}

.truncate-select {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; /* important for ellipsis */
}
/* ONLY TRUNCATE SELECT2 INSIDE .truncate-select2 */
.truncate-select2 + .select2 .select2-selection__rendered {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 220px; /* adjust to your layout */
    display: block !important;
}

/* Dropdown list should show full text */
.truncate-select2 + .select2 .select2-results__option {
    white-space: normal !important;
}