/*Before Login CSS*/
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #101828;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #F7F9FA;
}

html {
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/*Slim Scroll*/
* {
    scrollbar-width: thin;
    scrollbar-color: #98A2B3 #d4d4d4;
}

    *::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

    *::-webkit-scrollbar-track {
        background: #d4d4d4;
        height: 4px;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #98A2B3;
        border-radius: 6px;
    }

:root {
    --blue_color: #02A0C7;
}

a {
    color: #02A0C7;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    a:hover {
        color: #04599e;
        text-decoration: none;
        outline: none;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

.link_gray {
    color: #667085
}

.bg-primary {
    background: var(--blue_color);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #02A0C7;
    --bs-btn-border-color: #02A0C7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #027c9b;
    --bs-btn-hover-border-color: #027c9b;
    --bs-btn-focus-shadow-rgb: 111,132,234;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #027c9b;
    --bs-btn-active-border-color: #027c9b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #02A0C7;
    --bs-btn-disabled-border-color: #02A0C7;
}

.btn-outline-primary {
    --bs-btn-color: #02A0C7;
    --bs-btn-border-color: #02A0C7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #02A0C7;
    --bs-btn-hover-border-color: #02A0C7;
    --bs-btn-focus-shadow-rgb: 85,110,230;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #02A0C7;
    --bs-btn-active-border-color: #02A0C7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #02A0C7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #02A0C7;
    --bs-gradient: none;
}

.btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
}

.btn_detault {
    border: solid 1px #EAECF0;
    color: #101828;
    height: 38px;
    line-height: 18px;
}

.btn_blue_outline {
    border: solid 1px var(--blue_color);
    color: var(--blue_color);
}

    .btn_blue_outline:hover {
        border: solid 1px var(--blue_color);
        color: var(--blue_color);
    }

.mdi {
    vertical-align: middle;
}

.text_green {
    color: #0AC75C;
}

.text_dark_orange {
    color: #B54708;
}

.text_dark_blue {
    color: #0E7090;
}

.text_light {
    color: #667085 !important;
}

.text_blue {
    color: var(--blue_color) !important;
}
.font10 {
    font-size: 10px !important;
}
.font13 {
    font-size: 13px;
}

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

.form-control, .form-select {
    border-radius: 8px;
    border-color: #EAECF0;
    font-size: 14px;
}
    .form-control:focus, .form-select:focus {
        border: solid 1px #02A0C7 !important;
        box-shadow: 0px 0px 3px #02a0c715;
    }

.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1px solid #d4d7db;
    background: #fff;
}

    .form-check-input:checked {
        background-color: var(--blue_color);
        border-color: var(--blue_color);
    }

label {
    color: #344054;
}

.dropdown-menu {
    -webkit-box-shadow: 0 32px 41px rgb(24 24 28 / 7%);
    box-shadow: 0 32px 41px rgb(24 24 28 / 7%);
}

.btn_login {
    background: #095091 !important;
    border: solid 1px #095091;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
}

    .btn_login:hover, .btn_login:active, .btn_login:focus {
        background: #095091 !important;
        border: solid 1px #095091;
        color: #fff !important;
    }

.credit_sms {
    height: 39px;
    border-radius: 100px;
    border: 1px solid #2CE;
    background: #F5FEFF;
    box-shadow: 0px 1px 2px 0px rgba(20, 20, 22, 0.05);
    padding: 6px 10px;
    display: table !important;
}
    .credit_sms .text_dark_blue {
        top: 1px;
        position: relative;
    }

.top_orange_btn {
    background: #F79009;
    border-radius: 16px;
    height: 26px;
    font-size: 12px;
    color: #fff;
    line-height: 10px;
    font-weight: 500;
    border: solid 1px #F79009;
}

    .top_orange_btn:hover {
        background: #dd7e03;
        color: #fff;
        border: solid 1px #dd7e03;
    }

.top_blue_btn {
    background-color: #02A0C7 !important;
    border-radius: 16px !important;
    height: 26px;
    font-size: 12px;
    color: #fff;
    line-height: 10px !important;
    font-weight: 500;
    border: solid 1px #02A0C7;
}

    .top_blue_btn:hover {
        background: #0286a7;
        color: #fff;
        border: solid 1px #0286a7;
    }

.noti-icon {
    width: 40px;
    height: 40px;
    border: solid 1px #EAECF0;
    border-radius: 100px;
}

    .noti-icon i {
        position: relative;
        right: 5px;
    }

    .noti-icon .badge {
        position: absolute;
        top: 6px;
        right: 4px;
        background: #E73F3F;
        font-size: 10px;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        line-height: 10px;
    }

.profile_dropdown {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
    width: 90%;
    margin: 10px auto;
}

.header-profile-user {
    height: 36px;
    width: 36px;
    background-color: var(--bs-gray-300);
    padding: 3px;
    position: relative;
    top: -11px;
}

.profile_dropdown .down_arrow {
    position: absolute;
    transform: translateY(-50%);
    top: 42%;
    right: 3px;
}

.profile_dropdown .dropdown-item {
    color: #475467;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 12px;
}

    .profile_dropdown .dropdown-item:hover {
        color: #0E7090 !important;
        background: #ECFDFF;
    }


#page-topbar {
    background: #fff;
    border-bottom: 1px solid #EAECF0;
    box-shadow: none;
}
/*New Css 23 Feb 2024*/
.main-content {
    background: #F7F9FA;
    min-height: 650px;
    overflow: inherit;
}

.logo-lg img {
    max-width: 100%;
    max-height: 30px;
}

.logo-sm img {
    max-width: 100%;
    max-height: 30px;
}

.navbar-brand-box {
    padding: 0 8px;
}

.app-search span {
    right: 14px;
    font-size: 24px;
    width: 24px;
}

.app-search .form-control {
    height: 40px;
    padding: 8px 8px 8px 40px;
    background-color: #fff;
    border-radius: 8px;
    letter-spacing: -0.05px;
    border: solid 1px #EAECF0;
}

#sidebar-menu {
    padding: 10px 12px 30px 12px;
    max-height: 100%;
    overflow-y: auto;
}

.vertical-collpsed #sidebar-menu {
    overflow-y: inherit;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
    padding: 10px 10px;
}

#sidebar-menu ul li a {
    color: #475467;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 12px;
    border-radius: 8px;
}

    #sidebar-menu ul li a:hover {
        color: #0E7090;
    }

        #sidebar-menu ul li a:hover i {
            color: #02A0C7;
        }

.mm-active .active {
    color: #0E7090 !important;
    background: #ECFDFF;
    border-radius: 8px;
}

    .mm-active .active i {
        color: #0E7090 !important;
    }

.mm-active > a, .mm-active > a i {
    color: #0E7090 !important;
}

#sidebar-menu hr {
    border-top: 1px solid #EAECF0;
}

.video_box {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 32px 16px 16px;
    color: #475467;
    line-height: 14px;
    position: relative;
}

    .video_box .close_icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    /* .vertical-collpsed .video_box{display: none;} */
    .video_box .video_thumb {
        position: relative;
    }

        .video_box .video_thumb .play_icon {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            z-index: 2;
        }

.app-search {
    width: 300px;
}

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

#sidebar-menu ul li ul.sub-menu li {
    position: relative;
}

    #sidebar-menu ul li ul.sub-menu li a {
        padding: .4rem 1rem .4rem 2rem;
    }

.metismenu li {
    position: relative;
}

    .metismenu li a:hover {
        background: #ECFDFF;
    }

#sidebar-menu ul li ul.sub-menu li a::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: translateY(-50%);
    top: 50%;
    left: 35px;
    background-color: #b4bdc6 !important;
    display: none;
}

.avatar-title {
    background-color: #fff !important;
    box-shadow: 2px 7px 14px rgba(5,10,50,.10);
}

    .avatar-title img {
        max-width: 100%;
        max-height: 50px;
    }

