/*Colors
================================*/
:root {
	--primary-green: #71A828;
	--primary-hover: #659B17;
	--primary-focus: #31590B;
	--text-primary: #0E1704;
	--text-secondary: #3E4536;
	--text-muted: #878B82;
	
	--bg-green: #71A828;
	--bg-dark: #0E1704;
	--bg-light-green: #DCE9C0;
	--bg-extralight: #F1F6E6;
	--bg-gray: #F8F8F7;
	
	--border-gray: #E7E8E6;

    --hover-clickable-filter: #045f04;
	
	--state-gray: #78716c;
	--state-success: #34C759;
	--state-danger: #FF3B30;
	--state-warning: #EAB308;
	--state-info: #0EA5E9;
	--state-default: #64748B;
	--state-attempt: #F43F5E;

	--state-success-dark:#299E46;
	--state-danger-dark:#F50C00;
	--state-warning-dark:#BB8E06;
	--state-info-dark:#0B84BC;
	--state-default-dark:#515E71;
	--state-attempt-dark:#E80D32;

	--state-gray-light: #f5f5f4;
	--state-success-light: #DCFCE7;
	--state-danger-light: #FEE2E2;
	--state-warning-light: #FEF9C3;
	--state-info-light: #E0F2FE;
	--state-default-light: #F1F5F9;
	--state-attempt-light: #FFE4E6;
	
	--gradient-success:linear-gradient(171deg, #22C55E 8.87%, #7BFFAB 92.96%);
	--gradient-danger:linear-gradient(171deg, #EF4444 8.87%, #FF7676 92.96%);
	--gradient-warning:linear-gradient(333deg, #FFC81E 8.33%, #FFDE78 89.06%);
	--gradient-info:linear-gradient(171deg, #00B0FF 8.87%, #98DFFF 92.96%);
	--gradient-default:linear-gradient(180deg, #64748B 0%, #ACBDD5 100%);
	--gradient-attempt:linear-gradient(180deg, #F43F5E 0%, #FF7C92 100%);

	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 16px;
	--dropdown-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.15);
	--tooltip-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}
/*Scrollbar CSS
================================*/
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background-color: var(--bg-gray); }
::-webkit-scrollbar-thumb { background-color: darkgrey; border-radius: 12px; }

/* Reset CSS
================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; vertical-align: middle; border: none; border-radius: 0 }
button, input, select, textarea { resize: none; border: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; font-family: 'Ambit', sans-serif; }
ul, li { list-style: none; }
a { text-decoration: none; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: auto; }
strong { font-weight: 600; }

/* Body CSS
================================*/
body { overflow-x: hidden; font-size: 14px; color: var(--text-primary); font-family: 'Ambit', sans-serif; font-weight: normal; }
section { position: relative; }
.secpadding { padding: 80px 0; }
.secpadding-lg { padding: 96px 0; }

/* Typography
================================*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { line-height: 120%; font-weight: 600; font-family: 'Ambit', sans-serif; }
h1, .h1 { font-size: 48px; letter-spacing: -1.5px; }
h2, .h2 { font-size: 36px; letter-spacing: -1px; }
h3, .h3 { font-size: 30px; letter-spacing: -1px; }
h4, .h4 { font-size: 24px; letter-spacing: -0.5px; }
h5, .h5 { font-size: 18px; line-height: 120% }
p { line-height: 140%; }
.text-lg { font-size: 18px; }
.text-rg { font-size: 14px; }
.text-sm { font-size: 12px; }
.text-bold { font-weight: 600; }

/* Text color
================================*/
.leadd .text-green { color: var(--primary-green); }
.leadd .text-primary { color: var(--text-primary) !important; }
.leadd .text-secondary { color: var(--text-secondary) !important; }
.leadd .text-muted { color: var(--text-muted) !important; }
.leadd .text-success { color: var(--state-success) !important; }
.leadd .text-danger { color: var(--state-danger) !important; }
.leadd .text-warning { color: var(--state-warning) !important; }
.leadd .text-default{color: var(--state-default) !important;}

/* Bg color CSS
================================*/

.leadd .bg-extralight-green{background-color: var(--bg-extralight);}
.leadd .bg-success { background-color: var(--state-success) !important; }
.leadd .bg-danger { background-color: var(--state-danger) !important; }
.leadd .bg-success-light { background-color: var(--state-success-light) !important; }
.leadd .bg-danger-light { background-color: var(--state-danger-light) !important; }
.leadd .bg-warning-light { background-color: var(--state-warning-light) !important; }
.leadd .bg-info-light { background-color: var(--state-info-light) !important; }
.leadd .bg-default-light { background-color: var(--state-default-light) !important; }

/* Bg gradient color CSS
================================*/
.bg-gradient-success { background: var(--gradient-success); }
.bg-gradient-danger { background: var(--gradient-danger); }
.bg-gradient-default { background: var(--gradient-default); }
.bg-gradient-warning { background: var(--gradient-warning); }
.bg-gradient-attempt { background: var(--gradient-attempt); }
.bg-gradient-info { background: var(--gradient-info); }

/* Button css
================================*/
.leadd .btn { font-weight: 600; font-size: 14px; border-radius: var(--border-radius-sm); padding: 6px 12px 4px; position: relative; display: inline-flex; align-items: center; white-space: nowrap; height: 32px; gap: 6px; }
.leadd .btn-lg { height: 40px; padding: 8px 16px 6px; }
.leadd .btn span { font-size: 18px; margin-top: -2px; }
.leadd .btn span.icon-add { font-weight: 600; }
.leadd .btn-sm span { font-size: 16px; }
.leadd .btn-sm { font-size: 12px; padding: 7px 12px 5px; height: 32px; }
.leadd .btn-xs { font-size: 12px; padding: 4px 8px 3px; height: 24px; }
.leadd .btn-primary { background-color: var(--primary-green); border-color: var(--primary-green); }
.leadd .btn-primary:hover, .leadd .btn-primary:focus { background-color: var(--primary-hover); border-color: var(--primary-hover); }
.leadd .btn-outline-primary { border-color: var(--primary-green) !important; color: var(--primary-green) !important; background: var(--bs-white) !important; }
.leadd .btn-outline-primary:hover, .leadd .btn-outline-primary:focus { background-color: var(--bg-extralight) !important; border-color: var(--primary-green) !important; color: var(--primary-green) !important; }
.leadd .btn-secondary { background: var(--bg-extralight); color: var(--primary-green); border-color: var(--bg-light-green); }
.leadd .btn-secondary:hover, .leadd .btn-secondary:focus { background: var(--bg-light-green) !important; border-color: var(--primary-green) !important; color: var(--primary-green) !important; }
.leadd .btn-tertiary { color: var(--text-muted); background: var(--border-gray); border-color: var(--border-gray); }
.leadd .btn-tertiary:hover { border-color: var(--text-muted); }
.btn-error:before { position: relative; height: 18px; width: 18px; margin-top: -3px; margin-right: 6px; }
.leadd .btn-error:before { content: url('../images/icon-flag.svg'); }
.leadd .btn-danger { background: var(--state-danger-light); color: var(--state-danger); border-color: var(--state-danger-light); }
.leadd .btn-danger:hover, .leadd .btn-danger:focus { border-color: var(--state-danger); }


.leadd .btn-outline-danger{border-color: var(--state-danger);color: var(--state-danger);}
.leadd .btn-outline-danger:hover, .leadd .btn-outline-danger:focus{border-color: var(--state-danger);color: var(--bs-white);background: var(--state-danger);}


.leadd .readmore-link { color: var(--primary-green); font-weight: 600; display: inline-flex; }
.leadd .readmore-link:hover { color: var(--primary-hover); }

.leadd .btn-warning{color: var(--bs-white);background: var(--state-warning);border-color: var(--state-warning);}
.leadd .btn-warning:hover,.leadd .btn-warning:focus{background: var(--state-warning-dark);border-color: var(--state-warning-dark);}
.leadd .btn-success{color: var(--bs-white);background: var(--state-success);border-color: var(--state-success);}
.leadd .btn-success:hover,.leadd .btn-success:focus{background: var(--state-success-dark);border-color: var(--state-success-dark);}

.leadd .btn-danger{color: var(--bs-white);background: var(--state-danger);border-color: var(--state-danger);}
.leadd .btn-danger:hover,.leadd .btn-danger:focus{color: var(--bs-white);background: var(--state-danger-dark);border-color: var(--state-danger-dark);}

.leadd .btn-info{color: var(--bs-white);background: var(--state-info);border-color: var(--state-info);}
.leadd .btn-info:hover,.leadd .btn-info:focus{color: var(--bs-white);background: var(--state-info-dark);border-color: var(--state-info-dark);}

.leadd .btn-default{color: var(--bs-white);background: var(--state-default);border-color: var(--state-default);}
.leadd .btn-default:hover,.leadd .btn-default:focus{color: var(--bs-white);background: var(--state-default-dark);border-color: var(--state-default-dark);}

.leadd .btn-attempt{color: var(--bs-white);background: var(--state-attempt);border-color: var(--state-attempt);}
.leadd .btn-attempt:hover,.leadd .btn-attempt:focus{color: var(--bs-white);background: var(--state-attempt-dark);border-color: var(--state-attempt-dark);}
.leadd .btn-text {
    border: none;
    background: transparent;
    color: var(--primary-green);
    font-weight: 600;
    padding: 0;
}

/*Alerts
================================*/
.leadd .alert-primary{color: var(--text-primary);background: var(--bg-extralight);border-color: var(--bg-extralight);}
.leadd .alert-info{background: var(--state-info-light);border-color:var(--state-info-light);}
.leadd .alert-success{background: var(--state-success-light);border-color:var(--state-success-light);}
.leadd .alert-danger{background: var(--state-danger-light);border-color:var(--state-danger-light);}
.leadd .alert-warning{background: var(--state-warning-light);border-color:var(--state-warning-light);}
.leadd .alert-default{background: var(--state-default-light);border-color:var(--state-default-light);}



/*Spinner*/
.spinner-outer { height: 36px; width: 36px; }

/* Tooltip CSS
================================
.leadd-tooltip:hover { color: var(--primary-green); cursor: pointer; }
.leadd-tooltip .tooltip-inner { color: var(--text-sub) !important; font-size: 12px; background: var(--bs-white) !important; opacity: 1 !important; border: 1px solid var(--bs-gray-200); border-radius: var(--border-radius-sm); padding: 8px; text-align: center; box-shadow: var(--tooltip-shadow); }
.leadd-tooltip .tooltip-arrow::before { border-top-color: var(--bs-white) !important; }
*/

/*Progressbar css
===============================*/
.leadd .progress { height: 12px; border-radius: var(--border-radius-lg); }
.leadd .progress-bar { border-radius: var(--border-radius-lg); }

/*Pagination CSS
===============================*/
.leadd .pagination { 
    border: 0 !important; 
    border-radius: 0 !important; 
    display: flex; 
    gap: 8px; 
    flex-wrap: wrap;
}

.leadd .pagination .page-link { 
    padding: 1px 8px 0; 
    color: var(--text-primary); 
    box-shadow: none; 
    border-radius: 100px; 
    height: 40px; 
    min-width: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    border-color: var(--bs-gray-200);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leadd .pagination .active .page-link, 
.leadd .pagination .active .page-link:hover { 
    background: var(--primary-green); 
    color: var(--bs-white); 
    box-shadow: none; 
    border-color: var(--primary-green); 
}

.leadd .pagination .page-link:hover { 
    color: var(--text-primary); 
    background: var(--bs-gray-200); 
}

.leadd .pagination .disabled .page-link { 
    opacity: 0.7 
}

.leadd .pagination-sm { 
    gap: 6px; 
}

.leadd .pagination-sm .page-link { 
    height: 32px; 
    min-width: 32px;
    font-size: 12px;
    padding: 1px 6px 0;
}

.leadd .pagination-sm .page-link img { 
    height: 16px; 
    width: 16px; 
}

.leadd .pagination-sm .page-link img { height: 16px; width: 16px; }

/*Badge CSS
===============================*/
.leadd .iconwbadge span.badge { position: absolute; right: -9px; top: -11px; }
.leadd span.badge { background: var(--bg-green); height: 20px; width: 20px; border-radius: 40px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; padding: 2px 0 0 !important; }

/* Custom width container
===============================*/
.container.max-1440 { max-width: calc(1440px + 24px); }

/* Navbar
================================*/
header { background: #f1f1f1; }
.leadd .navbar-brand img { height: 28px; }
.leadd .navbar { padding: 8px 0; }
.leadd ul.navbar-nav { gap: 24px; }
.leadd .navbar-nav .nav-link:focus, .leadd .navbar-nav .nav-link:hover { color: var(--text-primary); }
.leadd .navbar-nav .nav-link.active, .leadd .navbar-nav .show>.nav-link { font-weight: 600; color: var(--text-primary); }
.leadd .navbar-nav .nav-link { position: relative; color: var(--text-secondary); font-size: 14px; padding: 4px 0px; }
.leadd button.navbar-toggler { padding: 6px 0; margin-left: 0; transition: all ease-in-out 0.3s; border: none !important; }
.leadd .navbar-toggler span.menu-line { height: 2px; display: block; width: 20px; background: var(--bg-green); margin-bottom: 6px; opacity: 1; border-radius: 8px; }
.leadd .navbar-toggler span.menu-line:last-child { margin: 0; }
.nav-right { display: flex; gap: 20px; align-items: center; }
.nav-credits, .nav-support, .nav-profile { position: relative; display: flex; align-items: center; }
.nav-profile-img { height: 32px; min-width: 32px; width: 32px; }
.nav-profile-img img { border-radius: 100%; overflow: hidden; }
.leadd a.dropdown-item { padding: 10px 12px; display: flex; align-items: center; gap: 8px; color: var(--text-secondary); }
.leadd .dropdown-item:hover, .leadd .dropdown-item:focus { background: var(--bg-extralight); }
.nav-profile .dropdown-item span { font-size: 16px; margin-top: -2px; }
.leadd .dropdown-menu { box-shadow: var(--dropdown-shadow); border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); }
.leadd .navbar-toggler span.menu-line { height: 2px; display: block; width: 22px; background: var(--bg-green); margin-bottom: 5px; opacity: 1; border-radius: 8px; }
.leadd header .dropdown-toggle { background: transparent; padding: 0; line-height: normal; height: 100%; }
.leadd header  .dropdown-toggle::after { display: none !important; }
.leadd .iconwbadge { position: relative; background: transparent; padding: 0; }
.nav-credits .dropdown-menu { width: 375px; }
.nc-title, .nc-usage { border-bottom: 1px solid var(--border-gray); }
.leadd header .nav-icon span { transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s; }
.leadd header .nav-icon { display: inline-flex; background: transparent; padding: 0; margin: 0; line-height: normal; color: var(--text-secondary); height: 22px; width: 22px; align-items: center; vertical-align: middle; font-size: 22px; }
.leadd header .nav-icon:hover, .leadd header .nav-icon.active { color: var(--text-primary); }

/*Navbar offcanvas css
================================*/
.leadd .nav-canvas { max-width: 700px; padding: 20px; width: 100%; }
.leadd .nav-canvas .btn-close { padding: 0; margin: 0; box-shadow: none; }
.leadd .nav-canvas .offcanvas-header { padding: 0; }
.leadd .nc-right .nc-markasread { margin-right: 8px; padding-right: 8px; border-right: 1px solid var(--border-gray); color: var(--text-secondary); }
.leadd .nc-right .nc-markasread:hover { color: var(--primary-green); }
.leadd .nav-canvas .offcanvas-body { padding: 0; margin-top: 16px; }
.nav-canvas ul.nav { border-bottom: 1px solid var(--border-gray); }
.nav-canvas .nav-link { background: transparent; color: var(--text-secondary); border-bottom: 2px solid transparent; display: flex; align-items: center; gap: 6px; height: 40px; }
.nav-canvas .nav-link.active { color: var(--primary-green); border-color: var(--primary-green); }
.nav-canvas .tab-content { padding-top: 24px; }
.msg-box {
    padding:16px 12px ;
    gap: 16px;
    
    display: flex;
    align-items: start;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    color: var(--text-secondary);
   
    border-radius: 0;
}
.msg-box:not(:last-child){ border-bottom: 1px solid var(--border-gray);}
.msg-box:hover { background-color: var(--bg-extralight); color: var(--text-primary);border-radius: var(--border-radius-md);border-color: transparent;}



.msb-img { height: 48px; width: 48px; border-radius: 100%; min-width: 48px; overflow: hidden; }
.msg-action .dropdown-toggle { padding: 0; background: transparent; }
.msg-action .dropdown-toggle::after { display: none; }

/* Dashboard body content
===============================*/
.leadd-wrapper { overflow: hidden; display: flex; height: calc(100vh - 54px - 16px); position: relative; }
.leadtbl-left-inner { display: flex; flex-direction: column; border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); height: 100%; background: var(--state-gray-light);overflow: scroll;}
.tf-title { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border-gray); gap: 16px; }
.tf-title p { padding-top: 2px; }
.tf-number .tf-remove { display: flex;  }
.tf-number .tf-remove span {
    color: var(--text-muted);
    font-size: 16px;
}
.tf-number .tf-remove span:hover { color: var(--text-primary); }
.tf-number {
    display: flex;
    gap: 4px;
    padding: 3px 4px 2px 8px;
    border-radius: 40px;
    border: 1px solid var(--border-gray);
    align-items: center;
}
.ts-box { border: 1px solid var(--border-gray); display: flex; padding: 8px 16px; border-radius: var(--border-radius-md); display: flex; align-items: center; gap: 8px; }
.ts-box:hover { background: var(--bg-extralight); border-color: var(--bg-extralight); }
.tsb-img img { height: 32px; min-width: 32px; border-radius: 100%; overflow: hidden; }

/*Filter accordion
========================*/
.tf-options .accordion-item:first-child { border-top: 0 !important }
.tf-options .accordion-item { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; }
.tf-options .accordion-button,.tf-options .accordion-header-extra { border-radius: 0 !important; box-shadow: none !important; background: var(--bs-white) !important; line-height: normal !important; color: var(--text-secondary); padding: 12px; display: flex; align-items: center; gap: 8px; font-size: 14px }
.tf-options .accordion-button::after { content: "\e905"; font-family: 'icomoon'; background: none !important; height: 16px; width: 16px; transform-origin: center; font-size: 18px; }
.tf-options .accordion-body { border-top: 1px solid var(--border-gray); padding: 16px 12px; }
.tf-options .accordion-button span { font-size: 18px; }
.tf-options .accordion-button:hover { background-color: var(--bg-extralight) !important; }
.accordion-header.filtered .accordion-button:before {
    height: 6px;
    width: 6px;
    background: var(--bg-green);
    content: "";
    border-radius: 100%;
    position: absolute;
    left: 4px;
    right: auto;
}

.tf-options .accordion-header-extra{font-size: 12px;}
.tf-options .tf-number .tf-remove span{font-size: 16px; line-height: 16px;}
.tf-options .tf-number span{font-size: 14px;line-height: 11px;}
/* .accordion-header.filtered ::after {
    margin-left: 4px;
} */

/* Form field css 
========================*/
.leadd .form-label { color: var(--text-primary); margin-bottom: 4px; }
.leadd .form-control, .leadd .form-select { border-color: var(--border-gray); border-radius: var(--border-radius-sm); box-shadow: none !important; color: var(--text-secondary); display: flex; font-size: 14px; padding-top: 8px; }
.leadd .form-control:disabled, .leadd .form-select:disabled { background: var(--bg-gray); border-color: var(--border-gray); color: var(--text-muted); }
.leadd .form-control:focus, .leadd .form-select:focus { border-color: var(--bg-dark); }
.leadd .form-control.is-valid, .leadd .form-select.is-valid { border-color: var(--state-success) !important; }
.leadd .form-control.is-invalid, .leadd .form-select.is-invalid { border-color: var(--state-danger) !important; }
.leadd .valid-feedback { color: var(--state-success); }
.leadd .invalid-feedback { color: var(--state-danger); }
.leadd .form-control.dateRange { background-image: url('../images/icon-date.svg'); background-repeat: no-repeat; background-size: 20px auto; background-position: calc(100% - 8px) center; margin: 0; padding-right: 32px; cursor: pointer; }
.leadd .form-check { display: flex; min-height: 1.5rem; padding-left: 0; margin-bottom: 0; align-items: center; gap: 8px; }
.leadd .form-check.form-check-inline { display: inline-flex; }
.leadd .form-check .form-check-input { position: relative; margin: 0; left: 0; height: 18px; width: 18px; box-shadow: none !important; border-color: var(--border-gray); border-width: 1.5px; cursor: pointer; background-color: var(--bs-white); }
.leadd label.form-check-label { padding-top: 2px; }
.leadd .form-check-input:checked { background-color: var(--primary-green); border-color: var(--primary-green); }
.leadd .form-check-star .form-check-input { border: none; background-image: url('../images/icon-star-gray.svg'); background-repeat: no-repeat; background-color: transparent; }
.leadd .form-check-star .form-check-input:checked { border: none; background-image: url('../images/icon-star-green.svg'); }
.leadd .custom-checkfield .form-check { position: relative; }
.leadd .custom-checkfield .form-check-input { height: 100%; width: 100%; position: absolute; opacity: 0; }
.leadd .custom-checkfield .form-check-label { padding: 5px 10px 3px; border: 2px solid var(--border-gray); border-radius: var(--border-radius-sm); cursor: pointer; z-index: 3; position: relative; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.leadd .custom-checkfield .form-check-input:checked + .form-check-label, .leadd .custom-checkfield .form-check-label:hover { border-color: var(--bg-green); background: var(--bg-extralight); color: var(--primary-green); }
.leadd .form-switch .form-check-input { background-color: #D9D9D9; border-color: #D9D9D9; width: 40px; height: 20px; background-image: url(../images/switch-round.svg); }
.leadd .form-switch .form-check-input:checked { background-color: var(--primary-green); }
.leadd .form-control.card-field { padding-left: 56px; background-image: url(../images/mastercard.svg); background-repeat: no-repeat; background-position: 14px center; background-size: 30px auto; }
.leadd .form-control.card-cvv { padding-right: 56px; background-image: url(../images/cvv.png); background-repeat: no-repeat; background-position: 95% center; background-size: 22px auto; }
.leadd .form-control.form-control-color { padding: 4px; width: 100%; }






/*Select 2 CSS*/
.leadd .phone-select .select2 { width: 120px !important; }
.leadd .select2-container--default .select2-selection { background-color: var(--bs-white); border: 1px solid var(--border-gray); border-radius: var(--border-radius-sm); height: 36px; display: flex; align-items: center; font-size: 14px; }
.leadd .phone-select .select2-selection__rendered img, .select2-results span img { height: 24px; width: auto; }
.leadd .select2-container--default .select2-selection__arrow { height: 100% !important; width: 36px !important }
.leadd .select2-container--default .select2-selection__arrow b { height: 16px !important; width: 16px !important; border: none !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 !important; padding: 0 !important; }
.leadd .select2-container--default .select2-selection__arrow b:before { content: "\e905"; font-family: 'icomoon'; font-size: 16px; }
.leadd .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--bg-extralight); color: var(--text-primary); }
.phone-select .form-select { border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.leadd .phone-select .select2-container--default .select2-selection { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* Table CSS
==========================*/
.leadtbl-left { height: 100%; flex: 0 0 260px; max-width: 260px; background: var(--color-bg-main); border-right: 1px solid var(--color-border-light); display: flex; flex-direction: column; margin-left: 0; visibility: visible; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.table-filter .tf-options { max-height: 100%; overflow-y: auto; }
.table-box { height: 100%; }
.leadd-table { height: calc(100% - 49px); }
.main-table-wrapper { height: 100%; flex: 1 0; display: flex; width: calc(100% - 260px); flex-direction: column; }
.body-gray-bg { background: var(--bg-gray); }
.table-box { border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); }
.tablehead-right { display: flex; }
.table-head .btn.btn-primary { border-color: var(--primary-green); }
.hsfilterwrapper .btn { border: 1px solid var(--bg-green); }
.leadd span.filter-badge { font-size: 8px; background: var(--bg-green); height: 14px; width: 14px; line-height: 16px; color: var(--bs-white); border-radius: 100%; right: -6px; position: absolute; top: -2px; box-shadow: 0px 0px 0 2px rgba(255, 255, 255, 1); }
.leadd .btn.tbl-btn { color: var(--primary-green); }
.leadd .btn.tbl-btn:hover, .leadd .btn.tbl-btn:focus { background: var(--bg-extralight); }
.leadd .dropdown-toggle::after, .tbl-phone-email .dropdown-toggle::after { border: none; content: "\e905"; font-family: 'icomoon'; height: 16px; min-width: 16px; margin-left: 10px; }
.leadd .dropdown-toggle::after { margin-top: -4px; margin-left: 3px !important; }
.tbl-phone-email .dropdown-toggle::after { font-size: 14px; color: var(--text-secondary); text-align: center; margin: 0; }
.table-sortings .dropdown-menu { padding: 16px; width: 200px; }
.table-units { position: relative; }
.table-favorites .btn.active { background: var(--bg-green); color: var(--bs-white); }
.input-search { padding-left: 40px; background-image: url(../images/icon-search.svg); background-repeat: no-repeat; background-size: 20px auto; background-position: 10px center; }
.table-box { background: var(--bs-white); }
.tb-inner { border-radius: var(--border-radius-md); background: var(--bs-white); display: flex; flex-direction: column; }
.table-head { padding: 8px 16px; border-bottom: 1px solid var(--border-gray); }
.tablehead-left ul { display: flex; align-items: center; gap: 24px; }
.tablehead-left ul a { color: var(--text-primary); border-bottom: 2px solid transparent; display: flex; }
.tablehead-left ul li.active a, .tablehead-left ul a:hover { color: var(--primary-green); border-color: var(---primary-green); }
.leadd-table .table { background: var(--bs-white); }
.table-container { overflow-y: auto; position: relative; height: 100%; }
.table-container table thead { position: sticky; top: -1px; background: var(--bs-white); z-index: 99; }
.table-container table thead tr >:first-child, .table-container tbody tr >:first-child { left: -1px; background: var(--bs-white); position: sticky; box-shadow: 3px 0 3px rgba(0, 0, 0, .07) !important; }
.table-container table thead tr >:first-child { z-index: 12; }
.table-container table tbody tr >:first-child { z-index: 1; }
.table-container table thead tr >:first-child:after, .table-container tbody tr >:first-child:after { height: 100%; width: 1px; position: absolute; right: 0; top: 0; content: ""; background: var(--border-gray); }
.leadd .table tr:last-child td:first-child { border-bottom-left-radius: var(--border-radius-md) !important; }
.leadd .table td, .leadd .table th, .leadd .table tr { border-color: var(--bg-gray) !important; }
.leadd .table th { padding: 12px; border-bottom: 1.5px solid var(--border-gray) !important; }
.leadd .table td { padding: 8px 12px; }
.leadd .table td, .leadd .table th { font-size: 14px; vertical-align: middle; white-space: nowrap; }
.tbl-lname { color: var(--primary-green); position: relative; white-space: nowrap; padding-right: 20px; }
/* .tbl-lname:after { right: 0; top: -3px; position: absolute; height: 16px; width: 16px; content: "\e90f"; opacity: 0; font-family: 'icomoon'; font-size: 15px; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.tbl-lname:hover, .tbl-lname:focus { color: var(--primary-green); }
.tbl-lname:hover:after, .tbl-lname:focus:after { opacity: 1; } */
.tbl-social-icon img { height: 18px; min-width: 18px; opacity: 0.5; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.tbl-social-icon:hover img { opacity: 1; }
.owner-img { height: 32px; width: 32px; border-radius: 100%; overflow: hidden; }
.tbl-pagination { padding: 8px 12px; background: var(--bs-white); border-top: 1px solid var(--border-gray); }
.leadd .table-striped>tbody>tr:nth-of-type(odd)>*, .table-hover>tbody>tr:hover>* { background: var(--bg-gray); --bs-table-accent-bg: none !important }
.table-emptystate { max-width: 500px; width: 100%; }
.te-img img { box-shadow: 4px 4px 32px 0px rgba(14, 23, 4, 0.05); border-radius: 8px; overflow: hidden; border: 1.5px solid var(--bg-extralight); max-height: 300px; width: auto; height: 100%; }
.tbl-notes { height: 18px; margin-top: 2px; }
.tbl-notes .icon-note { font-size: 16px; }
.tbln-number { padding-top: 3px; font-weight: bold }
.dropdown.bulkoptions .dropdown-menu { padding: 16px; width: 200px; }
.bulkoptions form label { font-weight: normal; font-size: 14px; }
.table-filter { height: calc(100% - 78px - 130px); overflow-y: auto; }
.table-filter .tf-options { max-height: calc(100% - 52px); overflow-y: auto; }
.leadtbl-left-inner .tab-content { height: 100%; }
.leadtbl-left-inner .tab-pane { height: 100%;display:block !important;}
.filtertabings .nav-tabs { padding: 0 13px; display: flex; gap: 10px; }
.filtertabings .nav-link { border: none; background: transparent !important; border-radius: 0; border-bottom: 2px solid transparent; color: var(--text-primary); padding: 11px 6px 9px; }
.filtertabings .nav-link.active { border-color: var(--bg-green); color: var(--primary-green); }
.savesearch-btn { padding: 12px; background: var(--state-gray-light); border-top: 1px solid var(--border-gray); border-bottom-left-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md);}.leadd .table-search .form-control { border-right: 0; border-left: 0; border-radius: 0; height: 44px; border-top: none; }
.ls-wrapper { border-bottom: 1px solid var(--border-gray); display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; }
.ls-wrapper:not(:last-child) { margin-bottom: 8px; }
.bopt-box { width: 45px; }
.bulkoptions .btn:focus { background: var(--bg-extralight); }
.listofsearches-nav { padding: 12px; }
.listofsearches .nav { display: flex; vertical-align: middle; border: 1px solid var(--border-gray); border-radius: 4px; overflow: hidden; }
.listofsearches .nav li { flex: 1 0; }
.listofsearches .nav li:not(:last-child) .nav-link { border-right: 1px solid var(--border-gray); }
.listofsearches .nav-link { font-size: 12px; color: var(--text-secondary); padding: 6px 8px 4px; width: 100%; text-align: center; border-radius: 0; }
.listofsearches .nav-link.active { background: var(--primary-green); }
.ss-details { padding: 12px; border-bottom: 1px solid var(--border-gray); }
.ss-details:hover { background: var(--bg-gray); }
.ss-pin a { color: var(--text-muted); font-size: 20px; }
.ss-pin a:hover { color: var(--primary-green); }
.ssinfo-action { display: flex; gap: 6px; color: var(--text-secondary); font-size: 16px; align-items: center; }
.ssd-action .dropdown-toggle:after { display: none; }
.ssd-action .dropdown-toggle { width: 32px; padding: 0; justify-content: center; }
.ssd-action .btn span { margin: 0; }
.leadd .ssd-action a.dropdown-item span { margin-top: -2px; font-size: 16px; }
.leadd .ssd-action a.dropdown-item { font-size: 14px; }
.leadd .ss-filteraction .btn { height: auto; padding: 3px 8px 1px; gap: 0; color: var(--text-primary); }
.ssfilter-txt { border: 1px solid var(--border-gray); padding: 12px 8px; display: flex; flex-direction: column; gap: 8px; }

/* Lead status
==========================*/
.lead-status-dropdown .dropdown-menu { padding: 0; }
.ld-inner { padding: 16px; display: flex; gap: 12px; flex-direction: column; }
.lead-status-dropdown .dropdown-toggle:after { display: none; }
.ld-status { text-align: center; padding: 11px 12px 8px; border-radius: var(--border-radius-sm); cursor: pointer; font-size: 14px; font-weight: 600; transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s; }
.status-primary { color: var(--bg-green); background: var(--bg-extralight); }
.status-default { background: var(--bg-gray); color: var(--text-secondary) }
.status-contacted { background: var(--state-warning-light); color: var(--state-warning); }
.status-unqualified { background: var(--state-danger-light); color: var(--state-danger); }
.status-qualified { background: var(--state-success-light); color: var(--state-success); }
.status-newlead { background: var(--state-default-light); color: var(--state-default); }
.status-followup { background: var(--state-info-light); color: var(--state-info); }
.status-attempt { background: var(--state-attempt-light); color: var(--state-attempt); }
.status-dark { background: var(--bg-dark); color: var(--bg-extralight); }
.status-light { background: var(--state-gray-light); color: var(--state-gray); }
.status-primary:hover, .status-primary:focus, .status-primary.active { background: var(--bg-green); color: var(--bg-extralight); }
.status-default:hover, .status-default:focus, .status-default.active { color: var(--text-secondary); background: var(--border-gray) }
.status-dark:hover, .status-dark:focus, .status-dark.active { background: var(--bg-extralight); color: var(--bg-dark); }
.status-light:focus, .status-light:hover, .status-light.active { background: var(--state-gray); color: var(--state-gray-light); }
.status-contacted:hover, .status-contacted:focus, .status-contacted.active { background: var(--state-warning); color: var(--state-warning-light); }
.status-unqualified:hover, .status-unqualified:focus, .status-unqualified.active { background: var(--state-danger); color: var(--state-danger-light); }
.status-qualified:hover, .status-qualified:focus, .status-qualified.active { background: var(--state-success); color: var(--state-success-light); }
.status-newlead:hover, .status-newlead:focus, .status-newlead.active { background: var(--state-default); color: var(--state-default-light); }
.status-followup:hover, .status-followup:focus, .status-followup.active { background: var(--state-info); color: var(--state-info-light); }
.status-attempt:hover, .status-attempt:focus, .status-attempt.active { background: var(--state-attempt); color: var(--state-attempt-light); }
.es-status { padding: 8px 12px; }
.es-status:not(:last-child) { border-bottom: 1px solid var(--bg-gray); }
.es-status .btn:hover { background: var(--bg-extralight); }
.es-status:hover { background: var(--bg-gray); }
.leadd .status-colors { display: flex; gap: 12px; flex-wrap: wrap; }
.leadd .status-colors .form-check-label .ld-status { font-size: 12px; padding: 6px 8px 4px; margin-top: 6px; }
.leadd .status-colors .form-check { position: relative; }
.leadd .status-colors .form-check-label { padding: 12px 8px !important; border: 1.5px solid var(--border-gray); border-radius: var(--border-radius-md); text-align: center; font-size: 12px; }
.leadd .status-colors .form-check input { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; }
.leadd .status-colors .form-check .form-check-input:checked + .form-check-label, .leadd .status-colors .form-check-label:hover { border-color: var(--primary-green); }
.add-custom-status { border-top: 1px solid var(--border-gray); }
.add-custom-status .btn { width: 100%; border: none; justify-content: center; padding: 14px 8px; height: auto; }
.add-custom-status .dropdown-menu { width: 240px; }
.tbl-company { display: flex; align-items: center; gap: 8px; }
.tc-img { height: 40px; width: 40px; background-color: var(--bs-white); display: flex; align-items: center; justify-content: center; border: 1px solid  var(--border-gray); border-radius: var(--border-radius-sm); }
.tc-img img { max-height: 32px; max-width: 32px; height: auto; width: auto; }
.tc-info { display: flex; flex-direction: column; gap: 2px; }
.tc-info p { white-space: nowrap; }
.tc-info ul { gap: 8px; display: flex; align-items: center; }
.tbl-phone-email { display: flex; align-items: center; gap: 0; }
.tbl-phone-email a.dropdown-toggle { display: inline-flex; align-items: center; padding: 8px 5px; border: 1px solid var(--border-gray); min-width: 54px; }
.tbl-phone-email a.dropdown-toggle { font-size: 16px; color: var(--primary-green); justify-content: space-between; }
.tbl-phone-email a.dropdown-toggle:hover { background: var(--bg-extralight); }
.tbl-phone-email .dropdown:first-child a.dropdown-toggle { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); }
.tbl-phone-email .dropdown:last-child a.dropdown-toggle { border-top-right-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); }
.tbl-phone-email a.dropdown-toggle:focus { border-color: var(--bg-green); }
.tbl-phone-email .tpe-box { padding: 16px; }
.tbl-phone-email [class^="icon-"] { font-size: 18px; cursor: pointer; color: var(--text-primary); -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.tbl-phone-email [class^="icon-"]:hover { color: var(--primary-green); }
.tbl-phone-email .everified { display: flex; align-items: center; gap: 4px; }
.tbl-phone-email .everified  span { font-size: 16px; }
.tooltip-flag { height: 20px; width: auto; }
.tbl-date-time { display: flex; align-items: center; gap: 4px; }
.tbl-date-time .leadd-tooltip { margin-top: -2px; }

/*Edit lead CSS
==========================*/
.leadd .editlead-canvas { padding: 0; width: 80%; }
.leadd .editlead-canvas .btn-close { padding: 0; margin: 0; box-shadow: none; }
.editlead-canvas .offcanvas-header { padding: 0; }
.editlead-canvas .oc-top-header { padding: 20px; }
.editlead-canvas .oc-btm-header { background: var(--bg-gray); padding: 16px 20px 8px; }
.nextprev-lead { display: flex; gap: 8px; }
.nextprev-lead button { height: 32px; width: 32px; border-radius: 100%; background: var(--bg-extralight); display: flex; align-items: center; justify-content: center; }
.nextprev-lead button span { font-size: 18px; }
.nextprev-lead button:hover { background: var(--bg-extralight); }
.editlead-canvas .offcanvas-body { padding: 16px 20px; background: var(--bg-gray); }
.elc-box { border-radius: var(--border-radius-md); background: var(--bs-white); border: 1px solid var(--border-gray); }
.elc-title { border-bottom: 1px solid var(--border-gray); padding: 12px 16px; }
.elc-body { padding: 16px; }
.notes-box:not(:last-child) { border-bottom: 1px solid var(--border-gray); }
.deletenote { color: var(--text-primary); opacity: 0.7; display: inline-flex; align-items: center; gap: 4px; background: transparent; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.deletenote:before { height: 16px; width: 16px; content: "\e928"; margin-top: -4px; font-family: 'icomoon'; font-size: 16px; }
.deletenote:hover { opacity: 1; }
.nb-img { height: 40px; width: 40px; min-width: 40px; overflow: hidden; border-radius: 100%; }
.elc-footer { padding: 12px 16px; border-top: 1px solid var(--border-gray); }
.add-notes { display: flex; align-items: center; gap: 14px; }
.add-notes img { height: 40px; width: 40px; min-width: 40px; border-radius: 100%; }
.allnotes-box .elc-body { height: 480px; overflow-y: auto; }
.lmh-row { padding: 12px 0; }
.lmh-row:not(:last-child) { border-bottom: 1px solid var(--border-gray); }
.lwb-image { height: 40px; width: 40px; border-radius: 100%; overflow: hidden; min-width: 40px; }

/*Modal CSS
==========================*/
.leadd .modal { background: rgba(0, 0, 0, 0.8); }
.leadd .modal-body { padding: 20px 16px; }
.leadd .modal-header, .leadd .modal-footer { padding: 12px 16px; border-color: var(--border-gray) !important; }
.edit-table-wrapper { display: table; table-layout: fixed; width: 100%; }
.edit-table-wrapper .et-head { display: table-header-group; }
.edit-table-wrapper .et-body { display: table-row-group; }
.edit-table-wrapper .et-row { display: table-row; width: 100%; }
.edit-table-wrapper .et-col { padding: 10px 0; display: table-cell; border-bottom: 1px solid var(--border-gray); vertical-align: middle; color: var(--text-primary); }
.edit-table-wrapper .et-col:first-child { width: 64px; text-align: center; }
.edit-table-wrapper .et-col:last-child { width: 120px; }
.edit-table-wrapper .et-body .et-row:last-child .et-col { border-bottom: none; }
.edit-table-wrapper .et-col span.icon-move { font-size: 24px; color: var(--text-muted); cursor: pointer; }
.edit-table-wrapper .et-col span.icon-move:hover { color: var(--primary-green); }

/*Toast CSS
==========================*/
.toastjs { border: none !important; padding: 16px 56px 16px 16px; box-shadow: none !important; }
button.toastjs-btn { line-height: normal; padding: 0; margin: 0; border: none; font-size: 0; height: 18px; width: 18px; position: absolute; top: 16px; right: 16px; box-shadow: none !important; background-color: transparent !important; }
button.toastjs-btn:before { content: "\e90d"; font-family: 'icomoon'; font-size: 18px; font-weight: bold; opacity: 0.5; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
button.toastjs-btn:hover:before { opacity: 1; }
.toastjs .message span.icon-info { font-size: 28px; }
.toastjs .message-wrapper { display: flex; gap: 10px; }
.toastjs time { display: block; margin-top: 10px; color: var(--text-muted); }

/*Toasts color
==========================*/
.toastjs.default { background: var(--state-default-light); color: var(--state-default); }
.toastjs.info { background: var(--state-info-light); color: var(--state-info); }
.toastjs.danger { background: var(--state-danger-light); color: var(--state-danger); }
.toastjs.warning { background: var(--state-warning-light); color: var(--state-warning); }
.toastjs.success { background: var(--state-success-light); color: var(--state-success); }

/* CREDIT CSS
===================================*/
.border-box { border-radius: var(--border-radius-md); border: 1px solid var(--border-gray); }
.cub-icon { background: var(--bg-extralight); border-radius: 100%; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; }
.cub-icon span { font-size: 24px; color: var(--primary-green); }
.cmn-table { border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); }
.cmt-toolbar { padding: 12px 16px; border-bottom: 1px solid var(--border-gray); }
.cmt-right { display: flex; align-items: stretch; }
.leadd .cmn-table .table td { padding: 12px; }
.tbl-pagination { padding: 8px 12px; background: var(--bs-white); border-top: 1px solid var(--border-gray); border-bottom-left-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md); }
.buycredits-range { width: 100%; }
.credit-numbers { display: flex; align-items: center; gap: 2px; }
.brh-right { color: var(--text-muted); }
.credit-numbers, .credit-numbers input { width: auto; font-weight: 600; color: var(--primary-green); }
.credits-details { background: var(--bg-extralight); border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); }
.credleft-img .cub-icon { border: 1px solid var(--bg-green); }
.po-wrapper { border: 1px solid var(--border-gray); border-radius: var(--border-radius-md); padding: 16px; }
.po-wrapper .form-check label { font-size: 16px; padding-top: 2px; cursor: pointer; }
.po-wrapper .form-check { position: relative; }
.po-wrapper .form-check:after { position: absolute; content: "\e905"; font-family: 'icomoon'; font-size: 18px; height: 18px; width: 18px; right: 0; -webkit-transition: all ease-in 0.1s; transition: all ease-in 0.1s; transform-origin: center; }
.po-wrapper.active .form-check:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.pow-details { display: none; }

/* PAYMENTS CSS
===================================*/
.ph-img img { max-height: 200px; width: auto; }
.bdetails-head { border-bottom: 1px solid var(--border-gray); }
.leadd .bdetails-info .table th, .leadd .bdetails-info .table td { border: none !important; padding-left: 0 !important }
.leadd .bdetails-info .table td { color: var(--text-secondary); }
.p-status { position: relative; display: inline-flex; align-items: center; gap: 6px; border: 1.5px solid; padding: 4px 8px 3px; border-radius: 40px; font-size: 12px; }
.ps-pending { border-color: var(--state-warning); color: var(--state-warning); }
.ps-sent { border-color: var(--state-info); color: var(--state-info); }
.ps-success { border-color: var(--state-success); color: var(--state-success); }
.ps-failed { border-color: var(--state-danger); color: var(--state-danger); }
.ps-cancelled { border-color: var(--state-default); color: var(--state-default); }
.p-status:before { height: 6px; width: 6px; content: ""; border-radius: 100%; display: inline-block; margin-top: -1px; }
.ps-pending:before { background: var(--state-warning); }
.ps-sent:before { background: var(--state-info); }
.ps-success:before { background: var(--state-success); }
.ps-failed:before { background: var(--state-danger); }
.ps-cancelled:before { background: var(--state-default); }
.invoice-details-wrapper .border-bottom { border-color: var(--border-gray); }
.iwhih-img { height: 48px; min-width: 48px; background: var(--bg-extralight); border-radius: var(--border-radius-md); display: flex; align-items: center; justify-content: center; }
.iwhih-img span { font-size: 24px; color: var(--bg-green); }
.idwinfo-content ul { display: flex; flex-direction: column; gap: 16px; }
.idwinfo-content ul li span { width: 73px; display: inline-flex; padding-right: 8px; }
.isinfo-title { background: var(--bg-extralight); border-radius: var(--border-radius-md); }
.isinfo-pstatus ul, .invoce-status ul { display: flex; flex-direction: column; gap: 16px; }
.isinfo-pstatus li, .invoce-status li { display: flex; }
.isinfo-pstatus li span { width: 50%; }
.invoice-status ul { gap: 20px; display: flex; flex-direction: column; }
.invoice-status li { justify-content: space-between; display: flex; }
.invoice-status li .p-status { gap: 8px; }
.invoice-status li .p-status:before { height: 8px; width: 8px; content: ""; border-radius: 100%; display: inline-block; margin-top: -2px; }
.invoice-status li:not(:last-child) .p-status:after { height: 20px; width: 2px; background: var(--border-gray); content: ""; position: absolute; left: 3px; top: 15px; border-radius: 12px; }
.invoice-status .p-status, .isinfo-pstatus .p-status { padding: 0; border: none; }
.leadd .moreoptions a.dropdown-item { font-size: 14px; }
.leadd .moreoptions a.dropdown-item span { margin-top: -2px; font-size: 16px; }
.moreoptions>a { color: var(--text-primary); font-size: 20px; }
.moreoptions>a:hover { color: var(--bg-green); }
.leadd .select2-container--bootstrap-5 .select2-selection { font-size: 14px; box-shadow: none !important; border-color: var(--border-gray) !important; }
.leadd .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .leadd .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) { color: var(--text-primary); background-color: var(--bg-extralight); }

/*Profile page
===================================*/
.profile-nav.sticky-top { top: 64px; }
.profile-nav nav { display: flex; flex-direction: column; gap: 12px; }
.profile-nav a { color: var(--text-secondary); background: var(--bg-gray); border-radius: var(--border-radius-md); padding: 14px 16px 12px; display: flex; align-items: center; gap: 8px; }
.profile-nav a span { font-size: 18px; margin-top: -3px; }
.profile-nav a.active, .profile-nav a.active:focus, .profile-nav a.active:hover { background: var(--bg-green); color: var(--bs-white); }
.profile-nav a:hover { background: var(--bg-extralight); color: var(--text-primary); }
.pp-preview { height: 64px; width: 64px; border-radius: 100%; overflow: hidden; }
.pdb-title p span { margin-top: -2px; }
.pdbs-device-icon span { font-size: 24px; color: var(--text-primary); }

/* Login CSS
===================================*/

.login-wrapper { min-height: 100vh; }
.login-wrapper, .login-left, .login-right { padding: 32px }
.login-left { background: linear-gradient(313deg, rgba(241, 246, 230, 0.80) 19.13%, #F1F6E6 106.78%); }
.logleft-content { max-width: 600px; }
.logleft-content img { max-width: 460px; width: 100%; }
.login-box { max-width: 480px; width: 100%; }
.log-contact a { color: var(--primary-green); }
.forgot-pass a{color: var(--text-primary);}
.forgot-pass a:hover{color: var(--primary-green);}

/*New CSS
================================*/
.ph-number img { height: 18px; margin-right: 6px; }
.ld-contact-act { opacity: 0; visibility: hidden; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.ldc-outer { min-height: 18px; cursor: pointer; }
.ldc-outer:hover .ld-contact-act { opacity: 1; visibility: visible; -webkit-transition: visibility 0s, opacity 1s linear; transition: visibility 0s, opacity 1s linear; }
.ld-contact-act a:hover { opacity: 0.8 }

/*Select 2 CSS*/
.leadd span.select2 { width: 100%; display: block; }
.leadd .select2-container--default .select2-selection--multiple { height: auto; min-height: 36px; padding: 8px 8px 6px }
.leadd .select2-dropdown { border-color: var(--border-gray); }
.leadd .select2-selection__choice__display { font-size: 14px; }
.leadd .select2-container--default .select2-search--inline .select2-search__field { margin-top: 0; }
.leadd .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { width: 8px; height: 8px; margin-top: -1px; }
.leadd .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option { font-size: 14px; color: var(--text-primary); }
.leadd .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { font-size: 14px; padding: 6px 10px 4px; gap: 4px; }

/*Filter status CSS*/
.filterStatusSelect .ld-status, .filterStatusSelect  .p-status { display: inline-flex; font-size: 11px; padding: 6px 22px 4px 6px !important; }
.filterStatusSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border: none; font-size: 18px; font-weight: normal; padding: 0; border-radius: 0; background: transparent !important; position: absolute; right: 7px; left: auto; top: 52%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; z-index: 111; }
.filterStatusSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span { line-height: 16px; height: 13px; padding: 0; vertical-align: middle;color:#7D7D7D;}

.filterStatusSelect .select2-container--default .select2-selection--multiple .select2-selection__choice { border: none; background: transparent; padding: 0; margin: 0; }
.filterStatusSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 0; padding-right: 0; }
.statusfilter-dropdown  .ld-status, .statusfilter-dropdown .p-status { display: inline-flex; font-size: 12px; width: 100%; }
.statusfilter-dropdown .p-status { width: auto; }
.filterStatusSelect .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-flex; flex-wrap: wrap; gap: 5px; }

/*Filter Country CSS*/
.filterCountrySelect .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding: 4px 20px 4px 4px; border: 1px solid var(--border-gray) !important; display: inline-flex; border-radius: 4px; overflow: hidden; }
.selectcountry-dropdown .select2-results__options { display: inline-flex; gap: 8px; padding: 6px; flex-wrap: wrap; }
.selectcountry-dropdown .select2-results__options li { border-radius: 2px; }

/*Profile picture select box*/
.select-profilepic .select2-selection__arrow { display: none; }
.select-profilepic .select2-container--default .select2-selection { height: 64px; width: 64px; border-radius: 100% !important; padding: 0; align-items: center; justify-content: center; }
.select-profilepic .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0px; margin: 0px; height: 100%; width: 100%; border-radius: 100% !important; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.select-profilepic .select2-container--default .select2-selection--single .select2-selection__rendered > span { height: 100%; width: 100%; }
.select-profilepic  .select2-container { width: auto !important; position: relative; }
.select-profilepic .select2-selection { position: relative; }
.select-profilepic .select2-selection:after { height: 22px; width: 22px; background-color: var(--bg-green); position: absolute; content: "\e90f"; font-family: 'icomoon'; font-size: 12px; top: -4px; right: -4px; border-radius: 100%; color: var(--bs-white); line-height: 20px; text-align: center; border: 1.5px solid var(--bs-white); }
.profilepic-select-dropdown ul#select2-select-pp-results { display: flex; flex-wrap: wrap; width: 100%; padding: 4px; gap: 4px; }
.profilepic-select-dropdown ul#select2-select-pp-results li { padding: 2px; border-radius: 100%; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; }
.profilepic-select-dropdown ul#select2-select-pp-results li:hover { background: var(--bg-dark); }
.profilepic-select-dropdown  .select2-results__option--selected { background-color: var(--bg-green); }
.profilepic-select-dropdown ul#select2-select-pp-results li span img.profile-image { height: 40px; min-width: 40px; width: 32px; border-radius: 100%; overflow: hidden; }
.profilepic-select-dropdown { background: rgba(255, 255, 255, 0.3); border-radius: 8px !important; padding: 12px; backdrop-filter: blur(5px); width: 220px !important; border: none; box-shadow: var(--dropdown-shadow); }

/*Campaign page css*/
.cn-img { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; color: var(--bs-white); font-weight: 600; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.44); padding-top: 2px; }
.cmt-active-filter { padding: 12px 0; }
.caf-tags .btn { height: 24px; padding: 5px 8px 3px; }
.filtertabings .nav-tabs { position: relative; }
.filtertabings .close-filter { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 18px; line-height: 18px; height: 18px; }

/*New CSS for the Slider
====================================*/
.sliderWithLabels { width: 100%; padding: 20px 0px 0; height: 60px; overflow: hidden; display: none; }
.sliderWithLabels input[type=range] { margin-top: 1.25rem; margin-bottom: 2.25rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; top: -40px; position: relative; -webkit-appearance: none; width: 100%; height: 10px; background: transparent; outline: none; border-radius: 10px; }
.sliderWithLabels input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: var(--bg-green); cursor: pointer; border-radius: 100%; }
.sliderWithLabels input[type=range]::-moz-range-thumb { width: 16px; height: 16px; cursor: pointer; background: var(--bg-green); }
.sliderWithLabels > div { display: flex; align-items: stretch; height: 16px; margin-top: -6px; position: relative; width: 100%; }
.sliderWithLabels > div > span { color: var(--text-primary); margin: 0px; text-align: center; line-height: 60px; font-size: 14px; flex: 1; }
.sliderWithLabels > div.step-labels span { cursor: pointer; }
.sliderWithLabels > div.step-marks { height: 10px; border-radius: 10px; background: var(--border-gray); overflow: hidden; width: 100% !important; }
.sliderWithLabels > div.step-marks div.filled { background: var(--bg-extralight); }
.sliderWithLabels > div.step-marks div { flex: 1; display: flex; }

