:root {
    --color-dark-bg-body: #111928;
    --color-dark-bg-light: #1f2a37;
    --color-dark-bg-hover: #e9ecfb1a;
    --color-dark-text: #979ca3;
    --color-dark-text-2: #76838f;
    --color-dark-text-light: #ffffffb3;
    --color-dark-text-btn: #1F2A37;
    --color-dark-tbl-border: #374151;
    --percent: 0%;

    --gln-card-bg: #eeede8;
    --gln-card-border: rgba(0, 0, 0, 0.06);
    --gln-label-color: #888880;
    --gln-text: #1a1a18;
    --gln-subtext: #888880;
    --gln-badge-red-bg: #edd4d4;
    --gln-badge-red-text: #a94442;
    --gln-badge-green-bg: #d4edda;
    --gln-badge-green-text: #3a7a4a;
    --gln-badge-blue-bg: #dce8f5;
    --gln-badge-blue-text: #2c5f8a;
    --gln-badge-purple-bg: #e4e0f5;
    --gln-badge-purple-text: #5040a0;
    --gln-btn-bg: #fff;
    --gln-btn-border: #d8d8d2;
    --gln-btn-text: #333;
    --gln-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

body.dark {
    ::-webkit-scrollbar-thumb {
        background-color: #fff !important;
    }
}

/* ----- START: User Profile CSS ----- */
.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info {
    max-width: 945px;
}


.gln_top_header_right_link {
    .icon-span {
        padding-left: 3px;

        svg {
            width: 14px;
        }
    }
}


.justify-flex-end {
    justify-content: flex-end;
}

.gln-border-b-1 {
    border-bottom: 1px solid #e8eaed;
}


.user_profile_tab_overview_div {

    .row__table p {
        font-size: 18px !important;
    }

    .overview-cards-container {
        margin-bottom: 24px;
    }

    .container {
        width: 100%;
        max-width: 680px;
    }

    .toolbar {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 20px;
    }

    .customize-btn {
        font-weight: bolder !important;
        text-transform: capitalize;
        width: 60px !important;
        min-width: 50px !important;
        display: flex !important;
        align-items: center;
        gap: 8px;
        background: var(--btn-bg) !important;
        border: 1.5px solid var(--btn-border) !important;
        border-radius: 8px !important;
        padding: 10px 20px !important;
        font-family: 'DM Sans', sans-serif;
        font-size: 14px !important;
        color: var(--btn-text);
        cursor: pointer;
        box-shadow: var(--shadow);
        transition: box-shadow 0.2s, transform 0.15s;
        justify-content: center;
    }

    .customize-btn:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

    .customize-btn::after {
        display: none !important;
    }

    .customize-btn svg {
        width: 16px;
        height: 16px;
        opacity: 0.6;
    }

    .customize-btn-save {
        font-weight: bolder !important;
        text-transform: capitalize;
        width: 60px !important;
        min-width: 50px !important;
        /* display: flex !important; */
        align-items: center;
        gap: 8px;
        background: var(--btn-bg) !important;
        border: 1.5px solid var(--btn-border) !important;
        border-radius: 8px !important;
        padding: 10px 20px !important;
        font-family: 'DM Sans', sans-serif;
        font-size: 14px !important;
        color: var(--btn-text);
        cursor: pointer;
        box-shadow: var(--shadow);
        transition: box-shadow 0.2s, transform 0.15s;
        justify-content: center;
    }

    .customize-btn-save:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

    .profile-activities-wrapper .btn-group ul.dropdown-menu {
        right: 0 !important;
    }

    .grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .card {
        background: #fff;
        /* background: var(--gln-card-bg); */
        /* border: 1px solid var(--gln-card-border); */
        border: 1px solid #e8eaed;
        border-radius: 8px;
        padding: 22px 22px;
        /* box-shadow: var(--gln-shadow); */
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    }

    .card-label {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--gln-label-color);
        margin-bottom: 16px;
    }

    .card-value {
        font-weight: 600;
        color: var(--gln-text);
        line-height: 1.1;
    }

    .card-value-24 {
        font-size: 24px;
    }

    .card-subtext {
        font-size: 13px;
        color: var(--gln-subtext);
        margin-top: 5px;
    }

    /* Badges */
    .badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 14px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 500;
    }

    .badge-green {
        background: var(--gln-badge-green-bg);
        color: var(--gln-badge-green-text);
    }

    .badge-red {
        background: var(--gln-badge-red-bg);
        color: var(--gln-badge-red-text);
    }

    .badge-blue {
        background: var(--gln-badge-blue-bg);
        color: var(--gln-badge-blue-text);
    }

    .badge-purple {
        background: var(--gln-badge-purple-bg);
        color: var(--gln-badge-purple-text);
    }

    /* .badge-icon {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 700;
        background: #1877f2;
        color: #fff;
        flex-shrink: 0;
    } */

    /* Animate cards in */
    .card {
        /* opacity: 0; */
        animation: fadeUp 0.4s ease forwards;
    }

    .card:nth-child(1) {
        animation-delay: 0.05s;
    }

    .card:nth-child(2) {
        animation-delay: 0.10s;
    }

    .card:nth-child(3) {
        animation-delay: 0.15s;
    }

    .card:nth-child(4) {
        animation-delay: 0.20s;
    }

    .card:nth-child(5) {
        animation-delay: 0.25s;
    }

    .card:nth-child(6) {
        animation-delay: 0.30s;
    }

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @media (max-width: 480px) {
        .grid {
            grid-template-columns: 1fr;
        }
    }

    #user_profile_tab_overview .btn-group button.multiselect::after {
        display: none !important;
    }
}