.btn_filter {
    background: #fff;
    display: inline-block;
    padding: 4px 15px;
    margin: 0 3px 3px 0;
    border-radius: 100px;
    font-size: 14px;
    color: #344054;
    cursor: pointer;
    text-decoration: none;
    border: solid 1px #EAECF0;
    font-weight: 500;
}

    .btn_filter:hover, .btn_filter.active {
        color: #344054;
        text-decoration: none;
        background: #EAECF0;
    }

.page-content {
    padding: calc(70px + 24px) calc(24px * .75) 0px calc(24px * .75);
    min-height: calc(100vh - 30px);
}

.page-title-box h3 {
    color: #000;
    margin-bottom: 0;
}

.dashboard_icon {
    max-width: 100%;
    max-height: 60px;
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
}

.color_node {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}

    .color_node li {
        display: inline-block;
        font-size: 11px;
        padding: 0 5px;
    }

        .color_node li i {
            margin-right: 5px;
        }

        .color_node li:nth-child(1) i {
            color: #475affd4;
        }

        .color_node li:nth-child(2) i {
            color: #35c5a7;
        }

        .color_node li:nth-child(3) i {
            color: #f88061;
        }

.card {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
}

    .card.h-100 {
        margin-bottom: 0px;
    }

.card-header {
    color: #444;
    background-color: #fff;
    border-bottom: solid 1px #e8e8e8;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400;
}

.nav-tabs {
    border-bottom: solid 1px #E6F3F6;
}
.metismenu {
    height: calc(100vh - 245px);
}

.vertical-menu {
    border-right: 1px solid #EAECF0;
    box-shadow: none;
    height: calc(100vh - 72px);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {
    color: #999;
}

/*Status Button*/
.in_progress {
    background: #FDF8EF;
    font-size: 15px;
    color: #E9A529;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
}

.completed {
    background: #DAFCF5;
    font-size: 15px;
    color: #25C5A7;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
}

.open {
    background: #FFF0ED;
    font-size: 15px;
    color: #FF6747;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
    white-space: nowrap;
}

/*Table*/
.table thead th {
    background: #F9FAFB;
    border-top: solid 1px #EAECF0;
    border-bottom: solid 1px #EAECF0;
    color: #475467;
    font-weight: 600;
    font-size: 12px;
}

.table tbody td {
    font-size: 14px;
    color: #667085;
}

    .table tbody td.text_dark {
        color: #101828;
    }

.table thead th, .table tbody td {
    padding: 8px;
}

.light_green_tr {
    background: #F5FEFF;
}

.table tbody td .blue_circle {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #3E74F6;
    border-radius: 50%;
}

.table tbody td .user_img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
}

.table tbody td .user_name {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-right: 2px;
}

.table tbody td i {
    color: #a3a3a3;
    font-size: 18px;
}

/*Table Header Fixed*/
.tableFixHead {
    top: 0;
}

    .tableFixHead thead th {
        position: sticky !important;
        top: 0;
        z-index: 1;
    }

.dt_invoice .tableFixHead {
    max-height: 455px !important;
}

.light_green_box {
    border-radius: 8px;
    background: linear-gradient(180deg, #F0F9E5 0%, #CAEDE5 100%);
    box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
}

/*Modal*/
.modal-content {
    border-radius: 20px;
}

    .modal-content .form-control {
        height: 42px;
        border-radius: 4px;
        font-size: 16px;
        color: #1E1E1E;
        border: solid 1px #D8D8D8;
    }

    .modal-content textarea.form-control {
        height: inherit;
    }

    .modal-content .modal-title {
        color: #101828;
        font-weight: 600;
    }

.dropdown_pager .pagination li.previous a, .dropdown_pager .pagination li.next a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 25px;
}

    .dropdown_pager .pagination li.previous a:after, .dropdown_pager .pagination li.next a:after {
        position: absolute;
        top: 6px;
        right: 10px;
        font-family: FontAwesome;
    }

.dropdown_pager .pagination li.previous a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

    .dropdown_pager .pagination li.previous a:after {
        content: "\f104";
    }

.dropdown_pager li.next a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .dropdown_pager li.next a:after {
        content: "\f105";
    }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    position: relative;
}

table.dataTable {
    margin-top: 1px !important;
}

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        position: absolute;
        right: 6px;
        top: 11px;
    }

    table.dataTable thead .sorting {
        background-image: none;
    }

        table.dataTable thead .sorting:after {
            content: "\f0dc";
        }

        table.dataTable thead .sorting .sorting_asc, table.dataTable thead .sorting .sorting_desc {
            opacity: 1;
        }

    table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled {
        background-image: none;
    }

        table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after {
            content: "\f0de";
            color: #337ab7;
        }

    table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
        background-image: none;
    }

        table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
            content: "\f0dd";
            color: #337ab7;
        }

        table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
            opacity: 0.4;
        }

.card-body {
    padding: 17px 12px;
}

.btn.btn-sm.btn-outline-secondary {
    font-size: 14px;
    font-weight: 500;
}

.btn-outline-secondary {
    border-color: #EAECF0;
}

.light_gray {
    background: #F9FAFB !important;
}

/*Tabs*/
.nav-tabs-custom {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}

    .nav-tabs-custom .nav-item {
        text-align: center;
        margin: 0 15px;
        display: inline-block;
    }

        .nav-tabs-custom .nav-item:last-child {
            text-align: center;
            margin: 0;
        }

        .nav-tabs-custom .nav-item .nav-link {
            padding: 12px 0;
        }

    .nav-tabs-custom.nav-tabs .nav-item .nav-link:hover,
    .nav-tabs-custom .nav-tabs.nav-item .nav-link.active,
    .nav-tabs-custom .nav-tabs.nav-item .nav-link:focus {
        color: #0E7090;
    }

    .nav-tabs-custom .nav-item .nav-link.active,
    .nav-tabs-custom .nav-item .nav-link:focus {
        color: #0E7090;
    }

    .nav-tabs-custom .nav-item .nav-link::after {
        background: #0E7090;
    }

.time_zone {
    width: 100%;
    max-width: 300px;
}

    .time_zone .dropdown-item {
        padding: 9px 15px;
        position: relative;
        font-size: 14px;
    }

        .time_zone .dropdown-item:hover:after, .time_zone .dropdown-item.active:after {
            content: "\f012c";
            font: normal normal normal 24px/1 "Material Design Icons";
            position: absolute;
            color: var(--blue_color);
            right: 10px;
            transform: translateY(-50%);
            top: 50%;
            background-color: var(--bs-dropdown-link-active-bg);
        }

.filter {
    width: 100%;
    max-width: 450px;
    /*z-index: 99999;*/
}
.font12_small {
    font-size: 12px;
    line-height: 1.4rem;
    color: #98A2B3;
}

.font12_blue {
    font-size: 12px;
    color: #02A0C7;
}

/*Billing Card*/
.billibg_card {
    color: #344054;
    border: solid 1px #EAECF0;
    box-shadow: none;
}

    .billibg_card a {
        color: #344054;
    }

    .billibg_card:hover, .billibg_card.active {
        border: solid 1px var(--blue_color);
        background: #F5FEFF;
    }

    .billibg_card small {
        color: #667085;
        font-size: 12px;
    }

.card_icon_img {
    /*width: 135px;
    float: left;*/
}

.card_icon {
   /* max-width: 100%;*/
    max-height: 26px;
    border-radius: 3px;
    border: solid 1px #EDEEF0;
    padding: 2px;
    display: inline-block;
}

.card_details {
    width: calc(100% - 65px);
    display: inline-block;
}

.active_status {
    background: #ECFDF3;
    padding: 5px 12px;
    border-radius: 100px;
    color: #039855;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
    min-width: 0px;
    text-align: center;
    display: inline-block;
}