/*NEW CSS*/
.files-tabing ul.nav { border-bottom: 1px solid var(--border-gray); }
.files-tabing .nav-link { background: transparent; color: var(--text-secondary); border-bottom: 2px solid transparent; display: flex; align-items: center; gap: 6px; height: 46px; }
.files-tabing .nav-link.active { color: var(--primary-green); border-color: var(--primary-green); }
.files-tabing .tab-content { padding-top: 24px; }
.fu-img { height: 32px; width: 32px; border-radius: 100%; overflow: hidden; }
.file-history table thead tr >:first-child, .file-history tbody tr >:first-child { left: -1px; background: var(--bs-white); position: sticky; box-shadow: 3px 0 3px rgba(0, 0, 0, .07) !important; background: var(--bs-white); z-index: 2; }
.file-history table thead tr >:first-child:after, .file-history tbody tr >:first-child:after { height: 100%; width: 1px; position: absolute; right: 0; top: 0; content: ""; background: var(--border-gray); }

/*Programming calls CSS*/
.expired-calls h3 span { font-size: 82%; vertical-align: middle; margin-top: -2px; display: inline-block; margin-right: 3px; }
.programming-table { border: none; border-radius: 0; }
.programming-table .cmt-active-filter { background: transparent; border-radius: none; padding: 16px 0 0; }
.leadd .programming-table table { border-collapse: separate; border-spacing: 0 16px; }
.leadd .programming-table .table td { border: 1px solid var(--border-gray) !important; }
.leadd .programming-table .table td:first-child { border-top-left-radius: var(--border-radius-md); border-bottom-left-radius: var(--border-radius-md); }
.leadd .programming-table .table td:last-child { border-top-right-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md); }
.leadd .programming-table .table td:not(:last-child) { border-right: 0 !important; }
.leadd .programming-table .table tr.call-expired td { border-top-color: var(--state-warning) !important; border-bottom-color: var(--state-warning) !important; background: rgba(254, 249, 195, 0.15); }
.leadd .programming-table .table tr.call-expired td:first-child { border-left-color: var(--state-warning) !important; }
.leadd .programming-table .table tr.call-expired td:last-child { border-right-color: var(--state-warning) !important; }
.icon-callstatus { font-size: 20px }
.programming-table .tbl-phone-email .dropdown-toggle::after { display: none; }
.programming-table .tbl-phone-email { gap: 8px; }
.programming-table .tbl-phone-email a.dropdown-toggle { height: 40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; min-width: 40px; border: 0; background: var(--bg-extralight); border-radius: var(--border-radius-md) !important; color: var(--text-primary); }
.programming-table .tbl-phone-email a.dropdown-toggle span { font-size: 20px; }
.programming-table .tbl-phone-email a.dropdown-toggle:hover, .programming-table .tbl-phone-email a.dropdown-toggle:focus { background: var(--bg-green); color: var(--bs-white); }
.programming-table .tbl-pagination { border: none; padding: 0; }
.pt-tabs { border-bottom: 1px solid var(--border-gray); }
.pt-tabs-btn { display: flex; gap: 20px; }
.pt-btn { border-bottom: 2px solid transparent; background: transparent; display: inline-flex; gap: 6px; padding: 12px 4px; align-items: center; text-align: left; color: var(--text-primary);}
.pt-btn span { font-size: 10px; font-weight: bold; border-radius: 16px; padding: 4px 8px 3px; line-height: 12px; }
.btn-tc span { background: var(--state-info-light); color: var(--state-info); }
.btn-fc span { background: var(--state-success-light); color: var(--state-success); }
.btn-ec span { background: var(--state-warning-light); color: var(--state-warning); }
.btn-tc:hover, .btn-tc.active { border-color: var(--state-info); color: var(--text-primary);}
.btn-fc:hover, .btn-fc.active { border-color: var(--state-success); color: var(--text-primary);}
.btn-ec:hover, .btn-ec.active { border-color: var(--state-warning); color: var(--text-primary);}
ul.dropdown-menu .form-label { font-size: 14px; }
.leadd .programming-table .dropdown.moreoptions { display: inline-flex; }
.programming-table .pc-moreoptions { width: 48px; }
.leadd .cmt-search .form-control { height: 32px; }
.programming-table .table-sortings .dropdown-menu { width: 340px; }
.leadd a.dropdown-item { font-size: 14px; }
.leadd a.dropdown-item:hover { color: var(--primary-green); }
.leadd .schedule-call a.dropdown-item span { margin-top: -2px; font-size: 16px; }
.di-credit { padding: 6px 12px; }
.di-credit a.dropdown-item { padding: 0; background: transparent !important; }
.leadd .lowcredbox { padding: 32px; }
.lowcred-video { padding-bottom: 56.25%; position: relative; border-radius: var(--border-radius-md); overflow: hidden; }
.lowcred-video video { height: 100%; width: 100%; position: absolute; left: 0; right: 0; }
.leadd .lowcredbox .lb-close { position: absolute; right: 12px; top: 12px; border: none !important; padding: 0; height: auto; }
.leadd .daterangepicker select, .leadd .daterangepicker input { border-color: var(--border-gray); border-radius: var(--border-radius-sm); box-shadow: none !important; color: var(--text-secondary); background: transparent; padding: 8px; height: 32px; line-height: normal; font-size: 14px; }
.leadd .form-control.selectTime { background-image: url('../images/icon-clock.svg'); }
#scheduleCallbox { display: none; }
.bootstrap-timepicker-widget table td input { width: 31px; margin: 0; text-align: center; }
.bootstrap-timepicker-widget table td a:hover { background-color: var(--bg-extralight); border-color: var(--bg-extralight); }
.glyphicon-chevron-up:before { content: "\e908"; font-family: 'icomoon'; }
.glyphicon-chevron-down:before { content: "\e905"; font-family: 'icomoon'; }
.internet-broken { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: var(--bs-white); padding: 24px; }
.ib-box { max-width: 480px; display: flex; flex-direction: column; text-align: center; gap: 32px; }
.ib-img img { max-height: 300px; }
.nav-profile span.creditbadge { font-size: 10px; font-weight: 600; padding: 3px 6px 2px; background: var(--bg-green); color: var(--bs-white); border-radius: 40px; margin-left: -4px; margin-top: 0; }

