/* --- Disabled / restricted UI controls (access control visibility) --- */
.dropdown-item.disabled,
.dropdown-item[aria-disabled="true"],
.role-disabled,
.disabled-link,
[aria-disabled="true"] {
    opacity: 0.5;
}

/* Ensure disabled dropdown items do not respond to pointer events */
.dropdown-item.disabled,
.dropdown-item[aria-disabled="true"],
.disabled-link,
a.disabled,
button.role-disabled,
button[disabled] {
    pointer-events: none;
    cursor: not-allowed;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.background-of-forms {
    background-color: #F9FAFB;
}

.main-left-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.image-top-padding {
    padding-top: 64px;
}

.welcome-back-text {
    color: #2C2C2C;
    text-align: center;
    font-family: "Roboto";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 38.4px */
    margin-bottom: 0;
    margin-top: 24px;
}

.coustom-rightside-color {
    background: #FEFCEA;
    height: 100vh;
}

/* .login-custom-width {
    overflow-x: hidden;
}
 */


.dropdown-toggle.main::after {
    transform: translateX(-3px);
}

.join-talk {
    color: #2C2C2C;
    text-align: center;

    /* Single Line/Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */

    a {
        color: #2C2C2C;

        /* Body Link */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;

    }
}

.login-with-google-microsoft {
    margin-top: 24px;
}

.cotinue-with-google-microsoft {
    color: #2C2C2C;
    text-align: center;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28.8px */
}

.line- {
    width: 70%;

}

.footer- {
    background: #FFF;
    height: 73.001px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 13px;

    h4 {
        color: #4F4F4D;
        text-align: center;
        font-family: "Open Sans";
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }

}

.image-top-padding.registration-page {
    padding-top: 20px;
}



.form-group.login::after {
    display: none !important;
}

.verification-code-text {
    color: #2C2C2C;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.enter-verification-code {
    text-align: center;
}

.enter-verification-code::placeholder {
    text-align: center;
}

.accounts-header {
    background: #FEFCEA;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    max-height: 80px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: auto;
        max-height: 56.604px;
        /* aspect-ratio: 312.45/56.60; */
    }
}

.register-join-new-box {
    padding-top: 122px;
    padding-bottom: 96px;
}

.register-join-new-box-title {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 38.4px */
}

.register-join-new-box-desc {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 30px;
    /* 28.8px */
}

.new-account-setup-img {
    max-width: 422px;
    max-height: 294px;
    aspect-ratio: 211/147;
    width: 100%;
    margin-top: 47px;
    margin-bottom: 32px;
}

.new-accont-detail {
    border-radius: 20px;
    background: #FEFCEA;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    padding-left: 39px !important;
    padding-right: 32px !important;
    position: relative;
}