.inactive_status {
    background: #FFF0ED;
    padding: 5px 12px;
    border-radius: 100px;
    color: #FF6747;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
    min-width: 80px;
    text-align: center;
    display: inline-block;
}
/* form{overflow-y: auto;overflow-x: hidden;} */

.filter, .export {
    min-width: 450px;
    border: solid 1px #EAECF0;
}
/*Custom Select*/
.custom_select option {
    padding: 10px 30px 10px 10px;
    background: #fff;
    font-size: 14px;
    color: #344054;
}

    .custom_select option:hover {
        background: #F9FAFB;
    }

        .custom_select option:hover:after {
            content: "\f012c";
            font: normal normal normal 24px/1 "Material Design Icons";
            position: absolute;
            color: var(--blue_color);
            right: 10px;
            transform: translateY(-50%);
            top: 50%;
        }

/*Custom Pagination*/
.page-link {
    border-radius: 8px;
    border: 1px solid var(--Stroke, #EAECF0);
    background: var(--White, #FFF);
    height: 32px;
    color: #344054;
    line-height: 11px;
    margin-right: 5px;
}

    .active > .page-link, .page-link.active {
        z-index: 3;
        color: #fff;
        background: var(--blue_color);
        border-color: var(--blue_color);
    }

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 8px;
    font-size: 18px;
    padding: 8px;
}

div.dataTables_paginate ul.pagination {
    float: right;
}

div.dataTables_paginate {
    margin-top: 10px;
}
/* table fixed colum */
table.dataTable thead > tr > th, table.dataTable tbody > tr > td {
    background: #fff;
}

    table.dataTable thead > tr > th:nth-child(1) {
        z-index: 10;
    }

    table.dataTable thead > tr > th:nth-child(2) {
        z-index: 9;
    }
/* table.dataTable thead > tr > th:nth-child(1),table.dataTable thead > tr > th:nth-child(2){
  z-index: 10;
} */

.btn_mob {
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #FFF;
    color: #98A2B3;
}

    .btn_mob:hover, .btn_mob:focus, .btn_mob:active {
        border: 1px solid #EAECF0;
        background: #FFF;
        opacity: .8;
    }

.more_option .dropdown-menu {
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 32px 41px -23px rgba(24, 24, 28, 0.07), 0px 2px 6px 0px rgba(24, 24, 28, 0.06);
}

    .more_option .dropdown-menu li a {
        color: #667085;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 4px 12px;
    }

        .more_option .dropdown-menu li a i {
            color: #02A0C7;
            font-size: 12px;
            padding-right: 6px;
        }

table.dataTable thead > tr > th {
    background: #F9FAFB;
}

#vertical-menu-btn {
    display: none;
}

path {
    stroke: rgb(243, 245, 247);
}

.m-show {
    display: none !important;
}