.statusfilter-dropdown {
    z-index: 1055;
}



.lmh-icon{height: 32px;min-width: 32px;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.lmh-icon span{font-size: 16px;font-weight: normal;}
.lmh-icon span.icon-add{font-size: 18px;}
.lmh-added{background: var(--state-success-light);color: var(--state-success);}
.lmh-edited{background: var(--state-default-light);color: var(--state-default);}
.lmh-deleted{background: var(--state-danger-light);color: var(--state-danger);}



.leadd .table-options a.dropdown-item span {
    font-size: 16px;
    margin-top: -2px;
}
.leadd .table-options .dropdown-menu {
    overflow: hidden;
}
.tablehead-right .btn {
    gap: 3px;
}

/*New CSS*/


.elcall-box{position: relative;}

.elcall-box:not(:last-child):before {
    width: 1px;
    position: absolute;
    content: "";
    background: var(--border-gray);
    left: 9.5px;
    top: 24px;
    bottom: -21px;
}
.ctable-outer {
    border: 1px solid var(--border-gray);
    border-radius: var(--border-radius-md);
    overflow: hidden;
}






.mc-history .lmh-row{padding: 12px;}




#addLeadClient{display: none;}
.fi {
    font-size: 15px;
    border-radius: 5px;
}


.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static;
}