body.dark {
    .user_profile_tab_overview_div {
        .card {
            background: #272e3e !important;
            border: 1px solid #374151 !important;
        }

        .card-value {
            color: #d7d7d7 !important;
        }
    }
}

.gln_user_profile_tabs_container {
    border-top: 1px solid #e8eaed;
    /* padding-top: 20px; */

    #user_profile_overview_info_div {
        ul.grid {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        ul.grid li.sortable-chosen {
            cursor: pointer;
        }
    }

    .profile-activities-wrapper.gln_multiselect_wrapper {
        display: flex;
        column-gap: 10px;
    }

    .gln_user_profile_tabs_menu_div {
        border-right: 1px solid #e8eaed;
        padding-top: 20px;

        .gln_user_profile_tabs_menu_ul {
            list-style: none;
            padding: 0;
            margin: 0;

            li {
                width: 175px;
            }

            li a.user_profile_tab_link i {
                color: #a3a1a1;
            }

            li a.user_profile_tab_link {
                /* color: #374151; */
                color: #1F2A37;
                padding: 15px 10px;
                display: inline-block;
                width: 100%;
                border-radius: 8px 0 0 8px;
                margin: 2px 0;
            }

            li a.user_profile_tab_link.current {
                color: #111928;
                background-color: #F9F9F9;
            }
        }
    }

    .gln_user_profile_tabs_content_div {
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
    }
}

body.dark {
    .gln_user_profile_tabs_container {
        border-top: 1px solid #374151;

        .gln_user_profile_tabs_menu_div {
            border-right: 1px solid #374151;

            li a.user_profile_tab_link i,
            li a.user_profile_tab_link {
                color: var(--color-dark-text);
            }

            li a.user_profile_tab_link:hover {
                background-color: var(--color-dark-bg-hover);
            }

            li a.user_profile_tab_link.current i {
                color: #fff !important;
            }

            li a.user_profile_tab_link.current {
                background-color: var(--color-dark-bg-hover);
                color: #fff !important;
            }
        }
    }

    .gln-border-b-1 {
        border-bottom: 1px solid var(--color-dark-tbl-border);
    }
}

/* ----- END: User Profile CSS ----- */

.gln-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    /* padding-bottom: 24px; */
    /* margin-bottom: 24px; */
}

@media (max-width: 480px) {
    .gln-grid-3 {
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
    }
}

.gln-task-created-date {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #6B7280;
    line-height: 150%;
    font-weight: 400;
}

.gln_btn_notification_count {
    background: #f3535e;
    border: 1px solid #fff;
    color: #fff;
    height: 16px;
    min-width: 16px;
    padding: 2px;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -4px;
    right: -15px;
}

.gln_multiselect_wrapper {

    .group__input>span {
        z-index: 10;
    }

    .btn-group {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

    header .outer__header .header__right .project__wrapper .project__wrapper__dropdown ul>li>a {
        color: var(--color-dark-text-light);
    }

    .btn {
        display: inline-block;
        padding: .7rem 1rem;
        border-radius: .215rem;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        border: 1px solid transparent;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        z-index: 1200;
        display: none;
        float: left;
        min-width: 230px;
        padding: 5px 0;
        margin: 5px 0 0;
        font-size: 14px;
        color: #76838f;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e4eaec;
        border-radius: 0.215rem;
        box-shadow: 0 3px 12px rgb(0 0 0 / 5%);
    }

    button.multiselect.dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #d1d5db !important;
        border-radius: 8px;
        height: 42px;
    }

    span.multiselect-selected-text {
        font-size: 14px;
    }

    .ms-options-wrap {
        width: 100%;
    }

    .ms-options-wrap button {
        width: 100%;
    }
}

.gln-timepicker-wrapper {
    .drp-buttons {
        padding-top: 10px;
    }
}

.gln_email_sms_supression_info {
    .btn-xs {
        font-size: 11px;
        padding: 2px 10px;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        z-index: 1200;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 5px 0 0;
        font-size: 14px;
        color: #76838f;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e4eaec;
        border-radius: 0.215rem;
        box-shadow: 0 3px 12px rgb(0 0 0 / 5%);
    }

    .dropdown-item {
        display: block;
        padding: 0.572rem 1.072rem;
        clear: both;
        font-weight: 400;
        color: #76838f;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;

        width: calc(100% - 10px);
        margin: 3px 9px;
        border-radius: 0.215rem;
        transition: background-color .25s;
    }
}

.remove-from-flow {
    cursor: pointer;
}

.swal2-container.swal2-backdrop-show {
    z-index: 100000 !important;
}

.gln-btn-small {
    padding: 0.072rem 0.358rem;
    font-size: 0.858rem;
    line-height: 1.5;
    border-radius: 0.143rem;
    min-height: initial;
}