.m_credit_area {
    border-bottom: 1px solid #EAECF0;
    position: relative;
}

    .m_credit_area .vertical-menu-2 {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.ind_number {
    border-radius: 16px;
    background: #F2F4F7;
    color: var(--Color-Neutral-600, #475467);
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.32px;
    padding: 0 8px;
    float: right;
    margin-top: 5px;
}

.readmore__toggle {
    color: #02A0C7;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.32px;
    text-decoration-line: underline;
}

.account_user {
    position: relative;
    margin: 15px 0;
    display: none;
}

    .account_user .ac_image {
        width: 32px;
        height: 32px;
        overflow: hidden;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 0;
    }

        .account_user .ac_image img {
            min-height: 32px;
            max-width: 32px;
        }

    .account_user .ac_info {
        padding-left: 42px;
        color: #101828;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.05px;
    }

        .account_user .ac_info span {
            display: block;
            font-weight: 600;
        }

/* tab responsive */
.tabs_container_custom nav {
    margin: 0 auto;
    background: #fff;
}

    .tabs_container_custom nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 1px solid #ccc;
        padding: 0 10px;
    }

        .tabs_container_custom nav ul li {
            padding: 10px 16px;
            cursor: pointer;
            color: #A7A7A7;
            border-top: 1px solid #eee;
        }

            .tabs_container_custom nav ul li:hover {
                color: #3e4b58;
            }

            .tabs_container_custom nav ul li.active {
                color: #3e4b58;
                border-top: none;
            }

/* the nitty gritty */
.tabs_container_custom {
    position: relative;
    height: 50px;
    z-index: 1;
    }

    .tabs_container_custom nav {
        position: absolute;
        width: 100%;
        overflow-x: auto;
        z-index: 1;
    }

        .tabs_container_custom nav ul {
            display: flex;
            flex-direction: column;
            background: #fff;
            position: relative;
            z-index: 10;
            border-radius: 8px;
            border: 1px solid #EAECF0;
            box-shadow: 0px 1px 2px 0px rgba(24, 24, 28, 0.04), 0px 3px 4px -5px rgba(24, 24, 28, 0.03);
        }

            .tabs_container_custom nav ul li {
                order: 1;
                color: #667085;
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                letter-spacing: -0.05px;
            }

                .tabs_container_custom nav ul li.active {
                    order: 0;
                    color: #0E7090;
                    font-weight: 600;
                }

                    .tabs_container_custom nav ul li.active:after {
                        width: 8px;
                        height: 8px;
                        border-right: 0.2em solid black;
                        border-top: 0.2em solid black;
                        transform: rotate(135deg);
                        content: "";
                        position: absolute;
                        right: 1.5em;
                        top: 16px;
                        z-index: 9999;
                    }

                .tabs_container_custom nav ul li:not(.active) {
                    position: absolute;
                    top: -999em;
                }

            .tabs_container_custom nav ul.expanded li.active:after {
                transform: rotate(-45deg);
            }

            .tabs_container_custom nav ul.expanded li:not(.active) {
                position: relative;
                top: auto;
            }

.orange_indicate {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #DC6803;
}

.td_elips {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
    white-space: nowrap;
}

.ellipsis_td {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
}

@media all and (min-width: 993px) {
    nav {
        background: transparent;
    }

    .tabs_container_custom nav ul li {
        padding: 12px 15px;
    }

        .tabs_container_custom nav ul li.active {
            box-shadow: inset 0 -3px 0 #0E7090;
        }

    .tabs_container_custom nav ul {
        display: flex;
        flex-direction: row;
        /* justify-content: center; */
        white-space: nowrap;
        /* overflow: hidden; */
        border: none;
        padding: 0;
    }

        .tabs_container_custom nav ul li {
            display: inline-block;
            padding: 12px 15px;
            border: none;
        }

            .tabs_container_custom nav ul li:not(.active) {
                position: relative;
                top: auto;
            }

            .tabs_container_custom nav ul li.active {
                order: 1;
            }

                .tabs_container_custom nav ul li.active:after {
                    display: none;
                }
}

.tooltip-inner {
    border-radius: 8px;
    background: #101828;
    color: var(--White, #FFF);
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    padding: 10px 12px;
}

.tab-content1 {
    display: none;
    padding: 15px;
}

    .tab-content1.current {
        display: inherit;
    }

.billibg_btn_dot {
    color: #344054;
    font-size: 24px;
}

.earn_now {
    font-size: 12px;
    line-height: 18px;
    color: #0E7090;
    background: #F5FEFF;
    border-radius: 18px;
    border: 1px solid #0E7090;
    padding: 4px 10px;
    margin-left: auto;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.custom_select_dropdown .btn {
    background-color: var(--bs-custom-white);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-gray-700);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #EAECF0;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    border-radius: 8px;
    font-size: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
}
    .custom_select_dropdown .btn.show {
        background-image: url(../images/down-arrow-spin.svg);
    }
    .custom_select_dropdown:focus-visible {
        outline: -webkit-focus-ring-color auto 0px !important;
    }

.custom_select_dropdown .btn:hover, .custom_select_dropdown .btn:focus-visible {
    border: 1px solid #EAECF0;
    outline: -webkit-focus-ring-color auto 0px !important;
}

.custom_select_dropdown .dropdown-menu {
    width: 100%;
    box-shadow: none;
    border: 1px solid #EAECF0;
    border-radius: 8px;
}

    .custom_select_dropdown .dropdown-menu .dropdown-item {
        padding: 0.47rem 1.75rem 0.47rem 0.75rem;
        -moz-padding-start: calc(.75rem - 3px);
        position: relative;
    }

        .custom_select_dropdown .dropdown-menu .dropdown-item:hover:after {
            content: "\f012c";
            font: normal normal normal 24px/1 "Material Design Icons";
            position: absolute;
            color: var(--blue_color);
            right: 10px;
            transform: translateY(-50%);
            top: 50%;
        }

        .custom_select_dropdown .dropdown-menu .dropdown-item.active::after {
            content: "\f012c";
            font: normal normal normal 24px/1 "Material Design Icons";
            position: absolute;
            color: var(--blue_color);
            right: 10px;
            transform: translateY(-50%);
            top: 50%;
        }

.step_title {
    font-size: 16px;
    font-weight: bold;
}

.info-txt {
    font-size: 12px;
    font-weight: normal;
    color: #98A2B3;
}

.change_card button, .change_card a.base_color {
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
    top: 50%;
}

.change_card a.base_color {
    display: none;
}

.change_card .btn.show, .change_card .btn:hover, .change_card .btn:focus-visible {
    border-color: #EAECF0;
}

.change_card .dropdown-menu {
    right: -12px !important;
    box-shadow: none;
    top: 76px !important;
    border-radius: 8px;
    max-width: 100%;
    min-width: calc(100% + 24px);
    /* display: inline-table; */
}

.base_color {
    color: #02A0C7 !important;
}

.invoice_btn_align .btn-outline-secondary {
    background: #fff;
    border-color: #EAECF0;
    color: #74788d;
}

    .invoice_btn_align .btn-outline-secondary:hover, .invoice_btn_align .btn-outline-secondary:focus, .invoice_btn_align .btn-outline-secondary:focus-visible, .invoice_btn_align .btn-outline-secondary:active {
        background-color: white;
        border-color: #EAECF0;
        color: #74788d;
        opacity: .8;
        box-shadow: none;
    }
/* inbox */
.inbox_cs nav {
    border-bottom: 1px solid #EAECF0;
}


/*Guest Post Form*/
.heading1, .heading2, .heading3 {
    position: relative;
}

    .heading1 span, .heading2 span, .heading3 span {
        color: #000;
    }

    .heading1:before {
        position: absolute;
        border-top: solid 4px #03A1C8;
        content: "";
        left: 0;
        bottom: -20px;
        width: 117px;
    }

    .heading2:before {
        position: absolute;
        border-top: solid 4px #03A1C8;
        content: "";
        left: 0;
        bottom: -20px;
        width: 70px;
    }

.login_form .logo {
    max-width: 100%;
    max-height: 80px;
}

.login_form {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

    .login_form .form-control {
        font-size: 16px;
        color: #5A626B !important;
        background-color: #F3F7FA;
        padding: 12px;
    }

    .login_form label {
        color: #333E49;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .login_form p {
        color: #3F3C3C;
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 26px;
    }

    .login_form .submit_btn {
        color: #fff;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 600;
        height: 50px;
    }

        .login_form .submit_btn:hover {
            color: #fff !important;
            -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;
        }

    .login_form .social {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .login_form .social li {
            display: inline-block;
            padding: 0 5px;
            margin: 3px;
        }

            .login_form .social li i {
                font-size: 22px;
            }

    .login_form ::placeholder {
        color: #5A626B;
        opacity: 0.5; /* Firefox */
    }

    .login_form :-ms-input-placeholder {
        color: #5A626B;
        opacity: 0.5; /* Internet Explorer 10-11 */
    }

    .login_form ::-ms-input-placeholder {
        color: #5A626B;
        opacity: 0.5; /* Microsoft Edge */
    }
/*Chat Conversations Css Open*/
.conversation_section {
    height: 500px;
    margin-bottom: 20px;
}

.send_message {
    position: relative;
    height: 100px;
}

    .send_message .form-control {
        background: #fff;
        border: solid 1px #EAECF0;
        border-radius: 8px;
        font-size: 14px;
        color: #667085;
        font-weight: 500;
        padding: 8px 120px 8px 12px;
        height: 100px;
        position: relative;
    }

    .send_message .send_message_btn {
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 9;
    }

.conversation_user_list, .user_details {
    margin: 0px;
    padding: 0px;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .conversation_user_list li {
        margin: 0 0 5px 0;
        padding: 10px 10px 10px 25px;
        width: 100%;
        list-style: none;
        border-radius: 8px;
        display: inline-block;
        position: relative;
    }

        .conversation_user_list li a {
            margin: 0;
            padding: 7px 5px;
            width: 100%;
        }

        .conversation_user_list li:hover, .conversation_user_list li.active {
            background: #ECFDFF;
        }

        .conversation_user_list li .img {
            float: left;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            margin-right: 10px;
            line-height: 36px;
            text-align: center;
            color: #fff
        }

            .conversation_user_list li .img img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
            }

        .conversation_user_list li .list_content {
            float: left;
            border-radius: 50%;
            width: calc(100% - 60px);
        }

            .conversation_user_list li .list_content p {
                font-size: 14px;
                color: #344054;
                font-weight: 500;
                margin-bottom: 0;
                line-height: 18px;
            }

                .conversation_user_list li .list_content p .time {
                    font-size: 12px;
                    color: #667085;
                    font-weight: 500;
                    float: right;
                }

                .conversation_user_list li .list_content p span {
                    font-size: 12px;
                    color: #667085;
                }

        .conversation_user_list li input[type="checkbox"] {
            position: absolute;
            left: 5px;
            transform: translateY(-50%);
            top: 50%;
            margin: 0 !important;
            width: 14px;
            height: 14px;
        }
/*Message*/
.bdr_lr {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.messages_chat {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 15px;
    max-height: calc(100vh - 500px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .messages_chat ul {
        margin: 0;
        padding: 0;
    }

        .messages_chat ul li {
            display: block;
            clear: both;
            padding: 15px 0 30px;
            width: 100%;
            float: left;
        }

            .messages_chat ul li p {
                margin-bottom: 10px;
            }

                .messages_chat ul li p:last-child {
                    margin-bottom: 0;
                }

            .messages_chat ul li:nth-last-child(1) {
                margin-bottom: 20px;
            }

            .messages_chat ul li .message_content {
                max-width: 83%;
                width: 100%;
                float: left;
                padding: 10px;
                font-size: 16px;
                line-height: 26px;
                position: relative;
            }

                .messages_chat ul li .message_content .date_time {
                    font-size: 14px;
                    color: #000;
                    line-height: 20px;
                    position: absolute;
                    top: -20px;
                    left: 0;
                    width: 100%;
                }

                    .messages_chat ul li .message_content .date_time span {
                        font-size: 10px;
                        color: #5a6167;
                        line-height: 14px;
                        float: right;
                        text-align: right;
                    }

            .messages_chat ul li.sent .message_content {
                background: #F2F4F7;
                color: #101828;
                border-radius: 0 10px 10px 10px;
                box-shadow: 0 2px 1px #e1e1e1;
            }

            .messages_chat ul li.replies img {
                float: right;
                margin: 6px 0 0 8px;
            }

            .messages_chat ul li.replies .message_content {
                background: #02a0c7;
                color: #fff;
                float: right;
                border-radius: 10px 0 10px 10px;
            }

            .messages_chat ul li img {
                width: 40px;
                height: 36px;
                border-radius: 50%;
                float: left;
               /* margin: 6px 8px 0 0;*/
                margin: 0px 0px 1px -2px;
            }

.user_details {
    color: #475467;
    font-size: 12px;
}

    .user_details .fs-bold {
        color: #101828;
        font-size: 14px;
    }

    .user_details i {
        color: #667085;
        font-size: 16px;
        margin-right: 10px;
        vertical-align: middle;
    }

    .user_details h6 {
        color: #344054;
        font-size: 16px;
        font-weight: 700;
    }

    .user_details .light_badge {
        text-align: center;
        background-color: #E6E8EC;
        border-radius: 100px;
        padding: 4px 15px;
        color: #475467;
        font-size: 12px;
        margin-bottom:4px;
        white-space:nowrap;
        display:inline-block;
    }

    .user_details .user_contact_img {
        position: relative;
        width: 68px;
        height: 68px;
        border-radius: 50%;
        border: solid 1px #ccc;
    }
    .user_details .user_contact_img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
.user_details .user_contact_img .status {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    background: #fff;
}

            .user_details .user_contact_img .status i {
                font-size: 20px;
                color: #03b026;
                width: 20px;
                height: 20px;
                display: block;
            }
/*Chat Conversations Css Close*/
/*to show .. in datatable*/
.ellipsis-cell {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabs-wrapper .tabs-fixed {
    position: fixed;
    width: calc(100% - 327px);
    top: 68px;
    z-index: 100;
    background: #fff;
}
/* 6 Mar 2024 */

.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.table_info_text {
    color: #667085;
}

.contact_bottom_card {
    background: #FAFDFD;
    border: 1px solid #EAECF0;
    border-radius: 16px;
}

.m-600 {
    max-width: 600px;
}

/* Dropzone */
.dropzone {
    min-height: 140px;
    max-height: inherit;
    width: 100%;
    border: 1px dashed #98A2B3 !important;
    border-radius: 8px;
    transition: 0.2s;
    margin: 20px 0;
}

    .dropzone .dz-message {
        margin: 0;
    }

    .dropzone.dz-drag-hover {
        border: 1px solid #98A2B3 !important;
    }

.dz-message.needsclick img {
    width: 40px;
    display: block;
    margin: auto;
    opacity: 0.6;
    margin-bottom: 10px;
}

span.plus {
    display: none;
}

.dropzone.dz-started .dz-message {
    display: inline-block !important;
    width: 120px;
    float: right;
    border: 1px solid rgba(238, 238, 238, 0.36);
    border-radius: 30px;
    height: 120px;
    margin: 16px;
    transition: 0.2s;
}

    .dropzone.dz-started .dz-message span.text {
        display: none;
    }

    .dropzone.dz-started .dz-message span.plus {
        display: block;
        font-size: 70px;
        color: #AAA;
        line-height: 110px;
    }
/* Manage contact */
.link_gray:hover, .link_gray:focus, .link_gray:hover {
    color: #02A0C7;
}

.max-h-300 {
    max-height: 300px;
    overflow-y: auto;
}

.max-h-500 {
    max-height: 500px;
    overflow-y: auto;
}

.filter_bdr_focus:hover, .filter_bdr_focus:focus, .filter_bdr_focus:active {
    border: 1px solid #A5F0FC;
    box-shadow: 0px 0px 4px 0px #A5F0FC !important;
}

.filter_bdr_focus.active {
    color: #fff;
    background: #02A0C7;
}

.no-bdr-shd, .no-bdr-shd:focus, .no-bdr-shd:active {
    border: 1px solid transparent !important;
    box-shadow: none;
    border-radius: 0;
}

.lh-0 {
    line-height: 0;
}

.mobile_select_area {
    margin-top: -14px;
}

.dataTables_length, .dataTables_paginate {
    width: 100%;
    float: left;
    padding: 0 15px;
    margin-top: 10px;
}

.user_info_link {
    background: #F5FEFF;
}

    .user_info_link span.userimage {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        text-align: center;
    }

        .user_info_link span.userimage img {
            height: 40px;
        }

.inbox_user_details {
    font-size: 16px;
}
/* Send message */

.progressbar {
    counter-reset: step;
}

    .progressbar li {
        list-style: none;
        display: inline-block;
        width: calc(33.33% - 3px);
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        .progressbar li span {
            position: relative;
            top: -60px;
        }

        .progressbar li:before {
            content: '';
            width: 20px;
            height: 20px;
            line-height: 20px;
            border: 4px solid #ddd;
            border-radius: 100%;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            background: #fff;
            position: relative;
            z-index: 2;
        }

        .progressbar li:nth-child(1) {
            text-align: left;
        }

            .progressbar li:nth-child(1):before {
                margin: 0 0 10px 10px;
            }

        .progressbar li:nth-child(3) {
            text-align: right;
        }

            .progressbar li:nth-child(3):before {
                margin: 0 10px 10px 0;
                right: calc(-100% - -32px);
            }

        .progressbar li:after {
            content: "";
            position: absolute;
            width: 150%;
            height: 4px;
            background: #F2F4F7;
            top: 8px;
            left: 15px;
            z-index: 1;
        }

        .progressbar li:last-child:after {
            content: none;
        }

        .progressbar li:nth-child(2)::after {
            left: 50%;
            width: calc(150% - 15px);
        }

        .progressbar li.active:before {
            border-color: #22CCEE;
        }

        .progressbar li.right::before {
            background: url(../images/Step.svg) no-repeat;
            background-position: center;
            z-index: 6;
        }

        .progressbar li.right::after {
            background: #22CCEE;
            z-index: 5;
        }

.link_lightgray {
    color: #98A2B3
}

.bdr_clr {
    border-color: #EAECF0 !important;
}

.send-message-mobile {
    width: 260px;
}

    .send-message-mobile img {
        width: 100%;
        min-width: 180px; /*31 Mar 2025*/
    }

.textarea_link {
    padding-top:15px;
}
.textarea_link a {
    color: #667085;
    font-size: 16px;
    line-height: 20px;
    padding: 6px 8px;
    border-radius: 6px;
    min-height: 32px;
}

    .textarea_link a:hover {
        color: #02A0C7;
        background: #ECFDFF;
    }

.tooltip {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.notigication {
    position: relative;
}

    .notigication .bell {
        width: 39px;
        height: 39px;
        border-radius: 50%;
        border: 1px solid #46c8ed;
        text-align: center;
        display: block;
        background: #edfdff;
        font-size: 24px;
        line-height: 39px;
        color: #0E7090;
    }

        .notigication .bell span {
            position: absolute;
            background: #46c8ed;
            top: -2px;
            right: -2px;
            min-width: 16px;
            padding:0 2px;
            height: 16px;
            border-radius: 8px;
            font-size: 10px;
            text-align: center;
            line-height: 16px;
            color: #fff;
        }

.noti_list {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .noti_list img {
        width: 32px;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .noti_list h6 {
        font-size: 14px;
        color: #333;
        padding-left: 40px;
        padding-right: 30px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-width: 100%;
    }

    .noti_list p {
        font-size: 12px;
        color: #999;
        padding-left: 40px;
        padding-right: 30px;
        margin-bottom: 0;
    }

    .noti_list a {
        color: #999;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        font-size: 20px;
    }

.step_2 {
    background: #FAFDFD;
    border: 1px solid #EAECF0;
    border-radius: 12px;
    padding: 12px;
}

.advance_step2 {
    background: #FCFCFD;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

    .advance_step2 .accordion-header button {
        font-size: 16px;
        color: #101828;
    }

    .advance_step2 .accordion-button {
        padding-left: 40px;
    }

        .advance_step2 .accordion-button::after {
            margin-right: inherit;
            margin-left: inherit;
            position: absolute;
            left: 15px;
        }

        .advance_step2 .accordion-button:not(.collapsed) {
            background: #fff0;
        }

    .advance_step2 .accordion-item:last-of-type .accordion-collapse {
        border-top: 1px solid rgb(234, 236, 240);
    }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    color: #667085;
}
/* 
input[type="time"]::-webkit-calendar-picker-indicator{
  position: absolute;
  left: 10px;
  cursor: pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 20px;
  cursor: pointer;
}
::-webkit-calendar-picker-indicator { background:gray; }
input[type="time"]::-webkit-datetime-edit,
input::-webkit-datetime-edit {
  position: relative;
  left: 10px;
}

input[type="time"]::-webkit-datetime-edit-fields-wrapper,
input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 10px;
} */
.datepicker table tr td .active.disabled, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td.active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #02A0C7 !important;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    background-color: #02A0C7;
    border-color: #0888a9;
}

.datepicker table tr td.today div {
    color: #fff;
}

.area_info {
    background: #FFFCF5;
    border: 1px solid #EAECF0;
    border-radius: 12px;
    padding: 15px;
}
/*10 may 2024 change*/
.offwhite_bg {
    background-color: #F9FAFB !important;
}

.fc-h-event {
    background-color: #FFF9F9;
    border: none;
    border-left: 2px solid #FFCDCD;
}

    .fc-h-event .fc-event-main {
        color: #101828;
        text-align: left;
    }

.fc-event, .fc-event-dot {
    background-color: #FFFAEB;
    border: none;
    border-left: 2px solid #FEDF89;
}

.fc-h-event .fc-event-main {
    color: #101828;
    text-align: left;
}

.fc-daygrid-dot-event {
    display: block;
    text-align: left;
    padding-left: 10px;
}

.fc-daygrid-event-dot {
    display: none;
}

.fc .fc-toolbar h2 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-left: 0 !important;
    line-height: 38px;
}

.fc .fc-today-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: #02A0C7;
    --bs-btn-border-color: #02A0C7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #027c9b;
    --bs-btn-hover-border-color: #027c9b;
    --bs-btn-focus-shadow-rgb: 111, 132, 234;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #027c9b;
    --bs-btn-active-border-color: #027c9b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #02A0C7;
    --bs-btn-disabled-border-color: #02A0C7;
    color: #fff;
}

.fc .fc--button {
    display: none;
}

table.table-bordered thead th, table.table-bordered thead td {
    background: #F9FAFB;
    height: 40px;
    font-size: 12px;
    color: #475467;
}

.fc .fc-toolbar.fc-header-toolbar {
    padding: 0 15px;
}

.success_ctword {
    background: #F6FEF9;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    color: #027A48;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
}

.success_ctword {
    background: #F6FEF9;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    color: #027A48;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
}

.success_ctword2 {
    background: #FAFDFD;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    color: #667085;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
}

.success_ctword3 {
    background: #FFFCF5;
    border: 1px solid #FEF0C7;
    border-radius: 8px;
    color: #667085;
    padding: 12px;
    font-size: 11px;
    line-height: 15px;
}

.campaign_area .card {
    border: 1px solid #fff;
}

    .campaign_area .card:hover {
        border: 1px solid #02A0C7;
    }

.campaign-card {
    position: relative;
}

    .campaign-card img {
        max-width: 48px;
        min-width: 48px;
    }

    .campaign-card h4 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        color: #344054;
        margin-bottom: 0;
    }

    .campaign-card p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 0;
        color: #667085;
    }

[type='color'] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
}

    [type='color']::-webkit-color-swatch-wrapper {
        padding: 0;
    }

    [type='color']::-webkit-color-swatch {
        border: none;
    }

.colorPicker span {
    padding-left: 5px;
    padding-right: 15px;
    position: relative;
}

    .colorPicker span::after {
       /* content: "\f107";*/
        position: absolute;
        font: normal normal normal 20px / 1 FontAwesome;
        font-size: 20px;
        text-align: center;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
    }


.quantity {
    display: flex;
    overflow: hidden;
}

    .quantity button {
        background: transparent;
        color: #333;
        border: none;
        cursor: pointer;
        font-size: 16px;
        width: 30px;
        height: auto;
        text-align: center;
        transition: background-color 0.2s;
    }

        .quantity button:hover {
            color: #000;
        }

.input-box {
    width: 40px;
    text-align: center;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    outline: none;
}

    /* Hide the number input spin buttons */
    .input-box::-webkit-inner-spin-button,
    .input-box::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .input-box[type="number"] {
        -moz-appearance: textfield;
    }
/* Switch */
.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 26px;
        padding: 0;
        line-height: 26px;
        font-size: 10px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 5px;
        background-color: #02A0C7;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 5px;
        background-color: #bec3cb;
        color: #FFFFFF;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.form-confirmation {
    background: #F2F4F7;
}

.mass_area {
    /*background: #0E7090;
    border: 1px solid #164C63;*/
    border-radius: 8px;
    padding: 40px 20px;
}

.mass_areabtn {
    background-color: #22CCEE;
}

    .mass_areabtn:hover {
        background-color: #09c1e6;
    }

.mass_areabtn1 {
    background-color: #fff;
    border: 1px solid #09c1e6;
    color: #09c1e6;
}

#keywordsList_filter {
    display: none;
}

#ManageContact_Dt_filter {
    display: none;
}

#keywordsList_filter {
    display: none
}

/*mobile text*/
.mobile_typetext {
    position: relative;
}

    .mobile_typetext .mobi-sms-row {
        position: absolute;
        background: #fff;
        top: 86px;
        padding: 10px;
        left: 12px;
        width: 236px;
        text-align: left;
        max-height: 364px;
        overflow-y: auto;
    }

.mobi-sms-col {
    position: relative;
    padding: 5px 5px;
    background: #eee;
    font-size: 11px;
    width: 100%;
    border: solid 1px #ccc;
    line-height: normal;
    border-radius: 2px;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.url_alart {
    background: #dff0d8;
    color: #007d00;
    border-radius: 10px;
}
/*Stiky type mobile*/
#sticky {
    width: 268px;
    z-index: 100;
}

    #sticky.stick {
        position: fixed;
        top: 80px;
        z-index: 101;
    }

#stickymodal {
    width: 240px;
    /*z-index: 10000;*/
    /*  margin-left: 100px*/
}
    #stickymodal .mobi-sms-row {
        width: 217px;
        top: 76px;
    }

    #stickymodal.stickmodal {
        position: fixed;
        top: 100px;/* top: 140px;*/
        z-index: 10000;
       
    }