/*Widget icon CSS*/
.leadd .tempus-dominus-widget {
	font-size: 12px; 
    width: 16rem;
 
}
.leadd  .tempus-dominus-widget .calendar-header{padding: 10px 0;margin-bottom: 0;}
.leadd  .tempus-dominus-widget [class^="icon-"],.tempus-dominus-widget [class*=" icon-"]{font-size: 20px;}

.leadd .tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), 
.leadd .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
.leadd .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
.leadd .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.leadd .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.leadd .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, 
.leadd .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, 
.leadd .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.leadd  .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.leadd  .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.leadd .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active
{
	background-color:var(--bg-green);
}

.leadd .tempus-dominus-widget .date-container-days .range-in {
    background-color: var(--primary-focus) !important;
    border: none;
    border-radius: 0 !important;
    box-shadow: -5px 0 0 var(--primary-focus), 5px 0 0 var(--primary-focus);

}
.leadd .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before,
 .leadd .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before,
  .leadd .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before,
   .leadd .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, 
   .leadd .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, 
  .leadd .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before,
    .leadd .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, 
    .leadd .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
    border-bottom-color: var(--primary-green);
    
}
.leadd .tempus-dominus-widget.light button {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
    
}


.leadd .tempus-dominus-widget .toolbar div {
    border-radius: 4px;
}
.leadd .tempus-dominus-widget .toolbar div[data-action="close"] {
    background: var(--primary-green);
    color: var(--bs-white);
}
.leadd .tempus-dominus-widget .toolbar div[data-action="close"]:hover{
	background: var(--primary-hover);
}