.select2-selection.select2-selection--single {
    height: 42px;
    border: 1px solid #d1d5db !important;
    border-radius: 8px;
}

.select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-selection--single .select2-selection__arrow {
    height: 40px;
}

#add-new-lead {
    span.select2-selection.select2-selection--multiple {
        min-height: 42px;
        border: 1px solid #d1d5db !important;
    }

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

.select2-container {
    width: 100% !important;
    color: #505860;
}

.gln_select_input_css {
    .form-control {
        height: 36px;
        border-color: #e4eaec;
        box-sizing: border-box;
        font-weight: 300;
        box-shadow: none;
        transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: block;
        width: 100%;
        padding: 6.006px 14px;
        font-size: 14px;
        line-height: 1.57142857;
        color: #76838f;
        border: 1px solid #e4eaec;
        padding-right: 30px;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
    }
}

.gln_segment_input_css {

    select.select,
    .new-group-create-segmentation-col select,
    textarea.textarea {
        width: 100%;
        border-radius: 5px;
        height: 44px;
        border: 1px solid #e4eaec;
        background: #ffffff;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 14px;
        font-size: 14px;
        color: #37474f;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: color, background-color, border-color;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
    }
}

.copy-to-segment-div {
    padding: 0 25px 30px;

    .control-label {
        display: flex;
        align-items: center;
        color: #505860;
    }

    .switch {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

#view-task-on-page {
    .task-h2 .task_title_view {
        font-size: 20px !important;
    }

    .task-title-type-container {
        display: flex;
        align-items: center;
    }
}

.gln-update-repeat-task-radio {
    .swal2-radio {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: initial;
        justify-content: space-evenly !important;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .swal2-radio label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        display: flex;
    }

    #swal2-html-container {
        margin-top: 25px;
        font-weight: 600;
    }
}

.delete_repeat_task_radio {
    .swal2-radio {
        margin-bottom: 5px;
        margin-top: 30px;
    }

    .swal2-radio label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        margin-bottom: 10px;
    }

    #swal2-html-container {
        margin-top: 25px;
        font-weight: 600;
    }
}

.gln-nowrap-text {
    white-space: nowrap !important;
}

.w_100 {
    width: 100% !important;
}

.gln-err-div {
    color: #dc3545;
    font-size: 12px;
}

.gln-membership-tbl-div {
    overflow: hidden;
    overflow-x: auto;

    .gln-id-min-width {
        min-width: 90px;
    }

    .gln-name-min-width {
        min-width: 105px;
    }
}

.gln_multiselect_wrapper {
    input.form-control.multiselect-search {
        width: 100%;
        height: 36px;
        border: 1px solid #f0f0f0;
    }

    button.btn.multiselect-clear-filter {
        border-radius: 0;
        height: 36px;
    }
}

#entry_enrolled_flow_display_items .bullet-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gln-table-responsive {
    width: 100%;
    margin-bottom: 15px;
    /* overflow-y: hidden; */
    overflow-x: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* border: 1px solid #ddd; */
}

.gln-table-container {
    overflow-x: auto;
    max-width: 100%;

    table {
        width: 100%;
    }
}

.gln-flex-start {
    justify-content: flex-start !important;
}

.gln-row {
    display: flex;
    width: 100%;
    column-gap: 15px;
    margin-left: -10px;

    .gln-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.gln-input-row {
    display: flex;
    width: 100%;
    align-items: center;
    column-gap: 10px;

    .input-label {
        flex-basis: 25%;
        flex-shrink: 0;
    }

    .input-div {
        flex-basis: 74.5%;
        flex-shrink: 0;

        .switch input {
            position: absolute;
        }
    }
}

.gln-regular-btn-red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-height: 42px;
    border-radius: 8px;
    cursor: pointer;
    border: 0px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    font-weight: 500;
    background-color: #eb6709;
}

.gln-regular-btn-red:hover {
    color: #fff;
}