/*for am pm*/
/* Birthday Reminders */
.custom_time {
    position: relative;
}

    .custom_time input {
        width: 96px;
        height: 60px;
        background: #F2F4F7;
        border-radius: 9px !important;
        border: 3px solid #F2F4F7;
        font-size: 40px;
        text-align: center;
        color: #101828;
    }

    .custom_time p {
        width: 127px;
        height: auto;
        color: #101828;
        margin-bottom: 0;
    }

    .custom_time input:focus, .custom_time input:active {
        background: #ECFDFF;
        border: 3px solid #02A0C7 !important;
        color: #02A0C7;
    }

    .custom_time span {
        font-size: 57px;
        text-align: center;
        line-height: 57px;
    }

.ampm input[type="radio"] {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1;
    width: 1;
    margin: -1;
    padding: 0;
    border: 0;
}

:root {
    --primary-color: #ECFDFF;
    --icon-size: 3rem;
}

.ampm {
    border: 1px solid #02A0C7;
    border-radius: 8px;
    width: 50px;
    background: #F2F4F7;
}

    .ampm label:first-child {
        border-bottom: 1px solid #02A0C7;
    }

    .ampm input[type="radio"] {
        display: inline-block;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1;
        width: 1;
        margin: -1;
        padding: 0;
        border: 0;
    }

    .ampm .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--icon-size);
        height: 34px;
        color: var(--primary-color);
        border-radius: 0.5rem;
        font-size: 12px;
        padding: 0.5rem;
        overflow: hidden;
        color: #101828;
    }

        .ampm .icon:hover {
            cursor: pointer;
            background-color: var(--primary-color);
        }

    .ampm .peer:checked ~ .icon {
        background-color: var(--primary-color);
    }