.new-accont-detail::after {
    content: 'OR';
    position: absolute;
    top: 45%;
    right: -65px;
    color: var(--Grays-Gray, #8E8E93);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 32px */
    display: none;
}

.show-on-mobile.e {
    display: none;
}

.mobile-or {
    color: var(--Grays-Gray, #8E8E93);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.new-accont-detail.right::after {
    display: none;
}

.new-accont-detail.right {
    border-radius: 20px;
    background: #F5F5F5;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}

.blackline {
    height: 1px;
    background: #000;
    width: 100%;
}

.new-account-desc- {
    color: #2C2C2C;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 47px;
    /* 24px */
}

.new-account-desc-.d {
    color: #2C2C2C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 0;
    /* 19.2px */
}

.new-account-bottm-.dd {
    color: #757575;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.footer-newaccount {
    background: #FFF;
    min-height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-newaccount {
    margin-top: 73px;
}

.addon-support-page {
    border-radius: 13px;
    border: 1px solid #EECA46;
    background: #FFFEF6;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;

    a {
        color: #4F4F4D;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: none;
    }
}

@media (max-width: 768px) {
    .new-accont-detail::after {
        display: none;
    }

    .show-on-mobile.e {
        display: block;
    }

    .footer-on-mobile {
        justify-content: center;
    }

    .new-accont-detail.e {
        display: block !important;
    }

    .showonbigscreen {
        display: none !important;
    }

}

.new-accont-detail.e {
    display: none;
}

.showonbigscreen {
    display: flex;
    justify-content: space-evenly;

}

.submit-btn:hover {
    background: #e6b800;
    border: 1px solid #e6b800;
    color: #1E1E1E;
}

.welcome-back-text.new-account {
    font-size: 32px;
    color: #2C2C2C;
    font-family: Inter;
    font-weight: 400 !important;
    margin-top: 17px !important;
}

.form-label.company-domain {
    color: var(--Colors-Gray, #98989D);

    /* Single Line/Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 7px;
    /* 16px */
}



:root {
    --select-bg: #ffffff;
    --select-border: #d0d5dd;
    --select-border-focus: #39b54a;
    --select-text: #101828;
    --select-placeholder: #98a2b3;
    --select-radius: 8px;
    --select-height: 44px;
    --select-font-size: 14px;
}

.custom-select {
    /* width: 100%; */
    height: var(--select-height);
    padding: 0 40px 0 16px;
    font-size: var(--select-font-size);
    color: var(--select-text);

    appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #D9D9D9;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath d='M8.79297 0.5L5 4.29297L1.20703 0.5H8.79297Z' fill='black' stroke='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px;
}



.custom-select:focus {
    border-color: var(--select-border-focus);
    box-shadow: 0 0 0 3px rgba(57, 181, 74, 0.15);
}

.custom-select option {
    color: #101828;
}




/* optioncss--------------------------------------- */

.custom-select {
    position: relative;
    /* width: 100%; */
}

.trigger {
    width: 100%;
    height: 42px;
    text-align: left;
    padding: 0;
    border: none;
    background: #D9D9D9;
    cursor: pointer;
    color: #383838;

    /* Single Line/Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    overflow-y: scroll;
    /* 16px */
}

.options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    z-index: 10;
    border-radius: 12px;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
}

.custom-select.open .options {
    display: block;
}

@font-face {
    font-family: "MyFont";
    src:
        url("../font/sf-pro-display/SFPRODISPLAYREGULAR.OTF") format("woff2"),
        url("../font/sf-pro-display/SFPRODISPLAYREGULAR.OTF") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



.option {
    padding: 10px 14px;
    cursor: pointer;
    overflow: hidden;
    color: var(--Labels-Primary, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    text-overflow: ellipsis;

    /* Body/Regular */
    font-family: "MyFont";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 129.412% */
    letter-spacing: -0.43px;
}

.option:not(:last-child) {
    border-bottom: 0.5px solid var(--miscellaneous-alert-menu-action-sheet-separators, rgba(128, 128, 128, 0.55));
}

.option:hover {
    background: #f5f5f5;
}

.form-group.mb-1.notrequired::after {
    display: none;
}

.form-group.mb-0.notrequired::after {
    display: none;
}

.invite-your-team {
    margin-top: 30px;

    h4 {
        color: var(--Grays-Gray, #8E8E93);
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 20px */
        /* 16px */
    }
}

.teams-names {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.first_name-tesm-member {
    color: var(--Grays-Gray, #8E8E93);

    /* Single Line/Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 13px;
    /* 16px */
}

.team-member-input {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 6px 12px;
    max-width: 160px;

    /* 16px */

}

.team-member-input::placeholder {
    color: #B3B3B3;

    /* Single Line/Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.more-button {
    color: #4CB5AE;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
}

.welcome-back-text.new-account.addinalinfo {
    color: #2C2C2C;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 38.4px */
    /* 20px */
}

.start-trail-text {
    color: #2C2C2C;

    /* Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    a {
        color: #2C2C2C;

        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
}

/* .team-member {
    flex-wrap: wrap;
} */



.company-name-website {
    color: var(--Grays-Gray, #8E8E93);
}

h2.step4-subheading {
    color: #2C2C2C;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.step4-text {
    color: #2C2C2C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

p.step4-text-head {
    color: #2C2C2C;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 18px;
    /* 20px */
}

.company-name-admin {
    color: var(--Grays-Gray, #8E8E93);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 16px */
}

.addfter {
    position: relative;

}

.addfter::after {
    content: "*";
    position: absolute;
    top: 20px;
    right: -10px;
    color: #DD0404;

    line-height: 120%;
}

.Started-Right-Away {
    border-radius: 12px;
    background: #4CB5AE;
    max-width: 431px;
    padding: 8px 0px;
    margin-top: 35px;
}

.text-area-col {
    border-radius: 12px;
    background: #FFF;
    padding: 33px 22px 19px 17px;
}

.Started-Right-Away h3 {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.navigation-bar.cc {
    display: flex;
    align-items: center;
    gap: 24px;

    a {
        color: #4F4F4D;
        font-family: Inter;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration: none;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.3s ease;
        border-radius: 22.5px;

    }
}

/* @media (max-width: 991px) {
    .navigation-bar.cc {
        align-items: start;
    }
} */

.table.table-hover {
    min-width: 900px;

}

.navigation-bar.cc a.active {
    border-radius: 22.5px;
    background: #F9F3D1;

}

.navigation-bar.cc a:hover {
    border-radius: 22.5px;
    background: #F9F3D1;

}

.questionmark {
    width: 24px;
    height: 24px;
    background: #FFF;
    border: 2px solid #4F4F4D;
    display: flex;
    justify-content: center;
    align-items: center;
}

.talkgroup {
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.10));


}

.yellowpart-heading {
    padding: 15px 20px 15px 20px;
    border-radius: 7px 7px 0px 0px;
    background: #F5C80F;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-start;
}

.otherdata {
    border-radius: 0px 0px 7px 7px;
}

.talkgroups {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add-talkgroup-button {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    transition: .1s all;
}

.add-talkgroup-button.new {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add-talkgroup-button.new:hover {
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
}

.add-talkgroup-button:hover {
    background: #F5C80F;
    border: 1px solid #F5C80F;
}



.table-heading.table-heading {
    color: #4F4F4D;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dots-button {
    div {
        width: 4px;
        background: #4F4F4D;
        border: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 4px;
        border-radius: 20px;
        position: relative;
    }

    height: 100%;
    width: 100%;
    border: none;
    background: transparent;
    transform: translateY(-5px);
}

.table-cell-data {
    color: #4F4F4D;
    font-family: "Open Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.table-cell-data a {
    color: #4F4F4D !important;
}

.table-cell-data-th {
    color: #4F4F4D !important;
    text-align: center;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}




td.table-cell-data {
    padding-top: 15px;
    padding-bottom: 15px;
    -bottom: 15px;
}

.dots-button div::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 7px;
    width: 4px;
    background: #4F4F4D;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4px;
    border-radius: 20px;
}

.dots-button div::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 14px;
    width: 4px;
    background: #4F4F4D;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4px;
    border-radius: 20px;
}

.View-Talks-Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 8px;
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    padding: 8px 21px 8px 21px;
    color: #4F4F4D;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: .1s all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 8px;
}

.View-Talks-Button:hover {
    background: #F5C80F;
    border: 1px solid #F5C80F;


}



.Invite-User-Button {
    padding: 8px 18px;
    border-radius: 24.5px;
    border: 1px solid #F5C80F;
    background: #FFF;
    color: #4F4F4D;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .1s all;
}

.Invite-User-Button.cv {
    padding: 11px 13px;
}

.Invite-User-Button:hover {
    background: #F5C80F;
    border: 1px solid #F5C80F;
}

.coustom-zebra tr:nth-child(even) {
    --bs-table-bg: #ECECEC !important;
}

.back-button-i {
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 14px 18px 16px 12px;
    text-decoration: none;
}

.uploades-buttons {
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    padding: 7px 21px 12px 21px;
    display: flex;
    align-items: center;
    gap: 17px;
    transition: .1s all;
    justify-content: center;
}

.uploades-buttons:hover {
    background: #D9AF00;
}

.uploades-buttons.disabled,
.uploades-buttons[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;

}

.uploades-buttons.disabled:hover,
.uploades-buttons[aria-disabled="true"]:hover {
    background: #F5C80F;
}


.uploades-buttons div span {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.uploades-buttons div p {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.talkgroups-title {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    span {
        font-weight: 500;
    }
}

/* User management page: add breathing room at bottom of the card/table area */
.user-management-bottom-space {
    padding-bottom: 32px;
}

.task-count {
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.date-time-year- {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0;
}

.addroutetask {
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    overflow: hidden;
    padding: 11px 25px 13px 25px;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s all;
}

.addroutetask:hover {
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #F5C80F;
}

.shareandownloadbutton {
    border-radius: 24.5px;
    background: #4CB5AE;
    border: none;
    padding: 7px 7px 10px 8px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
}



.checkbox-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transform: translateY(3px);
}

/* Hide native checkbox */
.checkbox-wrap input {
    display: none;
}

/* SVG base */
.checkbox-svg {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox-svg.checked {
    scale: 1.1;
}

/* Checked SVG hidden initially */
.checked {
    display: none;
}

/* Show checked SVG */
.checkbox-wrap input:checked~.checked {
    display: inline-flex;
}

/* Hide unchecked SVG when checked */
.checkbox-wrap input:checked~.unchecked {
    display: none;
}

/* Animation */
.checked path {
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation: draw 0.45s ease forwards;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.table-cell-data-th-li {
    color: #4F4F4D !important;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.task-title-name {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
    overflow: hidden;
    width: 95%;
}

/* .task-title-name.p {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 210px;
} */

.Invite-User-Button.cccv {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

.linkavilabe {
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

del.task-title-name {
    color: rgba(76, 181, 174, 0.50);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

del.task-title-name.p {
    color: rgba(76, 181, 174, 0.50);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.Invite-User-Button.cccv:disabled {
    border-radius: 24.5px;
    background: rgba(76, 181, 174, 0.50);
    border: none;
    color: #fff;
}

/* Enabled "handled" state pills (Routed / Done / Manually Routed).
   Previously these were green only when disabled; we want them clickable (dropdown) but still green. */
.Invite-User-Button.cccv.is-status-pill {
    border-radius: 24.5px;
    background: #4CB5AE !important;
    border: none;
    color: #fff;
}

.Invite-User-Button.cccv.is-status-pill:hover {
    background: #4CB5AE !important;
    border: none;
    color: #fff;
}

.linkavilabe.available {
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
}

.bvuv-footer {
    color: #4F4F4D;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modal-header-d {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cancel-button-modal {
    border-radius: 24.5px;
    border: 1px solid #4F4F4D;
    background: #FFF;
    padding: 11px 16px;
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.connect-button-to-c {
    padding: 11px 16px;
    border-radius: 24.5px;
    background: #F5C80F;
    border: 1px solid #F5C80F;
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}














.date-picker-dropdown {
    width: 100% !important;
    padding: 16px;
}

.date-picker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.date-picker-title {
    font-weight: 600;
    font-size: 14px;
    color: #4F4F4D;
}

.date-nav-btn {
    background: transparent;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.date-nav-btn:hover {
    background: #f5f5f5;
    border-radius: 4px;
}

.date-picker-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 8px;
}

.date-picker-weekdays div {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    padding: 4px 0;
}

.date-picker-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

.date-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
    color: #4F4F4D;
}

.date-day:hover {
    background: #f5f5f5;
}

.date-day.other-month {
    color: #ccc;
}

.date-day.selected {
    background: #F5C80F;
    color: #4F4F4D;
    font-weight: 600;
}

.date-day.today {
    border: 1px solid #F5C80F;
}









.workspace-tree {
    width: 320px;
    font-family: system-ui, sans-serif;
}

.tree-item {
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.tree-item:hover {
    background: #f5f5f5;
}

.tree-item.active {
    background: #9aa3ad;
    color: white;
}

.tree-toggle {
    background: none;
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    font-weight: 500;
}



/* modal -------------------------

----------------------

--------------




--------------- */








.modal-custom {
    max-width: 100%;
    background: white;
    border-radius: 12px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header-custom {
    background: #F5C80F;
    padding: 10px 23px 10px 23px;
}



.hierarchy-icon {
    font-size: 32px;
    color: #333;
}

.modal-title-custom {
    font-size: 28px;
    font-weight: 600;
    color: #333;
}

.close-btn-custom {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    border-radius: 6px;
    font-size: 24px;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close-btn-custom:hover {
    background: rgba(0, 0, 0, 0.15);
}

.modal-content-custom {
    display: flex;
    /* height: 600px; */
}

.left-panel {
    /* width: 40%; */
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
}

.right-panel {
    /* width: 60%; */
    padding: 15px 22px;
    overflow-y: auto;
}

.select-band-text {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.board-list-container {
    max-height: 360px;
    overflow-y: auto;
}

.search-box {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.search-input-custom {
    padding-left: 40px;
    border-radius: 30px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>') no-repeat 14px center;
}

.search-input-custom:focus {
    outline: none;
    border-color: #4C4C4C !important;
}



.search-input-custom::placeholder {
    overflow: hidden;
    color: var(--labels-vibrant-use-plus-lighter-darker-primary, #4C4C4C);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 106.667% */
}


.workspace-title {
    padding: 16px 20px;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* .right-panel {} */

.tree-container {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.tree-node {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
    font-size: 15px;
    color: #333;
    border-radius: 10px;
    margin: 2px 10px;
    border: 1px solid transparent;
}

.tree-node:hover {
    background: #fafafa;
    border-color: #b0b0b0;
}

.tree-node.selected {
    background: #90a4ae;
    border-color: #90a4ae;
    color: #fff;
    font-weight: 600;
}

.chevron {
    width: 5px;
    height: 10px;
    margin-right: 8px;
    transition: transform 0.2s;
    flex-shrink: 0;
    margin-bottom: 0;
}

.chevron.expanded {
    transform: rotate(90deg);
}

.chevron.hidden {
    visibility: hidden;
}

.icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon svg,
.icon img {
    width: 20px;
    height: 20px;
    display: block;
}

.node-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tree-node:hover .node-name {
    color: #1E1E1E;
}

.tree-node.selected .node-name {
    color: #fff;
}

.tree-node.selected .chevron svg path,
.tree-node.selected .icon svg path {
    fill: #fff;
    stroke: #fff;
    stroke-opacity: 1;
}

.tree-container .children {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 220ms ease, opacity 180ms ease;
    will-change: max-height, opacity;
}

.tree-container .children.expanded {
    max-height: 2400px;
    /* large enough for typical trees; keeps animation simple */
    opacity: 1;
}

.board-item {
    padding: 7px 18px 7px 10px;
    /* border: 2px solid #e0e0e0; */
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: white;

}

.select-bord- {
    max-height: 360px;
    overflow-y: auto;
    position: relative;
}



.board-item.selected {
    svg path {
        stroke: #fff;
        stroke-opacity: 1;
    }
}

.bord-bottom-line {
    height: 1px;
    background: #A5A5A5;
    width: 90%;
    margin-left: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

.board-item:hover {
    border-color: #b0b0b0;
    background: #fafafa;
}

.board-item.selected {
    background: #90a4ae;
    border-color: #90a4ae;
}

.form-control-custom {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 16px;
}

.date-icon::before {
    content: '\F1EC';
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.user-icon::before {
    content: '\F4DA';
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.select-with-icon {
    padding-left: 48px;
}

.route-btn {
    background: linear-gradient(135deg, #ffd93d 0%, #f9c74f 100%);
    border: none;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    box-shadow: 0 4px 12px rgba(249, 199, 79, 0.3);
    transition: all 0.2s;
}

.route-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 199, 79, 0.4);
}

.form-check-inputdd {
    scale: 1.2;
}

.form-check-inputdd:checked {
    accent-color: #4f4f4d;
}

.form-check.mb-0.d-flex.justify-content-center.align-items-center {
    padding: 0 10px;
}

.form-label.fw-semibold {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.right-panel {
    max-height: 100vh;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.custom-select.bvvc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M0.799805 0.800781L8.7998 8.80078L16.7998 0.800781' stroke='%234F4F4D' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;


    button {
        color: rgba(79, 79, 77, 0.50);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}

.route-btn-add {
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #F5C80F;
    padding: 11px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.account-holder-button {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 18px;
    border-radius: 6px;
    background: #000;
    border: none;

}

.talk-groups-buttons {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 18px;
    border-radius: 24.5px;
    background: #4F4F4D;
    border: none;
}

.account-holder-button.yellow-bg-color {
    background: #F5C80F !important;
    color: #4F4F4D !important;
}

.account-holder-button.green-bg-color {
    background: #4CB5AE !important;
    color: #FFF !important;
}

.account-holder-button.blue-bg-color {
    background: #C9E0FB !important;
    color: #4F4F4D !important;
}



.add-user-button {
    padding: 15px 23px;
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #FFF;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add-user-button:hover {
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
    border-radius: 24.5px;
    border: 1px solid #EECA46;
    background: #F5C80F;
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add-user-button.edit {
    padding: 7px 15px 12px 15px;
}


.add-user-form-l {
    padding: 18px 21px;
    background: #FCFCFD;
}

.add-user-text {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form-add-user-heading {
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add-user-box.label {
    color: rgba(79, 79, 77, 0.75);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.add-user-box-input {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 10px 14px;
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.add-user-box-input:focus {
    border: 1px solid #D9D9D9 !important;
    outline: 1px solid #D9D9D9 !important;
}

.add-user-box-input::placeholder {
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-group-data.vbx {
    margin-bottom: 10px;
}

.slack-channel-text {
    margin-top: 15px;
    margin-bottom: 10px;
}

.checkboxes-list label {
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.checkboxes-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkboxes-list input[type="checkbox"] {
    accent-color: #B3B3B3;

}

.forms-sumbit-buttons {
    padding-top: 50px;
}

.cancle-buttons {
    border-radius: 24.5px;
    border: 1px solid #4F4F4D;
    background: #FFF;
    padding: 11px 17px;

}

.cancle-buttons:disabled {
    border-radius: 24.5px;
    border: 1px solid rgba(79, 79, 77, 0.50);
    background: #FFF;
    color: rgba(79, 79, 77, 0.50);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.add-buttons {
    border-radius: 24.5px;
    background: #F5C80F;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 24px;
    border: none;
}

.add-buttons:disabled {
    border-radius: 24.5px;
    background: rgba(245, 200, 15, 0.50);
    border-radius: 24.5px;
    background: rgba(245, 200, 15, 0.50);
}

.profile-info-heading {
    color: rgba(79, 79, 77, 0.75);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.userprofile-sumit-btn {
    border-radius: 24.5px;
    background: #F5C80F;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 6px 24px 10px 24px;
    border: none;
}


.user-profile-info-full-name {
    color: #757575;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 22.4px */
}

.user-profile-info-email {
    color: #757575;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    /* 22.4px */
}

.coustom-dropdown-menu {
    padding: 0px;
}

.user-profile-info-profile-view {
    color: #1E1E1E;

    /* Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.edit-profile-link {
    color: #757575;

    /* Body Small */
    font-family: Inter;
    font-size: 14;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.leneww-- {
    height: 1px;
    background-color: #D9D9D9;
    margin: 0px 10px;
}

.accont-switch {
    color: #1E1E1E;

    /* Body Base */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.coustom-link-dropdown {
    gap: 12px !important;
    border-radius: 0px !important;
    padding: 12px 22px !important;
}

.coustom-link-dropdown:hover {
    background-color: #EBECED !important;
    /* border-bottom: 1px solid #D9D9D9 !important; */

}

.account-name {
    color: #757575;

    /* Body Small */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.logout-buttonn {
    display: flex;
    align-items: center;
    color: #1E1E1E;
    justify-content: center;
    /* Body Base */
    font-family: Inter;
    font-size: 16;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    border: none;
    background-color: transparent;
    position: relative;

    span {
        color: #1E1E1E;
        /* justify-content: center; */
        /* Body Base */
        font-family: Inter;
        font-size: 16;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }
}

.edit-profile-link.edit-profile-link {
    color: #757575 !important;
    /* Body Small */
    font-family: Inter !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    /* 19.6px */
}

.edit-profile-link.edit-profile-link:hover {
    background: transparent !important;
}

a {
    text-decoration: none !important;
    color: #2C2C2C !important;
}

.dropstart .dropdown-toggle::before {
    display: none !important;
}

.coustom-link-dropdown-nested-menu {
    /* padding: 20px; */
    margin-right: 10px !important;
    max-width: 300px !important;
    min-width: 300px !important;
    background: #FFF;
    border: 1px solid rgba(79, 79, 77, 0.50);
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
    transition: all 0.3s ease;
}

.Your-Accounts-heading {

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 36.72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Your-Accounts-heading h5 {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.add-Accounts-heading {
    /* background: #EBECED; */
    margin: 10px;
    border-radius: 7px 7px 0px 0px;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.add-Accounts-heading p {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.user-profile-top {
    padding: 18px 12px;
}

.search-bar {
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: row-reverse;
    /* Icon on right, input on left */
}

.search-bar .search-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 2;
}

.search-bar .search-input {
    width: 0;
    opacity: 0;
    padding: 0;
    border: none;
    margin-right: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: 20px;
}

#searchInput.active #searchInput #searchInput #searchInput:focus,
#searchInput:focus-visible {
    width: 200px !important;
    opacity: 1 !important;
    padding: 10px 20px;
    border: 1px solid #000000;
    margin-right: 10px;
    color: #000 !important;
    font-size: 14px !important;
    background: #FFF !important;
    border: 1px solid #000000 !important;
    z-index: 22222 !important;
}

.search-bar .search-input:focus {
    outline: none;
    border-color: #4F4F4D;
    box-shadow: 0 0 0 0.2rem rgba(79, 79, 77, 0.15);
    width: 200px !important;

}

/* Search Results Dropdown */
.search-results {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 400px;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
}

.search-results-content {
    padding: 10px 0;
}

.search-result-item {
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.2s;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    display: block;
}

.search-result-item:hover {
    background: #f8f9fa;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-type {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: 600;
}

.search-result-title {
    font-weight: 500;
    color: #333;
    margin-bottom: 2px;
}

.search-result-subtitle {
    font-size: 14px;
    color: #6c757d;
}

.search-no-results {
    padding: 20px;
    text-align: center;
    color: #6c757d;
}

.search-result-title strong {
    background-color: #fff3cd;
    padding: 2px 4px;
    border-radius: 3px;
}

.dropdown-item.route-to-excle {
    padding-left: 48px;
}

.dropdown-menu.shareanddownload- .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1E1E1E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.threedot-drop-down .dropdown-item {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-left: 5px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.dropdown-menu.shareanddownload- {
    z-index: 222;
}

.nav-link.talk-group-user.active {
    color: #4F4F4D !important;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #FCFCFD;
    border: none !important;
}

.nav-link.talkgroup-model.usermanagement.active::before {
    display: none !important;
}

.nav-link.talk-group-user:hover {
    border: none;
    transition: none !important;
}

.nav-link.talk-group-user {
    transition: none !important;
    position: relative;
    color: rgba(79, 79, 77, 0.25);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 0px 0px 0px 10px !important;
    border: none !important;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
}

.nav-link.talk-group-user::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 100%;
    background-color: white;
    right: -45px;
}

.nav-link.talk-group-user.active::after {
    display: none;
}

.nav-link.talkgroup-model.usermanagement {
    color: rgba(79, 79, 77, 0.25);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding-top: 16px;
    padding-bottom: 16px;
}

.nav-link.talkgroup-model.usermanagement.active {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #FCFCFD;
}

.usermanagement-table thead tr {
    --bs-table-bg: #8D98A4;
    --bs-table-color: #fff !important;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.usermanagement-table-body-fonts tr td {
    --bs-table-color: #4F4F4D;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.action-dropdown-menue .dropdown-item {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: .2s;
    padding-left: 27px;
    /* 19.6px */
}

.action-dropdown-menue .dropdown-item:hover {
    background-color: #EBECED;
}

.action-dropdown-menue {
    --bs-dropdown-min-width: 8rem;
    inset: -5px -5px auto auto !important;
}

.accordion-button.ccre {
    background-color: #8D98A4 !important;
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 20px;
}

.accordion-button.ccre::after {
    scale: 1.8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 12V28M12 20H28M6 2H34C36.2091 2 38 3.79086 38 6V34C38 36.2091 36.2091 38 34 38H6C3.79086 38 2 36.2091 2 34V6C2 3.79086 3.79086 2 6 2Z' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.accordion-button.ccre:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M12 20H28M6 2H34C36.2091 2 38 3.79086 38 6V34C38 36.2091 36.2091 38 34 38H6C3.79086 38 2 36.2091 2 34V6C2 3.79086 3.79086 2 6 2Z' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.limimt-reched-heading {
    color: #2C2C2C;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    /* 24px */
}

.limit-reached-phera {
    color: #2C2C2C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

.limit-reached-modal-width {
    --bs-modal-width: 650px;
}

.add-user-form-l.custom-padding {
    padding-left: 60px;
    padding-right: 60px;
}

.add-buttons.more-more {
    color: #1E1E1E;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.upgrade-palen {
    color: #757575;
    text-align: center;

    /* Body Link */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.btn-close.limit-reached-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='26' viewBox='0 0 29 26' fill='none'%3E%3Cpath d='M10 9L18.75 16.75M18.75 9L10 16.75M4.16667 1.25H24.5833C26.1942 1.25 27.5 2.4066 27.5 3.83333V21.9167C27.5 23.3434 26.1942 24.5 24.5833 24.5H4.16667C2.55584 24.5 1.25 23.3434 1.25 21.9167V3.83333C1.25 2.4066 2.55584 1.25 4.16667 1.25Z' stroke='%231E1E1E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    --bs-btn-close-opacity: 1;
    scale: 1.6;
}


.accordion-button svg {
    pointer-events: none;
}

.accordion-button * {
    pointer-events: none;
}

.channel-actions-menu .dropdown-header {
    font-size: 16px;
    font-weight: 600;
    color: #6C757D;
}

.channel-actions-menu .dropdown-item-danger {
    color: #DC3545;
}

.channel-actions-menu span {
    color: #1E1E1E;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 400;
}

.view-btn-new {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.profile-pic-heading-text {
    color: rgba(79, 79, 77, 0.75);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}

.profile-pic-heading-text-button {
    width: 162px;
    height: 162px;
    border-radius: 50%;
    background-color: #F5C80F;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    border: none;
    cursor: pointer;
    border: 2px solid #4F4F4D;
    opacity: 0;
    scale: 0;
    transition: all 0.3s ease;
}

.main-profile-pic-heading-text-button {
    background-color: #D9D9D9;
    border: none;
    border-radius: 100px;
    max-width: 162px;
    max-height: 162px;
}

.main-profile-pic-heading-text-button:hover .profile-pic-heading-text-button {
    opacity: 1;
    scale: 1;
}

.talkgroups-subttital {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.chooseimg-text {
    color: rgba(79, 79, 77, 0.75);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 46px !important;
}

.uplaod-boader-t {
    padding: 40px 25px;
    border-radius: 8px;
    border: 4px dashed #D9D9D9;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.profile-pic-heading-text-button-text {
    color: rgba(79, 79, 77, 0.75);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 auto;
}

.chooseimg-text-img {
    border-radius: 24.5px;
    background: #F5C80F;
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    padding: 6px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 15px !important;
}

.drop-text-p {
    color: rgba(79, 79, 77, 0.75);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 9px !important;
}

.edit-button-e {
    background-color: transparent !important;
    background: transparent;
    height: max-content !important;
}

.how-much-mg {
    color: rgba(79, 79, 77, 0.75);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.add-user-box-input-new {
    border-radius: 8px;
    border: 1px solid rgba(217, 217, 217, 0.25);
    background: #FFF;
    max-height: 40px;
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 230px;
}

.profile-pic-heading-text-role {
    color: rgba(79, 79, 77, 0.75);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 17px !important;
    margin-top: 15px !important;
    margin: 0 auto;
    text-align: center;

}

.profile-pic-heading-text-role-value {
    color: rgba(79, 79, 77, 0.75);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #EECA46;
    padding: 3px 28px;
    width: max-content;
    margin: 0 auto;
}

.or-border-top-b {
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.remover {
    background-color: transparent !important;
    background: transparent;
}

.remover.anker {
    color: #4F4F4D;
    font-family: var(--sds-typography-body-font-family);
    font-size: var(--sds-typography-body-size-medium);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
}

.save-button-t {
    border-radius: 24.5px;
    background: #F5C80F;
    border: none;
    padding: 6px 24px 10px 24px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
}

.role-disabled {
    color: #aaa !important;
    cursor: not-allowed;
}

.add-conternt-- {
    color: rgba(79, 79, 77, 0.50);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



.new-dashboard-styling {
    border-radius: 15px;
}

.dashboard-font- {
    color: #4F4F4D;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.talkfrop-action {
    color: #4F4F4D;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
    text-align: center;
}

.phone-country-btn {
    white-space: nowrap;
    padding-right: 5px !important;
    width: auto !important;
    transition: all .2s ease-in-out;

}

.phone-country-ui {
    width: auto !important;
    max-width: 100% !important;
    transition: all .2s ease-in-out;
}

.input-align-t-w {
    transform: translateY(4px);
}


.talk-detail-dropdowns {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(-457.5px, -405px, 0px);
    width: 204px !important;
}