/*Full Calendar*/

.calendar-wrapper{height:calc(100vh - 54px );}
.calendar-wrapper .container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.full-calendar{width: 100%;}


.cv-option a{display: inline-flex;line-height: normal;margin-top: -3px; height: 30px;width: 30px;border-radius: 100%;border:1px solid var(--primary-green);align-items: center;justify-content: center;}

.cv-option a span{font-size: 16px;color: var(--primary-green);}
.change-view{background: var(--bg-gray);border-radius: var(--border-radius-sm);}




.calendar-outer {
    height: 100%;
    position: relative;
}



.scv-wrapper {
    margin-top: 24px;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius: var(--border-radius-md);
    overflow: hidden;
}
.scv-wrapper iframe{height: 100%;width: 100%;position:absolute;left: 0;top: 0;}
.sync-calendar-tab .filtertabings .nav-tabs{padding: 0;}

.sync-calendar-tab .nav-link span {
    font-size: 18px;
    display: inline-flex;
    margin-top: -2px;
}

.sync-calendar-tab .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.event-status .p-status {
    font-size: 10px;
    padding: 4px 6px 3px;
    gap: 4px;
}
.event-status .p-status:before{height:4px;width: 4px;}
.fc-daygrid-dot-event .fc-event-title{font-weight: normal;}
.fc-event-main {
    overflow: auto;
}