.sv-wh1 {
    min-height: 48px;
    max-height: 48px;
}
/*End*/

/*10 may 2024 Add*/
.btn-check:focus + .btn, .btn:focus {
    border-color: #eaecf0;
}

.massege_view .btn-close {
    position: absolute;
    top: 30px;
    right: 40px;
}
/*23 may 2024 Add*/
.cursor {
    cursor: pointer;
}

.badge_bg_success {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background: #ECFDF3;
    padding: 6px 10px;
    color: #027A48;
    border-radius: 16px;
}

.backnew {
    display: inline-block;
    background-color: white;
    border: none;
    color: blue;
    color: #29add4;
    font-weight: bold;
}

.show_div {
    display: block;
}

.hide_div {
    display: none !important;
}

.conversation_user_list li.unread {
    font-weight: 700;
}

.ListCheckBox {
    margin: 9px 0 0 !important;
    margin-top: 1px !important;
    line-height: normal !important;
    margin-top: 5px !important;
    margin-left: 6px !important;
}

.messages_chat ul li {
    position: relative;
}

    .messages_chat ul li:nth-last-child(1) {
        margin-bottom: 20px;
    }

    .messages_chat ul li:last-child.replies .message_content {
        margin-bottom: 8px;
    }

    .messages_chat ul li.sent .user_name {
        float: left;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        margin-right: 10px;
        line-height: 36px;
        text-align: center;
        color: #fff;
    }