.gln-multi-input-single-line-contianer {
    display: flex;
    width: 100%;
    align-items: center;

    .input-text {
        /* min-width: 100px; */
        flex: 0 1 250px;

        .first-input {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    .symbole-div {
        /* width: 42px; */
        flex: 0 0 46px;
        border: 1px solid #d1d5db;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .input-dropdown {
        /* width: 100%; */
        flex: 1 1 0;
        min-width: 0;

        .last-input {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }
}

.gln-multi-input-single-line-contianer-with-space {
    display: flex;
    width: 100%;
    align-items: center;

    .symbole-div {
        flex: 0 0 46px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .input-dropdown {
        flex-basis: 30%;
        flex-shrink: 1;
    }
}

.user_profile_note_div {
    .profile-notes-wrapper .note-editor .note-color .note-dropdown-menu {
        /* display: flex !important; */
        min-width: 345px !important;
    }
}

.open-modal-link {
    font-size: 13px;
}

.gln-switch-with-label {
    margin-bottom: 10px;

    .switch {
        display: flex;
        align-items: center;
    }

    .switch input {
        position: absolute;
    }

    .label-p {
        margin-left: 10px;
    }
}

.gln-progress-bar {

    .progress {
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        height: 6px;
        position: relative;
        background-color: #E5E7EB;
        border-radius: 250px;
    }

    .progress .active {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        background-color: #1C45C2;
        border-radius: 250px;
    }
}

.gln_getting_started_container {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    /* flex-wrap: wrap; */

    .box {
        background-color: #f0f0f0;
        padding: 20px;
        border-radius: 8px;
        min-height: 150px;
        flex-shrink: 1;
    }

    .left {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1 1 60%;
    }

    .right {
        display: flex;
        /* flex: 1 0 38%; */
    }

    .box-1 {
        /* flex: 1 1 50%; */
        background-color: #e3f2fd;
    }

    .box-2 {
        /* flex: 1 1 25%; */
        background-color: #f3e5f5;
    }

    .box-3 {
        /* flex: 1 1 25%; */
        background-color: #e8f5e8;
    }


    /* Optional: Add some content styling */
    .box h3 {
        margin-bottom: 10px;
        color: #333;
    }

    .box p {
        color: #666;
        line-height: 1.5;
    }

    .video-player-div {
        max-width: 520px;
        max-height: 340px;
        margin: auto;
        margin-top: 30px;
        cursor: pointer;
    }

}

/* Responsive behavior */
/* @media (max-width: 992px) { */
@media (max-width: 1200px) {
    .gln_getting_started_container {
        flex-direction: column;

        .box {
            flex: 1 1 100%;
        }
    }
}

.modal_getting_started_guide {
    .modal__box {
        max-width: 1000px !important;
        /* height: 550px; */
        padding: 5px !important;
    }

    .getting_started_guide_container {
        display: flex;
    }

    .getting_started_guide_video {
        width: 650px;

        iframe {
            height: 100%;
            width: 100%;
        }
    }

    .getting_started_guide_link {
        width: 340px;
        padding: 0 25px;

        h4 {
            font-weight: bold;
            line-height: 1.2;
            color: #37474f;
            margin: 15px 0 0 0;
            padding: 0;
        }

        ol.gettingstartedvideo {
            font-size: 14px;
        }

        li {
            line-height: 30px;

            a {
                color: #3e8ef7;
                text-decoration: none;
                background-color: transparent;
                transition: .55s;
                /* font-size: 1rem; */
                font-weight: 400;
            }

            a:hover {
                text-decoration: underline !important;
            }
        }
    }
}

.gln-custom-label {
    font-size: 12px;
    margin-bottom: 5px;
    color: #6B7280;
    font-weight: 500;
}

.segment__list .ms-options-wrap {
    width: 100%;
}

.new-group-create-segmentation-col:nth-child(3):not([style*="display: none"]) {
    display: flex !important;
    align-items: center;

    input {
        margin-right: 2px;
    }
}

.new__criteria.modal__side .inner__modal .modal__box {
    max-width: 830px;
}

.gln-switch {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    input {
        position: absolute;
    }

    p {
        margin: 0px;
        margin-left: 12px;
        font-size: 14px;
        line-height: 150%;
        font-weight: 500;
        color: #111928;
    }
}

.gln-contact-list-page .table__wrapper,
.gln-segment-list-page .table__wrapper {
    overflow-x: inherit;
}

.gln-modal-instruction {
    .modal__box {
        max-width: 600px !important;
    }
}

#manage-sharing-popup {
    .segment-input-checkbox div.checkbox label {
        cursor: pointer;
    }
}

.max-height-250-hide-overflow {
    height: 220px;
    overflow-y: scroll;
}

.drp-calendar.left.single {
    padding-right: 10px;
}

.border-danger {
    border-color: #dc3545 !important;
}

.gln-hr-line {
    border: 0;
    border-bottom: 1px solid var(--color-dark-text);
    height: 0px;
}

.gln-plus-btn {
    cursor: pointer;
}

.gln-text-gray {
    color: var(--color-dark-text-btn);
}

.align-items-center {
    align-items: center !important;
}

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

.configure-abc-btn {
    font-size: 12px;
    min-height: 37px;
    padding-left: 12px;
    padding-right: 12px;
}

/* .side__campaign.gln_sub_menu_wrapper {
    overflow: hidden;
    overflow-y: auto;
} */

.gln-inline-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 24px;

    .radios {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .radios>.container__radio {
        margin-right: 16px;
    }

    .radios .radio {
        margin-right: 8px;
    }

    .radios p {
        margin: 0px;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        color: #111928;
    }
}

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

.no-border {
    border: transparent !important;
}

#profile_lead_status {
    min-height: 26px !important;
    font-size: 13px !important;
}

.task-created-by-responsible-div {
    color: var(--color-dark-text) !important;
}

.gln-message-credit-div {
    text-align: end;
    position: absolute;
    right: 0;
}

.d-flex-column-gln {
    display: flex;
    flex-direction: column;
}

/* ======= START: Getting Started Sidebar Icon ======= */
.gln-getting-started-side-menu:hover .pie,
.gln-getting-started-side-menu.current .gln-progress-icon .pie {
    /* background: conic-gradient(#4162E5 var(--p), #000000 0); */
    /* border: 1px solid #4162E5; */
    border: 1px solid #ff6a00;
}

.gln-getting-started-side-menu {
    .gln-progress-icon {
        width: 19px;
        height: 19px;
        --p: var(--percent);
        display: inline-grid;
        place-items: center;
        position: relative;
        flex: 0 0 auto;
        transition: transform .18s ease;
    }

    .gln-progress-icon .pie {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: conic-gradient(#ff6a00 var(--p), #ffffff 0);
        /* background: conic-gradient(#4162E5 var(--p), #ffffff 0); */
        transition: background 400ms cubic-bezier(.2, .9, .3, 1);
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) inset;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        color: #fff;
        user-select: none;
    }
}

/* ======= END: Getting Started Sidebar Icon ======= */

.gln_flow_condition_modal {
    .modal__box {
        max-width: 840px !important;
    }

    .segment__list {
        min-height: 350px;
    }

    .multiConditionsegmentrows {
        overflow-y: auto;
        min-height: 250px;
    }
}

/* =========== START: Dark CSS =============== */
body.dark .gln-dark-style {
    .worksrooms__block .workroom__plates .desc span>i {
        color: #505860;
    }

    .worksrooms__block .workroom__plates .plates .plate .desc>p a,
    .workroom__dashboard .list .app-name-link {
        color: #fff;
    }

    .new__contact .regular__upload .field>a {
        background-color: var(--color-dark-bg-light);
        color: #fff;
    }

    /* .group__input.float__group>span:before {
        background-color: transparent !important;
    }

    .group__input.float__group>span {
        background-color: var(--color-dark-bg-body) !important;
    } */

    .play_store_itunes_app_link {
        background-color: transparent !important;
        border: 1px solid var(--color-dark-tbl-border);
        border-radius: 8px;
    }

    .group__dropdown select option {
        margin: 40px;
        background: var(--color-dark-bg-body);
        color: #ffffff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }
}

p.note.note-info a {
    /* color: #ffffffb3; */
    font-size: 13px;
    text-decoration: underline;
    font-style: italic;
}

body.dark {
    .gln_getting_started_container {
        .box {
            background-color: var(--color-dark-bg-light);
        }

        .box-1 {
            background-color: var(--color-dark-bg-light);
        }

        .box-2 {
            background-color: var(--color-dark-bg-light);
        }

        .box-3 {
            background-color: var(--color-dark-bg-light);
        }

        .box h3 {
            color: #fff;
        }

        .box p {
            color: #fff;
            line-height: 1.5;
        }
    }

    .modal__side .task__switcher ul>li>a:hover {
        color: #111928 !important;
    }

    p.note.note-info a {
        color: var(--color-dark-text-light);
    }

    .profile-notes-item-name,
    .profile-notes-item-date {
        color: var(--color-dark-text-2) !important;
    }

    .profile-activities-item-description {
        color: var(--color-dark-text-light) !important;
    }

    .checkmark {
        border: 1px solid #E5E7EB !important;
    }

    .task-created-by-responsible-div span {
        color: #ffffff !important;
    }

    .sub__main>label>b {
        color: var(--color-dark-text-light);
    }

    .gleantap_sub_menu {
        border-right: 1px solid var(--color-dark-tbl-border);
    }

    .gleantap_sub_menu .gleantap_sub_menu_element {
        border-bottom: 1px solid var(--color-dark-tbl-border)
    }

    .lead-email svg path {
        fill: var(--color-dark-text);
    }

    .table__wrapper .socs .phone p,
    .table__wrapper .socs .email p {
        color: var(--color-dark-text);
        background: var(--color-dark-bg-hover);
    }

    #modal_move_segment_folder ul.segments_folder_list>li>a.folder-active {
        background-color: var(--color-dark-bg-hover) !important;
        color: #fff !important;
    }

    .gln-text-gray,
    .gln_custom_date_input>input {
        color: #fff;
    }

    .gln-plus-btn {
        color: var(--color-dark-text-light);
    }

    #gln_workroom_dropdown {
        background-color: var(--color-dark-bg-body);
    }

    header .outer__header .header__right .project__wrapper .project__wrapper__dropdown ul>li>a:hover {
        background-color: var(--color-dark-bg-light);
    }

    .gln-dark-input {
        background-color: var(--color-dark-bg-body);
        border-color: var(--color-dark-tbl-border);
        color: #fff;
    }

    .gln-input-for-placeholder {
        background-color: var(--color-dark-bg-body);
    }

    .gln-switch {
        p {
            color: #fff;
        }
    }

    .scorecard_details {
        background: var(--color-dark-bg-body);
    }

    .sc_chart_container .chart_title_div {
        background: var(--color-dark-bg-light);
    }

    .reorder_columns_input_div>ul>li {
        color: var(--color-dark-text-light);
        background: var(--color-dark-bg-body);
    }

    .scorecard_metrics_div {
        .metrics {
            background: #f9f9f911;
            color: #c5c5c5;
        }
    }

    .gln_scorecards_report {
        .trend_chart rect {
            fill: var(--color-dark-bg-light);
        }
    }

    .scorecard_table {
        .workroom_body {
            background: var(--color-dark-bg-light);
        }
    }

    .scorecard_metric_breakdown {
        .title {
            color: #fff;
        }
    }

    .scorecared_metric_div {
        color: var(--color-dark-text-light);
    }

    .sc_chart_container .chart_title_div,
    .sc_chart_container {
        border-color: var(--color-dark-tbl-border);
    }

    .scorecard_reports_container {
        border-color: var(--color-dark-tbl-border);
        box-shadow: initial;
    }

    .filter__box.value .box li>strong,
    .filter__box.value .box li>h3 {
        color: var(--color-dark-text-light);
    }

    .ui-widget.ui-widget-content {
        /* border: 1px solid #c5c5c5; */
        background: var(--color-dark-bg-light);
        color: #fff;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default {
        background: var(--color-dark-bg-light);
        color: #fff;
    }

    .segment__list .new-group-create-segmentation-col {
        color: var(--color-dark-text-light);
    }

    .ms-options-wrap>.ms-options {
        background: var(--color-dark-bg-light);
    }

    .ms-options-wrap button {
        background: var(--color-dark-bg-light);
        color: #fff !important;
        border: 1px solid var(--color-dark-tbl-border);
    }

    .file__list .elem__file {
        background: var(--color-dark-bg-light);
        border-color: var(--color-dark-tbl-border);

        .media {
            background: var(--color-dark-bg-light);
            border-color: var(--color-dark-bg-light);
        }

        .progress__box p,
        .desc p {
            color: var(--color-dark-text-light);
        }
    }

    .gln_popover {
        color: var(--color-dark-bg-body);
    }

    .gln-popover-arrow {
        background: var(--color-dark-bg-body) !important;
    }

    .gln-popover {
        border: 2px solid var(--color-dark-bg-body);

        .gln-popover-title {
            background: var(--color-dark-bg-light);
            color: var(--color-dark-text-light);
        }

        .gln-popover-content {
            color: var(--color-dark-text-light);
            background: var(--color-dark-bg-body);
        }
    }

    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator {
        filter: invert(1);
        cursor: pointer;
    }

    input[type="time"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    .events__grid .elem__event {
        background: var(--color-dark-bg-body);
        color: var(--color-dark-text-light);
        border-color: var(--color-dark-tbl-border);

        p {
            color: var(--color-dark-text-light) !important;
        }
    }

    .modal_getting_started_guide {
        .getting_started_guide_link {
            ol.gettingstartedvideo {
                color: var(--color-dark-text);
            }

            li {

                a {
                    color: var(--color-dark-text);
                }
            }
        }
    }

    .gln-regular-btn-red {
        background-color: #fff;
        color: var(--color-dark-text-btn);
    }

    .business_ai_agent .box {
        background-color: var(--color-dark-text-btn);
        border-color: var(--color-dark-tbl-border);
    }

    .gln-multi-input-single-line-contianer .symbole-div {
        border-color: var(--color-dark-tbl-border);
        color: #fff;
    }

    .dark-btn-text {
        color: var(--color-dark-text-btn) !important;
    }

    .dark-text-white {
        color: #fff !important;
    }

    .dark-text-gray {
        color: var(--color-dark-text-light) !important;
    }

    .dark-bg-white {
        background-color: #fff !important;
    }

    .gln-onboarding-page {
        .gln_multiselect_wrapper button.multiselect.dropdown-toggle {
            background: var(--color-dark-bg-body) !important;
            border: 1px solid var(--color-dark-tbl-border) !important;
            /* color: var(--color-dark-text-light); */
        }

        p {
            color: #fff;
        }

        .number__switcher ul li>a.current {
            color: var(--color-dark-bg-body);
        }

        .number__switcher ul li>a {
            color: var(--color-dark-text-light);
        }

        div.label {
            background: var(--color-dark-bg-light);
            color: #fff;
        }

        label p,
        label span {
            color: #fff !important;
        }

        .number-list li {
            color: var(--color-dark-text-light);
        }

        .number-list li:hover {
            color: #000;
        }
    }

    .dt-search input,
    .button-inline-container .input-inline,
    .custom-input input,
    .group__input textarea {
        background-color: var(--color-dark-bg-body) !important;
        border-color: var(--color-dark-tbl-border) !important;
        color: #fff !important;
    }

    .primary_color_lable {
        color: #fff;
    }

    .task-line-through {
        color: var(--color-dark-text) !important;
    }

    .daterangepicker {
        table.table-condensed {
            background: var(--color-dark-bg-body);
        }

        .calendar-table {
            border: 1px solid var(--color-dark-bg-body) !important;
        }
    }

    .modal__wrapper h4 {
        color: var(--color-dark-text-light);
    }

    .modal__wrapper p {
        color: var(--color-dark-text);
    }

    #entry_flow_display_items label a,
    .selected-flow-name {
        color: var(--color-dark-text-light) !important;
    }

    .profile-edit-view {
        .new__contact>h4 {
            color: #fff;
        }
    }

    .swal2-title {
        color: #fff;
    }

    .swal2-html-container {
        color: var(--color-dark-text-light);
    }

    a.update_accountinfo_user_status {
        color: #fff !important;
        text-decoration: underline;
    }

    .gln_multiselect_wrapper input.form-control.multiselect-search {
        background: var(--color-dark-bg-body);
        color: #fff;
    }

    .filter__box li input.input-text {
        background: var(--color-dark-bg-body);
        color: var(--color-dark-text-light);
    }

    .new-group-create-segmentation-row input[type="text"],
    .new-group-create-segmentation-row input.input-text {
        color: var(--color-dark-text-light);
    }

    .ai__segment .ai__box .btn>a {
        color: #fff;
    }

    .ai_segment_help_text .help-text {
        color: var(--color-dark-text-light);
    }

    .listoptions li.checked i {
        color: #fff;
    }

    .new-group-create-segmentation-row input.input-text {
        color: var(--color-dark-text-light);
    }

    .group__input.float__group>span:before {
        background-color: transparent !important;
    }

    .group__input.float__group>span {
        background-color: var(--color-dark-bg-body) !important;
    }

    .new-group-create-segmentation-col select {
        background-color: var(--color-dark-bg-light);
        border-color: var(--color-dark-tbl-border);
        color: #fff;
    }

    .profile-info-column input.text-input.popup-right-input {
        background: var(--color-dark-bg-body);
        color: #fff !important;
        border-color: var(--color-dark-tbl-border) !important;
    }

    #gln_user_profile_popup .update_per_info_single_field {
        color: var(--color-dark-text-btn) !important;
    }

    .profile-info-column .cancel_editing_per_info {
        color: #fff !important;
    }

    select.dt-input,
    .select_input,
    .dropdown__filter select,
    .group__input select,
    .profile-info-column select,
    .gln-copy-to-page select,
    .filter__box select,
    .gl-modal select,
    .gln-side-modal select,
    .gln_upload_csv_div select {
        background-color: var(--color-dark-bg-body) !important;
        border-color: var(--color-dark-tbl-border) !important;
        color: #fff;
    }

    select.dt-input option,
    .select_input option,
    .dropdown__filter select option,
    .group__input select option,
    .profile-info-column select option,
    .gln-copy-to-page select option,
    .filter__box select option,
    .new-group-create-segmentation-col select option,
    .gl-modal select option,
    .gln-side-modal select option,
    .gln_upload_csv_div select option {
        background: var(--color-dark-bg-light);
        color: #ffffff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

    /* START: table search input */
    .gln_page_user_data .dataTables_filter>label input.form-control,
    .gleantap_seacrh_form .search-input,
    .gleantap_seacrh_form .gln_search_input {
        background-color: var(--color-dark-bg-body) !important;
        border-color: var(--color-dark-tbl-border) !important;
        color: #fff;
    }

    .gln_page_user_data svg path,
    .gleantap_seacrh_form svg path {
        fill: var(--color-dark-text-light);
    }

    .gln_page_user_data .dataTables_filter>label input.form-control,
    .lead-search-input {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgkJCQkJCQkJCQk8cGF0aCBkPSJNMTMuNTIzMiAxMi40NjI2TDE2LjczNTMgMTUuNjc0NkwxNS42NzQ2IDE2LjczNTNMMTIuNDYyNiAxMy41MjMyQzExLjMwNzcgMTQuNDQ3MiA5Ljg0MyAxNSA4LjI1IDE1QzQuNTI0IDE1IDEuNSAxMS45NzYgMS41IDguMjVDMS41IDQuNTI0IDQuNTI0IDEuNSA4LjI1IDEuNUMxMS45NzYgMS41IDE1IDQuNTI0IDE1IDguMjVDMTUgOS44NDMgMTQuNDQ3MiAxMS4zMDc3IDEzLjUyMzIgMTIuNDYyNlpNMTIuMDE4NSAxMS45MDYxQzEyLjkzNTYgMTAuOTYwOSAxMy41IDkuNjcxNyAxMy41IDguMjVDMTMuNSA1LjM0OTM3IDExLjE1MDYgMyA4LjI1IDNDNS4zNDkzNyAzIDMgNS4zNDkzNyAzIDguMjVDMyAxMS4xNTA2IDUuMzQ5MzcgMTMuNSA4LjI1IDEzLjVDOS42NzE3IDEzLjUgMTAuOTYwOSAxMi45MzU2IDExLjkwNjEgMTIuMDE4NUwxMi4wMTg1IDExLjkwNjFaIiBmaWxsPSIjZmZmZmZmYjMiPjwvcGF0aD4NCgkJCQkJCQkJCTwvc3ZnPg);
    }

    /* END: table search input */

    .gln_page_user_data .pagination li>a {
        color: #fff;
    }

    .gln_page_user_data .pagination {
        border: 1px solid var(--color-dark-tbl-border);
    }

    .gln_page_user_data .pagination li {
        border-right: 1px solid var(--color-dark-tbl-border);
    }

    .gln_user_profile_menu {
        background-color: var(--color-dark-bg-body);
    }

    .profile-loading-div {
        background: var(--color-dark-bg-light);
        color: #ffffff;
    }

    .modal__side.profile__side .inner__modal>.modal__box .head>.left>h6.profile-header-name-text a,
    .profile-notes-item-text,
    .profile-header-name-text a {
        color: var(--color-dark-text-light);
    }

    .dropdown__segments ul>li>a {
        color: var(--color-dark-text-light);
    }

    .dropdown__segments ul>li>a:hover {
        background-color: var(--color-dark-bg-light);
    }

    /* .settings__segment--btn.opened,
    .table__wrapper table .btns>a:hover {
        background-color: var(--color-dark-bg-body);
    } */

    .side__campaign.gleantap_sub_menu {
        background: var(--color-dark-bg-light);
    }

    .gleantap_sub_menu .gleantap_sub_menu_element ul>li>a {
        color: var(--color-dark-text);
    }

    .gleantap_sub_menu .gleantap_sub_menu_element ul>li>a:hover {
        background-color: var(--color-dark-bg-hover) !important;
        color: #fff !important;
    }

    /* Audience Sub-menu */
    .box__with--menu .side__inner--menu>.elem ul>li>a.folder-active,
    .gleantap_sub_menu .gleantap_sub_menu_element ul>li>a.current {
        background-color: var(--color-dark-bg-hover);
        color: #fff !important;
    }

    .audience_list_table .tags-div {
        color: #ffffffb3;
    }

    #profile table {
        border: 1px solid var(--color-dark-tbl-border);
    }

    #profile .row__table tr,
    .profile-notes-item,
    .profile-notes-add {
        border-bottom: 1px solid var(--color-dark-tbl-border);
    }

    .user_profile_membership_div .table th {
        color: #cbc9c9 !important;
    }

    .user_profile_membership_div .table td,
    #gln_user_profile_popup .table tr td:nth-child(1),
    #gln_user_profile_popup .table tr td:nth-child(2) {
        color: var(--color-dark-text-light) !important;
    }

    #gln_user_profile_popup .table tr td:nth-child(2) span.badge {
        color: initial !important;
    }

    .update_per_info_single_field {
        color: var(--color-dark-text-btn);
    }

    .cancel_editing_per_info {
        color: #ffffff;
    }

    .update_per_info_single_field:hover,
    .cancel_editing_per_info:hover {
        text-decoration: underline !important;
        background-color: #ffffff !important;
        color: var(--color-dark-text-btn) !important;
    }

    .profile-activities-item:not(.has_diff_app_id) span.profile-activities-item-title {
        color: var(--color-dark-text-light);
    }

    .profile-activities-item {
        border-bottom: 1px solid var(--color-dark-tbl-border);
    }

    .gln_multiselect_wrapper {
        button.multiselect.dropdown-toggle {
            background: var(--color-dark-bg-light) !important;
            /* border: 1px solid #d1d5db !important; */
            color: var(--color-dark-text-light);
        }

        .dropdown-menu {
            background-color: var(--color-dark-bg-light);
        }

        .gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li label {
            color: #fff;
        }

        ul.multiselect-container.dropdown-menu li.active {
            background-color: var(--color-dark-bg-hover);
        }
    }

    .select2-dropdown {
        background-color: var(--color-dark-bg-body);
        color: var(--color-dark-text-light);
    }

    span.select2-selection.select2-selection--multiple {
        background-color: var(--color-dark-bg-body);
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        color: var(--color-dark-text-light);
    }

    .table__wrapper table tr td {
        color: var(--color-dark-text-light);
    }

    .dropdown__segments {
        background-color: var(--color-dark-bg-body);
    }

    .inline_radios>p {
        color: #fff;
    }

    .recursion_details,
    .inline_radios .radios p {
        color: var(--color-dark-text-light);
    }

    .modal__side .your__task--wrapper .search__task .buttons .filter__tasks {
        color: #fff;
    }

    .modal__side .your__task--wrapper .search__task .buttons .filter__tasks:hover {
        color: var(--color-dark-bg-body);
        background-color: #fff;
    }

    .recur-week-container {
        .week-circle {
            color: #fff;
        }

        .week-circle.selected_week_name {
            background-color: var(--color-dark-text-light);
            color: white;
        }
    }

    .swal2-container .swal2-popup.swal2-modal {
        background: var(--color-dark-bg-light) !important;
        border: 1px solid var(--color-dark-text-light) !important;
    }

    .lead-item-card-name {
        /* color: var(--color-dark-text-light); */
        color: #fff !important;
    }

    .lead-search-input {
        background-color: var(--color-dark-bg-body) !important;
        color: #fff !important;
    }

    .lead-search-result.search-merge-contact-results {
        background: var(--color-dark-bg-body) !important;
    }

    .lead-item-card.select-merge-lead {
        background: var(--color-dark-bg-light);
    }

    .gln_view_notes_div {
        background: var(--color-dark-bg-light);
        box-shadow: 2px 2px 4px #070707;
        border: 1px solid var(--color-dark-text-light);
    }

    .notes-list-item-title {
        color: #fff;
    }

    .notes-list-item-date {
        color: var(--color-dark-text-light);
    }

    .gln_view_notes_div .notes-list .notes-list-input {
        background: var(--color-dark-bg-body);
        color: #fff;
        border: 1px solid var(--color-dark-text-light);
    }

    .gln-copy-to-page {
        label.control-label {
            color: #fff;
        }

        .card {
            background: var(--color-dark-bg-light);
        }
    }
}

/* =========== END: Dark CSS =============== */