.calendar-tooltip {
    --bs-tooltip-bg: var(--bs-white);
    color: var(--text-primary);
    z-index: 9999;
   
}
.calendar-tooltip .tooltip-inner {
    color: var(--text-primary);
    padding:0;
    border: 1px solid var(--border-gray);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    max-width: 280px;
    width: 100%;
    font-family: 'Ambit', sans-serif;


}
.cl-tooltip-cname{position: relative;}
.cl-tooltip-cname:before{content:'';width: 1px;background: var(--border-gray);top: 3px;bottom: 3px;left:0;position: absolute;}

.eventtype-title {
    background: var(--bg-gray);
    padding: 8px;
}

.ae-box:not(:last-child){border-bottom: 1px solid var(--border-gray);padding-bottom: 16px;}



.bg-extralight-green {
    background: var(--bg-extralight);
}
.ntfc-icon {
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 16px;
}

/* Tag Input CSS
================================*/

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
  }

.bootstrap-tagsinput {
    display: flex !important;
    row-gap: 2px !important;
    flex-wrap: wrap !important;
}
  
  .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
  }
  
  .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background-color: var(--bg-light-green);
    padding: 0 6px;
    border-radius: 4px;
    display: inline-block;
  }
  
  .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
  }
  
  .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
  }
  
  .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  
  .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  } 