.conversation_user_list li .list_content p span .noti_count {
    width: auto;
    min-width:15px;
    height: 16px;
    display: inline-block;
    background: #02a0c7;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    color: #fff;
    line-height: 14px;
    margin-left: 6px;
    padding:1px 3px
}

.user_contact_details_icon label {
    font-weight: 700 !important;
}

.user_contact_details_icon .fa {
    min-width: 14px;
}

#ViewContactDetails .user_contact_img .user_name {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

#ViewContactDetails .user_contact_img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
}

    #ViewContactDetails .user_contact_img img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    #ViewContactDetails .user_contact_img .status {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        display: block;
        position: absolute;
        bottom: 15px;
        right: 0;
        z-index: 9;
        background: #fff;
    }

        #ViewContactDetails .user_contact_img .status .fa {
            font-size: 20px;
            color: #03b026;
        }

.scrolldown {
    position: sticky;
    bottom: 10px;
    left: 100%;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: none;
    z-index: 999;
    border-radius: 50%;
    background: #fff;
    border: solid 1px #02A0C7;
}

    .scrolldown .fa {
        font-size: 32px;
        vertical-align: middle;
        line-height: 38px;
        color: #02A0C7;
        margin: auto;
        display: table;
    }

    .scrolldown .noti_counts {
        position: absolute;
        top: -5px;
        right: -5px;
        width: 16px;
        height: 16px;
        display: inline-block;
        background: #02a0c7;
        border-radius: 50%;
        font-size: 10px;
        text-align: center;
        color: #fff;
        line-height: 14px;
    }

.messages_chat ul li.replies .send_message_status {
    text-align: center;
    background-color: #8d8e91;
    border-radius: 100px;
    padding: 2px 9px;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    right: 22px;
    bottom: 8px;
}
.messages_chat ul li.replies .remove_icon {
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 18px;
}
/*END*/

/* Copy from old application */
.placeholderN::-webkit-input-placeholder {
    color: #f51;
}

.placeholderN:-moz-placeholder {
    color: #f51;
}

.placeholderN::-moz-placeholder {
    color: #f51;
}

.placeholderN:-ms-input-placeholder {
    color: #f51;
}

.placeholderO::-webkit-input-placeholder {
    color: #b4b4b5;
}

.placeholderO:-moz-placeholder {
    color: #b4b4b5;
}

.placeholderO::-moz-placeholder {
    color: #b4b4b5;
}

.placeholderO:-ms-input-placeholder {
    color: #b4b4b5;
}

/*text*/
#URLBlockModelForKeywordCampaign {
    z-index: 99999 !important;
}

#URLBlockModelForKeywordCampaign .modal-content {
    box-shadow: 0 0px 18px #b7b7b7;
}
/* Text Us Css */
.signup_form {
/*background: #36E83E;*/
border-radius: 12px;
box-sizing: border-box;
padding: 20px;
padding-top: 45px;
}

.signup_form input {
    width: 100%;
    height: 34px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 17px;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
}

.signup_form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
}

.signup_form button {
    width: 100%;
    height: 34px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 17px;
    /*background: #479900;*/
    /*color: #fff;*/
    border: 1px solid #479900;
    outline: none;
    cursor: pointer;
}
input[type='checkbox'] {
    border: 1px solid #2ce
}
.old-web {
    position: relative;   
    background: #F5FEFF;
    border: 1px solid #2ce;
    padding: 4px 10px;
    border-radius: 20px;
    cursor: pointer;
}

    .old-web .sw-text {
        display: inline;
    }

    .old-web .switch_area {
        display: inline-block;
    }

    .old-web .onoffswitch-switch {
        height: 16px;
        top: 2px;
        right: 20px;
    }

.text_white {
    color: #f7f7f7;
    font-size: 18px;
}
.scrol_drop {
    max-height: calc(500px - 223px);
    overflow-y: auto;
}
#ShaftViolationModel {
    z-index: 99999 !important;
}

#ShaftViolationModel .modal-content {
    box-shadow: 0 0px 18px #b7b7b7;
}
#inboxpreviewDiv .table-responsive {
    max-height: 400px;
    overflow-y: scroll;
    height: 390px;
}
/* 6 Aug 2024 */
.filterpoint {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .filterpoint li {
        display: inline-block;
        padding: 8px 40px 8px 16px;
        border-radius: 36px;
        border: 1px solid #02A0C7;
        background: #ECF4FE;
        position: relative;
        color: #02A0C7;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .filterpoint li a {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
        }

        .filterpoint li i {
            color: #02A0C7;
            font-size: 16px;
        }

.w57 {
    width: 57px;
    min-width: 57px;
    max-width: 57px;
    min-height: 57px;
    max-height: 57px;
}

.report_btnud {
    border-radius: 6px;
    opacity: 0px;
    background: #EEFFEB;
    padding: 6px 10px 6px 30px;
    color: #359314;
    position: relative;
}

    .report_btnud::after {
        content: '';
        width: 16px;
        height: 16px;
        background: url(../images/upa.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .report_btnud.red {
        background: #FFECEB;
        color: #ED695D;
    }

        .report_btnud.red::after {
            background: url(../images/dow.png);
        }

#revenue_paid .apexcharts-legend {
    display: none;
}

.chat-text .bl-text {
    font-size: 20px;
    position: relative;
    padding-left: 30px;
}

    .chat-text .bl-text::after {
        content: '';
        width: 16px;
        height: 16px;
        border-radius: 10px;
        position: absolute;
        left: 0;
        top: 2px;
    }

    .chat-text .bl-text:first-child {
        margin-bottom: 30px;
    }

    .chat-text .bl-text span {
        font-size: 24px;
        font-weight: 600;
        display: block;
        padding-top: 10px;
    }

    .chat-text .bl-text.blue {
        color: #337D1A;
    }

        .chat-text .bl-text.blue::after {
            background: #337D1A;
        }

    .chat-text .bl-text.green {
        color: #2C8DE8;
    }

        .chat-text .bl-text.green:after {
            background: #2C8DE8;
        }

.brc .breadcrumb-item + .breadcrumb-item::before {
    content: '/';
}

.progress-section {
    width: 100%;
}


.task-progress {
    margin: 1.5rem 0 1rem;
}

    .task-progress p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 8px;
    }


.progress {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10px;
    height: 10px;
}

    .progress::-webkit-progress-bar {
        background-color: #f0f0f0;
    }

    .progress::-webkit-progress-bar,
    .progress::-webkit-progress-value {
        border-radius: 10px;
    }

    .progress::-moz-progress-bar {
        border-radius: 10px;
    }

.progress1::-webkit-progress-value {
    background: #2A9C9D;
}

.progress1text {
    color: #2A9C9D;
}

.progress2::-webkit-progress-value {
    background: #F98441;
}

.progress2text {
    color: #F98441;
}

.progress3::-webkit-progress-value {
    background: #2C8DE8;
}

.progress3text {
    color: #2C8DE8;
}

.charttext {
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: center;
}
.enterpin input {
    text-align: center;
    max-width: 60px;
    display: inline-block;
    margin: 0 5px;
}
#ContactList_dt_wrapper .dataTables_scrollBody {
    min-height: 402px;
}
.w-7030 {
    max-width: 70px; 
}

#HrfHiddenTabs {
    display: none;
    font-size: 22px;
    color: #999;
    position: absolute;
    z-index: 49;
    right: 15px;
    top: 10px;
}

#vertical-menu-btn {
    border: none;
}
.dropdown-toggle.show {
    background-image: url(../images/downsvg.svg);
}
.icon-action a {
    display: inline-block;
    margin-bottom: 8px;
}
.pagination {
    --bs-pagination-padding-x: 0.5rem !important;
}
.not_received_messages {
    background: #00d2ff;
}

.received_messages {
    background: #0074d3;
}

.received_legend {
margin: 0px;
padding: 0px;
float: right;
}

.received_legend p {
margin: 0px;
padding: 0px;
display: block;
width: 100%;
margin-bottom: 5px;
text-align: left;
position: relative;
font-weight: 600;
}

.received_legend p span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
}
/* Feedback Btn */
.rightSideBtn {
    position: fixed;
    right: 0;
    top: 180px;
    z-index: 99;
}

    .rightSideBtn ul {
        margin: 0;
        padding: 0;
    }
        .rightSideBtn ul li {
            list-style: none;
            display: block;
        }

            .rightSideBtn ul li a {
                position: absolute;
                right: -111px;
                transition: .3s;
                padding: 0;
                width: 160px;
                text-decoration: none;
                font-size: 16px;
                color: #fff;
                border-radius: 6px 0 0 6px;
                box-sizing: border-box;
            }

    .rightSideBtn #request {
        top: 0;
        background: #46c1ea;
    }

    .rightSideBtn ul li a span {
        background: #056009;
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 46px;
        border-radius: 4px 0 0 4px;
        text-align: center;
        font-size: 20px;
        margin-right: 5px;
        padding-top:10px;
    }

        .rightSideBtn ul li a span img {
            max-height: 28px;
            max-width: 28px;
            min-height: 28px;
            min-width: 28px;
        }

    .rightSideBtn #request span {
        background: #02a0c7;
    }

    .rightSideBtn ul li a:hover {
        right: 0;
    }

.profile_dropdown .chevron-down::before {
    content: "\f0140";
    font: normal normal normal 24px / 1 "Material Design Icons";
}

.profile_dropdown .show .chevron-down::before {
    content: "\f0143";
}

/*21 Feb 2025*/
.select_data_scroll {
    max-height: 150px;
    overflow-y: auto;
}
.addNewcardModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#showPermissionDv .bg-primary {
    background-color: #0d6efd !important;
}

#showPermissionDv .bg-warning {
    background-color: #ffc107 !important;
}

#showPermissionDv .bg-success {
    background-color: #198754 !important;
}

#showPermissionDv .bg-info {
    background-color: #0dcaf0 !important;
}

#showPermissionDv .bg-secondary {
    background-color: #6c757d !important;
}

#showPermissionDv .bg-dark {
    background-color: #212529 !important;
}

#showPermissionDv .bg-danger {
    background-color: #dc3545 !important;
}
.right-open .open{
    right:0;
}

.profile_addimage {
    width:160px;
    height:160px;
    border:1px solid #ccc;
    border-radius:100%;
}
    .profile_addimage img {
        min-width: 100%;
        min-height: 100%;
    }
.edit_profilebtn {
    display: block;
    width: 14px;
    height: 14px;
    background: #02a0c7;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 31px;
    left: 30px;
}
.edit_profilebtn i {
    font-size:10px;
   line-height:14px;
   color:#fff;
}
.bluebdr {
    border: solid 1px var(--blue_color) !important;
}
.profiledelete {
    position: absolute;
    right: 10px;
    top: 10px;
    display:none;
}
.profile_image_big:hover .profiledelete {
    display:block;
}

.dropdown-menu.image_upload {
    box-shadow: lightblue 0px 1px 0px 2px;
    --bs-dropdown-min-width: 9.5rem;
}

.bg-pic {
    --bs-bg-opacity: 1;
    background-color: #02a0c7;
}

/*31 Mar 2025*/
.modal-dialog-scrollable .modal-body {
    max-height: calc(100vh - 254px);
}

#cardtbl_wrapper thead {
    display: none !important
}
/*4 Apr 2025*/
.emojionearea .emojionearea-editor {    
    min-height: 100px !important;
    max-height: 100px !important;
}

.datepicker td, .datepicker th {
    font-size: 14px;
    padding: 2px 8px;
}

/*2 May 2025 */
.emoji-button {
    font-size: 22px;
    position: absolute;
    z-index: 99;
    bottom: -43px;
    left: 250px;
    width: 24px;
}

#MailMessage {
    padding: 10px 30px 10px 10px;
}


.emoji-picker {
    border: none !important;
    margin: auto;
    right: inherit !important;
    left: 450px !important;
    display: block !important;
    border-radius: 6px;
}

@media (max-width:1440px) {
    #divExcluleContactsbyGroup, #groupNameContainer {
        max-height: 350px;
        overflow-y: auto;
    }
}

#group_car a:nth-child(91),
#group_car a:nth-child(92),
#group_car a:nth-child(93),
#group_car a:nth-child(94),
#group_car a:nth-child(95),
#group_car a:nth-child(96),
#group_car a:nth-child(97),
#group_car a:nth-child(98),
#group_car a:nth-child(99),
#group_car a:nth-child(100),
#group_car a:nth-child(101) {
    display: none !important;
}

#text_to_join .textarea_link a {
    padding: 6px 5px;
}
@media (max-width:992px) {
    .emoji-picker {
        left: 200px !important;
    }

    .emoji-button {
        left: 240px;
    }
}

@media (max-width:575px) {
    .emoji-picker {
        left: 150px !important;
    }

    .emoji-button {
        left: 190px;
    }
}

@media (max-width:380px) {
    .emoji-picker {
        left: 70px !important;
    }

    .emoji-button {
        left: 152px;
    }
}
.choices:focus,
.choices__inner:focus,
.choices:focus-visible
.choices__inner:focus-visible,
.choices:focus-within,
.choices__inner:focus-within
 {
    border: solid 1px #02A0C7 !important;
    box-shadow: 0px 0px 3px #02a0c715;
}
.choices {
    border-radius: 5px !important;
    color: #000 !important;
}

.choices__inner {
    border-radius: 5px !important;
    min-height: 40px;
    border: 1px solid #EAECF0 !important;
    padding: 4px !important;
    min-height: 38px !important;
    background-color:white!important;
}
.choices__placeholder {
    opacity: 1!important;
}
.choices__list--multiple .choices__item {
    background-color: #04b5db !important;
    color: #000; /* text color */
    border-radius: 5px;
    padding: 4px 8px;
    margin: 2px;
}

.choices__list .choices__list--dropdown {
    border: 1px solid #04b5db !important;
}

.choices__item .choices__button {
    color: #000;
    opacity: 0.6;
}
.choices[data-type*=select-one] {
    cursor: pointer;
    text-align: left !important;
}

.choices__list--dropdown {
    height: 300px !important;
    z-index: 3 !important;
}

.movetogroup_list {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}