/* Table Search CSS
================================*/

.table-search {
    position: relative;
}

.table-search .search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.table-search .form-control {
    padding-left: 40px;
}

.leadd .icon-tick-fill.text-green {
    color: var(--primary-green) !important;
    cursor: default;
}

.dropdown-item.active {
    background-color: #f8f9fa !important;
    color: #000 !important;
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #000 !important;
}

.dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #eee;
}

.select2-selection__clear {
    display: none !important;
}

.process-status.badge {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
    min-width: 80px;
    text-align: center;
}

.cusage-months {
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #e5e7eb;
}

.cusage-months .text-bold {
    justify-content: space-between;
    margin-bottom: 0;
}

.cusage-months .process-name {
    font-weight: 600;
    color: #111827;
}

.btn-download {
    border: none;
    background: none;
    padding: 0;
}
.btn-download:disabled {
    opacity: 0.5;
    border: none;
    outline: none;
}
.btn-download:disabled svg {
    fill: #ccc;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-item svg {
    min-width: 20px;
}

.leadd tr.blurred-row td {
    filter: blur(3px);
}.leadd tr.blurred-row td {
    filter: blur(3px);
}

.table-text-warning {
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 50%;
    background: var(--bg-extralight);
    padding: 24px 16px;
    transform: translate(-50%, -50%);
    border-radius: var(--border-radius-md);
    text-align: center;
    max-width: 300px;
    width: 100%;
}

.leadd-table {
    position: relative;
}

.newTitleFilter{padding: 12px 16px;font-weight: bold;border-bottom: 1px solid var(--border-gray);}

.filterBox {
    background: var(--bs-white);
    margin-top: 16px;
    border-radius: var(--border-radius-sm);
    overflow:hidden;
    flex: none;
}
.tf-options .accordion-item:last-child {border-bottom: 0 !important;}

.button-wrapper {
    position: sticky;
    bottom: 0;
    background: var(--state-gray-light);
    z-index: 10;
}

.tf-title {
    background-color: #fff;
    z-index: 10;
    position: sticky;
    top: 0;
}

.search-wrapper {
    min-height: 100%;
}

.clickable-filter {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-filter:hover {
    color: var(--hover-clickable-filter) !important; 
    text-decoration: underline;
}

.leadd .nameleads-col {
    width: 300px;
}