#cover-spin { background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.9)) !important; opacity: 1; transition: opacity .3s ease; }
#cover-spin.hide { opacity: 0; pointer-events: none; }

/*START Add a Tag autocomplete CM-INDEX*/
#ui-id-1.ui-autocomplete {z-index: 10;position: absolute !important;top: 147px!important;left: 50% !important;background: #fff;padding: 15px 10px;border-radius: 0 0 10px 10px;box-shadow: 0px 5px 10px #15151608;width: 95% !important;box-sizing: border-box;transform: translateX(-50%);height: 80%;overflow-y: auto;}
#ui-id-1.ui-autocomplete li { padding: 10px; border-radius:8px;}
#ui-id-1.ui-autocomplete li:hover { cursor: pointer; background: #BDC2CC40; }

.ui-helper-hidden-accessible[role="status"] div:last-child{display:none;}
/*End Add a Tag autocomplete*/

/*START Add a Tag autocomplete CM-ADMIN*/
#ui-id-5.ui-autocomplete { z-index: 10; position: absolute !important; top: 120px !important; left: 50% !important; background: #fff; padding: 15px 10px; border-radius: 0 0 10px 10px; box-shadow: 0px 5px 10px #15151608; width: 95% !important; box-sizing: border-box; transform: translateX(-50%); }
#ui-id-5.ui-autocomplete li { padding: 10px; border-radius:8px;}
#ui-id-5.ui-autocomplete li:hover { cursor: pointer; background: #BDC2CC40; }
/*End Add a Tag autocomplete*/

body .container  {padding: 0; margin: 0 auto;}
header > .wrapper{max-width:100%;height:100%;padding:0;max-width: 1464px;width: 100%;}
footer > .wrapper{max-width:100%;height:100%;padding:0;max-width: 1464px;width: 100%;}
.wrapper {margin: 0 auto; width: 100%; padding: 0; height: 100%;flex: 1;max-width: 1464px;}
.cms-main-content .wrapper {margin: 0 auto; width: 100%; padding: 0; height: 100%;flex: 1; display: flex; flex-direction: column;max-width: 1464px;}

header_content { padding: 0 50px; }

#skypeFrame { display: none; }

button, input[type="reset"] { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; font-family: var(--primary-font); }

/*CONTENT*/
main.cms-main-content {padding: var(--clamp-20) var(--clamp-24);flex: 1; position: relative; overflow: hidden; display: flex; flex-direction: column;}
main.cms-main-content:has(.common-scroll) {padding-left: var(--clamp-24);}
main.cms-main-content.cms-main-index .simplebar-content {height: 100%;}
main.cms-main-content.cms-admin .common-scroll { padding: var(--clamp-14) var(--clamp-12); border-radius: 12px; border: var(--container-border); background: #FFF; box-shadow: var(--container-shadow);padding-top: 0;overflow: hidden;}

#bindingRegion {flex: 1; display: flex; flex-direction: column;overflow: hidden;}
/*END CONTENT*/
#contact-manager {padding: 0;display: flex; flex-direction: column;height: 100%; flex: 1;}
.main-con-height {  }
/*.con-shadow { -moz-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); -webkit-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); }*/
.modal-con-blur {backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px)}
/*CONTACT MANAGER PRESETS START*/

.cm-container { height: 100vh; display: flex; flex-direction: column; background: var(--main-bg) !important;}
@supports (height: 100dvh) {
    .cm-container {
        height: 100dvh;
    }
}
.cm-container main {background: unset !important;}
/*.cm-container:has(.page-dial-calendar[style="display:block;"]) {background: #F7F9FA;}*/

.cm-inner, .with-tabs, .contactManager-tabs {height: 100%;flex: 1; display: flex; flex-direction: column;}

.activityLoader {position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; }
.checkbox {padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3;}
.checkbox-container {display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;width: 16px; height: 16px;flex-shrink: 0;}
.checkbox-container input {  position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; pointer-events: none;margin: 0;}
.checkbox-container .check-mark {position: absolute; top: 0 !important; left: 0 !important;display: block;width: 16px !important; height: 16px !important;  border: 1px solid rgba(21, 21, 22, 0.1) !important; border-radius: 5px !important;background: var(--sys-white);}
.checkbox-container input:checked ~ .check-mark:after {display: block;}
.checkbox-container .check-mark:after {display: none; content: ""; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.checkbox-container .check-mark:after {width: 8px; height: 8px; background: var(--accent2); border-radius: 2px; }

.affiliate-alerts-check-mark { position: absolute; top: 0 !important; left: 0 !important;display: block;width: 16px !important; height: 16px !important;  border: 1px solid rgba(21, 21, 22, 0.1) !important; border-radius: 5px !important;background: var(--sys-white); }
.affiliate-alerts-check-mark.active:after { display: block; content: ""; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); }
.affiliate-alerts-check-mark.active:after { width: 8px; height: 8px; background: var(--accent2); border-radius: 2px; }

.clickHere {display: none;position: fixed;top: 0;width: 40px;height: 100%;z-index: 9999;opacity: 0;transition: opacity 0.3s, background-color 0.3s;cursor: pointer;left: 0;border-radius: 0;padding:5px;background:var(--accent1);}
.clickHere.active {opacity: 0.2;background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s, background-color 0.3s;}
#contact-info-sidebar .clickHere {right: 0;left: auto;}
.clickHere svg{display: inline-block; vertical-align: middle; line-height: 100%; height: 100%; display: none;width: var(--clamp-text-2xl); height: var(--clamp-text-2xl)}
.clickHere svg path{fill:#fff;}

/*.clickHereAgain {display:none;padding:5px;background:var(--accent1);border-radius:10px;}*/
.clickHereAgain{display: none; width: 25px; height: 25px; position: fixed; z-index: 999; justify-content: center; align-items: center; border-radius: 8px; padding: 0; background: #FFF; border: 1px solid rgba(21, 21, 22, 0.05) !important; opacity: 0.4; top: unset; transform: none; left: unset; position: relative;}
.clickHereAgain svg { vertical-align: middle; fill:var(--sys-dark);}
.clickHereAgain svg path{stroke:var(--sys-dark);}
.clickHereAgain:hover{opacity: 0.5;}
/*.clickHereAgain svg{display: inline-block; vertical-align: middle; line-height: 100%; height: 100%;}
.clickHereAgain svg path{fill:#fff;}*/

.page-leads { display: flex; justify-content: space-between; align-items: stretch;position: relative;height: 100%;gap: var(--clamp-16);}
.common-scroll {overflow: unset; width: 15.75%; max-width: 230px;position: relative;}
#leads-tabs { flex: 1; position: relative; z-index: 20; border-radius: 12px; max-width: 100%;height: 100%;}
#leads-tabs.contact-manager-tab {width: 100%;overflow: hidden}

.cm-modal.material-pop { max-width: 550px; padding: 14px 14px; font-size: 16px; position: fixed; left: 50%; top: 50px; z-index: 20;background: var(--sys-white); border: var(--container-border); border-radius: 16px;top: 50%; transform: translate(-50%,-50%); left: 50%;width: 80%;}
.cm-modal.material-pop.center {top: 50%; transform: translate(-50%,-50%); left: 50%;}

.flx {display: flex;}
.flx-btwn {display: flex; justify-content: space-between;}
.flx-center {display: flex !important;align-items: center}
.flx-start {display: flex !important;align-items: flex-start;}
.flx-jstart {display: flex; justify-content: flex-start !important;}
.flx-jcenter {display: flex !important;justify-content: center;}
.flx-jend {display: flex !important;justify-content: flex-end;}
.flx-wrap { display: flex; flex-wrap: wrap; width: 100%; }
.flx-end {display: flex; align-items: flex-end}
.flx-column {display: flex; flex-direction:column;}
.gap--28 {gap: 28px;}
.gap--24 {gap: 24px;}
.gap--14 {gap: 14px;}
.gap--10 {gap: 10px;}
.gap--8 {gap: 8px;}
.gap--6 {gap: 6px;}
.gap--5 {gap: 4px;}
.gap--4 {gap: 4px;}
.flx_grow--1 {flex-grow: 1;}
.flx_item--1 {width: 100%;}
.flx_item--2 {width: 50%;}
.top-20 {margin-top: 20px;}
.btm-15 {margin-bottom: 15px;}
.btm-8 {margin-bottom: 8px;}
.btm-0 {margin-bottom: 0px !important;}
.notif_num { font-size: 8px; font-weight: bold; line-height: 8px !important; color: #fff; min-width: 11px; height: 11px; border-radius: 5px; background-color: var(--accent1); display: block; text-align: center; vertical-align: middle !important; padding: 2px 3px !important; letter-spacing: -0.28px; margin: 0 3px 0 8px; width: auto !important; }

.form-con select { background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%;}
.form-con select div {display: block; line-height: 1; margin: 0;}

::-webkit-scrollbar { width: 4px;}
::-webkit-scrollbar-thumb {background-color: #C1C1C1 }

::-webkit-scrollbar:horizontal{height: 4px;}
::-webkit-scrollbar-thumb:horizontal{background-color: #C1C1C1 }

.choose-btns {display: flex;gap: 15px;flex-wrap: nowrap;margin-top: 14px;}
.choose-btns button {width: 100%;}

.icon.warning {display: block; height: 16px; width: 16px; margin:2px 0 0 5px;}
.icon.warning svg{display: block; height: 100%;}
.icon.warning svg path{fill:#fa0000;}
.accordion-content__name .icon.warning{margin:0 0 0 5px;}

button:disabled, button[disabled] { opacity: .48; pointer-events: none; }
.email_subject_field {padding-right: 90px !important; overflow-x: scroll;}

/*CONTACT MANAGER PRESETS END*/

/*TABLE PRESETS*/
td .table-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 4px 5px; border-radius: 6px; white-space: nowrap; display: none;}
td .table-tooltip::before  {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
td:hover .table-tooltip {display: block}

/*TABLE TOOLTIP PRESET*/
.dataInformationHolder{position:relative;line-height: 100%;}
.dataInformationHolder .table-tooltip {position: absolute; top: 100%; left: 0; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 4px 5px; border-radius: 6px; white-space: nowrap; display: none;}
.dataInformationHolder .table-tooltip::before  {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; top: -1px; }
.dataInformationHolder:hover > .table-tooltip {display: block;}
.dataInformationHolder:hover > .sys-tooltip {display: block;}

th.date-col,tr.date-col {width: 100px;}
th.cust-col,tr.cust-col,td.cust-col{width: 200px;max-width:200px;position:relative;}
td.cust-col span { width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

tr.email-col, td.email-col {width: 200px; max-width: 200px;position: relative;}
td.email-col span { width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
/*TABLE PRESETS END*/

/*SIDEBAR MENU START*/

.toggle_left_nav_holder { height: 100%;display: flex; flex-direction: column;}
.toggle_left_nav {height: 100%;display: flex; flex-direction: column;}

.accordion {position: relative;}
.accordion.accordion__pad { padding-bottom: 0; position: relative;display: flex; flex-direction: column;height: 100%;overflow-x: hidden;flex: 1;gap: var(--clamp-10);}
.accordion-holder {}

.accordion-search {position: relative; width: 100%;flex-shrink: 0;}
.accordion-search i {position: absolute; left: 7px; top: 52%; transform: translateY(-50%);pointer-events: none;line-height: 100%;}
.accordion-search input { width: 100%; height: 32px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF; box-shadow: 0px 2px 2px 0px rgba(50, 67, 78, 0.04); color: rgba(21, 21, 22, 0.40); font-size: 14px; font-weight: 500; padding: 0 55px 0 30px; appearance: none;}
.accordion-search input:focus {outline: none;}
.accordion-search .accordion-search-btns {position: absolute; right: 7px; top: 50%; transform: translateY(-50%); display: flex;gap: 4px;}
.accordion-search .accordion-search-btns li a { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.10); background: rgba(21, 21, 22, 0.04); color: rgba(21, 21, 22, 0.75); font-size: 12px; font-weight: 500; }
.accordion-search .accordion-search-btns li a:hover {opacity: 0.5;}

.accordion-back-btn {padding-bottom: var(--clamp-16);border-radius: 12px; border: var(--container-border); background: #FFF; box-shadow: var(--container-shadow);padding: var(--clamp-10) var(--clamp-12);}
.accordion-back-btn a {display: flex; align-items: center; gap: 6px;}
.accordion-back-btn a i {display: block; line-height: 0;}
.accordion-back-btn a i svg {width: var(--clamp-text-base); height: var(--clamp-text-base);}
.accordion-back-btn a span { display: block; line-height: 1; font-weight: 600; letter-spacing: -0.48px; color: rgba(21, 21, 22, 0.50); }
.accordion-back-btn a:hover {opacity: 0.5;}

#contactSteps {padding-top: var(--clamp-10);height: 100%;}
#contactSteps .accordion-item {padding-right: var(--clamp-6);}

.select-contact-manager .page-leads {gap: var(--clamp-16);}
.select-contact-manager .accordion.accordion__pad {height: 100%;}
.select-contact-manager .common-scroll {overflow: unset; width: 15.75%; max-width: 230px;}
.select-contact-manager #leads-tabs.contact-manager-tab {overflow: unset;flex: 1; width: calc(100% - 15.5% - var(--clamp-16));padding: 0;}
.select-contact-manager .contactManager-tab-body-con {width: 100%;border-radius: 12px;flex: 1;gap: 14px;border: var(--container-border); box-shadow: var(--container-shadow);background: #FFFFFF;}
.accordion-empty-con { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; position: relative;border-radius: 12px; border: var(--container-border); background: #FFF; box-shadow: var(--container-shadow); padding: var(--clamp-12);}
.accordion-empty-con .accordion-empty { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; }
.accordion-empty-con .accordion-empty svg {margin-bottom: 3px;width: var(--clamp-text-l); height: var(--clamp-text-l);}
.accordion-empty-con .accordion-empty h2 {font-weight: 600;line-height: 14px; letter-spacing: -0.04em;color: #151516;}
.accordion-empty-con .accordion-empty p { font-weight: 400;line-height: 14px; letter-spacing: -0.04em; color: #15151680 }

.accordion-item-list { display: flex; flex-direction: column; flex: 1; overflow: hidden;border-radius: 12px; border: var(--container-border); background: #FFF; box-shadow: var(--container-shadow); padding: 0;}
.accordion-item-list-con {flex: 1; overflow: unset; max-height: calc(100% - 50px);position: relative;padding: var(--clamp-12) 0 0;}
.accordion-item-list .accordion-item-list-con:first-child {}

.accordion .accordion-item { margin-bottom: var(--clamp-14);height: 100%;display: flex; flex-direction: column;}
.accordion .accordion-item h3 {line-height: 100%; position: relative; flex: 1; width: 100%; overflow: hidden;}
.accordion .accordion-item a:hover {opacity: 0.5;}
.accordion .accordion-item.active {}
.accordion .accordion-item.active .accordion-title svg.rotate-arrow {width: var(--clamp-text-base);height: var(--clamp-text-base);}
/*.accordion .accordion-item.active.open {border: 0;margin-bottom: 20px; padding-bottom: 0;border-bottom: 1px solid rgba(21, 21, 22, 0.10);margin-bottom: 18px;padding-bottom: 18px;}*/
.accordion .accordion-item.active.open .accordion-title svg.rotate-arrow {transform: rotate(180deg);}
.accordion .accordion-item .accordion-title { cursor: pointer; margin-bottom: 0; position: relative; transition: 0.5s; display: flex; gap: var(--clamp-6);padding: 0 var(--clamp-14) 0 var(--clamp-12);align-items: center}
.accordion .accordion-item .accordion-title svg { flex-shrink: 0; fill: rgba(35, 37, 41, 0.50); width: var(--clamp-text-sm); height: var(--clamp-text-sm)}
.accordion .accordion-item .accordion-title span {width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: rgba(21, 21, 22, 0.5);display: block; line-height: 100%;}
.accordion .accordion-item .accordion-title a { position: relative; z-index: 10; flex-shrink: 0; width: var(--clamp-text-xl); height: var(--clamp-text-base); line-height: 1; display: flex ; align-items: center; justify-content: center;}
.accordion .accordion-item .accordion-title a small {height: 10px; text-align-last: center; border-radius: 5px;background: var(--accent2);min-width: 10px;padding: 2px; color: var(--sys-white);position: absolute; left: 9px; top: -2px;font-size: 8px; font-weight: 600; letter-spacing: -0.32px; line-height: 6px;}
.accordion .accordion-item .accordion-title a:hover .sys-tooltip {display: block;font-style: unset;}
.accordion .accordion-item:last-child {margin-bottom: 0;}

.accordion .accordion-item .accordion-title a:hover{opacity:1;}
.accordion .accordion-item .accordion-title a:hover svg path{fill:var(--sys-dark);}

.accordion .accordion-item .accordion-title a .props-tooltip{position: absolute; top: 22px; left:50%; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 4px; white-space: nowrap;display:none;transform: translateX(-50%);line-height:100%;}
.accordion .accordion-item .accordion-title a .props-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: translateX(-50%) rotate(45deg); top:-5px; left:50%;}
.accordion .accordion-item .accordion-title a:hover .props-tooltip{display:block;}

.accordion .accordion-item .accordion-title .accordion-icon:hover svg path, .accordion .accordion-item .accordion-title .accordion-icon:hover svg circle {stroke: #151516;}
.accordion .accordion-item .accordion-content {margin-top: var(--clamp-12); position: relative;margin-bottom: 3px;}
.accordion .accordion-item .accordion-content .accordion-step-icon {line-height: 0;position: relative;width: var(--clamp-text-base); height: var(--clamp-text-base); display: flex; justify-content: center; align-content: center;}
.accordion .accordion-item .accordion-content .accordion-step-icon-active {display: none;}
.accordion .accordion-item.active .accordion-content { height: auto; opacity: 1; transition: all 0.5s ease-in;margin-bottom: 0px;overflow: auto;}
.accordion .accordion-item .accordion-content::-webkit-scrollbar {width: 0 !important;}
.accordion .accordion-item.active .accordion-title .accordion-icon svg { transform: rotate(180deg); transition: transform 0.5s ease-in; }

.page-leads ul.sidebar-box { max-width: 100%; }
.page-leads ul.sidebar-box.leads { height: auto;padding: 0 var(--clamp-10) 0 var(--clamp-12)}
.page-leads ul.sidebar-box.leads > li {margin-bottom: var(--clamp-16); padding: 0; position: relative;}
.page-leads ul.sidebar-box.leads > li:last-child {margin-bottom: 0;}
.page-leads ul.sidebar-box.leads > li a { position: relative; text-align: left; display: flex; justify-content: space-between; align-items: center;gap: var(--clamp-6); padding-right: 2px}
.page-leads ul.sidebar-box.leads > li a .accordion-content__name {width: 85%;overflow: hidden; gap: var(--clamp-6)}
.page-leads ul.sidebar-box.leads > li a h3 {color: var(--sys-dark); line-height: 100%; position: relative;flex: 1;line-height: 100%;width: 100%;overflow: hidden;}
.page-leads ul.sidebar-box.leads > li a .linkr {border-radius: 5px; padding: 0 3px; min-width: var(--clamp-text-24); text-align: center; flex-shrink: 0; position: relative;max-height: 18px;display: flex; justify-content: center; align-items: center;}
.page-leads ul.sidebar-box.leads > li a .linkr span { color: rgba(21, 21, 22, 0.60); font-weight: 600; line-height: 1; font-size: var(--clamp-text-xs); letter-spacing: -0.03em; max-width: unset !important; display: unset !important; text-overflow: unset !important; white-space: unset !important; overflow: unset !important; }
.page-leads ul.sidebar-box.leads > li a .linkr q { position: absolute; display: block; width: 10px; height: 10px; text-align: center; border-radius: 50%; background: var(--accent2); top: -4px; line-height: 10px; right: -4px; color: #FFF; text-align: center; font-family: Inter; font-size: 8px; font-style: normal; font-weight: 600; letter-spacing: -0.32px; }

.page-leads ul.sidebar-box.leads > li a small {color: #BDC2CC; }
.page-leads ul.sidebar-box.leads > li a span { max-width: 85%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.56px; color: rgba(21, 21, 22, 0.75); font-weight: 600; line-height: 114.286%; letter-spacing: -0.56px; }

.page-leads ul.sidebar-box.leads > li a .notif_num {color: var(--sys-white) !important;flex-shrink: 0;}

.page-leads ul.sidebar-box.leads > li a:hover {opacity: 1;}
.page-leads ul.sidebar-box.leads > li a:hover span, .page-leads ul.sidebar-box.leads > li a:hover small, .page-leads ul.sidebar-box.leads > li a.current span, .page-leads ul.sidebar-box.leads > li a.current small {color: var(--accent2);}
.page-leads ul.sidebar-box.leads > li a.current .accordion-step-icon {display: none;}
.page-leads ul.sidebar-box.leads > li a.current .accordion-step-icon-active {display: block;}
.page-leads ul.sidebar-box.leads > li a.current .accordion-step-icon-active svg {width: var(--clamp-text-base); height: var(--clamp-text-base);}

.sidebar-box-filter { display: block; margin: 10px 0; }

.tags_sidebar-btm { width: 100%; align-self: flex-end; margin-top: auto; padding: var(--clamp-12); display: flex; flex-direction: column; gap: 0; flex-shrink: 0;}

.tags_sidebar-btm-holder{}

.tags_sidebar-btm-heading{}
.tags_sidebar-btm-heading .subListDropdownIcon{z-index:1;cursor:pointer;display: flex; background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.tags_sidebar-btm-heading .subListDropdownIcon.active svg{transform: rotate(180deg);}
.tags_sidebar-btm-heading .subListDropdownIcon.active svg path{fill:var(--accent2);}
.tags_sidebar-btm-heading .subListDropdownIcon.active .minus{display:block;}
.tags_sidebar-btm-heading .subListDropdownIcon.active .add{display:none;}
.tags_sidebar-btm-heading .subListDropdownIcon svg{display:inline-block;vertical-align:middle;width:16px;height:16px;}
.tags_sidebar-btm-heading .subListDropdownIcon svg path{fill:var(--accent2);}
.tags_sidebar-btm-heading .subListDropdownIcon .add{display:block;}
.tags_sidebar-btm-heading .subListDropdownIcon .minus{display:none;}
.tags_sidebar-btm-heading .subListDropdownIcon:hover {background: var(--accent2);}
.tags_sidebar-btm-heading .subListDropdownIcon:hover svg path{fill: #FFFFFF;}

.tags_sidebar-btm h3 {display: flex;gap: 4px; align-items: center;}
.tags_sidebar-btm-holder ul.list{display:none;}
.tags_sidebar-btm .list {margin-top: 11px;display: flex; flex-wrap: wrap; justify-content: flex-start;}
.tags_sidebar-btm .list li { display: inline-block; vertical-align: top; margin-right: 8px; margin-bottom: 8px;padding: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: unset;}
.tags_sidebar-btm .list li span {width: 50%;}
.tags_sidebar-btm .list li small { font-weight: normal; margin-left: 5px; }

.tags_sidebar-btm .list__archives { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;padding-top: 12px;}
.tags_sidebar-btm .list__archives h3 {margin-bottom: 0;display: flex;gap: 5px; align-items: center;}
.tags_sidebar-btm .ttl { font-size: 22px; font-weight: bold; margin-bottom: 0;letter-spacing: -0.33px;}

.knobs, .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.button { position: relative; top: 50%; width: 74px; height: 36px; margin: -20px auto 0 auto; overflow: hidden; }
.button.r, .button.r .laye { border-radius: 100px; }

.on-off-switch { position: relative; width: 52px; line-height: 24px; background: rgba(41, 76, 153, 0.05); border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; cursor: pointer;}
.on-off-switch:hover {cursor: pointer}
.button.b2 { border-radius: 2px; }
.knobs { z-index: 2; cursor: pointer;}
.layer { width: 100%; transition: 0.3s ease all; z-index: 1; }
.on-off-switch .checkbox {padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3;display: inline-block;}
.on-off-switch .knobs:before, .onoffswitch .knobs:after, .onoffswitch .knobs span { position: absolute; top: 0; width: 50%; height: 100%; font-style: normal; font-weight: 500; font-size: 12px; text-align: center; letter-spacing: -0.04em; transition: 0.3s ease all;}
.on-off-switch .knobs:before { content: ''; left: 2px; background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 6px; text-align: center; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: -0.04em; top: 2px; height: calc(100% - 4px); width: calc(50% - 3px); }
.on-off-switch .knobs:after  {content: 'On'; position: absolute;right: 2px; color: var(--accent2);  right: 2px; width: calc(50% - 2px);text-align: center;font-weight: 500; font-size: 12px; line-height: 20px;letter-spacing: -0.04em; top: 2px; height: calc(100% - 4px);}
.on-off-switch .knobs span { display: block; position: absolute; left: 2px; color: #fff; z-index: 1; text-align: center;text-align: center; width: calc(50% - 4px);line-height: 20px;top: 2px;}
.on-off-switch .checkbox:checked + .knobs span { color: var(--accent2); }
.on-off-switch .checkbox:checked + .knobs:before { right: 2px; left: unset; background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 6px;color: #fff;width: calc(50% - 3px);}
.on-off-switch .checkbox:checked + .knobs:after { color: #fff; }
.on-off-switch .checkbox:checked ~ .layer { }

.on-off-switch-new { position: relative; width: 32px; height: 18px; border-radius: 200px; cursor: pointer; background: var(--accent2-border); }
.on-off-switch-new:hover {cursor: pointer}
.on-off-switch-new .button.b2 { border-radius: 2px; }
.on-off-switch-new .knobs { z-index: 2; cursor: pointer;}
.on-off-switch-new .layer { width: 100%; transition: 0.3s ease all; z-index: 1; }
.on-off-switch-new .checkbox {padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3;display: inline-block;}
.on-off-switch-new .knobs:before, .onoffswitch .knobs:after, .onoffswitch .knobs span { position: absolute; top: 0; width: 50%; height: 100%; font-style: normal; font-weight: 500; font-size: 12px; text-align: center; letter-spacing: -0.04em; transition: 0.3s ease all;}
.on-off-switch-new .knobs:before { content: ''; left: 2px; background: var(--accent2); top: 2px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #FFFFFF1A; box-shadow: 0px 3px 3px 0px var(--accent2-shadow); display: block; }
.on-off-switch-new .knobs:after  {content: ''; position: absolute;right: 2px;  right: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #FFFFFF1A;display: block;}
.on-off-switch-new .knobs span { display: block; position: absolute; left: 2px; color: #fff; z-index: 1; text-align: center;text-align: center; width: calc(50% - 4px);line-height: 20px;top: 2px;}
.on-off-switch-new .checkbox:checked + .knobs span { color: var(--accent2); }
.on-off-switch-new .checkbox:checked + .knobs:before { right: 2px; left: unset; }
.on-off-switch-new .checkbox:checked + .knobs:after {  box-shadow: 0px 3px 3px 0px var(--accent2-shadow); }
.on-off-switch-new .checkbox:checked ~ .layer { }
/*SIDEBAR MENU END*/

/* SIDEBAR FILTER START */
.accordion a.btn-filter { position: absolute; right: 15px; top: -3px; z-index: 999; }
.accordion .accordion-item .accordion-content { height: 0; opacity: 0; position: relative; transition: all 0.5s ease-in; }

.acc-ttl { margin-bottom: 30px; }
.acc-ttl a { color: #15151634; display: block; font-size: 21px; font-weight: bold; position: relative; }
.acc-ttl a:before { content: url('../../images/drizzio/icon-plus.png'); height: 18px; position: absolute; right: -5px; top: -3px; width: 18px; }
.acc-ttl a span { padding-bottom: 0; border-bottom: 1px solid #15151634; line-height: 100%;}

.accordion-filter {display: flex; flex-direction: column;height: 100%;}
.accordion-filter a.btn-filter {position: absolute; right: 3px; top: -2px;}
.filter__wrap { background-color: var(--white); border-radius: 10px; position: relative; margin-top: 19px;flex-grow: 1;display: flex; flex-direction: column;}
.filter__subtitle { align-items: center; border-bottom: 1px solid rgba(21, 21, 22, 0.05); display: flex; flex-wrap: nowrap; justify-content: space-between;height: 35px;padding: 0 11px;flex-shrink: 0;}
.filter__subtitle span {color: var(--sys-dark);}

.filter__subttl {align-items: center; border-bottom: 1px solid #BDC2CC40; display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: 18px; font-weight: bold; padding: 10px 14px; }
.filter__subtitle small { color: var(--accent2);  line-height: 14px;}
.filter__subtitle small:hover {text-decoration: underline;}
.filter__content { margin-bottom: 10px; padding: 11px 11px 71px; display: flex; flex-direction: column;flex-grow: 1;}
.filter__form .form-field { padding-bottom: 15px; }
.filter__form .form-field:last-child input[type="text"] { border: none; }
.filter__form .form-field.form-field-grow {flex-grow: 1;}
.filter__form label {display: block;margin-bottom: 7px !important;color: #15151699 }
.filter__form input[type="text"] {padding: 12px 13px;max-width: 100%; height: 42px;text-align: left;}
   
.filter__form .form-field.form_field_group{display:flex;justify-content:space-between;flex-wrap:wrap;}
.filter__form .form-field.form_field_group label{width:100%;}
.filter__form .form-field.form_field_group input[type="number"]{width:49%;}

.filter__form .form-field.form_field_date_range input[type="datetime-local"]{width:100%;padding:6px 5px;font-size:13px;}
.filter__form input[type="number"] { width: 100%; }
.filter__form input[type="number"]:first-child { margin-bottom: 13px; }
.filter__form button { font-size: 12px; padding: 7px; }
.filter__form button.btn-ghost { background-color: #BDC2CC40; border: none; }
.filter__form .form-field__dis { align-items: center; display: flex; margin-top: 10px; }
.filter__form .form-field__dis label { display: inline-block; width: 300px; }
.filter__form-list {max-height: 150px; overflow: auto;}
.filter__form-list li { align-items: flex-start; display: flex; flex-wrap: nowrap; justify-content: space-between;margin-bottom: 12px;padding-right: 15px;}
.filter__form-left label.radio-label { font-size: 12px; font-weight: normal; }
.filter__form-left .radio input[type="radio"]:checked + .radio-label:before { background-color: var(--accent2); border: none; box-shadow: inset 0 0 0 3px #eef0f2; }
.filter__form-left .radio input[type="radio"] + .radio-label:before { background: #eef0f2; border: none; }
.filter__form-group { align-items: flex-start; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative;max-width: 100%; gap: 10px;}
				
.filter__form-group label.check-label {margin: 0 !important; color: var(--sys-dark);line-height: 16px;padding: 0;}
.filter__form-group input.styled-checkbox{width:16px;height:16px;margin:1px 0 0 0;display:inline-block;vertical-align:top;}
.filter__form-fromto { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.filter__form-fromto li { width: calc((100% / 2) - 4px); }

.filter__form-datefromto{align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top:10px;overflow: visible;max-height: 100%;}
.filter__form-datefromto li { width: calc((100% / 2) - 4px);padding:0;}
.filter__form-datefromto li #datepicker,.filter__form-datefromto li #datepicker2 {width: 100%;}
.filter__form form .form-field.form_field_date_range .filter__form-datefromto li input[type="text"]{width:100%;padding:12px 10px;font-size:14px;border: 1px solid #BDC2CC40;}

.filter__form-right { color: #bababb; font-size: 12px; }
.filter__item { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; margin-bottom: 11px;}
.filter__item.no { margin-bottom: 0; }
.filter__upper { align-items: center; border-bottom: 1px solid #BDC2CC40; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 7px 11px; }
.filter__upper ul { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.filter__upper ul li { padding-right: 9px; }
.filter__upper ul li:last-child { padding-right: 0; }
.filter__lower { padding: 8px 11px; min-height: 61px;}
.filter__lower ul li {}
.filter__lower ul li:last-child { padding-bottom: 0; }
.filter__links { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 7px;}
.filter__links li {width: 100%;} 
.filter__links li button, .filter__form button {min-width: unset;width: 100%;padding: 0;}
.filter__links.two li {width: 100%;}
.filter__bot { bottom: 0; display: block; left: 0; max-width: 100%; padding: 11px; right: 0; width: auto; background: #fff; position: -webkit-sticky; position: sticky; border-top: 1px solid rgba(21, 21, 22, 0.05); min-height: 46px;}
.filter__btns li {padding: 0 !important;}
.filter__btns li a {display: block; width: 16px; height: 16px;  border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px;text-align: center; line-height: 16px;position: relative;}
.filter__btns li a svg {position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.filter__btns li:first-child a {background: #294C99;}
.filter__btns li:last-child a {background: var(--sys-red);}
.filter__btns li:last-child {margin: 0 0 0 6px;}
.filter__btns li a:hover {opacity: 0.5;}

.filter__bot-saved {padding: 0;}
/* SIDEBAR FILTER END */

/**DATE PICKER START**/
.ui-datepicker  {background: var(--sys-white); border-radius: 15px;width: 14em !important; border: 1px solid #3333; }
#ui-datepicker-div { border-radius: 10px; padding: 10px; position: absolute; box-shadow: 0 10px 20px rgba(21,21,22,0.08); z-index: 2 !important; z-index: 100 !important; }
.ui-datepicker-header { height: auto; line-height: 100%; color: var(--sys-dark); margin-bottom: 0; display: flex; justify-content: space-between; align-items: center;}
.ui-datepicker-prev, .ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; position: relative;}
.ui-datepicker-prev {margin-left: 12px; position:relative;order: 2;}
.ui-datepicker-prev::after, .ui-datepicker-next::after { content: ''; position: absolute; display: block; width: 8px; height: 8px; border-left: 2px solid var(--sys-dark); border-bottom: 2px solid var(--sys-dark); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.ui-datepicker-prev::after {}
.ui-datepicker-next {order: 3;}
.ui-datepicker-next::after { transform: translate(-50%,-50%) rotate(-135deg);}
.ui-datepicker-title { text-align: left; font-size: 12px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; order: 1;}
.ui-datepicker-month, .ui-datepicker-year { background: #fff; border: 1px solid #BDC2CC; border-radius: 5px; line-height: 36px; padding: 0 10px; margin-right: 5px; font-size: 12px; font-weight: 300; }
.ui-datepicker-month option, .ui-datepicker-year option  {font-size: 12px !important; }
.ui-datepicker-calendar { width: 100%; text-align: center; display:block;}
.ui-datepicker-calendar thead {display: inline-block;width: 100%;}
.ui-datepicker-calendar thead tr {width: 100%; display: inline-block;}
.ui-datepicker-calendar thead tr th, .ui-datepicker-calendar thead tr td {width: 15%; padding: 0 5px;font-size: 12px;line-height: 100%;}
.ui-datepicker-calendar thead tr th span { display: block; width: 100%; color: #15151680; margin-bottom: 0; font-size: 12px; font-weight: 500; }
.ui-datepicker-calendar tbody tr td { width: 15%; padding: 0 5px;font-size: 12px;}
.ui-state-default { color: var(--darkestcolor); font-weight: 700; }
#ui-datepicker-div td .ui-state-default { font-weight: inherit !important; }
/**DATE PICKER END**/

/*LEADS TAB START*/
.leads-tab-con__admin {height: 100%;}
.leads-tab-con__admin .main-content { height: 100%;}
.leads-tabs-cont {}
.leads-tab-cont {position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; position: relative; padding: var(--clamp-12) var(--clamp-14); background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;flex: 1;gap: var(--clamp-14);border: var(--container-border); box-shadow: var(--container-shadow);height: 100%;}
.leads-tab-cont.with-contact {}
.main-content.wide {}
.block-leads { background: var(--sys-white); border-radius: 10px; padding: 0;flex:1;display: flex; flex-direction: column;position: relative;}

.contactManager-tab-body-con { position: relative; padding: var(--clamp-12) 0; border-radius: 12px; height: 100%;}
.contactManager-tab-body {display: flex; flex-direction: column; overflow: hidden; height: 100%;gap: 12px;}
.contactManager-tabs .searchbar-con {width: 232px;height: 32px;position: relative;}
.contactManager-tabs .searchbar-con input[type="search"] {background: #FFFFFF;border: 1px solid rgba(21, 21, 22, 0.1);box-shadow: 0px 2px 2px rgba(50, 67, 78, 0.04);border-radius: 8px;width: 100%;height: 100%;padding: 0 0 0 30px;font-size: 14px;line-height: 1;font-weight: 500;}
.contactManager-tabs .searchbar-con input[type="search"]::-webkit-search-cancel-button {margin: 0 8px 0 0; filter:grayscale(1);}
.contactManager-tabs .searchbar-con > svg {position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}

.contactManager-tabs .contactManager-header-con { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-shrink: 0; padding: 0 var(--clamp-12) 0 var(--clamp-16) }
.contactManager-tabs .contactManager-header-con h2 {font-weight: 600;letter-spacing: -0.04em;}
.contactManager-tabs .contactManager-header-con .header-filter-con {display: flex;gap: 10px;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type {position: relative;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type a.dropdown-btn {position: relative;background: #FFFFFF;border: 1px solid rgba(21, 21, 22, 0.1);box-shadow: 0px 2px 2px rgba(50, 67, 78, 0.04);border-radius: 8px;align-items: center; display: flex;align-items: center;padding: 8px 9px 8px 12px;gap: 4px;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type a.dropdown-btn span {font-size: 14px;line-height: 14px;color: #151516;font-weight: 600;display: block; line-height: 100%;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type a.dropdown-btn i {display: flex; width: 14px; height: 14px; justify-content: center; align-items: center;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type a.dropdown-btn i svg {transform: rotate(180deg)}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type ul .sys-dropdown.drop-right li a:hover {color: var(--accent1);}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type .select-dropdown > i {position: relative;display: flex; width: 14px; height: 14px; justify-content: center; align-items: center;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type .sys-dropdown ul li a {font-weight: 400;}

.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type .sys-dropdown.open {display: block;background: #FFFFFF;}
.contactManager-tabs .contactManager-header-con .header-filter-con .cm-filter-type:has(.sys-dropdown.open) a i svg {transform: none;}

.contactManager-boxes-con {overflow: hidden;}
.contactManager-boxes-con [data-simplebar] {height: 100%;}
.contactManager-boxes-con .simplebar-track.simplebar-horizontal{visibility: hidden !important; }
.contactManager-content-container { display: flex; justify-content: start; flex-wrap: wrap; overflow: auto; align-items: flex-start; gap: var(--clamp-16) !important; padding: 0 var(--clamp-12) 3px var(--clamp-16)}
.contactManager-content-container .contactManager-boxes { background: #FFFFFF; border: var(--container-border); box-shadow: var(--container-shadow); border-radius: 8px; padding: 0; max-width: calc(20% - 13px); font-family: Sohne, sans-serif; box-sizing: border-box; cursor: pointer; flex: 1 1 calc((100% - (var(--clamp-16) * 3)) / 4); max-width: calc((100% - (var(--clamp-16) * 3)) / 4); position: relative;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF; box-shadow: 0 2px 2px 0 rgba(50, 67, 78, 0.04);}
.contactManager-content-container .contactManager-boxes a.redirect-to-cm {position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 3;}
.contactManager-content-container .contactManager-boxes .profile {padding:var(--clamp-10) var(--clamp-12);border-bottom:  1px solid rgba(21, 21, 22, 0.1);min-height: 16px; position: relative;}
.contactManager-content-container .contactManager-boxes .profile .profile-header {width: 100%;overflow: hidden;}
.contactManager-content-container .contactManager-boxes .profile .profile-names {display: flex;gap: 6px;align-items: center;flex: 1;overflow: hidden;}
.contactManager-content-container .contactManager-boxes .profile .profile-names span.profile-name{ color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.24px; }
.contactManager-content-container .contactManager-boxes .profile .icons {gap: var(--clamp-8);display: flex;align-items: center;flex-shrink: 0;position: relative; z-index: 10;}
.contactManager-content-container .contactManager-boxes .profile .icons span {display: block; line-height: 100%;color: #294C99;letter-spacing: -0.56px;font-weight: 600;font-family: Inter;}
.contactManager-content-container .contactManager-boxes .profile .icons .pin-icon svg:hover {opacity: 0.5;}
.contactManager-content-container .contactManager-boxes .profile .icons a {display: block; line-height: 0;}
.contactManager-content-container .contactManager-boxes .profile .icons a:hover {opacity: 0.5;}
.contactManager-content-container .contactManager-boxes .profile .initial { background: #FF7A48; width: var(--clamp-text-sm); height: var(--clamp-text-sm); font-size: calc(var(--clamp-text-xs) - 4px); display: flex; justify-content: center; align-items: center; border-radius: 50%; padding: 0; color: #FEFAF9CC; flex-shrink: 0;}
.contactManager-content-container .contactManager-boxes .profile .initial span { display: block; line-height: normal; }
.contactManager-content-container .contactManager-boxes .profile .name {color: #15151673;font-weight: 500;letter-spacing: -0.02em;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contactManager-content-container .contactManager-boxes .title {width: 100%;margin: 5px 0 0;}
.contactManager-content-container .contactManager-boxes .title h3 {font-weight: 600;letter-spacing: -0.02em;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: var(--clamp-text-xl);}
.contactManager-content-container .contactManager-boxes .status {padding: 0;display: flex;position: relative;}
.contactManager-content-container .contactManager-boxes .status::before {content: '';width: 1px;height: 100%;left: 50%;transform: translateX(-50%);position: absolute;background:  rgba(21, 21, 22, 0.1);}
.contactManager-content-container .contactManager-boxes .status div {width: 50%;padding: clamp(4px,0.6vw,9px) clamp(8px,0.8vw,12px);}
.contactManager-content-container .contactManager-boxes .status div h3 {color: #15151673;font-weight: 400;letter-spacing: -0.02em;line-height: 100%;}
.contactManager-content-container .contactManager-boxes .status div p {color: #151516BF;font-weight:500;line-height:100%;margin-top:5px;letter-spacing: -0.02em;}
.contactManager-content-container .contactManager-boxes .profile .icons a.pinned .pin-line {display: none;}
.contactManager-content-container .contactManager-boxes .profile .icons a.pinned .pin-filled {display: block !important;}
.contactManager-content-container .contactManager-boxes .profile .icons a img {width: var(--clamp-text-base);height: var(--clamp-text-base);}

.leads-tab__header {display: flex; align-items: center;position: relative;}
.leads-tab__header .msg-leads {display: flex; justify-content: flex-start; align-items: center;padding: 0;}
.leads-tab__header .msg-leads span {padding: 0; margin-right: var(--clamp-10);font-family: var(--primary-font);display: block; line-height: 1;}
.leads-tab__header .msg-leads small { font-weight: 500 ;font-size: var(--clamp-text-xs); line-height: var(--clamp-text-sm);  letter-spacing: -0.05em;  color: rgba(21, 21, 22, 0.4); padding-right: var(--clamp-10);}
.leads-tab__header .msg-leads a { color: var(--sys-dark); font-size: var(--clamp-text-xs); font-weight: normal; text-decoration: underline; text-decoration-color: #15151680; text-underline-offset: 3px; margin-right: 10px;}

.leads-tab__header .new-msg-leads > div {gap: 3px;}
.leads-tab__header .new-msg-leads span.cm-name { color: #1515164D; margin: 0; font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.8px; }
.leads-tab__header .new-msg-leads i {display: block; line-height: 0;}
.leads-tab__header .new-msg-leads i.right-arrow {width: var(--clamp-text-base); height: var(--clamp-text-base)}
.leads-tab__header .new-msg-leads span.cm-step { color: #151516; margin-right: 6px; font-weight: 600; line-height: 1; letter-spacing: -0.8px;}
.leads-tab__header .new-msg-leads small {color: #15151666; padding: 0; margin-right: 4px;}

#list-checkbox {overflow: auto;}

#contact-manager .cntact-btns {display: flex; justify-content: right; align-items: center;margin:0;position: relative;align-self: center;margin-left: auto;flex-shrink: 0; gap: var(--clamp-10);}
#contact-manager .cntact-btns li {display: inline-block;position: relative;text-align: center;}
#contact-manager .cntact-btns li.dropDowns button.click-btn{min-width: 106px; position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--clamp-6);}
#contact-manager .cntact-btns li button:disabled:hover .sys-tooltip {display: block !important;}
#contact-manager .cntact-btns li button:hover .sys-tooltip {display: none;}
#contact-manager .cntact-btns li a {display: flex; align-items: center; gap: 6px;}
#contact-manager .cntact-btns li a span {line-height: 100%;}


/* TOOLTIP */
#contact-manager .cntact-btns li.dropDowns.contactBytooltip button.click-btn[disabled]{}
#contact-manager .cntact-btns li.dropDowns.contactBytooltip .contactBytooltiptext{visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: 138%;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
#contact-manager .cntact-btns li.dropDowns.contactBytooltip button.click-btn[disabled] .contactBytooltiptext::after {content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: -7px;}
#contact-manager .cntact-btns li.dropDowns.contactBytooltip:hover button.click-btn[disabled] .sys-tooltip{display: block;opacity: 1; background: #6f7071; color: #FFFFFF;}
#contact-manager .cntact-btns li.dropDowns.contactBytooltip:hover button.click-btn[disabled] .sys-tooltip::before {background: #6f7071;}
/* END TOOLTIP */


#contact-manager .cntact-btns li button {margin-bottom: 7px;}
#contact-manager .cntact-btns li:first-child button {text-align:left;}

#contact-manager .cntact-btns li:first-child button span{opacity:1;}
#contact-manager .cntact-btns li:first-child button svg {width: var(--clamp-text-sm); height: var(--clamp-text-sm)}
#contact-manager .cntact-btns li:first-child button img {margin: 2px 0 0 1px;}
#contact-manager .cntact-btns li button figure {display: block; line-height: 0;}
#contact-manager .cntact-btns li button figure svg{display: inline-block; height: 100%; vertical-align: middle;}
#contact-manager .cntact-btns li button figure img {vertical-align: unset}

#contact-manager .cntact-btns li.startDialSession{}
#contact-manager .cntact-btns li.startDialSession .btnOverlay{width: 100%; height: 100%; background: var(--accent2-50); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 8px; color: #fff;}
#contact-manager .cntact-btns li.startDialSession .btnOverlay i{position: absolute; top: 25%; left: 50%; transform: translate(-50%,-50%);}

#contact-manager .cntact-btns.cntact-btns-list li button {margin-bottom: 0 !important;margin-bottom: 0 !important; background: none; border: 1px solid var(--accent2); color: var(--accent2);display: flex; align-items: center;gap: var(--clamp-6)}
#contact-manager .cntact-btns.cntact-btns-list li button svg{width: var(--clamp-text-base);height: var(--clamp-text-base);}
#contact-manager .cntact-btns.cntact-btns-list li button svg path{fill:var(--accent2);}

#contact-manager .cntact-btns.cntact-btns-list li button:hover{border: 1px solid transparent; background: var(--accent2); color: #fff; opacity: 1;}
#contact-manager .cntact-btns.cntact-btns-list li button:hover svg path{fill:#fff;}

#contact-manager .dial-btns {display: flex;flex-wrap: wrap;align-items: stretch;flex: 1; gap: 0 7px;}
#contact-manager .dial-btns li.time { display: flex; justify-content: space-between; align-items: center; min-width: 75px;justify-content: flex-end;}
#contact-manager .dial-btns li.time span { display: inline-block; vertical-align: middle; margin-right: 6px; text-align: right; line-height: 0;}
#contact-manager .dial-btns li {position: relative;}
#contact-manager .dial-btns li button {overflow: unset !important;}
#contact-manager .dial-btns li button span {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;}
#contact-manager .dial-btns li button small {z-index: 10; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 4px; white-space: nowrap; position: absolute; left:50%; transform: translateX(-50%); display: none;bottom: calc(100% + 5px);}
#contact-manager .dial-btns li button .sys-tooltip:before {background: #e0e2e3;background: #6f7071;}
#contact-manager .dial-btns li button small:before {content: "";display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg) translateX(-50%); left: 50%; bottom: -5px;}
#contact-manager .dial-btns li button:hover small {display: block;white-space: normal;}
#contact-manager .dial-btns li button small {}
#contact-manager .cntact-btns.assort-btns button { box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 8px;padding: 0 9px;min-width: 61px;color: #fff;height: 24px;}
#contact-manager .cntact-btns.assort-btns li .dial-btn-end-call {background: var(--sys-red); border: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 0;}
#contact-manager .cntact-btns.assort-btns li .dial-btn-next {background: var(--sys-green); border: 1px solid rgba(255, 255, 255, 0.1);margin-bottom:0;}
#contact-manager .cntact-btns.assort-btns li .dlal-btn-end-session {background: var(--sys-red); border: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 0;}

.sub-dropdown { display: none; padding: 15px 20px; position: absolute; top: 115%; right: 0; z-index: 100; min-width: max-content; width: 100%; box-sizing: border-box; text-align: left; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; }
.sub-dropdown ul li { display: block; font-size: 12px; font-weight: bold; line-height: 110%; margin: 0 !important; padding: 1px 0; text-align: left;}
.sub-dropdown ul li:not(:last-child){margin-bottom:10px!important;}
.sub-dropdown ul li a { color: var(--sys-dark); display: block; padding: 5px 10px; border-radius: 5px; text-align: left !important;}
.sub-dropdown ul li a svg {margin-right:10px;}
.sub-dropdown ul li a:hover svg {fill: var(--accent2) !important;}
.sub-dropdown ul li a:hover {text-decoration: underline;color: var(--accent2);}
#contact-manager .cntact-btns li button:disabled, #contact-manager .cntact-btns li button[disabled] { opacity: .48;opacity:1; pointer-events: none; pointer-events: none; }
#contact-manager .cntact-btns li:first-child button:disabled span{opacity:0.48;}
#contact-manager .cntact-btns li:first-child button:disabled span.sys-tooltip {opacity:1; color: #FFFFFF;}

.leads-tab__members {display: flex; flex-direction: column; gap: 14px;position: unset !important;}

/*LEADS TAB END*/

/*DASHBOARD START*/
.cm-dashboard-con {width: 100%; height: 100%; overflow: hidden; padding: 0 var(--clamp-24);}
.cm-dashboard-con .simplebar-content {display: flex; flex-direction: column;width: 100%;height: 100%;}
.cm-dashboard-con #prospectingDashboardLineContainer .simplebar-content {width: 100%;height: auto;max-height: 100%;}
.stats-table-con .simplebar-scrollable-x .simplebar-horizontal {visibility: visible !important;display: block !important; opacity: 1 !important;}
.stats-table-con .simplebar-track {z-index: 100}
.stats-table-flx {display: flex; flex-direction: column;height: 100%;width: max-content;min-width: 100%;}
.cm-dashboard-con .leads-analytics-con {min-height: 161px;min-height:114px;min-height:91px;flex-shrink: 0;}
.prospectingDashboard-container {margin: 0 auto; display: flex; flex-direction: column;height: 100%;max-width: 1464px;width: 100%;overflow: hidden;}
.prospectingDashboard-container:has(.new.stats-table-bottom) {display: block; overflow: unset;}
.prospectingDashboard-container:has(.new.stats-table-bottom) .stats-table-con .stats-table .stats-table-body { max-height: calc(100% - (var(--clamp-16) * 4) + var(--clamp-text-xs) + var(--clamp-text-sm)) !important; }
.dashboard-close-button { position: absolute; top: 0; right: 8px; display: block; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px; line-height: 100%; text-align: center; z-index: 999; }
.dashboard-close-button #closeDashboard {display: block; width: 105%; height: 105%;}
.dashboard-close-button svg { position: absolute; top: 50%;transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.dashboard-close-button:hover {opacity: 0.5;}
.cm-dashboard-con .dashboard-filter {flex-shrink: 0;margin:15px 0;flex-wrap:wrap;position: relative;}
/*.cm-dashboard-con .simplebar-content {height: 100%;}*/

.cm-dashboard-flex {display: flex; flex-direction: column;}
/*DASHBOARD END*/

/* ANALYTICS START */

.leads-analytics-con {min-height: 107px; flex-shrink: 0;}
.leads-analytics {display: flex;gap: 1%;justify-content:space-between; gap: var(--clamp-16);}
.leads-analytics .analytics-box { flex: 1; border-radius: 12px; border: var(--container-border); background: #FFF; box-shadow: 0px 12px 12px 0px #15151608; padding: 13px; position: relative; cursor: pointer; box-shadow: var(--container-shadow);}
.leads-analytics .analytics-box:nth-child(4n+1) .analytics-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43, 0.10); background-image: url(../../images/remix-icons/user-analytics-red.svg); background-repeat: no-repeat; background-position: center center;}
.leads-analytics .analytics-box:nth-child(4n+2) .analytics-icon {border: 1px solid rgba(41, 76, 153, 0.10); background: rgba(41, 76, 153, 0.10);  background-image: url(../../images/remix-icons/user-analytics-blue.svg); background-repeat: no-repeat; background-position: center center;}
.leads-analytics .analytics-box:nth-child(4n+3) .analytics-icon {border: 1px solid rgba(255, 122, 72, 0.10); background: rgba(255, 122, 72, 0.05);  background-image: url(../../images/remix-icons/user-analytics-orange.svg); background-repeat: no-repeat; background-position: center center;}
.leads-analytics .analytics-box:nth-child(4n+4) .analytics-icon {border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123, 0.10);  background-image: url(../../images/remix-icons/user-analytics-green.svg); background-repeat: no-repeat; background-position: center center;}
.leads-analytics .analytics-box .analytics-content .analytics-title {margin-bottom: 5px;}
.leads-analytics .analytics-box .analytics-content .analytics-icon {width: 30px; height: 30px; position: relative;border-radius: 8px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.leads-analytics .analytics-box .analytics-content h3 {}
.leads-analytics .analytics-box .analytics-content h2 {display: flex; align-items: flex-start; gap: 8px; color: var(--sys-dark);margin-bottom: 2px;}
.leads-analytics .analytics-box .analytics-content h2 sup {font-size: 16px; line-height: 20px;}
.leads-analytics .analytics-box .analytics-content h2 sup q {margin-left: 1px;}
.leads-analytics .analytics-box .analytics-content p {color: var(--sys-green);position: relative; padding-left: 18px;}
.leads-analytics .analytics-box .analytics-content p svg {position: absolute; left: 0; top: 45%; transform: translateY(-50%);}
.leads-analytics .analytics-box.not-logged-in .analytics-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43, 0.10);background-image: unset;}
.leads-analytics .analytics-box.fell-out-of-training .analytics-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43, 0.10);background-image: unset;}
.leads-analytics .analytics-box.behind-in-training .analytics-icon {border: 1px solid rgba(41, 76, 153, 0.10); background: rgba(41, 76, 153, 0.10);background-image: unset;}
.leads-analytics .analytics-box.training-on-track .analytics-icon {border: 1px solid rgba(255, 122, 72, 0.10); background: rgba(255, 122, 72, 0.05);background-image: unset;}
.leads-analytics .analytics-box.locked-students .analytics-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43, 0.10);background-image: unset;}
.leads-analytics .analytics-box.completed-training .analytics-icon {border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123, 0.10);background-image: unset;}
.leads-analytics .analytics-box.not-logged-in .analytics-icon svg {fill: #f72b2b;}
.leads-analytics .analytics-box.fell-out-of-training .analytics-icon svg {fill: #f72b2b;}
.leads-analytics .analytics-box.behind-in-training .analytics-icon svg {fill: #294c99}
.leads-analytics .analytics-box.training-on-track .analytics-icon svg {fill: #ff7a48}
.leads-analytics .analytics-box.locked-students .analytics-icon svg {fill: var(--sys-red);}
.leads-analytics .analytics-box.completed-training .analytics-icon svg {fill: #4aba7b}
.leads-analytics .analytics-box .analytics-icon {display: flex; justify-content: center; align-items: center;}

.new.leads-analytics .analytics-box {display: flex;justify-content: space-between;padding: var(--clamp-14) var(--clamp-16) !important;}
.new.leads-analytics .analytics-box .analytics-content {}
.new.leads-analytics .analytics-box .analytics-content h3 {color: #151516;font-weight: 600;line-height: 16px;font-family: Sohne;}
.new.leads-analytics .analytics-box .analytics-content h2.amount-details {font-size: 30px;line-height: 32px;font-weight: 600;align-items: end; margin: 15px 0 6px;gap: 15px;font-family: Sohne; line-height: 100%;letter-spacing: -0.6px;}
.new.leads-analytics .analytics-box .analytics-content h2.amount-details .percentage-change {font-size: 12px;color: #2ACF56;line-height: 22px;}
.new.leads-analytics .analytics-box .analytics-content h2.amount-details .percentage-change .rate-change {}
.new.leads-analytics .analytics-box .analytics-content .avg-score {color: #151516;font-size: var(--clamp-text-xs);line-height: 100%;font-weight: 600; letter-spacing: -0.48px;}
.new.leads-analytics .analytics-box .analytics-content .avg-score .avg-score-amount {}
.new.leads-analytics .analytics-box .analytics-graph {display: block; height: 100%; max-height: 80px;max-width: 145px;width: 45%;}
.new.leads-analytics .analytics-box:first-child .analytics-graph {max-width: 100px;}

.new.leads-analytics-boxes .analytics-box {display: flex;justify-content: space-between;padding: var(--clamp-16) var(--clamp-16) !important;}
.new.leads-analytics-boxes .analytics-box .analytics-content {display: flex; flex-direction: column;}
.new.leads-analytics-boxes .analytics-box .analytics-content h3 { color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.126px; }
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details {margin: var(--clamp-10) 0 6px; display: flex; align-items: center;gap: var(--clamp-8)}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details span {font-size: 30px;line-height: 1;font-weight: 600;gap: 15px;font-family: Sohne; line-height: 100%;letter-spacing: -0.6px;}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details small { padding: 0 5px; color: #FFF; text-align: center; font-style: normal; font-weight: 500; line-height: calc(var(--clamp-16) + 1px); letter-spacing: -0.12px; border-radius: 6px;font-size: var(--clamp-text-xs);}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details.green small {background: #65CC65;}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details.red small {background: #FF385C;}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details .percentage-change {font-size: 12px;color: #2ACF56;line-height: 22px;}
.new.leads-analytics-boxes .analytics-box .analytics-content h2.amount-details .percentage-change .rate-change {}
.new.leads-analytics-boxes .analytics-box .analytics-graph-con {display: flex ; flex-direction: column; justify-content: space-between; position: relative; width: auto; aspect-ratio: 1 / 1; max-height: 72px; border-radius: 10px; display: flex ; justify-content: center; align-items: center; height: 100%;}
.new.leads-analytics-boxes .analytics-box .analytics-content p{ color: #65CC65; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 116.667%; letter-spacing: -0.12px; padding: 0;display: flex;margin-top: auto;align-items: center;}
.new.leads-analytics-boxes .analytics-box .analytics-content p i {position: relative; line-height: 116.667%; display: inline-block; vertical-align: middle;padding-top: 1px;}
.new.leads-analytics-boxes .analytics-box .analytics-content p i svg {display: none;position: static;top: unset; transform: none; left: unset;}
.new.leads-analytics-boxes .analytics-box .analytics-content p span {line-height: 1;display: block;font-weight: 500;}
.new.leads-analytics-boxes .analytics-box .analytics-content p.green {color: #65CC65;}
.new.leads-analytics-boxes .analytics-box .analytics-content p.green i svg:first-child {display: block;}
.new.leads-analytics-boxes .analytics-box .analytics-content p.red {color: #FF385C;}
.new.leads-analytics-boxes .analytics-box .analytics-content p.red i svg:last-child {display: block;}
.new.leads-analytics-boxes .analytics-box .avg-score { color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-xs); font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -0.108px; padding-bottom: 1px;}
.new.leads-analytics-boxes .analytics-box .avg-score span {color: rgba(21, 21, 22, 0.75);font-weight: 600;}
.new.leads-analytics-boxes .analytics-box .analytics-content .avg-score .avg-score-amount {}
.new.leads-analytics-boxes .analytics-box .analytics-graph {margin-left: auto; width: 100%; height: 100%; /* max-height: 48px; */ position: relative; }
.new.leads-analytics-boxes .analytics-box .analytics-graph-con svg {width: var(--clamp-30);height: var(--clamp-30)}

.new.leads-analytics-boxes .analytics-box:nth-child(even) .analytics-graph-con {border: 1px solid rgba(255, 56, 92, 0.10); background: rgba(255, 56, 92, 0.10);}
.new.leads-analytics-boxes .analytics-box:nth-child(odd) .analytics-graph-con {border: 1px solid rgba(101, 204, 101, 0.10); background: rgba(101, 204, 101, 0.10);}

#chart-tooltip { border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); white-space: nowrap; display: flex; align-items: center; gap: var(--clamp-24); padding: 6px var(--clamp-8); z-index: 10;}
#chart-tooltip .tooltip-title { color: #FFF; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -0.14px; }
#chart-tooltip .tooltip-body { color: #FFF; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.14px; }
#chart-tooltip .tooltip-arrow {position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);}
#chart-tooltip .tooltip-arrow svg {width: 24px; height: 14px;}
#chart-tooltip .tooltip-arrow svg path { fill: #294C99;}


/* ANALYTICS END */

/*TABLE LEADS START*/
.list-table-con {flex: 1; display: flex; flex-direction: column;height: 100%; gap: 10px;}
.table__contact-list { width: 100%; overflow-y:auto;overflow-x: auto; scrollbar-gutter: stable;display: flex; flex-direction: column;flex: 1;}
.table__contact-list table { border-collapse: unset; width: 100%; vertical-align: middle;table-layout: fixed;}

.table__contact-list table .warning-icon {width: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.table__contact-list table tr.table-header{position: sticky;top: 0;z-index: 11;background: #F4F6FA;}
.table__contact-list table tr {}
.table__contact-list table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

.table__contact-list table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 6px 44px 6px 14px; position: relative;background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05);position:relative;vertical-align: middle;}

.table__contact-list table tr th span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}

.table__contact-list table tr th:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;z-index: 10;background:#EAEDF5;min-width:24px;}
.table__contact-list table tr th:nth-child(2),
.table__contact-list table tr td:nth-child(2) {padding: 8px; vertical-align: middle;border-left: 0;}
.table__contact-list table tr td:nth-child(2) i {position: relative;}
.table__contact-list table tr td:nth-child(2) i .warning-tooltip {z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap; position: absolute; left: calc(100% + 5px); top: 50%; transform: translateY(-50%); display: none;}
.table__contact-list table tr td:nth-child(2) i .warning-tooltip small {font-style: normal;}
.table__contact-list table tr td:nth-child(2) i .warning-tooltip:before {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg) translateY(-50%); left: -5px; top: 50%;}
.table__contact-list table tr td:nth-child(2) .icon.warning:hover .warning-tooltip {display: block;}
.table__contact-list table tr td:nth-child(2) .icon.warning {margin: 0;}
.table__contact-list table tr th:nth-child(3),
.table__contact-list table tr td:nth-child(3){border-left:0;padding-left: 10px;}

.table__contact-list table tr td:nth-child(3):before { content: ""; width: 10px; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #FFF; box-shadow: 5px 0px 5px 0px rgba(21, 21, 22, 0.02); pointer-events: none; }

.table__contact-list table tr th:last-child{border-radius: 0 8px 8px 0;}
.table__contact-list table tr th:last-child{border-radius: 0 8px 8px 0;border-right:0;}

/**/
.table__contact-list table tr td.warning-col {display: none;}
.table__contact-list table tr th.warning-col{display:none}
/**/

.table__contact-list table tr th .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: top;margin:0;}
.table__contact-list table tr td .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 16px; height: 16px; display: inline-block; vertical-align: middle;margin:0;}

.table__contact-list table tr td{color: var(--primary-color); text-align: left; padding: 12px 13px; position: relative;border: 1px solid rgba(21, 21, 22, 0.05);vertical-align: middle;border-top: 0;}

.table__contact-list table tr td > div > div, .table__contact-list table tr td > div { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden;text-overflow: ellipsis}
.table__contact-list table tr td > div span {max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: #151516;}

.table__contact-list table tr td .icon.warning {margin: 0;width: 18px; height: 18px;}

.table__contact-list table tr td .tagsList{}
.table__contact-list table tr td .tagsList li{display: inline-block; vertical-align: top; margin-right: 4px; padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: unset;line-height:100%;height:20px;}

.table__contact-list table tr td:first-child{padding-left:7px;padding-right:0;border-right:0;border-left:0;z-index: 10;background:#fff;min-width:24px;}
.table__contact-list table tr.table-header td:first-child{border-radius: 8px 0 0 8px;}
.table__contact-list table tr td .unarchive-icon {line-height:  0;cursor: pointer;position: relative; z-index: 20;}
.table__contact-list table tr td .unarchive-icon svg {fill: #294c99}
.table__contact-list table tr td .unarchive-icon:hover {opacity: 0.5;}

.table__contact-list table tr td:last-child{border-right:0;}

.table__contact-list table .contact-list__sort-icon {position: absolute; right: 11px; top: 50%; transform: translateY(-50%);width: 18px; height: 18px;border-radius: 5px;display: block;}
.table__contact-list table .contact-list__sort-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); fill: var(--sys-dark); opacity: 0.4;}
.table__contact-list table .contact-list__sort-icon.active {}
.table__contact-list table .contact-list__sort-icon:hover {opacity: 0.5;}

.table__contact-list table .contact-list__sort-icon.active {background: var(--sys-red);background:var(--accent2);transform: translateY(-50%) rotate(180deg);}
.table__contact-list table .contact-list__sort-icon.active svg  {fill: var(--sys-white); opacity: 1; }

.table__contact-list table .contact-list__sort-icon.active.desc_active {background: var(--sys-red);background:var(--accent2);transform: translateY(-50%) rotate(0);}
.table__contact-list table .contact-list__sort-icon.active.desc_active svg  {fill: var(--sys-white); opacity: 1; }

.table__contact-list table tr td a { color: var(--darkestcolor); }
.table__contact-list .list-pagination { padding: 15px 0 2px; color:#15151699; display: flex; align-items: center;width: 100%; margin-top: auto; align-self: flex-end;flex-shrink: 0;}
.table__contact-list .list-pagination small  {color: #15151666;}
.table__contact-list .list-pagination small, .table__contact-list .list-pagination span {margin-right: 3px;}
.table__contact-list .list-pagination small:last-child {margin-right: 7px;}
.table__contact-list .list-pagination a {font-size: 16px;color: rgba(21, 21, 22, 0.6);margin-left: 2px;}
.table__contact-list .list-pagination a:hover {opacity: 0.5;}
/*TABLE LEADS END*/

/**NO CONTACTS START*/
.funnel-upload  {text-align: center; margin: auto 31.5%; height: 100%; flex-grow: 1; width: unset; padding: 0; display: flex; flex-direction: column; justify-content: center; }
.funnel-upload-heading  {margin-bottom: 14px;display: block;}
.funnel-upload-heading .btn-icon-secondary {margin: 0 auto 17px; pointer-events: none;}
.funnel-upload-heading .btn-icon-secondary img {top: 48%; left: 52%;}
.funnel-upload__text {padding: 0;color: rgba(21, 21, 22, 0.5);line-height: 18px;}
.funnel-upload__btns  {align-items: center; display: flex; flex-wrap: nowrap; justify-content: center;margin-top: 18px;}
.funnel-upload__btns.small li { margin-right: 10px; }
.funnel-upload__btns.small li button { font-weight: normal; min-width: 100px; padding: 0 10px;}
.funnel-upload__btns.small li:last-child button {}

/**NO CONTACTS END*/

/**ALERT MODAL START**/
#alertModal h2 small {display: flex; justify-content: center; gap: 8px;align-items: center;margin-bottom: 13px;}
#alertModal .choose-btns button {width: fit-content; min-width: 200px; margin: 0 auto;}
/**ALERT MODAL END**/

/**DIAL SESSION START*/
.side-contact-header {display: flex; justify-content: space-between; align-items: center;padding-left: 5px;}
.side-contact-header svg {flex-shrink: 0;}
.dial-end { display: block; line-height: 24px; background: var(--sys-red); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 8px; font-weight: 500; color: var(--sys-white); padding: 0 10px; cursor: pointer}
.dial-end:hover {opacity: 0.5;}
.contact-dial-session {overflow-y: auto;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con {padding: 0;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-step {padding: 8px 10px;border: 1px solid rgba(21, 21, 22, 0.05);border-left: 0; border-right: 0; pointer-events: none;padding: 7px 10px 6px 5px; min-height: 35px;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-step div {max-width: 80%;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-step div svg {flex-shrink: 0;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-step span {color: var(--sys-dark); overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-step small {font-weight: 600; color: var(--accent2);background: var(--accent2-5); border: 1px solid transparent;border-radius: 6px; min-width: 20px; min-height: 20px;position: relative;display: flex; justify-content: center; align-items: center;padding: 3px;line-height: 100%;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item {display: flex; justify-content: space-between; align-items: center;border: 1px solid transparent;position: relative;padding: 0 13px 0 0 !important;pointer-events: none;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item a {color: rgba(21, 21, 22, 0.4);padding: 3px 21px; width: calc(100% - 15px);overflow: hidden; text-overflow: ellipsis;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item.current {background: rgba(21, 21, 22, 0.05); }
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item.current a { color: var(--sys-dark); font-weight: 600;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item.current a:before {content: "";display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); border: 3.5px solid var(--accent2);}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item .dial-icons span {display: none;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item.call .dial-icons span.dial-status-call {display: block;}
#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.contact-list-item.no-call .dial-icons span.dial-status-no-call {display: block;}

#contact-info-sidebar .contact-list-content .msg-content.dial-session-con li.current:before {display: none !important;}
/**DIAL SESSION END*/

/**SNOOZE MODAL START**/
#snoozeModal .popUpHeading {padding-bottom: 14px;}
#snoozeModal .form-con .form-field .flx_item {flex: 1;}
#snoozeModal .form-con .form-field .flx_item label {text-align: left;}

/**SNOOZE MODAL END**/

/**IMPORT MODAL START*/
.cm-modal {z-index: 2;}
.cm-modal.material-pop { max-width: 550px; font-size: 16px; position: fixed; left: 50%; top: 50px; z-index: 20;background: var(--sys-white); border: var(--container-border); border-radius: 16px;top: 50%; transform: translate(-50%,-50%); left: 50%;width: 80%;}
.cm-modal.material-pop.center {top: 50%; transform: translate(-50%,-50%); left: 50%;}
.cm-import-modal {padding: 24px 14px 14px;}

.cm-modal p.modal-note { display: block; font-weight: bold; margin: 5px auto 0; text-align: center; color: #151516; }

.cm-modal h3 {color: var(--sys-dark);margin-bottom: 10px;}
.cm-modal h3 span { line-height: 100%; margin: 0;}
.modal-close-button {position: absolute;top: 14px; right: 14px;display: block;background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;width: 16px; height: 16px;line-height: 14px; text-align: center;z-index: 100;}
.modal-close-button svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.modal-close-button:hover {opacity: 0.5;}
.close_btn {position: relative;}
.close_btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.cm-import-modal .ul-steps { margin: 0 0 16px; display: flex; justify-content: center; align-items: center;}
.cm-import-modal .ul-steps li { display: block; border-radius: 5px; width: 20px; line-height: 20px; background: transparent; text-align: center; color: var(--accent2-50); margin: 0 6px 0 0; font-size: 14px;}
.cm-import-modal .ul-steps li.active { background-color: var(--accent2); color: var(--sys-white);padding: 0;}
.cm-import-modal .cm-import__content .desc {text-align: center; padding: 0 14px;line-height: 20px; color: #15151699; }
.cm-import-modal .upload-button { width: 100%; height: 81px; background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; text-align: center; letter-spacing: -0.04em; color: #15151666; margin: 15px 0 0px; }
.cm-import-modal .upload-button span {display: block; margin: 0 auto 10px;}
.cm-import-modal .choose-btns {display: flex; justify-content: space-between; align-items: center;margin-top: 15px;gap: 14px;}
.cm-import-modal .choose-btns button {display: block; text-align: center;width: 100%;letter-spacing: -0.04em;}

.cm-import__credits-box {margin: 40px 0 33px; display: flex; justify-content: space-between;gap: 14px;}
.cm-import__credits-box div {width: 49%;}
.cm-import__credits-box label {margin-bottom: 13px;display: block;color: #15151699;}
.cm-import__credits-box select { background: url("../../images/remix-icons/arrow-down-gray.svg") no-repeat 90% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 13px 15px; color: #1515164D; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%;}

.cm-import-modal.cm-modal-892 {max-width: 892px;}
.cm-import-modal .choose-upfile .scroll_table { margin: 30px 0 0; height: 350px; overflow: hidden; overflow-x: scroll;}
.cm-import-modal .choose-upfile .table-import {width: 100%;border-collapse: collapse;border-spacing: unset;}
.cm-import-modal .choose-upfile .table-import th { padding: 0; background-color: white; color: var(--sys-white);min-width: 205px;width: 100%;}

.cm-import-modal .choose-upfile .table-import th select{ background: url("../../images/remix-icons/arrow-down-white.svg") no-repeat 96% 7px,var(--accent2);background-size: 16px 16px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; color: var(--sys-white); padding: 7px 34px 7px 11px;width: 100%;appearance: none; -webkit-appearance: none;}
.cm-import-modal .choose-upfile .table-import th select:hover {cursor: pointer}
.cm-import-modal .choose-upfile .table-import tr {display: flex; justify-content: left;gap: 14px;}
.cm-import-modal .choose-upfile .table-import .table-header-row td  {padding: 14px 0 12px; text-align: left;background: #fff;}
.cm-import-modal .choose-upfile .table-import .table-header-row td div {border: 0 !important;padding: 0 !important;}
.cm-import-modal .choose-upfile .table-import td { background: rgba(21, 21, 22, 0.025); font-weight: 400; color: rgba(21, 21, 22, 0.8); min-width: 205px; width: 100%;}
.cm-import-modal .choose-upfile .table-import tr + tr td { padding: 0 11px; border: 1px solid rgba(21, 21, 22, 0.05);border-bottom: 0;}
.cm-import-modal .choose-upfile .table-import td div {padding: 9px 0; border-bottom: rgba(21, 21, 22, 0.05) 1px solid;}

.cm-import__form {margin-top: 30px;}
.cm-import__form-box {margin-bottom: 18px;}
.cm-import__form label { color: #15151699; display: block;}
.cm-import__form-flex {display: flex;gap: 14px;margin-bottom: 21px;}
.cm-import__form-flex select { background: url("../../images//drizzio/arrow-down-black-icon.png") no-repeat 95% center,rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; color: rgba(21, 21, 22, 0.3); padding: 10px 13px; }
.cm-import-modal .cm-import-add-btn {width: 100%;}

.cm-import-modal .error-box { display: block; background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: 17px 20px; color: var(--sys-red); margin-top: 25px; text-align: center;}
.cm-import-modal .error-box span {display: block; margin-bottom: 8px;}

/**IMPORT MODAL END*/

/**TAGS MODAL START*/
#tagsModal h2 { display: block; text-align: center; margin-bottom: 21px; }
#tagsModal h2 span {display: block; margin: 0 auto 17px;text-align: center}
#tagsModal form input[type="search"] { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; height: 42px; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: -0.04em; color: rgba(21, 21, 22, 0.3);color:var(--primary-color); padding: 13px 38px; border-radius: 10px; letter-spacing: -0.25px; }
#tagsModal .choose-btns { margin: 14px auto 0; display: flex; justify-content: space-between; gap: 14px; flex-wrap: unset;}
#tagsModal .choose-btns button { width: 100%; border-radius: 10px; font-weight: 500; }
#tagsModal form .form_btn  {border: none; width: 15px; height: 15px; background: url(../../images/search-line.png) no-repeat center center / cover; position: absolute; top: 49%; left: 13px; transform: translateY(-50%); }

#noContactCall .choose-btns { margin: 14px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#noContactCall .choose-btns button {width: fit-content; min-width: 200px; margin: 0 auto;}
/**TAGS MODAL END**/

/*START DIAL SESSION MODAL START*/
.dial-session-modal{padding:20px 14px!important;}
.dial-session-modal h2 {margin-bottom: 10px;display: flex; justify-content: center; align-items: center; gap: 10px;}
.dial-session-modal p {margin-bottom: 27px;}

.startdial_btns {display: flex; justify-content: space-between; }
.startdial_btns .startdial_btn {position: relative;padding: var(--clamp-10) 15px var(--clamp-10) 39px;text-align: left;width: 100%;}
.startdial_btns .startdial_btn svg { position: absolute; top: 50%; transform: translateY(-50%);left: 11px;}
.startdial_btns .startdial_btn q { display: inline-block; vertical-align: middle; }
.startdial_btns .startdial_btn .dialSessionSwitch{}
.startdial_btns .startdial_btn .dialSessionSwitch{position: absolute;cursor:pointer; width: 100%; height: 100%; top: 0; left: 0;}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.startdial_btns .startdial_btn .dialSessionSwitch .toggle { position: absolute; right: 68px; top: var(--clamp-6); display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.startdial_btns .startdial_btn .dialSessionSwitch .knobs {position: absolute; right: 68px; top: 50%; display: block; width: 68px; height: 24px; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); bottom: unset; left: unset; transform: translateY(-50%);}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox.toggle {}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox:checked .toggle{}
.startdial_btns .startdial_btn .dialSessionSwitch .toggle:before,
.startdial_btns .startdial_btn .dialSessionSwitch .toggle:after,
.startdial_btns .startdial_btn .dialSessionSwitch .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.48px;color:var(--accent2);}
.startdial_btns .startdial_btn .dialSessionSwitch label{display:block;margin:0;}
.startdial_btns .startdial_btn .dialSessionSwitch .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
.startdial_btns .startdial_btn .dialSessionSwitch .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.48px;color:#fff;z-index:2;}
.startdial_btns .startdial_btn .dialSessionSwitch .toggle span {left: 0;z-index:3;}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox:checked + .toggle:before {left:0;}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox:checked + .toggle:after{color:var(--accent2);}
.startdial_btns .startdial_btn .dialSessionSwitch .checkbox:checked + .toggle span { color: #fff; }
.startdial_btns {display: flex; justify-content: space-between; width: 100%; position: relative; gap: 14px;}
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .knobs:before {     content: ''; left: 0 !important; background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 6px; text-align: center; font-weight: 500; font-size: var(--clamp-text-xs); line-height: 22px; text-align: center; letter-spacing: -0.04em; top: 0px  !important; height: 22px; width: 50%;}
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .knobs:after  {content: 'On'; position: absolute; right: 0 !important; color: var(--accent2); right: 0px; width: 50%; text-align: center; font-weight: 500; font-size: var(--clamp-text-xs); line-height: 22px; letter-spacing: -0.04em; height: 22px;top: 0 !important;}
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .knobs span { display: block; position: absolute; left: 0 !important; color: #fff; z-index: 1; text-align: center;text-align: center; width: 50%; line-height: 22px; top: 0;}
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .checkbox:checked + .knobs span { color: var(--accent2); }
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .checkbox:checked + .knobs:before {right: 0; left: unset; background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 6px; color: #fff; width: 50%;left: unset !important;}
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .checkbox:checked + .knobs:after { color: #fff; }
.startdial_btns .startdial_btn .dialSessionSwitch.on-off-switch .checkbox:checked ~ .layer { }

.startdial_btns .startdial_btn-test {display: block; width: 51px; height: 24px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); color: var(--sys-white); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); position: absolute; top: 50%; right: 9px; font-family: var(--primary-font); font-size: var(--clamp-text-xs); font-weight: 500; letter-spacing: -0.48px; z-index: 20; transform: translateY(-50%);}
/*START DIAL SESSION MODAL END*/

/*DIAL SESSION RESULT MODAL START*/
.material-pop.dial_session_result .modal-close-button {display: block; background: var(--accent2-5); border: var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px; }
.material-pop.dial_session_result .dialSessionboxes { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 16px 0 0; }
.material-pop.dial_session_result .dialSessionboxes .dialSessionbox { width: 49%; margin-bottom: 14px; height: 80px; background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; }
.material-pop.dial_session_result .dialSessionDataHolder { padding: 10px 13px; }
.material-pop.dial_session_result .dialSessionDataHolder small { display: block; font-size: 14px; color: rgba(21, 21, 22, 0.6); margin-bottom: 10px; }
.material-pop.dial_session_result .dialSessionDataHolder .dialSessionData { display: flex; justify-content: space-between; align-items: center; padding: 0; }
.material-pop.dial_session_result .dialSessionDataHolder .dialSessionData span { font-size: 35px; color: var(--sys-dark); font-weight: 500; line-height: 100%; letter-spacing: -0.53px; }
.material-pop.dial_session_result .dialSessionbox .dialSessionIcon { width: 32px; height: 32px; background: var(--accent2-5); border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; position: relative;}
.material-pop.dial_session_result .dialSessionbox.dsb1 .dialSessionIcon { background: var(--accent2-5); }
.material-pop.dial_session_result .dialSessionbox.dsb2 .dialSessionIcon { background: var(--accent1-5); }
.material-pop.dial_session_result .dialSessionbox .dialSessionIcon svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 16px; height: 16px;}
.material-pop.dial_session_result .choose-btns button {width: fit-content;min-width: 200px; margin: 0 auto;}

/*DIAL SESSION RESULT MODAL END*/

/**CONTACT INFO START**/
#cont_info_sec  {display: flex; justify-content: space-between; align-items: stretch;height: 100%;gap: 14px;}
.cont-info { margin-right: 0;width: calc(100% - 246px);display: flex; flex-direction: column; gap: 8px;}
.cont-info .upper-tabs-con {min-height: 28px;flex-shrink: 0}
.cont-info__content { flex: 1;display: flex; flex-direction: column; background: var(--sys-white); border: var(--container-border); box-shadow: var(--container-shadow); border-radius: 12px; overflow: hidden;}
#contact-manager .cont-info #cont-info__new { height: 100%; overflow: hidden; position: relative; flex: 1; }
.cont-info__content > div  {display: flex; justify-content: center;}
.contact-info-mobile-view-toggle {display: none;}

.contact-info-mobile-view-toggle button{ display: block; padding: 6px 8px !important; background: #FFFFFF !important; font-size: var(--clamp-text-sm) !important; color: #151516 !important; border-radius: 8px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); }
.contact-card-toggle-close, .contact-list-toggle-close { padding: 6px 8px !important; background: #FFFFFF !important; font-size: var(--clamp-text-sm) !important; color: #151516 !important; border-radius: 8px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; margin-left: auto; border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); display: none;}

.cont-info__tabs { padding-right: 90px; position: relative; overflow: hidden;}
.cont-info__tabs ul { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; overflow-y: hidden; }
.cont-info__tabs ul li { box-shadow: unset; position: relative; width: 0; flex-grow: 1;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.cont-info__tabs ul li a { border: 0; display: flex; font-weight: bold; font-size: 60%; color: rgba(21, 21, 22, 0.4); min-height: 28px; padding: 0 10px 0 8px; display: flex; align-items: center; position: relative; height: 28px; width: 100%;box-shadow: unset; z-index: 2;}
.cont-info__tabs ul li a span { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #15151666; }
.cont-info__tabs ul li.current a span,.cont-info__tabs ul li:hover a span {color: var(--sys-dark);}
.cont-info__tabs ul li .cont-info__tabs-ribbon { position: absolute;width: calc(100% + 14px);  height: calc(100% + 2px); overflow: hidden; top: 0; left: -8px;z-index: -1;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-left {position: absolute; top: 0; left: 0; width: 80%;overflow: hidden;height: 100%;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-left svg {position: absolute; left: 0; top; 0;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-right {position: absolute; top: 0; right: 0; width: 75%;overflow: hidden;height: 100%;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-right svg {position: absolute; top: 0; right: 0;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-last {position: absolute; top: 0; right: 0; width: 75%;overflow: hidden;height: 100%;display: none;}
.cont-info__tabs ul li .cont-info__tabs-ribbon .ribbon-last svg {position: absolute; top: 0; right: 0;}
.cont-info__tabs ul li:last-child .cont-info__tabs-ribbon .ribbon-last {display: block;}
.cont-info__tabs ul li:last-child a:hover, .cont-info__tabs ul li:last-child.current a {border-right: 1px solid #e0e5f1;}
.cont-info__tabs ul li:last-child a .ribbon-right {display: none;}
.cont-info__tabs ul li.current .cont-info__tabs-ribbon svg, .cont-info__tabs ul li a:hover .cont-info__tabs-ribbon svg {fill: var(--accent3);}
.cont-info__tabs ul li a:hover, .cont-info__tabs ul li.current a { }
.cont-info__tabs .pagination .num { margin: 0 4px;color: #15151666 !important;}
.cont-info__tabs .pagination .num span {color: #15151666 !important;}
.cont-info__tabs .pagination .btn { line-height: 100%;color: rgba(21, 21, 22, 0.4); }


.cont-info__tabs .pagination  {font-size: 12px; color: rgba(21, 21, 22, 0.4); position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; align-items: center; }
.cont-info__profile { padding: 16px 16px 12px !important; }
.cont-info__profile-info { display: flex; align-items: center; margin: 0;}
.cont-info__profile-info .initial { height: var(--clamp-40); width: var(--clamp-40); background: var(--accent2-5);border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; overflow: hidden; text-align: center; margin-right: 14px;line-height: 38px;color: var(--accent2);}
.cont-info__profile-info .initial span {line-height: var(--clamp-40);display: block;color: var(--accent2);}
.cont-info__profile-info .info { max-width: calc(100% - 100px); position: relative; overflow: hidden; padding-right: 40px; }
.cont-info__profile-info .name {min-height: 38px;}
.cont-info__profile-info .name strong { color: var(--sys-dark);overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%;}
.cont-info__profile-info .name span { color: rgba(21, 21, 22, 0.60);display: block;margin-top: 2px;overflow: hidden; }
span.text-sm.cm-display-time { height: 1.125rem; }
.cont-info__profile-info .name .status {position: absolute; top: 3px; right: 16px}
.cont-info__left h3 { margin-bottom: 17px; display: flex; align-items: center;}
.cont-info__edit-btn {margin-left: auto;}
.cont-info__edit-btn:hover {opacity: 0.5;}

.cont-info__about { color: var(--sys-dark); flex-grow: 1;}
.cont-info__about-edit h3 {margin-bottom: 14px;}
.cont-info__form form { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; }

#contact-info-sidebar .contact-info-sidebar-heading {padding-left:5px;}
#contact-info-sidebar .contact-info-sidebar-heading svg {width: var(--clamp-text-base);height: var(--clamp-text-base);}
#contact-info-sidebar .contact-list-content { margin-top: 10px; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 8px; padding: 0; flex-grow: 1; overflow: auto; height: calc(100vh - 155px); border: var(--container-border); box-shadow: var(--container-shadow); }
#contact-info-sidebar .contact-list-content h3 { font-size: var(--clamp-text-sm); font-weight: bold; color: var(--sys-dark); letter-spacing: -0.21px; padding-bottom: 10px; margin-bottom: 17px; position: relative; padding: var(--clamp-8);margin: 0;border-bottom: 1px solid rgba(21, 21, 22, 0.05);overflow: hidden;min-height: 35px;}
#contact-info-sidebar .contact-list-content h3 svg {flex-shrink: 0;width: var(--clamp-text-xs);height: var(--clamp-text-xs);}
#contact-info-sidebar .contact-list-content h3:after {display: none;} 
#contact-info-sidebar .contact-list-content h3 small { font-weight: 600; color: var(--accent2); background: var(--accent2-5); border: 1px solid transparent; border-radius: 6px; min-width: 20px; min-height: 20px; position: relative; display: flex; justify-content: center; align-items: center; padding: 3px; line-height: 100%; }
#contact-info-sidebar .contact-list-content h3 span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#contact-info-sidebar .contact-list-content ul li {padding: 4px 25px;margin: 0;color: var(--sys-dark);position: relative;color: rgba(21, 21, 22, 0.30); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#contact-info-sidebar .contact-list-content ul li:hover, #contact-info-sidebar .contact-list-content ul li.current {color: var(--sys-dark); cursor: pointer; color: var(--sys-dark); background: rgba(21, 21, 22, 0.05);}
#contact-info-sidebar .contact-list-content ul li.current:before {content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); border: 3.5px solid var(--accent2);}

.cont-info__left {position: relative; /*border-right: 1px solid rgba(21, 21, 22, 0.05);*/ width: 356px;overflow: hidden;display: flex; flex-direction: column;}
.cont-info__about-con {flex-grow: 1; display: flex; flex-direction: column; overflow: auto;padding-bottom: 15px;}
.cont-info__left .toggle_left_nav_holder {height: 100%;}
.cont-info__left .toggle_left_nav_holder .toggle_left_nav {height: 100%; display: flex; flex-direction: column;}
.cont-info__left:has(.prospecting-funnel-progress-con[style="display: none;"]) .cont-info__about-con {max-height: calc(100vh - 239px);}
.cont-info__about-con::-webkit-scrollbar{display:none;}
.cont-info__about-con { -ms-overflow-style: none; scrollbar-width: none;}

.cont-info__about-con > div {padding: 0 15px 0 15px;line-height: 100%;}
.cont-info__about-con ul.list li .contact-label-holder .contact-label-icon {width: 14px;display: flex; align-items: center; justify-content: center;}
.cont-info__about-con ul.list li .contact-label-holder .contact-label-icon svg {display: none;fill: rgba(21, 21, 22, 0.4); width: var(--clamp-text-sm); height: var(--clamp-text-sm)}

.cont-info__about .list li {margin-bottom: 8px;}
.cont-info__about .list li label {display: block;line-height: 14px;}
.cont-info__about .list li small {letter-spacing: -0.03em; color: rgba(21, 21, 22, 0.4); display: block; display:inline;line-height:var(--clamp-text-xs);}
.cont-info__about .list li q {color: rgba(21, 21, 22, 0.4);line-height: 14px;}
.cont-info__about .list li span { color: var(--sys-dark);display:block;padding-left: 20px;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap; min-height: var(--clamp-text-sm);}
.cont-info__about .list li span.contact-name {display: inline; padding: 0;}
.cont-info__about .list li span.contact-name-first {padding-left: 20px;}
.cont-info__about .list li a { padding-left: 20px; color: var(--accent2); text-decoration: underline;}
.cont-info__about .list li a:hover {opacity: 0.5;}
.cont-info__about .list li .sys-tooltip {left: 20px;}
.cont-info__about .list li .contact-name-holder {line-height: 100%;}

/*Prospecting Funnel progress*/
.cont-info__left .prospecting-funnel-progress-con {font-family: var(--primary-font);padding: 12px 15px 15px;margin-top: auto;}
.cont-info__left .prospecting-funnel-progress-con .heading-title {line-height: 18px;font-size: 14px;margin: 0 0 10px;font-weight: 600;}
.cont-info__left .prospecting-funnel-progress-con .heading-title i {display: block; line-height: 1;}
.cont-info__left .prospecting-funnel-progress-con .heading-title i svg {width: var(--clamp-text-l); height: var(--clamp-text-l);}
.cont-info__left .prospecting-funnel-progress-con ul {margin: 0;display: flex;flex-direction: column;row-gap: var(--clamp-6);position: relative;overflow: hidden;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con {display: flex;gap: var(--clamp-14);align-items: center;padding: 0 var(--clamp-10);}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active {/* column-gap: 0; */margin: 0;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.completed {}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active {background: radial-gradient(59.45% 84.22% at 50% 50%,var(--accent2-25) 0%, var(--accent2-5) 100%);border-radius: 8px;padding-top: 5px; padding-bottom: 5px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con {width: 28px;display: flex; justify-content: center; align-items: center;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con .circle-con {width: 20px;height: 20px;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 2px solid #f1f2f4;border: 2px solid #c4c4c5;z-index: 121;position: relative;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .left-con .circle-con {background:var(--accent1);border-radius: 50%;width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;color: #fff;border: 3px solid #f7878b;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.completed .left-con .circle-con {width: var(--clamp-text-l);height: var(--clamp-text-l);background: #65cc65;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 2px solid #eff1f4;z-index: 3;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con small {font-size: 9px;font-weight: 500;line-height: 0.8;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .left-con small {font-size: 12px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.completed .left-con small {display: none;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con svg {display: none;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.completed .left-con svg {display: block;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.completed .left-con svg path {fill: #FFF;fill-opacity: 1;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con svg path {}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details {line-height: 100%;flex:1;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details > small {font-weight: 400;font-size: var(--clamp-text-xs);line-height: var(--clamp-text-sm);display: flex;align-items:center;gap:6px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .progress-details > small {color: var(--accent1);margin-bottom: -1px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .completion-progress {display: none;font-size:var(--clamp-text-xs);line-height:100%;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .progress-details .completion-progress {display: block;color: var(--accent1);font-size: 12px;font-weight: 400;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .completion-progress > strong {color: var(--primary-color);font-weight: 600;margin: 0 6px 0 0;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .progress-status {display: block;line-height:var(--clamp-text-xs);}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .progress-details .progress-status * {font-size: var(--clamp-text-xs) !important;line-height: 00%;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .progress-status > strong {font-size: var(--clamp-text-xs);line-height: 100%;font-weight: 600;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .selected-application {font-size:var(--clamp-text-xs);}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .selected-application q {line-height: 110%; display: inline-block;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .progress-status q.date {color: #15151699;font-size: var(--clamp-text-xs);line-height: var(--clamp-text-xs);font-weight: 400;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details span strong {color: var(--sys-dark);font-weight:600;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .yes-no-btn-con {/*display: flex;flex-wrap: wrap;column-gap: 8px;*/}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .yes-no-btn {font-size: var(--clamp-text-xs);font-weight: 400;color: #15151699;line-height: 12px;margin-right:8px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .yes-no-btn:last-child {margin-right:0;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .yes-no-btn a {color: #15151699;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con {position: relative;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .left-con::after { content: ''; background: #DFE4E9; width: 1px; height: 300%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); }
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con:first-child .left-con::after {top: 100%;height: 100%;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con:last-child .left-con::after {top: unset;height: 100%;transform: translateX(-50%); bottom: 100%}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .left-con::after { background: linear-gradient(to bottom,rgba(223, 228, 233, 0) 0%, #DFE4E9 10%, var(--accent1) 20%, var(--accent1) 80%, #DFE4E9 90%, rgba(223, 228, 233, 0) 100%); z-index: 1; }
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con:first-child.active .left-con::after { background: linear-gradient(to bottom, var(--accent1) 0%, var(--accent1) 50%,  rgba(223, 228, 233, 0) 85%); z-index: 1;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con:last-child.active .left-con::after {background: linear-gradient(to top, var(--accent1) 0%, var(--accent1) 30%, rgba(223, 228, 233, 0) 80%);z-index: 1; }

#funnelProgressStep3 .dropdown {font-size: 12px;display: flex;gap: 4px;align-items: center;}
#funnelProgressStep3 .dropdown .dropdown-con {position: relative;}
#funnelProgressStep3 .dropdown-content {display: none;position: absolute;min-width: 160px;z-index: 1;font-size: 12px;background: #f3f6f8;padding: 4px 0;border: 1px solid #1515161A;border-radius: 6px;max-width: 160px;bottom: calc(100% - 17px);top: auto;left: calc(100% + 6px);}
#funnelProgressStep3 .dropdown-content::before {content: "";position: absolute;top: auto;right: 98.5%;z-index: -1;bottom: 6px;border: solid #1515161A;border-width: 0px 2px 2px 0;padding: 2px;transform: rotate(135deg);-webkit-transform: rotate(135deg);background: #f3f6f8;left: auto;}
#funnelProgressStep3 .dropdown-content a {color: black;padding: 5px 12px;text-decoration: none;display: block;cursor: pointer;}
#funnelProgressStep3 .dropdown-content a:hover {color: var(--accent2);}
#funnelProgressStep3 .dropdown .dropdown-btn {font-weight: 600;}
#funnelProgressStep3 .dropdown .dropdown-btn:hover {opacity: 1;cursor:text;}
#funnelProgressStep3 .dropdown .selected-option {color: #15151699;line-height: 14px;font-weight: 400;-webkit-line-clamp: 1;white-space: nowrap;overflow: hidden;display: inline;text-overflow: ellipsis;width: 200px;}
#funnelProgressStep3 .show {display: block;}
/*Prospecting Funnel progress*/

.cont-info__tags { position: relative; padding: 18px 15px !important; padding-bottom: 0;}

.cont-info__tags-holder{display:none;}

.cont-info__tags-heading{margin-bottom: 10px;}
.cont-info__tags-heading .subListDropdownIcon{z-index:1;cursor:pointer;display: flex; background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.cont-info__tags-heading .subListDropdownIcon:hover {background: var(--accent2);}
.cont-info__tags-heading .subListDropdownIcon:hover svg path{fill: #FFFFFF;}
.cont-info__tags-heading .subListDropdownIcon.active svg{transform: rotate(180deg);}
.cont-info__tags-heading .subListDropdownIcon.active svg path{fill:var(--accent2);}
.cont-info__tags-heading .subListDropdownIcon.active .minus{display:block;}
.cont-info__tags-heading .subListDropdownIcon.active .add{display:none;}
.cont-info__tags-heading .subListDropdownIcon svg{display:inline-block;vertical-align:middle;width:16px;height:16px;}
.cont-info__tags-heading .subListDropdownIcon svg path{fill:var(--accent1);}
.cont-info__tags-heading .subListDropdownIcon .add{display:block;}
.cont-info__tags-heading .subListDropdownIcon .minus{display:none;}

.cont-info__tags h3 {margin-bottom:0;}
.cont-info__tags_holder { width: 100%;display:none;}
.cont-info__tags_holder ul { display: inline; line-height: 1; }
.cont-info__tags ul li { display: inline-block; vertical-align: top; padding: 0 28px 0 6px; margin: 0 7px 7px 0 !important; border-radius: 5px; position: relative; width: auto;overflow: hidden; white-space: nowrap; text-align: left; min-height: 20px;line-height: 20px;}
.cont-info__tags ul li span { overflow: hidden; width: 100%; display: block;}
.cont-info__tags ul li .close-btn { position: absolute; top: 53%; right: 7px; width: 12px; height: 12px; transform: translateY(-50%); }
.cont-info__tags ul li .close-btn::before, .cont-info__tags ul li .close-btn::after { content: ""; background-color: var(--accent2); height: 11px; margin: 0 auto; position: absolute; left: 5px; top: 0; width: 1px; }
.cont-info__tags ul li .close-btn::before { transform: rotate(45deg); }
.cont-info__tags ul li .close-btn::after { transform: rotate(-45deg); }
.cont-info__tags_holder .cont-info__tags_more, .cont-info__tags_holder .cont-info__tags_less { background: var(--accent2); color: #fff; padding: 6px; display: none; }
.cont-info__tags ul li.plus { width: 20px; height: 20px; padding: 0;}
.cont-info__tags ul li.plus a { display: block; display: flex; align-items: center; justify-content: center; color: var(--accent2);}

.cont-info__tags { padding: 18px 15px 11px !important; /*border-top: 1px solid #BDC2CC33;*/}
.cont-info__activity {/*border-top: 1px solid #BDC2CC33;*/padding: 18px 15px 0;}
.cont-info__activity h3 {margin-bottom: 10px;}
.cont-info__activity ul li span { color: rgba(21, 21, 22, 0.6);font-size:13px;}
.cont-info__activity ul li span:hover {text-decoration: underline;}
.cont-info__activity ul li .survey-icons {line-height: 100%;display: none;}
.cont-info__activity ul li.field-type-200 .survey-icons {display: block;}
.cont-info__activity ul li.field-type-200 span:hover {text-decoration: none;}
.cont-info__activity ul li.field-type-200 span small:hover {text-decoration: underline;}

#activityHistory {}
.cont-info__history { position: relative; bottom: 0; left: 0; box-sizing: border-box; width: 100%; padding: 0 !important; align-items: flex-end; margin-top: auto; display: none !important;}
.cont-info__right { background: #fff; box-sizing: border-box; width: calc(100% - 356px); position: relative; background: rgba(21, 21, 22, 0.025); display: flex; flex-direction: column;}
.cont-info__right .sec-history-con {height: calc(100% - 110px);overflow: auto;flex-grow: 1;display: flex; flex-direction: column;}
.cont-info__right .sec-history__comlist { box-sizing: border-box; font-size: var(--clamp-text-sm); padding-right: var(--clamp-20); width: 100%; flex: 1;padding-top: var(--clamp-14);}
.cont-info__right-heading-details { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 85px;position:relative;}
.cont-info__right-heading-title {padding: 0 var(--clamp-14);display: flex;gap: 5px;margin-bottom: 5px; align-self: flex-start;flex-shrink: 0;}
.cont-info__right-heading-title li { display: inline-block; vertical-align: top; position: relative; }
.cont-info__right-heading-title li a  {display: block;letter-spacing: -0.4px; padding: 0 8px; line-height: 100%; box-sizing: border-box; line-height: 38px;position:relative;z-index:1;}

.cont-info__right-heading-title li .historyFilter.sys-dropdown{max-height:max-content;}

.cont-info__right-heading-title li span { display: inline-block; vertical-align: middle; line-height: 100%; }
.cont-info__right-heading-title li.active span {color: var(--accent2);}
.cont-info__right-heading-title li.active small:after {color: var(--accent2);}
.cont-info__right-heading-title li small { position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%;z-index:-1; pointer-events: none;}
.cont-info__right-heading-title li small::after { content: "\f107"; font-family: 'FontAwesome'; font-size: 16px;color: #15151699}
.cont-info__right-heading-title li .sub-dropdown {width:100%;top:100%; right: auto; left: 0;padding:4px 0;}

.cont-info__right-heading-title li .sub-dropdown form .optHolder{display: block;padding: 5px 10px;border-radius: 5px;text-align: left;line-height:100%;}
.cont-info__right-heading-title li .sub-dropdown form .optHolder:hover label{text-decoration:underline;}
.cont-info__right-heading-title li .sub-dropdown form .optHolder input{margin:0;display:inline-block;vertical-align:middle;}
.cont-info__right-heading-title li .sub-dropdown form .optHolder label{font-size: 0.875rem;line-height: 100%; color: var(--sys-dark);letter-spacing: -0.4px;display:inline-block;vertical-align:middle;}

.cont-info__right-heading-title li .sys-dropdown ul li {margin-bottom:0!important;}
.cont-info__right-heading-title li .sys-dropdown ul li a {line-height: 100%; color: var(--sys-dark);}
.cont-info__right-heading-title li.active a, .cont-info__right-heading-title li a:hover { transition: none; color: var(--accent2); border-bottom: 3px solid var(--accent2); opacity: 1; }
.cont-info__right-heading-title li .sys-dropdown ul li a:hover {text-decoration: none; color: var(--accent2);}
.cont-info__right-heading-title li.active ul li a {border-bottom: none; border-radius: 0; }

.cont-info__right-heading-title li .sys-dropdown::-webkit-scrollbar {display:none;}

.cont-info__right.info-page .cont-info__right-heading {background: var(--sys-white);}

.cont-info__right-side { display: flex; width: auto; margin-top: 2px; padding-right: 13px;align-items: center;min-height: 40px; margin-bottom: auto; align-self: flex-start;}
.cont-info__right-side .close_btn {display: block;background: var(--accent2-5); border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;width: 16px; height: 16px;}
.cont-info__right-side .close_btn::before, .cont-info__right-side .close_btn::after {display: none;}
.cont-info__right-side .close_btn:hover {opacity: 0.5;}

.cont-info__bottom_holder  {display: block; width: 100%;}
.cont-info__bottom_holder .dial-btns li { margin: 0 !important; display: inline-block; position: relative; text-align: center;max-width: 127px;}
.cont-info__right-side.small-btns.cont-info__bottom { width: 100%; display: flex; /*border-top: 1px solid rgba(21, 21, 22, 0.05); border-bottom: 1px solid rgba(21, 21, 22, 0.05);*/ padding: 3.5px 14px 3.5px; margin: 0; position: relative; align-items: flex-start;gap: 8px;}
.cont-info__bottom_holder .show-more-btn__idle {color: var(--accent2);margin-top: 7px;width: 80px;flex-shrink: 0;}
.cont-info__bottom_holder .show-more-btn__idle:hover {text-decoration: underline;}
.cont-info__bottom_holder .show-more-btn__on-call {color: var(--accent2);margin-top: 3px;width: 80px;flex-shrink: 0;}
.cont-info__bottom_holder .show-more-btn__on-call:hover {text-decoration: underline;}

.cont-info__right-side.small-btns .btn-small { padding: 0 8px; min-width: unset; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 120px;width:83px;margin: 4px 0;border: 1px solid var(--accent2);background: #FFFFFF;}
.cont-info__right-side.small-btns .btn-small.btn-secondary:hover{background:var(--accent2);color: #fff;opacity:1;}
.cont-info__right-side.small-btns .btn-small.btn-secondary.unlock-btn {display: flex; justify-content: center; align-items: center; gap: 6px;}
.cont-info__right-side.small-btns .btn-small.btn-secondary.unlock-btn svg {vertical-align: middle}
.cont-info__right-side.small-btns .btn-small.btn-secondary.unlock-btn:hover svg{fill: #FFFFFF !important;}

.cont-info__right .tleft .sec-history__info.text::before,
.cont-info__right .tleft .sec-history__info.message::before{display: none;}
.cont-info__right .tright .sec-history__info.text::before,
.cont-info__right .tright .sec-history__info.message::before{display: none;}

.cont-info__right-img.left{float: left;width: calc(var(--clamp-text-4xl) - 2px);height:calc(var(--clamp-text-4xl) - 2px);margin-right: 6px;border-radius: 10px; overflow: hidden;margin-top: -5px;background-color:var(--accent2);position:relative;background-position: center center;background-size: var(--clamp-text-base);background-repeat: no-repeat;}
.cont-info__right-img.left img{display:none;}
.cont-info__right-img.left span{width: calc(var(--clamp-text-4xl) - 2px); height: calc(var(--clamp-text-4xl) - 2px); border-radius: 5px; background: var(--accent2-5); display: flex; align-items: center; justify-content: center; color: var(--accent2);}

.cont-info__right-img.left.Survey{background-image: url("../../images//drizzio/survey.png");background-size: var(--clamp-text-sm);}

.cont-info__right-img.left .survey-icon-con  {width: calc(var(--clamp-text-4xl) - 2px); height: calc(var(--clamp-text-4xl) - 2px); background: var(--accent2); border-radius: 10px; justify-content: center; align-items: center; display: none;margin-top: -5px;}
.tleft.Survey .cont-info__right-img.left span {display: none !important;}
.tleft.Survey .cont-info__right-img.left .survey-icon-con {display: flex !important;}

.cont-info__right-img.right{float: right;width: calc(var(--clamp-text-4xl) - 2px);height:calc(var(--clamp-text-4xl) - 2px);margin-left: 6px;border-radius: 10px; overflow: hidden;margin-top: -5px;background-color:var(--accent2);position:relative;background-position: center center;background-size: var(--clamp-text-base);background-repeat: no-repeat;}
.cont-info__right-img.right img{display:none;}

.cont-info__right-img.right.Called{background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38 38" style="enable-background:new 0 0 482.6 482.6;" xml:space="preserve" width="38" height="38" fill="%23fff" stroke="%23fff" stroke-width="1.5"><g><path d="M7.741 25.259c3.748 4.48 8.26 8.007 13.409 10.503 1.961 0.93 4.583 2.032 7.504 2.219a11.519 11.519 0 0 0 0.536 0.015c1.961 0 3.535 -0.679 4.821 -2.071a0.175 0.175 0 0 0 0.033 -0.039c0.456 -0.551 0.976 -1.046 1.52 -1.576 0.369 -0.356 0.746 -0.726 1.109 -1.102 1.677 -1.748 1.677 -3.967 -0.015 -5.662l-4.732 -4.732c-0.803 -0.835 -1.763 -1.277 -2.773 -1.277 -1.008 0 -1.976 0.441 -2.801 1.268l-2.817 2.817a16.038 16.038 0 0 0 -0.779 -0.411 9.685 9.685 0 0 1 -0.867 -0.471c-2.566 -1.629 -4.897 -3.757 -7.126 -6.49 -1.126 -1.425 -1.882 -2.622 -2.409 -3.843a47.372 47.372 0 0 0 2.104 -2.056c0.235 -0.243 0.48 -0.489 0.726 -0.733 0.85 -0.85 1.307 -1.836 1.307 -2.835s-0.449 -1.983 -1.307 -2.835l-2.351 -2.343a73.81 73.81 0 0 1 -0.803 -0.818 43.008 43.008 0 0 0 -1.6 -1.582C9.618 0.417 8.664 -0.001 7.656 -0.001c-1.002 0 -1.961 0.418 -2.801 1.221L1.909 4.165A6.056 6.056 0 0 0 0.104 8.038c-0.148 1.883 0.195 3.882 1.095 6.3 1.375 3.738 3.456 7.212 6.542 10.92zM2.028 8.204a4.167 4.167 0 0 1 1.253 -2.678L6.21 2.597c0.456 -0.441 0.962 -0.67 1.449 -0.67 0.48 0 0.969 0.228 1.418 0.685 0.527 0.489 1.022 1.002 1.559 1.544 0.267 0.277 0.544 0.551 0.818 0.835l2.345 2.345c0.489 0.489 0.74 0.984 0.74 1.471s-0.252 0.984 -0.74 1.471c-0.243 0.243 -0.489 0.495 -0.733 0.74 -0.733 0.74 -1.418 1.44 -2.173 2.11l-0.039 0.039c-0.653 0.653 -0.551 1.277 -0.394 1.748l0.024 0.062c0.607 1.458 1.449 2.843 2.763 4.498 2.361 2.912 4.85 5.173 7.592 6.912 0.338 0.221 0.702 0.394 1.04 0.566 0.316 0.157 0.607 0.308 0.867 0.471l0.088 0.049c0.261 0.134 0.512 0.195 0.764 0.195 0.631 0 1.04 -0.403 1.173 -0.536l2.945 -2.945c0.456 -0.456 0.954 -0.702 1.44 -0.702 0.6 0 1.087 0.369 1.392 0.702l4.749 4.739c0.945 0.945 0.936 1.969 -0.024 2.969a25.789 25.789 0 0 1 -1.046 1.046c-0.551 0.536 -1.126 1.087 -1.646 1.709 -0.907 0.976 -1.983 1.432 -3.377 1.432 -0.134 0 -0.277 -0.007 -0.411 -0.015 -2.583 -0.166 -4.983 -1.173 -6.788 -2.032a38.28 38.28 0 0 1 -12.763 -9.999c-2.938 -3.535 -4.914 -6.826 -6.22 -10.355 -0.812 -2.166 -1.117 -3.907 -0.993 -5.487z"/></g></svg>');}

.cont-info__right-img.right.Call.Outcome{background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38 38" style="enable-background:new 0 0 476.9 476.9;" xml:space="preserve" width="38" height="38" fill="%23fff" stroke="%23fff" stroke-width="1.5"><g><g><path d="M14.432 12.39c0.239 -0.239 0.478 -0.486 0.725 -0.733 0.853 -0.853 1.307 -1.841 1.307 -2.845s-0.454 -1.984 -1.307 -2.845l-2.343 -2.343c-0.271 -0.271 -0.534 -0.542 -0.797 -0.813 -0.526 -0.534 -1.06 -1.084 -1.594 -1.586 -0.805 -0.805 -1.761 -1.227 -2.765 -1.227s-1.968 0.422 -2.805 1.227l-2.956 2.948c-1.068 1.068 -1.673 2.375 -1.809 3.88 -0.151 1.88 0.191 3.888 1.092 6.303 1.378 3.737 3.458 7.203 6.542 10.916 3.745 4.478 8.255 8.008 13.402 10.494 1.96 0.932 4.582 2.024 7.498 2.215 0.183 0.008 0.359 0.016 0.534 0.016 1.96 0 3.538 -0.677 4.821 -2.072 0.008 -0.008 0.024 -0.024 0.032 -0.04 0.454 -0.55 0.972 -1.044 1.514 -1.57 0.367 -0.359 0.749 -0.725 1.108 -1.108 1.681 -1.753 1.681 -3.976 -0.016 -5.673l-4.725 -4.725c-0.805 -0.837 -1.769 -1.283 -2.781 -1.283s-1.976 0.438 -2.805 1.267l-2.805 2.821c-0.255 -0.151 -0.518 -0.279 -0.773 -0.406 -0.311 -0.159 -0.606 -0.303 -0.869 -0.47 -2.566 -1.625 -4.892 -3.753 -7.116 -6.486 -1.124 -1.418 -1.873 -2.614 -2.398 -3.833 0.733 -0.661 1.426 -1.363 2.088 -2.032zm-3.562 0.733 -0.04 0.04c-0.653 0.653 -0.558 1.283 -0.398 1.761 0.008 0.024 0.016 0.04 0.024 0.064 0.606 1.458 1.45 2.837 2.757 4.494 2.367 2.908 4.845 5.171 7.586 6.908 0.343 0.215 0.701 0.398 1.044 0.566 0.311 0.159 0.606 0.303 0.869 0.47 0.032 0.016 0.056 0.032 0.088 0.048 0.263 0.135 0.51 0.199 0.765 0.199 0.637 0 1.044 -0.406 1.179 -0.542l2.94 -2.94c0.454 -0.454 0.948 -0.693 1.426 -0.693 0.598 0 1.076 0.367 1.386 0.693l4.741 4.741c0.94 0.94 0.932 1.952 -0.024 2.948 -0.335 0.351 -0.677 0.685 -1.052 1.044 -0.55 0.534 -1.124 1.084 -1.641 1.705 -0.9 0.972 -1.976 1.426 -3.371 1.426 -0.135 0 -0.279 -0.008 -0.414 -0.016 -2.582 -0.167 -4.98 -1.171 -6.773 -2.032 -4.892 -2.367 -9.179 -5.729 -12.749 -9.984 -2.932 -3.53 -4.908 -6.821 -6.207 -10.343 -0.797 -2.143 -1.108 -3.88 -0.98 -5.458 0.088 -1.044 0.494 -1.92 1.243 -2.661l2.924 -2.924c0.454 -0.438 0.956 -0.669 1.442 -0.669 0.478 0 0.956 0.223 1.41 0.677 0.526 0.494 1.028 1.004 1.554 1.546 0.271 0.271 0.542 0.55 0.813 0.829l2.343 2.343c0.486 0.486 0.733 0.98 0.733 1.458s-0.247 0.972 -0.733 1.458c-0.247 0.247 -0.486 0.494 -0.733 0.741 -0.709 0.733 -1.394 1.434 -2.151 2.104z"/><path d="M21.754 16.239c0.191 0.191 0.438 0.287 0.693 0.287s0.502 -0.096 0.693 -0.287l12.845 -12.853v7.602c0 0.542 0.438 0.98 0.98 0.98s0.98 -0.438 0.98 -0.98v-9.96c0 -0.542 -0.438 -0.98 -0.98 -0.98h-9.96c-0.542 0 -0.98 0.438 -0.98 0.98s0.438 0.98 0.98 0.98h7.602l-12.853 12.853c-0.382 0.382 -0.382 1.004 0 1.378z"/></g></g></svg>');}

.cont-info__right-img.right.Text{background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwcHgiIGhlaWdodD0iNTAwcHgiIHZpZXdCb3g9IjAgMCAxNy41IDE3LjUiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUgMS4yNUExLjg2OCAxLjg2OCAwIDAgMCAwLjYzMiAzLjE0NXY4LjgyOWMwIDEuMDM5IDAuODQyIDEuODk1IDEuODgyIDEuODk1aDguNTI2bDIuNzUgMi4yMjRjMC40ODcgMC4zOTUgMS4yMjQgMC4wMzkgMS4yMjQgLTAuNTkydi0xLjYzMmExLjg4MiAxLjg4MiAwIDAgMCAxLjg4MSAtMS44OTVWMy4xNDVBMS45MDggMS45MDggMCAwIDAgMTUgMS4yNUgyLjVabS0wLjYxOCAxLjg5NWMwIC0wLjM0MiAwLjI3NiAtMC42MzIgMC42MzIgLTAuNjMyaDEyLjVjMC4zNDIgMCAwLjYzMiAwLjI3NiAwLjYzMiAwLjYzMnY4LjgyOWEwLjYzMiAwLjYzMiAwIDAgMSAtMC42MzIgMC42MzJoLTAuODY4YTAuMzY4IDAuMzY4IDAgMCAwIC0wLjM2OCAwLjM4MnYxLjE5N2EwLjEzMiAwLjEzMiAwIDAgMSAtMC4xOTcgMC4wOTJsLTEuOTc2IC0xLjU5M2EwLjM2OCAwLjM2OCAwIDAgMCAtMC4yMzcgLTAuMDc5SDIuNWEwLjYzMiAwLjYzMiAwIDAgMSAtMC42MzIgLTAuNjMxVjMuMTQ1WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);background-size: var(--clamp-text-base);}

.cont-info__right-img.right.Email{background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2238px%22%20height%3D%2238px%22%20stroke%3D%22%23fff%22%20stroke-width%3D%220.04%22%20viewBox%3D%220%200%201.14%201.14%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.785%200.57%200.291%20-0.253v0.507zm-0.38%200.038%200.102%200.089A0.089%200.089%200%200%200%200.57%200.722a0.089%200.089%200%200%200%200.063%20-0.025l0.102%20-0.089%200.317%200.266H0.089zM0.089%200.253h0.963L0.583%200.646a0.025%200.025%200%200%201%20-0.013%200%200.025%200.025%200%200%201%20-0.013%200zM0.063%200.317l0.291%200.253%20-0.291%200.253zm1.026%20-0.114a0.089%200.089%200%200%200%20-0.038%20-0.013H0.089a0.089%200.089%200%200%200%20-0.038%200.013%200.089%200.089%200%200%200%20-0.051%200.076v0.583a0.089%200.089%200%200%200%200.089%200.089h0.963A0.089%200.089%200%200%200%201.14%200.861V0.279a0.089%200.089%200%200%200%20-0.051%20-0.076z%22%2F%3E%3C%2Fsvg%3E);background-size: var(--clamp-text-base);background-position: center top 7px;}

.cont-info__right-img.right.Action{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjQiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIgdmlld0JveD0iMCAwIDE1IDE1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDAsMCkiPjx0aXRsZT48L3RpdGxlPjxnIGlkPSJtZWdhcGhvbmUiPjxwYXRoIGQ9Ik05LjY4OCAyLjVhMC4zMTMgMC4zMTMgMCAwIDAgMC4zMTMgLTAuMzEzdi0wLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAtMC42MjUgMHYwLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAwLjMxMyAwLjMxM1oiPjwvcGF0aD48cGF0aCBkPSJNMTIuODEzIDUuNjI1aDAuNjI1YTAuMzEzIDAuMzEzIDAgMCAwIDAgLTAuNjI1aC0wLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAwIDAuNjI1WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMS41NjMgMy43NWEwLjI5NCAwLjI5NCAwIDAgMCAwLjIxOSAtMC4wOTRsMC42MjUgLTAuNjI1YTAuMzA2IDAuMzA2IDAgMSAwIC0wLjQzOCAtMC40MzhsLTAuNjI1IDAuNjI1YTAuMyAwLjMgMCAwIDAgMCAwLjQzOCAwLjI5NCAwLjI5NCAwIDAgMCAwLjIxOSAwLjA5NFoiPjwvcGF0aD48cGF0aCBkPSJNMTAuNTg4IDQuNDEyYTE0LjYyNSAxNC42MjUgMCAwIDAgLTMuNDEzIC0yLjYyNWMtMS4xODEgLTAuNjI1IC0yLjA1IC0wLjcwNiAtMi41IC0wLjI0NGExLjA4NyAxLjA4NyAwIDAgMCAtMC4zIDAuODAxdjQuMDY5QTEuNTk0IDEuNTk0IDAgMCAxIDMuOTE5IDcuNUwxLjk5NCA5LjQ0NGEyLjUgMi41IDAgMCAwIDAgMy41NjMgMi41IDIuNSAwIDAgMCAzLjU2MyAwbDAuMDY5IC0wLjA2MyAwLjMzMSAwLjMyNWExLjYwNiAxLjYwNiAwIDAgMCAxLjE1NiAwLjQ4MSAxLjY0NCAxLjY0NCAwIDAgMCAxLjYzNyAtMS42MzggMS42MDYgMS42MDYgMCAwIDAgLTAuNDgxIC0xLjE1NmwtMC4yMjUgLTAuMjMxYTEuNjEzIDEuNjEzIDAgMCAxIDAuNTQ0IC0wLjFoNC4yMjVhMC4zMzggMC4zMzggMCAwIDAgMC4xMzEgLTAuMDMxIDAuOTE5IDAuOTE5IDAgMCAwIDAuNTEyIC0wLjI2M2MwLjQ2MyAtMC40NTYgMC4zNzUgLTEuMzI1IC0wLjI0NCAtMi41YTE0LjYyNSAxNC42MjUgMCAwIDAgLTIuNjI1IC0zLjQxOVpNNS4xMDYgMS45ODFhMC41MzEgMC41MzEgMCAwIDEgMC4zNjMgLTAuMTA2IDMuMzY5IDMuMzY5IDAgMCAxIDEuNDA2IDAuNDYzIDE0LjQ0NCAxNC40NDQgMCAwIDEgMy4yNjIgMi41IDE0LjQ0NCAxNC40NDQgMCAwIDEgMi41IDMuMjYyYzAuNTM3IDEuMDMxIDAuNTI1IDEuNjA2IDAuMzU2IDEuNzgxYTAuNDg4IDAuNDg4IDAgMCAxIC0wLjM2MiAwLjEwNiA1LjA2OSA1LjA2OSAwIDAgMSAtMi4zNDQgLTEuMDE5IDE1LjY4OCAxNS42ODggMCAwIDEgLTAuNyAtMC41MTkgMi4yNDQgMi4yNDQgMCAwIDAgMC4xIC0wLjYyNSAyLjUgMi41IDAgMCAwIC0zLjE4MSAtMi40MjVjLTAuMTY5IC0wLjIyNSAtMC4zNDQgLTAuNDU2IC0wLjUxMiAtMC43QTUuMDY5IDUuMDY5IDAgMCAxIDUgMi4zNDRhMC40ODggMC40ODggMCAwIDEgMC4xMDYgLTAuMzYyWm0zLjk2MiA2LjAzN2MtMC4zNzUgLTAuMzEzIC0wLjczNyAtMC42MjUgLTEuMDk0IC0wLjk5NHMtMC42ODEgLTAuNzE5IC0wLjk5NCAtMS4wOTRhMS44NzUgMS44NzUgMCAwIDEgMi4xMDYgMS44NzVjMCAwLjA4MSAtMC4wMTMgMC4xNDQgLTAuMDE5IDAuMjEzWm0tNi42MzcgNC41NTFhMS44NzUgMS44NzUgMCAwIDEgMCAtMi42ODhsMC4xMDYgLTAuMTA2YTMuMTI1IDMuMTI1IDAgMCAwIDIuNjg4IDIuNjg4bC0wLjEwNiAwLjEwNmExLjk0NCAxLjk0NCAwIDAgMSAtMi42ODggMFptNS40IC0xLjE3NWExLjAzMSAxLjAzMSAwIDAgMSAwLjI5NCAwLjcxOSAxLjAyNSAxLjAyNSAwIDAgMSAtMC4yOTQgMC43MTkgMS4wNTYgMS4wNTYgMCAwIDEgLTEuNDM4IDBsLTAuMzI0IC0wLjMzMkw3LjUgMTEuMDgxWk04LjU4OCAxMGEyLjE1IDIuMTUgMCAwIDAgLTEuNTQ0IDAuNjI1bC0xLjIyNSAxLjI1aC0wLjE5NGEyLjUgMi41IDAgMCAxIC0yLjUgLTIuNSAxLjg3NSAxLjg3NSAwIDAgMSAwIC0wLjE5NGwxLjI1IC0xLjI1QTIuMTc1IDIuMTc1IDAgMCAwIDUgNi4zODdWNC4yMTljMC4xNjMgMC4yOTQgMC4zMzggMC41NzUgMC41MDYgMC44MTkgMC4yNDQgMC4zNjIgMC40OTQgMC42OTQgMC43NSAxLjAwNmExOC4xMjUgMTguMTI1IDAgMCAwIDEuMjgxIDEuNDE5YzAuNDU2IDAuNDU2IDAuOTMxIDAuODg3IDEuNDEyIDEuMjgxIDAuMzE5IDAuMjU2IDAuNjI1IDAuNSAxLjAxMyAwLjc1IDAuMjQ0IDAuMTY5IDAuNTI1IDAuMzQ0IDAuODE5IDAuNTA2WiI+PC9wYXRoPjwvZz48L3N2Zz4=);background-size: var(--clamp-text-base);background-position: center top 7px;}

.cont-info__right-img.right.Contact.Updated{background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%22500px%22%20height%3D%22500px%22%20viewBox%3D%22-0.938%200%2011.875%2011.875%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22cf-icon-svg%22%3E%3Cpath%20d%3D%22M3.661%202.426v2.088a0.644%200.644%200%200%201%20-1.286%200v-0.606a3.376%203.376%200%200%200%20-0.645%201.419%200.644%200.644%200%201%201%20-1.262%20-0.247A4.664%204.664%200%200%201%201.397%203.069h-0.468a0.644%200.644%200%201%201%200%20-1.286h2.087a0.644%200.644%200%200%201%200.644%200.644zm-2.031%205.773a0.643%200.643%200%200%201%20-0.849%20-0.327%204.686%204.686%200%200%201%20-0.231%20-0.647%200.644%200.644%200%201%201%201.239%20-0.344%203.421%203.421%200%200%200%200.168%200.469%200.643%200.643%200%200%201%20-0.328%200.849zm1.816%201.524a0.643%200.643%200%200%201%20-0.887%200.201%204.701%204.701%200%200%201%20-0.553%20-0.408%200.644%200.644%200%200%201%200.838%20-0.977%203.397%203.397%200%200%200%200.402%200.296%200.644%200.644%200%200%201%200.201%200.887zm2.3%200.274a0.644%200.644%200%200%201%20-0.634%200.653h-0.066a4.68%204.68%200%200%201%20-0.507%20-0.027%200.644%200.644%200%200%201%200.14%20-1.279%203.381%203.381%200%200%200%200.415%200.019h0.009a0.644%200.644%200%200%201%200.644%200.634zm0.021%20-8.029a0.644%200.644%200%200%201%20-0.643%200.631h-0.021a0.644%200.644%200%200%201%200.011%20-1.288h0.011l0.012%200.001a0.644%200.644%200%200%201%200.631%200.656zm2.022%207.031a0.643%200.643%200%200%201%20-0.188%200.891%204.673%204.673%200%200%201%20-0.498%200.283%200.644%200.644%200%201%201%20-0.566%20-1.156%203.424%203.424%200%200%200%200.361%20-0.205%200.644%200.644%200%200%201%200.89%200.188zM6.547%202.19a0.643%200.643%200%200%201%200.881%20-0.224l0.011%200.007a0.644%200.644%200%201%201%20-0.663%201.103l-0.006%20-0.004a0.643%200.643%200%200%201%20-0.224%20-0.881zm2.662%205.903a4.688%204.688%200%200%201%20-0.197%200.35%200.644%200.644%200%201%201%20-1.093%20-0.679%203.131%203.131%200%200%200%200.143%20-0.253%200.644%200.644%200%201%201%201.147%200.581zm-1.224%20-3.782a0.644%200.644%200%200%201%201.119%20-0.635l0.005%200.008a0.644%200.644%200%201%201%20-1.119%200.636zm1.727%201.554a5.829%205.829%200%200%201%200%200.229%200.644%200.644%200%200%201%20-0.643%200.628h-0.016A0.644%200.644%200%200%201%208.426%206.063a2.891%202.891%200%200%200%200%20-0.166%200.644%200.644%200%200%201%200.627%20-0.659h0.016a0.644%200.644%200%200%201%200.643%200.627z%22%2F%3E%3C%2Fsvg%3E);background-size:var(--clamp-text-base);}

.cont-info__right-img.right.Move{background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%22-0.024%20-0.048%201.14%201.14%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%22%20class%3D%22jam%20jam-move%22%3E%3Cpath%20d%3D%22m0.893%200.473%20-0.053%20-0.053a0.048%200.048%200%201%201%200.067%20-0.067l0.134%200.134a0.048%200.048%200%200%201%200%200.067l-0.134%200.134a0.048%200.048%200%200%201%20-0.067%20-0.067l0.053%20-0.053h-0.308v0.308l0.053%20-0.053a0.048%200.048%200%200%201%200.067%200.067l-0.134%200.134a0.048%200.048%200%200%201%20-0.067%200l-0.134%20-0.134a0.048%200.048%200%200%201%200.067%20-0.067l0.053%200.053v-0.308H0.182l0.053%200.053a0.048%200.048%200%200%201%20-0.067%200.067L0.034%200.554a0.048%200.048%200%200%201%200%20-0.067l0.134%20-0.134A0.048%200.048%200%200%201%200.235%200.42l-0.053%200.053h0.308V0.165l-0.053%200.053a0.048%200.048%200%200%201%20-0.067%20-0.067L0.504%200.017a0.048%200.048%200%200%201%200.067%200l0.134%200.134a0.048%200.048%200%201%201%20-0.067%200.067l-0.053%20-0.053v0.308h0.308z%22%2F%3E%3C%2Fsvg%3E);background-size: var(--clamp-text-base);}

.cont-info__right-img.right.Activity{background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20width%3D%22500px%22%20height%3D%22500px%22%20viewBox%3D%220%200%20160%20160%22%20id%3D%22Flat%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M132.378%2070a52.317%2052.317%200%200%200%20-51.979%20-52.499l-0.4%20-0.001a52.438%2052.438%200%200%200%20-52.372%2052.5c0%2020.903%20-4.24%2032.585%20-7.797%2038.704a12.558%2012.558%200%200%200%20-0.031%2012.541A12.35%2012.35%200%200%200%2030.615%20127.5H52.619a27.495%2027.495%200%200%200%2054.763%200h22.004a12.349%2012.349%200%200%200%2010.814%20-6.255%2012.556%2012.556%200%200%200%20-0.029%20-12.539c-3.555%20-6.119%20-7.793%20-17.802%20-7.793%20-38.706ZM80%20137.5a12.521%2012.521%200%200%201%20-12.248%20-10h24.496A12.521%2012.521%200%200%201%2080%20137.5Zm-45.229%20-25c6.433%20-13.468%207.856%20-30.279%207.856%20-42.5a37.438%2037.438%200%200%201%2037.374%20-37.5l0.286%200.001A37.316%2037.316%200%200%201%20117.378%2070c0%2012.221%201.421%2029.031%207.851%2042.5ZM146.147%2045.836a7.494%207.494%200%200%201%20-10.042%20-3.414%2062.699%2062.699%200%200%200%20-22.797%20-25.319%207.5%207.5%200%201%201%208.006%20-12.685%2077.688%2077.688%200%200%201%2028.247%2031.375%207.5%207.5%200%200%201%20-3.414%2010.043ZM17.162%2046.61a7.504%207.504%200%200%201%20-6.723%20-10.816%2077.688%2077.688%200%200%201%2028.247%20-31.375%207.5%207.5%200%201%201%208.006%2012.684%2062.699%2062.699%200%200%200%20-22.797%2025.319%207.5%207.5%200%200%201%20-6.733%204.188Z%22%2F%3E%3C%2Fsvg%3E);background-size: var(--clamp-text-base);;}

.cont-info__right-img.right.Note{background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22500px%22%20height%3D%22500px%22%20viewBox%3D%220%200%209.375%209.375%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.563%209.063H6.25a0.313%200.313%200%200%200%200.534%200.221l-0.221%20-0.221Zm0%20-2.5V6.25a0.313%200.313%200%200%200%20-0.313%200.313h0.313Zm2.5%200%200.221%200.221a0.313%200.313%200%200%200%20-0.221%20-0.534v0.313ZM0.938%200.625h7.5V0h-7.5v0.625ZM0.625%208.438v-7.5H0v7.5h0.625ZM8.75%200.938v5.366h0.625V0.938H8.75ZM6.304%208.75H0.938v0.625h5.366V8.75Zm2.355%20-2.225L6.525%208.659l0.442%200.442%202.134%20-2.134%20-0.442%20-0.442Zm-2.355%202.85a0.938%200.938%200%200%200%200.663%20-0.275l-0.442%20-0.441a0.313%200.313%200%200%201%20-0.221%200.091v0.625ZM8.75%206.304a0.313%200.313%200%200%201%20-0.091%200.221l0.442%200.442a0.938%200.938%200%200%200%200.274%20-0.663H8.75ZM0%208.438a0.938%200.938%200%200%200%200.938%200.937V8.75a0.313%200.313%200%200%201%20-0.313%20-0.313H0ZM8.438%200.625a0.313%200.313%200%200%201%200.313%200.313h0.625A0.938%200.938%200%200%200%208.438%200v0.625ZM0.938%200A0.938%200.938%200%200%200%200%200.938h0.625A0.313%200.313%200%200%201%200.938%200.625V0Zm5.937%209.063v-2.5H6.25v2.5h0.625Zm-0.313%20-2.188h2.5V6.25h-2.5v0.625Zm2.279%20-0.534%20-2.5%202.5%200.443%200.443%202.5%20-2.5%20-0.443%20-0.443ZM1.875%202.5H7.5v-0.625H1.875V2.5Z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.2%22%2F%3E%3C%2Fsvg%3E);}

.cont-info__right-img.right.Billing { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512' version='1.1'%3E%3Cpath d='' stroke='none' fill='%23151516' fill-rule='evenodd'%3E%3C/path%3E%3Cpath d='M247.907 2.328C245.015 3.855 242.469 6.319 240.5 9.495L237.5 14.336 237.174 34.906C236.946 49.239 236.491 55.703 235.674 56.223C235.028 56.633 232.835 56.976 230.801 56.985C224.998 57.009 206.802 60.797 196.819 64.059C152.196 78.641 123.061 109.985 116.472 150.5C114.626 161.85 114.622 170.912 116.457 183.087C123.185 227.721 155.728 254.534 226.25 273.548L237 276.446 237 340.811L237 405.176 232.75 404.499C207.606 400.496 180.417 388.825 159.357 372.995C147.67 364.211 143.108 362.051 136.188 362.022C121.72 361.962 109.74 374.554 109.571 390C109.471 399.169 112.482 404.809 121.5 412.342C151.973 437.797 189.877 453.277 229.696 456.529L237.891 457.199 238.196 478.509L238.5 499.82 241.595 503.66C243.297 505.772 246.447 508.505 248.595 509.734C255.886 513.904 268.034 512.034 273.702 505.868C278.404 500.754 279 497.396 279 476.032L279 456 282.25 455.994C284.038 455.991 290 455.313 295.5 454.488C358.192 445.086 396.172 408.438 402.021 351.705C403.965 332.852 400.961 312.015 394.093 296.708C383.47 273.031 361.569 253.913 329.838 240.619C319.62 236.338 297.831 228.93 285.25 225.46L279 223.736 279 167.257L279 110.777 282.75 111.436C290.271 112.757 304.366 117.172 313.138 120.953C321.173 124.418 328.332 128.478 345.888 139.528C352.323 143.578 358.145 144.645 364.932 143.016C375.443 140.495 383.502 132.413 386.035 121.853C388.573 111.274 385.161 102.753 375.193 94.778C350.472 75 316.068 60.84 286.7 58.357L279.166 57.721 278.833 36.029L278.5 14.337 275.5 9.496C271.558 3.136 265.78 0 258 0C253.977 0 251.026 0.681 247.907 2.328M226.075 110.087C207.944 113.645 190.947 124.149 182.939 136.746C175.271 148.808 173.676 167.687 179.346 179.275C185.092 191.018 199.835 200.731 224.453 208.99C231.027 211.195 236.765 213 237.203 213C237.641 213 238 189.6 238 161L238 109 234.25 109.11C232.188 109.17 228.509 109.61 226.075 110.087M279 347.572L279 405.95 282.25 405.39C291.997 403.712 302.273 400.555 309.717 396.952C324.743 389.679 336.845 375.856 340.579 361.7C349.536 327.746 331.819 305.04 285.532 291.154L279 289.194 279 347.572' stroke='none' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); background-size: var(--clamp-text-base); }

.cont-info__right-img.right.SendGrid {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22244.383%2057.971%20112.03%20111.967%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Crect%20x%3D%22282.382%22%20y%3D%2295.908%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-0%22/%3E%3Crect%20x%3D%22244.383%22%20y%3D%2295.908%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-1%22/%3E%3Crect%20x%3D%22244.383%22%20y%3D%22133.946%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-2%22/%3E%3Crect%20x%3D%22282.382%22%20y%3D%22133.946%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-3%22/%3E%3Crect%20x%3D%22282.382%22%20y%3D%2257.971%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-4%22/%3E%3Crect%20x%3D%22320.421%22%20y%3D%2295.908%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-5%22/%3E%3Crect%20x%3D%22320.421%22%20y%3D%2257.971%22%20width%3D%2235.992%22%20height%3D%2235.992%22%20style%3D%22stroke%3A%20transparent%3B%20fill%3A%20white%3B%22%20id%3D%22object-6%22/%3E%3C/svg%3E"); background-size: var(--clamp-text-xs);}

.cont-info__right-img.left.SMS, .cont-info__right-img.right.Twilio.Call { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xml:space%3D%22preserve%22%20fill%3D%22%23ffffff%22%20width%3D%2220px%22%20height%3D%2220px%22%20version%3D%221.1%22%20style%3D%22shape-rendering%3AgeometricPrecision%3B%20text-rendering%3AgeometricPrecision%3B%20image-rendering%3AoptimizeQuality%3B%20fill-rule%3Aevenodd%3B%20clip-rule%3Aevenodd%22%20viewBox%3D%220%200%2018.25%2018.25%22%3E%3Cpath%20class%3D%22fil0%22%20d%3D%22M0%208.55l0%201.23c0.12%2C0.32%200.19%2C1.31%200.33%2C1.8%200.32%2C1.08%201.05%2C2.64%201.85%2C3.48%200.12%2C0.13%200.14%2C0.12%200.24%2C0.26%200.1%2C0.11%200.14%2C0.16%200.24%2C0.26l1.16%200.98c2.43%2C1.69%203.83%2C1.39%204.65%2C1.69l1.23%200c0.25%2C-0.07%200.68%2C-0.09%200.97%2C-0.13%201.78%2C-0.29%203.43%2C-1.14%204.71%2C-2.39l1.25%20-1.43c1.71%2C-2.59%201.43%2C-4.3%201.62%2C-4.87l0%20-0.77%20-0.07%20-0.53c-0.02%2C-0.16%20-0.05%2C-0.34%20-0.07%2C-0.49%20-0.06%2C-0.3%20-0.11%2C-0.59%20-0.19%2C-0.87%20-0.44%2C-1.54%20-1.25%2C-2.98%20-2.34%2C-4.1%20-0.61%2C-0.61%20-1.75%2C-1.38%20-2.54%2C-1.77%20-1.76%2C-0.85%20-3.18%2C-0.79%20-3.45%2C-0.9l-0.77%200c-0.22%2C0.07%20-0.72%2C0.07%20-1%2C0.12%20-1.59%2C0.23%20-3.34%2C0.95%20-4.52%2C2.01l-0.56%200.51c-0.73%2C0.71%20-1.41%2C1.57%20-1.84%2C2.52%20-0.95%2C2.17%20-0.68%2C2.63%20-0.9%2C3.39zm2.4%200.52c0%2C0.95%200.22%2C2.1%200.62%2C2.87%200.09%2C0.17%200.18%2C0.38%200.27%2C0.54l0.69%200.97c0.15%2C0.16%200.25%2C0.3%200.41%2C0.46%200.66%2C0.66%201.18%2C0.94%201.99%2C1.36%200.72%2C0.37%201.89%2C0.58%202.8%2C0.58%201.53%2C0%202.61%2C-0.49%203.78%2C-1.21%200.2%2C-0.12%200.29%2C-0.23%200.46%2C-0.36l0.84%20-0.83c0.45%2C-0.61%200.57%2C-0.68%200.96%2C-1.53%202.01%2C-4.43%20-1.17%2C-9.5%20-6.15%2C-9.5%20-1.36%2C0%20-2.73%2C0.46%20-3.78%2C1.2l-0.9%200.77c-1.24%2C1.22%20-1.99%2C2.87%20-1.99%2C4.68z%22/%3E%3Cpath%20class%3D%22fil0%22%20d%3D%22M11.06%205c-2.52%2C0.48%20-1.78%2C4.14%200.66%2C3.73%200.92%2C-0.16%201.75%2C-1.07%201.53%2C-2.21%20-0.09%2C-0.44%20-0.28%2C-0.76%20-0.58%2C-1.05%20-0.36%2C-0.35%20-1.03%2C-0.58%20-1.61%2C-0.47z%22/%3E%3Cpath%20class%3D%22fil0%22%20d%3D%22M10.96%209.57c-2.43%2C0.57%20-1.61%2C4.24%200.87%2C3.67%200.89%2C-0.2%201.64%2C-1.13%201.41%2C-2.24%20-0.19%2C-0.92%20-1.16%2C-1.7%20-2.28%2C-1.43z%22/%3E%3Cpath%20class%3D%22fil0%22%20d%3D%22M6.52%205.01c-1.1%2C0.2%20-1.74%2C1.22%20-1.53%2C2.22%20c0.18%2C0.9%201.07%2C1.73%202.21%2C1.49%202.42%2C-0.48%201.78%2C-4.14%20-0.68%2C-3.71z%22/%3E%3Cpath%20class%3D%22fil0%22%20d%3D%22M6.42%209.57c-1.33%2C0.32%20-1.92%2C1.79%20-1.12%2C2.92%20c0.45%2C0.64%201.18%2C0.94%202.01%2C0.75%201.08%2C-0.25%201.95%2C-1.59%201.08%2C-2.92%20-0.39%2C-0.61%20-1.16%2C-0.94%20-1.97%2C-0.75z%22/%3E%3C/svg%3E"); background-size: var(--clamp-text-base);}

.cont-info__right.info-page .cont-info__scroll { padding: 0 0 14px; min-height: unset; height: auto; overflow-y: hidden; flex-grow: 1; max-height: unset; display: flex; flex-direction: column;}
.cont-info__right .tright .sec-history__info { padding-left: 0; padding-right: 20px; position: relative;line-height: 100%;}
.cont-info__right .sec-history__block.wide { position: relative; top: 0; right: 0; width: 100%; z-index: 1; }
.cont-info__right .sec-history__comlist li {position: relative;}
.cont-info__right .sec-history__comlist li.tright { text-align: right; padding-left: calc(var(--clamp-20) * 4); }
.cont-info__right .sec-history__comlist li.tleft { text-align: left; padding-right: 80px; padding-left: 14px;}
.cont-info__right .sec-history__info span { color: #a0a0a2; font-size: calc(var(--clamp-text-xs) - 2px);line-height: var(--clamp-text-xs); letter-spacing: -0.03em;}
.cont-info__right .sec-history__info:before {background-repeat: no-repeat; background-position: center top; background-size: contain; width: 13px; height: 13px; position: absolute; top: 50%;transform: translateY(-50%); left: 0; }
.cont-info__right .sec-history__info.text::before, .cont-info__right .sec-history__info.message::before { content: ""; display: block; background-color: var(--accent2); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM5.76282 17H20V5H4V18.3851L5.76282 17ZM11 10H13V12H11V10ZM7 10H9V12H7V10ZM15 10H17V12H15V10Z'%3E%3C/path%3E%3C/svg%3E");; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM5.76282 17H20V5H4V18.3851L5.76282 17ZM11 10H13V12H11V10ZM7 10H9V12H7V10ZM15 10H17V12H15V10Z'%3E%3C/path%3E%3C/svg%3E");; -webkit-mask-size: contain; mask-size: contain; }
.cont-info__right .tright .sec-history__info::before { left: auto; right: 0; }
.cont-info__right .sec-history__comlist li.tright .cont-info__right .sec-history__txt span  {background: var(--accent3); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px 0px 12px 12px; display: inline-block; max-width: 590px; padding: var(--clamp-10) var(--clamp-12); position: relative; text-align: left; overflow-wrap: break-word; }
.cont-info__right .sec-history__info .sec-history__description { color: var(--accent2); font-weight: 500; }
.cont-info__right .sec-history__info .sec-history__resendBtnHolder{}
.cont-info__right .sec-history__info .sec-history__resendBtn { color: #fff; font-weight: 500;background:var(--accent1);border-radius:20px;text-align:center;padding:3px 7px;cursor:pointer;}
.cont-info__right .sec-history__comlist li:not(:last-child) { padding-bottom: 18px; }
.cont-info__right .sec-history__comlist li:not(:last-child):before{content: ""; width: 1px; height: 100%; background: #e7e7e7; position: absolute; top: 0; right: 15px;}
.cont-info__right .sec-history__con { background-color: var(--accent3); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px 0px 12px 12px; display: inline-block; position: relative; text-align: left; overflow-wrap: break-word; margin-top: var(--clamp-10);color: var(--sys-dark); margin-left: auto;max-width: 550px;}

.cont-info__right .sec-history__info.scheduled-message-text {padding-left: 20px;display: flex; justify-content: space-between; align-items: center; gap: 16px;margin: 12px 0;}
.cont-info__right .sec-history__info.scheduled-message-text span {flex-shrink: 0;}
.cont-info__right .sec-history__info.scheduled-message-text .message-line {display: block; height: 1px; background: rgba(21, 21, 22, 0.10); flex: 1;}
.cont-info__right .sec-history__comlist.sec__scheduled-message .sec-history__info {text-align: center;}

.cont-info__right li.tleft .sec-history__con {border-radius: 0px var(--clamp-12) var(--clamp-12) var(--clamp-12);}

.cont-info__right .sec-history__con .sec-history__txt {display: inline-block;width: 100%; padding: var(--clamp-10) var(--clamp-10) 3px var(--clamp-10);display: flex; width: 100%; padding: 10px 10px 3px 10px; gap: 3px;}
.cont-info__right .sec-history__con .sec-history__txt:first-child {}
.cont-info__right .sec-history__con .sec-history__txt p { color: var(--sys-dark); display: inline-block; margin: 0 7px 7px 0; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont-info__right .sec-history__con .sec-history__txt p:last-child {margin-bottom: 0;}
.cont-info__right .sec-history__con .sec-history__txt span {color: var(--sys-dark);}

.cont-info__right .Text .sec-history__con .sec-history__txt{height:100%!important;}
.cont-info__right .Text .sec-history__txt p { vertical-align: top; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont-info__right .Text .sec-history__txt span{height: 100%!important;display:inline!important;}

.cont-info__right .sec-history__con .sec-history__txt.sec-history__txt-email{flex-direction:column;}
.cont-info__right .sec-history__con .sec-history__txt.sec-history__txt-email p{display:block;max-height: unset;white-space: unset;font-size: var(--clamp-text-xs);line-height: 120%;}
.cont-info__right .sec-history__con .sec-history__txt.sec-history__txt-email p a {color: var(--accent2);text-decoration: underline;}
.cont-info__right .sec-history__con .sec-history__txt.sec-history__txt-email p a:hover {text-decoration: none; opacity: 0.5;}

.cont-info__right .sec-history__con .btn-show {display: inline; font-size: calc(var(--clamp-text-xs) - 2px); color: var(--accent2); text-decoration: underline;font-weight: 500;flex-shrink: 0;}
.cont-info__right .sec-history__con .btn-hide {display: block; padding: 0; margin: var(--clamp-12) 0 var(--clamp-10) var(--clamp-10); color: var(--accent2); text-decoration: underline;font-weight: 500;font-size: 10px;}
.cont-info__right .sec-history__con .btn-show:hover,.cont-info__right .sec-history__con .btn-hide:hover {text-decoration: none; opacity: 0.5;}

.cont-info__right .sec-history__con .sec-history__txt h4 { font-size: var(--clamp-text-base); font-weight: 600; text-decoration: underline; margin-bottom: var(--clamp-16); }
.cont-info__right .sec-history__con .sec-history__txt q {font-weight: 600;}
.cont-info__right .sec-history__con .sec-history__txt small { color: #151516; text-decoration: underline; display: block; margin: var(--clamp-10) 0; background: #ffff00; width: max-content; font-size: var(--clamp-text-xs);}

.cont-info__right .sec-history__col { position: relative; bottom: 0; left: 0; right: 0; margin: 5px auto 0; width: 100%; padding: 0; border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; align-items: center; display: flex; justify-content: space-between;width: calc(100% - 36px);}
.cont-info__right .sec-history__block.icons {position: relative; bottom: 3px; right: 0; z-index: 2; }
.cont-info__right .sec-history__typemsg { clear: both; display: flex; line-height: 1;margin-bottom: 56px;}
.cont-info__right .sec-history__typemsg li { display: block; float: left; margin-right: 8px; position: relative;width: var(--clamp-text-4xl); height: var(--clamp-text-4xl);border-radius: 8px;}
.cont-info__right .sec-history__typemsg li a {display: block; width: var(--clamp-text-4xl); height: var(--clamp-text-4xl); text-align: center;position: relative;}
.cont-info__right .sec-history__typemsg li a:hover {background: #FFFFFF; border: 1px solid var(--accent2);}
.cont-info__right .sec-history__typemsg li.current a { background-color: var(--accent2); }
.cont-info__right .sec-history__typemsg li a small { color: var(--accent2); }
.cont-info__right .sec-history__typemsg li:last-child {margin-right: 0;}
.cont-info__right .sec-history__tblcell small  {display: block; margin-top: 1px; color: var(--sys-white); font-size: 10px; font-weight: bold; }
.cont-info__right .sec-history__typemsg li.current a small { color: var(--sys-white); }
.cont-info__right .sec-history__tbl { display: table; width: 100%; height: 100%; }
.cont-info__right .sec-history__tblcell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.cont-info__right .sec-history__tblcell svg {width: var(--clamp-text-base);height: var(--clamp-text-base);}
.cont-info__right .sec-history__tblcell img { height: 16px; }
.cont-info__right .sec-history__typemsg li.current a { background-color: var(--accent2); }
.cont-info__right .sec-history__typemsg li.current a:hover {background: #FFFFFF;}
.cont-info__right .sec-history__typemsg li.current svg {fill: #ffffff;}
.cont-info__right .sec-history__typemsg li.current a:hover svg {fill: var(--accent2) !important;}
.cont-info__right .sec-history__typemsg li .message-type-btn-tooltip {visibility: hidden; background-color: #6f7071; color: #fff; text-align: center; border-radius: 6px; padding: 0 5px; position: absolute; z-index: 1; bottom: 125%; opacity: 0; transition: opacity 0.3s;height: 20px; line-height: 20px;left: 50%; transform: translateX(-50%);pointer-events: none;}
.cont-info__right .sec-history__typemsg li:hover .message-type-btn-tooltip {visibility: visible; opacity: 1;}

.toggle-msg-icons {width: 26px; height: 16px;position: relative;cursor: pointer;display: none;}
.toggle-msg-icons:hover {opacity: 0.5;}
.toggle-msg-icons svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 

.cont-info__right .sec-history__write { padding: 5px 10px 5px 15px; align-items: flex-end; clear: both; display: flex; justify-content: space-between;min-height: 105px;height: auto; position: relative; width: 100%; background: var(--sys-white); border: unset; border-radius: 12px;}
.sec-history__write textarea  {background-color: transparent; border: none; color: var(--sys-dark); height: 90px; outline: none; padding: 0; width: calc(100% - 49px); padding: 0 13px 5px 0; resize: none; box-shadow: none; font-family: var(--primary-font); font-style: normal; font-weight: 500; font-size: var(--clamp-text-sm); line-height: var(--clamp-text-l); letter-spacing: -0.03em; }
.sec-history__write hr.thin { width: 100%; position: absolute; top: 45px; left: 0; right: 0; display: block; height: 1px; background: rgba(21, 21, 22, 0.05); border: none !important; margin: 0; }
.cont-info__right .sec-history__write .write-link.send { width: var(--clamp-text-4xl); height: var(--clamp-text-4xl);position: relative;margin: 0 8px 59px;}
.cont-info__right .sec-history__write .write-link.send svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);fill: var(--accent2);}
.cont-info__right .sec-history__write .write-link.send:hover {opacity: 1;}
.cont-info__right .sec-history__write .write-link.send svg path {fill: none; stroke: var(--accent2); stroke-width: 1; transition: 0.25s ease;}
.cont-info__right .sec-history__write .write-link.send:hover path {fill: var(--accent2);}
.cont-info__right .sec-history__write .advance-btn { display: block; box-shadow: unset; line-height: 24px; width: 74px; text-align: center; position: absolute; right: 11px; top: 11px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 8px; color: #fff; }
.cont-info__right .sec-history__write .advance-btn:hover {opacity: 0.5;border: 1px solid var(--accent2); color: var(--accent2)} 
.sec-history__write input  {background-color: transparent; border: none; font-family: var(--primary-font); font-style: normal; font-weight: 500; font-size: 14px; color: var(--sys-dark); height: 40px; outline: none; width: calc(100% - 49px); padding: 0; margin: 0 0 7px; line-height: 45px; display: block; }

.cont-info__right .sec-history__write.sec-history__write-text input {margin: 0; height: 100%;padding: 13px 0;color: var(--sys-dark);}

.funnel-attach { text-align: center; width: 100%; margin: 0 auto; height: 81%; display: flex; flex-direction: column; justify-content: center; align-content: center; padding: 40px !important;}
.funnel-attach__icon { background: var(--accent2-5); border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; height: 32px; margin: 0 auto 17px; position: relative; text-align: center; width: 32px; }
.funnel-attach h3 {margin-bottom: 14px;}

.cont-info__about-edit {position: relative;padding-bottom: 0 !important;}
.cont-info__about-edit .cont-info__form form {}
.cont-info__about-edit .cont-info__form form .form-field-flholder { width: 49%; }
.cont-info__about-edit .cont-info__form form .form-field { padding-bottom: 4px; width: 100%;}
.cont-info__about-edit .cont-info__form form label { color: #15151680; margin-bottom: 0; }
.cont-info__about-edit .cont-info__form form label {position: relative;}
.cont-info__about-edit .cont-info__form form label.error:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: red;}

.cont-info__about-edit .cont-info__form form input {border-radius: 0; background: var(--sys-white); border: 0;box-shadow: none;border-bottom: 1px solid rgba(21, 21, 22, 0.15);padding: 8px 0;color: var(--sys-dark);height: 34px;}
.cont-info__about-edit .cont-info__form form input[type=email]:focus-visible {outline: none;}
.cont-info__about-edit .cont-info__form form #unique1 {-moz-appearance: textfield;}
.cont-info__about-edit .cont-info__form form .addressField .inputAddress input, .cont-info__form form input[type="text"], .cont-info__form form input[type="number"], .cont-info__form form input[type="datetime"] { outline: 0; color: var(--sys-dark); display: block; width: 100%; box-sizing: border-box; padding: 8px 0; border: none; border-bottom: 1px solid rgba(21, 21, 22, 0.15); }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .ccnum input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M22.0049 10V20C22.0049 20.5523 21.5572 21 21.0049 21H3.00488C2.4526 21 2.00488 20.5523 2.00488 20V10H22.0049ZM22.0049 8H2.00488V4C2.00488 3.44772 2.4526 3 3.00488 3H21.0049C21.5572 3 22.0049 3.44772 22.0049 4V8ZM15.0049 16V18H19.0049V16H15.0049Z' fill='rgba(189,194,204,1)'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top 7px left; padding-left: 25px; }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .expired_holder  {display: flex; justify-content: space-between; align-items: center; }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .expired_container .expired_holder input[type="number"] { width: 25%; }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .expired_container .expired_holder input[type="number"] { width: 25%; }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .expired_container .expired_holder input[type="text"] { width: 40%; }
.cont-info__about-edit .cont-info__form form .form-field.contactFieldEdit .errormsg {font-size: 14px; margin-bottom: 6px;}
.cont-info__about-edit .cont-info__form form select { background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 97% center; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 8px 0 !important; color: var(--sys-dark); border: none; box-shadow: none; border-radius: 0; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; border-bottom: 1px solid rgba(21, 21, 22, 0.15); }
.cont-info__about-edit .cont-info__form form .timezoneField select:not(:checked) { padding-left: 10px; }
.cont-info__about-edit .cont-info__form form select option { color: #15151680; word-break: break-word; width: 100%; }
.cont-info__about-edit .cont-info__form form .timezoneField select option { font-size: 12px; }
.cont-info__about-edit .cont-info__form form .form-field.form-field-btns { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 15px 0; width: 100%; position: sticky; bottom: -15px; z-index: 10; background: var(--sys-white); border-top: 1px solid rgba(21, 21, 22, 0.05);height: unset;}
.cont-info__about-edit .cont-info__form form .form-field.form-field-btns .form-btn button {width: 100%;}
.cont-info__about-edit .cont-info__form form .form-btn input[type="submit"] {   border-radius: 8px; color: inherit; cursor: pointer; padding: 0 10px; width: 100%; }
.cont-info__about-edit .cont-info__form form .form-field.form-field-btns .form-btn { width: 49%; }

/**CONTACT INFO END**/

/**CONTACT INFO SCRIPT START**/
#print-script-button {align-items: center; justify-content: center; gap: 5px; min-width: unset; padding: 0 5px;display: none;margin: 0 auto;width: unset;}
.cont-info__script #print-script-button {display: flex;border:none;box-shadow:none;}
.cont-info__script #print-script-button:hover{opacity:0.5;background:inherit;color:var(--accent2);}
.cont-info__scroll-script {}
.cont-info__scroll-script .scroll-con {padding: 12px 14px !important;overflow: auto;}
#print-rebuttal-button { align-items: center; justify-content: center; gap: 5px; min-width: unset; padding: 0 5px; display: none; margin: 0 auto; width: unset; }
.cont-info__rebuttal #print-rebuttal-button { display: flex; border: none; box-shadow: none; }
.cont-info__rebuttal #print-rebuttal-button:hover { opacity: .5; background: inherit; color: var(--accent2); }

.cont-info__scroll-script .script-contents{word-wrap: break-word;}
.cont-info__scroll-script .script-contents ol {padding-left:40px;}
.cont-info__scroll-script .script-contents ol li::marker {color: #151516 !important;}
.cont-info__scroll-script .script-contents ol li, .cont-info__scroll-script .script-contents p {cursor: pointer;}
.cont-info__scroll-script .script-contents .highlight, .cont-info__scroll-script .script-contents .highlight span {background-color: #3297fd !important; color: #FFFFFF;}

.cont-info__scroll-script .script-contents button{display:block;margin: 20px auto; background: #FFFFFF; display: flex ; justify-content: center; align-items: center; gap: 6px;color: var(--accent2);border: 1px solid var(--accent2);}
.cont-info__scroll-script .script-contents button:hover {background: var(--accent2);color: #FFFFFF;}
.cont-info__scroll-script .script-contents button i {line-height: 0;}

.cont-info__scroll-script .script-contents{counter-reset: my-counter;}

.order_Container {margin:12px 0 0;padding-left: 37px;padding:0 37px;}
.order_Container h2{color: var(--sys-dark);margin-bottom: 15px;}

/*PAYMENT INFORMATION*/
#widgetModal input[type="number"].inputMaterial,
#widgetModal input[type="text"].inputMaterial,
#widgetModal select.inputMaterial { padding: 13px 13px 0; height: 50px; }

#widgetModal .fgroup { display: inline-block; vertical-align: top; position: relative; }
#widgetModal .fgroup label{ font-size: 16px; position: absolute; top: 18px; left: 14px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none;font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: rgba(21, 21, 22, 0.3); }

#widgetModal .fgroup.hastooltip input{padding: 13px 43px 0 13px;}
#widgetModal .fgroup small{position:absolute;top:50%;transform:translateY(-50%);right:15px;}
#widgetModal .fgroup small svg{height:100%;vertical-align:middle;}

#widgetModal .fgroup span.tooltiptext{display:block;color:var(--sys-white);}

#widgetModal .fgroup .inputMaterial:focus ~ label,
#widgetModal .fgroup .inputMaterial:not(:placeholder-shown):valid ~ label{ top: 7px; font-size: 12px; color: var(--accent2); }

#widgetModal .fgroup select.inputMaterial2:disabled ~ label { top: 7px; font-size: 12px; color: var(--accent2); }

#widgetModal .fgroup select.inputMaterial2:focus ~ label,
#widgetModal .fgroup select.inputMaterial2:not([value=""]):valid ~ label { top: 7px; font-size: 12px; color: var(--accent2); }

#widgetModal .paymentBox .form-con select{padding: 13px 13px 0;height:50px;}

.order_Container .paymentBoxes{margin:15px auto;}
.order_Container .paymentBoxes .paymentBox{width:49%;}
.order_Container .paymentBoxes .paymentBox label{display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.6); margin-bottom: 14px; margin-bottom: 6px;}
.order_Container .paymentBoxes .paymentBox.paymentBox1{}
.order_Container .paymentBoxes .paymentBox.paymentBox2{}

.order_Container .paymentBoxes .paymentBox .paymentBoxHeading{}
.order_Container .paymentBoxes .paymentBox .paymentBoxHeading h2{color:#484949;font-weight:bold;margin-bottom:10px;}

.order_Container .paymentBoxes .paymentBox .paymentBox1Boxes{}
.order_Container .paymentBoxes .paymentBox .paymentBox2Boxes{height: 50%;}

.order_Container .paymentBoxes .paymentBox .paymentAccountAgreement{}
.order_Container .paymentBoxes .paymentBox .paymentAccountAgreement{font-size: 14px; color: rgba(21, 21, 22, 0.50); height: 230px; width: 100%; margin: 0 auto; padding: 13px; border: 1px solid #e5e5e5; border-radius: 6px;overflow:auto;}
.order_Container .paymentBoxes .paymentBox .paymentAccountAgreement p:not(:last-child){margin-bottom:20px;}

.order_Container .paymentBox1Boxes .paymentInformation.form-field:not(:last-child),
.order_Container .paymentBox2Boxes .paymentInformation.form-field:not(:last-child){margin-bottom: 10px;}

/*PAYMENT INFORMATION*/

.credit_card_total_payment { border-collapse: collapse; width: 100%; margin-bottom:15px; }
.credit_card_total_payment th, .credit_card_total_payment td { text-align: left; position:relative; line-height: 150%;}
.credit_card_total_payment tbody {margin-top: 6px;}
.credit_card_total_payment thead tr th{color: var(--sys-dark);padding-bottom:5px;line-height:100%;}
.credit_card_total_payment tr:first-child td:first-child, .credit_card_total_payment tr:first-child th:first-child{width:270px;max-width:100%;}
.credit_card_total_payment tr:not(:last-child){margin-bottom:5px;}
.credit_card_total_payment tr td{color: rgba(21, 21, 22, 0.4);color:rgba(21, 21, 22, 0.8);padding:5px 0;}
.credit_card_total_payment tr:first-child td:first-child {color: rgba(21, 21, 22, 0.8);font-size:15px;}

.credit_card_total_payment thead{}

.credit_card_total_payment tr:last-child td:first-child span{display:inline-block;position:relative;color: rgba(21, 21, 22, 0.8);}
.credit_card_total_payment tr:last-child td:first-child span:before{content: ""; width: 100%; height: 2px; background: rgba(21, 21, 22, 0.1); position: absolute; top: -5px; display:none;}

.credit_card_total_payment tr:last-child td:first-child span small{color:var(--primary-color);}
.credit_card_total_payment tr:last-child td:first-child span small:first-child{color:var(--sys-red);}

.credit_card_total_payment:first-child tr td:first-child{text-align:right;padding-right:25px;}

.sendPaymentLinkHolder{width: 100%; position: relative; display: block; margin-bottom: 15px;margin-bottom:10px;}

.sendPaymentLinkHolder.form-con input{padding: 14px 114px 14px 14px;}

.sendPaymentLinkHolder .affBtns { position: absolute; bottom: 12px; right: 14px; line-height: 0; }
.sendPaymentLinkHolder .affBtns svg{display:inline-block;vertical-align:middle;height:100%;cursor:pointer;}
.sendPaymentLinkHolder .affBtns svg:hover{opacity:.5;}
.sendPaymentLinkHolder .affBtns svg path{fill:var(--accent2);}
.sendPaymentLinkHolder .sendPaymentLinkCode-with-tooltip {line-height: 0;position: relative;}

.sendPaymentLinkHolder .sendPaymentLinkCode-with-tooltip .sendPaymentLinkCode-tooltip{visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -42px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; border-radius: 8px;}
.sendPaymentLinkHolder .sendPaymentLinkCode-with-tooltip:hover .sendPaymentLinkCode-tooltip { visibility: visible; opacity: 1; }

.sendPaymentLinkHolder .sendPaymentLinkCode-with-tooltip .sendPaymentLinkCode-tooltip::after { content: " "; position: absolute; bottom: 100%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%; z-index: -1; left: 0; right: 0; margin: 0 auto;}

.sendPaymentLinkHolder .sendPaymentLinkCode-with-tooltip .sendPaymentLinkCode-tooltip .sendPaymentLinkCode-tooltip-details{line-height:1;}

.credit_card_details { border-collapse: collapse; width: 100%;border-top: 2px solid rgba(21, 21, 22, 0.1); text-align: left;}
.order_Container > .credit_card_details {border-top: none;}

.credit_card_details thead tr {}
.credit_card_details tr th {padding: 16px 0 10px;}
.credit_card_details tr td { text-align: left; position:relative; padding:0 0 16px; }
.credit_card_details th{color:#15151680;color: var(--sys-dark);}
.credit_card_details tr td{color:var(--sys-dark);}
.credit_card_details thead tr th:last-child,
.credit_card_details tr td:last-child{width:15%;text-align:right;}

.credit_card_details tr td {width:33%;align-items:flex-start;vertical-align:middle;}

.credit_card_details tr td.pd{}

.credit_card_details tr td.credit-payment-status {color: var(--sys-red);display: flex; justify-content: flex-start;align-items:center;width: unset;}
.credit_card_details tr td.pd.credit-payment-status {color:var(--primary-color);}

.credit_card_details tr td.credit-payment-status small svg{height:100%;vertical-align:middle;width:22px;}

.credit_card_details tr td.credit-payment-status small {margin-right: 5px;line-height:100%;font-size:16px;}
.credit_card_details tr td.credit-payment-status span{color:#15151680;color: var(--primary-color);margin-left: 3px;display:inline-flex;align-items:center;}
.credit_card_details tr td.credit-payment-status span.retryBtn{color: #fff; font-weight: 500; background: var(--accent1); border-radius: 6px; text-align: center; padding: 12px 15px; cursor: pointer; font-size: 12px; line-height: 100%; letter-spacing: -0.03em; height: 100%; margin-left: 25px;align-items:center;line-height:100%;}

.order_Container .payment_box{padding-top: 13px;}
.order_Container .payment_box h4{color: rgba(21, 21, 22, 0.4);}
.order_Container .payment_box .choose-btns{display: flex; justify-content: space-between;justify-content:center; gap: 10px;}
.order_Container .payment_box .choose-btns button{width:50%;}
/**CONTACT INFO SCRIPT END**/

/*ORDER COMPLETE*/
.order_Complete {margin:10px 0 0;padding-left: 37px;}
.order_Complete h2{color: var(--sys-dark);margin-bottom: 17px;}

.orderDetails { border-collapse: collapse; width: 100%; margin-bottom:15px; }
.orderDetails tr{}
.orderDetails tr.orderDetailsBorder{border-bottom: 3px solid #BDC2CC66;height: 20px;}
.orderDetails td { text-align: left; position:relative; line-height: 150%;}

.orderDetails tr td:nth-child(odd){color: rgba(21, 21, 22, 0.4);}
.orderDetails tr td:nth-child(even){color: var(--sys-dark);}
/*END ORDER COMPLETE*/

/**CHARGED CREDIT CARD MODAL START**/
.cm-modal .form-field {display: flex; justify-content: space-between;}
input.form-field-1 { width: 10% !important;}
input.form-field-1-5 { width: 13% !important;}
input.form-field-2 { width: 16% !important;}
input.form-field-3 { width: 24% !important;}
input.form-field-4 { width: 32%  !important; }
input.form-field-5 { width: 40%  !important; }
input.form-field-6 { width: 49%  !important; }
input.form-field-12 { width: 100%  !important; }

.fgroup.form-field-1 { width: 10% !important;}
.fgroup.form-field-2 { width: 16% !important;}
.fgroup.form-field-3 { width: 24% !important;}
.fgroup.form-field-4 { width: 32%  !important; }
.fgroup.form-field-6 { width: 49%  !important; }
.fgroup.form-field-12 { width: 100%  !important; }

.form-input-flex {display: flex; justify-content: space-between;}
#chargecreditModal input[type="number"],
#paymentplanModal input[type="number"],
#paymentplan1Modal input[type="number"]   { -moz-appearance: textfield; padding: 10px 12px}

#chargecreditModal select,
#paymentplanModal select,
#paymentplan1Modal select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 13px 15px; color: #1515164D; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; }

#chargecreditModal .modalContent::before,
#paymentplanModal .modalContent::before,
#paymentplan1Modal .modalContent::before { content: ""; width: calc(100% + 28px); height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

#chargecreditModal,
#paymentplanModal,
#paymentplan1Modal { padding: 11px 14px; overflow: hidden; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05);}

#chargecreditModal .modal-box, #paymentplanModal .modal-box, #paymentplan1Modal .modal-box {padding: 14px;}

#chargecreditModal {max-width:700px;width:95%;padding:2% 50px;}

/*.input-wrapper.with-prefix {margin-top: 10px;}*/
.input-wrapper.with-prefix input {padding-left:22px;padding-right:35px;}
.input-wrapper.with-prefix .prefix { /*position: absolute; padding-left: 13px; pointer-events: none; width: 100%; height: 100%; line-height: 100%; top: 50%; transform: translateY(-50%);*/ }
.input-wrapper.with-prefix .prefix span { user-select: none; pointer-events: none;top: 51%; transform: translateY(-50%); position: absolute;color:var(--sys-dark);line-height:100%; padding-left: 13px;}
.input-wrapper.with-prefix #inputAmount {padding: 6px 22px;}
.input-wrapper #suffix { position: absolute; right: 0; top: 50%;transform:translateY(-50%); color: var(--sys-dark); padding-right: 15px;}

#chargecreditModal .modalContent,
#paymentplanModal .modalContent,
#paymentplan1Modal .modalContent  {width: 100%; position: relative; padding: 13px 0 0; }

#chargecreditModal h3 { display: block; margin-bottom: 13px; color: var(--sys-dark); text-align: left;}

#chargecreditModal .modalContent .payment_plan .amount_remaining,
#chargecreditModal .modalContent .payment_plan .amount {display: flex; justify-content: space-between; margin-bottom: 8px; }
#chargecreditModal .modalContent .payment_plan .amount_remaining h4 span,
#chargecreditModal .modalContent .payment_plan .amount h4 span {font-size:10px;}
#chargecreditModal .modalContent .payment_plan .amount_remaining h4 small {font-size: 10px;}
#chargecreditModal .modalContent .payment_plan .amount_remaining small {color: var(--sys-dark); color: #15151699}
#chargecreditModal .modalContent .payment_plan .amount_remaining h4,
#chargecreditModal .modalContent .payment_plan .amount h4,
#paymentplan1Modal .modalContent .payment_plan h4 { color: rgba(21, 21, 22, 0.6); margin-bottom: 0; }

.modalContent .payment_plan.amount-container {display: flex;gap: 25px;}
.modalContent .payment_plan.amount-container .amount-charge-container {}
.modalContent .payment_plan.amount-container .amount-remaining-container {}
.modalContent .payment_plan.amount-container .amount span.text-xs {font-size: 14px;line-height: 30px;display: block;margin-top: 10px;}
.modalContent .payment_plan.amount-container .amount h4 {font-size: 16px;font-weight: 600; color: var(--sys-dark);}
.modalContent .payment_plan.amount-container #inputAmount {height: auto;box-sizing: border-box;max-width: 130px;}

#chargecreditModal .modalContent .payment_plan .amount span > small{color:var(--primary-color);}

#chargecreditModal .modalContent .payment_plan.payment_details,
#paymentplanModal .modalContent .payment_plan.payment_address { margin-top: 14px; }

#chargecreditModal .modalContent .payment_plan.payment_address { margin-top: 14px; }
#chargecreditModal .modalContent .payment_plan h4,
#paymentplanModal .modalContent .payment_plan h4,
#paymentplan1Modal .modalContent .payment_plan h4 { color: rgba(21, 21, 22, 0.6); display: block; margin-bottom: 8px; }

#chargecreditModal .choose-btns { margin: 14px auto 0; display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 15px;}
#chargecreditModal .choose-btns {width: 100%;}

#chargecreditModal .modalContent .payment_plan form .paymentInformation.form-field:not(:last-child),
#paymentplanModal .modalContent .payment_plan form .paymentInformation.form-field:not(:last-child) { margin-bottom: 14px; }

#chargecreditModal .chargecreditModalLogo{text-align: center;margin-bottom: 25px;}
#chargecreditModal .chargecreditModalHeading{}
#chargecreditModal .chargecreditModalHeading .chargeCreditModalHeadingTitle{margin-bottom:13px;}
#chargecreditModal .chargecreditModalHeading .chargeCreditModalHeadingTitle img{}
#chargecreditModal .chargecreditModalHeading .chargeCreditModalHeadingTitle h3{margin-bottom:0;}
#chargecreditModal .chargecreditModalHeading ul{}
#chargecreditModal .chargecreditModalHeading ul li{display: inline-block; vertical-align: initial; margin: 0 3px; border-radius: 4px;}
#chargecreditModal .chargecreditModalHeading ul li:first-child{margin-left:0;}
#chargecreditModal .chargecreditModalHeading ul li:last-child{margin-right:0;}
#chargecreditModal .chargecreditModalHeading ul li img{display:block;vertical-align:middle;width:100%;width:30px;}

#chargecreditModal .fgroup .inputMaterial:focus ~ label,
#chargecreditModal .fgroup .inputMaterial:not(:placeholder-shown):valid ~ label { top: 5px; font-size: 12px; color: var(--accent2); }

#chargecreditModal input[type="number"].inputMaterial,
#chargecreditModal input[type="text"].inputMaterial,
#chargecreditModal select.inputMaterial{padding:13px 13px 0;height:42px;}

/* Chrome, Safari, Edge, Opera */
.inputMaterial::-webkit-outer-spin-button,
.inputMaterial::-webkit-inner-spin-button,
.inputAmount::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }

#chargecreditModal .modalContent .payment_plan form .paymentInformation.form-field{}
#chargecreditModal .fgroup{display: inline-block;vertical-align: top;position:relative;}
#chargecreditModal .fgroup label{font-size: 16px; position: absolute; top: 13px; left: 14px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px;color: rgba(21, 21, 22, 0.3);}

#chargecreditModal .fgroup.hastooltip input{padding: 13px 43px 0 13px;}
#chargecreditModal .fgroup small{position:absolute;top:50%;transform:translateY(-50%);right:15px;}
#chargecreditModal .fgroup small svg{height:100%;vertical-align:middle;}

#chargecreditModal .fgroup span.tooltiptext{display:block;color:var(--sys-white);}
/**CHARGED CREDIT CARD MODAL END**/

/**PAYMENTPLAN1MODAL MODAL START**/
#paymentplan1Modal .modalContent .payment_plan_item:first-child {margin-bottom: 12px;}
#paymentplan1Modal .modalContent .payment_plan_item:not(:last-child) { border-bottom: 1px solid rgba(21, 21, 22, 0.05); }
#paymentplan1Modal .modalContent .payment_plan_item:last-child { border-top: 0; }
#paymentplan1Modal .modalContent .payment_plan_item .paymentsDataHolder { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 13px 0; }
#paymentplan1Modal .modalContent .payment_plan_item .paymentsDataHolder .paymentsData span {display: block;color: var(--sys-dark);}
#paymentplan1Modal .modalContent .payment_plan_item .paymentsDataHolder .paymentsData span:nth-child(2) {margin-top: 5px;color: rgba(21, 21, 22, 0.6);}
#paymentplan1Modal .modalContent .payment_plan_item .paymentsDataHolder .paymentBalance, #paymentplan1Modal .modalContent .payment_plan_item .paymentsDataHolder .paymentCharges {text-align: right;}

.payment-billing-address {color: var(--sys-dark);margin-top: 14px;}
.payment-billing-address span {display: block;}

/**PAYMENTPLAN1 MODAL END**/
/**PROCESSING MODAL START**/
#processingModal { padding: 18px 35px; text-align: center; max-width:560px;}
#processingModal .image-con { display: block; height: 42px; width: 42px; background: var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 400px; position: relative; margin: 0 auto 13px;}
#processingModal .image-con img {position: absolute; left: 49%; top: 49%; transform: translate(-50%,-50%);}
#processingModal span {color: var(--sys-dark);display: block; margin-bottom: 13px;}
#processingModal .modalContent  {line-height: 25px;}

#processingModal .lds-circle { background: #F2F4F9; border: 2px solid var(--accent2); border-bottom: 2px solid #F2F4F9; margin: 0 auto; position: absolute; height: 100%; width: 100%; border-radius: 50%; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; }
@keyframes lds-circle {  0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/**PAYMENTPLAN1MODAL END**/
/**APPROVED MODAL START**/

#approvedModal h2 {margin-bottom: 10px;}
#approvedModal h2 small { display: block; height: 42px; width: 42px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative; }
#approvedModal h2 small svg {position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%);width: 20px; height: 20px;}
#approvedModal .choose-btns button {width: fit-content; min-width: 200px; margin: 0 auto;}

/**APPROVED MODAL END**/
/**DECLINE MODAL START**/

#declineModal h2 {margin-bottom: 10px; display: flex;justify-content: center;align-items: center;column-gap: 10px;}
#declineModal h2 small { height: 30px; width: 30px; background: var(--accent2-5); border: 2px solid var(--sys-red); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; position: relative; display:flex; justify-content: center; align-items: center;  display: flex;justify-content: center;align-items: center;color: var(--sys-red);font-weight: 700;margin: 0;font-size: 20px; line-height: 0;}
#declineModal h2 small svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 16px; height: 16px;}
#declineModal .choose-btns button {width: fit-content; min-width: 200px; margin: 0 auto;}

/**DECLINE MODAL END**/


/**WIDGET MODAL START**/
#widgetModal .modal-box {max-width:55%;padding:3% 14px;}
#widgetModal .modal-box.paymentWidgetModal {max-width: 700px; width: 95%;}

#widgetModal .widgetModalTitle{text-align:center;margin-bottom:20px;}
#widgetModal .widgetModalTitle h3{color:#616C6F;text-transform: uppercase;font-weight:bold;}
#widgetModal .widgetModalTitle h3 span{display:block;margin-top: 5px;text-transform: none;color:#616C6F;}

#widgetModal #payment-tabs{}
#widgetModal #payment-tabs .widgetModalTabs{width: fit-content;text-align: center;margin:0 auto 50px;}
#widgetModal #payment-tabs .widgetModalTabs ul{display: flex; justify-content: space-between; gap: 8px;}
#widgetModal #payment-tabs .widgetModalTabs ul li{display: inline-block;vertical-align: middle;}
#widgetModal #payment-tabs .widgetModalTabs ul li a{display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;border-radius:8px;width:175px;height:100%;padding:25px 10px;background:#E9EAEB;line-height: 100%;vertical-align: middle;color:var(--sys-dark);flex-direction:row;gap:4px;text-transform:uppercase;}
#widgetModal #payment-tabs .widgetModalTabs ul li a svg{vertical-align:middle;height:100%;}
#widgetModal #payment-tabs .widgetModalTabs ul li a img{display:block;width:25px;}
#widgetModal #payment-tabs .widgetModalTabs ul li a span{line-height:100%;}

#widgetModal #payment-tabs .widgetModalTabs ul li.ui-state-active a svg path,
#widgetModal #payment-tabs .widgetModalTabs ul li:hover a svg path{fill:#fff;}

#widgetModal #payment-tabs .widgetModalTabs ul li.ui-state-active a img,
#widgetModal #payment-tabs .widgetModalTabs ul li:hover a img{filter: invert(1) opacity(1);}

#widgetModal #payment-tabs .widgetModalTabs ul li.ui-state-active a,
#widgetModal #payment-tabs .widgetModalTabs ul li:hover a {color:#fff; background:var(--accent1);}

#widgetModal .widgetModalHeading{margin-bottom:10px;padding-left:37px;padding:0 37px;}
#widgetModal .widgetModalHeading img{}
#widgetModal .widgetModalHeading h3{margin-bottom:0;}
#widgetModal .widgetModalLogo{text-align: center;margin-bottom: 25px;margin-bottom:15px;}
#widgetModal .modalContent  {}

#widgetModal .modalContent {}

#widgetModal .modalContent .chooseProductsHolder label{display: block; vertical-align: middle; color: rgba(21, 21, 22, 0.60); margin-bottom: 6px;}

#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes { display: grid; grid-template-columns: repeat(2,1fr);gap:14px;justify-content:space-between;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox{min-height:0;border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);text-align:center;height: 100%;cursor:pointer;position:relative;padding: calc(100% - 65%);}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox:hover:after{content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, .4);}

#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeadingHolder{padding:10px;height:100%;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading{}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingIcon{width: 220px; height: 180px; border-radius: 6px; border: 1px solid #eeeeee; position: relative;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingIcon img{vertical-align:middle;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 24px; height: 24px;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingIcon svg{vertical-align:middle;}

#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle{}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle .chooseProductBoxHeadingImgHolder{margin-bottom:10px;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle .chooseProductBoxHeadingImgHolder span{color:var(--primary-color);}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle .chooseProductBoxHeadingImgHolder .chooseProductBoxHeadingImg{display:inline-block;vertical-align:middle;position:relative;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxHeading .chooseProductsBoxHeadingTitle .chooseProductBoxHeadingImgHolder .chooseProductBoxHeadingImg svg{height:100%;vertical-align:middle;}


#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxContent { padding: 10px; display:none;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxContent p{color: rgba(21, 21, 22, 0.50);display: block;width: 100%;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxContentBtns{margin-top:18px;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxContentBtns li:first-child button{min-width:116px;}
#widgetModal .modalContent .chooseProductsHolder .chooseProductsBoxes .chooseProductsBox .chooseProductsBoxContentBtns li:last-child button{min-width:116px;}


#widgetModal .modalContent .chooseProductsHolder .payment_box .choose-btns button{width:33%;margin:0 auto;}

.cm-modal.material-pop .payment-steps-container {margin: 25px 0 65px;width: 100%;max-width: 600px;padding: 0 0 0 47px;}
.cm-modal.material-pop#chargecreditModal .payment-steps-container {padding-left: 11px; display: none;}
.cm-modal.material-pop .payment-steps-container ul {display: flex;width: auto;align-items: center;}
.cm-modal.material-pop .payment-steps-container ul li {display: flex;flex-direction: column;color: rgba(21, 21, 22, 0.5);justify-content: center;font-size: 14px;text-align: center;position: relative;box-sizing: border-box;}
.cm-modal.material-pop .payment-steps-container ul li.finished-tab {color: var(--sys-dark);}
.cm-modal.material-pop .payment-steps-container ul li.current-tab {color: var(--sys-dark);}
.cm-modal.material-pop .payment-steps-container ul li span.step-count {width: 30px;height: 30px;background: gray;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto;position: relative;font-size: 16px;}
.cm-modal.material-pop .payment-steps-container ul li.finished-tab span.step-count {color: transparent;background: rgba(255, 90, 95,0.6);z-index: 1;}
.cm-modal.material-pop .payment-steps-container ul li.finished-tab span i {position: absolute;color: #fff;width: 24px;height: 24px;}
.cm-modal.material-pop .payment-steps-container ul li.finished-tab span i svg {}
.cm-modal.material-pop .payment-steps-container ul li.current-tab span.step-count {background: #ff5a5f;}
.cm-modal.material-pop .payment-steps-container ul li span.step-title {position: absolute;margin-left: 50%;top: 100%;transform: translateX(-50%);margin-top: 15px;width: max-content;font-weight: 600;}
.cm-modal.material-pop .payment-steps-container ul li.line-indicator {background:rgba(0,0,0,0.5);width: 100%;height: 1px;padding: 0;}
/**WIDGETMODAL END**/

/**PROSPECTING DASHBOARD MODAL START**/
#prospectingDashboardModal {max-height: 400px;overflow: hidden;display: flex; flex-direction: column;}
#prospectingDashboardModal h2 {padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(21, 21, 22, 0.05);flex-shrink: 0;} 
.prosecting-dashboard-contact-list {overflow: auto;}
/**PROSPECTING DASHBOARD MODAL END**/

/**CONFIRM END CALL MODAL START**/
#endCall p {margin:16px auto;}
/**CONFIRM END CALL MODAL END**/

.confirmationModal .modal-box .modal-box-title .hdr-con {display:flex;align-items:center;gap:8px;}

/**VIDEO TUTORIAL MODAL START**/
#videoTutorialModal {position: fixed; width: 100%; height: 100%; position: fixed; z-index: 999;background:rgba(21, 21, 22, 0.1); max-width: 100%;}
.video-tutorial-con {max-width: 1000px; width: 95%; overflow: hidden; background: var(--sys-white);border-radius: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column;padding: 14px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);}
.video-tutorial-con .video-tutorial-header {flex-shrink: 0;padding-bottom: 11px; margin-bottom: 15px;position:relative;}
.video-tutorial-con .video-tutorial-header:after { content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }

.video-tutorial-con .video-tutorial-header .video-tutorial-heading{}
.video-tutorial-con .video-tutorial-header .video-tutorial-heading img{vertical-align:middle;}
.video-tutorial-con .video-tutorial-header .video-tutorial-heading h2{}


.video-tutorial-con .video-tutorial-header a{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
.video-tutorial-con .video-tutorial-header a svg { vertical-align: middle; fill:var(--accent1);}
.video-tutorial-con .video-tutorial-header a svg path{stroke:var(--accent1);}
.video-tutorial-con .video-tutorial-header a:hover{opacity: 0.5;}

.video-tutorial-con .video-tutorial-video-con {position: relative; width: 100%;background: #fff;border-radius: 8px;overflow: hidden;}
.video-tutorial-con .video-tutorial-video-con iframe{width: 100%; height: auto; background: #151516; aspect-ratio: 15.5 / 9.52; vertical-align: middle;}
.video-tutorial-con .choose-btns {margin: 0;display:none;}
/**VIDEO TUTORIAL MODAL END**/


/**SESSION TIMEOUT MODAL START*/
#sessionTimeoutModal{box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);padding:25px;}
#sessionTimeoutModal .sessionTimeoutModalHeading{margin-bottom:20px;}
#sessionTimeoutModal .sessionTimeoutModalHeading svg{vertical-align:middle;stroke: var(--accent2);}
#sessionTimeoutModal .sessionTimeoutModalHeading svg path{}
#sessionTimeoutModal .sessionTimeoutModalHeading h2 {display: block; text-align: center;}

#sessionTimeoutModal p{margin-bottom:25px;color: var(--primary-color);}
#sessionTimeoutModal p span{display:block;margin-top:15px;}

#sessionTimeoutModal .choose-btns { margin: 14px auto 0; display: flex; justify-content: space-between; gap: 14px; flex-wrap: unset;}
#sessionTimeoutModal .choose-btns button { width: 100%; border-radius: 10px; font-weight: 500; }
/**SESSION TIMEOUT MODAL END**/

/**DIAL SESSION REMINDER MODAL START*/
#dialSessionReminderModal{padding:25px;}
#dialSessionReminderModal #closedialSessionReminderModal{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#dialSessionReminderModal #closedialSessionReminderModal svg { vertical-align: middle; fill:var(--accent1);}
#dialSessionReminderModal #closedialSessionReminderModal svg path{stroke:var(--accent1);}
#dialSessionReminderModal #closedialSessionReminderModal:hover{opacity: 0.5;}

#dialSessionReminderModal .dialSessionReminderModalHeading{margin-bottom:20px;}
#dialSessionReminderModal .dialSessionReminderModalHeading svg{vertical-align:middle;}
#dialSessionReminderModal .dialSessionReminderModalHeading svg path{}
#dialSessionReminderModal .dialSessionReminderModalHeading h2 {display: block; text-align: center;}

#dialSessionReminderModal .contentArea{}
#dialSessionReminderModal .contentArea p{margin-bottom:25px;color:var(--primary-color);}
#dialSessionReminderModal .contentArea p:not(:last-child){margin-bottom:15px;}
#dialSessionReminderModal .contentArea p span{font-size:17px;font-weight:bold;}

/**END DIAL SESSION REMINDER MODAL**/

/**APPOINTMENT REMINDER MODAL START*/
#appointmentReminderModal{padding:25px;}
#appointmentReminderModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#appointmentReminderModal .popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#appointmentReminderModal .popUpClose svg path{stroke:var(--accent1);}
#appointmentReminderModal .popUpClose:hover{opacity: 0.5;}

#appointmentReminderModal .appointmentReminderModalHeading{margin-bottom:20px;}
#appointmentReminderModal .appointmentReminderModalHeading svg{vertical-align:middle;}
#appointmentReminderModal .appointmentReminderModalHeading svg path{}
#appointmentReminderModal .appointmentReminderModalHeading h2 {display: block; text-align: center;}

#appointmentReminderModal .contentArea{}
#appointmentReminderModal .contentArea p{margin-bottom:25px;color:var(--primary-color);}
#appointmentReminderModal .contentArea p:not(:last-child){margin-bottom:15px;}
#appointmentReminderModal .contentArea p span{font-weight:bold;color: #151516;}
/**END APPOINTMENT REMINDER MODAL**/

/**START DIAL SESSION ALERT MODAL **/
#dialSessionAlertModal{padding:25px;}
#dialSessionAlertModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#dialSessionAlertModal .popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#dialSessionAlertModal .popUpClose svg path{stroke:var(--accent1);}
#dialSessionAlertModal .popUpClose:hover{opacity: 0.5;}

#dialSessionAlertModal .dialSessionAlertModalHeading{margin-bottom:20px;}
#dialSessionAlertModal .dialSessionAlertModalHeading svg{vertical-align:middle;}
#dialSessionAlertModal .dialSessionAlertModalHeading svg path{}
#dialSessionAlertModal .dialSessionAlertModalHeading h2 {display: block; text-align: center;}

#dialSessionAlertModal .contentArea{}
#dialSessionAlertModal .contentArea p{margin-bottom:25px;color:var(--primary-color);}
#dialSessionAlertModal .contentArea p:not(:last-child){margin-bottom:15px;}
#dialSessionAlertModal .contentArea p span{font-weight:bold;color: #151516;}

#dialSessionAlertModal .choose-btns { margin: 14px auto 0; display: flex; justify-content: space-between; gap: 14px; flex-wrap: unset;}
#dialSessionAlertModal .choose-btns button { width: 100%; border-radius: 10px; font-weight: 500; }
/**END DIAL SESION ALERT MODAL**/


/**SAVE MODAL START**/
#saveModal {position: fixed; width: 100%; height: 100%; position: fixed; z-index: 999; max-width: 100%;top: 0; left: 0;}
.save-modal-con {overflow: hidden; background: var(--sys-white);border-radius: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column;padding: 14px;}
.save-modal-con .save-modal-header {flex-direction: column; justify-content: center;align-items: center;}
.save-modal-con .save-modal-header .modal-close-button {cursor: pointer;}
.save-modal-con .save-modal-header .modal-close-button a {position: absolute; width: 100%; height: 100%; position: absolute; top; 0; left: 0;}
.save-modal-con .save-modal-header small { display: flex; justify-content: center; align-items: center; height: 42px; width: 42px; background: #FFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative; }
/**SAVE MODAL END**/


/*PAYMENT SENT MODAL*/
#paymentSentModal.popUpContainer {background: rgba(21, 21, 22, 0.7);height: 105%;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);width:105vw;height:105vh;}
#paymentSentModal .popUp {padding:25px;max-width:100%;}

#paymentSentModal .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; cursor:pointer;}
#paymentSentModal .popUpClose svg { vertical-align: middle; fill: var(--accent1); }
#paymentSentModal .popUpClose svg path { stroke: var(--accent1); }

#paymentSentModal .popUpHeading {margin-bottom:20px;}
#paymentSentModal .popUpHeading svg{vertical-align:middle;}
#paymentSentModal .popUpHeading svg path{}
#paymentSentModal .popUpHeading:after{display:none;}
#paymentSentModal .popUpHeading h2 {display: block; text-align: center;margin:0;line-height:1;}

#paymentSentModal .popUpContent{margin:0;}
#paymentSentModal .popUpContent p{color: var(--primary-color);}
#paymentSentModal .popUpContent p:not(:last-child){margin-bottom:25px;}
#paymentSentModal .popUpContent p span {display: block;font-size:17px;font-weight:bold;}
/*END PAYMENT SENT MODAL*/

/*STUDENT LOCK*/
#unlockStudentModal{padding:25px;}
#unlockStudentModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#unlockStudentModal .popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#unlockStudentModal .popUpClose svg path{stroke:var(--accent1);}
#unlockStudentModal .popUpClose:hover{opacity: 0.5;}

#unlockStudentModal .unlockStudentModalHeading{margin-bottom:10px;}
#unlockStudentModal .unlockStudentModalHeading svg{vertical-align:middle;}
#unlockStudentModal .unlockStudentModalHeading svg path{}
#unlockStudentModal .unlockStudentModalHeading h2 {display: block; text-align: center;}

#unlockStudentModal .contentArea{}
#unlockStudentModal .contentArea p{margin-bottom:0;color:var(--primary-color);}
#unlockStudentModal .contentArea p:not(:last-child){margin-bottom:15px;}
#unlockStudentModal .contentArea p span{font-size:17px;font-weight:bold;}

/*END STUDENT LOCK*/

/*GROUP TRAINING MODAL*/
#groupTrainingModal{}
#groupTrainingModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#groupTrainingModal .modal-box {padding: 0;max-width:650px;}

#groupTrainingModal .modal-box .eng-ver{}
#groupTrainingModal .modal-box .spa-ver{}

#groupTrainingModal .popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#groupTrainingModal .popUpClose svg path{stroke:var(--accent1);}
#groupTrainingModal .popUpClose:hover{opacity: 0.5;}

#groupTrainingModal .popUp{padding:14px 14px 35px;width:100%;}

#groupTrainingModal .popUpHeading{margin:0 auto 25px;flex-direction: column;padding-bottom:10px;text-align:left;}
/*#groupTrainingModal .popUpHeading:after{display:none;}*/
#groupTrainingModal .popUpHeading img{width:150px;max-width:100%;}

#groupTrainingModal .popUpContent{margin:0;}
#groupTrainingModal .popUpContent h2{display: block;color:var(--primary-color);margin-bottom:15px;}
#groupTrainingModal .popUpContent p{margin-bottom:0;color:var(--primary-color);}
#groupTrainingModal .popUpContent p:not(:last-child){margin-bottom:25px;}
#groupTrainingModal .popUpContent p span{}

#groupTrainingModal .popUpContent form{}

#groupTrainingModal .form-radio-btns {position: relative;width:380px;max-width:100%;margin:0 auto;display:flex;flex-direction: column;gap: 15px;}
#groupTrainingModal .form-radio-btns .form-item {margin-bottom: 0;border:1px solid rgba(21, 21, 22, 0.05);border-radius:10px;padding:10px;box-sizing:border-box;}
#groupTrainingModal .form-radio-btns label {font-size: 16px;line-height: 18px;margin-bottom: 0;color: #151516;cursor: pointer; padding-left: 25px;width: 100%;position: relative;border: 1px solid transparent;padding: 7px 10px 7px 30px; border-radius: 8px;letter-spacing: -0.03em;font-weight: 500;display:block;}

#groupTrainingModal .form-radio-btns label.selected {border: 1px solid #FF5A5F;}

#groupTrainingModal .form-radio-btns label small {display: flex; gap:5px;}
#groupTrainingModal .form-radio-btns input[type="radio"] {position: absolute; top: 9px;left: 9px; margin: 0;accent-color: #FF5A5F;cursor: pointer;}
#groupTrainingModal .form-radio-btns select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 13px 15px; color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; }

#groupTrainingModal .choose-btns { margin: 25px auto 0; display: flex; justify-content: center; gap: 14px; flex-wrap: unset;}
#groupTrainingModal .choose-btns button { width: auto; border-radius: 10px; font-weight: 500; }
/*END GROUP TRAINING MODAL*/

/*GROUP TRAINING SUCCESS MODAL*/
#groupTrainingSuccessModal{}
#groupTrainingSuccessModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#groupTrainingSuccessModal .modal-box {padding: 0;max-width:650px;}

#groupTrainingSuccessModal .popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#groupTrainingSuccessModal .popUpClose svg path{stroke:var(--accent1);}
#groupTrainingSuccessModal .popUpClose:hover{opacity: 0.5;}

#groupTrainingSuccessModal .popUp{padding:14px 14px 35px;width:100%;}

#groupTrainingSuccessModal .popUpHeading{margin:0 auto 25px;flex-direction: column;padding-bottom:10px;text-align:left;}
/*#groupTrainingModal .popUpHeading:after{display:none;}*/
#groupTrainingSuccessModal .popUpHeading img{width:150px;max-width:100%;}

#groupTrainingSuccessModal .popUpContent{margin:0;}
#groupTrainingSuccessModal .popUpContent .complete-icon {display: block; height: 42px; width: 42px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative;}
#groupTrainingSuccessModal .popUpContent .complete-icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#groupTrainingSuccessModal .popUpContent h2{display: block; text-align: center;color:var(--primary-color);margin-bottom:20px;}
#groupTrainingSuccessModal .popUpContent p{margin-bottom:0;color:var(--primary-color);font-weight:normal;line-height:150%;}
#groupTrainingSuccessModal .popUpContent p a{}

#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageHolder{position:relative;display:inline-block;vertical-align:middle;color: var(--primary-color);font-weight:normal;}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer{position:relative;display:inline-block;vertical-align:middle;color: var(--primary-color);}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer a{position:relative;color:var(--accent1);}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip{position: relative;cursor: pointer;display: inline-block;vertical-align: middle;margin-left: 5px;}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip svg{width:auto;height:16px;cursor:pointer;}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip svg path{fill: var(--accent2);}

#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: 83%;}
#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip .table-link-tooltip { visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -35px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

#groupTrainingSuccessModal .popUpContent .groupTrainingSuccessMessageContainer .copy-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:12px;line-height:12px;}

#groupTrainingSuccessModal .popUpContent p:not(:last-child){margin-bottom:25px;}
#groupTrainingSuccessModal .popUpContent p span{}

#groupTrainingSuccessModal .choose-btns { margin: 25px auto 0; display: flex; justify-content: center; gap: 14px; flex-wrap: unset;}
#groupTrainingSuccessModal .choose-btns button { width: auto; border-radius: 10px; font-weight: 500; }
/*END GROUP TRAINING SUCCESS MODAL*/


/*RSVP MODAL*/
#RSVPModal{}
#RSVPModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}
#RSVPModal .modal-box {padding: 0;}

#RSVPModal .popUpClose svg {vertical-align: middle; fill:var(--accent1);}
#RSVPModal .popUpClose svg path{stroke:var(--accent1);}
#RSVPModal .popUpClose:hover{opacity: 0.5;}

#RSVPModal .popUp{padding:14px 14px 35px;}

#RSVPModal .popUpHeading{margin:0 auto 25px;flex-direction: column;padding-bottom:10px;text-align:left;}
/*#RSVPModal .popUpHeading:after{display:none;}*/
#RSVPModal .popUpHeading img{width:150px;max-width:100%;}

#RSVPModal .popUpContent{margin:0;}
#RSVPModal .popUpContent .complete-icon {display: block; height: 42px; width: 42px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative;}
#RSVPModal .popUpContent .complete-icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#RSVPModal .popUpContent h2{display: block; text-align: center;color:var(--primary-color);margin-bottom:20px;}
#RSVPModal .popUpContent p{margin-bottom:0;color:var(--primary-color);font-weight:normal;}
#RSVPModal .popUpContent p:not(:last-child){margin-bottom:15px;}
#RSVPModal .popUpContent p span{}
/*END RSVP MODAL*/
#contact-info-sidebar { display: flex; flex-direction: column; width: 15.85%;flex-shrink: 0;}
.toggle_right_nav_holder {height: 100%;}
.toggle_right_sidebar_nav { height: 100%; display: flex; flex-direction: column; }
#contact-info-sidebar h2 {min-height: 26px; display: flex; align-items: center;gap: 6px;color: var(--sys-dark);}

/*CONTACT INFO BILLING START*/

.billing_Container { margin: 10px 0 0; }
.billing_Container h2, .billing_lower .billing_lower_box h3 { color: var(--sys-dark); margin-bottom: 14px; }
.billing_product-con {margin-bottom: 20px;}
.billing_product-con .billing_product {width: 32%;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; position: relative; overflow: hidden;}
.billing_product-con .billing_product .billing_product-header {display: flex;min-height: 59px; align-items: center; padding: 10px 11px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);gap: 10px;}
.billing_product-con .billing_product .billing_product-header .billing_product-logo {width: 36px; height: 36px;border-radius: 6px;border: 1px solid #eeeeee; background: #f9f9f9; position: relative;}
.billing_product-con .billing_product .billing_product-header .billing_product-logo svg, .billing_product-con .billing_product .billing_product-header .billing_product-logo img {position: absolute; top: 50%; left:50%;transform: translate(-50%,-50%);width: 24px; height: 24px;}
.billing_product-con .billing_product .billing_product-header h3 {color: var(--sys-dark);}
.billing_product-con .billing_product .billing_product-header p, .billing_product-con .billing_product .billing_product-header p q {display: inline-block;vertical-align: middle; color: rgba(21, 21, 22, 0.40); }
.billing_product-con .billing_product .billing_product-header p q {cursor: pointer;}
.billing_product-con .billing_product .billing_product-desc {padding: 9px 11px 12px;}

.billing_upper { margin-bottom: 22px; }
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item { display: flex; justify-content: space-between; align-items: center;background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; padding: 13px;margin-bottom: 14px;}
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item .billing_upper_img { background: var(--sys-white); width: 34px; height: 10px; margin-right: 10px;  display: inline-block; vertical-align: middle; }
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item .billing_upper_img img { width: 100%;}
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item span { font-weight: 600; display: inline-block; vertical-align: middle; color: var(--sys-dark);}
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item small  {display: block; margin-top: 8px; }
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item .billing_upper_box_item_right { text-align: right; color: var(--sys-dark);}
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item small  {display: block; color: rgba(21, 21, 22, 0.4);  margin-top: 4px; }
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item small a { display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.4); }
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item small a:hover {text-decoration: underline;}
.billing_upper .billing_upper_box .billing_upper_box_item_holder .billing_upper_box_item small q { margin: 0 5px; display: inline-block; vertical-align: middle;color: rgb(21, 21, 22);opacity: 0.1; }
.billing_upper .payment_box { margin-top: 15px; }
.billing_upper .payment_box .choose-btns button{width:40%;margin:0 auto;}

.billing_lower .billing_lower_box:not(:last-child) { margin-bottom: 25px; }
.billing_lower .billing_lower_box h3 {margin-bottom: 7px; }
.billing_lower .billing_lower_box table { border-collapse: collapse; width: 100%; table-layout: fixed;}
.billing_lower .billing_lower_box table thead tr { border-bottom: 1px solid #BDC2CC66; }
.billing_lower .billing_lower_box table tr th {color: rgba(21, 21, 22, 0.4); text-align: left;padding: 8px 0;}
.billing_lower .billing_lower_box table tr td { text-align: left; position: relative; padding: 10px 10px 10px 0; }
.billing_lower .billing_lower_box table thead tr th:last-child, .billing_lower .billing_lower_box table tr td:last-child { text-align: left; }
.billing_lower .billing_lower_box table tr:not(:last-child) { border-bottom: 1px solid #BDC2CC66; }
.billing_lower .billing_lower_box table tr td {color: var(--sys-dark); }
.billing_lower .billing_lower_box table tr td:first-child { width: 11%; }
.billing_lower .billing_lower_box table tr td:nth-child(2) { width: 35%;}
.billing_lower .billing_lower_box table tr td:nth-child(3) { width: 25%; }
.billing_lower .billing_lower_box table tr td:nth-child(4) { font-weight: 500; padding-left: 21px; }
.billing_lower .billing_lower_box table tr td.awt { color: var(--accent2); }
.billing_lower .billing_lower_box table tr td.awt::before { content: ""; position: absolute; left: 0; -webkit-mask: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8.00004C1.3335 4.31814 4.31826 1.33337 8.00016 1.33337C11.682 1.33337 14.6668 4.31814 14.6668 8.00004C14.6668 11.6819 11.682 14.6667 8.00016 14.6667ZM8.00016 13.3334C10.9457 13.3334 13.3335 10.9456 13.3335 8.00004C13.3335 5.05452 10.9457 2.66671 8.00016 2.66671C5.05464 2.66671 2.66683 5.05452 2.66683 8.00004C2.66683 10.9456 5.05464 13.3334 8.00016 13.3334ZM8.66683 8.00004H11.3335V9.33337H7.3335V4.66671H8.66683V8.00004Z'/></svg>"); mask: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8.00004C1.3335 4.31814 4.31826 1.33337 8.00016 1.33337C11.682 1.33337 14.6668 4.31814 14.6668 8.00004C14.6668 11.6819 11.682 14.6667 8.00016 14.6667ZM8.00016 13.3334C10.9457 13.3334 13.3335 10.9456 13.3335 8.00004C13.3335 5.05452 10.9457 2.66671 8.00016 2.66671C5.05464 2.66671 2.66683 5.05452 2.66683 8.00004C2.66683 10.9456 5.05464 13.3334 8.00016 13.3334ZM8.66683 8.00004H11.3335V9.33337H7.3335V4.66671H8.66683V8.00004Z'/></svg>"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 16px; height: 16px; background-color: var(--accent2); top: 50%; transform: translateY(-50%);}
.billing_lower .billing_lower_box table tr td:last-child { width: auto; }
.billing_lower .billing_lower_box table tr:not(:last-child) { border-bottom: 1px solid #BDC2CC66; }
.billing_lower .billing_lower_box table tr td.dc { color: var(--sys-red); }
.billing_lower .billing_lower_box table tr td.dc::before { content: ""; position: absolute; left: 0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM16.8911 8.52313L8.52313 16.8911C8.25459 16.6997 7.99828 16.4836 7.75736 16.2426C7.51644 16.0017 7.30029 15.7454 7.10891 15.4769L15.4769 7.10891C15.7454 7.30029 16.0017 7.51644 16.2426 7.75736C16.4836 7.99828 16.6997 8.25459 16.8911 8.52313Z'%3E%3C/path%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM16.8911 8.52313L8.52313 16.8911C8.25459 16.6997 7.99828 16.4836 7.75736 16.2426C7.51644 16.0017 7.30029 15.7454 7.10891 15.4769L15.4769 7.10891C15.7454 7.30029 16.0017 7.51644 16.2426 7.75736C16.4836 7.99828 16.6997 8.25459 16.8911 8.52313Z'%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 16px; height: 16px; background-color: var(--sys-red); top: 50%; transform: translateY(-50%);}

/*CONTACT INFO BILLING END*/

/*CONTACT INFO COURSE PROGRESS START*/

.courseProgress_Container{margin:10px 0 0;}
.courseProgressTable {}
.courseProgressTable table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.courseProgressTable table thead{position: sticky;top: 0;background: #F9F9FA;z-index: 999;border-bottom: calc(1px * 1.3) solid rgba(21, 21, 22, 0.10);box-shadow: inset 0 -1px 0 rgba(21, 21, 22, 0.10);}
.courseProgressTable table thead tr{}
.courseProgressTable table thead tr th{color: rgba(21, 21, 22, 0.40);text-align:left;padding:10px 0;}

.courseProgressTable table tr{position:relative;}
.courseProgressTable table tr:hover td {background-color: #BDC2CC1A;}
.courseProgressTable table tr td{padding: 13px 13px 13px 0;vertical-align: middle;}
.courseProgressTable table tr td:first-child{padding-left:0;}
.courseProgressTable table tr td:last-child{padding-right:0;}

.courseProgressTable table tr td .lessonHolder{position:relative;}

.courseProgressTable table tr td .lessonTitle{display:inline-block;vertical-align:middle;}
.courseProgressTable table tr td .lessonTitle small{color:#15151666;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.courseProgressTable table tr td .lessonTitle > span{color:var(--primary-font);font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}

.courseProgressTable table tr td .lessonHolder:before{content: ''; width: 32px; height: 32px; margin-right: 12px; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M6 8V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6ZM19 10H5V20H19V10ZM11 15.7324C10.4022 15.3866 10 14.7403 10 14C10 12.8954 10.8954 12 12 12C13.1046 12 14 12.8954 14 14C14 14.7403 13.5978 15.3866 13 15.7324V18H11V15.7324ZM8 8H16V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background-color: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.courseProgressTable table tr.complete td .lessonHolder:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05);}

.courseProgressTable table tr.retake td .lessonHolder:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(247, 43, 43, 0.05); background-color: rgba(247, 43, 43, 0.05); }

.courseProgressTable table tr td .quizHolder{position:relative;}
.courseProgressTable table tr td .quizTitle{display:inline-block;vertical-align:middle;}
.courseProgressTable table tr td .quizTitle > small{color:#15151666;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.courseProgressTable table tr td .quizTitle > span{color:var(--primary-font);font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}

.courseProgressTable table tr td .scoreHolder{position:relative;display: flex;justify-content: space-between;align-items: center;}
.courseProgressTable table tr td .scoreTitle{display:inline-block;vertical-align:middle;}
.courseProgressTable table tr td .scoreTitle span{font-weight:bold;}

.courseProgressTable table tr.complete td .scoreTitle span{color: #4ABA7B;}
.courseProgressTable table tr.retake td .scoreTitle span{color: #F72B2B;}

.scoreHolder .graph{background: #e2e2e2;height: 6px;border-radius: 20px;position: relative;overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 50px);}
.scoreHolder .graph span{display:block;height:100%;border-radius:20px;background:var(--accent2);}
.courseProgressTable table tr.complete td .scoreHolder .graph span{background: linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%);}
.courseProgressTable table tr.retake td .scoreHolder .graph span{background: linear-gradient(270deg, #F72B2B 0%, rgba(247, 43, 43, 0.00) 100%);}

/*END CONTACT INFO COURSE PROGRESS START*/

/**DIAL SCHEDULE START**/
.dial-schedule-dropdown-con {position: relative;}
.dial-schedule-dropdown-con .dropdown-btn { display: flex; align-items: center; color: #151516;}
.dial-schedule-dropdown-con a.dropdown-btn {color: var(--accent2); opacity: 1; display: flex; align-items: center;gap: 5px;}
.dial-schedule-dropdown-con a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 0; pointer-events: none;}
.dial-schedule-dropdown-con a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: var(--accent2);line-height: 0;}
/*.dial-schedule-dropdown-con a.dropdown-btn:after {content: ""; display: block; width: 100%; height: 3px; position:absolute; left: 0; top: calc(100% + 5px); background: var(--accent2);}*/
.dial-schedule-dropdown-con .sys-dropdown {border-radius: 6px;top: calc(100% + 4px);}
.dial-schedule-dropdown-con:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}
.page-calendar-weekly { height: calc(100vh - 116px); }
.page-calendar-weekly section {display: block; height: 100%; overflow: hidden;}

.dial-schedule-header {display: flex; justify-content: space-between; align-items: center;margin-bottom: 13px;column-gap:10px;}
.dial-schedule-title {width: auto;flex-shrink: 1;}
.dial-schedule-btns-con {justify-content: flex-end;flex: 1;column-gap:10px;}
.dial-schedule-btns-con .dial-schedule-save {margin-right: 0;}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.dial-schedule-btns-con .dial-schedule-save i {display: none;}
.dial-schedule-btns-con .dial-schedule-save small { animation: fadeIn .1s ease-in; display: none;}
.dial-schedule-btns-con .dial-schedule-save small.fade-out { animation: fadeOut .6s ease-in-out; }

.dial-schedule-btns .list-calBtns {display: flex; justify-content: space-between;margin-bottom: 8px;}
.dial-schedule-btns .list-calBtns button {margin-left: 8px}

.dial-sched { clear: both; display: block;overflow: auto; height: calc(100vh - 145px);}
.dial-sched tbody {display: table; width: 100%;}

.tbl-dialSched  {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%;overflow: auto; height: calc(100vh - 145px);;display: block;}
.tbl-dialSched .table-spacer {height: 23px; display: none;}

.tbl-dialSched tr, .tbl-dialSched td  {box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; text-align: left;border: 1px solid rgba(21, 21, 22, 0.05);color: var(--sys-dark);}
.tbl-dialSched th, .tbl-dialSched td  {padding: 9px 7px;height: 49px;width: 12.5%; min-width: 110px;white-space: nowrap;}
.tbl-dialSched td span {color: var(--sys-dark);}
.tbl-dialSched th:first-child {border-left: none;}
.tbl-dialSched td div { background-color: var(--sys-white);border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 8px; color: var(--sys-white); display: block;padding: 5px 9px; color: var(--sys-dark); cursor: pointer;display: flex; justify-content: space-between; align-items: center;line-height: 100%; min-height: 30px;gap: 8px;}
.tbl-dialSched td div.sched-active {background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1);color: var(--sys-white);}
.tbl-dialSched td div.sched-active span {color: var(--sys-white);width: calc(100% - 22px);}
.tbl-dialSched td a span { color: #FFFFFF80; float: right; font-weight: normal; }

.tbl-dialSched td div .dial-schedule-checkbox {content: ""; display: block; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.15); background: #FFF; width: 14px; height: 14px;position: relative;}
.tbl-dialSched td div.sched-active .dial-schedule-checkbox { border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.25); }
.tbl-dialSched td div.sched-active .dial-schedule-checkbox svg {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}

.tbl-dialSched td:first-child {border-left: 1px solid transparent;}

.tbl-dialSched-header {display: table-row; z-index: 99; background: #f0f3f5; border: 1px solid #f0f3f5 !important; border-bottom: 1px solid rgba(21, 21, 22, 0.05) !important; position: relative; width: 100%;}
.tbl-dialSched th {color: var(--accent2); position: sticky;top: -1px;z-index: 9;background: #f0f3f5;border: 1px solid rgba(21, 21, 22, 0.05);border-top: none;flex: 12.5%; height: unset; padding: 0 7px 7px;}
/**DIAL SCHEDULE END**/

/*NEW DESIGN DIAL SCHEDULE */

.page-dial-calendar { height: calc(100vh - 116px); }
.page-dial-calendar section {display: block; height: 100%; overflow: hidden;}

.page-dial-calendar .wrapper{margin: 0 auto;}


.page-dial-calendar-container{display: flex;flex-direction: column;gap: var(--clamp-14);height: calc(100vh - 116px);}

.dial-calendar-dropdown-con {position: relative;}
.dial-calendar-dropdown-con .dropdown-btn { display: flex; align-items: center; color: #151516;}
.dial-calendar-dropdown-con a.dropdown-btn {color: var(--primary-color); opacity: 1; display: flex; align-items: center;gap: 5px;}
.dial-calendar-dropdown-con a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 0; pointer-events: none;}
.dial-calendar-dropdown-con a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #151516;line-height: 0;}

.dial-calendar-dropdown-con a.dropdown-btn span{position:relative;}

.dial-calendar-dropdown-con .sys-dropdown {top: calc(100% + 4px);border: 1px solid #1515161A; border-radius: 8px; padding: 6px 11px; line-height: 100%;filter: drop-shadow(0 2.5px 5px #1515160D);}
.dial-calendar-dropdown-con .sys-dropdown ul{}
.dial-calendar-dropdown-con .sys-dropdown ul li{}
.dial-calendar-dropdown-con .sys-dropdown ul li:not(:last-child){border-bottom:1px solid #1515161A;}
.dial-calendar-dropdown-con .sys-dropdown ul li a{display:inline-flex;justify-content:space-between;padding:5px 0;align-items: center;gap: 10px;width:100%;}
.dial-calendar-dropdown-con .sys-dropdown ul li a span{display:inline-block;min-width:100px;}
.dial-calendar-dropdown-con .sys-dropdown ul li a small{display: block; border-radius: 50%; border: 1px solid #15151633; background: #FFF; width: 14px; height: 14px; position: relative;}
.dial-calendar-dropdown-con .sys-dropdown ul li a small.checkbox-default{display:block;}
.dial-calendar-dropdown-con .sys-dropdown ul li a small.checkbox-active{display:none;background: var(--accent2);position:relative;}
.dial-calendar-dropdown-con .sys-dropdown ul li a small.checkbox-active:before{content: ""; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 90, 95, 0.5) 44%, rgba(255, 90, 95, 0) 100%); box-sizing: border-box; display: block; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%);}

.dial-calendar-dropdown-con .sys-dropdown ul li a small.checkbox-active svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.dial-calendar-dropdown-con .sys-dropdown ul li.active {}
.dial-calendar-dropdown-con .sys-dropdown ul li.active a small.checkbox-default{display:none;}
.dial-calendar-dropdown-con .sys-dropdown ul li.active a small.checkbox-active{display:block;}

.dial-calendar-dropdown-con:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}

.dial-calendar-header {display: flex; justify-content: space-between; align-items: center;column-gap:10px;position:relative;z-index: 110;}
.dial-calendar-header .dial-calendar-title {width: auto;flex-shrink: 1;font-family: var(--secondary-font);}
.dial-calendar-btns-con {justify-content: flex-end;flex: 1;column-gap:var(--clamp-10);align-items:stretch;}
.dial-calendar-btns-con .dial-calendar-btns-text{line-height: 1;display: flex; align-items: center;}
.dial-calendar-btns-con .dial-calendar-btns-text span{color:#15151673;font-family: var(--primary-font); sans-serif;letter-spacing: -0.04em;}

.dial-calendar-btns-con .dial-calendar-btns-options{border: 1px solid #1515161A; border-radius: 8px; padding: 2px; line-height: 100%;filter: drop-shadow(0 2.5px 5px #1515160D);background: #FFF;}
.dial-calendar-btns-con .dial-calendar-btns-options ul{}
.dial-calendar-btns-con .dial-calendar-btns-options ul li{}
.dial-calendar-btns-con .dial-calendar-btns-options ul li button{height:var(--clamp-text-26);min-width:68px;color:#15151673;background: none; border-radius: 5px; border: none; padding: 0; box-shadow: none;font-family: var(--primary-font);font-size:var(--clamp-text-sm);height: calc(var(--clamp-text-24) + 2px);}
.dial-calendar-btns-con .dial-calendar-btns-options ul li button.btn-primary{color:var(--accent2);background:#FF5A5F26;opacity:1;}
    
.dial-calendar-btns-con .dial-calendar-btns-options ul li button.active { color: var(--accent2); background: #FF5A5F26; opacity: 1; }
.dial-calendar-btns-con .dial-calendar-btns-options ul li button:hover { color: var(--accent2); background: #FF5A5F26; opacity: 1; }
.dial-calendar-btns-con .dial-calendar-btns-options ul:hover li:not(:hover) button.active { color: #15151673; background: none;}

 
.dial-calendar-btns-con .dial-session-save {margin-right: 0;min-width:56px; height: unset; font-size: var(--clamp-text-sm); margin: 1px 0;}
.dial-calendar-btns-con .dial-session-save span {display: block;}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.dial-calendar-btns-con .dial-session-save i {display: none;}
.dial-calendar-btns-con .dial-session-save small { animation: fadeIn .1s ease-in; display: none;}
.dial-calendar-btns-con .dial-session-save small.fade-out { animation: fadeOut .6s ease-in-out; }

.dial-calendar-btns-options .list-calBtns {}
.dial-calendar-btns-options .list-calBtns button {}

.dial-session-sched { clear: both; display: block;overflow: auto; height: calc(100vh - 145px);}
.dial-session-sched tbody {display: table; width: 100%;}

.dialSched-tbl {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%;overflow: auto; height: 100%;display: block;}
.dialSched-tbl .table-spacer {height: 23px; display: none;}

.dialSched-tbl tbody tr:nth-child(3) td {padding-top: 0;}

.dialSched-tbl-header {display: table-row; z-index: 99; background: #F7F9FA;background: #F0F3F5; border: 1px solid #F0F3F5 !important; border-bottom: 1px solid rgba(21, 21, 22, 0.05) !important; position: relative; width: 100%;text-align:left;}
.dialSched-tbl-header th{color: var(--accent2);color:var(--primary-color); position: sticky;top: -1px;z-index: 9;font-weight:600;font-family:var(--secondary-font);}

.dialSched-tbl th,
.dialSched-tbl td{padding: var(--clamp-10);min-width: 110px;white-space: nowrap;}

.dialSched-tbl th{padding:0 var(--clamp-6) var(--clamp-16);background: var(--main-bg);}
.dialSched-tbl th:before{content: ""; width: 1px; height: 100%; background: inherit; position: absolute; left: -1px; top: 0;}


.dialSched-tbl td{box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; text-align: left;border: 1px solid #1515161A;position:relative;}
.dialSched-tbl td:first-child {border-left: 1px solid transparent;}
.dialSched-tbl td:last-child {border-right: 1px solid transparent;}

.dialSched-tbl tr.dialSched-boxes:not(:first-child) td{border-top:1px solid transparent;}
/*.dialSched-tbl tr.dialSched-boxes:nth-of-type(3) td{padding-top: 0 !important;height: auto;}*/
.dialSched-tbl tr.dialSched-boxes:last-child td {border-bottom:1px solid transparent;/*padding-bottom: 0;height: auto;*/}

/*.dialSched-tbl tr.dialSched-boxes:first-of-type td{border-top:1px solid transparent;}
.dialSched-tbl tr.dialSched-boxes:last-of-type td{border-bottom:1px solid transparent;}*/

.dialSched-tbl td .dialSched-box{display:flex;align-items: center;line-height: 100%;gap: var(--clamp-10);}
.dialSched-tbl td .dialSched-box span{color:#15151673;width: calc(100% - 22px);text-transform:lowercase;font-family: var(--primary-font);}
.dialSched-tbl td .dialSched-box small{display: block; border-radius: 50%; border: 1px solid #15151633; background: #FFF; width: var(--clamp-text-base); height: var(--clamp-text-base); position: relative;}

.dialSched-tbl td .dialSched-box small svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: var(--clamp-text-xs);height: var(--clamp-text-xs);}

.dialSched-tbl td .dialSched-box.dialSched-active span{color: var(--primary-color);}
.dialSched-tbl td .dialSched-box.dialSched-active small{background: var(--accent2);position:relative;}
.dialSched-tbl td .dialSched-box.dialSched-active small:before{content: ""; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 90, 95, 0.33) 44%, rgba(255, 90, 95, 0) 100%); box-sizing: border-box; display: block; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%);}

.dialSched-tbl td:has(:not(.dialSched-active)[style="display: none;"]):before{content: "";background: radial-gradient(50% 50% at 50% 50%, rgba(255, 90, 95, 0.1) 50%, rgba(255, 90, 95, 0) 100%);box-sizing: border-box; display: block; width: 100%; height: 140%; position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%,-50%);}

/*background: radial-gradient(45% 50% at 50% 50%, rgba(255, 122, 72, 0.1) 44%, rgba(255, 122, 72, 0) 100%);*/ 
/*.dialSched-tbl tr, .dialSched-tbl td  {box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; text-align: left;border: 1px solid rgba(21, 21, 22, 0.05);color: var(--sys-dark);}


.dialSched-tbl td div .dial-schedule-checkbox {content: ""; display: block; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.15); background: #FFF; width: 14px; height: 14px;position: relative;}
.dialSched-tbl td div.sched-active .dial-schedule-checkbox { border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.25); }
.dialSched-tbl td div.sched-active .dial-schedule-checkbox svg {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}

.dialSched-tbl td:first-child {border-left: 1px solid transparent;}*/


/*.dialSched-tbl tr, .dialSched-tbl td  {box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; text-align: left;border: 1px solid rgba(21, 21, 22, 0.05);color: var(--sys-dark);}
.dialSched-tbl th, .dialSched-tbl td  {padding: 10px;height: 36px;width: 12.5%; min-width: 110px;white-space: nowrap;}
.dialSched-tbl td span {color: var(--sys-dark);}
.dialSched-tbl th:first-child {border-left: none;}
.dialSched-tbl td div { background-color: var(--sys-white);border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 8px; color: var(--sys-white); display: block;padding: 5px 9px; color: var(--sys-dark); cursor: pointer;display: flex; justify-content: space-between; align-items: center;line-height: 100%; min-height: 30px;gap: 8px;}
.dialSched-tbl td div.sched-active {background: var(--accent2); border: 1px solid rgba(255, 255, 255, 0.1);color: var(--sys-white);}
.dialSched-tbl td div.sched-active span {color: var(--sys-white);width: calc(100% - 22px);}
.dialSched-tbl td a span { color: #FFFFFF80; float: right; font-weight: normal; }

.dialSched-tbl td div .dial-schedule-checkbox {content: ""; display: block; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.15); background: #FFF; width: 14px; height: 14px;position: relative;}
.dialSched-tbl td div.sched-active .dial-schedule-checkbox { border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.25); }
.dialSched-tbl td div.sched-active .dial-schedule-checkbox svg {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}

.dialSched-tbl td:first-child {border-left: 1px solid transparent;}*/

/*END NEW DESIGN DIAL SCHEDULE */

/**CAMPAIGN START**/

.main-content .cms-campaign { height: calc(100vh - 82px); }
.cms-campaign .block-leads__heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cms-campaign .block-leads__ttl { display: flex; align-items: center; line-height: 120%; max-width: 254px; position: relative; }
.table-campaign {padding-top: 15px; }
.table-campaign table { width: 100%; }
.table-campaign table tr th { color: #15151680; font-size: 12px; padding: 10px 0; }
.table-campaign table tr td { border-bottom: 1px solid rgba(21, 21, 22, 0.08);; font-size: 14px; padding: 15px 0; position: relative; width: 10%; vertical-align: middle; }
.table-campaign table tr td:first-child { width: 4.6%; }
.table-campaign table tr td:nth-child(2) { width: 68%; }
.data-pagi { align-items: center; display: flex; }
.data-pagi li:first-child  {padding-right: 15px; }
.data-pagi li a {display: block; }
.data-pagi li a.prev::before, .data-pagi li a.next::before { content: " "; cursor: pointer; display: block; height: 5px; position: relative; top: 7px; transform: rotate(45deg); width: 5px; }
.data-pagi li a.prev::before { border-left: 1px solid #1515161A; border-bottom: 1px solid #1515161A; }

/**CAMPAIGN END**/

/*EMAIL BULK START*/
.bulkModalCon { position: fixed; width: 100%; left: 0; display: flex; justify-content: center; align-items: center; }
#bulkModal.material-pop { max-width: 1130px; max-height: 90% !important;left: unset !important; top: unset !important;width: 100%; height: 90%;overflow: hidden;padding-bottom: 20px;display: flex; flex-direction: column; position: relative;transform: none !important;border-radius: 16px;}
#bulkModal.material-pop h2 {margin: 10px auto; display: flex; flex-direction: column; align-items: center;}
#bulkModal.material-pop h2 small {display: flex; justify-content: center; align-items: center;margin-bottom: 10px;color: var(--accent2);font-weight: bold;gap: 8px;}
#bulkModal.material-pop .modal-tabs {margin: 5px auto; display: flex; align-items: center;gap: 6px;}
#bulkModal.material-pop .modal-tabs button {padding: 5px 0 8px 0; font-family: var(--primary-font);position: relative;}
#bulkModal.material-pop .modal-tabs button.active:before, #bulkModal.material-pop .modal-tabs button:hover:before {content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: var(--accent2);}
#bulkModal.material-pop .modal-tabs button.active, #bulkModal.material-pop .modal-tabs button:hover {color: var(--accent2);opacity: 1;}
#bulkModal.material-pop .modal-tabs button.active svg, #bulkModal.material-pop .modal-tabs button:hover svg {fill: var(--accent2)}
#bulkModal.material-pop label > * {margin-top: 0;}
#contact-manager__email-bulk {background: var(--sys-white); overflow: auto; flex-grow: 1;}

.editor .mce-container-body .mce-toolbar-grp.mce-container.mce-panel {background:#f0f0f0;}

#contact-manager__email-bulk {display: flex; flex-direction: column;}
#contact-manager__email-bulk .form-con {display: flex; flex-direction: column; flex-grow: 1;}
#contact-manager__email-bulk .form-con .message {flex-grow: 1;}
#contact-manager__email-bulk .form-item {margin-bottom: 22px;position: relative;}
#contact-manager__email-bulk .form-item .msg_email_subject { width: 100%; }
#contact-manager__email-bulk .form-item label {color: #15151699;}
#contact-manager__email-bulk h3 { margin-bottom: 14px; color: var(--sys-dark); }
#contact-manager__email-bulk .form-item:has(.send_notification) {flex-direction: column;}

#contact-manager__email-bulk .list-calBtns {margin-bottom: 8px;}
#contact-manager__email-bulk .list-calBtns li label {color: #151516;}
#contact-manager__email-bulk .list-calBtns li input[type=radio] {margin: 0 !important;accent-color: var(--accent2);}
#contact-manager__email-bulk .list-calBtns input[type=text] { border: 0; border-bottom: 1px solid rgba(21, 21, 22, 1); width: 150px; padding-left:0;}
#contact-manager__email-bulk .list-calBtns a {line-height: 0;}
#contact-manager__email-bulk .list-calBtns span {color: #151516;padding: 0 5px; text-decoration: underline;padding: 2px 5px;}
#contact-manager__email-bulk .list-calBtns button:has(i) {display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 6px; border: 1px solid rgba(74, 186, 123, 1); position: relative; position: relative;}
#contact-manager__email-bulk .list-calBtns button:has(i) svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#contact-manager__email-bulk .list-calBtns button:has(i):hover {background: rgba(74, 186, 123, 1); opacity: 1;}
#contact-manager__email-bulk .list-calBtns button:has(i):hover svg path {fill: #ffffff;}
#contact-manager__email-bulk .list-calBtns a.edit-btn:hover {opacity: 0.5;}

#contact-manager__email-bulk .list-calBtns span.errorMsg{text-decoration: none; padding: 0; display: block; margin-top: 3px; font-size: 13px;font-weight:normal;position:absolute;line-height:100%;}
#contact-manager__email-bulk .list-calBtns button:has(i.sendTestLoader) {height: 24px;font-weight: 500;font-size: 12px;min-width: 83px;}

#contact-manager__email-bulk .contactlist-recipient {min-height: 42px;display: flex; align-items: center;}
#contact-manager__email-bulk .contactlist-recipient h4 {color: #151516;}

#contact-manager__email-bulk .flex-time { display: flex; justify-content: flex-start; flex-wrap: nowrap; gap: 12px; }
#contact-manager__email-bulk .sel-time { width: 160px !important; align-items: center; gap: 5px;}
#contact-manager__email-bulk .list-time {border-radius: 10px; display: flex; justify-content: flex-start; flex-wrap: nowrap; }
#contact-manager__email-bulk .list-time li { position: relative; text-align: center; }
#contact-manager__email-bulk .btn-time { height: 42px; position: relative; width: 59px; background-color: #fafafb }
#contact-manager__email-bulk .btn-time label, .btn-time input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#contact-manager__email-bulk .btn-time input[type="radio"] { opacity: 0.011; z-index: 100; }
#contact-manager__email-bulk .btn-time label {border-radius: 10px; color: #15151629; cursor: pointer; font-weight: bold; z-index: 90; line-height: 42px; margin-bottom: 0 !important; }
#contact-manager__email-bulk .list-time li:first-child::after { background-color: #eef0f2; content: ""; height: 36px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; }
#contact-manager__email-bulk .btn-time input[type="radio"]:checked + label  {background-color: #fff; color: var(--sys-dark); box-shadow: 0 0 5px #ccc; transform: scale(1.05); cursor: default; }

#contact-manager__email-bulk .new-wine-content { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; height: 100%;}
#contact-manager__email-bulk .new-wine-content .toolbar {right: 0; top: unset; bottom: calc(100% + 8px);}
#contact-manager__email-bulk .new-wine-content .content-area {overflow: hidden;}
#contact-manager__email-bulk .new-wine-content .mce-edit-area { height: calc(100% - 40px) !important; }
#contact-manager__email-bulk .new-wine-content .editor .content-area .mce-top-part.mce-container {padding-right: 0;}

#contact-manager__email-bulk .form-con .message textarea#txtBody{height:100%;}
#contact-manager__email-bulk input.email_subject_field.category-field {padding: 10px 13px !important;    background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: 10px 13px; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: var(--sys-dark); width: 100%; resize: none; height: 42px;}

/*EMAIL BULK END*/

/**CREATEFLOW START**/
.page-cma {position: relative;height: calc(100vh - 116px); overflow: auto;}
.page-cma .modal-close-button {top: 3px;}
#contact-manager__template-list { display: flex; flex-wrap: wrap; justify-content: center; margin: 31px auto 0; gap: 15px;}
#contact-manager__template-list li { background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; padding: 14px 14px 107px;width: 24%;min-height: 212px;position: relative;max-width: unset;margin: 0;}
#contact-manager__template-list .page-cma__subttl { height: 47px; padding: 0; display: flex; justify-content: center; flex-direction: column; }
#contact-manager__template-list .page-cma__subttl h2 {color: rgba(21, 21, 22, 0.4);position: relative; margin: 0;}
#contact-manager__template-list .page-cma__subttl h3 {margin-top: 7px; color: var(--sys-dark);}
#contact-manager__template-list .page-cma__box {padding: 8px 30px 0; }
#contact-manager__template-list .page-cma__wrap { min-height: 0; }
#contact-manager__template-list .page-cma__txt  {padding-bottom: 29px; }
#contact-manager__template-list .page-cma__icon {display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 62px;pointer-events: none;}
#contact-manager__template-list .page-cma__icon svg {width: 16px; height: 16px;}
#contact-manager__template-list .page-cma__btns { display: flex; justify-content: center; position: absolute; width: 100%; left: 0; right: 0; margin: 0 auto; bottom: 14px; padding: 0 14px;}
#contact-manager__template-list .page-cma__btns button {width: 100%;}

/**CREATEFLOW END*/

/**EDITFLOW START**/

.cm_flow_set.no.msg-content.leads.wide  {flex-grow: 1; height: 100%;border-radius: 12px;box-shadow: var(--container-shadow);}

.cms-admin {}
.cms-admin .item-ttl .item_ttl__txt {max-width: calc(100% - 120px);}

.accordion-content .accordion-step-item {border-radius: 8px; margin-bottom: var(--clamp-8); padding: 0; position: relative;box-shadow: var(--container-shadow);}
.accordion-content .accordion-step-item .form-group {display: block; position: relative; padding: 0 var(--clamp-12) 0 28px; text-align: left; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 8px; color: rgba(21, 21, 22, 0.60); ; overflow: hidden;cursor: pointer;}
.accordion-content .accordion-step-item .form-group span {color: rgba(21, 21, 22, 0.60); line-height: 32px;cursor: pointer;}
.accordion-content .accordion-step-item .form-group.current, .accordion-content .accordion-step-item .form-group:hover {opacity: 1;background: rgba(21, 21, 22, 0.05); }
.accordion-content .accordion-step-item .form-group.current span, .accordion-content .accordion-step-item .form-group:hover span {color: #151516; font-weight: 600;}
.accordion-content .accordion-step-item .form-group label { position: relative; max-width: 87%; width: auto; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; line-height: 24px; color: var(--sys-dark);}
.accordion-content .accordion-step-item .form-group label .custom-check {overflow: hidden; text-overflow: ellipsis;}
.accordion-content .accordion-step-item a.dragger { left: 8px; position: absolute; top: 50%; transform: translateY(-50%); display: block; line-height: 0; }
.accordion-content .show_fields button  {margin-top: var(--clamp-8); width: 100%; }
.add_cm {padding-top: var(--clamp-20); padding-right: var(--clamp-6);}
.add_cm a {color: rgba(21, 21, 22, 0.4);display: flex; justify-content: space-between; align-items: center; width: 100%;}

.sec-notes__wrap_holder { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; margin-bottom: var(--clamp-20); flex-shrink: 0;}
.sec-notes__wrap_holder .sec-notes__wrap { margin-left: var(--clamp-10); padding-bottom: 0; display: flex; justify-content: flex-start; align-items: center;}
.sec-notes__step {background: var(--accent2-5); border: 1px solid transparent; border-radius: 5px; margin-right: var(--clamp-8); padding: 1px var(--clamp-10); color:var(--accent2);}
.edit-step-icon1 {display: block;background: #294C99; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px;width: 16px;height:16px; margin-right: 6px;position: relative;}
.edit-step-icon2 {display: block;background: var(--sys-red); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px;width: 16px;height:16px; margin-right: 6px;position: relative;}
.edit-step-icon1 svg, .edit-step-icon2 svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.edit-step-icon1:hover, .edit-step-icon2:hover {opacity: 0.5;}

.btm1_accordion ul li { display: block; position: relative; width: 100%; background: var(--sys-white); border: var(--container-border); border-radius: 12px; overflow: hidden; margin-bottom: var(--clamp-12);box-shadow: var(--container-shadow);}
.btm1_accordion ul li .accrdn_holder  {position: relative; }
.btm1_accordion ul li .accrdn_heading_holder { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: var(--clamp-16) var(--clamp-12); padding-right: 45px; cursor: pointer;}
.btm1_accordion ul li .accrdn_heading_holder .accrdn_heading {display: flex; justify-content: flex-start; align-items: center;color: var(--sys-dark);}
.btm1_accordion ul li .accrdn_heading_holder .accrdn_heading span.accrdn_txt {  display: inline-block; vertical-align: middle; }
.btm1_accordion ul li .accrdn_heading_holder .accrdn_heading span.num {  display: inline-block; vertical-align: middle; margin-left: 6px;color:#15151666 }
.btm1_accordion ul li .accrdn_heading_holder::after  {content: ""; background: url('../../images/remix-icons/arrow-down-gray.svg') no-repeat center center / cover; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 15px; height: 15px; transition: all 0.3s ease;}
.btm1_accordion ul li.active .accrdn_heading_holder::after {transform: translateY(-50%) rotate(180deg)}
.btm1_accordion ul li .accrdn_btn { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; cursor: pointer; }
.btm1_accordion ul li .accrdn_btn button { display: block; position: relative; min-width: 94px;}
.btm1_accordion ul li .accrdn_content { border-top: 1px solid #15151680; color: #000000; background: #FAFAFA; padding: 0; display: none; }
.btm1_accordion ul li .accrdn_content .no_trigger {padding: var(--clamp-14) var(--clamp-12);}
.btm1_accordion ul li:last-child {margin-bottom: 0;}

.btm1_accordion .accrdn-inner_box .item {border-radius: 10px; background: var(--sys-white); position: relative; z-index: 1; position: relative;}
.btm1_accordion .accrdn-inner_box .item:last-child {margin-bottom: 0;}
.btm1_accordion .accrdn-inner_box .item .item-ttl { display: flex; justify-content: space-between; align-items: center; padding: var(--clamp-10) 50px var(--clamp-10) var(--clamp-12); position: relative; cursor: pointer; border-bottom: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); align-items: center;}
.btm1_accordion .accrdn-inner_box .item .item-ttl::before { content: ""; background: url('../../images/remix-icons/arrow-down-gray.svg') no-repeat center center / cover; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 15px; height: 15px; transition: all 0.3s ease;}
.btm1_accordion .accrdn-inner_box .item.active .item-ttl::before {transform: translateY(-50%) rotate(180deg)}

.btm1_accordion .item_ttl__txt  { color: var(--sys-dark); position: relative; box-sizing: border-box; padding-left: 40px; float: left; }
.btm1_accordion .item_ttl__txt::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 32px; width: 32px; background: rgba(255, 122, 72, 0.05); border: 1px solid rgba(255, 122, 72, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; }
.btm1_accordion .item_ttl__txt span.marg-btm {margin-bottom: 0; display: block; pointer-events: none;}
.btm1_accordion .item_ttl__txt .item-ttl__btn-name small {display: inline;vertical-align: middle;pointer-events: none;}
.btm1_accordion .item_ttl__txt .item-ttl__btn-name a {display: inline-block; vertical-align: middle; width: 16px; height: 16px;border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; position: relative;margin-left: 6px;}
.btm1_accordion .item_ttl__txt .item-ttl__btn-name a:hover {opacity: 0.5;}
.btm1_accordion .item_ttl__txt .item-ttl__btn-name a svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.btm1_accordion .item_ttl__txt small {color: var(--sys-dark);}
.btm1_accordion .item_ttl__txt .quest::after  {content: ""; background: url(../../images/remix-icons/information-line-gray.svg) no-repeat center top; width: 13px; height: 13px; display: inline-block; margin-left: 5px; top: 50%; transform: translateY(-50%); position: absolute;}
.btm1_accordion .accrdn-inner_box .item-right { display: flex; justify-content: space-between; background: rgba(41, 76, 153, 0.05); border: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; position: relative; cursor: pointer; gap: 6px; padding: 0 9px;align-items: center; min-height: 32px;}
.btm1_accordion .accrdn-inner_box .item-right li {width: unset; background: none; border: 0; border-radius: 0; margin: 0;}
.btm1_accordion .accrdn-inner_box .item-right li a { display: block; padding: 0; text-align: center; display: flex; justify-content: space-between; align-items: center; }
.item-right li a:hover {opacity: 0.5}

.btm1_accordion .accrdn-inner_box .accrdn_content2_item-ttl .item-right {top: unset; transform: none;}
.btm1_accordion .accrdn-inner_box.lev2 .accrdn_content2 { padding: 14px; display: none; background:  rgba(21, 21, 22, 0.025); border-radius: 0 0 12px 12px; }
.btm1_accordion .accrdn-inner_box.lev2 .accrdn_content2_items  {position: relative; margin-bottom: 11px; }
.btm1_accordion .accrdn-inner_box .item:first-child {border-top: 1px solid rgba(21, 21, 22, 0.05);}
.btm1_accordion .accrdn-inner_box .accrdn_content2_item { position: relative; z-index: 1; }
.btm1_accordion .accrdn-inner_box .accrdn_content2_item-ttl { display: flex; justify-content: space-between; align-items: center; padding: var(--clamp-12) 50px var(--clamp-12) var(--clamp-12); position: relative; cursor: pointer; background: var(--sys-white); border: var(--container-border); border-radius: 12px; overflow: hidden; margin-bottom: 14px;}
.btm1_accordion .accrdn-inner_box .accrdn_content2_item-ttl::before {  content: ""; background: url('../../images/remix-icons/arrow-down-gray.svg') no-repeat center center / cover; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 15px; height: 15px; transition: all 0.3s ease; }
.btm1_accordion .accrdn-inner_box .accrdn_content2_item-ttl .item_ttl__txt div, .accrdn-inner_box .accrdn_content2_item-ttl .item_ttl__txt span {color: var(--sys-dark) !important;}

.accrdn_content2_item-ttl .item_ttl__txt { width: 100%; padding-right: 30px; }
.c_inner_box-icon { content: ""; position: absolute; top: 50%; transform: translateY(-50%);left: 0; height: 32px; width: 32px; background: var(--accent2-5); border: 1px solid transparent; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; background-repeat: no-repeat}
.c_inner_box-icon svg, .c_inner_box-icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.item_ttl__txt .quest { position: relative; color: #15151666; ; position: relative;}
.accrdn_content2_item-ttl .item_ttl__txt span  {line-height: 120%; display: block;}
.accrdn_content2_item .item-right { display: flex; justify-content: space-between; border: 1px solid #15151680; border-radius: 8px; padding: 5px; position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); }
.accrdn-inner_box .item-right li a { display: block; text-align: center; display: flex; justify-content: space-between; align-items: center; }
.accrdn-inner_box .item-right li a img {width: 15px; height: 15px;}
.accordion_button { display: block; position: relative; width: 118px; max-width: 100%; margin: 12px auto 0; text-align: center; transition: all 0.3s ease-in-out; z-index: 1; }
.accordion_button:hover {opacity: 0.5;}
.accrdn_content2_item .c_inner_box-icon {background: var(--accent1-5); border: 1px solid var(--accent1-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}

.accrdn-inner_box.lev2 .accrdn_content2 .accrdn_content2_nocontent  {border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; padding: 12px; text-align: center; color: var(--sys-dark); background: var(--sys-white);}
.accrdn-inner_box.lev2 .accrdn_content2 .accrdn_content2_nocontent h2 {color: var(--sys-dark);}

.btm1_accordion ul li .accrdn_content {border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; padding: 0; color: var(--sys-dark); background: var(--sys-white);}
.action_selector { border-radius: 15px; padding: var(--clamp-20); height: 100%; overflow: auto;}
.action_selector .inner-list  {display: flex; justify-content: space-between; flex-wrap: wrap; }
.action_selector_holder ul li { display: block; position: relative; width: 100%; background: #fff; text-align: left; color: #000; margin-bottom: var(--clamp-12); box-shadow: 0px 20px 40px #15151614; border-radius: 10px; overflow: hidden; box-sizing: border-box; }
.action_selector .inner-list li { margin-bottom: var(--clamp-22); width: 49%; overflow: visible; padding: var(--clamp-10); border-radius: 6px; cursor: pointer; padding: var(--clamp-20) 50px var(--clamp-20) 53px !important;}
.action_selector .inner-list li {}
.action_selector .inner-list li .action_selector__icon  {width: 32px; height: 32px; margin-right: 8px;position: absolute; left: 13px; top: 50%; transform: translateY(-50%); background: var(--accent1-5); border: 1px solid var(--accent1-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.action_selector .inner-list li .item_ttl__txt:before { content: ""; width: 32px; height: 32px; margin-right: 8px; position: absolute; background: var(--accent1); left: 13px; top: 50%; transform: translateY(-50%); }
.action_selector .inner-list li .item_ttl__txt.email_btn::before { mask: url(../../images/remix-icons/mail-line-orange.svg); -webkit-mask: url(../../images/remix-icons/mail-line-orange.svg); -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-size: 16px 16px; mask-size: 16px 16px;mask-position: center center; -webkit-mask-position: center center;}
.action_selector .inner-list li .item_ttl__txt.action_btn::before {mask: url(../../images/remix-icons/arrow-left-line.svg); -webkit-mask: url(../../images/remix-icons/arrow-left-line.svg); -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-size: 16px 16px; mask-size: 16px 16px;mask-position: center center; -webkit-mask-position: center center;}
.action_selector .inner-list li .item_ttl__txt.snooze_btn::before {mask: url(../../images/remix-icons/zzz-line-orange.svg);-webkit-mask: url(../../images/remix-icons/zzz-line-orange.svg); -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-size: 16px 16px; mask-size: 16px 16px;mask-position: center center; -webkit-mask-position: center center;}

.action_editor {background: var(--white); border-radius: 10px; padding: var(--clamp-20);display: flex; flex-direction: column;}
.action_editor_con {background: var(--white);display: flex; flex-direction: column;flex: 1;}
.action_editor_btn.choose-btns {padding-bottom: var(--clamp-20);}
.action_editor_con .form-con {display: flex; flex-direction: column;flex-grow:1;}
.action_editor h3 {margin-bottom: var(--clamp-24);}
.action_editor .form-field {display: flex; justify-content: space-between; gap: 15px;align-items: flex-end;align-items: flex-start; position: relative;}
.action_editor .form-field:has(textarea) {height:100%;}
.action_editor .form-field > div {width: 100%;height: calc(100% - 26px);}
.action_editor .form-field > div textarea{height:100%;}
.action_editor .pull-left .form-field {width: 100%;text-align: left;justify-content: flex-start;margin-bottom: var(--clamp-10);align-items: center;}
.action_editor .pull-left .form-field:last-child, .action_editor .pull-left .form-field label  {margin-bottom: 0;}
.action_editor .msg_email .form-item {margin-bottom: var(--clamp-22);}
.action_editor .msg_email h3 {margin-bottom: var(--clamp-14) !important;color: var(--sys-dark);}
.action_editor .msg_email_subject {position: relative;}
.action_editor .msg_email textarea {height: 45vh;}
.action_editor .pull-left input[type=radio]{height: unset;width: unset;margin: 0;}
.action-editor__member-features input[type="checkbox"] {height: unset;width: unset;}
.action-editor__member-features li {color: var(--sys-dark);}
.action_editor .form-con-message {display: flex; flex-direction: column;flex-grow: 1;}
.action_editor .form-con-message {}
.action_editor .editor-con {flex-grow:1;overflow: hidden;}
.action_editor .editor-con .new-wine-content {height: calc(100% - 16px) !important;}
.action_editor .editor-con .new-wine-content .message {height: 100%;}

.action_editor_con .form-con > div.action-form-field-6 {width: calc(49% -4px)}
.action_editor_con .form-con > div.action-form-field-4 {width: calc(49% -4px)}
.action_editor .simplebar-content {display: flex; flex-direction: column}


.leads-tab-con__admin {background: transparent;border: 0;padding: 0 !important;border-radius: 0px;}
#rule-tab { height: 100%; display: flex; flex-direction: column;border-radius: 12px;overflow: hidden;}
#rule-tab .block-leads { background: var(--sys-white); border-radius: 12px;overflow: hidden; border: var(--container-border); height: 100%;}
#rule-tab .block-leads.action_editor {padding: var(--clamp-20);padding-bottom: 0;}
#rule-tab .block-leads.action_editor .simplebar-content-wrapper {height: 100% !important}
#rule-tab .block-leads__heading {display: flex; justify-content: space-between; align-items: center; padding: var(--clamp-16) var(--clamp-12); border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
#rule-tab .leads-tabs__settings_con { padding: var(--clamp-16) var(--clamp-12); flex: 1;overflow: auto;}
#rule-tab .leads-tabs__settings_con .simplebar-wrapper {height: 100%;}
#rule-tab .leads-tabs__settings_con .simplebar-vertical {visibility: visible !important;}
#rule-tab .leads-tabs__settings_con .form-con .flx {gap: var(--clamp-14);}
#rule-tab .leads-tabs__settings_con .form-con .form-item {margin-bottom: 8px;}
#rule-tab .leads-tabs__settings_con .custom-check { display: block; line-height: 0; }
#rule-tab .form-con label {color: rgba(21, 21, 22, 0.6);}
#rule-tab .form-con .flow-settings__radio { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: var(--clamp-14);position: relative;}
#rule-tab .form-con .flow-settings__radio li {width: 100%;}
#rule-tab .form-con .flow-settings__radio li input {position: absolute; padding: 0;}
#rule-tab .form-con .flow-settings__radio li label {cursor: pointer}
#rule-tab .form-con .flow-settings__radio li label:hover {opacity: 0.5;}

#rule-tab .send_notification {margin-bottom: var(--clamp-22)}
#rule-tab .send_notification .form-con input.email_subject_field.category-field {padding: var(--clamp-10) var(--clamp-12) !important;    background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-10) var(--clamp-12); font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); line-height: 16px; color: var(--sys-dark); width: 100%; resize: none; height: 42px;}

.permissionNone, .permissionOrg, .permissionPub { color: var(--sys-white) !important; background: var(--accent2) !important; }

#rule-tab #rules_email_token .btn.has-submenu {padding: var(--clamp-6) var(--clamp-6) var(--clamp-6) var(--clamp-24) !important;}
#rule-tab .new-wine-content { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;height: unset;}

#rule-tab .sec-notes {height: 100%;}
#rule-tab .cmedit-rule {display: flex; flex-direction: column; overflow: hidden;height: 100%;}
#rule-tab .cmedit-rule .btm1_accordion_holder {flex: 1; overflow: auto;}

.dial_rules {margin-top: var(--clamp-16);display: block;}
#dialSteps {margin-top: 6px;}
#dialSteps .dial-step-item:hover {cursor: pointer;}
#dialSteps .dial-step-item label.no {margin: 0;}
#dialSteps .dial-step-item {margin-bottom: calc(var(--clamp-12) + 1px); display: flex; position: relative;background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-11) var(--clamp-16) var(--clamp-11) var(--clamp-12); gap: 5px;align-items: center; justify-content: flex-start;}
#dialSteps .dial-step-item a.dragger {line-height: 100%; margin-left: auto;pointer-events: none;}
#dialSteps .dial-step-item .contact_card_btns { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; min-height: 32px; padding: 0 9px; margin-right: 4px; line-height: 32px;}
#dialSteps .dial-step-item .contact_card_btns a {line-height: 32px;}
#dialSteps .dial-step-item .add-field-btn {width: 100%;}

#rule-tab .cont-info__tags.cont_man h3 {display: block; margin-bottom: var(--clamp-8);margin-top: var(--clamp-8);}
#rule-tab .cont-info__tags {padding: 0 !important;display: block;}
#rule-tab .alert_tags_con {display: inline;}
#rule-tab .cont-info__tags ul { display: flex; gap: 4px; flex-wrap: wrap;}
#rule-tab .cont-info__tags ul li {padding: 0;width: unset; position: relative; padding: 0 28px 0 8px;margin: 0 !important;}
#rule-tab .cont-info__tags ul li.plus {padding: 0;width: 20px;}

.contact_card_settings #contactField {margin-top: 6px;}
.contact_card_settings #contactField .contact-field__item { justify-content: space-between; margin-bottom: calc(var(--clamp-12) + 1px); display: flex; position: relative;background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;padding: var(--clamp-11) var(--clamp-16) var(--clamp-11) var(--clamp-12); gap: 5px;align-items: center;}
.contact_card_settings #contactField label.no {margin-bottom: 0;}
.contact_card_settings #contactField a.dragger {line-height: 100%;}
.contact_card_settings #contactField .form-group {position: relative;width: 100%; display: flex; justify-content: space-between; align-items: center;padding: 0;}
.contact_card_settings #contactField .contact_card_btns { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: rgba(41, 76, 153, 0.05); border: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; min-height: 32px; padding: 0 9px; margin-right: 4px; line-height: 32px;align-items: center;position: absolute; top: 4px;right: 42px;}
.contact_card_settings #contactField .contact_card_btns a {line-height: 100%;}
.contact_card_settings #contactField .contact_card_btns a:hover {opacity: 0.5;}
.contact_card_settings #contactField .contact_card_btns a img {width: 15px; height: 15px;}
.contact_card_settings .add-field-btn {width: 100%;}

.settings-add-field {padding: 11px 13px;background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;margin-top: 6px;}
.settings-add-field > div {margin-bottom: 8px;}
.settings-add-field .form-item {width: 100%;}
.settings-add-field .form-item > div {width: 100%;}
.settings-add-field .form-item .form-group--white {align-items: center;background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-11) var(--clamp-14);width: 100%;}
.settings-add-field .form-item .form-group--white small {line-height: 1;}
.settings-add-field .form-item input[type] {background: var(--sys-white);}
.settings-add-field .form-item input[type=checkbox] {margin: 0 0 var(--clamp-6) 0;accent-color: var(--accent2);}
.settings-add-field .form-item select  {background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 97% center, var(--sys-white);}
.settings-add-field .form-item button {margin: 14px 0;}
.settings-add-field .form-item ul {column-count: 2;}
.settings-add-field .form-item ul li input[type=checkbox] {margin: 0;}
.settings-add-field .form-item ul li {display: flex; gap: 8px;align-items: center; margin: 8px 0;}
.settings-add-field input[type=checkbox] {height: unset;}

.settings-add-field .address-field input[type=checkbox] {margin: 0}

.settings-add-field .form-item ul li span {flex-grow: 1;}
.settings-add-field  input#showquick, .settings-add-field  input#showcard, .settings-add-field  input#lookup {margin: 0 !important;}

.edit_btns {position: absolute; top: -69px; right: 0;}
.edit_btns button {max-width: 64px;margin-left: 10px;}

#funnel-tab .block-leads {padding: 15px 13px;}

#script-tab {height: 100%;}
#script-tab .script-tab-con {display: flex; flex-direction: column;height: 100%;border-radius: 12px;}
#script-tab .script-editor-con { background: var(--sys-white); border: var(--container-border); border-radius: 12px; flex-grow: 1;overflow: hidden;box-shadow: var(--container-shadow)}
#script-tab .script-tab__header {display: flex;justify-content: space-between; align-items: center;padding: 0 13px;min-height: 56px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
#script-tab .new-wine-content {background: var(--sys-white);padding: 13px;display: flex; flex-direction: column; flex-grow: 1;overflow: auto;}
#script-tab .new-wine-form {background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;overflow: hidden;flex-grow: 1;}
#script-tab .new-wine-form .message, #script-tab .editor .content-area, #script-tab .editor .content-area #mceu_19, #script-tab .editor .content-area #mceu_19 #mceu_19-body  {height: 100%;}

#script-tab .editor {background: none; border: 0; box-shadow: none; border-radius: 0px;height: 100%;min-height: 0;}

#script-tab .mce-panel {border: 0 !important;height: 100%;}
#script-tab .mce-edit-area {border: 0 !important; border-top: 1px solid rgba(21, 21, 22, 0.05) !important;height: calc(100% - 40px) !important;}
#script-tab .new-wine-content .editor .content-area .mce-top-part.mce-container {border-bottom: 2px solid #1515160D;padding-right: 170px;}

#script-tab #txtScript_ifr {height: 100% !important;min-height: 96%;counter-reset: my-counter;}

#script-tab #txtScript_ifr ol{list-style: none;font-size:16pt;line-height:150%;padding-left:40px!important;}
#script-tab #txtScript_ifr ol li{padding-bottom: 20px; font-weight: 400;position:relative;counter-increment: my-counter!important;}
#script-tab #txtScript_ifr ol li:last-child{padding-bottom:0;}
#script-tab #txtScript_ifr ol li:before{content: counter(my-counter) ". "!important;}

#script-tab #txtScript_ifr ol ol{padding-top:20px;counter-reset: subsection;}
#script-tab #txtScript_ifr .script-contents ol ol li{counter-increment: subsection;}
#script-tab #txtScript_ifr .script-contents ol ol li:last-child{padding-bottom:0;}
#script-tab #txtScript_ifr .script-contents ol ol li:before{content: counter(subsection, lower-alpha) ". ";}

#rebuttal-tab {height: 100%;} 
#rebuttal-tab .rebuttal-tab-con { display: flex; flex-direction: column; height: 100%; border-radius: 12px;} 
#rebuttal-tab .sec-notes__wrap_holder .sec-notes__wrap {margin: 0;}
#rebuttal-tab .rebuttal-tab__header { display: flex; justify-content: space-between; align-items: center; padding: 0 13px; min-height: 56px; border-bottom: 1px solid rgba(21, 21, 22, 0.05); } 
#rebuttal-tab .rebuttal-editor-con { background: var(--sys-white); border: var(--container-border); border-radius: 12px; flex-grow: 1; overflow: hidden; box-shadow: var(--container-shadow); height: 100%;} 
#rebuttal-tab .editor {background: none; border: 0; box-shadow: none; border-radius: 0px;height: 100%;min-height: 0;} 
#rebuttal-tab .new-wine-content {background: var(--sys-white);padding: 13px;display: flex; flex-direction: column; flex-grow: 1;overflow: auto;} 
#rebuttal-tab .new-wine-form {background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px !important;overflow: hidden;flex-grow: 1;} 
#rebuttal-tab .new-wine-form .message, #script-tab .editor .content-area, #script-tab .editor .content-area #mceu_49, #script-tab .editor .content-area #mceu_49 #mceu_49-body  {height: 100%;} 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
#rebuttal-tab .mce-btn button, #rebuttal-tab .mce-colorbutton button, #rebuttal-tab .mce-colorbutton button { padding: 3px 6px !important; }

#rebuttal-tab .mce-panel {border: 0 !important;height: 100%;}
#rebuttal-tab .mce-edit-area {border: 0 !important; border-top: 1px solid rgba(21, 21, 22, 0.05) !important;height: calc(100% - 40px) !important;}
#rebuttal-tab .new-wine-content .editor .content-area .mce-top-part.mce-container {border-bottom: 2px solid #1515160D;padding-right: 170px;}

#campaign-tab {height: 100%; display: flex; flex-direction: column; overflow: hidden;}
#campaign-tab .block-leads {height: 100%;overflow: auto;border: var(--container-border);box-shadow: var(--container-shadow)}
#campaign-tab .sec-notes__wrap_holder .sec-notes__wrap {margin: 0;}
#campaign-tab .sec-notes__wrap_holder .sec-notes__step {margin: 0 8px;}
#campaign-tab-breadcrumbs-con { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 16px 13px;min-height: 56px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);position: sticky; top: 0; z-index: 3;background:#FFFFFF;}
#campaign-tab .upper-right-btns { position: absolute; top: 12px; right: 30px; margin: 0; }
#campaign-tab .item-ttl {color: var(--sys-dark);}
.campaign-con { padding: var(--clamp-13); height: unset; flex: 1;}
.campaign-tab-flx {display: flex; flex-direction: column; height: 100%;}

.campaign-con .item-wrap .cmedit-rule-inner_box.lev3 .item { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;width: 100%;position:relative;}
.campaign-con .item-wrap ul li {margin-bottom: var(--clamp-14);}
.campaign-con .item-wrap ul li:last-child {margin-bottom: 0;}
.campaign-con .item-wrap .cmedit-rule-inner_box.lev3 .item .item-ttl { display: flex; justify-content: space-between; align-items: center; min-height: 56px;padding: 10px 37px 10px 53px;}
.campaign-con .item_ttl__txt .campaign-btn__icon {position: absolute; top: 50%; transform: translateY(-50%); left: 13px; height: 32px; width: 32px;  box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.campaign-con .item-wrap .item_ttl__txt.msg_btn .campaign-btn__icon {background: var(--accent2-5); border: 1px solid var(--accent2-5)}
.campaign-con .item-wrap .item_ttl__txt.msg_btn .campaign-btn__icon::before {  content: ""; width: 100%; height: 100%; display: block; mask: url(../../images/remix-icons/message-line.svg); -webkit-mask: url(../../images/remix-icons/message-line.svg); mask-size: 16px 16px;-webkit-mask-size: 16px 16px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center;background: var(--accent2)}
.campaign-con .item_ttl__txt.email_btn .campaign-btn__icon {background: var(--accent1-5); border: 1px solid var(--accent1-5)}
.campaign-con .item_ttl__txt.email_btn .campaign-btn__icon::before, .campaign-con .item_ttl__txt.Email .campaign-btn__icon::before { content: ""; width: 100%; height: 100%; display: block;mask: url(../../images/remix-icons/mail-line-orange.svg);-webkit-mask: url(../../images/remix-icons/mail-line-orange.svg); mask-size: 16px 16px; -webkit-mask-size: 16px 16px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center; background: var(--accent1)}

.campaign-con .item .item-ttl:before  {content: ""; background: url('../../images/remix-icons/arrow-down-gray.svg') no-repeat center center / cover; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 15px; height: 15px; transition: all 0.3s ease; }

.campaign-con .item_ttl__txt span {color: var(--sys-dark);}
.campaign-con .item_ttl__txt small {display: block;margin-top: 0;}
.campaign-con .item_ttl__txt .quest::after  {content: ""; background: url(../../images/remix-icons/information-line-gray.svg) no-repeat center top; width: 12px; height: 12px; display: inline-block; margin-left: 5px; top: 50%; transform: translateY(-50%); position: absolute; }
.campaign-con .item-right { display: flex; justify-content: space-between; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; cursor: pointer; top: 12px; gap: 6px; padding: 0 9px;align-items: center; min-height: 32px;}
.campaign-con .item-right li {width: unset; background: none; border: 0; border-radius: 0; margin: 0 !important;}
.campaign-con .item-right li a { display: block; padding: 0; text-align: center; display: flex; justify-content: space-between; align-items: center; }
.campaign-con .item-right li a img {width: 15px; height: 15px;}

.campaign-tab-breadcrumbs a {color: #a1a1a2;}
.campaign-tab-breadcrumbs small { color: #a1a1a2; width: 8px; height: 8px; border: 1px solid transparent; border-right: 1px solid #a1a1a2; border-bottom: 1px solid #a1a1a2; transform: rotate(-45deg); display: inline-block; vertical-align: middle; margin: 0 5px 3px; }

.campaign-con form {display: flex; flex-direction: column; flex-grow: 1;}
.campaign-con form .form-item {margin-bottom: 22px;position: relative;}
.campaign-con form .form-item label {color: #15151699;}
.campaign-con h3 { margin-bottom: 14px; color: var(--sys-dark); }

#campaign-tab .list-calBtns {/*margin-bottom: 8px;*/}

#campaign-tab .list-calBtns input[type=text] { border: 0; border-bottom: 1px solid rgba(21, 21, 22, 1); width: 260px; padding-left: 0; }
#campaign-tab .list-calBtns button:has(i) { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 6px; border: 1px solid rgba(74, 186, 123, 1); position: relative; position: relative; }
#campaign-tab .list-calBtns button:has(i) svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#campaign-tab .list-calBtns span.errorMsg { text-decoration: none; padding: 0; display: block; margin-top: 3px; font-size: 13px; font-weight: normal; position: absolute; line-height: 100%; color: red !important; }


.flex-time { display: flex; justify-content: flex-start; flex-wrap: nowrap; gap: 12px; }
.sel-time { width: 160px !important; align-items: center; gap: 5px;}
.list-time {border-radius: 10px; display: flex; justify-content: flex-start; flex-wrap: nowrap; }
.list-time li { position: relative; text-align: center; }
.btn-time { height: 42px; position: relative; width: 59px; background-color: #fafafb }
.btn-time label, .btn-time input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.btn-time input[type="radio"] { opacity: 0.011; z-index: 100; }
.btn-time label {border-radius: 10px; color: #15151629; cursor: pointer; font-weight: bold; z-index: 90; line-height: 42px; margin-bottom: 0 !important; }
.list-time li:first-child::after { background-color: #eef0f2; content: ""; height: 36px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; }
.btn-time input[type="radio"]:checked + label  {background-color: #fff; color: var(--sys-dark); box-shadow: 0 0 5px #ccc; transform: scale(1.05); cursor: default; }

.campaign-con .message {flex-grow: 1;position: relative;}
.campaign-con .message.message-text .btn.has-submenu {position: absolute;right: 0; bottom: calc(100% + 6px);}
.campaign-con textarea {min-height: 150px !important;height: 100%;}
.campaign-con .editor {background: none; border: 0; box-shadow: none; border-radius: 0px;min-height: unset;}
.campaign-con .new-wine-content {background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;height: 100%;}
.campaign-con #mceu_49 {border: 0 !important;position: relative;}
.campaign-con #mceu_59 {border: 0 !important; border-top: 1px solid rgba(21, 21, 22, 0.05) !important;}
.campaign-con .line {margin-top: 5px;}
.campaign-con .badge-icon {padding: 0 4px !important;}
.campaign-con .badge-icon img {width: 16px !important; height: 16px !important;padding: 0 !important;}

.appointment-tab {position: relative; display: flex; flex-direction: column; height: 100%;}
.appointment-tab .editor .content-area .mce-top-part.mce-container {padding-right: 0 !important;}
.appointment-tab .new-wine-content {background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; overflow: hidden;}
.appointment-tab .sec-notes__wrap_holder .sec-notes__wrap {padding: 0;margin: 0;}
.appointment-tab .block-leads {padding: var(--clamp-16) var(--clamp-12);flex: 1;overflow: auto;border: var(--container-border);box-shadow: var(--container-shadow)}
.appointment-tab .block-leads .simplebar-wrapper {height: 100%;}
.appointment-tab .block-leads .create-btn {display: inline-block;line-height: 30px;margin-top: 12px;}
.appointment-tab .block-leads .form-con h2 {margin-bottom: var(--clamp-20);}
.appointment-tab .block-leads .form-con {overflow: auto;}
.appointment-tab .block-leads .form-con .form-item {margin-bottom: var(--clamp-12);}
.appointment-tab .block-leads .form-con .form-item.w50 {width: calc(50% - 6px);}
.appointment-tab .block-leads .form-con .form-item textarea {height: 100px;}
.appointment-tab .block-leads .form-con .form-group {display: flex; gap: 12px;}
.appointment-tab .block-leads .form-con .form-group .form-item {flex: 1 1 0;}
.appointment-tab .block-leads .form-con .form-item select {background: url(../../images/remix-icons/arrow-down-line-black.svg) no-repeat 98% center, rgba(21, 21, 22, 0.025);}
.appointment-tab .block-leads .form-con .form-item input[type=checkbox] {accent-color: var(--accent2);}

.appointment-tab .block-leads .form-con h3 {color: #151516 !important; margin-bottom: 5px;}
.appointment-tab .block-leads .form-con .round-robin-list li {padding: 5px 0;color: #151516 !important;display: flex; align-items: center;gap: 6px;}
.appointment-tab .block-leads .form-con .round-robin-list li span {color: #151516;line-height: 100%;white-space: nowrap; width: 200px;}
.appointment-tab .block-leads .form-con .round-robin-list li small {color: #151516;line-height: 100%;}
.appointment-tab .block-leads .form-con .round-robin-list li input[type=number] {display: none !important;}
.appointment-tab .block-leads .form-con .round-robin-list li input[type=number].priority-number {display: block !important;height: 30px; padding: 6px;width: 40px;}
.appointment-tab .block-leads .form-con .round-robin-list li input[type=checkbox] {margin: 0 !important; width: 14px; height: 14px;margin-right: 3px !important;}
.appointment-tab .block-leads .form-con .round-robin-list li a, .appointment-tab .block-leads .form-con .round-robin-list li i {line-height: 0;display: block; height: 16px;}
.appointment-tab .block-leads .form-con .round-robin-list li .round-robin-drag-con {width: 16px;}

/* CM ADMIN EMAIL SUBJECT TOKEN */
.msg_email_token { position: absolute; bottom: 10px; right: 9px; max-width: 73px; width: unset !important;cursor: pointer;min-width: unset;}
.btn.has-submenu {padding: 6px 6px 6px 26px !important;height: 24px;max-width: 73px;}
.btn.has-submenu .submenu {display: none; position: absolute; top: 43px; right: 0; z-index: 9991; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 12px; max-height: 25vh;overflow: auto;width: fit-content; min-width: 300%; text-align: left; padding: 0 0 8px !important; top: 100%;}
.btn.has-submenu .submenu .submenu-header {min-height: 36px;border-bottom:  1px solid rgba(21, 21, 22, 0.05);position: sticky;top: 0; background: var(--sys-white) !important;z-index: 20;}
.btn.has-submenu .submenu .submenu-header small {color: var(--sys-dark);}
.btn.has-submenu .submenu .submenu-arrows { display: flex; justify-content: space-between; align-items: center; padding: 0; font-family: Sohne;}
.btn.has-submenu .submenu .submenu-arrows svg {position: relative; top unset; transform: none; left: unset; right: unset; bottom: unset;}
.btn.has-submenu .submenu > * { padding: 0 12px; margin-bottom: 9px;color: #15151666;}
.btn.has-submenu .submenu span {display: block;font-size: 12px;padding: 6px 10px;cursor: pointer;margin-bottom: 0;}
.btn.has-submenu .btn.has-submenu submenu .btn  {width: 100%; min-width: 100%; font-size: 14px; color: #15151680; justify-content: left; box-sizing: border-box; border-radius: 5px; }
.btn.has-submenu:hover .submenu { display: block; }
.btn.has-submenu .submenu span:hover {color: var(--accent2);background: #FFFFFF !important;}

/**EDITFLOW END**/
main.cms-main-content.cm-prospecting-dashboard {background: #F3F6F8; padding: 14px 0;}
main.cms-main-content.cm-prospecting-dashboard #cover-spin {background: #FFFFFF !important;}
main.cms-main-content.cm-prospecting-dashboard #cover-spin .spinner-con {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
main.cms-main-content.cm-prospecting-dashboard #cover-spin .spinner { content: ''; display: block; position: relative; width: 40px; height: 40px; border-style: solid; border-color: black; border-top-color: transparent; border-width: 4px; border-radius: 50%; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; }
.dashboard-parent-container {}
.new.table_content_header {font-weight: 600;padding-left: 12px;}
.new.table_header_filter {display:flex;gap:10px;margin-left:auto;z-index: 45;}

.dashboard-filter .filter-dropdown-con {padding-left: 15px;position: relative;cursor: pointer;}
.dashboard-filter .filter-dropdown-con:before {content: ""; display: block; width: 1px; height: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);background: #151516;}
.dashboard-filter .filter-dropdown-con .selected-option span {color: var(--sys-dark);line-height:100%;}
.dashboard-filter .filter-dropdown-con ul {display: none;position: absolute; top: calc(100% + 4px); right: auto; left: 0; z-index: 30; min-width: max-content; text-align: left; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; padding: 4px 0; border: 1px solid #DDD;}
.dashboard-filter .filter-dropdown-con ul.open{display:block;}
.dashboard-filter .filter-dropdown-con ul li {padding: 5px 14px; text-align: left;color: #151516;font-size: 14px;}
.dashboard-filter .filter-dropdown-con ul li:hover {color: var(--accent2);}
.dashboard-filter .filter-dropdown-con.open ul { display: block; }
.dashboard-filter .filter-dropdown-con.open .selected-option svg {transform: rotate(180deg);}
.dashboard-filter .filter-dropdown-con ul:before {top: -4px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ""; display: block; width: 7px; height: 7px; transform: rotate(45deg); background: #FFF; border: 1px solid #DDD; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-right: 0; border-bottom: 0;position: absolute;left: 15px;}
.dashboard-filter .form-con{position:relative;}
.dashboard-filter .language-tooltip { position: absolute; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 2px 8px; border-radius: 4px; white-space: nowrap; display: none; width: min-content; min-width: 69px;bottom: unset; right: calc(100% - 4px); top: 50%; transform: translateY(-50%); left: unset;}
.dashboard-filter .language-tooltip::before {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; right: 0px; left: unset; top: 40%; transform: rotate(45deg) translateY(-50%); bottom: unset;}
.dashboard-filter .filter-dropdown-con:hover .language-tooltip{display:block;}

/**TABLE STATS START**/
.stats-table-con {border-radius: 0 0 12px 12px; width: 100%; position: relative;display: flex; flex-direction: column; overflow: hidden;}
.stats-table-con > div {height: 100%;}
.stats-table-con .activityLoader {position: absolute; height: 100%; top: 72px; left: 0; width: 100%; background: #fff; transform: none; /* max-height: calc(100% - 72px); */ display: block; z-index: 100; border-radius: 0 0 12px 12px; overflow: hidden; height: calc(100% - 72px);}
.stats-table-con .activityLoader i {position: absolute; top: 40%; transform: translate(-50%, -50%); left: 50%;}
.stats-table-con .stats-table { width: 100%;  border-collapse: unset !important; min-height: 102px;position: relative;display: flex; flex-direction: column;max-height: 100%;}
.stats-table-con .stats-table .stats-table-header {flex-shrink:0;}
.stats-table-con .stats-table .stats-table-header .stats-table-row{background: #FFFFFF;}
.stats-table-con .stats-table .stats-table-col {color: rgba(255, 255, 255, 0.75);position: relative;background: #FFFFFF;}
.stats-table-con .stats-table .stats-table-header .stats-table-row:last-child .stats-table-col {padding: var(--clamp-16) 0 !important;white-space: nowrap; font-size: calc(var(--clamp-text-xs) - 1px);}
.stats-table-con .stats-table .stats-table-body { position: relative; flex: 1; background: #FFFFFF; position: relative; flex: 1; background: #FFFFFF; max-height: 100%; overflow: auto; max-height: calc(100% - ((var(--clamp-16) * 4) + var(--clamp-text-xs) + var(--clamp-text-sm) + (var(--clamp-18) * 2) + var(--clamp-text-base))) !important }
.stats-table-con .stats-table .stats-table-body .simplebar-scrollable-y .simplebar-vertical {visibility: visible !important; opacity: 1 !important; display: block !important;}
.prospectingDashboard-container:has(.new.stats-table-bottom) .stats-table-body{min-height: unset !important;max-height: unset !important;}
.stats-table-con .stats-table .stats-table-body.stats-table-footer {flex-shrink: 0;flex: unset; min-height: unset;overflow: unset;}
/*.stats-table-con .stats-table .stats-table-row:last-child .stats-table-col:first-child, .stats-table-con .stats-table .stats-table-body .stats-table-row.table-stats__actual .stats-table-col:first-child { position: sticky; -webkit-position: sticky; left: -1px; text-align: left !important; padding: 8px 12px; z-index: 5; position: sticky; -webkit-position: sticky; left: -1px; text-align: left !important; padding: 8px 12px; z-index: 5; }*/

#prospectingDashboardLineContainer {overflow: hidden;}
#prospectingDashboardLineContainer .simplebar-horizontal, #prospectingDashboardLineContainer .simplebar-vertical { visibility: visible !important; opacity: 1 !important; display: block !important; }
.stats-table-con:has(.stats-table-loader:not([style*="display: none"])) #prospectingDashboardLineContainer { pointer-events: none; }

.stats-table-row {display: grid;}
.stats-table-row.stats-table-header-top { grid-template-columns: 321px 12fr 12fr 9fr;}

.stats-table-row.stats-table-header-top .stats-table-col {position: relative;background: #FFFFFF;}
.stats-table-row.stats-table-header-top .stats-table-col {padding: var(--clamp-16) var(--clamp-12) var(--clamp-16); border-top: 1px solid rgba(21, 21, 22, 0.10)}
.stats-table-row.stats-table-header-top .stats-table-col span { text-align: left; color: #151516; font-size: var(--clamp-text-base); display: block; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.16px; }
.stats-table-row.stats-table-header-top .stats-table-col:first-child {padding-left: var(--clamp-18);}
.stats-table-row.stats-table-header-top .stats-table-col:not(:last-child):after {content: ""; width: 1px; height: calc(100% - var(--clamp-24)); position: absolute; right: 0; bottom: var(--clamp-12);background: rgba(21, 21, 22, 0.10);}
/*.stats-table-row.stats-table-header-top .stats-table-col:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;}
.stats-table-row.stats-table-header-top .stats-table-col:first-child:before {background: linear-gradient(to bottom, rgba(255, 90, 96, 0.15) 0%, rgba(255, 90, 96, 0.00) 100%) !important;}
.stats-table-row.stats-table-header-top .stats-table-col:nth-child(2):before {background: linear-gradient(to top, rgba(159, 159, 159, 0.05) 0%, rgba(159, 159, 159, 0.20) 100%) !important;}
.stats-table-row.stats-table-header-top .stats-table-col:nth-child(3):before {background: linear-gradient(to bottom, rgba(255, 122, 72, 0.30) 0%, rgba(255, 122, 72, 0.10) 100%) !important;}
.stats-table-row.stats-table-header-top .stats-table-col:last-child:before {background: linear-gradient(to bottom, rgba(187, 62, 66, 0.20) 0%, rgba(187, 62, 66, 0.05) 100%) !important;}x

.stats-table-row.stats-table-header-top .stats-table-col:first-child span {color: #FF5A60;font-family: Sohne;}
.stats-table-row.stats-table-header-top .stats-table-col:nth-child(2) span {color: #9F9F9F;}
.stats-table-row.stats-table-header-top .stats-table-col:nth-child(3) span {color: #FF7A48;}
.stats-table-row.stats-table-header-top .stats-table-col:last-child span {color: #BB3E42;}

.stats-table-row.stats-table-header-bottom .stats-table-inner-row:first-child:before {background: rgba(255, 90, 96, 0.05);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(2):before {background: rgba(159, 159, 159, 0.10);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(3):before {background: rgba(255, 122, 72, 0.10);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:last-child:before {background: rgba(187, 62, 66, 0.10);}*/

.stats-table-row.stats-table-header-bottom { grid-template-columns: 321px 12fr 12fr 9fr;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row {display: grid; grid-template-columns: 140px repeat(2, 1fr) 1.1fr;position: relative; border-top: 1px solid rgba(21, 21, 22, 0.10); border-bottom: 1px solid rgba(21, 21, 22, 0.10);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:not(:last-child):before {content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(21, 21, 22, 0.10);display: block;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:not(:last-child):after{ content:"";display: block; width: var(--clamp-26); position: absolute; top: 0; right: 0; box-shadow: 4px 0 10px 0 rgba(50, 67, 78, 0.05); height: 100%;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(2) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(3) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(4) {grid-template-columns: repeat(5,1fr);}

.stats-table-row.stats-table-header-bottom .stats-table-col { text-align: center; font-size: var(--clamp-text-xs); color: #151516; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.12px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #FFFFFF;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:first-child .stats-table-col:first-child {text-align: left;}

/*.stats-table-row.stats-table-header-bottom .stats-table-inner-row:first-child .stats-table-col {color: #FF5A60;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(2) .stats-table-col {color: #9F9F9F;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(3) .stats-table-col {color: #FF7A48;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:last-child .stats-table-col {color: #BB3E42;}*/

.stats-table-body .stats-table-row-pair {display: grid;grid-template-columns: 140px 1fr}
.stats-table-body .stats-table-row {display: grid;grid-template-columns: 181px 12fr 12fr 9fr;}
.stats-table-body .stats-table-row .stats-table-inner-row {display: grid;grid-template-columns: repeat(2,1fr) 1.1fr; position: relative;}
.stats-table-body .stats-table-row .stats-table-inner-row:nth-child(2) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-body .stats-table-row .stats-table-inner-row:nth-child(3) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-body .stats-table-row .stats-table-inner-row:nth-child(4) {grid-template-columns: repeat(5,1fr);}
.stats-table-body .stats-table-row .stats-table-inner-row:not(:last-child):after{ content:"";display: block; width: var(--clamp-26); position: absolute; top: 0; right: 0; box-shadow: 4px 0 10px 0 rgba(50, 67, 78, 0.05); height: 100%;}
.stats-table-body .stats-table-row-pair .stats-table-col.setters_name:after{ content:"";display: block; width: var(--clamp-26); position: absolute; top: 0; right: 0; box-shadow: 4px 0 10px 0 rgba(50, 67, 78, 0.05); height: 100%;}

/*.stats-table-row.stats-table-header-bottom .stats-table-inner-row:first-child .stats-table-col { background: rgba(255, 90, 96, 0.05) !important; }
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(2) .stats-table-col {background: rgba(159, 159, 159, 0.10) !important;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:nth-child(3) .stats-table-col {background: rgba(255, 122, 72, 0.10) !important;}
.stats-table-row.stats-table-header-bottom .stats-table-inner-row:last-child .stats-table-col { background: rgba(187, 62, 66, 0.10) !important;}*/

.stats-table-row.stats-table-header-bottom .stats-table-inner-row:first-child .stats-table-col:first-child {text-align: left;align-items: flex-start;padding: var(--clamp-10) var(--clamp-12) !important;padding-left: var(--clamp-18) !important;}

.stats-table-con .stats-table .stats-table-body .stats-table-row {}
.stats-table-con .stats-table .stats-table-body .stats-table-row.table-stats__target .stats-table-col:first-child {/*position: unset !important;*/text-align: center !important;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col {padding:calc(var(--clamp-18) - 1px) 4px;color: #15151680; font-size: var(--clamp-text-sm); font-weight: 600; letter-spacing: -0.56px; position: relative; white-space: nowrap; vertical-align: middle;text-align: center;border-radius: 0;display: flex; align-items: center; justify-content: center;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-ratio q {color: #15151680; font-weight: 400; letter-spacing: -0.56px;line-height: 100%;}
.stats-table-con .stats-table .stats-table-body .stats-table-row.table-stats__actual .stats-table-inner-row:first-child .stats-table-col:first-child, .stats-table-con .stats-table .stats-table-body .stats-table-row.table-stats__target .stats-table-inner-row:first-child .stats-table-col:first-child { padding: 4px var(--clamp-8); background: var(--sys-white); color: #151516; text-align: center; font-size: calc(var(--clamp-text-sm) - 1px); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.14px; }
.stats-table-con .stats-table .stats-table-row.table-stats__actual .stats-table-col:first-child:has(.table-stats-tooltip[style^="display: flex;"]){z-index:9;}

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-tooltip {position:relative;cursor: pointer;display: inline-block;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-flag, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .with-flag {position:relative;display: inline-block;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-tooltip i, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-flag i, .stats-table-con .stats-table tr .stats-table-col .with-flag i {left: calc(100% + 1px); position: absolute; top: 50%; width: calc(var(--clamp-text-xs) - 2px); height: calc(var(--clamp-text-xs) - 2px); transform: translateY(-50%);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-tooltip i.green-check, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-flag i.green-check, .stats-table-con .stats-table tr .stats-table-col .with-flag i.green-check {position: relative; left: unset; top: unset; transform: unset; display: flex !important; align-items: center; justify-content: center;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-tooltip i.red-x, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-flag i.red-x, .stats-table-con .stats-table tr .stats-table-col .with-flag i.red-x {position: relative; left: unset; top: unset; transform: unset; display: flex !important; align-items: center; justify-content: center;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .with-flag i img, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .with-flag i svg { width: calc(var(--clamp-text-xs) - 2px); height: calc(var(--clamp-text-xs) - 2px);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip { position: fixed; display: table; display: none; background-color: #f9f9f9; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 10; left: calc(100% + 10px); top: -5px; background: var(--sys-white); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); z-index: 99; }
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details { overflow: auto; flex: 1; padding: 0; text-align: left; max-height: min(500px, 40vh); }
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip a.tooltip-btn.tooltip-close-button {display: none;width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li:first-child::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent white transparent transparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col::after {content: '';width: 1px;height: calc(100% / 2);background: rgba(21, 21, 22, 0.1);position: absolute;top: 50%;transform: translateY(-50%);right: 0px; display: block !important;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:last-child::after {height: 100%;}
.stats-table-body .stats-table-row .stats-table-inner-row:nth-child(4) .stats-table-col:last-child::after {display: none !important;;}

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.actual-row-text, .stats-table-con table.stats-table .stats-table-body .stats-table-row .stats-table-col.target-row-text {font-style: normal;font-weight: 700;font-size: 14px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .stats-with-tooltip, .stats-table-con table.stats-table .stats-table-body .stats-table-row .stats-table-col.perc-box span {color: #15151680;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.with-flag i:not([style*="display: none"])>img), .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.with-flag i:not([style*="display: none"])>svg) {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%), #FFFFFF;box-sizing: border-box;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.stats-with-tooltip i:not([style])>img) .stats-with-tooltip i, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.stats-with-tooltip i:not([style])>svg) .stats-with-tooltip i {/*margin-left: 3px;*/}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.with-flag i:not([style*="display: none"])>img) span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col:has(.with-flag i:not([style*="display: none"])>svg) span {color: #FF224A;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green:has(.with-flag i:not([style*="display: none"])>img), .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green:has(.with-flag i:not([style*="display: none"])>svg) { background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.2) 44%, rgba(101, 204, 101, 0.03) 100%), #FFFFFF;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green:has(.with-flag i:not([style*="display: none"])>img) span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green:has(.with-flag i:not([style*="display: none"])>svg) span {color: #65CC65;}

.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul {color: var(--sys-dark);padding: 0 2px;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li { padding: 1px var(--clamp-12); text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul:first-child li:first-child {padding-top: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul:last-child li:last-child {padding-bottom: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li:first-child::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent white transparent transparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li .stats-tooltip-status { position: relative; line-height: 0;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li .stats-tooltip-status i {line-height: 0;width: 12px; height: 12px;display: inline-block;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li span {display: inline-block !important;text-align: left;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li span:first-child { width: 56px; display: inline-block; margin-right: 5px;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li span:last-child {margin-left: 5px;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li > small {margin-right: 5px;font-weight: bold;}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip .stats-tooltip-details i {position: static;line-height: 0;}

.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.setters_name {border-right: 1px solid rgba(21, 21, 22, 0.1); border-left: none; border-radius: 0; display: flex ; align-items: center; justify-content: flex-start;padding: var(--clamp-10) var(--clamp-12) !important; position: relative; padding-left: var(--clamp-18) !important}
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.setters_name a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #151516; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.16px; }
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.setters_name:after {display: none !important;}
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.setters_name::after,
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair.table-stats__actual.stats-company td:last-child::after,
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td {border:none;}
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.perc-box.table-column {}

.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col.setters_name+td,
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair.table-stats__target td:first-child {color: var(--sys-dark) !important;font-weight: 600;}
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col .stats-with-tooltip .pipeline-con,
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-table-col .stats-with-tooltip .pipeline-con q { font-weight: 600; color: #15151680; cursor: pointer; font-size: var(--clamp-text-xs); display: block; line-height: 1; padding-left: 2px; }
.stats-table-con .stats-table .stats-table-body .table-stats__actual, .stats-table-con .stats-table .stats-table-body .table-stats__target {position: relative;}
.stats-table-con .stats-table .stats-table-body .stats-table-row:before {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(21, 21, 22, 0.10); z-index: 1; display: block; width: 100%; }
.stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company:before {display: none;}
.stats-table-con .stats-table .stats-table-body .stats-table-row-pair .stats-with-tooltip {position: relative;}
.stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company .setters_name:after {display: none !important;}

.stats-table-con .stats-table .stats-table-body .table-stats-tooltip {display: none;}
.stats-table-con .stats-table .stats-table-body .table-stats-tooltip.open { position: fixed; border-right: 1px solid rgba(21, 21, 22, 0.1); border-left: none; border-radius: 12px; display: flex !important; align-items: center; justify-content: center; visibility: visible !important; width: max-content; background: #ffffff; z-index: 9999; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); }
.stats-table-con .stats-table .stats-table-body .table-stats-tooltip ul { color: var(--sys-dark); padding: 0 2px; }
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip.left-tooltip .stats-tooltip-details ul li:first-child::after {right: unset; left: 100%;border-color: transparent transparent transparent white}
.stats-table-con .stats-table .stats-table-body .stats-table-col .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after {top: unset; bottom: 11px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.left-tooltip .stats-tooltip-details .stats-tooltip-details-table::after, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.left-tooltip .stats-tooltip-details ul li:first-child::after, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.left-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after {right: unset; left: 100%;border-color: transparent transparent transparent white}
.stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company .stats-table-col .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after {top: unset !important; bottom: 10px !important;}
/**/
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details {}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details h2 {text-align: center; color: #151516;padding: 4px var(--clamp-12);}

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent white transparent transparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.left-tooltip .stats-tooltip-details .stats-tooltip-details-table .stats-table-row:first-child::after{right:auto;left: 99.8%;border-color: transparent transparent transparent white;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table::after, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { top: unset; bottom: 8px !important; }
.stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table::after, .stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company .stats-table-col .table-stats-tooltip .stats-tooltip-details ul li:first-child::after, .stats-table-con .stats-table .stats-table-body .stats-table-row.stats-company .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { top: unset !important; bottom: 8px !important; }

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table {width: auto;table-layout: unset;display:block;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr{min-height:0;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td {text-align: left; padding: 0; border: none; font-size: var(--clamp-text-xs); width: auto; letter-spacing: 0; color: var(--sys-dark)!important;background:none;position:relative;font-weight:500;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td.spacer {display:inline-block;margin:0 5px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td .stats-tooltip-status { position: relative; margin-left: -5px;line-height: 0;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td .stats-tooltip-status i {line-height: 0;width: 12px; height: 12px;display: inline-block;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td span:first-child { width: 56px; display: inline-block; margin-right: 5px; }
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td span:last-child {margin-left: 5px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td > small {margin-right: 5px;font-weight: bold;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td i {position: static;line-height: 0;}

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:first-child {padding-left: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:last-child {padding-right: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child td {padding-top: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:last-child td {padding-bottom: var(--clamp-12);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con > div {padding: var(--clamp-10) var(--clamp-12) var(--clamp-10);justify-content: center;line-height: 100%;border-top: 1px solid rgba(21, 21, 22, 0.1); gap: 4px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con a:hover {opacity: 0.5;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con span {width: 14px; text-align: center;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con small {line-height: 100%;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con a {line-height: 100%;display: block;width: 12px; height: 12px;position: relative;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con a svg {fill: #151516;width: 14px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%);}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col .table-stats-tooltip .stats-tooltip-pagination-con span.curr-page {color: #151516;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col { display: block; color: rgba(21, 21, 22, 0.50); text-align: center; font-size: calc(var(--clamp-text-sm) - 1px); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.14px; min-height: 11px;}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green {color: #65CC65}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.red span, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.red {color: #FF224A}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col {display: flex;}

.stats-table-col.setters_name { border-radius: 0 0 0 12px; }
.stats-table-row.table-stats__actual.stats-company .stats-table-col.setters_name {border-right: 1px solid rgba(21, 21, 22, 0.1); border-left: none; border-radius: 0 0 0 12px; display: flex ; align-items: center; justify-content: flex-start; padding: var(--clamp-10) var(--clamp-12) !important; min-height: 11px; padding-left: var(--clamp-18) !important;}
.stats-table-row.table-stats__actual.stats-company .stats-table-col.setters_name span {color: #151516 !important;font-weight: 500;}
.stats-table-row.table-stats__actual.stats-company .stats-table-col {background: unset !important;}
.stats-table-row.table-stats__actual.stats-company .stats-table-inner-row:first-child .stats-table-col:nth-child(2) { padding: 4px; color: var(--sys-dark) !important; font-size: var(--clamp-text-xs); font-weight: 600; letter-spacing: -0.56px; text-align: center !important; }
.stats-table-row.table-stats__actual.stats-company { grid-template-columns: 321px 12fr 12fr 9fr; }
.stats-table-row.table-stats__actual.stats-company .stats-table-inner-row { display: grid ; grid-template-columns: 140px repeat(2, 1fr) 1.1fr; background: #ffe9e9;}
.stats-table-row.table-stats__actual.stats-company .stats-table-inner-row:nth-child(2) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-row.table-stats__actual.stats-company .stats-table-inner-row:nth-child(3) {grid-template-columns: repeat(4,1fr) repeat(4,1.1fr);}
.stats-table-row.table-stats__actual.stats-company .stats-table-inner-row:nth-child(4) {grid-template-columns: repeat(5,1fr);}

.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.green span {color: #65CC65}
.stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.red, .stats-table-con .stats-table .stats-table-body .stats-table-row .stats-table-col.red span {color: #FF224A}

.cm-dashboard-con .dashboard-filter-right {gap: 122px;}
.cm-dashboard-con .dashboard-filter-right a.check-in-btn {color: #151516;}
.cm-dashboard-con .dashboard-filter-right a.check-in-btn:hover {color: var(--accent2);}

.new.stats-table-bottom {display: flex;justify-content: space-between;border: none;border-radius: 0;background: none;box-shadow: unset;padding: 0;gap: var(--clamp-16);}
.sales-summary .headings {}
.new.stats-table-bottom .box-container .headings .graph-legend {padding: 0;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li {}
.new.stats-table-bottom .box-container .headings .graph-legend ul li .legend-circle {width: 12px; height: 12px; border-radius: 50%;border: 4px solid rgba(21, 21, 22, 0.40);}
.new.stats-table-bottom .box-container .headings .graph-legend ul li:nth-child(2) .legend-circle {border: 4px solid #9D63F0;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li:last-child .legend-circle {border: 4px solid #FF7A48;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li span {font-size: var(--clamp-text-xs); line-height: 100%;font-weight: bold;color:rgba(21, 21, 22, 0.40) }
.new.stats-table-bottom .box-container .headings .graph-legend ul li:nth-child(2) span {color: #9D63F0;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li:last-child span {color: #FF7A48;}
.new.stats-table-bottom .box-container  .graph-stats {height: 100%;}
.new.stats-table-bottom .box-container {width: 50%;border-radius: 12px;border: 1px solid rgba(21, 21, 22, 0.05);background: #FFF;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);padding: var(--clamp-20) var(--clamp-18) var(--clamp-6);row-gap: var(--clamp-16);display: flex;flex-direction:column; align-items:start;overflow: hidden;}
.new.stats-table-bottom .box-container .stats-content {width: 100%;flex: 1;display: flex; flex-direction: column;overflow: hidden; gap: var(--clamp-10);}
.new.stats-table-bottom .box-container.sales-summary .stats-content {}
.new.stats-table-bottom .box-container .headings {display: flex;justify-content: space-between;width: 100%;flex-shrink: 0;align-items: center;}
.new.stats-table-bottom .box-container .headings h2 {font-weight: 600; font-family: Sohne;letter-spacing: -0.54px;}
.new.stats-table-bottom .box-container .headings h2 span {font-weight: 400;color: #15151680;margin: 0 3px 0 0;letter-spacing: -0.12px;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats {display: flex; gap: clamp(8px, 1vw, 16px);width: 100%;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container {display: flex;justify-content: space-between; width: 49%; flex-wrap:wrap;align-self: start;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container h2 {line-height: 1;font-family: Sohne;letter-spacing: unset;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .circle-graph {}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container h2 span {font-size: 28px;font-weight: 700;line-height: 1;display: flex;align-items: center;gap: 10px;margin:8px 0 0;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container h2 span i {font-style: normal;font-size: 12px;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .body-content-stats {display: flex;justify-content: space-between;width:100%; border-bottom: 2px solid #151516; padding: 0 0 var(--clamp-12);}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container {width: 100%;display: flex;column-count: 2;flex-wrap: wrap;justify-content: space-between; align-self: start;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content {width: 48%;color: #15151680;font-weight: 500;border-bottom: 1px solid #1515161A; font-family: Sohne;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content:last-child,
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content:nth-last-child(2) {border: none;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content span {color: var(--primary-color);font-weight: 600;display: flex;gap: 5px;margin: 8px 0 0;font-family: Sohne;}

.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats {gap: 10px;margin: 0 0 20px;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content {font-size: 14px;color: var(--primary-color);font-weight: 600;display: flex;flex-wrap: wrap;gap: 5px;font-family: Sohne;flex: 1;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content i {line-height: 0; display: block;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content span {font-size: 28px;line-height: 1;display: flex;font-weight: 700;align-items: flex-end;gap: 5px;font-style: normal;width: 100%; letter-spacing: unset;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content span i.rate-change{font-size: 12px;line-height: 0;font-style: normal;letter-spacing: 0.01em;font-family: Sohne; font-weight: 500;margin-bottom: 5px;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content span i.rate-change.up {color: #65CC65;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content span i.rate-change.down {color: #FF224A;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content span small {display: block; line-height: 100%;}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content > i {}
.new.stats-table-bottom .box-container.sales-summary .stats-content .upper-content-stats .content .btm-info {color: #15151666;font-size: 12px;line-height: 1;font-weight: 400;min-height: 12px;}

/* loading blur in the Prospecting Dashboard Table */
.dashboard-parent-container .stats-table-con .stats-table .prospecting-dashboard-blur tr > td,
.dashboard-parent-container .stats-table-con .stats-table .prospecting-dashboard-blur .loading-blur {color: #FFFFFF !important; background: white !important; }
.dashboard-parent-container .stats-table-con .stats-table .prospecting-dashboard-blur tr td.setters_name {text-shadow: unset;color: var(--sys-dark);}
.dashboard-parent-container .stats-table-con .stats-table .prospecting-dashboard-blur i > svg {fill: #FFFFFF;}
.dashboard-parent-container .stats-table-con .stats-table .prospecting-dashboard-blur tr.stats-company td{color:#ffe9e9}

.stats-table-con table.stats-table tbody tr td .stats-with-tooltip.qual-sales-ratio {cursor: unset !important;}

.conf-call-icon small {border-radius: 4px; font-size: 8px; border: 1px solid #294c99; padding: 2px;line-height: 100%;color: #294c99; position: relative;letter-spacing: unset; line-height: 100%;}
.conf-call-icon small.missed {border: 1px solid #f72b2b; color: #f72b2b}
.conf-call-icon small.missed:after {content: ""; display: block; width: 110%; height: 1px; background: #f72b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.stats-table-con table.stats-table tbody tr.stats-pinned {position: sticky; bottom: 0px;z-index: 5;}
.stats-table-con table.stats-table tbody tr.stats-pinned.table-stats__comp-actual {bottom: 41px;}
.stats-table-con table.stats-table tbody tr.stats-pinned.table-stats__comp-actual td:first-child {border-radius: 0;}
.stats-table-con table.stats-table tbody tr.stats-pinned td {border: 1px solid Var(--sys-white);position: relative;}
.stats-table-con table.stats-table tbody tr.stats-pinned td, .stats-table-con table.stats-table tbody tr.stats-pinned td span {color: var(--sys-white);background: #333338 !important;}
.stats-table-con table.stats-table tbody tr.stats-pinned td .table-stats-ratio {color: var(--sys-white); border: 1px solid var(--sys-white);}
.stats-table-con table.stats-table tbody tr.stats-pinned td .table-stats-ratio q {color: rgba(21, 21, 22, 0.75); font-size: 15px; font-weight: 600; letter-spacing: -0.56px;line-height: 100%;}
.stats-table-con table.stats-table tbody tr.stats-pinned td {border: 1px solid #333338;}
.stats-table-con table.stats-table tbody tr.stats-pinned td:before {content: ""; width: 1px; height: 100%; display: block; position: absolute; right: -1px; top: 0; background: var(--sys-white);}
.stats-table-con table.stats-table tbody tr.stats-pinned td:first-child {position: sticky; -webkit-position: sticky;}

.stats-table-con table.stats-table th .stats-flx-left span,.stats-table-con table.stats-table tbody tr td .stats-flx-left span {width: 55px !important;display: flex; align-items: center; justify-content: center;}

.stats-table-con table.stats-table tbody tr td.actual-row-text, .stats-table-con table.stats-table tbody tr td.target-row-text {text-align: center !important; font-size: 12px; font-style: italic; padding-right: 8px;min-width: unset;width: 40px !important;}
.stats-table-con table.stats-table tbody tr td.target-row-text {padding: 4px 8px !important;}
.stats-table-con table.stats-table tbody tr td.target-row-text:before, .stats-table-con table.stats-table tbody tr td.target-row-text:after {display: none;}
.stats-table-con table.stats-table thead tr:first-child th:first-child { border-radius: 12px 0 0 0; }
.stats-table-con table.stats-table thead tr:first-child th:last-child { border-radius: 0 12px 0 0; }

.stats-table-con table.stats-table tbody tr.table-stats__actual.pass td {color: rgba(74, 186, 123, 0.3) !important;}
.stats-table-con table.stats-table tbody tr.table-stats__actual.fail td {color: rgba(247, 43, 43, 0.3) !important;}
.stats-table-con table.stats-table tbody tr.table-stats__actual.warning td {color: rgba(255, 122, 72, 0.3) !important;}
.stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company {background: #ffe9e9;}
.stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child {background:#ffe9e9; padding: 7px 12px;}
.stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td {padding: 7px 8px;}

.stats-table-con table.stats-table th.qual-sales-perc-col span, .stats-table-con table.stats-table th.sales-booked-col span {white-space: nowrap;}
/*.stats-table-con table.stats-table th.qual-sales-perc-col, .stats-table-con table.stats-table td.qual-sales-perc-col, .stats-table-con table.stats-table th.sales-booked-col, .stats-table-con table.stats-table td.sales-booked-col { width: 75px; }*/

.stats-table-con table.stats-table tbody tr th.perc-box, .stats-table-con table.stats-table tbody tr td.perc-box {padding: 4px !important;text-align: right !important;}
.stats-table-con table.stats-table tbody tr td.perc-box span {width: 40px; text-align: right;}

.stats-table-bottom { position: relative; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding: 13px; position: relative; box-shadow: 0px 12px 12px 0px #15151608; margin: var(--clamp-16) 0 0; }
.stats-table-bottom h2 {color: var(--sys-dark) !important;font-weight: 500;}
/*.stats-table-bottom h2 svg {width: 18px; height: 18px;}*/
.stats-table-bottom .ratio-pct-con {flex: 1;}
.stats-table-bottom .ratio-pct-table-con tr:nth-child(2n+1) {background: rgba(21, 21, 22, 0.05);}
.stats-table-bottom .ratio-pct-table-con td {border: 1px solid rgba(21, 21, 22, 0.05); padding: 7px 10px;color: rgba(21, 21, 22, 0.75); font-size: 14px; font-weight: 600; letter-spacing: -0.56px; position: relative; z-index: 1; white-space: nowrap; vertical-align: middle;border-radius: 0;min-width: 50px;}
.stats-table-bottom .ratio-pct-table-con tr td:last-child {text-align: center;}
.stats-table-bottom .ratio-pct-table-con {flex: 1;border-radius: 8px; overflow: hidden;border: 1px solid rgba(21, 21, 22, 0.05);}
.stats-table-bottom .ratio-pct-table-con table {width: 100%;}
.stats-table-bottom .ratio-pct-table-con td.ratio-box {text-align: right !important;}
.stats-table-bottom .chart-con {position: relative;flex: 1;}
.stats-table-bottom .chart-con .sales-chart-title{}
.stats-table-bottom .chart-con .sales-chart-title h2{color: var(--sys-dark) !important;font-weight: 600;}
.stats-table-bottom .chart-con .sales-chart-title h2 svg{}
.stats-table-bottom .chart-con .sales-chart-title h2 svg path{}

.stats-table-bottom .chart-con canvas {width: 100% !important; height: auto;}

.stats-table-bottom .chart-con .sales-chart-legends { display: flex; justify-content: flex-start; margin-bottom: 10px; gap: 16px;}
.stats-table-bottom .chart-con .sales-chart-legends li {color: var(--sys-dark);padding-left: 20px; position: relative;}
.stats-table-bottom .chart-con .sales-chart-legends li .legend-color {border-radius: 4px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 8px;} 
.stats-table-bottom .chart-con .sales-chart-legends li:first-child .legend-color {background: #294c99;}
.stats-table-bottom .chart-con .sales-chart-legends li:last-child .legend-color {background: #479765;}

/* new css for new prospective dashboard design */
.new.dashboard-parent-container {border-radius: 12px; box-shadow: 0px 12px 12px 0px #15151608; margin: var(--clamp-16) 0; margin-bottom: 0 !important; display: flex; flex-direction: column; border: var(--container-border); box-shadow: var(--container-shadow); /* height: 100%; */ overflow: hidden;flex-shrink: 0;flex: 1;}
.new.dashboard-parent-container .dashboard-filter {flex-wrap: wrap;justify-content: space-between;padding: var(--clamp-18); margin: 0;background: #FFF;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base-icon {display: none;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr.text-base th .text-base-title {justify-content: start;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th {padding: var(--clamp-10) var(--clamp-12); border-spacing: 0 !important; font-family: Sohne; font-weight: 600; letter-spacing: normal; }
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th span {display: block; line-height: 100%; color: #FF5A60}

#prospectingDashboard .prospectingDashboard-container * {font-family: 'Sohne', sans-serif;}
#prospectingDashboard .fa[class*="fa-"]::before,
#prospectingDashboard .fa[class*="fa-"]::after{font-family:FontAwesome!important;}

.stats-table-loader { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); z-index: 6; display: flex; align-items: center; justify-content: center; bottom: 0; height: calc(100% - ((var(--clamp-16) * 4) + var(--clamp-text-xs) + var(--clamp-text-sm))) !important; }
.stats-table-loader .spinner-con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(var(--clamp-text-xl) * 2);height:  calc(var(--clamp-text-xl) * 2);}
.stats-table-loader .spinner { content: ''; display: block; border-style: solid; border-color: black; border-top-color: transparent; border-width: 4px; border-radius: 50%; -webkit-animation: spin 0.8s linear infinite; animation: spin 0.8s linear infinite; width: calc(var(--clamp-text-l) * 2); height: calc(var(--clamp-text-l) * 2);}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}   

.new .stats-table-con table.stats-table tbody tr td.actual-row-text, .new .stats-table-con table.stats-table tbody tr td.target-row-text {font-style: normal;font-weight: 700;font-size: 14px;}
.new .stats-table-con table.stats-table tbody tr td .stats-with-tooltip, .new .stats-table-con table.stats-table tbody tr td.perc-box span {color: #15151680;font-weight:400;}
.new .stats-table-con table.stats-table tbody tr td:has(.with-flag i:not([style*="display: none"])>svg) {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%);box-sizing: border-box;}
.new .stats-table-con table.stats-table tbody tr td:has(.stats-with-tooltip i:not([style])>svg) .stats-with-tooltip i {/*margin-left: 3px;*/}
.new .stats-table-con table.stats-table tbody tr td:last-child {border-radius: 0 0 12px 0;}

.new.dashboard-parent-container .stats-table-con table.stats-table th {border: none;font-family: Sohne; font-weight: 500;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td {padding: 10px 12px;border: 1px solid rgba(21, 21, 22, 0.1);border: none;border-right: none;border-bottom: none;border-top: 1px solid rgba(21, 21, 22, 0.1);font-weight: 400;font-family: Sohne;letter-spacing: -0.14px;}
.new.dashboard-parent-container .stats-table-con {box-shadow: none;overflow: hidden;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td {border: none;border-right: none;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child {border-right: 1px solid #E1E1E6;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child span {font-weight: 500; color: #151516;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child span.pipeline-con {font-weight: 600; color: #15151680;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:last-child {border-right: none;}
/*margin-left: 3px;*/
/**CreateFlow Buttons**/
.cm-container .contactManager-tabs #contact-manager__template-list a.a-btn { width: 100%; height: 32px; padding: 5px; }

/**COMMISSIONS PAGE START*/
.commissions-con  {display: flex; flex-direction: column; gap: 12px; align-items: stretch; position: relative;max-width: 1515px; margin: 0 auto;}
.commissions-con .commissions-summary-boxes {border-radius: 12px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);overflow: hidden;flex-shrink: 0;}
.commissions-con .commissions-summary-boxes li { border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;  padding: 8px; position: relative; flex: 1;text-align: center;}
.commissions-con .commissions-summary-boxes li h3 {color: var(--accent2);}
.commissions-con .commissions-summary-boxes li span {color: var(--sys-dark);}

.commissions-table-con { width: 100%; position: relative; padding: 13px 14px; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;flex-direction:column;}
.commissions-table-left {flex-direction: column;flex: 1;}
.commissions-table-left .commissions-table-title {width: 100%;}
.commissions-table-left .commissions-table-title h3 {color: var(--sys-dark);}

.commissions-table-left .earnings-summary-table-con {border-radius: 12px; overflow: hidden;border: 1px solid #e9eaec}
.commissions-table-left .earnings-summary-table {width: 100%;counter-reset: data-counter;}
.commissions-table-left .earnings-summary-table tr {border-bottom: 1px solid #e9eaec}
.commissions-table-left .earnings-summary-table tr td:first-child:before {counter-increment: data-counter; content: counter(data-counter) ".";margin-right: 0;width: 20px;display: inline-block;}
.commissions-table-left .earnings-summary-table tr:last-child td:before {display: none;}
.commissions-table-left .earnings-summary-table tr td {padding: 6px 10px; font-size: 16px;vertical-align: middle;color: #797979;font-weight: 800;}
.commissions-table-left .earnings-summary-table tr td span {color: var(--accent2);font-weight: bold;display: flex; align-items: flex-start;gap: 2px; justify-content: flex-end;line-height: 100%;}
.commissions-table-left .earnings-summary-table tr td span sup {font-size: 0.5rem;line-height: 100%;}
.commissions-table-left .earnings-summary-table tr td:last-child {text-align: right;}
.commissions-table-left .earnings-summary-table tr:last-child {border-bottom: 0;}

.commissions-table-left .earnings-summary-table tr.earnings-summary-total-row td {font-size: 1.15rem;padding: 7px 10px;}
.commissions-table-left .earnings-summary-table tr.earnings-summary-total-row td small {color: var(--sys-dark);font-weight: 600;text-transform: uppercase;}
.commissions-table-left .earnings-summary-table tr.earnings-summary-total-row td span {gap: 6px;}

.commissions-table-left .earnings-summary-table tr:nth-child(2n+1) {background: #f4f6f8}

.commissions-table-right {flex-shrink: 0; position: relative;display: flex; flex-direction: column;flex: 1;}
.commissions-table-right h3 {color: var(--sys-dark); display: block; line-height: 1;}
.commissions-table-right .commissions-timeframe li {margin-bottom: 5px;border-radius: 8px;overflow: hidden;}
.commissions-table-right .commissions-timeframe li span, .commissions-table-right .commissions-timeframe li small {text-align: center; padding: 8px 20px; line-height: 16px;font-size: 16px;}
.commissions-table-right .commissions-timeframe li span {background: #e9edf5; width: 40%;text-transform: uppercase;font-weight: bold; font-size: 14px;}
.commissions-table-right .commissions-timeframe li small {color: var(--sys-green);background: #ecf8f1; display: flex; align-items: flex-start;justify-content: center;gap: 2px;flex: 1;font-weight: 600;}
.commissions-table-right .commissions-timeframe li small sup {font-size: 8px;line-height: 100%;}
.commissions-table-right canvas {width: 100% !important; height: auto;margin-top: auto; align-self:flex-end;}
.commissions-table-right .graph-legend {padding: 0;}
.commissions-table-right .graph-legend ul li {}
.commissions-table-right .graph-legend ul li .legend-circle {width: 12px; height: 12px; border-radius: 50%;}
.commissions-table-right .graph-legend ul li:first-child .legend-circle {border: 3.5px solid #D1D1D1;}
.commissions-table-right .graph-legend ul li:last-child .legend-circle {border: 3.5px solid #FF7A48;}
.commissions-table-right .graph-legend ul li span {font-size: var(--clamp-text-xs); line-height: 100%;font-weight: 600;letter-spacing: normal;}
.commissions-table-right .graph-legend ul li:first-child span {color: #D1D1D1;}
.commissions-table-right .graph-legend ul li:last-child span {color: #FF7A48;}

.earnings-chart-legends { display: flex; justify-content: flex-start; gap: 16px; padding-left: 28px;}
.earnings-chart-legends li {color: var(--sys-dark);padding-left: 20px; position: relative;}
.earnings-chart-legends li .legend-color {border-radius: 4px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 4px;} 
.earnings-chart-legends li:first-child .legend-color {background: #3f709b;}
.earnings-chart-legends li:last-child .legend-color {height: 2px; border-top: 2px dotted #FF7A48;}

.commissions-bottom-table-con { width: 100%; position: relative; background: var(--sys-white); flex-direction: column;gap: 13px;}
.commissions-bottom-table-con .commissions-table {width: 100%;position: relative;z-index: 1;}

.commissions-bottom-table-con .commissions-table tr {border-bottom: 1px solid #e9edf5;}
.commissions-bottom-table-con .commissions-table tr th { color: var(--sys-dark)!important; text-align: left; font-weight: 600; white-space: nowrap; border: 1px solid rgba(21, 21, 22, 0.03);box-sizing: border-box;vertical-align: middle;position: relative;line-height: 110%;opacity:1;}

.commissions-bottom-table-con .commissions-table tbody tr:nth-child(odd) {background: #f4f6f8;}

.commissions-bottom-table-con .commissions-table tr th a {line-height: 0;}
.commissions-bottom-table-con .commissions-table tr th, .commissions-table-con .commissions-table tr td {padding: 7px 10px;}

.commissions-bottom-table-con .commissions-table tr th.customer-col,
.commissions-table-con .commissions-table tr td.customer-col {width: 180px;max-width: 180px;}
.commissions-table-con .commissions-table tr td.customer-col span { width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.commissions-bottom-table-con .commissions-table tr th.SetterCloseCoach,
.commissions-table-con .commissions-table tr td.SetterCloseCoach { width: 120px; max-width: 120px; }
.commissions-table-con .commissions-table tr td.SetterCloseCoach span { width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.commissions-table-con .commissions-table tr td.customer-col .sales-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.commissions-table-con .commissions-table tr td.customer-col .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.commissions-table-con .commissions-table tr td.customer-col:hover .sales-tooltip {display: block !important;}

.commissions-table-con .commissions-table tr td.SetterCloseCoach .sales-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.commissions-table-con .commissions-table tr td.SetterCloseCoach .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.commissions-table-con .commissions-table tr td.SetterCloseCoach:hover .sales-tooltip {display: block !important;}

.commissions-bottom-table-con .commissions-table tr td {color: rgba(21, 21, 22, 0.5);font-size: 0.85rem;padding: 7px 10px 7px 10px;border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle;white-space: nowrap;text-transform:capitalize;position:relative;color: rgba(21, 21, 22, 0.75); font-weight: 600; letter-spacing: -0.56px; white-space: nowrap; vertical-align: middle;}
.commissions-bottom-table-con .commissions-table tr td:first-child {}
.commissions-bottom-table-con .commissions-table tr:last-child td {}
.commissions-bottom-table-con .commissions-table tr td.text_center {display: table-cell;}

.commissions-bottom-table-con .commissions-table tr th:first-child {}
.commissions-bottom-table-con .commissions-table tr td:last-child {padding-left: 18px;border: 0;}
.commissions-bottom-table-con .commissions-table tr.total-commission-row td:last-child span {margin-left: 8px;}

.commissions-bottom-table-con .commissions-table tr.total-commission-row {background: #f9f9f9; color: var(--sys-green); font-weight: 600;border-bottom: 0;position: sticky; bottom: 0;}
.commissions-bottom-table-con .commissions-table tr.total-commission-row td {font-size: 1.15rem;padding: 12px 10px;}
.commissions-bottom-table-con .commissions-table tr.total-commission-row span {color: var(--accent2);}
.commissions-bottom-table-con .commissions-table tr.total-commission-row td:last-child {border-left:1px solid rgba(21, 21, 22, 0.05) }

.commissions-bottom-table-con .commissions-table tr.total-commission-row td:nth-child(4)  {border-left: 1px solid rgba(21, 21, 22, 0.05)}
.commissions-bottom-table-con .commissions-table tr.total-commission-row td:nth-child(n+4):nth-child(-n+6) {border-right: 1px solid rgba(21, 21, 22, 0.05)}

.commissions-bottom-table-con .commissions-table tr th .level-select { position: relative; display: inline-block; border: 1px solid rgba(21, 21, 22, 0.05); cursor: pointer; width: 110px;border-radius: 8px;}
.commissions-bottom-table-con .commissions-table tr th .level-select .level-select-styled { display: inline-block; padding: 7px 10px 7px 10px;width: 100%;}
.commissions-bottom-table-con .commissions-table tr th .level-select .level-select-styled:after { content: "\25BC"; /* Unicode character for down arrow */ font-size: 12px; color: #555; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.commissions-bottom-table-con .commissions-table tr th .level-select.active .select-styled:after { content: "\25B2"; /* Unicode character for up arrow */ }
.commissions-bottom-table-con .commissions-table tr th .level-select .level-select-options { display: none; position: absolute;  border: 1px solid rgba(21, 21, 22, 0.05); border-top: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; width: 100%;}
.commissions-bottom-table-con .commissions-table tr th .level-select.active .level-select-options  {display: block; background: var(--sys-white);}
.commissions-bottom-table-con .commissions-table tr th .level-select .select-option { padding: 7px 10px; cursor: pointer; }
.commissions-bottom-table-con .commissions-table tr th .level-select .select-option:hover { background-color: var(--accent2);color: var(--sys-white); }

.commissions-bottom-table-con .commissions-tbl-con { width: 100%; border-radius: 12px; border: 1px solid #e9eaec;overflow: hidden;}
.commissions-bottom-table-con .commissions-tbl-con > div {max-height: 400px;width: 100%;}

.commissions-bottom-table-con .commissions-table thead { position: sticky; top: 0; background: #FFFFFF; z-index:10;}

.commissions-bottom-table-con .commissions-table tr th.form-con select { padding: 7px 30px 7px 10px; color: #3f709b; text-align: left; font-weight: 600; font-size: 16px; height: unset; background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 97% center, rgba(21, 21, 22, 0.025); width: unset;}
.commissions-bottom-table-con .commissions-table tr th.form-con select option, .commissions-bottom-table-con .commissions-table tr th.form-con select option:hover {font-weight: 600 !important; padding: 4px !important;height: 20px !important;font-size: 16px !important;}

.cancelled-members-con {width: 100%; position: relative; padding: 13px 14px; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; flex: 1;}
.cancelled-members-con .cancelled-members-left {flex-direction: column;flex: 1;}
.cancelled-members-con h3 {color: var(--sys-dark);}

.cancelled-members-table-con .cancelled-members-table {overflow: auto;border-radius: 12px;width: 100%;}
.cancelled-members-table-con .cancelled-members-table tr {border-bottom: 1px solid #e9edf5;}
.cancelled-members-table-con .cancelled-members-table tr th {color: #3f709b;text-align: left; font-weight: 600;text-transform: uppercase;}

.cancelled-members-table-con .cancelled-members-table tr th a {line-height: 100%;}
.cancelled-members-table-con .cancelled-members-table tr th, .commissions-table-con .commissions-table tr td {padding: 5px 10px;}
.cancelled-members-table-con .cancelled-members-table tr td {color: rgba(21, 21, 22, 0.5);font-size: 0.85rem;padding: 7px 10px 7px 28px; min-width: 150px;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row {background: #f9f9f9; color: var(--sys-green); font-weight: 600;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row span {color: var(--sys-red);}

.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row td {font-size: 1.1rem;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row td:last-child span {margin-left: 8px;}

.cancelled-members-con .cancelled-members-right {width: 38%; flex-shrink: 0;}

#commissionsChart .chartjs-x-axis-0 .chartjs-x-axis-label { font: bold 16px 'Inter', sans-serif; }

/**Commission Page Redesign**/
.cms-main-content.commissions-main {background: #F7F9FA;padding: var(--clamp-22) 0;}
.commissions-dashboard-con  {display: flex; flex-direction: column; gap: var(--clamp-12); align-items: stretch; position: relative; margin: 0 auto;width: 100%;flex: 1;overflow-y: auto;padding: 0 var(--clamp-24);}
.commissions-dashboard-con .commissions-dashboard-summary-boxes {overflow: hidden;flex-shrink: 0;gap: 1%;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li * {font-family: Sohne, sans-serif;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li {flex: 1;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li .commission-timeframe .commission-flag-con i {width: 22px; height: 22px; position: relative;display: block;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li .commission-timeframe .commission-flag-con svg {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li .commission-timeframe .commission-flag-con i.commission-green-flag {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%); }
.commissions-dashboard-con .commissions-dashboard-summary-boxes li .commission-timeframe .commission-flag-con i.commission-red-flag{background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%); }
.commissions-dashboard-con .commissions-dashboard-summary-boxes li h3 {color: var(--sys-dark);font-weight: 700;line-height: 100%;margin-bottom: 3px;letter-spacing: 0;font-size: clamp(1.25rem, 1.38vw, 1.625rem);}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub {margin-left: 5px;font-style: unset; margin-bottom: 3px;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub i {font-style: unset;display: flex;gap: 3px;align-content: center;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub i svg {margin-bottom: 1px;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub small {font-weight: 500;line-height: 100%;display: block; letter-spacing: -0.01em;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub.commission-green small{color: #65CC65}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li sub.commission-red small{color: #FF224A}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li span.commission-timeframe {color: var(--sys-dark);margin-bottom: 4px;display: block;letter-spacing: -0.01em;}
.commissions-dashboard-con .commissions-dashboard-summary-boxes li p {color: #15151666; line-height: 100%;font-weight: 400;letter-spacing: normal;}

.commissions-dashboard-middle {margin: var(--clamp-26) 0 var(--clamp-20);}
.commissions-dashboard-middle * {font-family: Sohne, sans-serif;}
.commissions-dashboard-middle > div { box-shadow: 0px 12px 12px 0px #15151608; flex: 1; padding: var(--clamp-18) var(--clamp-14); display: flex; flex-direction: column; box-shadow: var(--container-shadow); }
.commissions-dashboard-table-left {}

.commissions-dashboard-table-left .earnings-summary-table-con {display: flex;gap: clamp(16px,5.5%,34px); align-items: center;height: 100%;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table {flex: 1;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table h3 {margin-bottom: var(--clamp-22);}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul {display: grid; grid-template-columns: repeat(2, 1fr);width: 100%;position: relative;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul:before {content: ""; display: block; width: 44px; height: 44px; position: absolute; background: #FFFFFF; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li {text-align: left;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li small {margin-bottom: 9px; display: block; line-height: 100%;font-weight: 400;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li span {display: block; line-height: 100%;font-weight: 700; letter-spacing: normal;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:first-child {padding: 0 var(--clamp-24) var(--clamp-20) 0;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:nth-child(2) {padding: 0 0 var(--clamp-20) var(--clamp-24);}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:nth-child(3) {padding: var(--clamp-20) var(--clamp-24) 0 0;}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:nth-child(4) {padding: var(--clamp-20) 0 0 var(--clamp-20)}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:nth-child(odd) {border-right: 1px solid #1515161A}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:first-child, .commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li:nth-child(2) {border-bottom: 1px solid #1515161A}
.commissions-dashboard-table-left .earnings-summary-table-con .earnings-summary-table ul li q {display: block; padding: 3px 7px;background: #F3F6F8;border-radius: 6px; line-height: 100%;font-weight: 400;letter-spacing: 2px;}

.earnings-summary-graph {position: relative; width: 21.37%; height: 100%; aspect-ratio: 1 / 1;display: flex; justify-content: center; align-items: center; max-width: 144px; padding-top: var(--clamp-10);}
.earnings-graph-con {position: relative;width: 100%; height: 100%;}
.earnings-graph-con i {pointer-events: none;}
.earnings-graph-con i svg {width: 157px; height: 157px; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.earnings-graph-con .earnings-summary-circle-graph {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.earnings-summary-graph .graph-progress {position: absolute;  top: 47%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;text-align: center;padding-top: var(--clamp-8);}
.earnings-summary-graph .graph-progress p {font-weight: 400;line-height: 100%;display: block;}
.earnings-summary-graph .graph-progress h2 {font-weight: 500;color: #000000;line-height: 100%;display: block;margin-top: 7px; font-size: clamp(1.15rem, 1.8vw, 1.56rem);}

.commissions-dashboard-bottom-table-title-con * {font-family: Sohne, sans-serif}

.commissions-dashboard-bottom-table-con {padding: var(--clamp-18) var(--clamp-14) var(--clamp-14);}
/*.commissions-dashboard-bottom-table-con .commissions-dashboard-bottom-table-title-con {margin-bottom: 18px;}*/

.commissions-dashboard-table {width: 100%;position: relative; z-index: 1;}
.commissions-dashboard-table thead tr th {border-right: 1px solid #1515161A;padding: var(--clamp-6) var(--clamp-12) !important;position: relative;vertical-align: middle;white-space: nowrap; font-family: var(--primary-font);}
.commissions-dashboard-table thead tr th:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #f7f9fa; z-index: -1;}
.commissions-dashboard-table thead tr th:first-child:before {border-radius: 8px 0 0 8px;}
.commissions-dashboard-table thead tr th:last-child:before {border-radius: 0 8px 8px 0;}
.commissions-dashboard-table thead tr th:last-child {border: 0;}
.commissions-dashboard-table thead tr th div {overflow: hidden; text-overflow: ellipsis;}
.commissions-dashboard-table thead tr th i {line-height: 0;}
.commissions-dashboard-table thead tr th span {line-height: 100%; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left;font-weight: 600;color: #15151666;font-family: var(--primary-font);letter-spacing: -0.04em;}
.commissions-dashboard-table thead tr th.perc-col {text-align: left !important;}
.commissions-dashboard-table thead tr th.perc-col, .commissions-dashboard-table tbody tr td.perc-col {width: 60px; max-width: 60px;min-width: unset;}
.commissions-dashboard-table tbody tr {position: relative;}
.commissions-dashboard-table tbody tr td {padding: var(--clamp-8) var(--clamp-12);border: 1px solid #1515161A; vertical-align: middle;border-bottom: 0;border-top: 0;white-space: nowrap;font-family: var(--primary-font);letter-spacing: -0.04em;line-height: 100%;position: relative;}
.commissions-dashboard-table tbody tr td span {color: #151516BF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: inline-block;font-family: var(--primary-font);letter-spacing: -0.04em; line-height: 100%;}
.commissions-dashboard-table tbody tr td span.product-badge {display: inline-block; padding: 0 6px; line-height: 100%;border-radius: 6px;color: #65CC65; position: relative; line-height: 20px;white-space: nowrap;max-width: 80px; overflow: hidden; text-overflow: ellipsis;}
.commissions-dashboard-table tbody tr td span.product-badge:before {content: ""; border: 1px solid #65CC6580; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6px;}
.commissions-dashboard-table tbody tr td.customer-col {position: relative;}
.commissions-dashboard-table tbody tr td:hover .sys-tooltip {display: block !important;left: 10px;color: #FFFFFF;}
.commissions-dashboard-table tbody tr td:first-child {border-left: 0;}
.commissions-dashboard-table tbody tr td:last-child {border-right: 0;}
.commissions-dashboard-table tbody tr:first-child td {border-top: 0;}
.commissions-dashboard-table tbody tr td:first-child span {font-weight: 600;}

.commissions-dashboard-table tbody tr td:before {content: ""; display: block; position: absolute; bottom: 0; left:0 ;right: 0; margin: 0 auto; width: 100%;height: 1px;background: #1515161A}
.commissions-dashboard-table tbody tr td:nth-child(2) {position: relative;}
.commissions-dashboard-table tbody tr td:nth-child(2):after { content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: transparent; display: block; box-shadow: 4px 0px 10px 0px #15151608;}
.commissions-dashboard-table tbody tr td:first-child:before, .commissions-dashboard-table tbody tr td:last-child:before {width: calc(100% - 10%);}
.commissions-dashboard-table tbody tr td:first-child:before {left: unset; right: unset}
.commissions-dashboard-table tbody tr td:last-child:before {left: 0; right: unset}

.commissions-dashboard-table thead tr th:nth-child(8) .setter-icon {display: block !important;}
.commissions-dashboard-table thead tr th:nth-child(9) .closer-icon {display: block !important;}
.commissions-dashboard-table thead tr th:nth-child(10) .coach-icon {display: block !important;}
.commissions-dashboard-table thead tr th.pend-com-col, .commissions-dashboard-table tbody tr td.pend-com-col {max-width: 120px; width: 120px;}
.commissions-dashboard-table thead tr th.up-com-col, .commissions-dashboard-table tbody tr td.up-com-col {max-width: 125px; width: 125px;}
.commissions-dashboard-table thead tr th.paid-com-col, .commissions-dashboard-table tbody tr td.paid-com-col {max-width: 100px; width: 100px;}
.commissions-dashboard-table thead tr th, .commissions-dashboard-table tbody tr td {min-width: 100px;}

.commissions-dashboard-table tbody tr td .customer-name-box {width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 6px}
.commissions-dashboard-table tbody tr td .customer-name-box span {font-size: 10px; line-height: 100%; font-weight: 700;color: #FFFFFF80; text-transform: uppercase;}
.commissions-dashboard-table tbody tr:nth-child(3n+1) td .customer-name-box {background: #FF7A48}
.commissions-dashboard-table tbody tr:nth-child(3n+2) td .customer-name-box {background: #294C99}
.commissions-dashboard-table tbody tr:nth-child(3n+3) td .customer-name-box {background: #65CC65}
.commissions-dashboard-table tbody tr:last-child, .commissions-dashboard-table tbody tr:last-child td {border-bottom: 0;}
.commissions-dashboard-table tbody tr:last-child td:first-child:before {display: none;}
.commissions-dashboard-table tbody tr td:nth-child(2) {position: relative}
.commissions-dashboard-table tbody tr td:nth-child(2):after { content: ""; width: 12px; height: 100%; position: absolute; left: -12px; top: 0; box-shadow: 4px 0px 10px 0px #32434E0D; display: block; pointer-events: none; }
.commissions-dashboard-table tbody tr td:nth-child(4) {padding-right: 0 !important;}

.commissions-dashboard-table tr.total-commission-row td {padding: var(--clamp-10) var(--clamp-12);position: relative;vertical-align: middle;white-space: nowrap; border-right: 0;line-height: 100%;}
.commissions-dashboard-table tr.total-commission-row td:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #15151606; z-index: -1;}
.commissions-dashboard-table tr.total-commission-row td:first-child:before {border-radius: 8px 0 0 8px;}
.commissions-dashboard-table tr.total-commission-row td:last-child:before {border-radius: 0 8px 8px 0;}
.commissions-dashboard-table tr.total-commission-row td:last-child {border: 0;}
.commissions-dashboard-table tr.total-commission-row td:after {content: ""; display: block; width: 1px; height: calc(100% - 16px); position: absolute; right: -0.5px; top: 50%;transform: translateY(-50%);background: #1515161A;}
.commissions-dashboard-table tr.total-commission-row td:first-child:after, .commissions-dashboard-table tr.total-commission-row td:nth-child(5):after,.commissions-dashboard-table tr.total-commission-row td:last-child:after {display: none;}
.commissions-dashboard-table tr.total-commission-row td div {overflow: hidden; text-overflow: ellipsis;}
.commissions-dashboard-table tr.total-commission-row td i {line-height: 0;}
.commissions-dashboard-table tr.total-commission-row td span {line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left;font-weight: 600;color: #151516}
.commissions-dashboard-table tr.total-commission-row td span.green, .commissions-dashboard-table tr.total-commission-row td q.green {color: #4ABA7B}
.commissions-dashboard-table tr.total-commission-row td span.red, .commissions-dashboard-table tr.total-commission-row td q.red {color: #FF224A}
.commissions-dashboard-table tr.total-commission-row td small {font-weight: 600;}
.commissions-dashboard-table tr.total-commission-row td span, .commissions-dashboard-table tr.total-commission-row td small {font-family: var(--primary-font);font-weight: 700;    display: block; line-height: 100%;}
.commissions-dashboard-table tr.total-commission-row td.text_right span {text-align: right;}

.commissions-dashboard-con .commissions-dashboard-table tr td.customer-col .sales-tooltip {position: absolute; bottom: 80%; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.commissions-dashboard-con .commissions-dashboard-table tr td.customer-col .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.commissions-dashboard-con .commissions-dashboard-table tr td.customer-col:hover .sys-tooltip {display: block !important;}

.commissions-dashboard-con .commissions-dashboard-table tr td.SetterCloseCoach {position: relative;    width: 100px; max-width: 100px;}
.commissions-dashboard-con .commissions-dashboard-table tr td.SetterCloseCoach .sales-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.commissions-dashboard-con .commissions-dashboard-table tr td.SetterCloseCoach .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.commissions-dashboard-con .commissions-dashboard-table tr td.SetterCloseCoach:hover .sales-tooltip {display: block !important;}

.commissions-dashboard-con .commissions-dashboard-table tr td.customer-col {width: 109px; max-width: 109px;}
.commissions-dashboard-con .commissions-dashboard-table tr td.customer-col .customer-name-con {width: 100%;}
.commissions-dashboard-con .commissions-dashboard-table tr td.perc-col {width: 60px;max-width: 60px;min-width: unset;}
.commissions-dashboard-con .commissions-dashboard-table tr td.perc-col q {display: inline-block;line-height: 100%;}
.commissions-dashboard-con .commissions-dashboard-table tr th.perc-col {padding: 6px 15px;}

.commissions-dashboard-bottom-table-con {display: flex;flex-direction: column;}
.commissions-dashboard-bottom-table-con .commissions-dashboard-tbl-con {margin: var(--clamp-14) 0 5px;}

.earnings-graph-con { position: relative; width: 100%; height: 100%;}
.earnings-graph-con-circle {width: 100%; height: 100%; position: relative;border-radius: 50%;}
.earnings-graph-con-circle .rect { position: absolute; width: 3px; height: 9px; background-color: #D0D0DA; border-radius: 1.5px; transform-origin: center top; /* Fix: Point the top side inward */}
.earnings-graph-con-circle .rect.shaded-rect::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; }

.earnings-graph-con-circle .rect.shaded-rect-blue::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; }
.earnings-graph-con-circle .rect:nth-child(-n+15).shaded-rect-blue::before { box-shadow: 0px 0.74px 1.61px #665CDA26, 0px 1.25px 2.41px #665CDA45, 0px 3.97px 5.8px #665CDA33, 0px 6.35px 15.16px #665CDA4D, 0px 15.83px 19.91px #665CDA33, 0px 20.86px 33.43px #665CDA26 }
.earnings-graph-con-circle .rect:nth-child(n+16):nth-child(-n+23).shaded-rect-blue::before { box-shadow: 0px 0.74px 2.61px #665CDA26, 0px 1.25px 5.41px #665CDA45, 0px 4.97px 10.8px #665CDA33, 0px 7.35px 21.16px #665CDA4D, 0px 12px 38.91px #665CDA33, 0px 20px 66.43px #665CDA26; }
.earnings-graph-con-circle .rect:nth-child(n+24):nth-child(-n+35).shaded-rect-blue::before { box-shadow: 0px 0.74px 2.61px #665CDA26, 0px -1.25px 5.41px #665CDA45, 0px 0.97px 10.8px #665CDA33, 0px 0.35px 21.16px #665CDA4D, 0px 0px 38.91px #665CDA33, 0px 0px 66.43px #665CDA26; }
.earnings-graph-con-circle .rect:nth-child(n+36):nth-child(-n+75).shaded-rect-blue::before { box-shadow: 0px -0.74px 2.61px #665CDA26, 0px -3.25px 5.41px #665CDA45, 0px -7.97px 10.8px #665CDA33, 0px -10px 23.16px #665CDA4D, 0px -15.83px 38.91px #665CDA33, 0px -20.86px 66.43px #665CDA26 }
.earnings-graph-con-circle .rect:nth-child(n+76):nth-child(-n+85).shaded-rect-blue::before { box-shadow: 0px 0.74px 2.61px #665CDA26, 0px -1.25px 5.41px #665CDA45, 0px 0.97px 10.8px #665CDA33, 0px 0.35px 21.16px #665CDA4D, 0px 0px 38.91px #665CDA33, 0px 0px 66.43px #665CDA26; }

.earnings-graph-con-circle .rect.shaded-rect-orange::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; }
.earnings-graph-con-circle .rect:nth-child(-n+15).shaded-rect-orange::before { box-shadow: 0px 0.74px 1.61px #FFB22E26, 0px 1.25px 2.41px #FFB22E45, 0px 3.97px 5.8px #FFB22E33, 0px 6.35px 15.16px #FFB22E4D, 0px 15.83px 19.91px #FFB22E33, 0px 20.86px 33.43px #FFB22E26}
.earnings-graph-con-circle .rect:nth-child(n+16):nth-child(-n+23).shaded-rect-orange::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px 1.25px 5.41px #FFB22E45, 0px 4.97px 10.8px #FFB22E33, 0px 7.35px 21.16px #FFB22E4D, 0px 12px 38.91px #FFB22E33, 0px 20px 66.43px #FFB22E26; }
.earnings-graph-con-circle .rect:nth-child(n+24):nth-child(-n+35).shaded-rect-orange::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px -1.25px 5.41px #FFB22E45, 0px 0.97px 10.8px #FFB22E33, 0px 0.35px 21.16px #FFB22E4D, 0px 0px 38.91px #FFB22E33, 0px 0px 66.43px #FFB22E26; }
.earnings-graph-con-circle .rect:nth-child(n+36):nth-child(-n+75).shaded-rect-orange::before { box-shadow: 0px -0.74px 2.61px #FFB22E26, 0px -3.25px 5.41px #FFB22E45, 0px -7.97px 10.8px #FFB22E33, 0px -10px 23.16px #FFB22E4D, 0px -15.83px 38.91px #FFB22E33, 0px -20.86px 66.43px #FFB22E26 }
.earnings-graph-con-circle .rect:nth-child(n+76):nth-child(-n+85).shaded-rect-orange::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px -1.25px 5.41px #FFB22E45, 0px 0.97px 10.8px #FFB22E33, 0px 0.35px 21.16px #FFB22E4D, 0px 0px 38.91px #FFB22E33, 0px 0px 66.43px #FFB22E26; }


/*DATEPICKER START*/

.datepicker-cm {cursor: pointer;}
.datepicker-cm i {line-height: 0;font-weight: 500 !important;}
.datepicker-cm i svg {fill: #151516;}
.datepicker-cm h2 {line-height: 100%;}
.datepicker-cm span { color: var(--sys-dark); width: auto;padding-right:5px; font-size: 0.9rem; font-weight: 500; line-height: 100%; }

.analytics-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#analyticsRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#analyticsRange span {color: var(--sys-dark);}

#earningsRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#earningsRange span {color: var(--sys-dark);}

.dashboard-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;line-height: 100%;}
#dashboardRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}

#earningsRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#earningsRange span {color: var(--sys-dark);}

.commissions-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;line-height: 100%;}
#commissionsRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#commissionsRange span {color: var(--sys-dark);}


.dateRefreshHolder{}
.stats-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#statsRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#statsRange span {color: var(--sys-dark);width: auto;margin-right: 8px;}
#statsRange i{margin-top:-2px;}

.stats-refresh{position: relative; padding-left: 10px;}
.stats-refresh:before { content: ""; width: 1px; height: 100%; background: rgba(21,21,21,0.1); position: absolute; top: 0; left: 0; }

.cm-dashboard-con .stats-refresh{padding-left:0;}
.cm-dashboard-con .stats-refresh .refresh-tooltip{}
.cm-dashboard-con .stats-refresh:before{display:none;}

.stats-refresh a{display:block;width:100%;height:100%;}
.stats-refresh a svg{display:flex;}

.stats-refresh .refresh-tooltip{position: absolute; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 2px 8px; border-radius: 4px; white-space: nowrap; display: none; width: min-content; bottom: unset; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); left: unset;display: none;}
.stats-refresh .refresh-tooltip::before {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; right: 0px; left: unset; top: 40%; transform: rotate(45deg) translateY(-50%); bottom: unset;}
.stats-refresh a:hover ~ .refresh-tooltip{display:block;}

.sales-dashboard-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#salesRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;margin-right: 4px;}
#salesRange span {color: var(--sys-dark);width: auto;}

.lead-distribution-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#leadRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;margin-right: 4px;}
#leadRange span {color: var(--sys-dark);width: auto;}

.group-training-roster-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#groupTrainingRosterRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;margin-right: 4px;}
#groupTrainingRosterRange span {color: var(--sys-dark);width: auto;}

.dashboard-template-range-con h2 {color: var(--sys-dark) !important; font-weight: 600;}
#dashboardTemplateRange {position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px;}
#dashboardTemplateRange span {color: var(--sys-dark);width: auto;margin-right: 8px;}
/*SALES BREAKDOWN DATEPICKER END*/

/**COMMISSIONS PAGE END*/

/**WEBSITE MANAGER START**/
.cms-main-content.website-manager-page {padding: 14px 0;background: #f7f9fa}
.website-manager-page {display: flex;/*margin-top: 14px; max-width: 1465px;*/width: 100%;}
.website-manager-page .wrapper{margin:0 auto; padding: 0 var(--clamp-24)}
.website-manager-page .website-manager-page-con {display: flex; flex-direction: column;height: 100%;padding: 0; overflow: hidden;}

.website-manager-title {padding: 8px 0 20px;}
.website-manager-title h2 {line-height: 100%;position:relative;z-index:1; letter-spacing: -0.03em;font-family: 'Sohne', sans-serif;display: flex; align-items: center;gap: 0;}
.website-manager-title h2 span.disabled {color: rgba(21, 21, 22, 0.25);}
.website-manager-title h2 small {display: flex; align-items: center;}
.website-manager-title h2 small i {margin: 0 4px; display: block; line-height: 0;width: 18px;text-align: center;}
.website-manager-title h2 em {display: block;line-height: 100%;position:relative;z-index:1; letter-spacing: -0.03em;font-family: 'Sohne', sans-serif;display: flex; align-items: center;font-style: normal;}

.website-manager-title .dateRefreshHolder{z-index:9991;}

.website-manager-title .dateRefreshHolder .sys-datepicker small{font-size:14px;}

.website-manager-tabs-con {display: flex; gap: 16px;align-items: stretch;flex: 1;overflow: hidden;flex-direction:column; height: calc(100% - 48px);position: relative}
.website-manager-tabs-con .activityLoader {position: absolute; top: 0; left: 0;right:0;margin: 0 auto;; z-index: 100;background: #FFFFFF;width: 100%; height: 100%;border-radius: 12px;transform: none;}
.website-manager-tabs-con .activityLoader i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.website-manager-tabs {display: flex; flex-direction: column; gap: 8px;overflow: auto; padding-right: 8px;flex-shrink: 0;overflow-x: hidden;display:none;}
.website-manager-tabs .website-manager-tablinks {background: var(--sys-white); border-radius: 8px; display: flex; flex-direction: column; gap: 4px;border: 1px solid rgba(21, 21, 22, 0.05);padding: 16px 8px;align-items: center; text-transform: uppercase;font-size: 12px;justify-content: center;letter-spacing: -0.03em;flex-shrink: 0;}
.website-manager-tabs .website-manager-tablinks svg {fill: #151516;}
.website-manager-tabs .website-manager-tablinks span {line-height: 120%;}
.website-manager-tabs .website-manager-tablinks.active {background: var(--accent2);}
.website-manager-tabs .website-manager-tablinks.active svg {fill: var(--sys-white);}
.website-manager-tabs .website-manager-tablinks.active span {color: var(--sys-white);}

.website-manager-tabs .website-manager-tablinks:hover {opacity: 1;background: var(--accent2);}
.website-manager-tabs .website-manager-tablinks:hover svg {fill: var(--sys-white);}
.website-manager-tabs .website-manager-tablinks:hover span {color: var(--sys-white);}

.website-manager-tabs .disable-btn {position: relative;}
.website-manager-tabs .disable-btn .website-manager-tablinks{opacity: 0.2; pointer-events: none;position: relative;width: 100%;}
.website-manager-tabs .coming-soon {position: absolute; color: red; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;padding: 5px;font-size: 12px;transform: rotate(-45deg);text-transform: uppercase; font-weight: bold;}

#SubFunnels{display:none;}

.website-manager-tabs-con .website-manager-tabcontents {height: 100%;}
.website-manager-tabs-con #SubFunnels {border-radius: 0;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-sub-content-container { background: #ffffff !important; border-radius: 12px; height: 100%; box-shadow: 0px 4px 8px 0px #0000000A; display: flex; border-radius: 12px; gap: 8px; flex: 1; flex-direction: column; gap: 16px; height: 100%; }
.website-manager-tabs-con #SubFunnels #filter-funnel-3 {background: none !important;border-radius: 0;}

.website-manager-tabs-con #SubFunnels.website-manager-tabcontents:has(#filter-funnel-2[aria-hidden="false"] .settings-content-boxes){padding: 0;}
.website-manager-tabs-con .website-manager-tabcontents:has(#filter-funnel-2[aria-hidden="false"]) .settings-content-boxes{padding: 0 20px;padding:0;}

.website-manager-tabs-con .website-manager-tabcontents:has(.settings-content-boxes){padding: 0;}

.website-manager-tabs-con:has(#filter-tabs-5[aria-hidden="false"]){box-shadow:none;}
.website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-5){padding: 0; border-radius: 12px;background: none !important;}

.website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-5[aria-hidden="false"]):has(.funnelStatsBoxesHolder){background:none;}
/*.website-manager-tabs-con .website-manager-tabcontents:has(.funnelStatsBoxesHolder) .stats-tab-header{position:relative;justify-content:flex-end;margin-bottom:20px;}*/
.website-manager-tabs-con .website-manager-tabcontents:has(.funnelStatsBoxesHolder) .stats-tab-header{/*background: #fff;border-radius:12px;padding: 20px 24px 20px 20px;*/position:relative;z-index: 99;width: 100%;padding: 0 4px 10px 0;justify-content: flex-end;max-width: 1467px;}
.website-manager-tabs-con:has(#filter-funnel-3[aria-hidden="false"]) { box-shadow: unset; }
.website-manager-tabs-con #SubFunnels .stats-tab-header {margin-bottom: 0 !important;}
.website-manager-tabs-con #SubFunnels:has(#filter-funnel-3[aria-hidden="false"]) {background: transparent !important; padding: 0 !important;}
.website-manager-tabs-con #SubFunnels #filter-funnel-3 {padding: 0 !important;}
.website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-1), .website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-2), .website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-3), .website-manager-tabs-con .website-manager-tabcontents:has(#filter-tabs-4) {background: #FFFFFF;}

.website-manager-tabs-con #Funnels .funnels-tabs-header,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header{position: absolute;top: 6px;left: 0; right: 0; margin: 0 auto;justify-content: center}

.website-manager-tabs-con #Funnels .funnels-tabs-header button{background:none;border:1px solid var(--accent2);color:var(--accent2);display:none;}
.website-manager-tabs-con #Funnels .funnels-tabs-header button:hover{background:var(--accent2);border:1px solid transparent;color:#fff;opacity:1;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs{}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul{ display: flex; gap: 14px;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li{display:inline-block;vertical-align:middle;position:relative;font-weight:inherit;color:inherit;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li a,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li a{position:relative;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li:not(:last-child):before,
/*.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li:not(:last-child):before{ content: ""; display: block; width: 2px; height: 60%; top: 50%; transform: translateY(-50%); right: -3px; background: rgba(21, 21, 22, 0.10); position: absolute; }*/


.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li a:before,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li a:before{content: ""; display: block; position: absolute; bottom: -8px; left: 0; width:0;height: 3px; background: var(--accent2);border-radius: 4px;transition: all 0.3s linear;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li a:after,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li a:after{content: ""; display: block; position: absolute; bottom: -8px; right: 0; width:0;height: 3px; background: var(--accent2);border-radius: 4px;transition: all 0.3s linear;}

.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li.ui-state-active a:before,
.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li a:hover:before,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li.ui-state-active a:before,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li a:hover:before,
.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li.ui-state-active a:after,
.website-manager-tabs-con #Funnels .funnels-tabs-header .funnel-tabs ul li a:hover:after,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li.ui-state-active a:after,
.website-manager-tabs-con #SubFunnels .funnels-tabs-header .funnel-tabs ul li a:hover:after { width: 100%; }

.website-manager-tabs-con #Funnels .funnel-tabs ul li a,
.website-manager-tabs-con #SubFunnels .funnel-tabs ul li a{padding: 0 6px 2px 6px;position: relative; display: inline-block;color: rgba(21, 21, 22, 0.5);}

/*.website-manager-tabs-con #Funnels .funnel-tabs ul li[aria-selected="true"] a#ui-id-4{padding:0 6px 2px 6px;}*/

/*.website-manager-pag:has(#filter-tabs-5[aria-hidden="false"]) .website-manager-title h2 {top: 40px;}*/

.website-manager-tabs-con #Funnels .funnel-tabs ul li.ui-state-active a,
.website-manager-tabs-con #Funnels .funnel-tabs ul li a:hover,
.website-manager-tabs-con #SubFunnels .funnel-tabs ul li.ui-state-active a,
.website-manager-tabs-con #SubFunnels .funnel-tabs ul li a:hover{color: var(--sys-dark);}

.website-manager-tabs-con #Funnels .funnel-tabcontents-con,
.website-manager-tabs-con #SubFunnels .funnel-tabcontents-con{flex: 1; overflow: hidden;height: 100%;}
.website-manager-tabs-con:has(#filter-tabs-5.active),.website-manager-tabs-con #Funnels .funnel-tabcontents-con:has(#filter-tabs-5.active) {overflow: visible;}

.website-manager-tabs-con #SubFunnels .funnel-tabcontents-con{position:relative;}

.website-manager-tabs-con [id*="Funnels"] .funnel-tabcontents {height: 100%;}
.website-manager-tabs-con [id*="Funnels"] .funnel-tabcontents-container { height: 100%; position: relative; overflow: hidden; background: #FFFFFF; border-radius: 12px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); border: var(--container-border);box-shadow: var(--container-shadow);}
.website-manager-tabs-con [id*="Funnels"] .funnel-tabcontents#filter-tabs-5 {background: none;box-shadow: none;border-radius: 0;}
.website-manager-tabs-con [id*="Funnels"] .funnel-tabcontents#filter-tabs-5 .stats-tab-content {border-radius: 0;}
.website-manager-tabs-con [id*="Funnels"]:has(#filter-tabs-4) {padding: 0;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes {flex-wrap: wrap; width: 100%;display: grid; grid-template-columns: repeat(4, 357px);grid-template-columns: repeat(3, 307px); row-gap: 14px; column-gap: 14px;justify-content: center;padding: 19px; overflow: auto;height: 100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section {width: calc(33% - 8px);position: relative;padding: 13px;display: flex; flex-direction: column; gap: 8px;width:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header {text-transform: uppercase;padding-bottom: 8px; border-bottom: 1px solid rgba(21, 21, 22, 0.10);position:relative;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .table-tooltip {position: absolute; top: 100%; left: 0; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap; display: none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .table-tooltip::before  {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; top: -1px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header:hover > .table-tooltip {display: block;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes { display: flex; justify-content: flex-start; width: 100%; flex-direction: column; padding: var(--clamp-26); gap: 50px 0;flex: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-link-boxes {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 50px 18px; width: 100%; padding-bottom: 2px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box {overflow: hidden; font-family: var(--primary-font);  flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con {overflow: hidden; border-radius: 12px; border: 1px solid #1515160D; aspect-ratio: 2.03 / 1; pointer-events: none;position:relative;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con img[src*="template-2"] {aspect-ratio: .567 / 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con img[src*="template-4"] {aspect-ratio: .590 / 1;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con a{display:block;width:24px;min-width:24px;height:24px;min-height:24px;border:1px solid #FFFFFF1A;border-radius:8px;position:absolute;bottom:12px;right:12px;display: inline-flex; justify-content: center; align-items: center; padding: 0; pointer-events: auto;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con a svg{width: auto;height: auto;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con a svg path{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con a:hover{border:1px solid var(--accent1);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-img-con a:hover svg{fill:var(--accent1);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header {padding: clamp(10px, 3.5%, 15px) 0;border-bottom: 1px solid #1515161A}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-left {display: flex; align-items: center;gap: 8px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-left h3 {position: relative;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-left h3 span {color: #151516; line-height: 100%; text-overflow: ellipsis; white-space: nowrap;display: block;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-left h3:hover .sys-tooltip {display: block;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-left .funnel-box-lang {display: block;border: 1px solid #1515160D;background: #1515160D; padding: 1px 4px; font-size: clamp(0.75rem, 0.9vw, 0.875rem); line-height: 100%;color: #15151680; width: max-content;border-radius: 5px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-right span {color: #50A771;font-weight:600;letter-spacing: -0.48px;} 
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-header-right svg {display: block; line-height: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-content {padding-top: 11px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-content-title {width:calc(100% - 160px);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink {line-height: 100%;color: #151516;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink small{display:block; margin-bottom: clamp(4px, 3%, 9px);line-height: 100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink a {display: block; color: #15151699;line-height: 100%;margin-top: 9px; font-size:16px;position: relative;text-overflow: ellipsis; white-space: nowrap;overflow:hidden;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink a span {display: inline-block;vertical-align:middle;width:100%; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /*border-bottom:1px solid #294C991A;*/color: var(--accent2);line-height: 110%;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink a:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -3px;background: #294C991A;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-weblink a:hover {opacity: 0.5;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-btn {flex-shrink: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-boxes .funnel-box .funnel-box-btn li a {width: max-content;padding: 0 8px;line-height: 22px;min-width: unset;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header h3 {color: var(--accent2);flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .funnel-status {flex-shrink: 0;align-items: center; display: flex; gap: 3px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .funnel-status.active {color: #294c99;color:#6E6F71;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .funnel-status.inactive {color: rgba(21, 21, 22, 0.4);color:#6E6F71;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-box-header .funnel-status svg{width:20px;height:20px;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content {display: flex; flex-direction: column;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-content-title{display:flex;justify-content:space-between;align-content:center;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-content-title p.funnel-lang{color: #6E6F71;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content p.funnel-weblink{color:var(--primary-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content p.funnel-weblink a{color:inherit;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content p.funnel-weblink a:hover{text-decoration:underline;color:var(--accent2);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-img-con {height: 175px;overflow: hidden;position: relative;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-img-con img {transform: scale(1.3); position: absolute; top: 0; transform-origin: top;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn{display:flex;justify-content:space-between;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li {flex: unset;width:33%;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li.fshare{display:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li.fedit a{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li.fedit a:hover{opacity:1;border:1px solid var(--accent2);background:transparent;color:var(--accent2);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li a {width:100%;line-height: 30px;min-width: unset;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li a.btn-secondary{background:#FF5A5F2D;color: #ff0400;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn li a:hover{background:var(--accent2);color:#fff;opacity:1;border:1px solid transparent;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li {width: 33%; align-self: flex-end; margin-left: auto;flex: unset;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li a.btn-activate {width: 100%; background: none;border:1px solid #6D6F71;color:#6D6F71;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes section .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li a.btn-activate:hover { opacity: 1; background: #294c99; background: #6D6F71;border:1px solid transparent; color: #fff; }

/*LIST VIEW TABLE*/
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes.listView{gap:20px;display:flex;height:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table{width:100%;border-radius: 8px 8px 0 0; overflow: hidden; border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table:last-child{border-bottom:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table{width:100%;table-layout: fixed;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead{background:#EAEDF5;display:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th{padding:8px 8px 8px;color:var(--primary-color);text-transform:uppercase;text-align:left;font-weight: bold;position: relative;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th span{color:var(--accent2);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th:first-child{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th:last-child{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th svg{margin-bottom:-3px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th svg path{}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr{border-bottom:1px solid #DDDDDD;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr:last-child {border-bottom: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td{padding:12px 8px;color:var(--primary-color);font-weight:bold;}


.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-name{display: flex;align-items: center;gap: 5px;margin-bottom:10px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-name h2{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-name span{color: var(--accent2);text-transform:uppercase;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-container{display:inline-block;vertical-align:middle;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a{color:#6E6F71;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a:hover{color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span[contenteditable="true"]{border-bottom: 1px solid #000;color:var(--accent1);cursor:text;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .linkMessage{display:inline-flex;gap:15px;align-items: center;justify-content:flex-end;width:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .linkMessage span{font-weight:normal;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.charLeft{font-style:italic;color:#000;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.errorMsg{font-style:italic;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .errorMsg{color:var(--sys-red);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link a{color: var(--sys-dark);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link span[contenteditable="true"]{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link a:hover{text-decoration:underline;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .editableCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .editableCode .codeCount{}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit svg {display:inline-block;vertical-align:middle;width:18px;height:18px;cursor:pointer;margin-top:-7px;position:relative;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit svg path { fill: var(--accent2); }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns{display:inline-block;vertical-align:middle;margin-left:40px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns ul{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking svg{width:auto;height:18px;cursor:pointer;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking svg path{fill: var(--accent2);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-tracking .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 6px;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials{margin-top:5px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li{display:block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a{display: flex;align-items: center;gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a svg{display:inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a svg path{fill:var(--accent2);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a span{display:inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a:hover{color:var(--accent2);text-decoration:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a:hover span{text-decoration:underline;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-social-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip{}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg{height:14px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg path{}

.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip{padding:6px 12px;top:-30px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip::after{width:10px;height:10px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:10px;line-height:12px;}

/*SOCIAL TABLE*/
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table{width: auto;table-layout: unset;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr{border:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td{padding:0;color:var(--sys-dark);font-weight:normal;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td .socialHeading{margin-right:5px;display: flex;align-items: center;gap: 5px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg { display: inline-block; vertical-align: middle; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg path { fill: var(--accent2); }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td .socialHeading span.socialTitle{line-height:1;color:var(--sys-dark);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td a.copyLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td a.copyLink span.socialLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials table tr td a.copyLink:hover span{color:var(--accent2);text-decoration:underline;}

/*END SOCIAL TABLE*/
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create{margin-top:7px;display:inline-block;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a{display: flex; align-items: center; gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a span{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg{vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg.addition{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg.addition path{fill:#4ABA7B}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a:hover span {color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a:hover svg path{fill:var(--accent2);}

/*REFERRAL LINK MODAL*/
.referralLinkModal input[type=text],
.referralLinkModal input[type=password],
.referralLinkModal textarea { display: block; width: 100%; max-width: 100%; padding: 14px 44px 14px 14px; font-family: var(--primary-font); color: var(--sys-dark); font-weight: 400; height: 42px; font-size: 12px; line-height: 16px; letter-spacing: -0.04em; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); resize: none; }
.referralLinkModal select { font-family: var(--primary-font); color: var(--sys-dark); font-weight: 400;font-size: 12px; line-height: 16px; letter-spacing: -0.04em;}
.referralLinkModal select{-webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: 98%;background-position-y: 10px;background-size: 20px;}

.referralLinkModal select option[value=""]{display: none;}
.referralLinkModal input[type=text]::placeholder{color: var(--sys-dark);}
        
.referralLinkModal .formGroup .formSection { display: inline-block; width: 100%; }
.referralLinkModal .formGroup .formSection h2{color:var(--accent2);}
.referralLinkModal .popUpContent .formGroup .formSection label{color:var(--sys-dark);color:#000;}
.referralLinkModal .formSpacer.trackingCode .formGroup .formSection h2,
.referralLinkModal .formSpacer.trackingLink .formGroup .formSection h2{color:var(--sys-dark);}
.referralLinkModal .formSpacer:not(:last-child) { margin-bottom: 27px; }

.referralLinkModal{display:none;}
.referralLinkModal .popUpContent{margin:0;}
        
.referralLinkModal .popUp{padding:25px;overflow: unset;}

.referralLinkModal .closeReferralLinkModal{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

.referralLinkModal .closeReferralLinkModal svg { vertical-align: middle; fill:var(--accent1);}
.referralLinkModal .closeReferralLinkModal svg path{stroke:var(--accent1);}
.referralLinkModal .closeReferralLinkModal:hover{opacity: 0.5;}

.referralLinkModal .popUpLogo{}
.referralLinkModal .popUpLogo #header-logo, #referralLinkModal .popUpLogo img {height: 50px !important;}
.referralLinkModal .popUpLogo a{}
.referralLinkModal .popUpLogo a img{width:200px;max-width:100%;}

.referralLinkModal .popUpHeading{margin:25px auto 0;padding-bottom:15px;}
.referralLinkModal .popUpHeading svg{}
.referralLinkModal .popUpHeading svg path{fill:var(--sys-dark);}
.referralLinkModal .popUpHeading:after{content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }
.referralLinkModal .popUpHeading h2{color: var(--sys-dark);}

.referralLinkModal .modalInformationBoxes{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
.referralLinkModal .modalInformationBoxes .formSection { margin: 0; }

.referralLinkModal .refLink{position:relative;padding:15px 0;}
.referralLinkModal .refLinkContainer{position:relative;}
.referralLinkModal .refLink input{padding: 14px 44px 14px 14px;}
.referralLinkModal .refLink:after { content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }

.referralLinkModal .trackingCode{padding:15px 0;}
.referralLinkModal .trackingLink{padding:15px 0;}
.referralLinkModal .trackingLink input{padding: 14px 44px 14px 14px;}

.referralLinkModal .affBtns{position: absolute; bottom: 12px; right: 14px;line-height: 0;}
.referralLinkModal .affBtns a{display:inline-block;vertical-align:middle;}
.referralLinkModal .affBtns a:hover{opacity:.5;}
.referralLinkModal .affBtns a svg{vertical-align:middle;height:100%;}
.referralLinkModal .affBtns a svg path{fill:var(--accent2);}
.referralLinkModal .funnel-list-link-with-tooltip {line-height: 0;}

.referralLinkModal .promoSaleHolder input{padding:14px 120px 14px 14px}
.referralLinkModal .promoSale{position: absolute; bottom: 5px; right: 5px; z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: max-content; height: 32px; border-radius: 8px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:0 5px;}

.referralLinkModal .formSpacer:not(:last-child){margin-bottom:0;}

.trackingCode{position:relative;}
.trackingCode:after { content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }
/*END REFERRAL LINK MODAL*/
.website-manager-tabs-con .funnel-list-link-with-tooltip{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;margin-left:5px;}
.website-manager-tabs-con .funnel-list-link-with-tooltip svg{height:16px;cursor:pointer;}
.website-manager-tabs-con .funnel-list-link-with-tooltip svg path{}

.website-manager-tabs-con table tbody tr td.funnel-list-link .funnel-list-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}

.website-manager-tabs-con table tbody tr td.funnel-list-link:has(span[contenteditable="true"]) .funnel-list-link-edit .table-link-tooltip{visibility: hidden; opacity: 0;}

.website-manager-tabs-con table tbody tr td.funnel-list-link .funnel-list-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con table tbody tr td.funnel-list-link .funnel-list-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.website-manager-tabs-con .funnel-list-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}

.website-manager-tabs-con .funnel-list-link-with-tooltip .table-link-tooltip::after{content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg) translateX(-50%); left: 50%; bottom: -5px;}
.website-manager-tabs-con .funnel-list-link-with-tooltip .table-link-tooltip {  z-index: 80; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px; border-radius: 4px; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); visibility: hidden; bottom: calc(100% + 5px);}
.website-manager-tabs-con .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{line-height:1;}

.website-manager-tabs-con table tbody tr td .funnel-tabs-content{justify-content:flex-end;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn li {flex: 1;position:relative;width:33%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn li.fshare{display:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn li a {line-height: 30px;width:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li {width: 33%; align-self: flex-end; margin-left: auto;flex: unset;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li a.btn-activate {width: 100%; background: none;border:1px solid #6D6F71;color:#6D6F71;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-tabs-content .funnel-tabs-btn.btn-activate-con li a.btn-activate:hover { opacity: 1; background: #294c99; background: #6D6F71;border:1px solid transparent; color: #fff; }

.website-manager-tabs-con #SubFunnels .funnel-tabcontents {padding: 0px;}
/*END LIST VIEW TABLE*/

/*NEW LAYOUT FOR AFFILIATE LINKS*/
/*LIST VIEW TABLE*/
.funnel-tabs-boxes-holder{width: 100%;height:100%; position: relative; flex-direction: column;gap: 20px;display: flex;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes.listView{gap:20px;display:flex;height:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table{width:100%;border-radius: 8px 8px 0 0;overflow: hidden; border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list{width:100%;border-bottom:1px solid #DDDDDD;padding:12px 8px;color:var(--primary-color);font-weight:bold;display: flex;justify-content: space-between;gap:50px 0;flex-wrap:wrap;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list:last-child{border-bottom: 0;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link{width: 48%;/*width:auto;*/font-weight: bold; overflow: hidden;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name{display: flex;align-items: center;gap: 5px;margin-bottom:10px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name h2{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name span{color: var(--accent2);text-transform:uppercase;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1{width:250px;max-width:100%;flex-basis: calc(100% - 67%);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img{height: 200px; overflow: hidden; position: relative;min-width: 150px; flex-shrink: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img img{transform: scale(1.3); position: absolute; top: 0; transform-origin: top;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box2{flex: 1; overflow: hidden;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-container{display:inline-block;vertical-align:middle;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a{color:#6E6F71;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a:hover{color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span[contenteditable="true"]{border-bottom: 1px solid #000;color:var(--accent1);cursor:text;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage{display:inline-flex;gap:15px;align-items: center;justify-content:flex-end;width:100%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span{font-weight:normal;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.charLeft{font-style:italic;color:#000;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.errorMsg{font-style:italic;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage a, .website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span {font-size: 16px;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .errorMsg{color:var(--sys-red);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link a{color: var(--sys-dark);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link span[contenteditable="true"]{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link a:hover{text-decoration:underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .editableCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .editableCode .codeCount{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg {display:inline-block;vertical-align:middle;width:18px;height:18px;cursor:pointer;margin-top:-7px;position:relative;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg path { fill: var(--accent2); }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns{display:inline-block;vertical-align:middle;margin-left:40px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg{width:auto;height:18px;cursor:pointer;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg path{fill: var(--accent2);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background:#6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con .funnel-list-link:has(span[contenteditable="true"]) .funnel-list-link-edit .table-link-tooltip{visibility: hidden; opacity: 0;}
.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials{margin-top:5px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li{display:block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a{display: flex;align-items: center;gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a svg{display:inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a svg path{fill:var(--accent2);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a span{display:inline-block;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a:hover{color:var(--accent2);text-decoration:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials ul li .socials_fullLinkCodeMessageHolder .socials_fullLinkCode a:hover span{text-decoration:underline;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder{display: inline-flex;vertical-align:middle;padding-left:5px;align-items: center;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip{}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg{height:14px;width: 20px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg path{}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg:hover {opacity: 0.5}

.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip{padding:6px 12px;top:-30px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip::after{width:10px;height:10px;}
.website-manager-tabs-con .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:10px;line-height:12px;}

/*SOCIAL TABLE NEW LAYOUT*/
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table{width: auto;table-layout: fixed;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr{border:none;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td{padding:0;color:var(--sys-dark);font-weight:normal;vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading{margin-right:5px;display: flex;align-items: center;gap: 5px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg { display: inline-block; vertical-align: middle; flex-shrink: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg path { fill: var(--accent2); }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading span.socialTitle{line-height:1;color:var(--sys-dark);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:first-child {width: 65px; max-width: 65px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:nth-child(2) {width: auto;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:nth-child(2) a {overflow: hidden; text-overflow: ellipsis;display: block;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:last-child {width: 50px; max-width: 50px;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink span.socialLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink:hover span{color:var(--accent2);text-decoration:underline;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create{margin-top:7px;display:inline-block;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a{display: flex; align-items: center; gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a span{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg{vertical-align:middle;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition{}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition path{fill:#4ABA7B}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover span {color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover svg path{fill:var(--accent2);}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder {padding: var(--clamp-20);border-radius: 12px; background: #FFF; box-shadow: var(--container-shadow);padding: var(--clamp-20); border-radius: 12px; background: #FFF; box-shadow: var(--container-shadow); height: 100%; border: var(--container-border);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-item {padding: var(--clamp-20) 0; border-bottom: 1px solid rgba(21, 21, 22, 0.10);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-item .funnel-list-item-flx {display: flex; align-items: center; justify-content: space-between;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-items-con:first-child .funnel-list-item:first-child {padding-top: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-items-con:last-child .funnel-list-item:last-child {border: 0; padding-bottom: 0;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-item-img-con { max-width: 180px; aspect-ratio: 1.482/1; border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); overflow: hidden; }

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-items-con {width: 100%;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left {display: flex; align-items: center;gap: var(--clamp-20);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content h3 {display: flex; align-items: center;gap: var(--clamp-8);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content h3 span { display: block; color: #151516; font-family: Inter; font-size: var(--clamp-text-l); font-style: normal; font-weight: 600; line-height: var(--clamp-text-l); letter-spacing: -0.72px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content h3 .funnel-box-lang { border-radius: 5px; border: 1px solid rgba(80, 167, 113, 0.05); background: rgba(80, 167, 113, 0.05); color: #50A771; text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 114.286%; letter-spacing: -0.42px; padding: 2px 4px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content h3 .funnel-box-lang.spanish { border-radius: 5px; border: 1px solid rgba(255, 34, 74, 0.05); background: rgba(255, 34, 74, 0.05); color: #FF224A; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content .funnel-box-content-title {display: block; line-height: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content p {display: flex;align-items: flex-end;gap: 4px; line-height: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content a {display: block; line-height: 1;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content a span { display: block; color: var(--accent2); font-family: Inter; font-size: var(--clamp-text-xs) !important; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.48px; margin-top: var(--clamp-8);position: relative;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content a span:after { content: ""; display: block; height: 1px; width: 100%; background: rgba(41, 76, 153, 0.10); position:absolute; left: 0; bottom: -4px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content a.copy-icon {display: block; line-height: 1;padding-bottom: 2px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-list-left .funnel-list-left-content a.copy-icon:hover {opacity: 0.5;}

.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right {display: flex; align-items: center;gap: var(--clamp-12);}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right .split-test-link {display: flex; align-items: center; margin-right: 4px;gap: 4px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right .split-test-link small { display: block; line-height: 1; color: var(--accent2); text-align: right; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.48px;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right .split-test-link:hover {text-decoration: underline;}
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right .funnel-link-item-status { color: #50A771; text-align: right; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.48px; }
.website-manager-tabs-con #Funnels .funnel-tabcontents .funnel-tabs-list-holder .funnel-box-header-right .funnel-list-btn li a {padding: 3px var(--clamp-10);min-width: 60px;}

.create-split-test-btn { padding: 7px var(--clamp-10); display: flex; align-items: center; gap: 6px; background: var(--accent2) !important; color: #fff !important; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.56px; }
.create-split-test-btn:hover {opacity: 0.5 !important;}

.create-split-test-modal {display: none;}
.create-split-test-modal.open {display: block;}
.create-split-test-modal .modal-box {max-height: 508px;padding: 0;overflow: hidden;display: flex; flex-direction: column;}
.create-split-test-modal .modal-box .modal-box-title {padding: var(--clamp-11);border-bottom: 1px solid rgba(21, 21, 22, 0.05); flex: 1;margin: 0; min-height: 44px;}
.create-split-test-modal .modal-box .modal-box-title h2 {display: flex; justify-content: center; align-items: center;gap: 4px;}
.create-split-test-modal .modal-box .modal-box-title h2 i {line-height: 0;}
.create-split-test-modal .modal-box .modal-box-title h2 span {display:block; color: #151516; text-align: center; font-family: Inter; font-size: var(--clamp-text-xl); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.8px; }
.create-split-test-modal .modal-box .modal-box-content {padding: var(--clamp-12) var(--clamp-12) var(--clamp-14); flex: 1;overflow: hidden;display: flex ; flex-direction: column;}
.create-split-test-modal .modal-box .modal-box-content label { color: rgba(21, 21, 22, 0.60); font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height:1; letter-spacing: -0.36px; margin-bottom: 6px; }
.create-split-test-modal .modal-box .modal-box-content .form-con {display: flex; flex-direction: column;height: 100%; overflow: hidden;padding: 0 1px;}
.create-split-test-modal .modal-box .modal-box-content .form-item {margin-bottom: var(--clamp-14);flex-shrink: 0;padding: 0 2px;}
.create-split-test-modal .modal-box .modal-box-content .form-item.form-funnel-list {padding: 0;}
.create-split-test-modal .modal-box .modal-box-content .form-item.form-funnel-list label {display: flex; justify-content: space-between; align-items: center;margin-bottom: var(--clamp-10);}
.create-split-test-modal .modal-box .modal-box-content .form-item.form-funnel-list label small { color: rgba(21, 21, 22, 0.30); text-align: right; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; }
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-con {display: flex; flex-direction: column; overflow: auto;height: 270px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list, .create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-group {display: flex; flex-direction: column; gap: 14px;padding: 0 2px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list {padding: 2px 0;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-group {height: 270px;}
.create-split-test-modal .modal-box .modal-box-content .form-funnel-list {flex: 1;margin: 0;}
.create-split-test-modal .modal-box .modal-box-content .form-funnel-list .split-test-funnel-list-item {border: 1px solid transparent;}
.create-split-test-modal .modal-box .modal-box-content .form-funnel-list .split-test-funnel-list-item:has(input[type="checkbox"]:checked) { border-radius: 8px; border: 1px solid var(--accent2); background: var(--accent2-5); box-shadow: 0 0 0 2px var(--accent2-25);}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-flx {display: flex;justify-content: space-between; align-items: center; padding-right: var(--clamp-14);}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-left {display: flex; align-items: center;gap: 6px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-left img {border-radius: 7px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);overflow: hidden;max-width: 80px; aspect-ratio: 1.48/1;margin-right: 6px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-left small {display: block;color: #151516;  font-family: Inter; font-size: var(--clamp-text-base); font-style: normal; font-weight: 600; line-height: 100%; /* 100% */ letter-spacing: -0.64px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-left span { border-radius: 5px; border: 1px solid rgba(80, 167, 113, 0.05); background: rgba(80, 167, 113, 0.05); color: #50A771; text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 114.286%; letter-spacing: -0.42px; padding: 1px 4px;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-left span.spanish {background: rgba(255, 34, 74, 0.05); color: #FF224A;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right .custom-checkbox-con {position: relative; display: flex ; justify-content: center; align-items: center; width: 16px; height: 16px; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(21, 21, 22, 0.10); background: rgba(21, 21, 22, 0.03);}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right .custom-checkbox-con input[type=checkbox] { margin: 0 !important; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right .custom-checkbox-con span {display: block; color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.28px; }
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right .custom-checkbox-con img {display: none;}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right small:has(input[type=checkbox]:checked) {background: var(--accent2);}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right small:has(input[type=checkbox]:checked) img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.create-split-test-modal .modal-box .modal-box-content .split-test-funnel-list-right input[type=checkbox] { width: 16px; height: 16px; border-radius: 4px; border: 1px solid rgba(21, 21, 22, 0.10); background: rgba(21, 21, 22, 0.03); margin: 0; opacity: 0;}
.create-split-test-modal .modal-box .modal-box-content .modal-btns-con {margin-top: var(--clamp-24);gap: var(--clamp-16);}
.create-split-test-modal .modal-box .modal-box-content .modal-btns-con button {flex: 1;}

/**Funnel Settings**/
.funnel-settings-con * {font-family: var(--secondary-font);}
.funnel-settings-con {height: 100%;}
.funnel-settings-flx {display: flex; justify-content: space-between; gap: var(--clamp-16); height: 100%;}
.funnel-settings-flx .funnel-settings-left, .funnel-settings-flx .funnel-settings-right {border: var(--container-border);box-shadow: var(--container-shadow);border-radius: 12px;}

.funnel-settings-flx .funnel-settings-left {width: 20.5%; max-width: 300px;flex-shrink: 0;overflow: hidden;display: flex; flex-direction: column; height: 100%;}
.funnel-settings-flx .funnel-settings-right {width: 78.3%; max-width: 1148px;}

.funnel-settings-left-toggle, .funnel-settings-left-close {display: none;}
.main-sidebar-customize-view-con {height: 100%; overflow: auto;}

.funnel-settings-left-header {padding: var(--clamp-13) var(--clamp-16) var(--clamp-13) var(--clamp-12);border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-left-header a {display: flex; align-items: center;gap: 4px;}
.funnel-settings-left-header a i {display: block; line-height: 0;width: 15px;text-align: center;height: var(--clamp-text-l); display: flex; align-items: center; justify-content: center;padding-bottom: 1px;}
.funnel-settings-left-header a span { color: #151516; font-size: var(--clamp-text-l); font-style: normal; font-weight: 500; line-height: var(--clamp-text-l); letter-spacing: -0.54px; display: block; }
.funnel-settings-tablinks-con {padding: 4px var(--clamp-16);}
.funnel-settings-tablinks li {padding: var(--clamp-12) 0;position: relative;}
.funnel-settings-tablinks li .funnel-settings-tablinks-flx {display: flex; align-items: center;gap: var(--clamp-8); width: 100%;position: relative; z-index: 3;}
.funnel-settings-tablinks li:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-tablinks li i { border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.funnel-settings-tablinks li i svg path {fill: #000}
.funnel-settings-tablinks li a {display: flex; justify-content: space-between; align-items: center;flex: 1;}
.funnel-settings-tablinks li img {display: block; line-height: 1;}
.funnel-settings-tablinks li span { display: block; color: #151516; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.56px; }
.funnel-settings-tablinks li .funnel-settings-sublinks {padding: var(--clamp-8) var(--clamp-8) 0 calc(20px + var(--clamp-8)) ;position: relative;}
.funnel-settings-tablinks li .funnel-settings-sublinks:before { content: ""; display: block; height: 95%; width: 1px; background: linear-gradient(to bottom, rgba(21, 21, 22,0.1) 10%, rgba(21, 21, 22, 0) 100% ); position: absolute; left: 10px; top: 10px; }
.funnel-settings-tablinks li .funnel-settings-sublinks li {border: 0;padding: 0;position:relative; z-index: 3;}
.funnel-settings-tablinks li .funnel-settings-sublinks li a { display: block; color: rgba(21, 21, 22, 0.50); font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.56px; padding: var(--clamp-8) 0; position: relative; z-index: 3;}
.funnel-settings-tablinks li .funnel-settings-sublinks li.active a {color: #ffffff;}
.funnel-settings-tablinks li .funnel-settings-sublinks li.active:before {content: ""; display: block; width: calc(100% + var(--clamp-16)); height: calc(100% + 4px); left: calc((var(--clamp-16) / 2) * -1); top: calc((4px / 2) * -1); position: absolute; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.05); background: var(--accent2); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); z-index: -1;}
.funnel-settings-tablinks li .funnel-settings-sublinks li:last-child a {padding-bottom: 4px;}
.funnel-settings-tablinks li.active .funnel-settings-tablinks-flx:before { content: ""; display: block; width: calc(100% + var(--clamp-14)); height: calc(100% + var(--clamp-14)); left: calc((var(--clamp-14) / 2) * -1); top: calc((var(--clamp-14) / 2) * -1); position: absolute; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.05); background: var(--accent2); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); z-index: -1; }
.funnel-settings-tablinks li.active i {border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03);}
.funnel-settings-tablinks li.active i svg path {fill: #fff !important;}
.funnel-settings-tablinks li.active span {color: #FFFFFF;}
.funnel-settings-tablinks li.active img {filter: invert(1);}

.funnel-settings-split-test-con {padding: var(--clamp-20);}
.funnel-settings-split-test-flx {display: flex; gap: var(--clamp-14);}
.funnel-settings-split-test-flx > div {flex: 1 1 0;}

.funnel-settings-split-test-funnel-header {display: flex; justify-content: space-between; align-items: center;margin-bottom: var(--clamp-16);padding: var(--clamp-10) 0;}
.funnel-settings-split-test-funnel-header h3 { color: #151516; font-size: var(--clamp-text-2xl); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.6px; }
.funnel-settings-split-test-funnel-header span {display: flex; align-items: center;gap: 4px;margin-top: 4px;}
.funnel-settings-split-test-funnel-header span small { display: block; color: #50A771; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.42px; }
.funnel-settings-split-test-funnel-header span.green i img:first-child {display: block !important;}
.funnel-settings-split-test-funnel-header span.red small {color: #FF224A;}
.funnel-settings-split-test-funnel-header span.red i img:last-child {display: block !important;}
.funnel-settings-split-test-funnel-header-right {display: flex; align-items: center;gap: var(--clamp-10);}
.funnel-settings-split-test-funnel-header-right button.btn-small {min-width: unset;padding-left: var(--clamp-11);padding-right: var(--clamp-11)}

.funnel-settings-split-test-funnel-img { width: 100%; flex-shrink: 0; aspect-ratio: 331/194; overflow: hidden; border-radius: 12px; }

.funnel-settings-split-test-funnel-center-header { padding: var(--clamp-16); border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #F9F9F9; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); margin-bottom: var(--clamp-16);}
.funnel-settings-split-test-funnel-center-header-slider-con {width: 100%;}
.funnel-settings-split-test-funnel-center-header-traffic {display: flex; align-items: center; justify-content: space-between;}
.funnel-settings-split-test-funnel-center-header-traffic span {display: flex; align-items: center;gap: 4px;}
.funnel-settings-split-test-funnel-center-header-traffic span q { display: block; color: #151516; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: -0.56px; }
.funnel-settings-split-test-funnel-center-header-traffic span small { display: block; color: rgba(21, 21, 22, 0.45); font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.56px; }

.funnel-settings-split-test-funnel-center-content { border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #F9F9F9; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); }
.funnel-settings-split-test-funnel-center-content-header {padding: calc(var(--clamp-18) + 1px) 0;border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-split-test-funnel-center-content-header h2 { color: rgba(21, 21, 22, 0.60); text-align: center; font-family: Inter; font-size: var(--clamp-text-xs) !important; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; margin-bottom: var(--clamp-8);}
.funnel-settings-split-test-funnel-center-content-header h3 {color: #151516; text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.56px;}

.funnel-settings-split-test-funnel-center-content-table {table-layout: fixed;width: 100%;}
.funnel-settings-split-test-funnel-center-content-table tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-split-test-funnel-center-content-table thead tr th { padding: var(--clamp-8) 2px; color: rgba(21, 21, 22, 0.60); text-align: center; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 133.333%; letter-spacing: -0.36px; }
.funnel-settings-split-test-funnel-center-content-table tbody tr td {padding: calc(var(--clamp-12) + 1px) 0;text-align: center;vertical-align: middle;}
.funnel-settings-split-test-funnel-center-content-table tbody tr td.green {background: radial-gradient(61.34% 76.15% at 50% 50%, rgba(80, 167, 113, 0.00) 29.33%, rgba(80, 167, 113, 0.05) 100%);}
.funnel-settings-split-test-funnel-center-content-table tbody tr td.red {background: radial-gradient(61.34% 76.15% at 50% 50%, rgba(255, 34, 74, 0.00) 29.33%, rgba(255, 34, 74, 0.05) 100%);}
.funnel-settings-split-test-funnel-center-content-table tbody tr td span { display: block; color: #151516; text-align: center; font-family: Inter; font-size: var(--clamp-text-l); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.72px; }
.funnel-settings-split-test-funnel-center-content-table tbody tr td small { display: block; color: #50A771; text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.56px; margin-top: var(--clamp-6) }
.funnel-settings-split-test-funnel-center-content-table tbody tr td small.red {color: #FF224A;}
.funnel-settings-split-test-funnel-center-content-table tbody tr td h3 { color: rgba(21, 21, 22, 0.60); text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.42px; }
.funnel-settings-split-test-funnel-center-content-footer {padding: var(--clamp-8) var(--clamp-8) var(--clamp-26);text-align: center;}
.funnel-settings-split-test-funnel-center-content-footer p { color: rgba(21, 21, 22, 0.60); text-align: center; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 133.333%; letter-spacing: -0.36px; }
.funnel-settings-split-test-funnel-center-content-footer ul {margin-top: 6px;}
.funnel-settings-split-test-funnel-center-content-footer ul li a { color: #151516; text-align: center; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 114.286%; letter-spacing: -0.56px; }
.funnel-settings-split-test-funnel-center-content-footer ul li a:hover {text-decoration: underline;}

.funnel-settings-split-test-funnel-center-header-slider-con {position: relative;position: relative; height: 5px; margin-bottom: 11px;}
.funnel-settings-split-test-funnel-center-header-slider-con #slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 12px; background: var(--accent2-shadow); position: absolute; top: 0;margin: 0; left: 0;}
.funnel-settings-split-test-funnel-center-header-slider-con #slider::-webkit-slider-thumb {-webkit-appearance: none; width: 15px; height: 15px; cursor: pointer; position: relative; z-index: 3;}
.funnel-settings-split-test-funnel-center-header-slider-con #selector { height: 15px; width: 15px; position: absolute; bottom: -4.5px; left: 50%; transform: translateX(-50%); z-index: 2;}
.funnel-settings-split-test-funnel-center-header-slider-con .selectBtn { width: 15px; height: 15px; border-radius: 50%; background: linear-gradient(90deg, var(--accent2) 50%, var(--accent2-shadow) 50%); border-radius: 50%; position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center;}
.funnel-settings-split-test-funnel-center-header-slider-con .selectBtn:after {content:""; width:7px; height: 7px;border-radius: 50%; background: #FFFFFF;}
.funnel-settings-split-test-funnel-center-header-slider-con #progressBar {    width: 50%; height: 5px; background: var(--accent2); border-radius: 3px; position: absolute; bottom: 0; left: 0;}

.funnel-setting-funnel-image-preview {border-radius: 12px; overflow: auto;}

.funnel-settings-tabcontent-settings {display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.funnel-settings-tabcontent-settings-header {padding: var(--clamp-10) var(--clamp-18); border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-tabcontent-settings-header h2 { color: #151516; font-size: var(--clamp-text-l); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; }
.funnel-settings-tabcontent-settings-header button {min-width: unset; line-height: var(--clamp-text-24);height: unset;padding: 0 var(--clamp-10);max-height: 24px;}

.funnel-settings-tabcontent-settings-content {padding: var(--clamp-12) var(--clamp-18); height: 100%; overflow: auto;}
.funnel-settings-tabcontent-settings-content .form-con .form-section {margin-bottom: var(--clamp-6);}
.funnel-settings-tabcontent-settings-content .form-con .form-section .form-group {display: flex;gap: var(--clamp-16);}
.funnel-settings-tabcontent-settings-content .form-con .form-section .form-item {margin-bottom: var(--clamp-14); flex: 1 1 0;}
.funnel-settings-tabcontent-settings-content .form-con .form-section h2 { color: #151516; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 114.286%; letter-spacing: -0.42px; margin-bottom: var(--clamp-10); }
.funnel-settings-tabcontent-settings-content .form-con .form-section label { display: block; color: rgba(21, 21, 22, 0.60); font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; margin-bottom: var(--clamp-6); min-height: var(--clamp-text-xs);}
.funnel-settings-tabcontent-settings-content .form-con .form-section .input-with-btn {position: relative;height: calc(100% - var(--clamp-text-xs) - var(--clamp-6));}
.funnel-settings-tabcontent-settings-content .form-con .form-section .input-with-btn button.edit-btn { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); display: flex; justify-content: center; align-items: center; right: clamp(3px,0.45vw,11px); padding: 3px; }
.funnel-settings-tabcontent-settings-content .form-con .form-section .input-with-btn button.add-btn {position: absolute; top: 50%; transform: translateY(-50%);}

.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con {margin-top: var(--clamp-14)}
.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con input { appearance: none; border-radius: 200px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); width: 16px; height: 16px; padding: 0; position: relative;}
.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con input:checked:after {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; border: 4px solid var(--accent2);}
.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con li {margin-bottom: var(--clamp-10);}
.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con li label {display: flex; align-items: center; gap: var(--clamp-8);cursor: pointer;}
.funnel-settings-tabcontent-settings-content .form-con .form-section .radio-btns-con li label span {color: #151516; display: block; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.56px;}

.funnel-settings-tabcontent-affiliate-links {display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.funnel-settings-tabcontent-affiliate-links-header {padding: var(--clamp-13) var(--clamp-18); border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-tabcontent-affiliate-links-header h2 { color: #151516; font-size: var(--clamp-text-l); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; }

.funnel-settings-tabcontent-affiliate-links-content {padding: 0;height: 100%; overflow: auto;}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section {margin-bottom: var(--clamp-6);padding: var(--clamp-13) var(--clamp-18);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .form-group {display: flex;gap: var(--clamp-16);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .form-item {margin-bottom: var(--clamp-14); flex: 1 1 0;}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section h2 { color: #151516; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 114.286%; letter-spacing: -0.42px; margin-bottom: var(--clamp-10); }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section label { display: block; color: rgba(21, 21, 22, 0.60); font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; margin-bottom: var(--clamp-6); min-height: var(--clamp-text-xs);}

.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section:has(.referral-link) {padding-bottom: var(--clamp-20);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link {margin: 0;}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link-label-flx {margin-bottom: var(--clamp-6);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link-label-flx label {margin: 0;}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link-label-flx p { color: #FF7A48; text-align: right; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link-flx {display: flex; align-items: center;gap: 6px;width: calc(100% - 45px);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link .referral-link-con {border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03);padding:0 var(--clamp-8);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link .referral-link-con span { display: block; line-height: calc(var(--clamp-text-4xl) - 2px); color: rgba(21, 21, 22, 0.40); font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: -0.56px; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link q { color: rgba(21, 21, 22, 0.45); font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; letter-spacing: -0.56px; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link .input-with-btn {background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: 4px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); color: var(--sys-dark); width: 100%; resize: none; height: unset;}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .referral-link .input-with-btn input[type=text] {background: none; border: 0;padding: 0;box-shadow: none;border-radius: 0;}

.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn {position: relative;height: calc(100% - var(--clamp-text-xs) - var(--clamp-6));}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn .btn-con { position: absolute; top: 50%; transform: translateY(-50%); right: 11px; display: flex; align-items: center; gap: var(--clamp-8);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.edit-btn {}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.add-btn {position: absolute; top: 50%; transform: translateY(-50%);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.edit-btn img, .funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.add-btn img, .funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.copy-btn img {width: var(--clamp-text-base);height: var(--clamp-text-base);}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.edit-btn, .funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.add-btn, .funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn button.copy-btn { display: flex; align-items: center; justify-content: center; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn.input-with-icon input {padding-left: var(--clamp-48); padding-right: calc(var(--clamp-36) * 2)}
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn.input-with-icon .affiliate-link-icon-con { position: absolute; left: var(--clamp-6); top: var(--clamp-6); border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); aspect-ratio: 1/1; height: calc(100% - var(--clamp-12)); display: flex; justify-content: center; align-items: center; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn.input-with-icon .affiliate-link-icon-con i { font-family: "Font Awesome 5 Brands"; color: #151516; text-align: center; font-size: var(--clamp-text-l); font-style: normal; font-weight: 400; line-height: 0; letter-spacing: -0.72px; }
.funnel-settings-tabcontent-affiliate-links-content .form-con .form-section .input-with-btn.input-with-icon .affiliate-link-icon-con svg {display: block; line-height: 0; width: var(--clamp-text-l)}

.funnel-settings-tabcontent-funnels-pixels {display: flex; flex-direction: column; overflow: hidden;height: 100%;}
.funnel-settings-tabcontent-funnels-pixels-header {padding: var(--clamp-13) var(--clamp-18); border-bottom: 1px solid rgba(21, 21, 22, 0.05);flex-shrink: 0;}
.funnel-settings-tabcontent-funnels-pixels-header h2 { color: #151516; font-size: var(--clamp-text-l) !important; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; }

.funnel-settings-tabcontent-funnels-pixels-content {padding: var(--clamp-16) var(--clamp-18); overflow: auto;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-group {display: flex;gap: var(--clamp-16);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item {margin-bottom: var(--clamp-14); flex: 1 1 0;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item:last-child {margin-bottom: 0;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con h2 { color: #151516; font-family: Inter; font-size: var(--clamp-text-sm) !important; font-style: normal; font-weight: 600; line-height: 114.286%; letter-spacing: -0.42px; margin-bottom: var(--clamp-10); }
.funnel-settings-tabcontent-funnels-pixels-content .form-con label { display: block; color: rgba(21, 21, 22, 0.60); font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; margin-bottom: var(--clamp-6); min-height: var(--clamp-text-xs);}
.funnel-settings-tabcontent-funnels-pixels-content-header {display: flex; justify-content: space-between; align-items: center;margin-bottom: 5px !important;}
.funnel-settings-tabcontent-funnels-pixels-content-header h2 {display: flex; align-items: center;gap: 6px;margin-bottom: 0 !important;}
.funnel-settings-tabcontent-funnels-pixels-content-header h2 span { display: block; color: #151516; font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.42px; }
.funnel-settings-tabcontent-funnels-pixels-content-header h2 i { display: block; color: #151516; text-align: center; font-family: "Font Awesome 5 Brands"; font-size: var(--clamp-text-l); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.72px; }
.funnel-settings-tabcontent-funnels-pixels-content-header button {min-width: unset; max-height: 24px;padding: 0 var(--clamp-8);line-height: var(--clamp-text-2xl);}

.funnel-settings-pixel-one-page-customization ul {margin: 0 !important;}
.funnel-settings-pixel-one-page-customization ul li {padding: var(--clamp-8) 0;margin: 0 !important;}
.funnel-settings-pixel-one-page-customization ul li:first-child {padding-top: 4px;}
.funnel-settings-pixel-one-page-customization ul li:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05)}
.funnel-settings-pixel-one-page-customization ul li span { color: rgba(21, 21, 22, 0.35); font-family: Inter; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.56px; }

.funnel-settings-tabcontent-funnels-pixels-content .form-con .add-pixel-btn {min-width: unset !important;padding: 0 10px;}

.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item:has(.input-with-btn) {margin-bottom: var(--clamp-18);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn {position: relative;margin-bottom: var(--clamp-12);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn button { border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05); display: flex; justify-content: center; align-items: center; padding: 0 5px; height: calc(100% - var(--clamp-16)); position: absolute; position: absolute; top: 50%; transform: translateY(-50%); right: clamp(3px, 0.45vw, 11px); min-width: unset;color: #FFFFFF !important;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn button:hover {color: var(--accent2) !important; background: #FFF;border: 1px solid var(--accent2);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn button img {width: 14px; height: 14px;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn .btn-con { position: absolute; top: 50%; transform: translateY(-50%); right: 11px; display: flex; align-items: center; gap: var(--clamp-8);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn button.edit-btn {}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .input-with-btn button.add-btn {position: absolute; top: 50%; transform: translateY(-50%);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul {margin-bottom: var(--clamp-14);margin-top: var(--clamp-11);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li:not(:last-child) {margin-bottom: var(--clamp-12);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label {display: flex; align-items: center;gap: var(--clamp-10);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label { margin: 0;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label small {position: relative; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; flex-shrink: 0; border-radius: 4px; border: 1px solid rgba(21, 21, 22, 0.10); background: rgba(21, 21, 22, 0.03);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label small img {display: none;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label input[type=checkbox] { margin: 0 !important; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label span {display: block; color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.28px; }
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label small:has(input[type=checkbox]:checked) {background: var(--accent2);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item ul li label small:has(input[type=checkbox]:checked) img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.funnel-settings-tabcontent-funnels-pixels-content .form-con .form-item textarea {height: 110px;}

.main-sidebar-customize-view {display: flex ; flex-direction: column; overflow: hidden; height: 100%;}
.main-sidebar-customize-view .funnel-settings-left-header {display: flex; align-items: center; justify-content: space-between;}
.main-sidebar-customize-view .funnel-settings-left-header button {min-width: unset; max-height: 24px; padding: 0 var(--clamp-10); line-height: var(--clamp-text-24);}
.main-sidebar-customize-view .main-sidebar-customize-view-content  {padding: var(--clamp-16);overflow: auto;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con h2 { margin-bottom: var(--clamp-12); color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.42px; }
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con label { color: rgba(21, 21, 22, 0.60); font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; margin-bottom: var(--clamp-6); }
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-item {margin-bottom: var(--clamp-14)}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group {display: flex; justify-content: space-between; gap: var(--clamp-16);}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container {border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03);display: flex; align-content: center;padding: 2px;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container label {position: relative; margin: 0;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container label input[type=radio] {appearance: none;padding: 0; background: none; border: 0; position:absolute; width: 100%; height: 100%; top: 0; left: 0;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container label span { display: block; min-width: 65px; padding: var(--clamp-6); color: rgba(21, 21, 22, 0.45); text-align: center; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; }
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container label:has(input[type="radio"]:checked) {border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: #151516; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03);color: #FFFFFF;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .text-alignment-container label:has(input[type="radio"]:checked) span {color: #FFFFFF;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .main-sidebar-customize-upload-con {position: relative;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03);height: 64px;width: 134px;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .main-sidebar-customize-upload-con input {appearance: none; -webkit-appearance: none; border: 0; background: none; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity: 0;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .main-sidebar-customize-upload-placeholder {position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-group .main-sidebar-customize-upload-placeholder span {display: block;color: rgba(21, 21, 22, 0.45); text-align: center; font-family: Inter; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 16px; letter-spacing: -0.36px;}
.main-sidebar-customize-view .main-sidebar-customize-view-content .form-con .form-itemhas(.main-sidebar-customize-upload-con) {margin-bottom: var(--clamp-20);}

.funnel-settings-tabcontent-funnel-preview {display: flex; flex-direction: column; overflow: hidden;height: 100%;}

.funnel-settings-tabcontent-funnel-preview-header {padding: var(--clamp-8) var(--clamp-18); border-bottom: 1px solid rgba(21, 21, 22, 0.05);display: flex; align-items: center; justify-content: space-between;flex-shrink: 0;}
.funnel-settings-tabcontent-funnel-preview-header h2 { color: #151516; font-size: var(--clamp-text-l); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; }
.funnel-settings-tabcontent-funnel-preview-dimensions ul {display: flex; align-items: center;gap: var(--clamp-6);}
.funnel-settings-tabcontent-funnel-preview-dimensions ul li button {width: 29px; height: 29px;display: flex; justify-content: center; align-items: center;border-radius: 8px;}
.funnel-settings-tabcontent-funnel-preview-dimensions ul li button svg path {fill: var(--accent2); fill-opacity: 0.35;}
.funnel-settings-tabcontent-funnel-preview-dimensions ul li.active button {background: var(--accent2);}
.funnel-settings-tabcontent-funnel-preview-dimensions ul li.active button svg path {fill: #FFFFFF; fill-opacity: 1;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con {position: relative;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con a.dropdown-btn {display: flex; align-items: center;background: var(--accent2-25);border-radius: 8px;padding: 5px;gap: 2px;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con a.dropdown-btn svg path {fill: var(--accent2) !important;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con .dropdown { position: absolute; width: max-content; top: calc(100% + 7px); border-radius: 10px; background: #FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); padding: 4px; min-width: 170px;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con .dropdown ul {display: block;}
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con .dropdown li a { display: block; padding: var(--clamp-6); color: rgba(21, 21, 22, 0.60); font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.42px; }
.funnel-settings-tabcontent-funnel-preview-dimensions-dropdown-con .dropdown li.active a {border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.02);color: #151516;}

.funnel-settings-tabcontent-funnel-preview-dimensions-stats {display: flex; align-items: center;gap: 3px;}
.funnel-settings-tabcontent-funnel-preview-dimensions-stats small { display: block; color: #151516; text-align: right; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.42px; }
.funnel-settings-tabcontent-funnel-preview-dimensions-stats q { display: block; color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 0; letter-spacing: -0.42px; }
.funnel-settings-tabcontent-funnel-preview-content {border-radius: 12px; overflow: auto;}

/*END SOCIAL TABLE NEW LAYOUT*/

.funnel-tabs-boxes-holder .list-pagination { padding:0; color:#15151699; display: flex; align-items: center;width: 100%; margin-top: auto; align-self: flex-end;flex-shrink: 0;}
.funnel-tabs-boxes-holder .list-pagination small{color: #15151666;}
.funnel-tabs-boxes-holder .list-pagination small,
.funnel-tabs-boxes-holder .list-pagination span {margin-right: 3px;}
.funnel-tabs-boxes-holder .list-pagination small:last-child {margin-right: 7px;}
.funnel-tabs-boxes-holder .list-pagination a {font-size: 16px;color: rgba(21, 21, 22, 0.6);margin-left: 2px;}
.funnel-tabs-boxes-holder .list-pagination a:hover {opacity: 0.5;}

/*END NEW LAYOUT FOR AFFILIATE LINKS*/


/*SETTINGS*/
.website-manager-tabs-con .settings-tab-header {padding: 0;padding-bottom: 8px;}
.website-manager-tabs-con .settings-tab-header svg{display:none;}
.website-manager-tabs-con .settings-tab-header h2 {text-transform: uppercase;}
.website-manager-tabs-con .settings-tab-header ul li {position: relative;}
.website-manager-tabs-con .settings-tab-header ul li a {line-height: 30px;border:1px solid;}
.website-manager-tabs-con .settings-tab-header ul li a:hover{background:var(--accent2);color:#fff;opacity:1;border:1px solid transparent;}

.website-manager-tabs-con .settings-tab-content {overflow: auto;height:100%;}
.website-manager-tabs-con .settings-tab-content-left {flex: 35%;display: inline-flex;flex-direction: column;gap:25px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps {counter-reset: list-counter;padding: 13px; border-radius: 12px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li {position: relative; padding: 6px 13px 6px 50px;border-bottom: 1px solid rgba(21, 21, 22, 0.10);display: flex; justify-content: space-between; align-items: center; gap: 8px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .form-con select {min-width: 183px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps > li:before { counter-increment: list-counter; content: counter(list-counter); position: absolute; left: 7px; top: 50%; transform: translateY(-50%); color: #e3e4e8;color:var(--primary-color); font-size: 35px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li h3 {margin-bottom: 4px;color: var(--sys-dark);}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info p{display: inline-flex;align-items: center;gap: 5px;cursor:pointer;vertical-align:middle;line-height:100%;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info p[contenteditable="true"] {border-bottom: 1px solid #000; cursor: text; }
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info p svg{fill: var(--accent1);}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info p:hover svg{fill: var(--primary-color);}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info textarea{display: inline-flex;align-items: center;gap: 5px;cursor:pointer;vertical-align:middle;line-height:100%;width:auto;width:40%;min-width: 280px;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-holder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-holder .funnel-list-link-edit-svg{display:inline-block;vertical-align:middle;width:21px;height:21px;cursor:pointer;position:relative;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-holder .funnel-list-link-edit-svg path { fill: var(--accent2); }

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns { display: inline-block; vertical-align: middle; margin-left: 10px; }
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul{justify-content: unset;padding:0;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;width: unset; padding: unset; border: unset; display: unset;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);line-height:unset;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li a:hover{opacity:.5;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .funnel-list-link-edit-btns ul li a.btn-cancel:hover{background:none;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-info .linkMessage{display: inline-flex; gap: 15px; align-items: center; justify-content: flex-end; width: 100%;font-weight:normal;font-style:italic;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li:last-child {border: 0;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-btn .badge-icon svg {position: static; line-height: 100%;transform: none;flex-shrink: 0;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps li .settings-tab-content-btn .badge-icon {display: flex; gap: 4px; align-items: center;justify-content: center;background: #76ce2e;}

.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn{justify-content:center;justify-content:flex-start;padding-left:63px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn li{position: relative;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn li a{line-height: 30px;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn li a.btn-secondary{background:#FF5A5F2D;color: #ff0400;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn li a:hover{background:var(--accent2);color:#fff;opacity:1;}
.website-manager-tabs-con .settings-tab-content-left ul.settings-tab-steps-btn li a.btn-primary:hover{opacity: 1; border: 1px solid var(--accent2); background: transparent; color: var(--accent2);}

.website-manager-tabs-con .settings-tab-content-right .fotorama{width:100%;height:100%;}
.website-manager-tabs-con .settings-tab-content-right .fotorama .fotorama__nav-wrap{}
.website-manager-tabs-con .settings-tab-content-right .fotorama .fotorama__nav-wrap .fotorama__nav__frame.fotorama__nav__frame--thumb{position:relative;}
.website-manager-tabs-con .settings-tab-content-right .fotorama .fotorama__nav-wrap .fotorama__nav__frame.fotorama__nav__frame--thumb:before{content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity:1;z-index:1;transition:all 0.3s ease-in;}
.website-manager-tabs-con .settings-tab-content-right .fotorama .fotorama__nav-wrap .fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active:before{opacity:1;z-index:0;transition:all 0.3s ease-in;}

.website-manager-tabs-con .settings-tab-content-right { flex: 65%; flex-basis:25%;}

.website-manager-tabs-con .settings-tab-content-right #full-width-slider { width: 100%!important; height: 426px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn, .rsMinW.rsVer .rsArrowRight .rsArrowIcn{background-color:var(--accent1);}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(255,90,95,1)'%3E%3Cpath d='M16 12L10 18V6L16 12Z'%3E%3C/path%3E%3C/svg%3E"); width: 48px; height: 48px; background-size: 100%; display: block; transform: translate(-60%, -50%); margin-top: 0; margin-left: 0;background-position: center center !important;}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(255,90,95,1)'%3E%3Cpath d='M8 12L14 6V18L8 12Z'%3E%3C/path%3E%3C/svg%3E");width: 48px; height: 48px; background-size: 100%; display: block; transform: translate(-40%, -50%); margin-top: 0; margin-left: 0;background-position: center center !important;}

.website-manager-tabs-con .settings-tab-content-right .rsThumbsContainer { overflow: hidden; }
.website-manager-tabs-con .settings-tab-content-right .rsImg { width: 100%; width: 125% !important; max-width: 150%; margin: 0 auto; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.website-manager-tabs-con .settings-tab-content-right .fotorama__arr {opacity: 1 !important; transform: none !important;}
.website-manager-tabs-con .settings-tab-content-right .fotorama__arr:hover {opacity: 0.5 !important;}
.website-manager-tabs-con .settings-tab-content-right .fotorama__caption__wrap {margin: 0 auto; color: #FFFFFF; background: rgba(0,0,0,0.8); font-weight: bold;}
/*END SETTINGS*/


/*SETTINGS NEW DESIGN*/
.settings-content-boxes{overflow:auto;height:100%;overflow:hidden;}
.website-manager-tabs-con .settings-content-box {font-family: var(--primary-font);display:inline-block;vertical-align:top;width:calc(100% - 50%);position:relative;}

.website-manager-tabs-con .settings-content-box.settings-content-box1 { border-right: 1px solid #1515161A; display: flex; flex-direction: column;overflow: auto;}
.website-manager-tabs-con .settings-content-box.settings-content-box1 .settings-content-box-details { margin-bottom: clamp(8px,2%,14px); overflow: hidden; flex-shrink: 0; padding: clamp(8px,2%,14px) clamp(8px,2%,14px) 0;}

.settings-content-box-back{display:block;position:relative;}
.settings-content-lang{display: block; border: 1px solid #1515160D; background: #1515160D; padding: 4px; font-size: 14px; line-height: 100%; color: #15151680; width: max-content; border-radius: 5px;}
.settings-content-status-holder{}
.settings-content-status-holder h2 {margin-top: 2px}
.settings-content-status-holder .settings-content-status{color: #50A771;font-weight: 600;}
.settings-content-status-holder .settings-content-status svg{display: block;line-height: 0;}
.settings-content-status-holder .settings-content-status svg path{}

.settings-content-box-title{}
.settings-content-box-title h2{}
.settings-content-box-title .settings-content-box-btn{}
.settings-content-box-title .settings-content-box-btn a{border: 1px solid var(--accent2); line-height: 100%; min-width: unset; padding: clamp(2px,0.4vw,4px) clamp(3px,0.5vw,6px); height: unset;}
.settings-content-box-title .settings-content-box-btn a.settings-content-box-back {background: #FFFFFF; color: var(--accent2);}
.settings-content-box-title .settings-content-box-btn a.settings-content-box-back:hover {background: var(--accent2); color: #FFFFFF;}

.settings-content-box-steps { position: relative; padding: 0 clamp(13px, 4%, 27px) clamp(13px, 15%, 20px); }
.settings-content-box-steps:before{content: ""; width: 100%; height: 1px; background: #1515161A; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.settings-content-box-steps ul{counter-reset: list-counter;}
.settings-content-box-steps ul li{position: relative; padding: clamp(14px, 3%, 18px) 0 clamp(8px, 2%, 10px);}
.settings-content-box-steps ul li:not(:last-child){border-bottom: 1px solid #1515161A;}

.settings-content-box-steps-info{}
.settings-content-box-steps-info .settings-content-box-steps-info-heading{display:block;margin-bottom: clamp(8px,2%,14px);padding-left: 3px;}
.settings-content-box-steps-info .settings-content-box-steps-info-heading small{display: block; border-radius: 50%; border: 1px solid #15151633; background: var(--accent2);position:relative; width: 20px; height: 20px; position: relative;}
.settings-content-box-steps-info .settings-content-box-steps-info-heading small:before{counter-increment: list-counter; content: counter(list-counter);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;z-index:1;}
.settings-content-box-steps-info .settings-content-box-steps-info-heading small:after{content: ""; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 90, 95, 0.44) 44%, rgba(255, 90, 95, 0) 100%); box-sizing: border-box; display: block; width: 42px; height: 42px; position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%);}


.settings-content-box-steps-info .settings-content-box-steps-info-heading h2{position:relative;display:inline-block;vertical-align:middle;}
.settings-content-box-steps-info .settings-content-box-steps-info-heading h2:before{content: ""; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 90, 95, 0.12) 51%, rgba(255, 90, 95, 0) 100%); box-sizing: border-box; display: block; width: 130%; height: 180%; position: absolute; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%);}
.settings-content-box-steps-info .settings-content-box-steps-info-heading h2 span{color:var(--primary-color);position:relative;z-index:1;}


.settings-content-box-steps-info .settings-content-box-steps-info-content{/*gap:7px;*/}
.settings-content-box-steps-info .settings-content-box-steps-info-content p{display: inline-flex ; align-items: center; gap: 5px; cursor: pointer; vertical-align: middle; line-height: 100%;color: #15151699;}
.settings-content-box-steps-info .settings-content-box-steps-info-content p[contenteditable="true"]{border-bottom: 1px solid #000;cursor: text;}
.settings-content-box-steps-info .settings-content-box-steps-info-content .funnel-box-link-holder{width:20px;height:20px;border-radius:8px;border:1px solid #E8E8E8;background:#E8E8E8;filter: drop-shadow(0 2.5px 5px #1515160D);position:relative;display:flex;justify-content:center;align-items:center;margin-left:7px;}
.settings-content-box-steps-info .settings-content-box-steps-info-content .funnel-box-link-holder svg{display:inline-block;vertical-align:middle;cursor:pointer;position:relative;}
.settings-content-box-steps-info .settings-content-box-steps-info-content .funnel-box-link-holder svg path{}
.settings-content-box-steps-info .settings-content-box-steps-info-content .funnel-box-link-holder:hover svg path{color:var(--accent2);}

.settings-content-box-steps-info p.auto-height {min-width: 100px;  max-width: 300px; overflow-wrap: break-word !important; word-wrap: break-word !important; white-space: normal !important;  }
.settings-content-box-steps-info p.auto-height[contenteditable]:empty:before { content: attr(data-placeholder); color: #DCDCDC; pointer-events: none; }


.settings-content-box-steps-info-content .funnel-box-link-edit-btns { display: inline-block; vertical-align: middle; margin-left: 10px; }
.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul{justify-content: unset;padding:0;}
.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;width: unset; padding: unset; border: unset; display: unset;}
.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:5px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);line-height:unset;}

.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}

.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li a:hover{opacity:.5;}
.settings-content-box-steps-info-content .funnel-box-link-edit-btns ul li a.btn-cancel:hover{background:none;}

.settings-content-box-steps-info-content .linkMessage{display: inline-flex; gap: 15px; align-items: center; justify-content: flex-end; width: 100%;font-weight:normal;font-style:italic;}


.website-manager-tabs-con .settings-content-box.settings-content-box2 {background:#FAFAFA;position:relative;z-index:1;padding:27px 11px 27px 28px;padding: 27px 11px 0 0;}
.website-manager-tabs-con .settings-content-box.settings-content-box2 .settings-content-box-img-container::-webkit-scrollbar{width: 6px;border-radius:50px;}
.website-manager-tabs-con .settings-content-box.settings-content-box2 .settings-content-box-img-container::-webkit-scrollbar-thumb{background-color: #1515166B; border-radius:50px;}

.website-manager-tabs-con .settings-content-box.settings-content-box2 .settings-content-box-img-container{position:relative;overflow:auto;height:calc(100% - 27px);padding:0 11px 0 28px;}
.website-manager-tabs-con .settings-content-box.settings-content-box2 .settings-content-box-img-container .settings-content-box-img-holder{border:1px solid #1515160D;border-radius:5px;overflow:hidden;}
.website-manager-tabs-con .settings-content-box.settings-content-box2 .settings-content-box-img-container .settings-content-box-img-holder img{/*height:100%;*/}

/*END SETTINGS NEW DESIGN*/


/*FUNNEL STATS*/
.website-manager-tabs-con .stats-tab-header-con {position: relative; padding: 0 24px; width: 100%;}
.website-manager-tabs-con .stats-tab-header {padding: 0;justify-content: flex-end;padding-right: 4px;}
.website-manager-tabs-con .stats-tab-header h2 {text-transform: uppercase;}
.website-manager-tabs-con .stats-tab-header ul li a {line-height: 30px;border:1px solid;}
.website-manager-tabs-con .stats-tab-header ul li a:hover { background: var(--accent2); color: #fff; opacity: 1; border: 1px solid transparent; }

.website-manager-tabs-con .stats-tab-header .funnel-filter{position:relative;}
.website-manager-tabs-con .stats-tab-header .funnel-filter:not(:last-child){margin-right:25px;}
.website-manager-tabs-con .stats-tab-header .funnel-filter .select-dropdown{display: block; line-height: 100%; position: relative; z-index: 1;cursor: pointer;font-size:14px;}
.website-manager-tabs-con .stats-tab-header .funnel-filter .select-dropdown span{display: inline-block;vertical-align: middle;line-height: 100%;font-weight:normal;font-weight:500;}
.website-manager-tabs-con .stats-tab-header .funnel-filter .select-dropdown i{position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%;}
.website-manager-tabs-con .stats-tab-header .funnel-filter .select-dropdown i svg {display: inline-block; height: 100%; vertical-align: middle;}

.website-manager-tabs-con .stats-tab-header .funnel-filter .select-dropdown.open i svg {transform: rotate(180deg)}

.website-manager-tabs-con .stats-tab-header .funnel-filter-list{display:none;position: absolute;width: 100%; top: 140%; right: -4px; left: auto; padding: 5px;z-index: 100; min-width: max-content;box-sizing: border-box; text-align: left; /*border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;*/}
.website-manager-tabs-con .stats-tab-header .funnel-filter-list:before {content: ""; width: 100%; height: 100%; display: block; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; border: 1px solid #DDD;}
.website-manager-tabs-con .stats-tab-header .funnel-filter-list:after {content: ""; position: absolute; bottom: 100%; right: 7px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: #fff; border-right: 0; border-bottom: 0; top: -5px; z-index: 0; background: #FFF; border: 1px solid #DDD; border-right: 0; border-bottom: 0;}


.website-manager-tabs-con .stats-tab-header .funnel-filter-list ul{}
.website-manager-tabs-con .stats-tab-header .funnel-filter-list ul li{display:block;vertical-align:top;position:relative;}
.website-manager-tabs-con .stats-tab-header .funnel-filter-list ul li a{display:block;padding:5px;box-sizing:border-box;position:relative;z-index:1;line-height: 100%;color: var(--sys-dark);border:none;font-size:14px;}
.website-manager-tabs-con .stats-tab-header .funnel-filter-list ul li a:hover{background:none;border:none;color: var(--accent2);}

.website-manager-tabs-con #filter-funnel-3 .stats-tab-header .form-con select {font-weight: 600;font-size: 1.125rem;line-height: 1.3rem;}

.website-manager-tabs-con .stats-tab-content{overflow:initial;}

.website-manager-tabs-con .stats-tab-content:has(.funnelStatsBoxesHeading){height: calc(100% - 36px); overflow: auto;border-radius:12px;}
.website-manager-tabs-con .stats-tab-content h2.statsHeading {text-align: right;}
.website-manager-tabs-con .stats-tab-content h2.statsHeading a{text-decoration:underline;color:var(--primary-color);}
.website-manager-tabs-con .stats-tab-content h2.statsHeading a:hover{color:var(--accent1);}

.funnelStatsTable{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder{padding: clamp(8px,1vw,14px); background: #fff; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); border-radius: 12px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder:first-child{margin-top:0;margin-bottom:20px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder:not(:last-child){margin-bottom:10px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHeading{margin-bottom:15px;margin-bottom:0;position:relative;display:inline-block;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHeading h2{position:relative;display:inline-block;text-transform:capitalize;color:var(--primary-color);}


.funnelStatsTable .funnelStatsBoxes:has(.funnelStatsBox) .funnelStatsBoxesHeading{z-index:100;margin-bottom:15px;/*width: 100%;*/}
.funnelStatsTable .funnelStatsBoxes:has(.funnelStatsBox) .funnelStatsBoxesHeading:hover h2{/*color:var(--accent2);*/cursor:default; line-height: 100%;}
/*.funnelStatsTable .funnelStatsBoxes:has(.funnelStatsBox) .funnelStatsBoxesHeading h2:before{content:"";width:22px;height:22px;display:block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(21,21,22,1)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");position: absolute;right: -27px;}*/

/*.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder.active .funnelStatsBoxesHeading h2:before{transform:rotate(180deg);}*/

.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder.active .funnelStatsBox {display: block;/*overflow: auto;max-height: 515px;*/}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBoxesHolder.active .funnelStatsBoxesHeading{margin-bottom:15px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox{border-radius: 8px;/*display:none;*/}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox > div {}
/*.funnelStatsTable .funnelStatsBoxes .funnelStatsBox:not(:last-child){margin-bottom:30px;}*/
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox h2{margin-bottom:15px;position:relative;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .noStatsData{font-style:italic;}

.funnelStatsBoxesHolder { display: flex; flex-direction: column; height: 100%; }
.funnelStatsBox { flex-grow: 1; overflow: visible; }
.funnelStatsBox [data-simplebar] { height: 100%;  }

.funnel-stats-table-row { display: grid; grid-template-columns: repeat(13, 1fr); padding: 0 !important;}
.funnel-stats-table-col { position: relative;border-right: 1px solid #1515161A; border-bottom: 1px solid #1515161A;padding:  clamp(8px,0.65vw,10px); width: 100% !important; max-width: 100% !important;display: flex; align-items: center;}
.funnel-stats-table-header {position: sticky; top: 0;}
.funnel-stats-table-header .funnel-stats-table-col {overflow: hidden;}
.funnel-stats-table-header .funnel-stats-table-col > div {width: 100%;overflow: hidden;}
.funnel-stats-table-body {padding: 0 !important;}
.funnel-stats-table-header .funnel-stats-table-col {border-bottom: 0 !important;}
.funnel-stats-table-body .funnel-stats-table-row:nth-last-of-type(2) .funnel-stats-table-col, .funnel-stats-table-body .funnel-stats-table-row:last-child .funnel-stats-table-col {border-bottom: 0 !important;}
.table_stats_result.funnel-stats-table-row  .funnel-stats-table-col {border-bottom: 0 !important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table{width: 100%; position: relative;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header{position: sticky;-webkit-position: sticky;z-index: 1;top:0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header {}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table-container .simplebar-wrapper {z-index: unset !important;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col { padding: clamp(6px,0.55vw,8px) clamp(8px,0.65vw,10px); position: relative; vertical-align: middle; background: #FFFFFF; }

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:first-child {background: #FFFFFF;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:last-child {border-radius:0 8px 8px 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:first-child:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; pointer-events: none;top: 0; left: 0; background:linear-gradient(to bottom, #1515160A, #15151605);border-radius:8px 0 0 8px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; pointer-events: none;top: 0; left: 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+2):nth-child(-n+5):before {background:linear-gradient(to bottom, #FF7A4840, #FF7A480D);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+2):nth-child(-n+5) span{color: #FF7A48;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+6):nth-child(-n+9):before {background:linear-gradient(to bottom, #294C9933, #294C990D);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+6):nth-child(-n+9) span{color: #294C99;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+10):nth-child(-n+13):before {background:linear-gradient(to bottom, #9D63F04D, #9D63F01A);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:nth-child(n+10):nth-child(-n+13) span{color: #9D63F0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col:last-child:before{border-radius:0 8px 8px 0;}


.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col i {line-height: 0;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col span{flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-weight: 600; color: #15151666;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.funnel-stats .funnel-stats-tooltip{position: absolute; top: 30px; left:50%; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 4px; white-space: nowrap;display:none;transform: translateX(-50%);text-align:center;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.funnel-stats .funnel-stats-tooltip small{display:block;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.funnel-stats .funnel-stats-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: translateX(-50%) rotate(45deg); top:-4px; left:50%;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.funnel-stats span:hover ~ .funnel-stats-tooltip{display:block;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.tag_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .tag_col{width:118px;max-width:118px;min-width:118px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.ttl_vst_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .ttl_vst_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.unq_vst_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .unq_vst_col{width:112px;max-width:112px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.opt_ins_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .opt_ins_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.booked_appt_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .booked_appt_col{width:112px;max-width:112px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.sales_call_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .sales_call_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.sales_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .sales_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.total_sales_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .total_sales_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.money_collected_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .money_collected_col{width:135px;max-width:135px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.cpi_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .cpi_col{width:100px;max-width:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.cost_opt_in_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .cost_opt_in_col{width:105px;max-width:105px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.cost_booked_appt_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .cost_booked_appt_col{width:142px;max-width:142px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-header .funnel-stats-table-col.cost_sale_col,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .cost_sale_col{width:100px;max-width:100px;}


.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table {text-align:left;line-height:100%;position:relative;color: #151516BF;font-size: 14px;}
.funnel-stats-table-container {}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table :last-child:after {display:none;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table :first-child span{font-weight:600;color:var(--primary-color);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:last-child{border-right:0;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table tbody{}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .text_right{text-align:right;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .two-cell{width:calc(100% - 96%);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .four-cell{width:calc(100% - 96%);}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info{width: 100%;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.two-cell{display:flex;justify-content:space-between;align-items:center;width: 100%;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.two-cell .funnel-stats:not(:first-child){}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.two-cell .funnel-stats:not(:first-child) span{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info .four-cell{width:calc(100% - 96%);}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats{position:relative;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats span{display: inline-block; vertical-align: middle; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats .funnel-stats-tooltip{position: absolute; top: 25px; left:50%; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 4px; white-space: nowrap;display:none;transform: translateX(-50%);text-align:center;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats .funnel-stats-tooltip small{display:block;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats .funnel-stats-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: translateX(-50%) rotate(45deg); top:-5px; left:50%;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .funnel-stats span:hover ~ .funnel-stats-tooltip{display:block;left: 50%;transform: translateX(-50px);}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats_netTotal .funnel-stats .funnel-stats-tooltip{top:auto;bottom: 22px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats_netTotal .funnel-stats .funnel-stats-tooltip::before {top:auto;bottom:-5px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.with-flag.greenFlag):before { background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.1) 44%, rgba(101, 204, 101, 0.015) 100%); box-sizing: border-box; box-sizing: border-box; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.with-flag.redFlag):before { background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%); box-sizing: border-box; box-sizing: border-box; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.with-flag) .funnel-stats{display: flex ; align-items: center; justify-content: space-between; gap: 6px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.with-flag) .stats_info span{width:unset;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info .stats_icons{display:flex;align-content:center;gap:10px;position:relative;width: 100%;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_icons i{display:none;cursor:pointer;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_icons i svg{width:14px;height:14px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table:first-child .stats_icons i svg path{fill:#294C99;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_icons span{display:inline-block;vertical-align:middle;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats-with-tooltip { position: relative; cursor: pointer; display: inline-block; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip { position: fixed; display: none; background-color: #f9f9f9;border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 100; left: calc(100% + 10px); top: -5px; background: var(--sys-white); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));max-height: 380px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details {overflow: auto;overflow:scroll; flex: 1; padding: 0; text-align: left;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip a.tooltip-btn.tooltip-close-button {display: none;width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li:first-child::after { content: ""; position: absolute; top: 50%; right: 99%; margin-top: -7px; border-width: 7px; border-style: solid; border-color: ansparent white ansparent ansparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); }

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul {color: var(--sys-dark);padding: 0 2px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li { padding: 1px 13px; text-align: left; display: flex; align-items: center}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul:first-child li:first-child {padding-top: 13px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul:last-child li:last-child {padding-bottom: 13px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li .stats-tooltip-status { position: relative; margin-left: -5px;line-height: 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li .stats-tooltip-status i {line-height: 0;width: 12px; height: 12px;display: inline-block;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li span:first-child { width: 56px; display: inline-block; margin-right: 5px; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li span:last-child {margin-left: 5px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details ul li > small {margin-right: 5px;font-weight: bold;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details i {position: static;line-height: 0;}

/***/

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :first-child::after { content: ""; position: absolute; top: 50%; right: 99.8%; margin-top: -7px; border-width: 7px; border-style: solid; border-color: ansparent white ansparent ansparent;z-index:-1; /*filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));*/ }
/*.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :first-child::after{right:auto;left: 99.8%;border-color: ansparent ansparent ansparent white;}*/
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table::after,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table :first-child::after { top: unset; bottom: 6px !important; }

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table {width: auto;width:max-content;table-layout: unset;display:block;position:static;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table {min-height:0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :nth-child(2n+2){background:none;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table {text-align: left; padding: 0; border: none; font-size: 12px; width: auto; letter-spacing: 0; color: var(--sys-dark)!important;background:none;position:relative;font-weight:500;position: static;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table.spacer {display:inline-block;margin:0 5px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :before{display:none;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :after{display:none;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-status { position: relative; margin-left: -5px;line-height: 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-status i {line-height: 0;width: 12px; height: 12px;display: inline-block;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table span:first-child { width: 56px; display: inline-block; margin-right: 5px; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table span:last-child {margin-left: 5px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table > small {margin-right: 5px;font-weight: bold;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table i {position: static;line-height: 0;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :first-child {padding-left: 13px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :last-child {padding-right: 13px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :first-child {padding-top: 13px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table :last-child {padding-bottom: 13px;}


.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal {background: #f9f9f9; bottom: -1px; z-index: 9; border-radius: 12px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal{font-weight:bold;color: var(--primary-color);/*border:none;*/text-align: left;padding:9px 12px;border:0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal:after {content: ""; width: 1px; height: 20px; position: absolute; right: 0; top: 50%; ansform: anslateY(-50%);background: #1515161A}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal:last-child:after {display: none;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal .funnel-stats.increase{border:none;background:#65CC651A;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal .funnel-stats.increase span{color:#65CC65; font-weight: 600;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal .funnel-stats.decrease{border:none;background:#FF224A1A;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table_stats_result.stats_netTotal .funnel-stats.decrease span{color:#FF224A; font-weight: 600;}

/*.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip{cursor:pointer;position:relative; width: 100%; display: flex; gap: 4px;}*/

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip:hover{background:var(--accent2);background:#F7F9FA;position:relative;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip:hover .stats_icons i{display: block;}


.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.stats_info_with_tooltip){padding:5px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .funnel-stats-table-col:has(.stats_info_with_tooltip) .stats_info{width:100%;height:30px;padding:8px 5px;border-radius:6px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip .funnel-stats-tooltip{position: absolute; top: 23px; left:50%; z-index: 10; background: #151516; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 4px; white-space: nowrap;display:none;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip .funnel-stats-tooltip span{display:block;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip .funnel-stats-tooltip::before { content: ""; display: block; background: #151516; width: 10px; height: 10px; position: absolute; z-index: -1; transform: translateX(-50%) rotate(45deg); top:-5px;left:50%;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip > span:hover ~ .funnel-stats-tooltip{display:block;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_with_tooltip span{}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip { position: fixed; display: none; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0px 12px 12px 0px #15151608; border: 1px solid #1515160D; z-index: 100; left: calc(100% + 10px); top: -5px; background: var(--sys-white); }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip:after {}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details { overflow: auto; flex: 1; padding: 0; text-align: left;max-height: auto;width: 300px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table{ color: var(--sys-dark); padding: 10px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -7px; border-width: 7px; border-style: solid; border-color: ansparent white ansparent ansparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table thead{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table {padding:10px;text-align: left;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table tbody{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details table tbody :nth-child(2n+2) { background: #F3F3F3; }

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details .stats_info_tooltip_details_heading{margin-bottom:10px;padding-bottom:9px;position:relative;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details .stats_info_tooltip_details_heading:after{content: ""; width: 120%; height: 1px; background: #1515161A; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details .stats_info_tooltip_details_heading label{font-weight:600;color:var(--primary-color);font-size:14px;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details .stats_info_tooltip_details_heading svg{cursor:pointer;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details .stats_info_tooltip_details_heading path{fill:var(--primary-color);}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul { color: var(--sys-dark); padding: 13px;overflow:hidden;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul::after { content: ""; position: absolute; top: 13px; left: -5px; width: 7px; height: 7px; ansform: rotate(45deg); background: #ffffff; border: 1px solid #1515160D; border-right: 0; border-top: 0; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li {padding:0;text-align: left;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item{position:relative;margin-bottom:14px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item label {display: block; margin-bottom: 9px;color:var(--primary-color);color:#15151699;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item:has([type="checkbox"]) label{margin-bottom:0;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item input[type="checkbox"]{height:100%;}


.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item label svg{display:none;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item label{display: flex; align-items: center; gap: 2px;line-height:1;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item.moveTo input{/*padding:5px 25px 5px 5px;*/}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item span.moveToBtn{position:absolute;right:0;top:50%;ansform:anslateY(-50%);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item span.moveToBtn svg{vertical-align:middle;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item input,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item textarea,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item select{border:1px solid #1515160D;border-radius:8px;padding:5px 14px;max-width:100%;height:42px;background:#F9F9F9;width: 100%;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item textarea{height:100px;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item select{color: var(--secondary-color);}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item select option{color: var(--primary-color);}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item.moveToDetails{}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .form-group .form-item .notes-textarea {height: 63px}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .choose-btns{display: flex; gap: 5px; flex-wrap: nowrap; margin-top: 0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .choose-btns .choose-btn{display:inline-block!important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip .stats_info_tooltip_details ul li form .choose-btns button {border-width: 1px !important;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.with-flag {display: flex; align-items: center; justify-content: flex-end;gap: 6px;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.with-flag span {width: unset;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.with-flag:has(i[style="display: none;"]){padding-right:0;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info.with-flag i {display: inline;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table  .stats_info_tooltip.aligned-from-bottom .stats_info_tooltip_details ul::after {bottom: 13px; top: unset;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr td { padding: 0 !important; border: 0 !important; text-align: left; padding: 0; border: none; font-size: 12px; width: auto; letter-spacing: 0; color: var(--sys-dark) !important; background: none; position: relative; font-weight: 500; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr td:first-child {padding-left: 13px !important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr td:last-child {padding-right: 13px !important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr td.spacer { display: inline-block; margin: 0 5px; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr:first-child td{padding-top: 13px !important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr:last-child td{padding-bottom: 13px !important;}

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats-tooltip-details .stats-tooltip-details-table .stats-tooltip-details-table-tbody tr:first-child:after { content: ""; position: absolute; top: 50%; right: 99.8%; margin-top: -7px; border-width: 7px; border-style: solid; border-color: transparent white transparent transparent; display: block !important; }
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table::after,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after,
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { top: unset; bottom: 6px !important; }

.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats_info_tooltip .stats_info_tooltip_details ul::after { content: ""; position: absolute; top: 13px; left: -5px; width: 7px; height: 7px; transform: rotate(45deg); background: #ffffff; border: 1px solid #1515160D; border-right: 0; border-top: 0; display:block !important;}
.funnelStatsTable .funnelStatsBoxes .funnelStatsBox .funnel-stats-table .stats_info_tooltip.aligned-from-bottom .stats_info_tooltip_details ul li::after { bottom: 13px; top: unset; }

/*modal Manage Cost*/
/*.funnelStatsTable .modalManageCostOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }

.funnelStatsTable .modalManageCost { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); z-index: 1000; }*/
.funnelStatsTable .modalManageCost.modal-box {padding: var(--clamp-18) var(--clamp-18) var(--clamp-14)}
.funnelStatsTable .modalManageCost.modal-box .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; }
.funnelStatsTable .modalManageCost .modal-content { margin-bottom: 0;}
.funnelStatsTable .modalManageCost .modal-content .cost-sum-wrapper {margin-top: var(--clamp-10);padding: 0 5px;}
.funnelStatsTable .modalManageCost .modal-content .cost-sum-wrapper input[type=checkbox] {margin: 0;width: 12px; height: 12px;}
.funnelStatsTable .modalManageCost .modal-content .cost-sum-wrapper label {margin: 0;}
.funnelStatsTable .modalManageCost .modal-content .cost-sum-wrapper label span {display: block; line-height: 100%;}
.funnelStatsTable .modalManageCost .modal-content .cost-sum-wrapper .cost-sum-total {font-size: var(--clamp-text-base);}
.funnelStatsTable .modalManageCost .modal-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--clamp-10); }
.funnelStatsTable .modalManageCost .modal-title { font-size: var(--clamp-text-l); font-weight: bold; }

.funnelStatsTable .modalManageCost .table-list {max-height: 200px; overflow: auto; border-radius: 8px; }
.funnelStatsTable .modalManageCost .table-list table {width: 100%;}
.funnelStatsTable .modalManageCost .table-list table th, .funnelStatsTable .modalManageCost .table-list table td {padding: var(--clamp-6); border-right: 1px solid #1515161A; line-height: 100%;}
.funnelStatsTable .modalManageCost .table-list table thead {position: sticky; top: 0; z-index: 3;background: #FFFFFF;}
.funnelStatsTable .modalManageCost .table-list table thead tr {background: #FFFFFF;}
.funnelStatsTable .modalManageCost .table-list table th {font-size: var(--clamp-text-xs);position: relative;}
.funnelStatsTable .modalManageCost .table-list table th span {display: block; line-height: 100%;}
.funnelStatsTable .modalManageCost .table-list table th:before {content: ""; display: block; width: 100%; height: 100%; position: absolute;top: 0; left: 0;pointer-events: none;}
.funnelStatsTable .modalManageCost .table-list table th:first-child:before {background: linear-gradient(to bottom, #FF7A4840, #FF7A480D);border-radius: 8px 0 0 8px}
.funnelStatsTable .modalManageCost .table-list table th:nth-child(2):before {background: linear-gradient(to bottom, #294C9933, #294C990D);}
.funnelStatsTable .modalManageCost .table-list table th:last-child:before {background: linear-gradient(to bottom, #9D63F04D, #9D63F01A); border-radius: 0 8px 8px 0;}
.funnelStatsTable .modalManageCost .table-list table th span {color: #FF7A48 !important;}
.funnelStatsTable .modalManageCost .table-list table th:nth-child(2) span {color: #294C99 !important;}
.funnelStatsTable .modalManageCost .table-list table th:last-child span {color: #9D63F0 !important;}
.funnelStatsTable .modalManageCost .table-list table th svg {fill: #FF7A48}
.funnelStatsTable .modalManageCost .table-list table th:nth-child(2) svg path {fill: #294C99}
.funnelStatsTable .modalManageCost .table-list table td {font-size: var(--clamp-text-sm);border-bottom: 1px solid #1515161A;background: #FFFFFF !important;}
.funnelStatsTable .modalManageCost .table-list table th:last-child, .funnelStatsTable .modalManageCost .table-list table td:last-child {border-right: 0;}

.funnelStatsTable .modalManageCost table td.cost-value { display: flex; justify-content: space-between; position: relative }
.funnelStatsTable .modalManageCost table td.cost-value span { font-weight: normal !important }
.funnelStatsTable .modalManageCost table td.cost-value .cost-edit-wrapper { display: none; flex-direction: row; gap: 2px; position: absolute; right: 4px }
.funnelStatsTable .modalManageCost table td.cost-value:hover .cost-edit-wrapper { display: flex }

.funnelStatsTable .modalManageCost table td.cost-value .cost-edit-button { cursor: pointer; }

.funnelStatsTable .modalManageCost table td.cost-value input[type="number"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; display: none; border-radius: 0; border: 1px solid gray; -moz-appearance: textfield; }
.funnelStatsTable .modalManageCost table td.cost-value input[type="number"]::-webkit-inner-spin-button,
.funnelStatsTable .modalManageCost table td.cost-value input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.funnelStatsTable .modalManageCost table td .editing-btn-wrapper { display: none; flex-direction: row; gap: 2px; position: absolute; right: 4px }
.funnelStatsTable .modalManageCost table td .editing-btn-wrapper button { background: none; border: none; cursor: pointer; }
.funnelStatsTable .modalManageCost table td .editing-btn-wrapper button svg { width: 16px; height: 16px; }

.funnelStatsTable .modalManageCost table tr.editing input[type="number"] { display: unset }
.funnelStatsTable .modalManageCost table tr.editing .editing-btn-wrapper { display: flex }

/*.funnelStatsTable .modalManageCost table td.cost-value { display: flex; align-items: center; border: 1px solid #ccc; padding: 5px; border-radius: 5px; width: fit-content; }*/ */
/*.funnelStatsTable .modalManageCost table td .number-field { width: 80px; padding: 5px; font-size: 16px; border: none; outline: none; }*/
.funnelStatsTable .modalManageCost .btn-close-up { cursor: pointer; border: none; background: none; font-size: 16px; transition: 0.3s; }
.funnelStatsTable .modalManageCost .btn-close-up:hover { color: red; }
.funnelStatsTable .modalManageCost .input-wrapper { padding-block: 5px; margin-top: var(--clamp-10)}
.funnelStatsTable .modalManageCost .input-amount { width: 100%; padding: 5px !important; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; transition: 0.3s; }
.funnelStatsTable .modalManageCost .input-amount:focus { border-color: #007bff; outline: none; }
.funnelStatsTable .modalManageCost button { width: auto !important; display: inline-block !important; position: unset !important; }
/*.funnelStatsTable .modalManageCost .modal-footer .btn-secondary, .funnelStatsTable .modalManageCost .modal-footer .btn-primary {width: auto !important; height: auto !important; display: inline-block !important; position: unset !important;}*/
/*.funnelStatsTable .modalManageCost .modal-footer { display: flex !important; justify-content: flex-end !important; gap: 10px; padding-top: 10px; height: 50px !important }*/

.funnelStatsTable .modalManageCost .choose-btns , .funnelStatsTable .modalManageCost .add-btn-con {margin-top: var(--clamp-6) !important;}
/*END FUNNEL STATS*/

/*AR Campaigns*/
.website-manager-tabs-con .email-tab-header {padding: 0;padding-bottom: 8px;min-height: 41px;}
.website-manager-tabs-con .email-tab-header h2 {text-transform: uppercase}
.website-manager-tabs-con .email-tab-header a{line-height: 30px;border:1px solid;}
.website-manager-tabs-con .email-tab-header a:hover{background:var(--accent2);color:#fff;border:1px solid transparent;opacity:1;}
.website-manager-tabs-con .email-tab-header > div {flex: 1;}
.website-manager-tabs-con .email-tab-content {overflow: auto;flex: 1;padding: 13px;}
.website-manager-tabs-con  .email-tab-content > div {flex: 1;display: flex; flex-direction: column; gap: 16px;}
.website-manager-tabs-con .email-tab-content > div.email-tab-content-right{flex-basis:25%;}
.website-manager-tabs-con .email-tab-content > div .form-con {flex: 1;display: flex; flex-direction: column;gap: 16px;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list {counter-reset: email-list;flex: 1;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li {position: relative; padding: 13px 13px 13px 65px;cursor: pointer;border-radius: 16px;flex-direction:column;gap:15px;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li > div{max-width:100%;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li > div .email-tab-content-info{width:75%;width:340px;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li > div .email-tab-content-info h4 span:first-child{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;line-height:normal;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li:before {counter-increment: email-list; content: counter(email-list); position: absolute; left: 9px; top: 50%; transform: translateY(-50%);font-size: 20px; width: 40px; height: 40px; border-radius: 50%; text-align: center;line-height: 100%;;background: #151516; background:rgba(21, 21, 22, 0.5);color: #FFFFFF;display: flex; justify-content: center; align-items: center;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li h4 small {display: block; line-height: 100%;margin-top: 4px;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li.active:before {background: var(--accent2);}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li.active { background: #efefef;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li:hover {background: #efefef;} 

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li .email-campaign .email-tab-content-info svg{width:20px;height:20px;vertical-align:middle;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li [class*="-campaign"] .email-tab-content-info .tab-content-info-with-tooltip{position:relative;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li [class*="-campaign"] .email-tab-content-info .tab-content-info-with-tooltip:hover .tab-content-info-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li [class*="-campaign"] .email-tab-content-info .tab-content-info-with-tooltip .tab-content-info-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li [class*="-campaign"] .email-tab-content-info .tab-content-info-with-tooltip .tab-content-info-tooltip { visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li .text-campaign{}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-list li .text-campaign .email-tab-content-info svg { width: 20px; height: 20px; vertical-align:middle;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-content-btns a {color: var(--accent1);justify-content: flex-end;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-content-btns a svg {fill: var(--accent1);}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-content-btns a:hover {color: var(--primary-color)}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-content-btns a:hover svg {fill: var(--primary-color);}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-content-btns p {justify-content: flex-end;white-space: nowrap;}

.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-pagination {padding-top: 8px; border-top: 1px solid rgba(21, 21, 22, 0.10); flex-shrink: 0;}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-pagination a {color: var(--accent2);}
.website-manager-tabs-con .email-tab-content .email-tab-content-left .email-tab-pagination a:hover {text-decoration: underline;}

.website-manager-tabs-con .email-tab-content .form-con .form-item {display: flex; flex-direction: column;}
.website-manager-tabs-con .email-tab-content .form-con .form-item textarea {border: 13px solid transparent;padding: 0;flex: 1;}
.website-manager-tabs-con .email-tab-content .form-con .form-item.message-con {flex: 1;}
.website-manager-tabs-con .email-tab-content .form-con .form-item > .email-campaign-message-body { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.025); padding: 10px 13px; border-radius: 8px; height: 100%; }
/*END AR Campaigns*/

.website-manager-tabs-con #Text .text-tab-header {padding: 0;border-bottom: 1px solid rgba(21, 21, 22, 0.10);padding-bottom: 8px;min-height: 41px;}
.website-manager-tabs-con #Text .text-tab-header h2 {text-transform: uppercase;}
.website-manager-tabs-con #Text .text-tab-header > div {flex: 1;}
.website-manager-tabs-con #Text .text-tab-content {overflow: auto;flex: 1;}
.website-manager-tabs-con #Text .text-tab-content > div {flex: 1;display: flex; flex-direction: column; gap: 16px;}
.website-manager-tabs-con #Text .text-tab-content > div .form-con {flex: 1;display: flex; flex-direction: column;gap: 16px;padding-bottom: 28px;}

.email-tab-content-left h3 {color: var(--sys-dark);}
.website-manager-tabs-con .email-tab-content > div .form-con label {color: var(--sys-dark);}

.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list {counter-reset: email-list;flex: 1;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list li {position: relative; padding: 13px 13px 13px 40px;margin-bottom: 16px;cursor: pointer;border-radius: 16px;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list li:before {counter-increment: email-list; content: counter(email-list); position: absolute; left: 9px; top: 50%; transform: translateY(-50%);font-size: 10px; width: 20px; height: 20px; border-radius: 50%; text-align: center;line-height: 100%;;background: #151516; color: #FFFFFF;display: flex; justify-content: center; align-items: center;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list li h4 small {display: block; line-height: 100%;margin-top: 4px;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list li.active:before {background: var(--accent1);}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-list li:hover {background: #efefef;} 
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-content-btns a {color: #76ce2e;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-content-btns a svg {fill: #76ce2e;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-content-btns a:hover {color: #68bc23}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-content-btns a:hover svg {fill: #68bc23;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-content-btns p {justify-content: flex-end;margin-top: 4px;}

.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-pagination {padding-top: 8px; border-top: 1px solid rgba(21, 21, 22, 0.10); flex-shrink: 0;}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-pagination a {color: var(--accent2);}
.website-manager-tabs-con #Text .text-tab-content .text-tab-content-left .text-tab-pagination a:hover {text-decoration: underline;}

.website-manager-tabs-con #Text .text-tab-content .form-con .form-item {display: flex; flex-direction: column;}
.website-manager-tabs-con #Text .text-tab-content .form-con .form-item textarea {border: 13px solid transparent;padding: 0;flex: 1;}
.website-manager-tabs-con #Text .text-tab-content .form-con .form-item.message-con {flex: 1;}

.website-manager-tabs-con #Whatsapp .whatsapp-tab-header {padding: 0;border-bottom: 1px solid rgba(21, 21, 22, 0.10);padding-bottom: 8px;flex-shrink: 0;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-header h2 {text-transform: uppercase;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-header ul li a {line-height: 30px;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-header {overflow: auto;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-content {overflow: auto;flex: 1;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-content > div {flex: 1;display: flex; flex-direction: column; gap: 16px;}
.website-manager-tabs-con #Whatsapp .whatsapp-tab-content > div .form-con {flex: 1;display: flex; flex-direction: column;gap: 16px;padding-bottom: 28px;}

.website-manager__add-funnel-wizard {overflow: hidden; position: fixed; top: 0; right: 0; width: 100%; z-index: 9999;width: 100%; height: 100%;background: rgba(21, 21, 22, 0.7) !important;display: none;}
.website-manager__add-funnel-wizard .website-manager-modal-con {max-width: 740px; width: 90%; max-height: 600px;top: 50%; left: 50%; transform: translate(-50%,-50%);background: var(--sys-white); overflow: hidden; border-radius: 12px;position: absolute;display: flex; flex-direction: column; gap: 16px;padding-bottom: 30px;}
.website-manager__add-funnel-wizard .website-manager-modal-con h2 {min-height: 60px; background: var(--accent2);color: var(--sys-white);border-radius: 12px 12px 0 0;overflow: hidden;}
.website-manager__add-funnel-wizard .website-manager-modal-con h2 svg {fill: #FFFFFF;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-close-button svg {fill: #FFFFFF;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator {padding: 12px 12%; position: relative;flex-shrink: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul {display: flex; justify-content: space-between;position: relative; z-index: 3;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li {display: flex;flex-direction: column; gap: 6px;text-transform: uppercase;justify-content: center; align-items: center;font-size: 12px;color: #c7c7c7}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li.start, .website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li.complete {color: var(--accent2);}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li .step-indicator{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%;background: #c7c7c7; color: #FFFFFF; font-size: 20px; font-weight: bold;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li.complete .step-indicator {background: var(--accent2);}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator ul li.start .step-indicator {background: var(--accent2);}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator .modal-progress {width: calc(100% - 30%); height: 4px; position: absolute; top: 27px;background: #c7c7c7;left: 0;margin: 0 auto;right: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-indicator .modal-progress .modal-progress-bar {display: inline-block; height: 4px; background: var(--accent2); position: absolute; top: 0; left: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content {flex: 1; overflow: auto;padding: 0 30px;transition: 1s;padding:0 140px;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content#wmModalStep1 {text-align:center;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes {display: flex; gap: 16px;flex-wrap: wrap; justify-content:center;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section {width: calc(33% - 9px);cursor: pointer;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section .modal-funnel-box-img {position: relative; width: 100%;display: flex; justify-content: center; align-items: center;margin-bottom: 16px;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section .modal-funnel-box-img img {width: 100%;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section .modal-checkbox {width: 14px; height: 14px; display: block; border-radius: 4px; border: 2px solid #151516;position: relative;display:none;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section .modal-checkbox::after {font-size: 18px; content: '\2713'; color: green; transition: all 0.3s;font-weight: bold;position: absolute; bottom: -4px; left: -1px;display: none;}
.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section.selected .modal-checkbox::after {display: block;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep1 h3 {text-transform: uppercase; font-weight: 600;margin-bottom: 16px;}

.website-manager__add-funnel-wizard .website-manager-modal-con .modal-steps-content .modal-funnel-boxes section .modal-funnel-box-title{font-size: 16px; font-weight: 600; text-transform: uppercase;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con{}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con .form-con-box{position:relative;flex: 1; }

.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con .form-con-box .edit-icon-toggle{position: absolute; bottom: 5px; right: 5px;z-index:1;cursor: pointer;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con .form-con-box .edit-icon-toggle svg{}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con .form-con-box .edit-icon-toggle svg path{fill:var(--accent2);}

.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con input {flex: 1; padding: 14px 40px 14px 14px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con input::placeholder{color:var(--primary-color);}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .form-con button {color: var(--accent1);padding: 0 10px;flex-shrink: 0;display:none;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-check {padding: 13px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-check button {background: #76ce2e; border-radius: 8px; color: #FFFFFF;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart {padding: 13px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart h4 {color: #151516;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con {margin-top: 16px;width: 100%; position: relative;align-items: flex-end;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table {flex: 1;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table tr {border-bottom: 1px solid rgba(21, 21, 22, 0.10);}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table tr:last-child {border: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table td {padding: 6px;font-size: 14px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table td:last-child {text-align: right;font-weight: 600;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con table td q {color: #76ce2e}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-cart .modal-table-con button {flex-shrink: 0; background: #76ce2e;border-radius: 8px; color: #FFFFFF;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-checkout {width: 100%}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-checkout .form-con {display: flex; flex-direction: column; gap: 16px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-checkout .form-con .form-group {display: flex; gap: 16px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep2 .modal-domain-checkout .form-con .form-group .form-item {flex: 1;}

.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3{text-align:center;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .autoresponder-setup{display:none;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 h3 {margin-bottom: 16px; color: var(--accent2);color:var(--primary-color);font-weight: 600;font-size:20px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .form-con {flex-direction: column;flex: 1;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .form-con .form-item {width: 100%; position: relative;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .form-con .form-item svg {line-height: 100%; position: absolute; left: 7px; top: 50%; transform: translateY(-50%);fill: #c7c7c7 !important}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .form-con .form-item input {padding-left: 30px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .modal-ar-details {flex: 1;text-align: center;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .modal-ar-tip {text-align: center; padding: 13px 10%;color: #294C99;margin-top: 16px;background: #efefef; border-radius: 12px;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .modal-ar-tip i {line-height: 100%; display: inline-block; vertical-align: middle; }
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .modal-ar-tip svg {line-height: 100%; display: inline-block; vertical-align: middle; }
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep3 .modal-ar-tip p {color: #294C99; position: relative;}

.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep4 h3 {margin-bottom: 16px; color: #151516;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep4 .form-con button {background: #76ce2e; color: #FFFFFF;border-radius: 8px;flex-shrink: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep4 .form-con button i svg {fill: #FFFFFF !important;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep4 .form-con button i {line-height: 0;}

.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep5 h3 {margin-bottom: 16px; color: #151516;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep5 .form-con button {background: #76ce2e; color: #FFFFFF;border-radius: 8px;flex-shrink: 0;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep5 .form-con button i svg {fill: #FFFFFF !important;}
.website-manager__add-funnel-wizard .website-manager-modal-con #wmModalStep5 .form-con button i {line-height: 0;}

.website-manager__add-funnel-wizard .website-manager-modal-con .choose-btns { padding: 0 30px; margin: 0; justify-content:center!important;}
.website-manager__add-funnel-wizard .website-manager-modal-con .choose-btns button{font-size:16px;width:50%!important;}
/**Funnel Steps**/
.website-manager-tabs-con #filter-funnel-6 {padding: 0;border: 1px solid var(--accent2-5);position: relative;   }
.website-manager-tabs-con .steps-funnel-content {border-radius: 8px; overflow: hidden;max-height: 100%;gap: 16px;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar {background: #f7f8f9; overflow: auto;max-width: 284px; width: 100%; flex-shrink: 0;display: flex; flex-direction: column;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar h2 {padding: 10px 20px;border-bottom: 1px solid rgba(21, 21, 22, 0.10);gap: 30px;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar h2 svg {flex-shrink: 0;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar h2 span {flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; display: inline-block;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul {}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li {padding: 25px 10px 25px 80px;display: flex; align-items: center;position: relative;cursor: pointer;border-bottom: 1px solid rgba(21, 21, 22, 0.10)}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li .steps-sidebar-icon-con {position: absolute; width: 70px; height: 70px; left: 0; top: 0;background: #eff3f6; display: flex; justify-content: center; align-items: center;z-index: 3;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li .steps-sidebar-icon-con .steps-sidebar-arrow {width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid var(--accent2); position: absolute; left: 50%; bottom: -13px; transform: translateX(-50%);display: none;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li .steps-sidebar-icon-con svg {fill: hsla(214.28571428571428, 9.68%, 42.55%, 1.00);}

.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li.active {background: #FFFFFF;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li.active:after {content: ""; display: block; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background: var(--sys-green);}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li.active .steps-sidebar-icon-con {background: #4ABA7B0D; border-bottom: 1px solid var(--sys-green);}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li.active .steps-sidebar-icon-con .steps-sidebar-arrow {display: none;}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li.active .steps-sidebar-icon-con svg {fill: var(--sys-green);}

.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li:before {}
.website-manager-tabs-con .steps-funnel-content .steps-sidebar ul li:hover {}

.website-manager-tabs-con .steps-funnel-content .steps-funnel-tabs-content {flex: unset;display: flex; flex-direction: column; gap: 8px;margin-top:8px;}
.website-manager-tabs-con .steps-funnel-content .steps-funnel-tabs-content-header {min-height: 51px; display: flex; align-items: center;border-bottom: 1px solid rgba(21, 21, 22, 0.10);flex-shrink: 0;width: 100%;padding:10px 30px;margin-bottom:20px;}
.website-manager-tabs-con .steps-funnel-content .steps-funnel-tabs-content-header h3{flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; display: inline-block;}

.steps-funnel-tabs-content-link {color: rgba(21, 21, 22, 0.8); font-size: 16px;flex-shrink: 0;padding-right: 13px; padding: 4px 0;}
.steps-funnel-tabs-content-link a {display: block;font-size: 16px; color: #151516;}
.steps-funnel-tabs-content-link a svg {fill: rgba(21, 21, 22, 0.8);}
.steps-funnel-tabs-content-link a:hover {opacity: 0.5;}
.steps-funnel-tabs-container {overflow: hidden; display: flex; flex-direction: column;}
.steps-funnel-tabs-content { flex: 1; overflow: auto; }
.steps-funnel-tabs-content .stepstabcontent {flex: 1; overflow: auto; flex-direction: column; gap: 16px;padding-right: 13px}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes {display: flex; gap: 8px;justify-content: space-between;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section {width: calc(33% - 6px);display: flex; flex-direction: column; gap: 6px; position: relative;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-header {display: inline-block; border-radius: 8px; text-transform: uppercase;background: var(--accent2-5);border: 1px solid var(--accent2-50);color: var(--accent2);padding: 3px 8px;width: fit-content;font-size: 14px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-header svg {fill: var(--accent2);}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-image-con {aspect-ratio: 16/9; width: 100%; overflow: hidden;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-content {border-radius: 8px;border: 1px solid var(--accent2-50);padding-bottom: 20px; position: relative;overflow: hidden;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-content h3 {padding: 15px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-content:hover {border: 1px solid transparent !important;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-btns .stepstabcontent-btns-right a {display: block;padding: 8px; border-radius: 8px;border: 2px solid rgba(21, 21, 22, 0.10); line-height: 0;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-btns .stepstabcontent-btns-right a svg {fill: rgba(21, 21, 22, 0.8);}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-btns .stepstabcontent-btns-right a:hover {opacity: 0.5;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-btns .edit-btn {line-height: 32px; min-width: 78px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-btns .edit-btn:hover {background: #FFFFFF; border: 1px solid var(--accent2);color: var(--accent2);opacity: 1;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section.stepstabcontent-box-b .stepstabcontent-box-header {border: 1px solid var(--sys-green);background: #4ABA7B0D; color: var(--sys-green)}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section.stepstabcontent-box-b .stepstabcontent-box-header svg {fill: var(--sys-green);}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section.stepstabcontent-box-b .stepstabcontent-box-content {border: 1px solid var(--sys-green);}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section.ab-testing-box {padding-top: 34px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-top {padding: 10px; background: #f7f8f9;; border-radius: 8px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con {position: relative;min-height: 26px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con .slider:hover {opacity: 1; }
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con p {}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 100%; }

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;background: rgba(74,186,123,0.96); padding: 20px; text-align: center;display: none;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box a {color: #FFFFFF;display: block;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box a:hover {text-decoration: underline;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box.winner-red {background: rgba(255, 90, 95, 0.96);}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box.winner-red span {display: block; width: 100%; padding: 6px; color: #FFFFFF; background: #a63e42;margin: 8px auto;font-size: 15px;font-weight: 600;border-radius: 4px;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box.winner-red p {color: #ffffff; line-height: 1.8em; font-size: 14px; font-weight: 400; letter-spacing: 0.15px; display: block;}
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-winner-box.winner-red p small {display: block;}

.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .stepstabcontent-box-content:hover .stepstabcontent-winner-box {display: block;}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con input[type="range"]::-webkit-slider-runnable-track { background-color: var(--accent2); border-radius: 5px; height: 5px; }
/* slider thumb */
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #FFFFFF; height: 15px; width: 15px; border: 2px solid var(--accent2); border-radius: 50%;margin-top: -5px}

/******** Firefox styles ********/
/* slider track */
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con input[type="range"]::-moz-range-track { background-color: var(--accent2); border-radius: 5px; height: 5px; }
/* slider thumb */
.steps-funnel-tabs-content .stepstabcontent .stepstabcontent-boxes section .ab-testing-slider-con input[type="range"]::-moz-range-thumb { border: 2px solid var(--accent2); border-radius: 50%;  background-color: #FFFFFF; height: 12px; width: 12px; }

.ab-testing-data {padding: 10px; background: #f7f8f9; border-radius: 8px;}
.ab-testing-data h3 {text-align: center;margin-bottom: 5px;color: var(--accent2);justify-content: center;}
.ab-testing-data h4 {margin-bottom: 5px;text-align: center;}
.ab-test-table {text-align: center;width: 100%;border-spacing: 0 5px; border-collapse: unset;}
.ab-test-table tr td, .ab-test-table tr th { color:rgba(21, 21, 22, 0.5) ; padding: 4px 5px;font-size: 14px;vertical-align: middle;}
.ab-test-table tr th {padding: 0 5px;}
.ab-test-table tbody tr {background: #FFFFFF;}
.ab-test-table tbody tr td:first-child {color: var(--accent2);border-radius: 8px 0 0 8px;font-weight: 600;}
.ab-test-table tbody tr td:last-child {color: var(--sys-green); border-radius: 0 8px 8px 0;font-weight: 600;}

.ab-test-bottom-data {margin-top: 6px;padding: 0 10px;}
.ab-test-bottom-data h4 {color: var(--accent2);font-size: 14px;}
.ab-test-bottom-data ul {list-style-position: inside;}
.ab-test-bottom-data ul li {position: relative; padding-left: 15px;}
.ab-test-bottom-data ul li span {color: rgba(21, 21, 22, 0.5); font-size: 14px;position: absolute; left: 0;}
.ab-test-bottom-data ul li a {color: #151516;font-size: 14px;text-decoration: underline;}

.steps-funnel-tabs-btn {padding: 10px 13px; background: #FFFFFF; bottom: 0; z-index: 5;width: 100%;justify-content: flex-end; align-self: flex-end; margin-top: auto;}
.steps-funnel-tabs-btn .delete-btn {background: #FFFFFF; color: var(--accent2);border: 1px solid var(--accent2);opacity: 1;}
.steps-funnel-tabs-btn .delete-btn svg {fill: var(--accent2);}
.steps-funnel-tabs-btn .delete-btn:hover {background: var(--accent2); color: #FFFFFF;border: 1px solid var(--accent2);opacity: 1;}
.steps-funnel-tabs-btn .delete-btn:hover svg {fill: #FFFFFF;}
.steps-funnel-tabs-btn .clone-btn {border-radius: 8px; border: 2px solid rgba(21, 21, 22, 0.10);padding: 0 10px;color: #151516;}
.steps-funnel-tabs-btn .clone-btn svg {fill: #151516;}

/**Funnel Steps End**/

/**Setter Script**/
.setter-script-con { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 12px; background: #f0f3f5;}
.setter-script-con .setter-script-header {background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;flex-shrink: 0;}
.setter-script-con .setter-script-header i {line-height: 0;}
.setter-script-con .setter-script-details {flex: 1;}

.setter-script-sidebar {flex-shrink: 0; width: 232px;background: var(--sys-white); border-radius: 12px; padding: 13px;}
.setter-script-sidebar ul li {padding: 8px 0;display: flex; align-items: center; gap: 6px;cursor: pointer;}
.setter-script-sidebar ul li.active {color: var(--accent2);}
.setter-script-sidebar ul li.active svg{fill: var(--accent2);}

.setter-script-boxes {background: var(--sys-white); border-radius: 12px; padding: 13px;}
.setter-script-boxes > div {width: 100%;}
.setter-script-box {width: 100%;background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;width: 49%;}
.setter-tab-content {display: none;}

.setter-script-box table th {background: #ffe9e9; color: #151516;}
.setter-script-overview {color: var(--sys-dark);} 
.setter-script-overview a {line-height: 0;}
.setter-script-overview a:hover {opacity: 0.5;}

.setter-script-tables-con {margin-top: 8px;}
.setter-script-tables-con .setter-script-overview {color: #151516;}
.setter-script-tables-con .setter-script-overview a {line-height: 0;}
.setter-script-tables-con .setter-script-overview a:hover {opacity: 0.5;}
.setter-script-tables-con .setter-script-tables {align-items: flex-start;margin-top: 8px;}
.setter-script-tables-con .setter-script-tables table {border-radius: 12px; overflow: hidden;border-collapse:unset;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05)}
.setter-script-tables-con .setter-script-tables table th {line-height: 110%;height: 47px;vertical-align: middle; text-align: center;border: 0 !important;}
.setter-script-tables-con .setter-script-tables table th:first-child {border-radius: 12px 0 0 0;}
.setter-script-tables-con .setter-script-tables table th:last-child {border-left: 1px solid rgba(21, 21, 22, 0.03) !important;}
.setter-script-tables-con .setter-script-tables table th, .setter-script-tables-con .setter-script-tables table td {border: 1px solid rgba(21, 21, 22, 0.03);padding: 7px 8px;font-size: 14px;vertical-align: middle}
.setter-script-tables-con .setter-script-tables table th span {display: block;}
.setter-script-table-left,.setter-script-table-right {border-radius: 12px;}
.setter-script-table-left {flex-shrink: 0;}
.setter-script-table-left table {width: 100%;}
.setter-script-table-left tr th:first-child {border-left: 1px solid rgba(21, 21, 22, 0.03);}
.setter-script-table-left tr td:first-child {padding: 7px 12px; font-size: 16px; font-weight: bold;}
.setter-script-table-left tr td {text-align: center;height: 72px;}
.setter-script-table-left tr td a {line-height: 0; display: block;}
.setter-script-table-left tr td a:hover {opacity: 0.5;}
.setter-script-table-right {flex: 1;}
.setter-script-table-right table {width: 100%;}
.setter-script-table-right table tr th, .setter-script-table-right table tr td {border-left:1px solid rgba(21, 21, 22, 0.03) !important;text-align: center;}
.setter-script-table-right table tr:last-child td:first-child {border-radius: 0 0 0 12px;}
.setter-script-table-right table tr:last-child td:last-child {border-radius: 0 0 12px 0;}
.setter-script-table-right table tr:nth-child(even) {background: #f3f3f3}
.setter-script-table-right table tr td:first-child {text-align: left;}

.setter-script-video-player-modal { max-width: 1000px; width: 100%; overflow: hidden; background: var(--sys-white); border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; padding: 14px; box-shadow: 0 0px 2px 2px rgba(0,0,0,.1); display: none;}
.setter-script-video-player-modal a {margin-left: auto;display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
.setter-script-video-player-modal a:hover {opacity: 0.5;}
.setter-script-video-player-modal iframe {width: 100%; height: auto; aspect-ratio: 16/9; vertical-align: middle; background: #151516;margin-top: 10px !important; display: block;border-radius: 16px;}
/**Setter Script END**/

/**Closers Script**/
.closers-script-con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; flex-direction: column; gap: 12px; background: #f0f3f5;}
.closers-script-con .closers-script-header {background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;flex-shrink: 0;}
.closers-script-con .closers-script-header i {line-height: 0;}
.closers-script-box {width: calc(33% - 8px);background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;}
.closers-script-box table th {background: #ff7a48; color: #FFFFFF;}
.closers-script-tables-con {margin-top: 8px;}
.closers-script-tables-con .closers-script-overview {color: #151516;}
.closers-script-tables-con .closers-script-overview a {line-height: 0;}
.closers-script-tables-con .closers-script-overview a:hover {opacity: 0.5;}
.closers-script-tables-con .closers-script-tables {align-items: flex-start;margin-top: 8px;}
.closers-script-tables-con .closers-script-tables table {border-radius: 12px; overflow: hidden;border-collapse:unset;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05)}
.closers-script-tables-con .closers-script-tables table th {line-height: 110%;height: 47px;vertical-align: middle; text-align: center;border: 0 !important;}
.closers-script-tables-con .closers-script-tables table th:first-child {border-radius: 12px 0 0 0;}
.closers-script-tables-con .closers-script-tables table th:last-child {border-left: 1px solid rgba(21, 21, 22, 0.03) !important;}
.closers-script-tables-con .closers-script-tables table th, .closers-script-tables-con .closers-script-tables table td {border: 1px solid rgba(21, 21, 22, 0.03);padding: 7px 8px;font-size: 14px;vertical-align: middle}
.closers-script-tables-con .closers-script-tables table th span {display: block;}
.closers-script-table-left,.closers-script-table-right {border-radius: 12px;}
.closers-script-table-left {flex-shrink: 0;}
.closers-script-table-left table {width: 100%;}
.closers-script-table-left tr th:first-child {border-left: 1px solid rgba(21, 21, 22, 0.03);}
.closers-script-table-left tr td:first-child {padding: 7px 12px; font-size: 16px; font-weight: bold;}
.closers-script-table-left tr td {text-align: center;height: 72px;}
.closers-script-table-left tr td a {line-height: 0; display: block;}
.closers-script-table-left tr td a:hover {opacity: 0.5;}
.closers-script-table-right {flex: 1;}
.closers-script-table-right table {width: 100%;}
.closers-script-table-right table tr th, .closers-script-table-right table tr td {border-left:1px solid rgba(21, 21, 22, 0.03) !important;text-align: center;}
.closers-script-table-right table tr:last-child td:first-child {border-radius: 0 0 0 12px;}
.closers-script-table-right table tr:last-child td:last-child {border-radius: 0 0 12px 0;}
.closers-script-table-right table tr:nth-child(even) {background: #f3f3f3}
.closers-script-table-right table tr td:first-child {text-align: left;}

.closers-script-video-player-modal { max-width: 1000px; width: 100%; overflow: hidden; background: var(--sys-white); border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; padding: 14px; box-shadow: 0 0px 2px 2px rgba(0,0,0,.1); display: none;}
.closers-script-video-player-modal a {margin-left: auto;display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
.closers-script-video-player-modal a:hover {opacity: 0.5;}
.closers-script-video-player-modal iframe {width: 100%; height: auto; aspect-ratio: 16/9; vertical-align: middle; background: #151516;margin-top: 10px !important; display: block;border-radius: 16px;}
/**Closers Script END**/

/**WEBSITE MANAGER END**/
/**TABLE STATS END**/
@media print {
/**Print Config for CM Script Section**/
.cms-main-content, .cont-info__content {padding: 0 !important;margin: 0 !important;}
.header-content, .cont-info__tabs, .cont-info__left, .cont-info__right-heading, #print-script-button, #contact-info-sidebar, .footer-content { display: none; }
#cont_info_sec, .cont-info, .cont-info__right, #cont-info__new { width: 100% !important; height: 100%; display: block !important;padding: 0; margin: 0;}
.cont-info__content { overflow: visible; height: 100%; border: 0; box-shadow: none; margin: 0; width: 100%;}
#print-script-contents { display: block; position: absolute; left: 0; top: 25px; padding: 0 !important; width: 100% !important;}
#print-rebuttal-contents { display: block; position: absolute; left: 0; top: 25px; padding: 0 !important; width: 100% !important; }
/**Print Config for CM Script Section END**/
}

@media only screen and (max-width: 1550px) {

}

/*END CONTENT*/

/*LIST VIEW TABLE*/
.website-manager-tabs-con #SubFunnels #filter-funnel-5.website-manager-tabcontents {padding: 0;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes-holder {width: 100%; height: 100%; position: relative; flex-direction: column; gap: 20px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes {flex-wrap: wrap;width:100%;justify-content: center;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes.listView{gap: 20px; display: flex; height: 100%;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table{width: 100%; border-radius: 8px 8px 0 0; overflow: hidden; border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list { width: 100%; border-bottom: 1px solid #DDDDDD; padding: 12px 8px; color: var(--primary-color); font-weight: bold; display: flex; justify-content: space-between; gap: 50px; }
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list:last-child { border-bottom: 0; }

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link{width: 50%;width:auto;font-weight: bold;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-name{display: flex;align-items: center;gap: 5px;margin-bottom:10px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-name h2{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-name span{color: var(--accent2);text-transform:uppercase;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1{width:250px;max-width:100%;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img{height: 200px; overflow: hidden; position: relative;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img img{transform: scale(1.5); position: absolute; top: 0; transform-origin: top;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box2{}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .funnel-list-link-container{display:inline-block;vertical-align:middle;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a{color:#6E6F71;color:var(--primary-color);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a:hover{color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span[contenteditable="true"]{border-bottom: 1px solid #000;color:var(--accent1);cursor:text;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .linkMessage{display:inline-flex;gap:15px;align-items: center;justify-content:flex-end;width:100%;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span{font-weight:normal;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.charLeft{font-style:italic;color:#000;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.errorMsg{font-style:italic;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link .errorMsg{color:var(--sys-red);}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link a{color: var(--sys-dark);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link span[contenteditable="true"]{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-list .funnel-list-link a:hover{text-decoration:underline;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg {display:inline-block;vertical-align:middle;width:18px;height:18px;cursor:pointer;margin-top:-7px;position:relative;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg path { fill: var(--accent2); }

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns{display:inline-block;vertical-align:middle;margin-left:40px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; }
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg{width:auto;height:18px;cursor:pointer;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg path{fill: var(--accent2);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table{width:100%;table-layout: fixed;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead{background:#EAEDF5;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th{padding:8px 8px 8px;color:var(--primary-color);text-transform:uppercase;text-align:left;font-weight: bold;position: relative;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th span{color:var(--accent2);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th:first-child{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th:last-child{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th svg{margin-bottom:-3px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table thead tr th svg path{}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr{border-bottom:1px solid #DDDDDD;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr:last-child {border-bottom: 0;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td{padding:12px 8px;color:var(--primary-color);font-weight:bold;}

/*SOCIAL TABLE*/
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials{margin-top:5px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table{width: auto;table-layout: unset;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr{border:none;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td{padding:0;color:var(--sys-dark);font-weight:normal;vertical-align:middle;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading{margin-right:5px;display: flex;align-items: center;gap: 5px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg { display: inline-block; vertical-align: middle; }
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg path { fill: var(--accent2); }
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading span.socialTitle{line-height:1;color:var(--sys-dark);}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink span.socialLink{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink:hover span{color:var(--accent2);text-decoration:underline;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg{height:14px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg path{}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create{margin-top:7px;display:inline-block;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a{display: flex; align-items: center; gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a span{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg{vertical-align:middle;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition path{fill:#4ABA7B}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover span {color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover svg path{fill:var(--accent2);}
/*END SOCIAL TABLE*/

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create{margin-top:7px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a{display: flex; align-items: center; gap: 5px;color:var(--primary-color);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a span{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg{vertical-align:middle;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg.addition{}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a svg.addition path{fill:#4ABA7B}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a:hover span {color:var(--accent2);text-decoration:underline;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-create .createLink a:hover svg path{fill:var(--accent2);}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;margin-left:5px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip svg{height:16px;cursor:pointer;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip svg path{fill: var(--accent2);}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link:has(span[contenteditable="true"]) .funnel-list-link-edit .table-link-tooltip{visibility: hidden; opacity: 0;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-with-tooltip .table-link-tooltip { visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td .funnel-tabs-content{justify-content:flex-end;}

.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-socials .funnel-list-link-with-tooltip .table-link-tooltip{padding:6px 12px;top:-30px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip::after{width:10px;height:10px;}
.website-manager-tabs-con #SubFunnels .website-manager-tabcontents .funnel-tabs-boxes .funnel-list-table table tbody tr td.funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:10px;line-height:12px;}
/*END LIST VIEW TABLE*/

/*SALES DASHBOARD*/
.sales-dashboard-page {display: flex; flex-direction: column; gap: 16px;display: flex; flex-direction: column; gap: var(--clamp-16); margin: 0 auto 0; width: 100%;gap: var(--clamp-12);}
.sales-dashboard-page .wrapper {max-width: 1464px;}
.sales-dashboard-page .sales-dashboard-title {background: var(--sys-white); flex-shrink: 0; padding: 0 0 var(--clamp-16);}
.sales-dashboard-page .sales-dashboard-title .sales-dashboard-title-left h2 {position: relative; padding-left: 28px;font-size: var(--clamp-text-l);}
.sales-dashboard-page .sales-dashboard-title .sales-dashboard-title-left h2 svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.sales-dashboard-page .sales-dashboard-title .sales-dashboard-right .stats-refresh {width: 26px; height: 16px; position: relative;display: block;}
.sales-dashboard-page .sales-dashboard-title .sales-dashboard-right .stats-refresh a {position: absolute; top: 50% ;transform: translateY(-50%);}

.paymentstab-btns-con {padding-left: var(--clamp-14); position: relative;padding-top: 3px;}
.paymentstab-btns-con:before {content: ""; display: block; left: 0; top: 40%; transform: translateY(-50%); width: 1px; height: 100%; background: rgba(21,21,21,0.1); position: absolute;}

.sales-dashboard-page .sales-filter-con {flex-shrink: 0;}
.sales-dashboard-page .sales-filter-con label {margin: 0; white-space: nowrap;font-size: 15px; line-height: 100%;}
.sales-dashboard-page .sales-filter-con select {padding: 5px 25px 5px 10px; height: 32px;line-height: 20px;}

.sales-dashboard-page .sales-dashboard-right{position:relative;}
.sales-dashboard-page .sales-dashboard-right:before { content: ""; width: 1px; height: 50%; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); }

.sales-dashboard-page .payment-type-filter.select-dropdown-con {position: relative;display: inline-block;cursor: pointer;width: 90px;width:auto;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown span {position: relative; background: #FFFFFF; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%;color: #151516;}

.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown {display: flex; align-items: end;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown span {color: #151516; line-height: 100%;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown i {margin-left: 5px;flex-shrink: 0;line-height: 0;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown i svg {width: var(--clamp-text-base);height: var(--clamp-text-base);}
.sales-dashboard-page .payment-type-filter.select-dropdown-con ul {position: absolute; top: calc(100% + 5px);left: -10px;z-index: 30;padding: 5px 0;display: none;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;white-space: nowrap;}
.sales-dashboard-page .payment-type-filter.select-dropdown-con ul li:hover {color: var(--accent2);}

.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown.open ~ ul { display: block; }
.sales-dashboard-page .payment-type-filter.select-dropdown-con .select-dropdown.open i svg {transform: rotate(180deg)}

.sales-dashboard-data-con {background: var(--sys-white); border-radius: 12px; padding: var(--clamp-12); overflow: auto;flex: 1;display: flex; flex-direction: column;border: var(--container-border);box-shadow: var(--container-shadow);}

.sales-dashboard-page .paymentstabs-con {padding: 0 0 13px;}
.sales-dashboard-page .paymentstabs {display: flex;gap: var(--clamp-14);align-items: flex-start;width: fit-content; }
.sales-dashboard-page .paymentstabs button {padding: 0 5px 0px;position: relative;font-size: var(--clamp-text-sm) !important;line-height: 100%;}
.sales-dashboard-page .paymentstabs button.active:after, .sales-dashboard-page .paymentstabs button:hover:after {content: ""; display: block; height: 3px; width: 100%; position: absolute; bottom: -8px; left: 0; background: var(--accent2);opacity: 1;}
.sales-dashboard-page .paymentstabs button:hover {opacity: 1; cursor: pointer}

.sales-dashboard-page .paymentstabcontent-boxes {display: flex; justify-content: space-between; gap: var(--clamp-12);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box {flex: 1; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding: var(--clamp-12); position: relative;display: flex; align-items: center; gap: var(--clamp-12);cursor: pointer;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box .paymentstabcontent-box-icon {width: calc(var(--clamp-text-48) + 2px); height: calc(var(--clamp-text-48) + 2px); position: relative; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position: relative;flex-shrink: 0;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 {max-width: 110px;position: relative;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3{font-size: var(--clamp-text-sm) !important;color: #15151699;line-height:var(--clamp-text-xl);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 span {font-size: var(--clamp-text-sm) !important;color: #15151699 !important; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1;position: relative;display: block;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter h3,
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter h3 span{color:var(--primary-color);}

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h4 {font-weight: 600; margin: 3px 0 !important; font-size: var(--clamp-text-base) !important;line-height: 1 !important;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box p {font-size: 10px; color: #15151699; line-height: 12px;}

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:first-child .paymentstabcontent-box-icon {border: 1px solid rgba(41, 76, 153, 0.10); background: rgba(41, 76, 153);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.succeeded .paymentstabcontent-box-icon, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.approved .paymentstabcontent-box-icon {border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.pending .paymentstabcontent-box-icon {border: 1px solid rgba(255, 122, 72, 0.10); background: rgba(255, 122, 72);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.cancel .paymentstabcontent-box-icon, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.declined .paymentstabcontent-box-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.refund .paymentstabcontent-box-icon {border: 1px solid rgba(144, 149, 160, 0.1);background: rgba(144, 149, 160); }

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter:first-child {border: 1px solid rgba(41, 76, 153);box-shadow: unset !important;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.succeeded, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.approved {border: 1px solid rgba(74, 186, 123);box-shadow: unset !important;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.pending {border: 1px solid rgba(255, 122, 72);box-shadow: unset !important;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.declined, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.cancel {border: 1px solid rgba(247, 43, 43);box-shadow: unset !important;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.active-payment-status-filter.refund {border: 1px solid rgba(144, 149, 160);box-shadow: unset !important;}

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:first-child {background: rgba(41, 76, 153, 0.10);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.succeeded, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.approved {background: rgba(74, 186, 123, 0.10);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.pending {background: rgba(255, 122, 72, 0.05);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.cancel, .sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.declined {background: rgba(247, 43, 43, 0.10);}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.refund {background: rgba(144, 149, 160, 0.1);   }
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box .paymentstabcontent-box-icon svg {fill: #FFFFFF !important;}

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:first-child .paymentstabcontent-box-icon svg {width: calc(var(--clamp-text-l)); height: calc(var(--clamp-text-l))}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:nth-child(2) .paymentstabcontent-box-icon svg {width: calc(var(--clamp-text-24) + 2px); height: calc(var(--clamp-text-24) + 2px)}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:nth-child(3) .paymentstabcontent-box-icon svg {width: var(--clamp-text-3xl); height: var(--clamp-text-3xl)}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box:last-child .paymentstabcontent-box-icon svg {width: var(--clamp-text-3xl); height: var(--clamp-text-3xl)}

.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 .paymentstabcontent-box-tooltip {display: none;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 .paymentstabcontent-box-tooltip {position: absolute; bottom: 115%; left: 0; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;font-style: unset;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 .paymentstabcontent-box-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box.succeeded h3:hover .paymentstabcontent-box-tooltip {display: block;}

.sales-dashboard-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.05); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative; flex-shrink: 0;}
.sales-dashboard-table-con > div {max-height: 100%;height: 100%;}
.sales-dashboard-table {position: relative; z-index: 1;width: 100%;}
.sales-dashboard-table thead tr {background: #FFF !important;position: sticky; top: 0; z-index: 2;}
.sales-dashboard-table thead tr th {font-size: var(--clamp-text-sm) !important; padding: var(--clamp-6) var(--clamp-10); border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; color: #151516; font-weight: 700;position: relative;z-index: 1;background: #eaeef5; position: relative;line-height: 1.1rem;}
.sales-dashboard-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1); }
.sales-dashboard-table thead tr th:last-child:after {display: none;}
.sales-dashboard-table tr td {color: #5D5D5D; font-size: var(--clamp-text-sm); padding: var(--clamp-8) var(--clamp-10); border-right: 1px solid rgba(21, 21, 22, 0.05);border-bottom: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; position: relative;white-space: nowrap;}
.sales-dashboard-table tr td:last-child {border-right: 0;}
.sales-dashboard-table tr:nth-child(even) {background: #f4f6f8}
.sales-dashboard-table tr td.date-col, .sales-dashboard-table tr th.date-col {width: 100px;}
.sales-dashboard-table tr td.status-col, .sales-dashboard-table tr th.status-col, .sales-dashboard-table tr td.attempts-col, .sales-dashboard-table tr th.attempts-col {width: 80px;text-align: center;}
.sales-dashboard-table tbody tr {min-height: 37px;}
.sales-dashboard-table tbody tr td.email-col, .sales-dashboard-table thead tr th.email-col {width: 200px; max-width: 200px;}
.sales-dashboard-table tr td.email-col span {width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.sales-dashboard-table tr td.payment-amount-col {color: #151516;width: 160px;}
.sales-dashboard-table tr td.order-type-col {max-width: 120px;width: 120px;}
.sales-dashboard-table tr th.closer-col, .sales-dashboard-table tr td.closer-col {width: 130px;}
.sales-dashboard-table tr td.receipt-col, .sales-dashboard-table tr th.receipt-col{text-align:center;width: 70px;}

.sales-dashboard-table tr td.email-col {position: relative;}
.sales-dashboard-table tr td.email-col span {width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.sales-dashboard-table tr td.email-col .sales-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.sales-dashboard-table tr td.email-col .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.sales-dashboard-table tr td.email-col:hover .sys-tooltip {display: block;left: 10px;transform: none;}
.sales-dashboard-table tr td.email-col:hover .sys-tooltip:before {left: 10px;  transform: rotate(45deg); bottom: -3px;}

.sales-dashboard-table tr td.payment-type {max-width: 115px;position: relative;width: 115px;}
.sales-dashboard-table tr td.payment-type span {width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.sales-dashboard-table tr td.payment-type .sales-tooltip {position: absolute; bottom: 80%; left: 8px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;}
.sales-dashboard-table tr td.payment-type .sales-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
.sales-dashboard-table tr td.payment-type:hover .sys-tooltip {display: block;bottom: 100%;left: 10px;transform: none;}
.sales-dashboard-table tr td.payment-type:hover .sys-tooltip:before {left: 10px;transform: rotate(45deg); bottom: -3px}

tr td.col-with-tooltip .text-tooltip { position: absolute; bottom: 80%; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap; display: none; }
tr td.col-with-tooltip .text-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 25px; bottom: -5px; }
tr td.col-with-tooltip:hover .sys-tooltip { display: block !important; display:none!important;}

.customer-summary-bottom-table tr td.col-with-tooltip .text-tooltip{padding: 2px 5px;bottom:100%;font-size:10px;left: 50%;transform: translateX(-50%);}
.customer-summary-bottom-table tr td.col-with-tooltip .text-tooltip::before{left: 50%;transform: translateX(-50%) rotate(45deg);}

.sales-dashboard-table tr td.status-col span {font-size: 11px; padding: 2px 5px; border-radius: 4px;border: 1px solid transparent; width: 68px;display: block;line-height: 11px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sales-dashboard-table tr td.status-col span.succeeded {background: rgba(74, 186, 123, 0.10); border: 1px solid rgba(74, 186, 123, 0.10); color: rgba(74, 186, 123);}
.sales-dashboard-table tr td.status-col span.pending {background: rgba(255, 122, 72, 0.1); border: 1px solid rgba(255, 122, 72, 0.1); color: rgba(255, 122, 72);}
.sales-dashboard-table tr td.status-col span.declined {background: rgba(247, 43, 43, 0.10); border: 1px solid rgba(247, 43, 43, 0.10); color: rgba(247, 43, 43);}
.sales-dashboard-table tr td.status-col span.refunded, .sales-dashboard-table tr td.status-col span.cancel {background: rgba(144, 149, 160, 0.1); border: 1px solid rgba(144, 149, 160, 0.1); color: rgba(144, 149, 160);}

.sales-dashboard-summary {padding: 13px 0;flex: 1;display: flex; flex-direction: column; flex-shrink: 0; min-height: 200px;overflow: hidden;}
.sales-dashboard-summary .sales-dashboard-content {flex: 1; overflow: hidden;}

.sales-dashboard-summary-left, .sales-dashboard-summary-right{width: 30%;display: flex; flex-direction: column;}
.sales-dashboard-summary-left .salestab {display: flex;gap: 6px;margin-bottom: 5px;}
.sales-dashboard-summary-left .salestab button {padding: 5px 5px 8px;position: relative;font-size: 15px;}
.sales-dashboard-summary-left .salestab button.active:after, .sales-dashboard-summary-left .salestab button:hover:after {content: ""; display: block; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; background: var(--accent2);opacity: 1;}
.sales-dashboard-summary-left .salestab button:hover {opacity: 1; cursor: pointer}
.sales-dashboard-summary-left .salestabcontent {flex: 1; overflow: hidden;}

.sales-dashboard-summary-right {max-width: 300px;padding-top: 38px;}
.sales-dashboard-summary ul {width: 100%;border-radius: 12px;overflow: auto;max-height: 100%;position: relative;}
.sales-dashboard-summary ul > div {max-height: 100%;}
.sales-dashboard-summary ul li {display: flex; justify-content: space-between;margin-top: 5px;gap: 10px;padding: 5px 13px 5px 5px;}
.sales-dashboard-summary ul li:first-child {margin-top: 0;}
.sales-dashboard-summary ul li span {color: var(--accent2);align-self: flex-end; text-align: right;margin-left: auto;flex-shrink: 0;font-weight: 600; font-size: 0.85rem; min-width: 85px;}
.sales-dashboard-summary ul li small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1;}
.sales-dashboard-summary ul.sales-total { border-top: 1px solid #e9eaec;margin-top: 0 !important;border-radius: 12px;}
.sales-dashboard-summary ul.sales-total li {margin-top: 0 !important;}
.sales-dashboard-summary ul.sales-total li small {color: #151516;font-weight: 600;text-align: right;text-transform: uppercase}
.sales-dashboard-summary ul li:nth-child(odd) {background: #f4f6f8}

.sales-dashboard-summary-right .sales-dashboard-title {justify-content: flex-end}

.sales-dashboard-page .pagination-export-holder{margin: auto auto 0; width: 100%; padding-top: 12px;align-self: flex-end;}
.sales-dashboard-page .list-pagination {padding: 12px 0 0; background: #FFFFFF; z-index: 10;display: flex; align-items: center; margin-top: auto;padding:0;margin-top:0;}
.sales-dashboard-page .list-pagination small, .sales-dashboard-page .list-pagination span {margin-right: 3px;}
.sales-dashboard-page .list-pagination span {min-width: 14px;text-align: center; display: inline-block;}
.sales-dashboard-page .list-pagination a {line-height: 0;margin-left: 2px;display: inline-block;}

button.exportBtn{color:var(--sys-dark);border-bottom: 1px solid var(--sys-dark); letter-spacing: -0.04em; padding: 3px 2px 2px 0; line-height: 100%; display: inline-flex; justify-content: center; gap: 5px; align-items: center; min-width: auto; font-weight: 500;font-size: var(--clamp-text-sm);}
button.exportBtn svg{width: var(--clamp-text-sm);height: var(--clamp-text-sm)}
button.exportBtn svg path{fill:var(--sys-dark);}

button.exportBtn:hover{color: var(--accent2);border-bottom: 1px solid var(--accent2);opacity:1;}
button.exportBtn:hover svg{}
button.exportBtn:hover svg path{fill:var(--accent2);}

.email-text-ar-modal .modal-box-title {margin-bottom: 15px;}
.email-text-ar-modal .line-div {width: 100%; margin: 15px auto;border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.email-text-ar-modal p {margin-bottom: 15px; font-weight: 400;}
.email-text-ar-modal p:last-child {margin-bottom: 25px;}

.payment-status-modal .modal-box-body {display: flex;justify-content: space-between;align-items: center;margin: 40px 0; gap:30px; flex-wrap: wrap;}
.payment-status-modal .modal-box-title{display:flex;gap:10px;flex-direction:row;}
.payment-status-modal .modal-box-title .modalIcon{display:flex;}
.payment-status-modal .modal-box-title .modalIcon svg{}
.payment-status-modal .modal-box-title .modalIcon svg path{fill:#151516;}


.payment-status-modal .dropdown-btn-container {display: flex;gap: 14px;}
.payment-status-modal .dropdown-btn-container ul li a.dropdown-btn {line-height: 1;font-size: 14px;border-width: 2px;padding-top: 2px;border-bottom:none;}

.payment-status-modal #paymentDateRange {margin: 0;width: max-content; position: relative;align-items:flex-end;}
.payment-status-modal #datePicker {-webkit-appearance: none;-moz-appearance: textfield;appearance: none;color:var(--primary-color);height:18px;border: none;text-align: right;padding-right: 25px;line-height: 1; background:url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 width%3D%2216%22 height%3D%2216%22%3E%3Cpath d%3D%22M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z%22%3E%3C/path%3E%3C/svg%3E') no-repeat right;}
.payment-status-modal #datePicker::placeholder {color:var(--primary-color);}
.payment-status-modal .custom-calendar-icon {/*position: absolute;right: 2px;top: 50%;transform: translateY(-50%);*/cursor: pointer;}
.payment-status-modal .modal-btns-con {flex-wrap: wrap;}
.payment-status-modal input[type="date"]::-webkit-calendar-picker-indicator {cursor: pointer;position: absolute;right: 0;opacity: 0;z-index: 1; width:16px;height:16px;}
.payment-status-modal input[type="date"]-webkit-datetime-edit-fields-wrapper {padding-top: 2px;}
.payment-status-modal input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-clear-button {display: none;}

/*END SALES DASHBOARD*/

/*DASHBOARD TEMPLATE*/
.dashboard-template {display: flex; flex-direction: column; gap: 16px;display: flex; flex-direction: column; gap: 16px; margin: 0 auto 0; max-width: 1512px;width: 100%;}
.dashboard-template .dashboard-template-title {background: var(--sys-white); padding: 0 0 13px; overflow: hidden;flex-shrink: 0;position: sticky; top: 0;z-index: 20;}
.dashboard-template .dashboard-template-title h2  {line-height: 100%; }
.export-btn {border: 1px solid var(--accent2); background: #FFFFFF; color: var(--accent2);display: block; border-radius: 8px; letter-spacing: -0.04em;padding: 0 10px;box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05);height: 30px; line-height: 100%;display: inline-flex; justify-content: center; gap: 5px; align-items: center;min-width:auto;}
.export-btn svg{display: inline-block; height: 100%; vertical-align: top;}
.export-btn svg path{}
.export-btn:hover {background: var(--accent2); color: #FFFFFF;opacity: 1;}
.export-btn:hover svg path{fill:#fff;}

.dashboard-template-data-con {background: var(--sys-white); border-radius: 12px; padding: var(--clamp-12); overflow: auto;flex: 1;display: flex; flex-direction: column;border: var(--container-border);box-shadow: var(--container-shadow);}

.dashboard-template-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.05); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative;min-height: 500px; flex-shrink: 0;}
.dashboard-template-table-con > div {max-height: 100%;height: 100%;}
.dashboard-template-table {table-layout: fixed; width: 100%;}
.dashboard-template-table thead tr {background: #FFF !important;position: sticky; top: 0; z-index: 10;}
.dashboard-template-table thead tr th {width: calc(100% / 11); font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700;position: relative;}
.dashboard-template-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.05)}
.dashboard-template-table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.dashboard-template-table tr:nth-child(odd) {background: #f4f6f8}
.dashboard-template-table tr.total-row {position: sticky; bottom: 0; z-index: 20; background: #ffe9e9;}
.dashboard-template-table tr.total-row th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.05)}

/*END DASHBOARD TEMPLATE*/

/*YTD SALES DASHBOARD TEMPLATE*/
.dashboard-template.ytd-dashboard {max-width: unset;}

.ytd-year-selector-con {display: flex; align-items: center; gap: 6px;}
.ytd-year-selector-con h3 {font-weight: 600;color: #151516;}
.ytd-yearelector-con span {font-weight: 600;color: #151516; width: 45px;text-align: center;}
.ytd-year-selector-con span, .ytd-year-selector-con a {line-height: 0;}
.ytd-year-selector-con a svg {fill: #151516;}
.ytd-year-selector-con a.disabled {opacity: 0.5; pointer-events: none;}
.ytd-year-selector-con a:hover {opacity: 0.5;}

.dashboard-table-container {overflow: auto;display: flex; flex-direction: column; gap: 12px;}
.ytd-goal-dashboard-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.05); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative;min-height: 466px; flex-shrink: 0;}
.ytd-goal-dashboard-table-con > div {max-height: 100%;height: 100%;}
.ytd-goal-dashboard-table {width: 100%;border-collapse: unset;}
.ytd-goal-dashboard-table thead {background: #FFF !important;position: sticky; top: 0; z-index: 10;}
.ytd-goal-dashboard-table thead tr {}
.ytd-goal-dashboard-table thead tr th {width: calc(100% / 14); font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; color: #151516; font-weight: 700;position: relative;border-bottom: 1px solid rgba(21, 21, 22, 0.05); font-size: 0.85rem;position: relative;}
.ytd-goal-dashboard-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}
.ytd-goal-dashboard-table thead tr:first-child th {background: #e9edf5}
.ytd-goal-dashboard-table thead tr:nth-child(2) th {background: #fff8f5}

.ytd-goal-dashboard-table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;text-align: right;text-align: left; width: calc(100% / 14)}
.ytd-goal-dashboard-table tr td:first-child {width: 200px;}
.ytd-goal-dashboard-table tr td:last-child {font-weight: bold;color: #151516;}
.ytd-goal-dashboard-table tbody tr td, .ytd-goal-dashboard-table tfoot tr td  {text-align: right; position: relative;}
.ytd-goal-dashboard-table tbody tr td:first-child, .ytd-goal-dashboard-table tfoot tr td:first-child {text-align: left;}
.ytd-goal-dashboard-table tr:nth-child(odd) td {background: #f4f6f8}
.ytd-goal-dashboard-table tr:nth-child(even) td {background: #FFFFFF;}
.ytd-goal-dashboard-table tr:nth-child(odd) {background: #f4f6f8}
.ytd-goal-dashboard-table tr:nth-child(even) {background: #FFFFFF;}
.ytd-goal-dashboard-table tr.total-row {position: sticky; bottom: 0; z-index: 20; background: #ffe9e9 !important;}
.ytd-goal-dashboard-table tr.total-row td {background: #ffe9e9 !important;font-weight: bold; color: #151516;}
.ytd-goal-dashboard-table tr.total-row td:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}

.ytd-goal-dashboard-table tfoot tr.total-row td{background: #ecf8f1 !important; color: #151516;}
.ytd-goal-dashboard-table tfoot tr:nth-child(2) td{background: #e9edf5;}
.ytd-goal-dashboard-table tfoot tr:last-child td{background: #ffe9e9;}
.ytd-goal-dashboard-table tfoot tr:last-child td {font-weight: bold;color: #151516;}
.ytd-goal-dashboard-table tfoot tr:last-child .goal-vs-actual {justify-content: flex-end;}
.ytd-goal-dashboard-table tfoot tr:last-child .goal-icon,.ytd-goal-dashboard-table tfoot tr:last-child i {line-height: 0;} 

.ytd-collected {min-height: 400px;}
.ytd-collected thead th {}
.ytd-collected .ytd-goal-dashboard-table tfoot tr:nth-child(2) {background: #ffffff}
.ytd-collected .ytd-goal-dashboard-table tfoot tr:nth-child(3) {background: #ecf8f1}
.ytd-collected .ytd-goal-dashboard-table tfoot tr:nth-child(4) {background: #e9edf5}

.ytd-daily-dashboard-table-con {border-radius: 12px; border: 1px solid rgba(21,21,21,0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; flex-shrink: 1; position: relative; flex-shrink: 0;min-height: 550px}
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table thead tr:first-child th {background:#e9edf5 }
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td {white-space: nowrap;}

.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table tbody td:nth-child(2) {background:#fff8f5 }
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td:first-child, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th:first-child {width: 148px;max-width: 148px;position: sticky;z-index: 10;left: 0;}
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td:nth-child(2), .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th:nth-child(2) {position: sticky;z-index: 10;left: 148px;color: #151516; font-weight: bold;width: 148px}
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td:first-child:after, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table tbody td:nth-child(2):after, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th:first-child:after, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table tbody th:nth-child(2):after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px;background: rgba(21, 21, 22, 0.1)}
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table .week-total-col {background: #ffe9e9 !important;cursor: pointer; transition: background-color 0.3s;display: table-cell !important;}
.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th {transition: display 0.3s; width: unset;}

.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th:first-child, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table th:nth-child(2), .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td:first-child, .ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td:nth-child(2) {display: table-cell !important;}

.ytd-daily-dashboard-table-con .ytd-goal-dashboard-table td.dynamicColspanCell {display: table-cell !important;}
/*END YTD SALESDASHBOARD TEMPLATE*/

/*YTD COMMISSION DASHBOARD TEMPLATE*/
.dashboard-template.ytd-commission {max-width: unset;}
.dashboard-template.ytd-commission .dashboard-template-data-con {overflow: hidden;gap: 12px;}

.ytd-commission .dashboard-template-title {padding-bottom: 1px;}
.ytd-commission .ytd-commissions-dashboard-boxes {display: flex; justify-content: space-between; gap: 12px;}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box {flex: 1; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding: 13px; position: relative;display: flex; align-items: center; gap: 16px;cursor: pointer;}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box .ytd-commissions-dashboard-box-icon {width: 50px; height: 50px; position: relative; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position: relative;flex-shrink: 0;}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 28px; height: 28px;}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box h3 {font-size: 12px;color: #15151699}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box h4 {font-weight: 600; margin: 5px 0; font-size: 16px;}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box p {font-size: 10px; color: #15151699; line-height: 12px;}

.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:first-child .ytd-commissions-dashboard-box-icon {border: 1px solid rgba(41, 76, 153, 0.10); background: rgba(41, 76, 153);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(2) .ytd-commissions-dashboard-box-icon {border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(3) .ytd-commissions-dashboard-box-icon {border: 1px solid rgba(255, 122, 72, 0.10); background: rgba(255, 122, 72);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(4) .ytd-commissions-dashboard-box-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:last-child .ytd-commissions-dashboard-box-icon {border: 1px solid rgba(144, 149, 160, 0.1);background: rgba(144, 149, 160); }

.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box.active:first-child {border: 1px solid rgba(41, 76, 153);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box.active:nth-child(2) {border: 1px solid rgba(74, 186, 123);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box.active:nth-child(3) {border: 1px solid rgba(255, 122, 72);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box.active:nth-child(4) {border: 1px solid rgba(247, 43, 43);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box.active:last-child {border: 1px solid rgba(144, 149, 160);}

.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:first-child {background: rgba(41, 76, 153, 0.10);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(2) {background: rgba(74, 186, 123, 0.10);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(3) {background: rgba(255, 122, 72, 0.05);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:nth-child(4) {background: rgba(247, 43, 43, 0.10);}
.ytd-commission .ytd-commissions-dashboard-boxes .ytd-commissions-dashboard-box:last-child {background: rgba(144, 149, 160, 0.1);   }

.dashboard-table-container {overflow: auto;display: flex; flex-direction: column; gap: 12px;}
.ytd-commission-dashboard-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.1); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative; flex-shrink: 0;}
.ytd-commission-dashboard-table-con > div {max-height: 100%;height: 100%;}
.ytd-commission-dashboard-table-con > div .simplebar-content {height: 100%;}
.ytd-commission-dashboard-table {width: 100%;height: 100%;border-collapse: unset;}
.ytd-commission-dashboard-table thead {background: #FFF !important;position: sticky; top: 0; z-index: 30;}
.ytd-commission-dashboard-table thead:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px;background: rgba(21, 21, 22, 0.1);}
.ytd-commission-dashboard-table thead tr {}
.ytd-commission-dashboard-table thead tr th {width: calc(100% / 14); font-size: 0.9rem; padding: 10px; vertical-align: middle; color: #151516; font-weight: 700;position: relative; font-size: 0.85rem;}
.ytd-commission-dashboard-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: rgba(21, 21, 22, 0.1)}
.ytd-commission-dashboard-table thead tr:first-child th {background: #e9edf5}
.ytd-goal-dashboard-table thead tr:nth-child(2) th {background: #fff8f5}

.ytd-commission-dashboard-table thead tr th:first-child, .ytd-commission-dashboard-table tfoot tr td:first-child {position: sticky; left: 0;z-index: 50;}
.ytd-commission-dashboard-table tbody tr td:first-child {position: sticky; left: 0;}

.ytd-goal-dashboard-table thead tr th {line-height: 26px;}
.ytd-goal-dashboard-table thead tr th .goal-sales-edit {display: flex; align-items: center;}
.ytd-goal-dashboard-table thead tr th input { width: 85px; border-radius: 4px; background: #FFFFFF; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); padding: 4px; color: #151516; font-weight: 700;font-size: 0.85rem; color: var(--sys-dark); resize: none; }
.ytd-goal-dashboard-table thead tr th button { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 6px; border: 1px solid rgba(74,186,123,1); position: relative; position: relative; }
.ytd-goal-dashboard-table thead tr th button svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ytd-goal-dashboard-table thead tr th a {line-height: 100%;}
.ytd-goal-dashboard-table thead tr th a:hover {opacity: 0.5;}
.ytd-goal-dashboard-table thead tr th button:hover {background:rgba(74,186,123,1); opacity: 1 !important;}
.ytd-goal-dashboard-table thead tr th button:hover svg path {fill: #FFFFFF !important;}

.ytd-commission-dashboard-table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;text-align: right;text-align: left; width: calc(100% / 14)}
.ytd-commission-dashboard-table tr td:first-child {width: 250px;white-space: nowrap;}
.ytd-commission-dashboard-table tr td:last-child {font-weight: bold;color: #151516;}

.ytd-commission-dashboard-table tbody tr td, .ytd-commission-dashboard-table tfoot tr td  {text-align: right;}
.ytd-commission-dashboard-table tbody tr td:first-child, .ytd-commission-dashboard-table  tfoot tr td:first-child {text-align: left;}
.ytd-commission-dashboard-table tbody tr td:last-child {border-right: 0;}
.ytd-commission-dashboard-table tr:nth-child(odd) td {background: #f4f6f8}
.ytd-commission-dashboard-table tr:nth-child(even) td {background: #FFF}
.ytd-commission-dashboard-table tr.total-row {position: sticky; bottom: 0; z-index: 25; background: #ffe9e9;}
.ytd-commission-dashboard-table tr.total-row td {font-weight: bold; color: #151516;position: relative;border: 0;font-size: 0.9rem; background: #ffe9e9;z-index: 25}
.ytd-commission-dashboard-table tr.total-row td:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: rgba(21, 21, 22, 0.1)}
.ytd-commission-dashboard-table tr.total-row td:last-child:after {display: none;}

.ytd-commission-dashboard-table tfoot {position: sticky; bottom :0; z-index: 30;}
/*END YTD COMMISSION DASHBOARD TEMPLATE*/

/*SALES DATABASE TEMPLATE*/
.dashboard-template.sales-database {max-width: unset;}
.dashboard-template.sales-database .dashboard-template-data-con {overflow: hidden;border: var(--container-border);}

.dashboard-search-con {position: relative;padding-left: 16px;width: 200px;}
.dashboard-search-con:before {content: ""; width: 1px; height: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(21,21,21,0.1);}
.dashboard-search-con.form-con input[type=search], .dashboard-search-con.form-con input[type=text] {padding: 5px 30px 5px 13px; height: 30px;line-height: 14px;font-size: 13px;}
.dashboard-search-con button {position: absolute; right: 10px; top: 6px; z-index: 3;}

.sales-database .dashboard-search-con.form-con input[type=text] {padding: 5px 30px 5px 13px; height: 30px;line-height: 14px;font-size: 13px;}

.dashboard-table-container {overflow: auto;display: flex; flex-direction: column; gap: 12px;flex: 1;}
.sales-database-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.1); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative; flex-shrink: 0;}
.sales-database-table-con > div {max-height: 100%;height: 100%;}
.sales-database-table {width: 100%;}
.sales-database-table thead {background: #FFF !important;position: sticky; top: 0; z-index: 10;border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.sales-database-table thead tr th:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px;background: rgba(21, 21, 22, 0.1);}
.sales-database-table thead tr {}
.sales-database-table thead tr th {font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700;position: relative;border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem;}
.sales-database-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}
.sales-database-table thead tr:first-child {background: #e9edf5}
.sales-database-table thead tr:nth-child(2) {background: #fff8f5}

.sales-database-table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 6.5px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;text-align: left;white-space: nowrap;}
.sales-database-table tr td:nth-child(2) {}
.sales-database-table tbody tr td:first-child {width: 100px;}
.sales-database-table tr:nth-child(odd) {background: #f4f6f8}
.sales-database-table tbody tr td.text-right {text-align: right}
.sales-database-table tbody tr td:hover .sys-tooltip {display: block;left: 10px;transform: none;display:none;}
.sales-database-table tbody tr td:hover .sys-tooltip:before {left: 10px;  transform: rotate(45deg); bottom: -3px;}

.sales-database-table tfoot tr.total-row {position: sticky; bottom: 0; z-index: 10;}
.sales-database-table tfoot tr.total-row td {text-align: right; color: #151516; font-weight: bold;background: #ffe9e9;position: relative;font-size: 0.9rem;}
.sales-database-table tfoot tr.total-row td:first-child {text-align: left;}
.sales-database-table tfoot tr.total-row td:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1);}

.sales-database .stats-refresh { padding-right: 10px;}
.sales-database .stats-refresh:before {left: unset; right: 0;}
/*END SALES DATABASE TEMPLATE*/

/*CASH IN SHEET*/
.cash-in-chart-con {height: calc(100% - 33px)}
.cash-in-chart-con > div {height: auto;}
.cash-in-chart canvas {width: 100%;height: calc(100% - 50px) !important;}
.cash-in-chart-con .graph-bottom-title-con {display: flex; justify-content: center; align-items: center;gap: 16px;margin-top: 10px;}
.cash-in-chart-con .graph-bottom-title-con h3 {font-size: 17px; font-weight: bold;color: #676767;}
.cash-in-chart-con .graph-bottom-title-con span {font-size: 17px; font-weight: bold;color: #676767;width: 45px;}
.cash-in-chart-con .graph-bottom-title-con span, .cash-in-chart-con .graph-bottom-title-con a {line-height: 0;}
.cash-in-chart-con .graph-bottom-title-con a svg {fill: #151516;}
.cash-in-chart-con .graph-bottom-title-con a.disabled {opacity: 0.5; pointer-events: none;}
.cash-in-chart-con .graph-bottom-title-con a:hover {opacity: 0.5;}
/*END CASH IN SHEET*/

/*AR SUMMARY START*/
.ar-summary .dashboard-search-con:before {display: none;}
.ar-summary .dashboard-search-con {padding: 0;}
.ar-summary-table th, .ar-summary-table td {width: unset;}
.ar-summary-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.1); overflow: hidden;display: flex; flex-direction: column;flex: 1;position: relative; flex-shrink: 0;}
.ar-summary-table-con > div {max-height: 100%;height: 100%;}
.ar-summary-table {width: 100%;height: 100%;}
.ar-summary-table thead {background: #FFF !important;position: sticky; top: 0; z-index: 10;border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.ar-summary-table thead tr th:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px;background: rgba(21, 21, 22, 0.1);}
.ar-summary-table thead tr {}
.ar-summary-table thead tr th {font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700;position: relative;border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem;}
.ar-summary-table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}
.ar-summary-table thead tr th:last-child:after {display: none;}
.ar-summary-table thead tr:first-child {background: #e9edf5}
.ar-summary-table thead tr:nth-child(2){background: #fff8f5}
.ar-summary-table thead tr th .month-selector-con {position: relative;display: inline-block;cursor: pointer;}
.ar-summary-table thead tr th .month-selector {position: relative;display: flex; align-items: center;}

.ar-summary-table thead tr th .month-selector i {margin-left: 5px;line-height: 0;}
.ar-summary-table thead tr th .month-selector-con ul {position: absolute; top: calc(100% + 5px);left: -10px;background: #FFFFFF;border-radius: 8px;z-index: 30;padding: 3px 0;display: none;}
.ar-summary-table thead tr th .month-selector-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;}
.ar-summary-table thead tr th .month-selector-con ul li:hover {color: var(--accent2);}

.ar-summary-table thead tr th .month-selector-con .month-selector.open ~ ul { display: block !important; }
.ar-summary-table thead tr th .month-selector-con .month-selector.open i svg {transform: rotate(180deg)}

.ar-summary-table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;text-align: left;}
.ar-summary-table tr td.text-right {text-align: right;}
.ar-summary-table tr td:last-child {border-right: 0;}
.ar-summary-table tr:nth-child(even) td {background: #FFFFFF;}
.ar-summary-table tr:nth-child(odd) td {background: #f4f6f8}
.ar-summary-table tbody tr td.text-right {text-align: right}

.ar-summary-table tfoot {position: sticky; bottom: 0; z-index: 20;}
.ar-summary-table tfoot td {text-align: center;color: #151516; font-weight: bold;position: relative;}
.ar-summary-table tfoot td:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}
.ar-summary-table tfoot td:last-child:after {display: none;}
.ar-summary-table tfoot tr:first-child td {background: #ecf8f1;width:120px;}

.ar-summary-table tr td span {font-size: 11px; padding: 2px 5px; border-radius: 4px;border: 1px solid transparent; width: 65px;display: block;line-height: 11px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin: 0 auto;text-align: center;}
.ar-summary-table tr td span.status-paid {background: rgba(74, 186, 123, 0.10); border: 1px solid rgba(74, 186, 123, 0.10); color: rgba(74, 186, 123);}
.ar-summary-table tr td span.status-pending {background: rgba(255, 122, 72, 0.1); border: 1px solid rgba(255, 122, 72, 0.1); color: rgba(255, 122, 72);cursor: pointer;}
.ar-summary-table tr td span.status-declined {background: rgba(247, 43, 43, 0.10); border: 1px solid rgba(247, 43, 43, 0.10); color: rgba(247, 43, 43);}
.ar-summary-table tr td span.status-refund {background: rgba(144, 149, 160, 0.1); border: 1px solid rgba(144, 149, 160, 0.1); color: rgba(144, 149, 160);}

.ar-summary-table tr td.plan-col, .ar-summary-table tr th.plan-col, .ar-summary-table td.last-four-col, .ar-summary-table th.last-four-col, .ar-summary-table tr td.payment-status-col, .ar-summary-table tr th.payment-status-col, .ar-summary-table tr td.amount-col, .ar-summary-table tr th.amount-col {width: 100px;}
.ar-summary-table tr td.date-col, .ar-summary-table tr th.date-col {width: 110px;}
.ar-summary-table td.retry-col, .ar-summary-table th.retry-col,.ar-summary-table tr td.attempt-col, .ar-summary-table tr th.attempt-col {width: 90px;text-align: center;}
.ar-summary-table tr td.payment-method-col, .ar-summary-table tr th.payment-method-col {width: 130px;}
.ar-summary-table tr td a.retry-btn {display: block;font-size: 11px; padding: 2px 5px; border-radius: 4px;border: 1px solid transparent; width: 45px;display: block;line-height: 11px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin: 0 auto;text-align: center; color: #294c99; background: rgba(41, 76, 153, 0.10); border: 1px solid rgba(41, 76, 153, 0.10);}
.ar-summary-table tr td .credit-card-col i {line-height: 0;}
.ar-summary-table tr td.text-center {text-align: center;}

.ar-summary-table a.retry-btn:hover {opacity: 0.5;}

.year-selector-con a {line-height: 0;}
.year-selector-con a svg {fill: #151516;}
.year-selector-con a:hover {opacity: 0.5;}

.ar-summary-table tr td.receipt-col{text-align:center;}
.receiptHolder{position:relative;display:inline-block; display: flex; justify-content: center; align-items: center; gap: 6px;} 
.receiptHolder a{display:block; line-height 0;position: relative;}
.receiptHolder a:has(.sys-tooltip):hover .sys-tooltip {display: none;}

.receiptHolder svg{display:inline-block;vertical-align:middle;height: var(--clamp-text-sm); width: var(--clamp-text-sm);}
/*END AR SUMMARY*/

/**Customer Summary Modal**/
.customer-summary-modal-con {position: fixed; width: 100%; height: 100%; top: 0; left: 0;z-index: 9991;}

#customerSummaryModal.customer-summary-modal-con table tr td .sys-tooltip{display:none!important;}

.customer-summary-modal { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; max-width: 1100px;max-width:1150px; font-size: 16px; z-index: 20; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 16px; width: 80%; padding: 14px 14px; min-height: 110px;max-height: 80%;overflow: hidden;display: flex;}
.customer-summary-modal .modal-close-button { position: absolute; top: 14px; right: 14px; display: block; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px; line-height: 14px; text-align: center; z-index: 100; }

.customer-summary-title {justify-content: space-between;padding-right: 25px;}
.customer-summary-title-right .customer-summary-title-details {border-radius: 8px;overflow: hidden;}
.customer-summary-title-right .customer-summary-title-details tr:first-child {border-bottom: 1px solid rgba(21, 21, 21, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.04   );}
.customer-summary-title-right .customer-summary-title-details tr td {padding: 6px 10px; text-align: left; line-height: 100%;font-size: 0.85rem;}
.customer-summary-title-right .customer-summary-title-details tr td:first-child {font-weight: bold;background: #f4f6f8; color: #151516;}
.customer-summary-title-right .customer-summary-title-details tr td:nth-child(2) {background: #f4f6f8;}
.customer-summary-filter-con {position: relative; padding-left: 12px; border-left: 1px solid rgba(21,21,21,0.1)}

.customer-summary-filter-con .customer-summary-filter-con-holder{position:relative;}
.customer-summary-filter-con .customer-summary-filter-con-holder:not(:last-child):after {content:"";border-left: 1px solid rgba(21, 21, 21, 0.1);position: absolute; right: -6px; top: 0; height: 100%;}
.customer-summary-filter-con .customer-summary-filter-con-holder h3{display:inline-block;}

.customer-summary-filter-con .select-dropdown-con {position: relative;display: inline-block;cursor: pointer;width: 120px;width:auto;}
.customer-summary-filter-con .select-dropdown span {position: relative; background: #FFFFFF; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%;}

.customer-summary-filter-con .select-dropdown {display: flex; align-items: center;}
.customer-summary-filter-con .select-dropdown i {margin-left: 5px;flex-shrink: 0;line-height: 0;}
.customer-summary-filter-con .select-dropdown-con ul {position: absolute; top: calc(100% + 5px);left: 0;background: #FFFFFF;border-radius: 8px;z-index: 30;padding: 5px 0;display: none;border: 1px solid rgba(21, 21, 22, 0.05);}
.customer-summary-filter-con .select-dropdown-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;white-space: nowrap;}
.customer-summary-filter-con .select-dropdown-con ul li:hover {color: var(--accent2);}

.customer-summary-filter-con .select-dropdown-con .select-dropdown.open ~ ul { display: block; }
.customer-summary-filter-con .select-dropdown-con .select-dropdown.open i svg {transform: rotate(180deg)}

.customer-summary-modal .customer-summary-content {display: flex; flex-direction: column; gap: 16px;overflow: hidden; position: relative;flex: 1;}
.customer-summary-modal .customer-summary-details {display: flex; flex-direction: column; gap: 16px;height: 100%;overflow: hidden; position: relative;}
.customer-summary-modal .customer-summary-details .customer-summary-table-con > div {height: 100%;}
.customer-summary-modal .customer-summary-content .customer-summary-title {}
.customer-summary-modal .customer-summary-content .customer-summary-icon {display: flex; position: relative; width: 40px; height: 40px;justify-content: center; align-items: center; border-radius: 8px; background: var(--accent2);}
.customer-summary-modal .customer-summary-content .customer-summary-details .customer-summary-table-con {border-radius: 12px;border: 1px solid rgba(21,21,21,0.1); overflow: hidden;display: flex; flex-direction: column;position: relative; flex-shrink: 0;}
.customer-summary-modal .customer-summary-content .customer-summary-details .customer-summary-table-con:last-child {flex: 1;}
.customer-summary-modal .customer-summary-content .customer-summary-details table {width: 100%; position: relative;}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead {background: #FFF !important;position: sticky; top: 0; z-index: 10;border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px;background: rgba(21, 21, 22, 0.1);}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr {}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th {font-size: 0.9rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700;position: relative;border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem;line-height: 1.1rem;}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1)}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th:last-child:after {display: none;}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr:first-child {background: #e9edf5}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr:nth-child(2) {background: #fff8f5}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th .month-selector-con {position: relative;display: inline-block;cursor: pointer;}
.customer-summary-modal .customer-summary-content .customer-summary-details table thead tr th .month-selector {padding: 3px 30px 3px 10px; position: relative; background: #FFFFFF; border-radius: 8px;width: 120px;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;text-align: left;position:relative; min-height: 34px;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.text-right {text-align: right;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr:nth-child(odd) {background: #f4f6f8}
.customer-summary-modal .customer-summary-content .customer-summary-details table tbody tr td.text-right {text-align: right}
.customer-summary-modal .customer-summary-content .customer-summary-details table tfoot {position: sticky;bottom: 0;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tfoot tr.total-row {background: #ffe9e9;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tfoot tr.total-row td {color: #151516; background: #ffe9e9; font-weight: bold}

.customer-summary-modal .customer-summary-content .customer-summary-details table.customer-summary-top-table td {color: #151516;font-size: 18px;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.date-col, .customer-summary-modal .customer-summary-content .customer-summary-details table tr th.date-col {width: 90px;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td span {font-size: 11px; padding: 2px 5px; border-radius: 4px;border: 1px solid transparent; width: 70px;display: block;line-height: 11px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin: 0 auto;text-align: center;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td span.status-paid {background: rgba(74, 186, 123, 0.10); border: 1px solid rgba(74, 186, 123, 0.10); color: rgba(74, 186, 123);}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td span.status-pending {background: rgba(255, 122, 72, 0.1); border: 1px solid rgba(255, 122, 72, 0.1); color: rgba(255, 122, 72);cursor: pointer;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td span.status-declined {background: rgba(247, 43, 43, 0.10); border: 1px solid rgba(247, 43, 43, 0.10); color: rgba(247, 43, 43);}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td span.status-refunded {background: rgba(144, 149, 160, 0.1); border: 1px solid rgba(144, 149, 160, 0.1); color: rgba(144, 149, 160);}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.status-col {width: 100px;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.attempt-col {text-align: center; width: 60px;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.text-center {text-align: center;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.number-col{text-align:center;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.attempt-col {width: 50px;}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td a.retry-btn {display: block;font-size: 11px; padding: 2px 5px; border-radius: 4px;border: 1px solid transparent; width: 45px;width:60px;display: block;line-height: 11px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin: 0 auto;text-align: center; color: #294c99; background: rgba(41, 76, 153, 0.10); border: 1px solid rgba(41, 76, 153, 0.10);}
.customer-summary-modal .customer-summary-content .customer-summary-details table tr td a.retry-btn:hover {opacity: 0.5;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td .credit-card-col i {line-height: 0;}

.customer-summary-modal .customer-summary-content .customer-summary-details table tr td.receipt-col{text-align:center;vertical-align: middle;}

.pagination-export-holder {flex-shrink: 0;}
/**END Customer Summary Modal**/

/**DEDUCTIONS PAGE START*/
main.cms-main-content.deductions-main { background: #F7F9FA; padding: var(--clamp-24) 0 var(--clamp-14)}
#deductionsPage * {font-family: var(--secondary-font);}
#deductionsPage {flex: 1; display: flex; flex-direction: column;overflow-y: auto; padding: 0 var(--clamp-24);}
.deductions-con  {display: flex; flex-direction: column; gap: var(--clamp-26); align-items: stretch; position: relative;max-width: 1464px; margin: 0 auto;flex: 1;width: 100%;}
.deductions-con .deductions-summary-boxes {border-radius: 12px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);overflow: hidden;flex-shrink: 0;}
.deductions-con .deductions-summary-boxes li { border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;  padding: 0; position: relative; flex: 1;text-align: center;}
.deductions-con .deductions-summary-boxes li h3 {color: var(--accent2);}
.deductions-con .deductions-summary-boxes li span {color: var(--sys-dark);}
.deductions-con .deductions-summary-boxes li:first-child {padding-left: 0;}

.deductions-table-con { width: 100%; flex-direction:column;}
.deductions-table-left-con {display: flex; flex-direction: column; gap: 12px;flex: 1;width: 100%;}
.deductions-table-left {flex-direction: column;flex: 1;position: relative; padding: var(--clamp-20) var(--clamp-14) var(--clamp-16); background: var(--sys-white); border: var(--container-border); border-radius: 12px;box-shadow: var(--container-shadow);gap: var(--clamp-14);}
.deductions-table-left .deductions-table-title {width: 100%;padding-left: 5px;}
.deductions-table-left .deductions-table-title h3 { color: var(--sys-dark); font-weight: 600; line-height: 19px; letter-spacing: -0.57px; }

.deductions-table-left p{font-size:12px;color: #15151666;letter-spacing: -0.02em;line-height: 100%;}

.deductions-table-left .deductions-table-title .deductions-table-title-holder{width: 100%;}

.deductions-table-left .deductions-tab-con {text-transform: uppercase;color: #151516;justify-content: flex-end;}
.deductions-table-left .deductions-tab-con span {line-height: 100%;color: #151516; font-weight: 800;}
.deductions-table-left .deductions-color-legend {display: block; width: 10px; height: 10px;background: var(--accent2);border-radius: 4px;}

.deductions-table-left .deductions-tablinks {}
.deductions-table-left .deductions-tablinks button {padding: 0 8px;text-transform: uppercase; font-weight: 800;line-height: 100%;font-size: 12px;}
.deductions-table-left .deductions-tablinks button:first-child {border-right: 1px solid rgba(21,21,21,0.1); color: var(--accent2);}
.deductions-table-left .deductions-tablinks button:last-child {color: #294C99;}
.deductions-table-left .deductions-tablinks button.active, .deductions-table-left .deductions-tablinks button:hover {text-decoration: underline;opacity: 1;}

.deductions-table-left .earnings-summary-table tr.earnings-summary-total-row td {font-size: 1.15rem;padding: 12px 10px;}
.deductions-table-left .earnings-summary-table tr.earnings-summary-total-row td small {color: var(--sys-dark);font-weight: 600;text-transform: uppercase;}
.deductions-table-left .earnings-summary-table tr.earnings-summary-total-row td span {gap: 6px;}

.deductions-table-left .earnings-summary-table tr:nth-child(2n+1) {background: #f4f6f8}

.deductions-table-right {flex-shrink: 0; position: relative;display: flex; flex-direction: column; width: 25%   ;  }
.deductions-table-right h3 {color: var(--sys-dark);}
.deductions-table-right .deductions-timeframe li {margin-bottom: 5px;border-radius: 8px;overflow: hidden;}
.deductions-table-right .deductions-timeframe li span, .deductions-table-right .deductions-timeframe li small {text-align: center; padding: 8px 20px; line-height: 16px;font-size: 16px;}
.deductions-table-right .deductions-timeframe li span {background: #e9edf5; width: 40%;text-transform: uppercase;font-weight: bold; font-size: 14px;}
.deductions-table-right .deductions-timeframe li small {color: var(--sys-green);background: #ecf8f1; display: flex; align-items: flex-start;justify-content: center;gap: 2px;flex: 1;font-weight: 600;}
.deductions-table-right .deductions-timeframe li small sup {font-size: 8px;line-height: 100%;}
.deductions-table-right canvas {width: 100% !important; height: auto;}

.deductions-boxes {display: flex; flex-direction: column; gap: 12px;}
.deductions-boxes section {position: relative; padding: 25px; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;min-height: 218px;display: inline-flex;flex-direction: column;justify-content: center;}
.deductions-boxes section h3 {margin-bottom: 15px;}
.deductions-boxes section .deduction-boxes-table-con {border-radius: 8px; border: 1px solid #e9eaec; overflow: hidden;margin-top: 10px;}
.deductions-boxes section table {width: 100%;text-align: center;}
.deductions-boxes section table td {padding: 12px 8px;text-transform: uppercase; color: #151516; width: calc(100%/2);font-weight: 600;background: #f5f5fb}
.deductions-boxes section table tr:first-child {border-bottom: 1px solid rgba(21,21,21,0.1);}
.deductions-boxes section table tr td:first-child{border-right: 1px solid rgba(21,21,21,0.1);}
.deductions-boxes section table tr td:last-child {}

.earnings-chart-legends { display: flex; justify-content: flex-start; gap: 16px; padding-left: 28px;}
.earnings-chart-legends li {color: var(--sys-dark);padding-left: 20px; position: relative;}
.earnings-chart-legends li .legend-color {border-radius: 4px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 4px;} 
.earnings-chart-legends li:first-child .legend-color {background: #3f709b;}
.earnings-chart-legends li:last-child .legend-color {height: 2px; border-top: 2px dotted #FF7A48;}

.deductions-bottom-table-con { width: 100%; position: relative; background: var(--sys-white); flex-direction: column;gap: 13px;}
.deductions-bottom-table-con .deductions-table {width: 100%;}

.deductions-bottom-table-con .deductions-table tr {border-bottom: 1px solid #e9edf5;}
.deductions-bottom-table-con .deductions-table tr th { color: #797979; text-align: left; font-weight: 800; font-size: 16px; white-space: nowrap; }

.deductions-bottom-table-con .deductions-table tbody tr:nth-child(odd) {background: #f4f6f8;}

.deductions-bottom-table-con .deductions-table tr th a {line-height: 0;}
.deductions-bottom-table-con .deductions-table tr th, .deductions-table-con .deductions-table tr td {padding: 7px 10px;}
.deductions-bottom-table-con .deductions-table tr td {color: rgba(21, 21, 22, 0.5);font-size: 0.85rem;padding: 7px 10px 7px 10px;border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle;white-space: nowrap}
.deductions-bottom-table-con .deductions-table tr td:first-child {}
.deductions-bottom-table-con .deductions-table tr:last-child td {}
.deductions-bottom-table-con .deductions-table tr td.text_center {display: table-cell;}

.deductions-bottom-table-con .deductions-table tr th:first-child {}
.deductions-bottom-table-con .deductions-table tr td:last-child {padding-left: 18px;border: 0;}
.deductions-bottom-table-con .deductions-table tr.total-commission-row td:last-child span {margin-left: 8px;}

.deductions-bottom-table-con .deductions-table tr.total-commission-row {background: #f9f9f9; color: var(--sys-green); font-weight: 600;border-bottom: 0;position: sticky; bottom: 0;}
.deductions-bottom-table-con .deductions-table tr.total-commission-row td {font-size: 1.15rem;padding: 12px 10px;}
.deductions-bottom-table-con .deductions-table tr.total-commission-row span {color: var(--accent2);}
.deductions-bottom-table-con .deductions-table tr.total-commission-row td:last-child {border-left:1px solid rgba(21, 21, 22, 0.05) }

.deductions-bottom-table-con .deductions-table tr.total-commission-row td:nth-child(4)  {border-left: 1px solid rgba(21, 21, 22, 0.05)}
.deductions-bottom-table-con .deductions-table tr.total-commission-row td:nth-child(n+4):nth-child(-n+6) {border-right: 1px solid rgba(21, 21, 22, 0.05)}

.deductions-bottom-table-con .deductions-table tr th .level-select { position: relative; display: inline-block; border: 1px solid rgba(21, 21, 22, 0.05); cursor: pointer; width: 110px;border-radius: 8px;}
.deductions-bottom-table-con .deductions-table tr th .level-select .level-select-styled { display: inline-block; padding: 7px 10px 7px 10px;width: 100%;}
.deductions-bottom-table-con .deductions-table tr th .level-select .level-select-styled:after { content: "\25BC"; /* Unicode character for down arrow */ font-size: 12px; color: #555; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.deductions-bottom-table-con .deductions-table tr th .level-select.active .select-styled:after { content: "\25B2"; /* Unicode character for up arrow */ }
.deductions-bottom-table-con .deductions-table tr th .level-select .level-select-options { display: none; position: absolute;  border: 1px solid rgba(21, 21, 22, 0.05); border-top: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; width: 100%;}
.deductions-bottom-table-con .deductions-table tr th .level-select.active .level-select-options  {display: block; background: var(--sys-white);}
.deductions-bottom-table-con .deductions-table tr th .level-select .select-option { padding: 7px 10px; cursor: pointer; }
.deductions-bottom-table-con .deductions-table tr th .level-select .select-option:hover { background-color: var(--accent2);color: var(--sys-white); }

.deductions-bottom-table-con .deductions-tbl-con { width: 100%; border-radius: 12px; border: 1px solid #e9eaec;overflow: hidden;}
.deductions-bottom-table-con .deductions-tbl-con > div {max-height: 400px;width: 100%;}

.deductions-bottom-table-con .deductions-table thead { position: sticky; top: 0; background: #FFFFFF; }

.deductions-bottom-table-con .deductions-table tr th.form-con select { padding: 7px 30px 7px 10px; color: #3f709b; text-align: left; font-weight: 600; font-size: 16px; height: unset; background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 97% center, rgba(21, 21, 22, 0.025); width: unset;}
.deductions-bottom-table-con .deductions-table tr th.form-con select option, .deductions-bottom-table-con .deductions-table tr th.form-con select option:hover {font-weight: 600 !important; padding: 4px !important;height: 20px !important;font-size: 16px !important;}

.cancelled-members-con {width: 100%; position: relative; padding: 13px 14px; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; flex: 1;}
.cancelled-members-con .cancelled-members-left {flex-direction: column;flex: 1;}
.cancelled-members-con h3 {color: var(--sys-dark);}

.cancelled-members-table-con .cancelled-members-table {overflow: auto;border-radius: 12px;width: 100%;}
.cancelled-members-table-con .cancelled-members-table tr {border-bottom: 1px solid #e9edf5;}
.cancelled-members-table-con .cancelled-members-table tr th {color: #3f709b;text-align: left; font-weight: 600;text-transform: uppercase;}

.cancelled-members-table-con .cancelled-members-table tr th a {line-height: 100%;}
.cancelled-members-table-con .cancelled-members-table tr th, .deductions-table-con .deductions-table tr td {padding: 7px 10px;}
.cancelled-members-table-con .cancelled-members-table tr td {color: rgba(21, 21, 22, 0.5);font-size: 0.85rem;padding: 7px 10px 7px 28px; min-width: 150px;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row {background: #f9f9f9; color: var(--sys-green); font-weight: 600;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row span {color: var(--sys-red);}

.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row td {font-size: 1.1rem;}
.cancelled-members-table-con .cancelled-members-table tr.total-deducted-row td:last-child span {margin-left: 8px;}

.cancelled-members-con .cancelled-members-right {width: 38%; flex-shrink: 0;}

#deductionsChart .chartjs-x-axis-0 .chartjs-x-axis-label { font: bold 16px 'Inter', sans-serif; }

.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body {/* height: 240px; */}
.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body .tabcontent-no-data {height: 240px;text-align: center;justify-content: center;}
.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body .tabcontent-no-data .deductions-table-col {text-align: center;grid-column: span 10;}
.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body .tabcontent-no-data .deductions-table-col i {background: rgba(41, 76, 153, 0.1);border: 1px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 12px 12px rgba(41, 76, 153, 0.03);border-radius: 12px;display: flex !important;width: 34px !important;height: 34px !important;justify-content: center;align-items: center;margin: 0 auto;}
.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body .tabcontent-no-data h1 {font-size: var(--clamp-text-base);font-weight: 600;margin: var(--clamp-12) 0;text-align: center !important; letter-spacing: -0.51px;}
.new.deductions-table-con .deductions-table-left .table-con .tabcontent-table-parent .tabcontent-body .tabcontent-no-data p {color: #15151673;font-size: var(--clamp-text-sm);font-weight: 400; text-align: center;margin: 0 !important;letter-spacing: -0.42px;color: rgba(21, 21, 22, 0.45); }

/* Start of CMS Main Page - new design */
.page-leads.main-con-height {}
.page-leads.page-leads-admin .common-scroll {padding-right: var(--clamp-10);}
main.cms-main-content.new.scrollable {
    padding: 20px 25px 20px 17px;
}
/*.container.cm-container:has(.cms-main-content.new) .footer-content {margin-top: 0;}*/
main.cms-main-content.new:has(#contact-manager) {margin: 0;/*padding: 14px 24px 20px;*/height: calc(100vh - 82px);}
main.cms-main-content.new:has(#contact-manager)::before {content: '';background: rgba(21, 21, 22, 0.05);position: absolute;left: 266px;width: 1px;height: 100%;top: 0;}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs {display: flex;gap:25px;align-items: stretch;height: calc(100vh - 116px);position: relative;justify-content:space-between}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs .page-leads {height: auto;flex-direction: column;width: 232px;}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs .page-leads .sidebar-con {}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs .page-leads .sidebar-con .empty-con {position: absolute;top: 50%;text-align: center;left: 50%;transform: translate(-50%, -50%);width: 100%;}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs .page-leads .sidebar-con .empty-con h2 {font-weight: 600;font-size: 14px;line-height: 14px;margin:8px 0 3px;}
main.cms-main-content.new:has(#contact-manager) .contactManager-tabs .page-leads .sidebar-con .empty-con p {color: #15151680;font-size: 12px;}
/* End of CMS Main Page - new design */

/**Email/Text Tool Start**/
main.cms-main-content.message-tool-page {overflow: hidden}
main.cms-main-content.message-tool-page .message-tool-con {display: flex; flex-direction: column; gap: var(--clamp-16); display: flex; flex-direction: column; gap: var(--clamp-16);margin: 0 auto; width: 100%;height: 100%; overflow: hidden}
.message-tool-title {background: var(--sys-white); border-radius: 12px; padding: var(--clamp-12); overflow: hidden;flex: unset;flex-shrink: 0;border: var(--container-border);box-shadow: var(--container-shadow);}
.message-tool-title h2 {line-height: 100%;}

.message-tool-content {align-items: stretch;flex: 1; overflow: hidden;}
.message-tablinks-con {padding: 0 13px 0;;flex-shrink: 0;position: sticky; background: #FFFFFF; top: 0; z-index: 3;display: flex; justify-content: space-between;gap: 6px; margin: 0 auto 0 30%;}
.message-tablinks-con button {padding: 0 13px; position: relative;flex: 1; text-align: center; white-space: nowrap;}
.message-tablinks-con button:before, .message-tablinks-con button:before{content: ""; display: block; position: absolute; bottom: -13px; left: 0; width: 0; height: 3px; background: var(--accent2); border-radius: 4px; transition: all 0.3s linear;}
.message-tablinks-con button:after, .message-tablinks-con button:after{content: ""; display: block; position: absolute; bottom: -13px; right: 0; width: 0; height: 3px; background: var(--accent2); border-radius: 4px; transition: all 0.3s linear;} 
.message-tablinks-con button.active, .message-tablinks-con button:hover {opacity: 1;}
.message-tablinks-con button.active:before, .message-tablinks-con button:hover:before, .message-tablinks-con button.active:after, .message-tablinks-con button:hover:after {width: 100%;}

.message-tool-sidebar {max-width: 270px;background: var(--sys-white); border-radius: 12px; padding: 6px 0 13px;display: flex; flex-direction: column;flex-shrink: 0;flex: 1;border: var(--container-border);box-shadow: var(--container-shadow);}
.message-tool-sidebar .message-tool-sidebar-filter-item h3 {position: relative; padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: pointer;}
.message-tool-sidebar .message-tool-sidebar-filter-item h3 i {position: absolute; right: -5px; top: 50%; transform: translateY(-50%);}
.message-tool-sidebar .message-tool-sidebar-filter-item.open h3 i svg {transform: rotate(180deg);}
.message-tool-sidebar .message-tool-sidebar-tablink-con {padding: 4px 13px 0;flex-shrink: 0;position: sticky; background: #FFFFFF; top: 0; z-index: 3;display: flex; justify-content: space-between;justify-content: center;border-bottom: 1px solid rgba(21, 21, 22, 0.1);margin-bottom: 10px;gap: 6px;}
.message-tool-sidebar .message-tool-sidebar-tablink-con button {padding-bottom: 7px; position: relative;flex: none; text-align: center;font-size: 16px;font-weight: 600;padding:0 13px 7px;box-sizing: border-box;}
.message-tool-sidebar .message-tool-sidebar-tablink-con button:before, .message-tool-sidebar .message-tool-sidebar-tablink-con button:before{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: var(--accent2); border-radius: 4px; transition: all 0.3s linear;}
.message-tool-sidebar .message-tool-sidebar-tablink-con button:after, .message-tool-sidebar .message-tool-sidebar-tablink-con button:after{content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 3px; background: var(--accent2); border-radius: 4px; transition: all 0.3s linear;} 
.message-tool-sidebar .message-tool-sidebar-tablink-con button.active, .message-tool-sidebar .message-tool-sidebar-tablink-con button:hover {opacity: 1;}
.message-tool-sidebar .message-tool-sidebar-tablink-con button.active:before, .message-tool-sidebar .message-tool-sidebar-tablink-con button:hover:before, .message-tool-sidebar .message-tool-sidebar-tablink-con button.active:after, .message-tool-sidebar .message-tool-sidebar-tablink-con button:hover:after {width: 100%;}
.message-tool-sidebar .message-tool-sidebar-filter-con {overflow: auto;flex: 1;padding: 0 13px;}
.message-tool-sidebar .message-tool-sidebar-filter-con h3 {margin-bottom: 5px;color: #151516;}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul {margin-bottom: 5px;height: 0; overflow: hidden;transition: height 0.3s ease-out;}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul li {margin-bottom: 3px;color: #151516;}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul li span {color: #151516;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-right: 10px;background: none;}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul li small {margin-left: auto; align-self: flex-end; flex-shrink: 0;}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul li .checkbox-container .check-mark {}
.message-tool-sidebar .message-tool-sidebar-filter-con .message-tool-sidebar-filter-item ul li .checkbox-container .check-mark.checked::after {display: block;}

.message-tool-tabcontent {display: flex; flex-direction: column;overflow: hidden;}
.message-tool-tabcontent-con {flex: 1;background: var(--sys-white); border-radius: 12px; padding: 13px;display: flex; flex-direction: column;overflow: hidden;border: var(--container-border);box-shadow: var(--container-shadow);}
.message-tool-tabcontent-con h3 {margin-bottom: 16px; font-weight: 600; color: #151516;}
.message-tool-tabcontent-con h3 span {font-weight: 400;font-size: 14px;}
.message-tool-tabcontent-con .form-con {overflow: auto;}
.message-tool-tabcontent-con .form-con label {font-size: 14px;min-height: 16px;}
.message-tool-tabcontent-con .form-con .radio-btns-con input[type="radio"] {width: 13px; height: 13px; accent-color: var(--accent2);margin: 0;}
.message-tool-tabcontent-con .form-con .form-group {display: flex; align-items: center;}
.message-tool-tabcontent-con .form-con .form-group, .message-tool-tabcontent-con .form-con .form-item {margin-bottom: 10px;}
.message-tool-tabcontent-con .form-con .radio-btns-con .form-item {margin-bottom: 0;}
.message-tool-tabcontent-con .form-con .radio-btns-con label {margin: 0; color: #151516;line-height: 100%;}
.message-tool-tabcontent-con .form-con input[type="submit"] {height: 32px; width: 118px;border: 1px solid var(--accent2); font-size: 14px;padding: 5px;color: var(--accent2);}
.message-tool-tabcontent-con .form-con input[type="submit"]:hover {opacity: 1; background: var(--accent2); color: #FFFFFF;}
.message-tool-tabcontent-con .form-con textarea {width: 100%; min-height: 200px;}

#emailTool.message-tool-tabcontent .msg_email.form-item {position: relative;}
#emailTool.message-tool-tabcontent .msg_email.form-item .msg_email_subject {width: 100%;}
#emailTool.message-tool-tabcontent .mce-statusbar,
#emailTool.message-tool-tabcontent .mce-menubar {display: none;}
#emailTool.message-tool-tabcontent .form-con h3 {}
#emailTool.message-tool-tabcontent .editor .content-area .mce-top-part.mce-container {padding:0;}
#emailTool.message-tool-tabcontent .new-wine-content {background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05);box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);border-radius: 8px;height: 100%;margin-bottom: 12px;}
#emailTool.message-tool-tabcontent .new-wine-content .toolbar {top: unset;bottom: calc(100% + 8px);}

#textTool.message-tool-tabcontent .form-con textarea {padding-right: calc(100% - 405px)}

.message-tool-right-sidebar {max-width: 270px; max-width: 270px;background: var(--sys-white); border-radius: 12px; padding: 6px 0 13px;display: flex; flex-direction: column;flex-shrink: 0;flex: 1;border: var(--container-border);box-shadow: var(--container-shadow);}
.message-tool-right-sidebar h3 {position: relative; padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: 600;padding: 7px 13px 8px;border-bottom: 1px solid rgba(21, 21, 22, 0.1); line-height: 100%;}
/**Email/Text Tool END**/

/*LEAD GENERATION REPORT*/
.lead-distribution-page {display: flex; flex-direction: column; gap: 16px;display: flex; flex-direction: column; gap: 16px; margin: 14px auto 0; margin-top: 14px; max-width: 1550px;width: 100%;gap: 13px;}
.lead-distribution-page .lead-distribution-title {background: var(--sys-white); flex-shrink: 0; padding: 0 0 18px;}
.lead-distribution-page .lead-distribution-title .lead-distribution-title-left h2 {position: relative; padding-left: 28px;}
.lead-distribution-page .lead-distribution-title .lead-distribution-title-left h2 svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.lead-distribution-page .lead-distribution-title .lead-distribution-right h2 {line-height: 100%;}
.lead-distribution-page .lead-distribution-title .lead-distribution-right .dashboard-search-con.form-con input[type="search"] {height: 30px;line-height: 14px;font-size: 13px;}
.lead-distribution-page .lead-distribution-title .lead-distribution-right .dashboard-search-con {padding: 0 6px 0 10px;}
.lead-distribution-page .lead-distribution-title .lead-distribution-right .dashboard-search-con button { position: absolute; right: 10px; top: 6px; z-index: 3; }
.lead-distribution-page .lead-distribution-title .lead-distribution-right .stats-refresh {width: 26px; height: 16px; position: relative;display: block;}
.lead-distribution-page .lead-distribution-title .lead-distribution-right .stats-refresh a {position: absolute; top: 50% ;transform: translateY(-50%);}

.lead-distribution-page .lead-distribution-filter-con {flex-shrink: 0;}
.lead-distribution-page .lead-distribution-filter-con label {margin: 0; white-space: nowrap;font-size: 15px; line-height: 100%;}
.lead-distribution-page .lead-distribution-filter-con select {padding: 5px 25px 5px 10px; height: 32px;line-height: 20px;}

.lead-distribution-page .lead-distribution-right{position:relative;}
.lead-distribution-page .lead-distribution-right:before { content: ""; width: 1px; height: 50%; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); display:none;}

.lead-distribution-page .lead-type-filter{}

.lead-distribution-page .lead-type-filter.select-dropdown-con {position: relative;display: inline-block;cursor: pointer;width: 90px;width:auto;}
.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown span {position: relative; background: #FFFFFF; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%;color: #151516;}

.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown {display: flex; align-items: end;}
.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown span {color: #151516; /*line-height: 100%;*/}
.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown i {margin-left: 5px;flex-shrink: 0;line-height: 0;}
.lead-distribution-page .lead-type-filter.select-dropdown-con ul {position: absolute; top: calc(100% + 5px);left: 0;background: #FFFFFF;border-radius: 8px;z-index: 30;padding: 5px 0;display: none;border: 1px solid rgba(21, 21, 22, 0.05);}
.lead-distribution-page .lead-type-filter.select-dropdown-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;white-space: nowrap;}
.lead-distribution-page .lead-type-filter.select-dropdown-con ul li:hover {color: var(--accent2);}

.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown.open ~ ul { display: block; left:auto;right:0;}
.lead-distribution-page .lead-type-filter.select-dropdown-con .select-dropdown.open i svg {transform: rotate(180deg);}

.lead-distribution-page .lead-type-filter #leadDistributionLeadTypeFilter{}



.lead-distribution-summary-details{display: flex; flex-direction: column; gap: 16px; flex: 1; overflow: hidden; position: relative;}
.lead-distribution-summary-details table{ width: 100%; }
.lead-distribution-summary-details table thead{background: #FFF !important; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.lead-distribution-summary-details table thead tr{}
.lead-distribution-summary-details table thead tr:first-child { background: #e9edf5; }
.lead-distribution-summary-details table tr:nth-child(even) { background: #f4f6f8; }
.lead-distribution-summary-details table thead tr th { font-size: 0.9rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem; line-height: 1.1rem;}

.lead-distribution-summary-details table thead tr th:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background: rgba(21, 21, 22, 0.1); }
.lead-distribution-summary-details table thead tr th:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1); }

/*.lead-distribution-summary-details table thead tr:nth-child(odd) { background: #f4f6f8; }*/
.lead-distribution-summary-details .lead-distribution-dashboard-table thead,.lead-distribution-summary-details .lead-distribution-dashboard-table tbody {display: table; width: 100%;}
.lead-distribution-summary-details table thead tr th {min-width: 100px;}

.lead-distribution-summary-details table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; position: relative; }


.lead-summary-table-con { border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.1); overflow: hidden; display: flex; flex-direction: column; position: relative; flex-shrink: 0; }

.lead-summary-table-con table.lead-summary-top-table thead tr th{font-size: 18px;padding:10px;}
.lead-summary-table-con table.lead-summary-top-table thead tr th svg{display:inline-block;vertical-align:middle;line-height:100%;color:var(--accent1);}
.lead-summary-table-con table.lead-summary-top-table thead tr th svg path{}
.lead-summary-table-con table.lead-summary-top-table thead tr th .headingTitle{display:inline-block;vertical-align:middle;line-height:100%;}


.lead-summary-table-con table.lead-summary-top-table td { color: #151516; font-size: 18px; }

.lead-distribution-data-con{background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: auto;flex: 1;display: flex; flex-direction: column;}

.lead-distribution-table-con {border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}
.lead-distribution-table-con > div { max-height: 100%; height: 100%; }

.lead-distribution-dashboard-table { table-layout: fixed; position: relative; z-index: 1;width: 100%;}
/*.lead-distribution-dashboard-table thead tr { background: #FFF !important; position: sticky; top: 0; z-index: 10; }
.lead-distribution-dashboard-table thead tr th { width: calc(100% / 4); font-size: 0.9rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.1); vertical-align: middle; color: #151516; font-weight: 700; position: relative; text-align:left;z-index:1;background: #eaeef5;}

.lead-distribution-dashboard-table tr:nth-child(even) { background: #f4f6f8; }
.lead-distribution-dashboard-table tr td { color: #5D5D5D; font-size: 0.85rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
*/

.lead-distribution-dashboard-table thead tr th.leadPrio,
.lead-distribution-dashboard-table tbody tr td.leadPrio{text-align:right;}


.lead-distribution-dashboard-table tr:last-child{border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns{display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li{display:inline-block;vertical-align:middle;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .lead-action-btns {display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap;}

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li input{background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 5px; padding: 3px 10px; color: var(--sys-dark); width: 120px;max-width:100%;resize: none;height: 24px;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li input::placeholder{color: #294c99;}

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li input::-webkit-outer-spin-button,
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li input[type=number]{ -moz-appearance: textfield; }

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-small{min-width:0;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-success{color: #4cae4c;border: 1px solid #4cae4c;background: #FFFFFF;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-success:hover,
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-success.active{background: #4cae4c;color: #fff;border-color: transparent;}

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-info{color: #294c99;border: 1px solid #294c99;min-width:75px;background: #FFFFFF;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-info:hover,
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-info.active{background: #294c99;color: #fff;border-color: transparent;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li button.btn-danger {background: #FFFFFF; border: 1px solid var(--sys-red);color: var(--sys-red);}

.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown{/*position:absolute;top:0;width:100%;*/padding:0;border:1px solid #294c99;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul{border-radius: 5px;overflow: hidden;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li{display:block;position:relative;margin:0;padding:0;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a{display:block;color: var(--primary-color); font-size: 0.85rem; padding: 3px;position: relative;text-align:center;font-weight:bold;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li:not(:last-child) a{border-bottom:1px solid #294c99;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a:hover{opacity:0.5;}
/*.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a.prio1{background:#ff6f61;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a.prio2{background:#fa8072;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a.prio3{background:#f4a6a6;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a.prio4{background:#f8c8a4;}
.lead-distribution-dashboard-table tr td ul.leadDistributionBtns li .priorityDropdown ul li a.prio5{background:#ffdab9;}*/


.lead-distribution-page .pagination-export-holder { margin: 12px auto 0; width: 100%; }

/*STUDENT GENERATION REPORT*/
.student-distribution-page {display: flex; flex-direction: column; gap: 16px;display: flex; flex-direction: column; gap: 16px; margin: 14px auto 0; margin-top: 14px; max-width: 1550px;width: 100%;gap: 13px;}
.student-distribution-page .student-distribution-title {background: var(--sys-white); flex-shrink: 0; padding: 0 0 18px;}
.student-distribution-page .student-distribution-title .student-distribution-title-left h2 {position: relative; padding-left: 28px;}
.student-distribution-page .student-distribution-title .student-distribution-title-left h2 svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.student-distribution-page .student-distribution-title .student-distribution-right h2 {line-height: 100%;}
.student-distribution-page .student-distribution-title .student-distribution-right .dashboard-search-con.form-con input[type="search"] {height: 30px;line-height: 14px;font-size: 13px;}
.student-distribution-page .student-distribution-title .student-distribution-right .dashboard-search-con {padding: 0 6px 0 10px;}
.student-distribution-page .student-distribution-title .student-distribution-right .dashboard-search-con button { position: absolute; right: 10px; top: 6px; z-index: 3; }
.student-distribution-page .student-distribution-title .student-distribution-right .stats-refresh {width: 26px; height: 16px; position: relative;display: block;}
.student-distribution-page .student-distribution-title .student-distribution-right .stats-refresh a {position: absolute; top: 50% ;transform: translateY(-50%);}
.student-distribution-page .student-distribution-filter-con {flex-shrink: 0;}
.student-distribution-page .student-distribution-filter-con label {margin: 0; white-space: nowrap;font-size: 15px; line-height: 100%;}
.student-distribution-page .student-distribution-filter-con select {padding: 5px 25px 5px 10px; height: 32px;line-height: 20px;}
.student-distribution-page .student-distribution-right{position:relative;}
.student-distribution-page .student-distribution-right:before { content: ""; width: 1px; height: 50%; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); display:none;}
.student-distribution-page .student-type-filter{}
.student-distribution-page .student-type-filter.select-dropdown-con {position: relative;display: inline-block;cursor: pointer;width: 90px;width:auto;}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown span {position: relative; background: #FFFFFF; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%;color: #151516;}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown {display: flex; align-items: end;}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown span {color: #151516; /*line-height: 100%;*/}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown i {margin-left: 5px;flex-shrink: 0;line-height: 0;}
.student-distribution-page .student-type-filter.select-dropdown-con ul {position: absolute; top: calc(100% + 5px);left: 0;background: #FFFFFF;border-radius: 8px;z-index: 30;padding: 5px 0;display: none;border: 1px solid rgba(21, 21, 22, 0.05);}
.student-distribution-page .student-type-filter.select-dropdown-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;white-space: nowrap;}
.student-distribution-page .student-type-filter.select-dropdown-con ul li:hover {color: var(--accent2);}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown.open ~ ul { display: block; left:auto;right:0;}
.student-distribution-page .student-type-filter.select-dropdown-con .select-dropdown.open i svg {transform: rotate(180deg);}
.student-distribution-page .student-type-filter #studentDistributionStudTypeFilter{}
.student-distribution-summary-details{display: flex; flex-direction: column; gap: 16px; flex: 1; overflow: hidden; position: relative;}
.student-distribution-summary-details table{ width: 100%; }
.student-distribution-summary-details table thead{background: #FFF !important; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.student-distribution-summary-details table thead tr{}
.student-distribution-summary-details table thead tr:first-child { background: #e9edf5; }
.student-distribution-summary-details table tr:nth-child(even) { background: #f4f6f8; }
.student-distribution-summary-details table thead tr th { font-size: 0.9rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem; line-height: 1.1rem;}
.student-distribution-summary-details table thead tr th:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background: rgba(21, 21, 22, 0.1); }
.student-distribution-summary-details table thead tr th:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1); }
.student-distribution-summary-details .student-distribution-dashboard-table thead,.student-distribution-summary-details .student-distribution-dashboard-table tbody {display: table; width: 100%;}
.student-distribution-summary-details table thead tr th {min-width: 100px;}
.student-distribution-summary-details table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; position: relative; }
.student-summary-table-con { border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.1); overflow: hidden; display: flex; flex-direction: column; position: relative; flex-shrink: 0; }
.student-summary-table-con table.student-summary-top-table thead tr th{font-size: 18px;padding:10px;}
.student-summary-table-con table.student-summary-top-table thead tr th svg{display:inline-block;vertical-align:middle;line-height:100%;color:var(--accent1);}
.student-summary-table-con table.student-summary-top-table thead tr th svg path{}
.student-summary-table-con table.student-summary-top-table thead tr th .headingTitle{display:inline-block;vertical-align:middle;line-height:100%;}
.student-summary-table-con table.student-summary-top-table td { color: #151516; font-size: 18px; }
.student-distribution-data-con{background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: auto;flex: 1;display: flex; flex-direction: column;}
.student-distribution-table-con {border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}
.student-distribution-table-con > div { max-height: 100%; height: 100%; }
.student-distribution-dashboard-table { table-layout: fixed; position: relative; z-index: 1;width: 100%;}
.student-distribution-dashboard-table thead tr th.studentPrio,
.student-distribution-dashboard-table tbody tr td.studentPrio{text-align:right;}
.student-distribution-dashboard-table tr:last-child{border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns{display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li{display:inline-block;vertical-align:middle;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .student-action-btns {display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li input{background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 5px; padding: 3px 10px; color: var(--sys-dark); width: 120px;max-width:100%;resize: none;height: 24px;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li input::placeholder{color: #294c99;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li input::-webkit-outer-spin-button,
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li input[type=number]{ -moz-appearance: textfield; }
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-small{min-width:0;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-success{color: #4cae4c;border-color: #4cae4c;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-success:hover,
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-success.active{background: #4cae4c;color: #fff;border-color: transparent;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-info{color: #294c99;border-color: #294c99;min-width:75px;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-info:hover,
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li button.btn-info.active{background: #294c99;color: #fff;border-color: transparent;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown{/*position:absolute;top:0;width:100%;*/padding:0;border:1px solid #294c99;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown ul{border-radius: 5px;overflow: hidden;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown ul li{display:block;position:relative;margin:0;padding:0;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown ul li a{display:block;color: var(--primary-color); font-size: 0.85rem; padding: 3px;position: relative;text-align:center;font-weight:bold;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown ul li:not(:last-child) a{border-bottom:1px solid #294c99;}
.student-distribution-dashboard-table tr td ul.studentDistributionBtns li .priorityDropdown ul li a:hover{opacity:0.5;}
.student-distribution-page .pagination-export-holder { margin: 12px auto 0; width: 100%; }


/*GROUP TRAINING ROSTER*/
.group-training-roster-page {display: flex; flex-direction: column; gap: 16px;display: flex; flex-direction: column; gap: 16px; margin: 14px auto 0; margin-top: 14px; max-width: 1550px;width: 100%;gap: 13px;}
.group-training-roster-page .group-training-roster-title {background: var(--sys-white); flex-shrink: 0; padding: 0 0 18px;}
.group-training-roster-page .group-training-roster-title .group-training-roster-title-left h2 {position: relative; padding-left: 28px;}
.group-training-roster-page .group-training-roster-title .group-training-roster-title-left h2 svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.group-training-roster-page .group-training-roster-title .group-training-roster-right h2 {line-height: 100%;}
.group-training-roster-page .group-training-roster-title .group-training-roster-right .dashboard-search-con.form-con input[type="search"] {height: 30px;line-height: 14px;font-size: 13px;}
.group-training-roster-page .group-training-roster-title .group-training-roster-right .dashboard-search-con {padding: 0 6px 0 10px;}
.group-training-roster-page .group-training-roster-title .group-training-roster-right .dashboard-search-con button { position: absolute; right: 10px; top: 6px; z-index: 3; }
.group-training-roster-page .group-training-roster-title .group-training-roster-right .stats-refresh {width: 26px; height: 16px; position: relative;display: block;}
.group-training-roster-page .group-training-roster-title .group-training-roster-right .stats-refresh a {position: absolute; top: 50% ;transform: translateY(-50%);}

.group-training-roster-page .group-training-roster-filter-con {flex-shrink: 0;}
.group-training-roster-page .group-training-roster-filter-con label {margin: 0; white-space: nowrap;font-size: 15px; line-height: 100%;}
.group-training-roster-page .group-training-roster-filter-con select {padding: 5px 25px 5px 10px; height: 32px;line-height: 20px;}

.group-training-roster-page .group-training-roster-right{position:relative;}
.group-training-roster-page .group-training-roster-right:before { content: ""; width: 1px; height: 50%; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); display:none;}

.group-training-roster-page .group-training-roster-type-filter{}

.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con {position: relative;display: inline-block;cursor: pointer;width: 90px;width:auto;}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown span {position: relative; background: #FFFFFF; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%;color: #151516;}

.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown {display: flex; align-items: end;}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown span {color: #151516; /*line-height: 100%;*/}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown i {margin-left: 5px;flex-shrink: 0;line-height: 0;}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con ul {position: absolute; top: calc(100% + 5px);left: 0;background: #FFFFFF;border-radius: 8px;z-index: 30;padding: 5px 0;display: none;border: 1px solid rgba(21, 21, 22, 0.05);}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con ul li {text-align: left; color: #151516;padding: 3px 10px;cursor: pointer;white-space: nowrap;}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con ul li:hover {color: var(--accent2);}

.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown.open ~ ul { display: block; left:auto;right:0;}
.group-training-roster-page .group-training-roster-type-filter.select-dropdown-con .select-dropdown.open i svg {transform: rotate(180deg);}

.group-training-roster-page .group-training-roster-type-filter #groupTrainingRosterTypeFilter{}

.group-training-roster-summary-details{display: flex; flex-direction: column; gap: 16px; flex: 1; overflow: hidden; position: relative;}
.group-training-roster-summary-details table{ width: 100%; }
.group-training-roster-summary-details table thead{background: #FFF !important; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
.group-training-roster-summary-details table thead tr{}
.group-training-roster-summary-details table thead tr:first-child { background: #e9edf5; }
.group-training-roster-summary-details table tr:nth-child(even) { background: #f4f6f8; }
.group-training-roster-summary-details table thead tr th { font-size: 0.9rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem; line-height: 1.1rem;}

.group-training-roster-summary-details table thead tr th:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background: rgba(21, 21, 22, 0.1); }
.group-training-roster-summary-details table thead tr th:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1); }

.group-training-roster-summary-details .group-training-roster-dashboard-table thead,
.group-training-roster-summary-details .group-training-roster-dashboard-table tbody {display: table; width: 100%;}
.group-training-roster-summary-details table thead tr th {min-width: 100px;}

.group-training-roster-summary-details table tr td {color: #5D5D5D; font-size: 0.85rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; position: relative; }

.group-trainig-roster-data-con{background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: auto;flex: 1;display: flex; flex-direction: column;}

.group-training-roster-table-con {border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}
.group-training-roster-table-con > div { max-height: 100%; height: 100%; }

.group-training-roster-dashboard-table { table-layout: fixed; position: relative; z-index: 1;width: 100%;}

.group-training-roster-dashboard-table tr:last-child{border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

.group-training-roster-page .pagination-export-holder { margin: 12px auto 0; width: 100%; }

/**Group Training Roster New**/
.group-training-roster {height: 100%;}
.group-training-roster .wrapper {margin: 0 auto;}
.group-training-roster-container {display: flex; flex-direction: column; gap: 15px;height: calc(100vh - 116px);}
.group-training-roster-header-right {display: flex;gap: 12px;}
.group-training-roster-header-right a {display: flex;height: 32px; background: #FFFFFF;border: 1px solid #1515161A; border-radius: 8px;padding: 8px 10px;line-height: 100%;justify-content: center; align-items: center;gap: 4px;filter: drop-shadow(0 2.5px 5px #1515160D);}
.group-training-roster-header-right a small, .group-training-roster-header-right a span {line-height: 100%;color: #15151673}
.group-training-roster-header-right a span {color: #151516;}
.group-training-roster-header-right a i {line-height: 0;margin-left: 4px;}
.group-training-roster-header-right > div {position: relative;}
.group-training-roster-header-right .sys-dropdown ul li a {background: transparent;border: 0;padding: 5px 10px;height: unset;}

.sys-dropdown { display: none; overflow: hidden; transition: max-height 0.3s ease-out; position: absolute; left: 0; top: 100%; padding: 4px 0; box-sizing: border-box; text-align: left; z-index: 100; min-width: max-content; top: calc(100% + 5px); right: auto; width: 100%; max-height: 250px;max-height:max-content; overflow: auto; background: #f3f6f8; padding: 4px 0; border: 1px solid #1515161A; border-radius: 6px; }
.sys-dropdown ul {display: flex;flex-direction: column;}
.sys-dropdown ul li { vertical-align: top; position: relative; font-size: 12px; font-weight: bold; line-height: 110%; margin: 0 !important; padding: 1px 0; text-align: left;display: block;}
.sys-dropdown ul li a { position: relative; z-index: 1; text-align: left; display: block; padding: var(--clamp-6) 10px; color: var(--sys-dark);}
.sys-dropdown ul li:hover a, .sys-dropdown ul li.active a {color: var(--accent2) !important;}
.sys-dropdown.open { display: block; }
li:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}

.group-training-roster-bottom {padding: 15px; background: #FFFFFF;border-radius: 12px;flex: 1;filter: drop-shadow(0 12px 12px #15151608);border: var(--container-border);box-shadow: var(--container-shadow);}
.group-training-roster-bottom .group-training-roster-table-content {width: 100%;table-layout: fixed}
.group-training-roster-bottom .group-training-roster-table-content th {padding: 10px; position: relative;vertical-align: middle;width: calc(100% / 9); overflow: hidden;}
.group-training-roster-bottom .group-training-roster-table-content th > div {overflow: hidden; text-overflow: ellipsis;}
.group-training-roster-bottom .group-training-roster-table-content th span {font-family: var(--primary-font); font-size: 12px; font-weight: 600; line-height: 14px; color: #15151666;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.group-training-roster-bottom .group-training-roster-table-content th i {line-height: 0;min-height: 12px;}
.group-training-roster-bottom .group-training-roster-table-content th:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: linear-gradient(180deg, rgba(21, 21, 22, 0.04) 0%, rgba(21, 21, 22, 0.02) 100%); }
.group-training-roster-bottom .group-training-roster-table-content th:first-child:before {border-radius: 12px 0 0 12px;}
.group-training-roster-bottom .group-training-roster-table-content th:last-child:before {border-radius: 0 12px 12px 0;}
.group-training-roster-bottom .group-training-roster-table-content th:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; background: #1515161A; top: 0;}
.group-training-roster-bottom .group-training-roster-table-content th:last-child:after {display: none;}
.group-training-roster-bottom .group-training-roster-table-content td {padding: 8px 11px; position: relative;}
.group-training-roster-bottom .group-training-roster-table-content td span {color: #151516;font-weight: 400;font-family: var(--primary-font);}
.group-training-roster-bottom .group-training-roster-table-content td:first-child span {font-weight: 600;}
.group-training-roster-bottom .group-training-roster-table-content td:after {content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; background: #1515161A; top: 0;}
.group-training-roster-bottom .group-training-roster-table-content td:last-child:after {display: none;}
.group-training-roster-bottom .group-training-roster-table-content td:before { content: ""; display: block; width: 12px; height: 100%; position: absolute; top: 0; right: 0; pointer-events: none; box-shadow: 4px 0px 10px 0px #32434E0D; }

.group-training-roster-bottom .group-training-roster-table-content td .status-widget{width:90px;}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget span{font-weight:600;width: 100% !important;justify-content: space-between;}

.group-training-roster-bottom .group-training-roster-table-content td .status-widget .on-track {height: 24px; line-height: 22px; border-radius: 6px;border: 1px solid #88AC9A1A; background: #88AC9A1A; padding: 0 4px 0 6px;color: #88AC9A; font-size: 14px;align-items: center; width: max-content;filter: drop-shadow(0 2.5px 5px #1515160D);}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .on-track i {line-height: 0;}

.group-training-roster-bottom .group-training-roster-table-content td .status-widget .caution{height: 24px; line-height: 22px; border-radius: 6px;border: 1px solid #AFAF5112; background: #AFAF5112; padding: 0 4px 0 6px;color: #AFAF51; font-size: 14px;align-items: center; width: max-content;filter: drop-shadow(0 2.5px 5px #1515160D);}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .caution i{line-height: 0;}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .caution i svg{}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .caution i svg path{}

.group-training-roster-bottom .group-training-roster-table-content td .status-widget .off-track{height: 24px; line-height: 22px; border-radius: 6px;border: 1px solid #E63D3D12; background: #E63D3D12; padding: 0 4px 0 6px;color: #E63D3D; font-size: 14px;align-items: center; width: max-content;filter: drop-shadow(0 2.5px 5px #1515160D);}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .off-track i{line-height: 0;}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .off-track i svg{}
.group-training-roster-bottom .group-training-roster-table-content td .status-widget .off-track i svg path{}

.group-training-roster-bottom .group-training-roster-table-content td .last-group-training-widget .no-data{color:#15151640;}

.group-training-roster-bottom .group-training-roster-table-content tbody tr {position: relative;}
.group-training-roster-bottom .group-training-roster-table-content tbody tr:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 18px); height: 1px;background: #1515161A}
/*.group-training-roster-bottom .group-training-roster-table-content tbody tr:not(:last-child):after {content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 18px); height: 1px;background: #1515161A}*/

.group-training-btns-con {display: flex; align-items: center;gap: 9px;}
.group-training-btns-con button {width: 68px; height: 24px; line-height: 22px;font-size: 14px; font-weight: 600; font-family: var(--primary-font);letter-spacing: -0.04em;border-radius: 6px;filter: drop-shadow(0 2.5px 5px #1515160D);}
.group-training-btns-con button:first-child {background: #88AC9A26; border: 1px solid #88AC9A1A; color: #88AC9A}
.group-training-btns-con button:last-child {background: #F4393926; border: 1px solid #F439391A; color: #F43939}

/*END GROUP TRAINING ROSTER*/
/*END LEAD GENERATION REPORT*/
/**Affiliate Communication Start**/
.cms-main-content.affiliate-communication {background: #F3F6F8;padding: var(--clamp-24) 0;}
.affiliate-communication * {font-family: Sohne;}
.affiliate-communication-con {display: flex; flex-direction: column; gap: var(--gap-24); height: 100%; overflow: auto;padding: 0 var(--clamp-24) !important;}
.affiliate-communication-con .wrapper {height: 100%; }

.affiliate-communication-container { display: flex; flex-direction: column; gap: var(--gap-24); height: 100%; }
.affiliate-communication-boxes {flex-shrink: 0;gap: var(--clamp-14);}

.affiliate-communication-box {display: flex; flex-direction: column; width: unset; flex: 1;padding: 0; box-shadow: var(--container-shadow);}
.affiliate-communication-box .affiliate-communication-box-title {margin-bottom: var(--clamp-22);padding: var(--clamp-12) var(--clamp-18) 0;line-height: 100%;min-height: 38px;}

.affiliate-communication-box-total {padding: 0 18px 14px;border-bottom: 1px solid #1515161A;min-height: 66px;}

.affiliate-communication-box-total > div {flex: 1 1 50%; max-height: 50px;}

.affiliate-communication-box-total-left h3 {display: flex; align-items: flex-end;gap: 6px;}
.affiliate-communication-box-total-left h3 span {font-size: var(--clamp-text-4xl);font-weight: 700;display: flex; align-items: flex-end; gap: 6px;}
.affiliate-communication-box-total-left h3 small {line-height: 100%;letter-spacing: normal;}
.affiliate-communication-box-total-left h3 sub {font-size: 12px; color: #65CC65; font-weight: 500;}
.affiliate-communication-box-total-left h4 { display: block; margin-top: var(--clamp-8); font-size: var(--clamp-text-xs); color: rgba(21, 21, 22, 0.40); line-height: 100%; font-weight: 400; letter-spacing: -0.36px; }

.affiliate-communication-box-details {padding: var(--clamp-16) var(--clamp-18) var(--clamp-16); display: flex;}
.affiliate-communication-box-details section {flex: 1 1 33%;padding: 0 var(--clamp-12);border-left: 1px solid #1515161A;}
.affiliate-communication-box-details section .box-details-title {display: flex; align-items: center;gap: 6px; font-size: var(--clamp-text-xs); font-weight: 600; margin-bottom: 5px;line-height: 0;white-space: nowrap; text-overflow: ellipsis;letter-spacing: -0.36px;}
.affiliate-communication-box-details section .box-details-title .box-details-legend {display: block;width: 9px; height: 9px; border-radius: 2px;}
.affiliate-communication-box-details section .box-details-title > div {width: 100%;}
.affiliate-communication-box-details section span {margin-bottom: 2px;display: block;letter-spacing: -0.6px;}
.affiliate-communication-box-details section p {color: #15151666; font-weight: 400;line-height: 100%;letter-spacing: -0.36px;}
.affiliate-communication-box-details section p small {color:#151516BF; font-weight: 600;}

.affiliate-communication-box-details section:first-child {padding: 0; border: 0;}

.affiliate-communication-box-details section .box-details-title .box-details-legend {background: #FF7A48; box-shadow: 0px 8px 4px 0px #FF7A481A;}
.affiliate-communication-box-details section:nth-child(2) .box-details-title .box-details-legend { background: #9D63F0;  box-shadow:  0px 1.85px 3.15px 0px #9D63F013, 0px 8.15px 6.52px 0px #9D63F01F, 0px 64.81px 46.85px 0px #9D63F03C, 0px 100px 80px 0px #9D63F04F;}
.affiliate-communication-box-details section:last-child .box-details-title .box-details-legend { background: #2C4E99;  box-shadow:  0px 1.85px 3.15px 0px #2C4E9915, 0px 8.15px 6.52px 0px #2C4E9923, 0px 20px 13px 0px #2C4E992D, 0px 38.52px 25.48px 0px #2C4E9936;}

.affiliate-communication-box-total-right i {width: 207px; height: 42px; margin-left: auto; display: block;}

.affiliate-bar-con {position: relative;}
.affiliate-bar-con .vertical-lines {display: flex;width: 100%; height: 100%;}
.affiliate-bar-con .vertical-lines .vline {flex: 1 1 20%; border-left: 1px solid #1515160D;display: block; height: 100%;min-height: calc(var(--clamp-20) * 4);}
.affiliate-bar-con .vertical-lines .vline:last-child {border-right: 1px solid #1515160D;}
.affiliate-bar-con .bars-con {position: absolute; width: 100%; right: 0;display: flex; flex-direction: column;gap: var(--clamp-18);justify-content: center; align-items: flex-end;top: 0;height: calc(var(--clamp-20) * 4)}
.affiliate-bar-con .bars-con .bar {height: 7px; display: block; border-radius: 3px 0 0 3px;}
.affiliate-bar-con .bars-con .bar.bar1 {background: linear-gradient(-90deg, rgba(255, 122, 72, 0.50) 0%, #FF7A48 100%);  box-shadow: 0 8px 4px 0 rgba(255, 122, 72, 0.10);}
.affiliate-bar-con .bars-con .bar.bar2 {background: linear-gradient(-90deg, rgba(59, 121, 245, 0.50) 0%, #3B79F5 100%);  box-shadow: 0 100px 80px 0 rgba(157, 99, 240, 0.31), 0 64.815px 46.852px 0 rgba(157, 99, 240, 0.24), 0 8.148px 6.519px 0 rgba(157, 99, 240, 0.12), 0 1.852px 3.148px 0 rgba(157, 99, 240, 0.07);}
.affiliate-bar-con .bars-con .bar.bar3 {background: linear-gradient(90deg, #2C4E99 0%, rgba(44, 78, 153, 0.25) 100%);  box-shadow: 0 8px 12px 0 rgba(44, 78, 153, 0.06), 0 8.148px 6.519px 0 rgba(44, 78, 153, 0.08), 0 1.852px 3.148px 0 rgba(44, 78, 153, 0.08);}

.affiliate-color-boxes-con {display: flex; gap: 2px;width: 223px;margin-left: auto;}
.affiliate-color-boxes-con .color-boxes {display: flex; gap: 2px;flex-wrap: wrap;}
.affiliate-color-boxes-con .color-boxes .color-box {display: block;width: 23px; height: 16px;border-radius: 2px}

.affiliate-communication-box h2, .affiliate-communication-box h3 {color: var(--sys-dark);}
.affiliate-communication-box h2 {letter-spacing: -0.54px;}
.affiliate-communication-box h2 i {line-height: 0;}
.affiliate-communication-box-footer {margin-top: auto;justify-content: space-between;}
.affiliate-communication-box table tr td {text-align: center; padding: 4px 10px;}
.affiliate-communication-box table tr td,.affiliate-communication-box table tr td {width: calc(100% / 4);}
.affiliate-communication-box table tr td:first-child {text-align: left;}

.affiliate-communication .dropdown-con { position: relative; }
.affiliate-communication .dropdown-con .dropdown-btn {display: flex;align-items: center;padding: 0 8px; line-height: 100%;border: 1px solid #1515161A;background: #f3f6f8; color: #151516;border-radius: 6px;font-size: 14px;font-weight: 500;position: relative;line-height: 22px;min-height: 24px;}
.affiliate-communication .dropdown-con .dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; pointer-events: none;line-height: 0;}
.affiliate-communication .sys-dropdown {max-height: 320px;top: calc(100% + 4px); background: #f3f6f8; padding: 4px 0;border: 1px solid #1515161A; border-radius: 6px;}
.affiliate-communication .sys-dropdown ul li a {padding: 4px 10px;line-height: 100%;}
.affiliate-communication .sys-dropdown ul li.active a{color: var(--accent2)}
.affiliate-communication .sys-dropdown ul li span {display: inline-block; width: 25px;}
.affiliate-communication .sys-dropdown h4 {padding: 5px 8px; font-weight: 800;color: var(--accent2);}
.affiliate-communication .dropdown-con a.dropdown-btn:after { content: ""; width: 8px; height: 5px; background: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%200.5L4%203.5L7%200.5%22%20stroke%3D%22%23151516%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; display: inline-block; margin-left: 6px;}
.affiliate-communication .dropdown-con:has(.sys-dropdown.open) a.dropdown-btn:after {transform: rotate(180deg);}
.affiliate-communication-bottom-title-right .sys-dropdown ul li a {padding: 4px 10px !important;}
.affiliate-communication-bottom-title-right .dashboard-search-con {padding-left: 10px;}
.affiliate-communication-bottom-title-right .dashboard-search-con:before {display: none;}

.affiliate-communication-select a {color: #151516; text-decoration: underline;}
.affiliate-communication-select a:hover {color: var(--accent2);}

.affiliate-communication-bottom-con {display: flex; flex-direction: column;flex: 1 1 0;gap: 13px;overflow: hidden;box-shadow: var(--container-shadow);}
.affiliate-communication-bottom-title {flex-shrink: 0;}
.affiliate-communication-bottom-content { flex: 1; overflow: hidden; display: flex; flex-direction: column; overflow: hidden;}

.affiliate-communication-table-con { flex: 1; height: 100%; }
.affiliate-communication-table-con > div {height: 100%;}
.affiliate-communication-table-con, .affiliate-communication-table-con > div {height: 100%;position: relative;}
.affiliate-communication-bottom {}
.affiliate-communication-bottom h3 {color: var(--sys-dark);line-height: 90%; letter-spacing: -0.6px;}
.affiliate-communication-bottom h3 i {line-height: 0;}
.affiliate-communication-bottom .sys-dropdown ul li a {padding: 4px 8px; line-height: 100%;} 
.affiliate-communication-bottom-content .affiliate-communication-table {position: relative;}
.affiliate-communication-bottom-content .affiliate-communication-table {width: 100%;position: relative; z-index: 1;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header {position: sticky; top: 0; z-index: 10;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row { display: grid; grid-template-columns: 21px repeat(8, 1fr);}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row {border-radius: 8px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col {padding: var(--clamp-8) var(--clamp-14);position: relative;vertical-align: middle;background: #F3F6F8;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:before{content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: #1515161A; z-index: 1;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:last-child:before {display: none;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:first-child:before {display: none;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:first-child:before {border-radius: 8px 0 0 8px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:last-child:before {border-radius: 0 8px 8px 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:last-child {border: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:nth-child(2) {padding-left: var(--clamp-10);}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col i {line-height: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col span {line-height: 100%; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left;font-weight: 600;color: #15151666; font-size: var(--clamp-text-xs)}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:first-child, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:last-child {background: #FFFFFF;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:first-child:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #F3F6F8; border-radius: 8px 0 0 8px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:last-child:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #F3F6F8; border-radius: 0 8px 8px 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col .flx {position: relative;z-index: 1;}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row {position: relative;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col {padding: var(--clamp-10) var(--clamp-14);border: 1px solid #1515161A; vertical-align: middle;border-bottom: 0;border-top: 0;border-right: 0;background: #FFFFFF !important;text-align: left !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid #1515161A;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col span {color: #151516BF}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col span.product-badge {display: inline-block; padding: 0 6px; line-height: 100%;border-radius: 6px;color: #65CC65; position: relative; line-height: 22px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col span.product-badge:before {content: ""; border: 1px solid #65CC6580; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col:first-child, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col:first-child {border-right: 0;padding: 0 0 0 9px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col:first-child, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col:nth-child(2) {border-left: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col:last-child {border-right: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row:first-child .affiliate-communication-table-col {border-top: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container input:checked ~ .check-mark:before {content: ""; display: block; width: 5px; height: 1px; position: absolute; top: 50%; left: 50%; .affiliate-communication-table-rowansform: .affiliate-communication-table-rowanslate(-50%,-50%); background: #FFFFFF;z-index: 3;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container input:checked ~ .check-mark:after {width: 100%; height: 100%;background: #65CC65}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col:first-child{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.affiliate-communication-table .no-record {width: 100%; padding: var(--clamp-10);text-align: center;}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-header .affiliate-communication-table-row .affiliate-communication-table-col span {white-space: nowrap;}
.affiliate-tablinks {padding: 0 8px;}
.affiliate-tablinks:hover {color: var(--accent2);opacity: 1;text-decoration: underline;}
.affiliate-tablinks:first-child {border-right: 1px solid rgba(21,21,21,0.1)}
.affiliate-tablinks.active {color: var(--accent2); text-decoration: underline;}

.affiliate-communication .message-tool-tabcontent {width: 100%; background: #FFFFFF; position: absolute; top: 0; left: 0;z-index: 10;height: 100%;padding: 13px; overflow: auto;border-radius: 12px;}
.affiliate-communication .message-tool-tabcontent h3 {color: var(--sys-dark); margin-bottom: 10px;}
.affiliate-communication .message-tool-tabcontent form {max-width: 970px;}
.affiliate-communication .message-tool-tabcontent form .section-close-button {position: absolute;top: 0; right: 0;display: block;background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;width: 16px; height: 16px;line-height: 14px; text-align: center;z-index: 100;}
.affiliate-communication .message-tool-tabcontent form .section-close-button svg {position: absolute; left: 50%; top: 50%; .affiliate-communication-table-rowansform: .affiliate-communication-table-rowanslate(-50%,-50%);}
.affiliate-communication .message-tool-tabcontent form .section-close-button:hover {opacity: 0.5;}
.affiliate-communication .message-tool-tabcontent form .close_btn {position: relative;}
.affiliate-communication .message-tool-tabcontent form .close_btn svg {position: absolute; left: 50%; top: 50%; .affiliate-communication-table-rowansform: .affiliate-communication-table-rowanslate(-50%,-50%);}
.affiliate-communication .message-tool-tabcontent .form-con .form-group, .affiliate-communication .message-tool-tabcontent .form-con .form-item { margin-bottom: 10px; }
.affiliate-communication .message-tool-tabcontent .form-con textarea {height: 180px;}
.affiliate-communication .message-tool-tabcontent .form-con input[type="submit"] { height: 32px; width: 118px; border: 1px solid var(--accent2); font-size: 14px; padding: 5px;background: var(--accent2);color: #FFFFFF;}
.affiliate-communication .message-tool-tabcontent .form-con .cancel-btn { height: 32px; width: 118px; font-size: 14px; padding: 5px; background: var(--accent2-5); color: var(--accent2); }
.affiliate-communication .message-tool-tabcontent .form-con .cancel-btn:hover, .affiliate-communication .message-tool-tabcontent .form-con input[type="submit"]:hover {background: #FFFFFF; color: var(--accent2);border: 1px solid var(--accent2);}
.affiliate-communication .message-tool-tabcontent .form-con .radio-btns-con label {margin: 0;}

.affiliate-communication .message-tool-tabcontent .form-con .email-field {max-width: 50%;min-width: 350px;}
.affiliate-communication .message-tool-tabcontent .form-con .phone-field {width: 360px;}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col {font-size: 0.8rem; padding: 4px 10px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col {font-size: 0.8rem;padding: 4px 10px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container {width: 12px; height: 12px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container .check-mark, .affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container .check-mark {width: 12px !important; height: 12px !important;margin: 0 auto;border: 1px solid #65CC6533;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col {font-size: 16px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col input:checked ~ .check-mark:before { content: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.00035%205.58545L8.59655%200.989258L9.30365%201.69636L4.00035%206.99965L0.818359%203.8177L1.52546%203.1106L4.00035%205.58545Z%22%20fill%3D%22white%22/%3E%3C/svg%3E'); display: block;  position: absolute; top: 45%; left: 50%; .affiliate-communication-table-rowansform: .affiliate-communication-table-rowanslate(-50%,-50%);  z-index: 3; }
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col .checkbox-container input:checked ~ .check-mark:after {width: 100%; height: 100%;border-radius: 4px;background: #65CC65}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col{padding:var(--clamp-10) var(--clamp-14);}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col .btn-col-holder{display:flex;justify-content:space-between;align-items:center;gap:5px;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a {display: inline-block;padding: 2px 5px;border-radius: 6px;font-size: 14px; font-weight: 500;line-height: 100%;min-width: unset;height: unset;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.silver a {border: 1px solid #FF7A4880;color: #FF7A48}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.gold a{border:1px solid #9D63F080; color: #9D63F0}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.platinum a {border: 1px solid #2C4E9980;color: #2C4E99}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.silver a:hover {background: #FF7A48; color: #FFFFFF;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.gold a:hover{background: #9D63F0; color: #FFFFFF;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col.platinum a:hover {background: #2C4E99; color: #FFFFFF;}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.silver {border: 1px solid #FF7A4880;color: #FF7A48}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.gold{border:1px solid #9D63F080; color: #9D63F0}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.platinum {border: 1px solid #2C4E9980;color: #2C4E99}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.silver:hover {background: #FF7A48; color: #FFFFFF;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.gold:hover{background: #9D63F0; color: #FFFFFF;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-row .affiliate-communication-table-col.btn-col a.platinum:hover {background: #2C4E99; color: #FFFFFF;}

.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col:nth-child(2) {padding-left: var(--clamp-10);}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col .customer-name-box {width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 6px; flex-shrink: 0;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col .customer-name-con { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row .affiliate-communication-table-col .customer-name-box span {font-size: 10px; line-height: 100%; font-weight: 700;color: #FFFFFF80; text-.affiliate-communication-table-rowansform: uppercase;}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row:nth-child(3n+1) .affiliate-communication-table-col .customer-name-box {background: #FF7A48}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row:nth-child(3n+2) .affiliate-communication-table-col .customer-name-box {background: #294C99}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row:nth-child(3n+3) .affiliate-communication-table-col .customer-name-box {background: #65CC65}
.affiliate-communication-bottom-content .affiliate-communication-table .affiliate-communication-table-body .affiliate-communication-table-row.no-record .affiliate-communication-table-col {line-height: 38px;text-align: center !important;}

.affiliate-communication .dashboard-search-con {position: relative;padding-left: 10px;width: 200px;}
.affiliate-communication .dashboard-search-con:before {content: ""; width: 1px; height: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(21,21,21,0.1);}
.affiliate-communication .dashboard-search-con.form-con input[type=search], .affiliate-communication .dashboard-search-con.form-con input[type=text] {padding: 2px 14px 2px 30px; height: 26px;line-height: 20px;font-size: 14px;}
.affiliate-communication .dashboard-search-con button {position: absolute; left: 21px; top: 6px; z-index: 3;line-height: 0;right: unset;}


/**Affiliate Communication End**/


/**START AFFILIATE ALERTS PAGE**/
.affiliate-alerts-page {display: flex; flex-direction: column; gap: 16px; display: flex; flex-direction: column; gap: 16px; margin: 14px auto 0; margin-top: 14px; max-width: 1550px; width: 100%;padding: 0 !important;overflow: hidden !important;padding: 0 24px !important;}
.affiliate-alerts-page #cover-spin {width: 100%; height: 100%;position: fixed; top: 0; left: 0;z-index: 9999;}
.affiliate-alerts-page #cover-spin i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.affiliate-alerts-page .affiliate-alerts-heading{background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;flex: unset;flex-shrink: 0;}
.affiliate-alerts-page .affiliate-alerts-heading .affiliate-alerts-title{}
.affiliate-alerts-page .affiliate-alerts-heading .affiliate-alerts-title svg{position:relative;top:-2px;}
.affiliate-alerts-page .affiliate-alerts-heading .affiliate-alerts-title h2{line-height: 100%;}

.affiliate-alerts-search{position:relative;}
.affiliate-alerts-search .affiliate-alerts-search-trigger{cursor:pointer;}
.affiliate-alerts-search .affiliate-alerts-search-trigger svg{vertical-align:middle;}
.affiliate-alerts-search .affiliate-alerts-search-trigger svg:hover {opacity: 0.5;}

.affiliate-alerts-search .search_holder {background-color: #fff; width: 200px; max-width: 200px; height: 30px; padding: 0px; border-radius: 5px; position: absolute; top: -5px; right: 0; box-sizing: border-box; margin-top: 1px;box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .1);display:none;}


.affiliate-alerts-search .search_holder .search-icon{display:inline-block;vertical-align:middle;position: absolute; top: 4px; right: 0;}
.affiliate-alerts-search .search_holder .search-icon svg{vertical-align:middle;}
.affiliate-alerts-search .search_holder .searchtoggle {width:100%; height: 100%; margin-left: 0; display:inline-block;vertical-align:middle;padding:0 30px 0 15px;}
.affiliate-alerts-search .search_holder .searchtoggle input[type="text"] { border: none; width: 100%; max-width: 100%; height: 100%; background: transparent; padding: 0; vertical-align: top; font-size: 16px; outline: 0; font-weight: 300; }


.affiliate-alerts-content {align-items: stretch;flex: 1; overflow: hidden;}

.affiliate-alerts-sidebar {width: 270px;background: var(--sys-white); border-radius: 12px; padding: 6px 0 13px;display: flex; flex-direction: column;flex-shrink: 0;flex: 1;padding:15px;align-self: flex-start;}
.affiliate-alerts-sidebar-heading{border-bottom:2px solid rgba(21, 21, 22, 0.1);padding:5px 0;margin-bottom:10px;}
.affiliate-alerts-sidebar-heading h2{text-transform:uppercase;color:var(--accent2);}
.affiliate-alerts-sidebar-heading span{color:var(--accent2);}


.affiliate-alerts-sidebar-list ul {overflow:hidden;}
.affiliate-alerts-sidebar-list ul li {color: #151516;padding: 8px 0;}
.affiliate-alerts-sidebar-list ul li:last-child{border-bottom:none;}
.affiliate-alerts-sidebar-list ul li a{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px;}
.affiliate-alerts-sidebar-list ul li .affiliate-alerts-sidebar-list-name{flex: 1; overflow: hidden;}
.affiliate-alerts-sidebar-list ul li span {color: #151516;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.affiliate-alerts-sidebar-list ul li .affiliate-alerts-flag-counter{margin-left: auto; align-self: flex-end; flex-shrink: 0;}
.affiliate-alerts-sidebar-list ul li .affiliate-alerts-flag{}
.affiliate-alerts-sidebar-list ul li .affiliate-alerts-flag svg{fill:rgba(74,186,123,1);}
.affiliate-alerts-sidebar-list ul li small {color:var(--sys-dark);padding-left: 5px;}
.affiliate-alerts-sidebar-list ul li .checkbox-container .check-mark {}

.affiliate-alerts-sidebar-list ul li.selected .checkbox-container .check-mark:after {display:block;}

.affiliate-alerts-main {flex: 1;background: var(--sys-white); border-radius: 12px; padding: 15px;display: flex; flex-direction: column;overflow: hidden;}

.affiliate-alerts-main .affiliate-alerts-main-heading{}
.affiliate-alerts-main .affiliate-alerts-main-heading .affiliate-alerts-main-heading-btn{}
.affiliate-alerts-main .affiliate-alerts-main-heading .affiliate-alerts-main-heading-btn a{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 5px;text-transform:uppercase;/*border:1px solid #BAB7BA;background:#E1E0E7;border-radius:3px;padding:5px 8px;*/}
.affiliate-alerts-main .affiliate-alerts-main-heading .affiliate-alerts-main-heading-btn a span {color: #151516;}

.affiliate-alerts-main .affiliate-alerts-main-heading a.affiliate-alerts-main-heading-btn-delete{}
.affiliate-alerts-main .affiliate-alerts-main-heading a.affiliate-alerts-main-heading-btn-delete svg{}
.affiliate-alerts-main .affiliate-alerts-main-heading a.affiliate-alerts-main-heading-btn-delete svg path{fill:var(--accent2);}


.affiliate-alerts-main .affiliate-alerts-main-content{flex:1;border-top:1px solid #BAB7BA;/*border-bottom:1px solid #BAB7BA;*/padding:0;overflow:auto;}
.affiliate-alerts-main-content-list{border-collapse: collapse;width: 100%;vertical-align: middle;}
.affiliate-alerts-main-content-list tr{cursor:pointer;border-bottom:1px solid #BAB7BA;}
.affiliate-alerts-main-content-list tr:last-child{border-bottom:none;}
/*.affiliate-alerts-main-content-list tr:nth-child(even){background:#ddd;}*/
.affiliate-alerts-main-content-list tr td{color: var(--sys-dark);font-weight: normal;vertical-align: top;padding:19px 10px 19px 0px;box-sizing:border-box;}

.affiliate-alerts-main-content-list tr td.head-alert{width:200px;}
.affiliate-alerts-main-content-list tr td.body-alert{}
.affiliate-alerts-main-content-list tr td.date-alert{width:100px;}

.affiliate-message-heading{}
.affiliate-message-heading .affiliate-message-heading-title{align-items:flex-start;}
.affiliate-message-heading .affiliate-message-heading-title .affiliate-message-heading-title-icon{display:inline-flex;}
.affiliate-message-heading .affiliate-message-heading-title .affiliate-message-heading-title-icon svg{}
.affiliate-message-heading .affiliate-message-heading-title .affiliate-message-heading-title-icon svg path{fill:var(--accent2);}
.affiliate-message-heading .affiliate-message-heading-title span{color: var(--sys-dark);text-transform:uppercase;}

.affiliate-message-content{}
.affiliate-message-content .affiliate-message-content-heading{color: var(--primary-color);margin-bottom:8px;}

.affiliate-message-content .affiliate-message-content-body{}
.affiliate-message-content .affiliate-message-content-body p{line-height:100%;margin:0;}

.affiliate-message-content .affiliate-message-content-footer{margin-top:10px;}
.affiliate-message-content .affiliate-message-content-footer ul{display:flex;flex-wrap:wrap;}
.affiliate-message-content .affiliate-message-content-footer ul li{display:inline-block;vertical-align:middle;position:relative;}
.affiliate-message-content .affiliate-message-content-footer ul li:not(:last-child):after{content: ""; margin: 0 7px; width: 2px; height: 75%; background: var(--sys-dark); display: inline-block; vertical-align: middle; margin-top: -3px;}
.affiliate-message-content .affiliate-message-content-footer ul li a{display:inline-block;color:var(--accent2);}

.affiliate-alerts-main-content-list .affiliate-message-footer{text-align:right;}
.affiliate-alerts-main-content-list .affiliate-message-footer span{}



.affiliate-alerts-main .affiliate-alerts-main-footer{}
.affiliate-alerts-main .pagination{align-items: stretch;}
.affiliate-alerts-main .pagination a{}
.affiliate-alerts-main .pagination ul{display:flex;}
.affiliate-alerts-main .pagination ul li{display:inline-block;vertical-align:middle;height:100%;position:relative;}
.affiliate-alerts-main .pagination ul li a,
.affiliate-alerts-main .pagination a.pagination-item{display: flex; align-items: center; justify-content: center; border-radius: 3px; box-sizing: border-box; font-size: 12px; color:var(--primary-color); height: 100%; width: auto; padding: 5px 8px; min-width: auto; line-height: 100%;border:1px solid #ebebeb;margin:0 1px;}
.affiliate-alerts-main .pagination ul li.active a,
.affiliate-alerts-main .pagination ul li a:hover,
.affiliate-alerts-main .pagination a.pagination-item:hover{background:var(--accent2);color:#fff;}

.affiliate-alerts-main .pagination a.pagination-item{padding:3px;}
.affiliate-alerts-main .pagination a.pagination-item svg{}

/**END AFFILIATE ALERTS PAGE**/

/** START AFFILIATE ALERTS NEW DESIGN **/


main.cms-main-content.aff-alerts-page{flex: 1;padding: var(--clamp-24) 0;background: #F3F6F8;}

.aff-alerts-page { --primary-font: 'Sohne', sans-serif; width:100%; }
.aff-alerts-page-container-con {flex: 1; display: flex; flex-direction: column; overflow: auto;padding:0 var(--clamp-24);}
.aff-alerts-page .wrapper{margin: 0 auto;}

.aff-alerts-page-container{display: flex;flex-direction: column;gap: var(--clamp-12);height: 100%;font-family:var(--primary-font);overflow: visible;}


.aff-alerts-page-heading{}
.aff-alerts-page-heading h2 {line-height: 100%;letter-spacing: -0.6px;}

.aff-alerts-page-heading .dateSearchHolder{}
.aff-alerts-page-heading .dateSearchHolder #aff-alerts-page-range{}
.aff-alerts-page-heading .dateSearchHolder #aff-alerts-page-range span{}

.aff-alerts-page-heading .dateSearchHolder .aff-alerts-page-search{width: 168px;height: 24px;background: #FFFFFF;box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06);border-radius: 6px;display:flex;align-items:center;padding:0 6px;gap:7px;}
.aff-alerts-page-heading .dateSearchHolder .aff-alerts-page-search input[type=text]{background: none; border: none; box-shadow: none; border-radius: 0; padding: 0;height:auto;font-family:var(--secondary-font);color: #151516;}

.aff-alerts-page-content {display: flex; align-items: stretch; flex: 1; overflow: visible;gap: 36px;}

.aff-alerts-page-content .aff-alerts-page-sidebar{display: flex;flex-direction:column;width:15.10%;gap: var(--clamp-16)}
.aff-alerts-page-sidebar-heading{}
.aff-alerts-page-sidebar-heading h2{font-weight:500;color:#151516;font-size: var(--clamp-text-base);letter-spacing: -0.01em;line-height:1;}
.aff-alerts-page-sidebar-heading span{line-height:1;font-weight:normal;color:#15151673;font-size:var(--clamp-text-xs);letter-spacing: -0.02em;}
.aff-alerts-page-sidebar-heading span small{}

.aff-alerts-page-sidebar-list{width:100%;flex: 1;overflow: auto;}
.aff-alerts-page-sidebar-list ul{}
.aff-alerts-page-sidebar-list ul li{}
.aff-alerts-page-sidebar-list ul li:not(:last-child){margin-bottom:14px;}
.aff-alerts-page-sidebar-list ul li a{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: var(--clamp-8);}
.aff-alerts-page-sidebar-list ul li a .checkbox-container{width:18px;height:18px;}

.aff-alerts-page-check-mark { position: absolute; top: 0 !important; left: 0 !important; display: block; width: 18px !important; height: 18px !important; border: 1px solid rgba(21, 21, 22, 0.2) !important;box-shadow: 0px 2px 6px rgba(21, 21, 22, 0.04); border-radius: 6px !important; background: var(--sys-white); }


.aff-alerts-page-check-mark.active{background: var(--accent2);border: 1px solid var(--accent2) !important;border-radius: 6px;}
.aff-alerts-page-check-mark.active:after {content: ""; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);width:100%;height:100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(255,255,255,1)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");}


.aff-alerts-page-sidebar-list ul li a .aff-alerts-page-sidebar-list-name {line-height: 100%;}
.aff-alerts-page-sidebar-list ul li a .aff-alerts-page-sidebar-list-name span{color: #151516; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;letter-spacing: -0.14px;}
.aff-alerts-page-sidebar-list ul li a .aff-alerts-page-sidebar-flag-counter{margin-left: auto; align-self: flex-end; flex-shrink: 0;line-height:1;}
.aff-alerts-page-sidebar-list ul li a .aff-alerts-page-sidebar-flag-counter .counter{border-radius:6px;background: rgba(21, 21, 22, 0.05);display: flex;align-items: center;justify-content: center;line-height:1;font-family: 'Inter',sans-serif;font-weight:500;font-size:12px;letter-spacing: -0.48px;;color: #15151680;padding: 3px 4px; line-height: 1;}


.aff-alerts-page-content .aff-alerts-page-main {flex: 1;display: flex; flex-direction: column;overflow: hidden;height: 100%;}
.aff-alerts-page-main-content{width:100%;overflow: visible;height: 100%;}

.aff-alerts-page-main-content-urgent{}
.aff-alerts-page-main-content-newAff{margin-top:var(--clamp-26);}
.aff-alerts-page-main-content-newAff:first-child{margin-top:0;}

.aff-alerts-page-main-content .aff-alerts-page-main-content-heading{padding:0 var(--clamp-12);margin-bottom:var(--clamp-8);display: flex; justify-content: space-between; align-items: center;cursor: pointer;}
.aff-alerts-page-main-content .aff-alerts-page-main-content-heading .aff-alerts-page-main-content-heading-btn {gap:7px;height:24px;}
.aff-alerts-page-main-content .aff-alerts-page-main-content-heading .aff-alerts-page-main-content-heading-btn .affiliate-alerts-main-heading-btn-selectAll{}
.aff-alerts-page-main-content .aff-alerts-page-main-content-heading .aff-alerts-page-main-content-heading-btn .affiliate-alerts-main-heading-btn-selectAll label{width:18px;height:18px;}

.aff-alerts-page-main-content .aff-alerts-page-main-content-heading .aff-alerts-page-main-content-heading-btn .affiliate-alerts-main-heading-btn-selectAll span.aff-alerts-page-check-mark{background:#fff;}

.aff-alerts-page-main-content .aff-alerts-page-main-content-heading .aff-alerts-page-main-content-heading-btn .affiliate-alerts-main-heading-btn-selectAll span.aff-alerts-page-check-mark.active:after{display:flex;justify-content:center;align-items:center;width: 8px;height: 0px;border: 1.5px solid rgba(21, 21, 22, 0.5);}

.aff-alerts-page-main-content-newAff .aff-alerts-page-main-content-heading i {display: block; line-height: 0;}
.aff-alerts-page-main-content-newAff:has(.expanded) .aff-alerts-page-main-content-heading i svg {transform: rotate(180deg);}

.aff-alerts-page-main-content-heading-btn-name{}
.aff-alerts-page-main-content-heading-btn-name span{color: #151516;line-height:1;letter-spacing: -0.16px;}

.aff-alerts-page-main-content-heading-btn .unread{font-weight:400;letter-spacing: -0.02em;color: rgba(21, 21, 22, 0.45);line-height:1;padding-top: 3px;}


.aff-alerts-page-main-content-heading-btn-delete{width:24px;height:24px;background: #FFFFFF; border: 1px solid rgba(21, 21, 22, 0.1); box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06); border-radius: 6px;margin-left:5px;display:flex;justify-content:center;align-items:center;}
.aff-alerts-page-main-content-heading-btn-delete:hover{background:#E7E9EB;}

.aff-alerts-page-main-content-list{overflow: hidden; max-height: 1000px; transition: max-height 0.4s ease;}
.aff-alerts-page-main-content-list.collapsed { max-height: 0px; }
.aff-alerts-page-main-content-list .aff-alerts-table-row { cursor: pointer; background: #FFFFFF; display: grid; grid-template-columns: 59.66% 18.64% 10.85% 10.85%; border-radius: 10px; }
.aff-alerts-page-main-content-list .aff-alerts-table-row.spacer{height:14px;}
.aff-alerts-page-main-content-list .aff-alerts-table-row:not(:last-child){margin-bottom:var(--clamp-14);}

.aff-alerts-page-main-content-list .aff-alerts-table-row:hover{background:#E7E9EB;}

.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col:first-child{border-radius: 10px 0 0 10px;/*border-left: 1px solid rgba(21, 21, 22, 0.05);*/}
.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col:last-child{border-radius: 0 10px 10px 0;/*border-right: 1px solid rgba(21, 21, 22, 0.05);*/}

.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col{color: var(--sys-dark);font-weight: normal;vertical-align: middle;box-sizing:border-box;padding:var(--clamp-11);border: 1px solid rgba(21, 21, 22, 0.05);}

.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col.aff-alerts-head{}
.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col.aff-alerts-body{padding:var(--clamp-11);border-right:0;}
.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col.aff-alerts-sender{max-width:225px;border-right:0;display: flex; align-items: center;padding-left: var(--clamp-16);padding-right: var(--clamp-16);}
.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col.aff-alerts-catergory{max-width: 131px;border-right:0;display: flex; align-items: center;padding-left: var(--clamp-16);padding-right: var(--clamp-16);}
.aff-alerts-page-main-content-list .aff-alerts-table-row .aff-alerts-table-col.aff-alerts-date{max-width: 131px;display: flex; align-items: center;padding-left: var(--clamp-16);padding-right: var(--clamp-16);}

.aff-alerts-body{}
.aff-alerts-body .aff-alerts-body-content{}
.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-heading{}

.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-content{display:flex;flex-direction:column;gap:6px;padding-top: 2px;}
.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-content .aff-alerts-message-content-heading{font-weight:500;}
.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-content .aff-alerts-message-content-heading h2 { color: #151516; font-size: var(--clamp-text-l); font-weight: 500; line-height: 100%; letter-spacing: -0.18px; }

.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-content .aff-alerts-message-content-body{}
.aff-alerts-body .aff-alerts-body-content .aff-alerts-message-content .aff-alerts-message-content-body p{font-weight:400;letter-spacing: -0.02em;color: rgba(21, 21, 22, 0.45);line-height:100%;}

.aff-alerts-sender{}
.aff-alerts-sender .aff-alerts-page-message-sender{}
.aff-alerts-sender .aff-alerts-page-message-sender .aff-alerts-page-message-sender-icon{border-radius:50%;width: 30px;height: 30px;background: #FF7A48;display:flex;justify-content:center;align-items:center;line-height:1;letter-spacing: -0.03em;color: rgba(254, 250, 249, 0.8);}

.aff-alerts-sender .aff-alerts-page-message-sender .aff-alerts-page-message-sender-name-details{flex-direction:column;}
.aff-alerts-sender .aff-alerts-page-message-sender .aff-alerts-page-message-sender-name-details .aff-alerts-page-message-sender-name{font-weight:600;color: #151516;letter-spacing: -0.02em;line-height:1;}
.aff-alerts-sender .aff-alerts-page-message-sender .aff-alerts-page-message-sender-name-details .aff-alerts-page-message-sender-email{font-weight: 400;letter-spacing: -0.02em;color: rgba(21, 21, 22, 0.45);line-height:1;}

.aff-alerts-catergory{}
.aff-alerts-catergory .aff-alerts-page-message-caterory{}
.aff-alerts-catergory .aff-alerts-page-message-caterory .aff-alerts-page-message-caterory-icon{line-height:0;}
.aff-alerts-catergory .aff-alerts-page-message-caterory span{letter-spacing: -0.03em;color: #D8383D;}

.aff-alerts-date{}
.aff-alerts-date .aff-alerts-footer{}
.aff-alerts-date .aff-alerts-footer .aff-alerts-footer-icon{line-height:0;}
.aff-alerts-footer span{letter-spacing: -0.03em;color: rgba(50, 67, 78, 0.5);}
/** END AFFILIATE ALERTS NEW DESIGN **/
main.widgets-con [data-simplebar] {
    overflow: hidden;
}
main.widgets-con {height: calc(100vh - 107px);}
main.widgets-con .wrapper {max-width: 1475px}
.widgets-con .widgets-container {gap: 80px;}
.widgets-con .widgets-container-left {flex-shrink: 0;}
.widgets-con .widgets-container-left .widgets-badge { border: 1px solid var(--accent2); border-radius: 200px; opacity: 1; display: inline-block; width: 59px; height: 23px; line-height: 21px; text-align: center; font-size: 12px; letter-spacing: -0.18px; color: var(--accent2); opacity: 1; margin-bottom: 22px;background: #FFFFFF;}
.widgets-con .widgets-container-left h2 { text-align: left; font-size: 36px; font-weight: bold; letter-spacing: -0.54px; color: #151516; opacity: 1; margin-bottom: 16px;}
.widgets-con .widgets-container-left p { text-align: left; font-size: 18px/20px; letter-spacing: -0.27px; color: #15151680; opacity: 1; }

.widgets-con .widgets-container-right {flex: 1 1 0;padding-top: 2px;display: flex; flex-direction: column;}
.widgets-con .widgets-container-right .widgets-container-right-title {margin-bottom: 20px;}
.widgets-con .widgets-boxes {display: flex; gap: 14px;margin-bottom: 14px;}
.widgets-con .widgets-boxes .widgets-box {padding: 0;flex: 1;}
.widgets-con .widgets-boxes .widgets-box .widgets-box-icon {position: relative; width: 30px; height: 30px; position: relative; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+1) .widgets-box-icon {border: 1px solid rgba(247, 43, 43, 0.10); background: rgba(247, 43, 43, 0.10);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+2) .widgets-box-icon {border: 1px solid rgba(41, 76, 153, 0.10); background: rgba(41, 76, 153, 0.10);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+3) .widgets-box-icon {border: 1px solid rgba(255, 122, 72, 0.10); background: rgba(255, 122, 72, 0.10);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+4) .widgets-box-icon {border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123, 0.10);}
.widgets-con .widgets-boxes .widgets-box .widgets-box-icon svg {width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+1) .widgets-box-icon svg path {fill: rgba(247, 43, 43, 1);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+2) .widgets-box-icon svg path {fill: rgba(41, 76, 153, 1);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+3) .widgets-box-icon svg path {fill: rgba(255, 122, 72, 1);}
.widgets-con .widgets-boxes .widgets-box:nth-child(4n+4) .widgets-box-icon svg path {fill: rgba(74, 186, 123, 1);}
.widgets-con .widgets-boxes .widgets-box .widgets-box-title {margin-bottom: 8px;padding: 13px 13px 0;}

.widgets-con .widgets-boxes .widgets-box .widgets-box-content {padding: 0 13px 8px;}
.widgets-con .widgets-boxes .widgets-box .widgets-box-footer {padding: 13px; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid rgba(21,21,21,0.1)}
.widgets-con .widgets-boxes .widgets-box .widgets-box-footer h3 {color: rgba(247, 43, 43, 0.5)}
.widgets-con .widgets-boxes .widgets-box .widgets-box-footer .widgets-box-footer-icon {line-height: 0;}

.widgets-box-btns {position: absolute;top: -8px; right: -2px;}
.widgets-box-btns a {display: block;background: var(--accent2); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%;width: 24px; height: 24px;line-height: 14px; text-align: center;z-index: 100;position: relative;}
.widgets-box-btns a svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);fill: #FFFFFF;}
.widgets-box-btns a svg path {fill: #FFFFFF;}
.widgets-box-btns a:hover {opacity: 0.5;}

.widgets-table-con {flex: 1;padding: 0;}
.widgets-table-con table {border-radius: 12px; overflow: hidden;}
.widgets-table-con table thead th {background: #FFFFFF;color: #1515164D; font-size: 12px; text-align: left;font-weight: normal;border: 0;letter-spacing: 0;padding: 7px 14px}
.widgets-table-con table thead th:after {display: none;}
.widgets-table-con table thead tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.widgets-table-con table tbody tr td {background: #FFFFFF;padding: 7.5px 14px;}
/*.widgets-table-con table tbody tr td:nth-child(2), .widgets-table-con table tbody tr td:nth-child(3) {text-align: center;}*/
.widgets-table-con table tbody tr td .td-with-icon {display: flex; align-items: center; gap: 12px;}
.widgets-table-con table tbody tr td .table-icon {display: block; width: 29px; height: 29px; border-radius: 50%; position: relative;}
.widgets-table-con table tbody tr td .table-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.widgets-table-con table tbody tr td .td-with-icon.green .table-icon {background: #E3F5EA}
.widgets-table-con table tbody tr td .td-with-icon.green .table-icon svg {fill: #4ABA7B}
.widgets-table-con table tbody tr td .td-with-icon.orange .table-icon {background: #ffe4da}
.widgets-table-con table tbody tr td .td-with-icon.orange .table-icon svg {fill: #FF7A48}
.widgets-table-con table tbody tr td .td-with-icon.red .table-icon {background: #fad8d8}
.widgets-table-con table tbody tr td .td-with-icon.red .table-icon svg {fill: #E63D3D}
.widgets-table-con table tbody tr td:first-child span {font-weight: bold;}
.widgets-table-con table tbody tr:last-child {border-bottom: 0;}
.widgets-table-con table tbody tr td .widget-prog-bar { position: relative;  margin-top: 6px; height: 4px; display: flex; flex: 1;}
.widgets-table-con table tbody tr td.prog-warning .progress-bar {background: transparent linear-gradient(270deg, #AFAF51 0%, #AFAF514D 100%) 0% 0% no-repeat padding-box;}
.widgets-table-con table tbody tr td.prog-fail .progress-bar {background: transparent linear-gradient(270deg, #F45959 0%, #F459594D 100%) 0% 0% no-repeat padding-box;}
.widgets-table-con table tbody tr td .perc-num {color: #4ABA7B; line-height: 0;flex-shrink: 0;width: 35px; text-align: right}
.widgets-table-con table tbody tr td.prog-warning .perc-num {color: #FF7A48}
.widgets-table-con table tbody tr td.prog-fail .perc-num {color: #E63D3D}
.widgets-table-con table tbody tr td .table-badge.caution span { letter-spacing: 0; }
.widgets-table-con table tbody tr td .table-badge {display: flex;width: 90px; height: 29px; justify-content: space-between;text-align: left;border-radius: 6px;padding: 0 7px; font-size: 16px;line-height: 0;align-items: center;margin: 0 auto;}
.widgets-table-con table tbody tr td .table-badge span {font-size: 14px;line-height: 29px;font-weight: 400;}
.widgets-table-con table tbody tr td .table-badge.on-track svg {width: 14px; height: 14px;}
.widgets-table-con table tbody tr td .table-badge.caution svg {width: 14px; height: 14px;}
.widgets-table-con table tbody tr td .table-badge.off-track svg {width: 12px; height: 12px;}
.widgets-table-con table tbody tr td .table-badge.on-track { color: #4ABA7B; background: #72CA9812}
.widgets-table-con table tbody tr td .table-badge.on-track svg {fill: #4ABA7B}
.widgets-table-con table tbody tr td .table-badge.caution { background: #AFAF5112; color: #AFAF51 }
.widgets-table-con table tbody tr td .table-badge.caution svg {fill: #AFAF51}
.widgets-table-con table tbody tr td .table-badge.off-track {background: #E63D3D12; color: #E63D3D}
.widgets-table-con table tbody tr td .table-badge.off-track svg {fill: #E63D3D}
.widgets-table-con table tbody tr td.widget-status-col {width: 120px; max-width: 120px;}
.widgets-table-con table tbody tr td.prog-col {max-width: 170px; width: 170px;}
.widgets-table-con table tbody tr td.actual-col, .widgets-table-con table tbody tr td.target-col {max-width: 150px; width: 150px;}
.widgets-table-con table tbody tr td.actual-col small, .widgets-table-con table tbody tr td.target-col small {display: block; font-size: 12px; line-height: 12px; margin-top: 2px;color:#1515164D; letter-spacing: 0;}

.widgets-commissions-box {width: 24.25%;flex-shrink: 0;}
.widgets-commissions-box-title h2 {color: #151516;}
.widgets-commissions-total-box { background: #BDC2CC1A 0% 0% no-repeat padding-box; border-radius: 8px; margin: 15px auto; padding: 12px; }
.widgets-commissions-total-box a {color: var(--accent2);}
.widgets-commissions-total-box a:hover {text-decoration: underline;}
.widgets-commissions-total-title {margin-bottom: 14px;}
.widgets-commissions-total-title span, .widgets-commissions-total-content {color: #151516;}
.widgets-commissions-total-content span {color: #4ABA7B}

.widgets-commissions-box ul li {padding: 7px 0; color: #151516;}
.widgets-commissions-box ul li span, .widgets-commissions-box ul li small {color: #151516;}
.widgets-commissions-box ul li q {color: #4ABA7B; margin-right: 3px;}
.widgets-commissions-box ul li q.fail {color: #E63D3D}
.widgets-commissions-box ul li:last-child {border: 0;}

.widgets-commissions-chart-con {margin-top: auto;}
.widgets-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;padding: 0 var(--clamp-10);}
.widgets-commissions-chart-legends li {padding: 0; display: flex; align-items: center; gap: 4px;}
.widgets-commissions-chart-legends li .legend-color {display: block; width: 10px; height: 10px;border-radius: 50%;border: 3px solid #72CA98}
.widgets-commissions-chart-legends li:nth-child(2) .legend-color {border: 3px solid #294C99}
.widgets-commissions-chart-legends li:nth-child(3) .legend-color {border: 3px solid #FF7A48}

/**CRM Summary Start**/
.crm-summary-con {width: calc(100% - 246px);overflow: auto;}
.crm-summary-container {flex: 1 1 0;padding-top: 2px;display: flex; flex-direction: column;width: 100%;overflow: hidden;gap: 14px;height: 100%;}

.crm-summary-dashboard-toggle-con {display: flex; justify-content: center; align-items: center;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);padding: 1px;}
.crm-summary-dashboard-toggle-con label {display: flex; align-items: center;gap: var(--clamp-6); position: relative;padding: var(--clamp-6);cursor: pointer;border: 1px solid transparent;}
.crm-summary-dashboard-toggle-con label input[type=radio] {opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; border: 0; appearance: none; -webkit-appearance: none; cursor: pointer;}
.crm-summary-dashboard-toggle-con label span {display: flex; align-items: center; gap: var(--clamp-6);}
.crm-summary-dashboard-toggle-con label span small {color: #151516; text-align: center; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.56px;}
.crm-summary-dashboard-toggle-con label i {display: block; width: var(--clamp-text-sm); height: var(--clamp-text-sm); line-height: 0;flex-shrink: 0;}
.crm-summary-dashboard-toggle-con label i svg {width: var(--clamp-text-sm); height:  var(--clamp-text-sm)}
.crm-summary-dashboard-toggle-con label i svg path {fill: var(--accent2) !important;}
.crm-summary-dashboard-toggle-con label.active/*, .crm-summary-dashboard-toggle-con label:hover*/ { border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05); }
.crm-summary-dashboard-toggle-con label.active small/*, .crm-summary-dashboard-toggle-con label:hover small*/ {color: #FFFFFF;}
.crm-summary-dashboard-toggle-con label.active i svg path/*, .crm-summary-dashboard-toggle-con label:hover i svg path*/ {fill: #FFFFFF !important;}

.crm-summary-boxes {display: flex; gap: var(--clamp-8);flex-shrink: 0;}
.crm-summary-boxes .crm-summary-box {padding: 0;flex: 1;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-icon {position: relative; width: var(--clamp-30); height: var(--clamp-30); position: relative; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+1) .crm-summary-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.3) 0%, rgba(255, 34, 74, 0) 100%);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+2) .crm-summary-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(41, 76, 153, 0.3) 0%,rgba(41, 76, 153, 0) 100%);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+3) .crm-summary-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.3) 0%,rgba(255, 122, 72, 0) 100%);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+4) .crm-summary-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.3) 0%, rgba(101, 204, 101, 0) 100%);}
.crm-summary-boxes .crm-summary-box .crm-summary-box-icon svg {width: var(--clamp-text-base); height: var(--clamp-text-base); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+1) .crm-summary-box-icon svg path {stroke: rgba(247, 43, 43, 1);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+2) .crm-summary-box-icon svg path {stroke: rgba(41, 76, 153, 1);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+3) .crm-summary-box-icon svg path {stroke: rgba(255, 122, 72, 1);}
.crm-summary-boxes .crm-summary-box:nth-child(4n+4) .crm-summary-box-icon svg path {stroke: rgba(74, 186, 123, 1);}
.crm-summary-boxes .crm-summary-box .crm-summary-box-title {margin-bottom: 12px;padding: 13px 13px 0;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-title h3 {line-height: 1rem;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-content h2 {color: #151516;}

.crm-summary-boxes .crm-summary-box .crm-summary-box-content {padding: 0 var(--clamp-12) var(--clamp-8);}
.crm-summary-boxes .crm-summary-box .crm-summary-box-content ul li {min-height: 20px;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-content ul li span {margin-right: 2px;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-content ul li small {color: #151516;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer {padding: 8px 13px; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid rgba(21,21,21,0.1)}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer h3 {color: #151516;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer h3 small {margin-left: 6px;}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer h3 small.green {color: #4ABA7B}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer h3 small.red {color: #E63D3D}
.crm-summary-boxes .crm-summary-box .crm-summary-box-footer .crm-summary-box-footer-icon {line-height: 0;}

.crm-summary-box-btns {position: absolute;top: -8px; right: -2px;}
.crm-summary-box-btns a {display: block;background: var(--accent2); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%;width: 24px; height: 24px;line-height: 14px; text-align: center;z-index: 100;position: relative;}
.crm-summary-box-btns a svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);fill: #FFFFFF;}
.crm-summary-box-btns a svg path {fill: #FFFFFF;}
.crm-summary-box-btns a:hover {opacity: 0.5;}

.crm-summary-container-bottom {flex: 1; overflow: hidden; justify-content: space-between;}

.crm-summary-table-con {width: calc(100% - 100px); padding: 0; display: flex; flex-direction: column; overflow: hidden;height: 100%; padding: 13px;}
.crm-summary-table-con .table-container {border: 0 !important;max-height: 50%;flex: unset;overflow: hidden}
.crm-summary-table-con .table-container:nth-child(2) {/*border-top: 1px solid rgba(21, 21, 22, 0.05); */border-radius: 0;flex: 1;}
.crm-summary-table-con .pagination-export-holder {flex-shrink: 0;padding: 13px;height: unset; max-height: unset;}
.crm-summary-table-con table {border-radius: 12px; overflow: auto;width: 100%;table-layout: fixed;height: 100%;}
.crm-summary-table-con table thead {position: sticky; top: 0; z-index: 1;}
.crm-summary-table-con table thead tr th:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f7f9fa; z-index: -1; }
.crm-summary-table-con table thead tr th:first-child:before {border-radius: 8px 0 0 8px}
.crm-summary-table-con table thead tr th:last-child:before {border-radius: 0 8px 8px 0;}

.crm-summary-table-con table thead th {background: #FFFFFF;color: #15151699; font-size: var(--clamp-text-xs); text-align: left;font-weight: normal;border: 0;letter-spacing: 0;padding: var(--clamp-6) var(--clamp-10)}
.crm-summary-table-con table thead th:after {display: none;}
.crm-summary-table-con table thead th .dropdown-con-left, .crm-summary-table-con table thead th .dropdown-con-right {position: relative;}
.crm-summary-table-con table thead tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.crm-summary-table-con table thead tr:last-child {border: 0;}
.crm-summary-table-con table tbody tr td {background: #FFFFFF;padding: var(--clamp-6) var(--clamp-12);width: calc(100% / 7);}
.crm-summary-table-con table tbody tr td:first-child {width: 250px; min-width: 250px;}
.crm-summary-table-con table tbody tr td .td-with-icon {display: flex; align-items: center; gap: var(--clamp-8);}
.crm-summary-table-con table tbody tr td .table-icon {display: block; width: var(--clamp-30); height: var(--clamp-30); border-radius: 50%; position: relative;}
.crm-summary-table-con table tbody tr td .table-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: var(--clamp-text-base);height: var(--clamp-text-base);}
.crm-summary-table-con table tbody tr td .td-with-icon.green .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.crm-summary-table-con table tbody tr td .td-with-icon.green .table-icon svg path {fill: #4ABA7B}
.crm-summary-table-con table tbody tr td .td-with-icon.orange .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%);}
.crm-summary-table-con table tbody tr td .td-with-icon.orange .table-icon svg path {fill: #FF7A48}
.crm-summary-table-con table tbody tr td .td-with-icon.red .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%); }
.crm-summary-table-con table tbody tr td .td-with-icon.red .table-icon svg path {fill: #E63D3D}
.crm-summary-table-con table tbody tr td:first-child span {font-weight: bold;}
.crm-summary-table-con table tbody tr:last-child td {border-bottom: 0;}
.crm-summary-table-con table tbody tr td .widget-prog-bar { position: relative;  margin-top: 6px; height: 4px; display: flex; flex: 1;}
.crm-summary-table-con table tbody tr td.prog-warning .progress-bar {background: transparent linear-gradient(270deg, #AFAF51 0%, #AFAF514D 100%) 0% 0% no-repeat padding-box;}
.crm-summary-table-con table tbody tr td.prog-fail .progress-bar {background: transparent linear-gradient(270deg, #F45959 0%, #F459594D 100%) 0% 0% no-repeat padding-box;}
.crm-summary-table-con table tbody tr td .perc-num {color: #4ABA7B; line-height: 0;flex-shrink: 0;width: 35px; text-align: right}
.crm-summary-table-con table tbody tr td.prog-warning .perc-num {color: #FF7A48}
.crm-summary-table-con table tbody tr td.prog-fail .perc-num {color: #E63D3D}
.crm-summary-table-con table tbody tr td .table-badge.caution span { letter-spacing: 0; }
.crm-summary-table-con table tbody tr td .table-badge {display: flex;justify-content: space-between;text-align: left;border-radius: 6px;padding: 0 var(--clamp-6); font-size: 16px;line-height: 0;align-items: center;margin: 0 auto;width: max-content;}
.crm-summary-table-con table tbody tr td .table-badge span {font-size: var(--clamp-text-sm);line-height: calc(var(--clamp-text-sm) * 2);font-weight: 400;}
.crm-summary-table-con table tbody tr td .table-badge.on-track svg {width: var(--clamp-text-sm); height: var(--clamp-text-sm);}
.crm-summary-table-con table tbody tr td .table-badge.caution svg {width: var(--clamp-text-sm); height: var(--clamp-text-sm);}
.crm-summary-table-con table tbody tr td .table-badge.off-track svg {width: var(--clamp-text-xs); height: var(--clamp-text-xs);}
.crm-summary-table-con table tbody tr td .table-badge.on-track { color: #4ABA7B; background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.crm-summary-table-con table tbody tr td .table-badge.on-track svg {fill: #4ABA7B}
.crm-summary-table-con table tbody tr td .table-badge.caution { background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%); color: #FF7A48 }
.crm-summary-table-con table tbody tr td .table-badge.caution svg {fill: #FF7A48}
.crm-summary-table-con table tbody tr td .table-badge.off-track {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%);  color: #E63D3D}
.crm-summary-table-con table tbody tr td .table-badge.off-track svg {fill: #E63D3D}
.crm-summary-table-con table tbody tr td.widget-status-col {width: 120px; max-width: 120px;}
.crm-summary-table-con table tbody tr td.prog-col {max-width: 170px; width: 170px;}
.crm-summary-table-con table tbody tr td.actual-col, .crm-summary-table-con table tbody tr td.target-col {max-width: 150px; width: 150px;}
.crm-summary-table-con table tbody tr td small {display: block; font-size: 12px; line-height: 12px; margin-top: 2px;color:#1515164D; letter-spacing: 0;padding-left: 8px;}

.crm-summary-table-con .table-container:nth-child(2) table tr td {padding: 8px 13px;}

.crm-summary-commissions-box {flex-shrink: 0;max-width: 323px;}
.crm-summary-commissions-box-title h2 {color: #151516;}
.crm-summary-commissions-total-box { border-radius: 8px; margin: 0 auto; padding: var(--clamp-14);}
.crm-summary-commissions-total-box a {color: var(--accent2);}
.crm-summary-commissions-total-box a:hover {text-decoration: underline;}
.crm-summary-commissions-total-title {margin-bottom: var(--clamp-10);}
.crm-summary-commissions-total-title span, .crm-summary-commissions-total-content {color: #151516;}
.crm-summary-commissions-total-content span {color: #4ABA7B}

.crm-summary-commissions-box ul {margin-bottom: var(--clamp-14);}
.crm-summary-commissions-box ul li {padding: var(--clamp-12) 0; color: #151516;border-bottom: 1px solid rgba(21, 21, 22, 0.05)}
.crm-summary-commissions-box ul li span, .crm-summary-commissions-box ul li small {color: #151516;}
.crm-summary-commissions-box ul li q {color: #4ABA7B; margin-right: 3px;}
.crm-summary-commissions-box ul li q.fail {color: #E63D3D}
.crm-summary-commissions-box ul li:last-child {border: 0;}

.crm-summary-commissions-chart-con {display: flex; flex-direction: column;padding-bottom: var(--clamp-12); flex: 1;width: 100%;}
.crm-summary-commissions-chart-con .crm-summary-commissions-canvas-con {flex: 1;max-height: 270px !important;}
.crm-summary-commissions-chart-con .crm-summary-commissions-canvas-con canvas {max-height: 270px !important;width: 100% !important;}

.crm-summary-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;margin-top: var(--clamp-14);padding: 0 var(--clamp-10);}
.crm-summary-commissions-chart-legends li {padding: 0; display: flex; align-items: center; gap: 4px;border: 0 !important;}
.crm-summary-commissions-chart-legends li .legend-color {display: block; width: 10px; height: 10px;border-radius: 50%;border: 3px solid #72CA98}
.crm-summary-commissions-chart-legends li:nth-child(2) .legend-color {border: 3px solid #294C99}
.crm-summary-commissions-chart-legends li:nth-child(3) .legend-color {border: 3px solid #FF7A48}

/**CRM Summary 2 Start**/
.crm-summary2-container {flex: 1 1 0;padding-top: 2px;display: flex; flex-direction: column;width: 100%;overflow: hidden;gap: 14px;}
.crm-summary2-boxes {display: flex; gap: 14px;flex-shrink: 0;}
.crm-summary2-boxes .crm-summary2-box {padding: 13px;flex: 1;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-icon {position: relative; width: 45px; height: 45px; position: relative; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+1) .crm-summary2-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.3) 0%, rgba(255, 34, 74, 0) 100%);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+2) .crm-summary2-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(41, 76, 153, 0.3) 0%,rgba(41, 76, 153, 0) 100%);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+3) .crm-summary2-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.3) 0%,rgba(255, 122, 72, 0) 100%);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+4) .crm-summary2-box-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.3) 0%, rgba(101, 204, 101, 0) 100%);}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-icon svg {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+1) .crm-summary2-box-icon svg path{fill: rgba(247, 43, 43, 1);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+2) .crm-summary2-box-icon svg path{fill: rgba(41, 76, 153, 1);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+3) .crm-summary2-box-icon svg path{fill: rgba(255, 122, 72, 1);}
.crm-summary2-boxes .crm-summary2-box:nth-child(4n+4) .crm-summary2-box-icon svg path{fill: rgba(74, 186, 123, 1);}
.crm-summary2-boxes .crm-summary2-box h3 {line-height: 1rem;}

.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content {margin-top: 3px;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2, .crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2 span {line-height: 100%;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2 q { margin-right: 3px;position: relative;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2 q small {color: #4ABA7B;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2 q.fail small {color: #E63D3D}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content h2 q:hover .sys-tooltip {display: block;font-style: unset;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content ul li {min-height: 20px;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content ul li span {margin-right: 4px;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-content ul li small {color: #151516;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer {padding: 8px 13px; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid rgba(21,21,21,0.1)}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 {color: #151516;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 small {margin-left: 6px;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 small.green {color: #4ABA7B}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 small.red {color: #E63D3D}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer .crm-summary2-box-footer-icon {line-height: 0;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 q {color: #4ABA7B; margin-left: 6px;}
.crm-summary2-boxes .crm-summary2-box .crm-summary2-box-footer h3 q.fail {color: #E63D3D;}

.crm-summary2-box-btns {position: absolute;top: -8px; right: -2px;}
.crm-summary2-box-btns a {display: block;background: var(--accent2); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%;width: 24px; height: 24px;line-height: 14px; text-align: center;z-index: 100;position: relative;}
.crm-summary2-box-btns a svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);fill: #FFFFFF;}
.crm-summary2-box-btns a svg path {fill: #FFFFFF;}
.crm-summary2-box-btns a:hover {opacity: 0.5;}

.crm-summary2-container-bottom {flex: 1; overflow: hidden; justify-content: space-between;}

.crm-summary2-table-con {width: calc(100% - 100px); padding: 13px; display: flex; flex-direction: column; overflow: hidden;}
.crm-summary2-table-con .table-container {overflow: auto;border-radius: 12px 12px 0 0;border: 0;flex-shrink: 0;}
.crm-summary2-table-con .table-container:nth-child(3) {border-top: 1px solid rgba(21, 21, 22, 0.05); border-radius: 0;flex: 1;max-height: unset;}
.crm-summary2-table-con .table-container .simplebar-content {height: unset; max-height: unset;}
.crm-summary2-table-con .pagination-export-holder {flex-shrink: 0;padding: 13px;height: unset; max-height: unset;}
.crm-summary2-table-con table {border-radius: 12px; overflow: auto;}
.crm-summary2-table-con table thead {position: sticky; top: 0; z-index: 1;}
.crm-summary2-table-con table thead th {background: #FFFFFF;color: #15151699; font-size: 12px; text-align: left;font-weight: normal;border: 0;letter-spacing: 0;padding: 7px 10px}

.crm-summary2-table-con table thead th:after {display: none;}
.crm-summary2-table-con table thead tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.crm-summary2-table-con table tbody tr td {background: #FFFFFF;padding: 6px 10px;}
.crm-summary-tab-content .crm-summary2-toggle-dropdown.toggle-dropdown {padding: 0 10px;}

.crm-summary2-table-con table tbody tr td .td-with-icon {display: flex; align-items: center; gap: 12px;}
.crm-summary2-table-con table tbody tr td .table-icon {display: block; width: 29px; height: 29px; border-radius: 50%; position: relative;}
.crm-summary2-table-con table tbody tr td .table-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.crm-summary2-table-con table tbody tr td .td-with-icon.green .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.crm-summary2-table-con table tbody tr td .td-with-icon.green .table-icon svg path {fill: #4ABA7B}
.crm-summary2-table-con table tbody tr td .td-with-icon.orange .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%) }
.crm-summary2-table-con table tbody tr td .td-with-icon.orange .table-icon svg path { fill: #FF7A48 }
.crm-summary2-table-con table tbody tr td .td-with-icon.red .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%) }
.crm-summary2-table-con table tbody tr td .td-with-icon.red .table-icon svg path {fill: #E63D3D}
.crm-summary2-table-con table tbody tr td:first-child span {font-weight: bold;}
.crm-summary2-table-con table tbody tr:last-child {border-bottom: 0;}
.crm-summary2-table-con table tbody tr td .widget-prog-bar { position: relative;  margin-top: 6px; height: 4px; display: flex; flex: 1;}
.crm-summary2-table-con table tbody tr td.prog-warning .progress-bar {background: transparent linear-gradient(270deg, #FF7A48 0%, #FF7A484D 100%) 0% 0% no-repeat padding-box;}
.crm-summary2-table-con table tbody tr td.prog-fail .progress-bar {background: transparent linear-gradient(270deg, #F45959 0%, #F459594D 100%) 0% 0% no-repeat padding-box;}
.crm-summary2-table-con table tbody tr td .perc-num {color: #4ABA7B; line-height: 0;flex-shrink: 0;width: 35px; text-align: right}
.crm-summary2-table-con table tbody tr td.prog-warning .perc-num {color: #FF7A48}
.crm-summary2-table-con table tbody tr td.prog-fail .perc-num {color: #E63D3D}
.crm-summary2-table-con table tbody tr td .table-badge.caution span { letter-spacing: 0;color: rgb(255, 122, 72);
 }
.crm-summary2-table-con table tbody tr td .table-badge {display: flex;width: 90px; height: 29px; justify-content: space-between;text-align: left;border-radius: 6px;padding: 0 7px; font-size: 16px;line-height: 0;align-items: center;margin: 0 auto;}
.crm-summary2-table-con table tbody tr td .table-badge span {font-size: 14px;line-height: 29px;font-weight: 400;}
.crm-summary2-table-con table tbody tr td .table-badge.on-track svg {width: 14px; height: 14px;}
.crm-summary2-table-con table tbody tr td .table-badge.caution svg {width: 14px; height: 14px;}
.crm-summary2-table-con table tbody tr td .table-badge.off-track svg {width: 12px; height: 12px;}
.crm-summary2-table-con table tbody tr td .table-badge.on-track { color: #4ABA7B; background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.crm-summary2-table-con table tbody tr td .table-badge.on-track svg {fill: #4ABA7B}
.crm-summary2-table-con table tbody tr td .table-badge.caution {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%);  color: #AFAF51 }
.crm-summary2-table-con table tbody tr td .table-badge.caution svg {fill: rgb(255, 122, 72);}
.crm-summary2-table-con table tbody tr td .table-badge.off-track {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%);  color: #E63D3D}
.crm-summary2-table-con table tbody tr td .table-badge.off-track svg {fill: #E63D3D}
.crm-summary2-table-con table tbody tr td.widget-status-col {width: 120px; max-width: 120px;}
/*.crm-summary2-table-con table tbody tr td.prog-col {max-width: 170px; width: 170px;}
.crm-summary2-table-con table tbody tr td.actual-col, .crm-summary2-table-con table tbody tr td.target-col {max-width: 150px; width: 150px;}*/
.crm-summary2-table-con table tbody tr td small {display: block; font-size: 12px; line-height: 12px; margin-top: 2px;color:#1515164D; letter-spacing: 0;}

.crm-summary2-commissions-box {flex-shrink: 0;max-width: 323px;}
.crm-summary2-commissions-box-title h2 {color: #151516;}
.crm-summary2-commissions-total-box { background: #BDC2CC1A 0% 0% no-repeat padding-box; border-radius: 8px; margin: 15px auto; padding: 12px; }
.crm-summary2-commissions-total-box a {color: var(--accent2);}
.crm-summary2-commissions-total-box a:hover {text-decoration: underline;}
.crm-summary2-commissions-total-title {margin-bottom: 14px;}
.crm-summary2-commissions-total-title span, .crm-summary2-commissions-total-content {color: #151516;}
.crm-summary2-commissions-total-content span {color: #4ABA7B}

.crm-summary2-commissions-box ul {margin-bottom: 15px;}
.crm-summary2-commissions-box ul li {padding: 13px 0; color: #151516;border-bottom: 1px solid rgba(21, 21, 22, 0.05)}
.crm-summary2-commissions-box ul li span, .crm-summary2-commissions-box ul li small {color: #151516;}
.crm-summary2-commissions-box ul li q {color: #4ABA7B; margin-right: 3px;}
.crm-summary2-commissions-box ul li q.fail {color: #E63D3D}
.crm-summary2-commissions-box ul li:last-child {border: 0;}

.crm-summary2-commissions-chart-con {margin-top: auto;display: flex; flex-direction: column; overflow: hidden; gap: 0;padding: 0 0 var(--clamp-12)}
.crm-summary2-commissions-chart-con canvas {height: calc(100% - 30px) !important;}
.crm-summary2-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;margin-top: var(--clamp-14);padding: 0 var(--clamp-14);flex-shrink: 0;}
.crm-summary2-commissions-chart-legends li {padding: 0 !important; display: flex; align-items: center; gap: 4px;border: 0 !important;}
.crm-summary2-commissions-chart-legends li .legend-color {display: block; width: 10px; height: 10px;border-radius: 50%;border: 3px solid #72CA98}
.crm-summary2-commissions-chart-legends li:nth-child(2) .legend-color {border: 3px solid #294C99}
.crm-summary2-commissions-chart-legends li:nth-child(3) .legend-color {border: 3px solid #FF7A48}

.crm-summary-tab-content .sys-dropdown {overflow: visible;top: calc(100% + 6px) !important;}
.crm-summary-tab-content .sys-dropdown .dropdown-overflow-con {height: 100%; overflow: hidden; border-radius: 12px 5px 12px 12px; max-height: 230px; margin-top: -4px; padding-top: 4px;}
.crm-summary-tab-content .sys-dropdown ul {height: 100%; overflow: auto;border-radius: 12px;max-height: 230px;padding: 5px 0;}
.crm-summary-tab-content .toggle-dropdown .dropdown-content {display: none;position: absolute;background: #fff;padding: 0 ;top: 100%;width: 100%;border:1px solid #DDD; /*box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.2);*/}
.crm-summary-tab-content .toggle-dropdown .dropdown-content.open {display: block;}
.crm-summary-tab-content .toggle-dropdown .dropdown-button {width: 100%;text-align: left;color: #15151699;}
.crm-summary-tab-content .toggle-dropdown .dropdown-button:hover {opacity: 1;}
.crm-summary-tab-content th.toggle-dropdown button::after {content: "\f107";font-family: 'FontAwesome';background: none;cursor: pointer;height: auto;width: auto;display: inline;vertical-align: middle; margin-left: 10px;}
.crm-summary-tab-content th.toggle-dropdown:hover::after {transform: rotate(180deg);}
.crm-summary-tab-content .toggle-dropdown .dropdown-content::before {top: -4px;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: "";display: block;width: 7px;height: 7px;transform: rotate(45deg);background: #FFF;border: 1px solid #DDD;border-right-width: 1px;border-right-style: solid;border-right-color: rgb(221, 221, 221);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(221, 221, 221);border-right: 0;border-bottom: 0;position: absolute;left: 15px;}
.crm-summary-tab-content .toggle-dropdown .dropdown-content a[data-value] {display: block;color: #15151699;padding: 5px 10px;}
.crm-summary-tab-content .toggle-dropdown .dropdown-content a[data-value]:hover {color: var(--accent2);/*background:rgba(21, 21, 22, 0.05);*/}
.crm-summary-tab-content .toggle-dropdown::after {right: auto;left: 135px;}
.crm-summary-tab-content .toggle-dropdown .dropdown-content.sys-dropdown {max-width: 160px;border-radius: 12px 12px 12px;}
.crm-summary-tab-content .toggle-dropdown .dropdown-btn {max-width: 150px;}
.crm-summary-tab-content .toggle-dropdown .sys-dropdown ul li a {font-weight: 400;color:#15151699}

.crm-summary-table-con table thead th .dropdown-con-right .sys-dropdown {right: -8px;border-radius: 12px 5px 12px 12px !important;}
.crm-summary-table-con table thead th .dropdown-con-right .sys-dropdown ul {padding-bottom: 5px;padding-top: 5px;}
.crm-summary-table-con table thead th .dropdown-con-right .sys-dropdown ul li a span {width: 24px;display: inline-block}
.crm-summary-table-con table thead th .dropdown-con-right .sys-dropdown ul li a q {display: inline-block; margin:0 3px 0 0;}
.crm-summary-table-con table thead th .dropdown-con-right .dropdown-content::before {right: 7px;left: unset;}

.crm-summary2-table-con table thead tr th:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f7f9fa; z-index: -1; }
.crm-summary2-table-con table thead tr th:first-child:before { border-radius: 12px 0 0 12px;}
.crm-summary2-table-con table thead tr th:last-child:before { border-radius: 0 12px 12px 0;}

/**Group Training Roster Start**/
main.cms-main-content.group-training-roster {padding: var(--clamp-20) 0;}
.group-training-roster-container {overflow: auto; padding: 0 var(--clamp-24)}
.group-training-roster {display: flex; flex-direction: column;}
.group-training-roster .dashboard-template-data-con {gap: 16px;}
.group-training-roster .group-training-roster-filter {position: relative;padding-left: 16px;}
.group-training-roster .group-training-roster-filter:before {content: ""; display: block; width: 1px; height: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #151516;}
.group-training-roster .group-training-roster-filter.open svg {transform: rotate(180deg);}
.group-training-roster .group-training-roster-filter span {color: #151516;}
.group-training-roster .group-training-roster-filter .sys-dropdown {left: 8px;top: calc(100% + 5px);}
.group-training-roster .group-training-roster-filter .sys-dropdown ul li a span {min-width: 65px;display: inline-block;}
.group-training-roster .group-training-roster-filter .sys-dropdown ul li.active a, .group-training-roster .group-training-roster-filter .sys-dropdown ul li.active a span {color: var(--accent2);}
.group-training-roster .group-training-roster-table tbody tr td {text-align: center;padding: 7px 10px;}
.group-training-roster .group-training-roster-table tbody tr td.text-left {text-align: left;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.caution span { letter-spacing: 0; }
.group-training-roster .group-training-roster-table tbody tr td .table-badge {display: flex;width: 90px; height: 29px; justify-content: space-between;text-align: left;border-radius: 6px;padding: 0 7px; font-size: 16px;line-height: 0;align-items: center;margin: 0 auto;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge span {font-size: 14px;line-height: 29px;font-weight: 400;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.on-track svg {width: 14px; height: 14px;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.caution svg {width: 14px; height: 14px;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.off-track svg {width: 12px; height: 12px;}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.on-track { color: #4ABA7B; background: #72CA9812}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.on-track svg {fill: #4ABA7B}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.caution { background: #AFAF5112; color: #AFAF51 }
.group-training-roster .group-training-roster-table tbody tr td .table-badge.caution svg {fill: #AFAF51}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.off-track {background: #E63D3D12; color: #E63D3D}
.group-training-roster .group-training-roster-table tbody tr td .table-badge.off-track svg {fill: #E63D3D}
.group-training-roster .group-training-roster-table tbody tr td.widget-status-col {width: 120px; max-width: 120px;}
.group-training-roster .group-training-roster-table tbody tr td.prog-col {max-width: 170px; width: 170px;}
.group-training-roster .group-training-roster-table tbody tr td.actual-col, .group-training-roster .group-training-roster-table tbody tr td.target-col {max-width: 150px; width: 150px;}
.group-training-roster .group-training-roster-table tbody tr td.actual-col small, .group-training-roster .group-training-roster-table tbody tr td.target-col small {display: block; font-size: 12px; line-height: 12px; margin-top: 2px;color:#1515164D; letter-spacing: 0;}
.group-training-roster .group-training-roster-table tbody tr td.lesson-col {max-width: 150px; width: 150px;}
.group-training-roster .group-training-roster-table tbody tr td.num-col {max-width: 160px; width: 160px;}
.group-training-roster .group-training-roster-table tbody tr td.date-col {max-width: 180px; width: 180px;}
.group-training-roster .group-training-roster-table tbody tr td.btn-col {max-width: 250px; width: 250px;}
.group-training-roster .group-training-roster-table tbody tr td .groupTrainingbtns{display: flex;justify-content: center;align-items: center;gap:20px;}
.group-training-roster .group-training-roster-table tbody tr td .groupTrainingbtns buttons{display:inline-block;vertical-align:middle;}

.group-training-roster .group-training-roster-table thead tr th:has(.groupTrainingSorter){display:flex;justify-content:space-between;align-items:center;}

.groupTrainingSorter { width: 14px; height: 14px; border-radius: 5px; display: block;}
.groupTrainingSorter svg {fill: var(--sys-dark); opacity: 0.4; }

.group-training-roster .group-training-roster-table tbody tr td .groupTrainingbtns{}
.group-training-roster .group-training-roster-table tbody tr td .groupTrainingbtns .btn-success{color: #4cae4c;border-color: #4cae4c;background:none;}
.group-training-roster .group-training-roster-table tbody tr td .groupTrainingbtns .btn-success:hover{background: #4cae4c;color: #fff;border-color: transparent;}

/**Group Training Roster END**/

/**Affiliate Link Boxes**/
.affiliate-link-boxes-con {display: flex; justify-content: flex-start; padding: clamp(13px, 1.8%, 27px); flex-direction: column;gap: 50px 0; flex: 1;}

.affiliate-link-box-img img[src*="template-2"]{aspect-ratio: .567 / 1;}

.affiliate-link-boxes {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 50px 18px;width: 100%;padding-bottom: 2px;}
.affiliate-link-box {overflow:hidden;flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3);}
.affiliate-link-box-img {overflow: hidden; border-radius: 12px; border: 1px solid #1515160D;aspect-ratio: 2.03/1;pointer-events: none;}
/*.affiliate-link-box-img img {aspect-ratio: 16/9;width: 100%;}*/
.affiliate-link-header {padding: 14px 0;border-bottom: 1px solid #1515161A;margin-bottom: 9px;gap: 16px;width: 100%; /*overflow: hidden;*/padding: clamp(10px, 3.5%, 14px) 0;}
.affiliate-link-header h2 {display: flex; align-items: center;overflow: hidden;}
.affiliate-link-header h2 small {flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 100%;}
.affiliate-link-header h2 span {border-radius: 5px;border: 1px solid #1515160D;padding: 1px 4px;color: #15151680; line-height: 100%;margin-left: 8px;background: #f3f3f3; font-weight: 500;flex-shrink: 0;}
.affiliate-link-header a {font-weight: 500; line-height: 14px; letter-spacing: -0.04em; text-align: right;display: flex; align-items: center; gap: 4px;color:#15151666}
.affiliate-link-header a:hover {text-decoration: underline;}
.affiliate-link-header a:hover .sys-tooltip {display: block;}
.affiliate-link-header .funnel-list-link-with-tooltip {position: relative;}

.affiliate-link-header .funnel-list-link-with-tooltip .table-link-tooltip::after{content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg) translateX(-50%); left: 50%; bottom: -5px;}
.affiliate-link-header .funnel-list-link-with-tooltip .table-link-tooltip {  z-index: 80; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px; border-radius: 4px; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); visibility: hidden; bottom: calc(100% + 5px);}
.affiliate-link-header .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{line-height:1;}
.affiliate-link-header .funnel-list-link-with-tooltip:hover .table-link-tooltip {visibility:visible;}

.website-manager-tabs-con #affiliateLinks .funnel-list-link-with-tooltip:hover .table-link-tooltip .table-link-tooltip-details {font-size: 12px;}

.affiliate-links-btns-con button {min-width: 66px; line-height: 22px;padding: 0 3px;}
.affiliate-link-header button { flex-shrink: 0; min-width: 66px; padding: 0 6px; }
.affiliate-link-btm span {margin-bottom: 12px;margin-bottom: 3px;display: block;color: #151516;}
.affiliate-links-btns {display: flex; align-items: center;gap: var(--clamp-12);}
.affiliate-links-btns li {line-height: 100%;}
.affiliate-links-btns a {line-height: 100%;}
.affiliate-links-btns a i {font-style: unset;font-size: var(--clamp-text-xl); color: #000000;line-height: 0; font-weight: 400; display: block;}
.affiliate-links-btns a i svg {width: var(--clamp-text-xl);height: var(--clamp-text-xl);}
.affiliate-link-btm a span { margin: 0; color: #15151666 }
.fa-snapchat:before {content: "\f2ab";}
.affiliate-links-btns li:hover {opacity: 0.5;}

.affiliate-links-edit li {padding: 9px 0; border-bottom: 1px solid #1515161A;}
.affiliate-links-edit li:first-child {padding-top: 0;}
.affiliate-links-edit li i {font-style: unset; flex-shrink: 0;font-size: 19px;width: 20px;text-align: center;line-height: 0;}
.affiliate-links-edit li input {flex: 1; overflow: auto;border: 0;padding: 0 6px;text-overflow: ellipsis;white-space: nowrap;}
.affiliate-links-edit li a {flex-shrink: 0;}
.affiliate-links-edit li a i {width: unset;}

.affiliate-links-edit-modal {}

.affiliate-links-edit-con {display: flex; flex-direction: column;height: 100%;}
.affiliate-links-edit-con > div:last-child {margin-top: auto !important}

.affiliate-links-edit-modal .modal-box { padding: 0; height: 60%; height: 53%; overflow: hidden; }
.affiliate-links-edit-modal .modal-box .modal-box-title {padding: 13px;border-bottom: 1px solid #1515160D; margin: 0;}
.affiliate-links-edit-modal .modal-box .modal-close-button {top: 16px;}

.affiliate-links-edit-modal .modal-box .affiliate-referral-link {padding: 13px;border-bottom: 1px solid #1515160D; margin: 0;}

.affiliate-links-edit-modal .modal-box label {color: #15151699 }
.affiliate-links-edit-modal .modal-box .input-container {position: relative;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns {position: absolute;top: 13px; right: 13px; display: flex; align-items: center;gap: 10px;z-index: 5;line-height: 0%;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns svg path {fill: var(--sys-dark) !important;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns a {line-height: 0;display: block;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .check-btn {display: block;display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; position: relative; flex-shrink: 0; border: 1px solid rgba(255, 255, 255, 0.10); background: #72CA98; }
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .check-btn svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .check-btn svg path {fill: #FFFFFF !important;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .check-btn:hover {opacity: 0.5;cursor: pointer}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .cancel-btn {display: block;display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; position: relative; flex-shrink: 0; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .cancel-btn svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .cancel-btn svg path {fill: #FFFFFF !important;}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .cancel-btn:hover {opacity: 0.5;cursor: pointer}
.affiliate-links-edit-modal .modal-box .input-container .affiliate-link-action-btns .table-link-tooltip {display: none !important;}
.affiliate-links-edit-modal .modal-box .input-container i {position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-style: unset;font-size: 20px;color: #151516; }

.affiliate-links-edit-modal .modal-box .affiliate-social-links {padding: 13px; margin: 0;/*flex: 1 1 0;*/overflow: hidden;}
.affiliate-links-edit-modal .modal-box .affiliate-social-links label { font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.03em; font-weight: 500; margin-bottom: 6px; display: block; color: #15151699; }

.affiliate-links-edit-modal .modal-box .affiliate-social-links .form-con input[type=text] {padding-left: 42px; padding-right: 45px;padding-right:100px;}
.affiliate-links-edit-modal .modal-box .form-con {overflow: auto;height: calc(100% - 16px);}
.affiliate-links-edit-modal .modal-box .form-con .form-item {margin-bottom: 12px;}
.affiliate-links-edit-modal .modal-box .form-con .form-item:last-child {margin: 0;}
.affiliate-links-edit-modal .modal-box .affiliate-referral-link .form-con {height: 100% !important;}

.affiliate-links-edit-modal .modal-box .modal-btns-con {padding: 13px 13px;margin: 0;}
.affiliate-links-edit-modal .modal-box .modal-btns-con button {width: 100%;}

.affiliate-links-add-modal .modal-box {padding: 0;}
.affiliate-links-add-modal .modal-box .modal-box-title {padding: 13px;border-bottom: 1px solid #1515160D; margin: 0;}
.affiliate-links-add-modal .modal-box .modal-box-title h2 {display: flex; align-items: center;gap: 8px;}
.affiliate-links-add-modal .modal-box .modal-box-title h2 span {max-width: 191px;color: #15151640;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.affiliate-links-add-modal .modal-box .modal-box-title h2 q {line-height: 0;}
.affiliate-links-add-modal .modal-box .modal-box-title h2 small {}

.affiliate-links-add-modal .modal-box .modal-close-button {top: 16px;}

.affiliate-links-add-modal .modal-box .form-con {padding: 13px;}

.affiliate-links-add-modal .modal-box .funnel-list-link-with-tooltip svg path {fill: unset;}
.affiliate-links-add-modal .modal-box .modal-btns-con {margin-top: 0;}

.affiliate-links-add-modal .modal-box label {color: #15151699 }
.affiliate-links-add-modal .modal-box .input-container {position: relative;}
.affiliate-links-add-modal .modal-box .input-container .affiliate-link-action-btns {position: absolute;top: 13px; right: 13px; display: flex; align-items: center;gap: 10px;z-index: 5;font-weight: 700;}
.affiliate-links-add-modal .modal-box .input-container .affiliate-link-action-btns a {line-height: 0;}
.affiliate-links-add-modal .modal-box .input-container i {position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-style: unset;font-size: 20px;color: #151516; }

.affiliate-links-add-modal .modal-box .form-con input[type=text] {padding-right: 45px;}
.affiliate-links-add-modal .modal-box .form-con select {background: url("../../images/remix-icons/arrow-down-line-black.svg") no-repeat 98% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 10px 25px 10px 15px; color:#15151640; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; height: 42px;}
.affiliate-links-add-modal .modal-box .form-con select.clicked{color: var(--sys-dark);}
.affiliate-links-add-modal .modal-box .form-con .form-item {margin-bottom: 12px;}
.affiliate-links-add-modal .modal-box .form-con .form-item:last-child {margin: 0;}

.affiliate-links-add-modal .modal-box .modal-btns-con {padding: 0;}
.affiliate-links-add-modal .modal-box .modal-btns-con button {flex: 1 1 0;}

.affiliate-links-add-modal .modal-box .modal-box-title, .affiliate-links-add-modal .modal-box .affiliate-referral-link, .affiliate-links-edit-modal .modal-box .modal-btns-con {flex-shrink: 0;}

/**Affiliate Summary**/
main.cms-main-content.affiliate-summary {padding: var(--clamp-12) 0 var(--clamp-14);--primary-font: 'Sohne', sans-serif;font-family: var(--primary-font); background: #F3F6F8}
.affiliate-summary-con {display: flex; flex-direction: column; overflow: auto;padding: 0 var(--clamp-24);}
.aff-alerts-page .wrapper{margin: 0 auto;}
.affiliate-summary-content {display: flex; flex-direction: column;gap: var(--clamp-14);}
.affiliate-summary-content .affiliate-summary-header {padding: 0 var(--clamp-32);}
.affiliate-summary-content h2 {line-height: 90%;letter-spacing: -0.54px;}
.affiliate-summary-content .affiliate-summary-header-right {display: flex; align-items: center; gap: var(--clamp-10);}
.affiliate-summary-content .affiliate-summary-header-right .dropdown-btn {display: flex;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);gap: 4px;padding: var(--clamp-6) var(--clamp-10);align-items: center;}
.affiliate-summary-content .affiliate-summary-header-right .dropdown-btn span {color: #151516; text-align: right; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px;display: block;}
.affiliate-summary-content .affiliate-summary-header-right .dropdown-btn small {display: flex; line-height: 0; justify-content: center; align-items: center;}
.affiliate-summary-content .affiliate-summary-header-right .dropdown-btn small svg {display: block; line-height: 0;width: var(--clamp-text-base);height: var(--clamp-text-base)}
.affiliate-summary-content .affiliate-summary-header-right .affiliate-summary-language-dropdown-con{ position: relative; }
.affiliate-summary-content .affiliate-summary-header-right .affiliate-summary-language-dropdown-con:has(.sys-dropdown.open) {}
.affiliate-summary-content .affiliate-summary-header-right .affiliate-summary-language-dropdown-con .sys-dropdown {background: #FFF;}
.affiliate-summary-content .affiliate-summary-header-right .affiliate-summary-language-dropdown-con .sys-dropdown ul li a {font-size: var(--clamp-text-sm);font-weight: 500;}
.refresh-btn { padding: calc(var(--clamp-6) - 1px); border-radius: 8px; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); display: block; line-height: 1;}
.refresh-btn svg {width: var(--clamp-text-l); height: var(--clamp-text-l); display: block; line-height: 0;}

.affiliate-summary .affiliate-summary-top-boxes {flex-shrink: 0;gap: var(--clamp-16); padding: 0 var(--clamp-16) 0 var(--clamp-32);}
.affiliate-summary .affiliate-summary-top-boxes section {flex: 1;}
.affiliate-summary .affiliate-summary-top-boxes section h2 {color: #151516; font-weight: 500;letter-spacing: -0.01em;min-height: var(--clamp-text-2xl);margin-bottom: var(--clamp-8);}
.affiliate-summary .affiliate-summary-top-boxes section .churn-tooltip-con i {width: 10px !important; height: 10px !important;}
.affiliate-summary .affiliate-summary-top-boxes section .churn-tooltip-con:hover .sys-tooltip {display: block;white-space:normal !important;}
.affiliate-summary .affiliate-summary-top-boxes section .churn-tooltip-con:hover .sys-tooltip.tooltip-right:before {top: 48%;}
.affiliate-summary .affiliate-summary-top-boxes section h2 i {width: var(--clamp-text-2xl); height: var(--clamp-text-2xl); position: relative;display: block;}
.affiliate-summary .affiliate-summary-top-boxes section h2 svg {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);width: var(--clamp-text-xs);height: var(--clamp-text-xs)}
.affiliate-summary .affiliate-summary-top-boxes section h2 i.summary-green-flag {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%); }
.affiliate-summary .affiliate-summary-top-boxes section h2 i.summary-red-flag{background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%); }
.affiliate-summary .affiliate-summary-top-boxes section h3 {color: var(--sys-dark);font-weight: 700;line-height: 100%;margin-bottom: var(--clamp-6);letter-spacing: normal;gap: 5px;}
.affiliate-summary .affiliate-summary-top-boxes section h3 span {display: block; line-height: 75%;}
.affiliate-summary .affiliate-summary-top-boxes section sub {margin-left: 5px;font-style: unset; margin-bottom: 3px;}
.affiliate-summary .affiliate-summary-top-boxes section sub svg {width: 8px; height: 8px;}
.affiliate-summary small.commission-green, .affiliate-summary small.commission-red {font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.12px; display: flex; align-items: center; gap: 4px; }
.affiliate-summary small.commission-green i, .affiliate-summary small.commission-red i {display: flex; line-height: 1;gap: 4px; align-self: flex-end;}
.affiliate-summary small.commission-green i svg, .affiliate-summary small.commission-red i svg {display: block; line-height: 1;}
.affiliate-summary small.commission-green i small, .affiliate-summary small.commission-red i small { display: block; line-height: 1; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; letter-spacing: -0.12px; }
.affiliate-summary small.commission-green i small {color: #65CC65}
.affiliate-summary small.commission-red i small {color: #FF224A}
.affiliate-summary .commission-green svg {display: block}
.affiliate-summary .affiliate-summary-top-boxes section sub i {font-style: unset;display: flex;gap: 3px;align-items: center;}
.affiliate-summary .affiliate-summary-top-boxes section sub i svg {display: block; line-height: 0;}
.affiliate-summary .affiliate-summary-top-boxes section sub small {font-weight: 500;line-height: 0;display: block;letter-spacing: -0.12px;}
.affiliate-summary .affiliate-summary-top-boxes section sub.commission-green small{color: #65CC65; letter-spacing: -0.01em;}
.affiliate-summary .affiliate-summary-top-boxes section sub.commission-red small{color: #FF224A}
.affiliate-summary .affiliate-summary-top-boxes section span.commission-timeframe {color: var(--sys-dark);margin-bottom: 4px;display: block;}
.affiliate-summary .affiliate-summary-top-boxes section p { color: #15151666; line-height: 100%; font-weight: 400; letter-spacing: normal;}

.affiliate-summary-breakdown-boxes {padding: 0;gap: var(--clamp-18);background: unset;margin-top: 4px;}
.affiliate-summary-breakdown-boxes section {flex: 1 1 50%;padding: var(--clamp-18);border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);}
.affiliate-summary-breakdown-boxes section .affiliates-summary-breakdown-box-header {padding-bottom: var(--clamp-14);border-bottom: 1px solid #1515161A}
.affiliate-summary-breakdown-boxes section .affiliate-summary-breakdown-box-right {width: 50%;position: relative;padding-left: var(--clamp-16);}
.affiliate-summary-breakdown-boxes section .affiliate-summary-breakdown-box-right:before {content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(21, 21, 22, 0.05);}
.affiliates-summary-breakdown-box-header h2 {line-height: 13px;display: block; min-height: 13px;letter-spacing: -0.54px;margin-bottom: var(--clamp-30);font-weight: 500;}
.affiliates-summary-breakdown-box-header h4 {gap: 5px;}
.affiliates-summary-breakdown-box-header h4 span {line-height: 75%; letter-spacing: normal; font-weight: 700; font-size: var(--clamp-text-40); display: block;}
.affiliate-summary-level-boxes {gap: var(--clamp-18);margin-top: 4px;}
.affiliate-summary-breakdown-box-left h3 {color: #151516;line-height: 100%;margin-bottom: 10px;font-weight: 500;margin-bottom: 5px;letter-spacing: -0.01em;}
.affiliate-summary-breakdown-box-left sub {margin-left: 5px;font-style: unset; margin-bottom: 3px;}
.affiliate-summary-breakdown-box-left sub i {font-style: unset;display: flex;gap: 3px;align-items: center;}
.affiliate-summary-breakdown-box-left sub i svg {margin-bottom: 1px;}
.affiliate-summary-breakdown-box-left sub small {font-weight: 500;line-height: 100%;display: block;}
.affiliate-summary-breakdown-box-left sub.commission-green small{color: #65CC65; letter-spacing: -0.01em;}
.affiliate-summary-breakdown-box-left sub.commission-red small{color: #FF224A}
.affiliate-summary-breakdown-box-left p { line-height: 100%; margin-top: var(--clamp-12); font-weight: 400; color: rgba(21, 21, 22, 0.40); font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -0.42px; display: block; }
/*.affiliate-summary-breakdown-box-left {padding-top: 40px;}*/
.affiliates-summary-breakdown-bottom ul {display: flex;padding: var(--clamp-14) 0 0;}
.affiliates-summary-breakdown-bottom ul li {flex: 1 1 25%;border-right: 1px solid #1515161A;padding-left: var(--clamp-22);}
.affiliates-summary-breakdown-bottom ul li:first-child {padding: 0;}
.affiliates-summary-breakdown-bottom ul li:last-child {border: 0;}
.affiliates-summary-breakdown-bottom ul li span {display: block;line-height: 100%;font-weight: 700;letter-spacing: -0.03em;}
.affiliates-summary-breakdown-bottom ul li small {color: #15151666; line-height: 100%;display: block;margin-top: 3px; font-weight: 400;}

.affiliate-summary-level-box {padding: 0;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);}
.affiliate-summary-level-box h2 {margin-bottom: var(--clamp-30);line-height: 100%;letter-spacing: -0.54px;font-weight: 500;}
.affiliate-summary-level-box .affiliate-summary-box-total {padding: var(--clamp-18) var(--clamp-18) var(--clamp-13); border-bottom: 1px solid #1515161A;}
.affiliate-summary-level-box .affiliate-summary-box-total h3 {line-height: 100%;font-weight: 700; letter-spacing: normal;gap: 5px;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-color-boxes-con {margin-top: auto;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right {display: flex; justify-content: center; width: 50%;padding-left: var(--clamp-30);position: relative;gap: var(--clamp-16);align-items: center;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right:before { content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(21, 21, 22, 0.05); }
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier1-legend-con {border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FCFCFC;padding: var(--clamp-8);position:relative;width: calc(var(--clamp-22) * 4); position: relative;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier1-legend-con:before {content: ""; display: block; width: var(--clamp-text-sm);height: var(--clamp-text-sm);border: 1px solid rgba(21, 21, 22, 0.05); background: #FFFFFF;position: absolute; right: calc((var(--clamp-text-sm) / -2) - 1px); top: calc(50% - 1px); transform: translateY(-50%) rotate(45deg);background: #FCFCFC;border-bottom: 0; border-left: 0;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier1-legend-con h3 { display: block; color: #151516; text-align: center; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; margin-bottom: calc(var(--clamp-6) - 1px) }
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier1-legend-con h4 { color: #3B79F5; text-align: center; text-shadow: 0 4px 8px rgba(59, 121, 245, 0.25); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.22px; display: block; }
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier2-legend-con {border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FCFCFC;padding: var(--clamp-8);position: relative;width: calc(var(--clamp-22) * 4); position: relative;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier2-legend-con:before {content: ""; display: block; width: var(--clamp-text-sm);height: var(--clamp-text-sm);border: 1px solid rgba(21, 21, 22, 0.05); background: #FFFFFF;position: absolute; left: calc((var(--clamp-text-sm) / -2) - 1px); top: calc(50% - 1px); transform: translateY(-50%) rotate(45deg);background: #FCFCFC;border-top: 0; border-right: 0;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier2-legend-con h3 { display: block; color: #151516; text-align: center; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.36px; margin-bottom: var(--clamp-8) }
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .tier2-legend-con h4 { display: block; text-align: center; text-shadow: 0 4px 8px rgba(255, 122, 72, 0.25); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.22px; width: 100%; background: linear-gradient(180deg, #FF7A48 0%, rgba(255, 122, 72, 0.75) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .affiliate-summary-box-total-right-circle-graph-con svg {width: 102px; height: 102px;}
.affiliate-summary-level-box .affiliate-summary-box-total .affiliate-summary-box-total-right .chart-wrap {height: 100px;width: 100px;pointer-events: none;}
.affiliate-summary-level-box .affiliate-summary-box-total-left h3 span {font-size: var(--clamp-text-40); display: block; line-height: 75%;}
.affiliate-summary-level-box-details {padding: var(--clamp-16) var(--clamp-18) var(--clamp-18);}
 
.affiliate-summary-box-total-left sub {margin-left: 5px;font-style: unset; margin-bottom: 3px;}
.affiliate-summary-box-total-left sub i {font-style: unset;display: flex;gap: 3px;align-items: center;}
.affiliate-summary-box-total-left sub i svg {margin-bottom: 1px;}
.affiliate-summary-box-total-left sub small {font-weight: 500;line-height: 100%;display: block;letter-spacing: -0.12px;}
.affiliate-summary-box-total-left sub.commission-green small{color: #65CC65}
.affiliate-summary-box-total-left sub.commission-red small{color: #FF224A}
.affiliate-summary-box-total-left p {color: #15151666; line-height: 100%; margin-top: var(--clamp-10);font-weight: 400; font-size: var(--clamp-text-sm);display: block;}

.affiliate-summary-level-box-details {display: flex;}
.affiliate-summary-level-box-details section {flex: 1 1 50%;border-right: 1px solid #1515161A;padding-left: 13px;}
.affiliate-summary-level-box-details section:first-child {padding: 0;}
.affiliate-summary-level-box-details section:last-child {border: 0;}
.affiliate-summary-level-box-details section h3 {display: flex; align-items: center;gap: var(--clamp-6);}
.affiliate-summary-level-box-details section h3 span { color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-l); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.54px; display: block;}
.affiliate-summary-level-box-details section h3 small { color: #151516; font-size: var(--clamp-text-l); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.54px; display: block; }
.affiliate-summary-level-box-details section h3, .affiliate-summary-level-box-details section p {line-height: 100%;}
.affiliate-summary-level-box-details section p { color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-xs); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.36px; display: block; margin-top: var(--clamp-6) }

.affiliate-summary-hts-breakdown {padding: var(--clamp-16) var(--clamp-18) var(--clamp-18);border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);margin-top: 4px;}
.affiliate-summary-hts-breakdown-header {padding-bottom: 0;}
.affiliate-summary-hts-breakdown-header-right {width: 50%;display: flex; align-items: center; justify-content: flex-end;}
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend {display: flex;align-items: center; gap: var(--clamp-12);}
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li {display: flex; align-items: center;gap: 4px;}
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li .legend-circle { width: 11px; height: 11px; display: block; border-radius: 50%; background: linear-gradient(0deg, rgba(59, 121, 245, 0.50) 0%, #3B79F5 100%); filter: drop-shadow(0 1.852px 3.148px rgba(157, 99, 240, 0.07)) drop-shadow(0 8.148px 6.519px rgba(157, 99, 240, 0.12)) drop-shadow(0 64.815px 46.852px rgba(157, 99, 240, 0.24)) drop-shadow(0 100px 80px rgba(157, 99, 240, 0.31)); }
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li:nth-child(2) .legend-circle {background: linear-gradient(0deg, rgba(255, 122, 72, 0.50) 0%, #FF7A48 100%); }.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li:nth-child(2) .legend-circle {background: linear-gradient(0deg, rgba(255, 122, 72, 0.50) 0%, #FF7A48 100%); }
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li:nth-child(3) .legend-circle {background: linear-gradient(180deg, #2C4E99 0%, rgba(44, 78, 153, 0.50) 100%);  }
.affiliate-summary-hts-breakdown-header-right .affiliate-summary-hts-legend li span { display: block; line-height: 1; color: #9F9F9F; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; letter-spacing: -0.12px; }
.affiliate-summary-hts-breakdown-header-right h3 {font-weight: 700; letter-spacing: 0;display: block; line-height: 100%;}
.affiliate-summary-hts-breakdown-header-right p {color: #15151666;font-weight: 400;}
.affiliate-summary-hts-breakdown-header-right p b{color: #151516;font-weight: 600;}
.affiliate-summary-hts-breakdown-header-right sub {font-style: unset;}
.affiliate-summary-hts-breakdown-header-right sub i {font-style: unset;display: flex;gap: 3px;align-items: center;}
.affiliate-summary-hts-breakdown-header-right sub i svg {margin-bottom: 1px;}
.affiliate-summary-hts-breakdown-header-right sub small {font-weight: 500;line-height: 100%;display: block;}
.affiliate-summary-hts-breakdown-header-right sub.commission-green small{color: #65CC65; letter-spacing: -0.01em;}
.affiliate-summary-hts-breakdown-header-right sub.commission-red small{color: #FF224A}

.affiliate-summary-hts-breakdown-boxes {display: flex;width: 100%;padding-top: var(--clamp-28);}
.affiliate-summary-hts-breakdown-boxes section {flex: 1 1 25%;position: relative;padding: 0;}
.affiliate-summary-hts-breakdown-boxes .affiliate-summary-hts-breakdown-box-legend {display: flex;gap: var(--clamp-6);align-items: center;margin-bottom: var(--clamp-14);}
.affiliate-summary-hts-breakdown-boxes .affiliate-summary-hts-breakdown-box-legend-circle { display: block; width: calc(var(--clamp-text-xs) - 2px); height: calc(var(--clamp-text-xs) - 2px); flex-shrink: 0; aspect-ratio: 1/1; border-radius: 4px; }
.affiliate-summary-hts-breakdown-boxes .affiliate-summary-hts-breakdown-box-legend span { display:block;color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.42px;}
.affiliate-summary-hts-breakdown-boxes section h3 {line-height: 100%;font-weight: 700; letter-spacing: normal;gap: 5px;display: flex; align-items: flex-end;}
.affiliate-summary-hts-breakdown-boxes section h3 span{ line-height: 75%; letter-spacing: normal; font-weight: 700; font-size: var(--clamp-text-40); display: block; }
.affiliate-summary-hts-breakdown-boxes section p {color: #15151666; line-height: 100%; margin-top: var(--clamp-12); font-weight: 400; font-size: var(--clamp-text-sm); display: block;}
.affiliate-summary-hts-breakdown-details-right {display: flex ; flex-direction: column; justify-content: center;width: 100%;}
.affiliate-summary-hts-breakdown-boxes section:first-child .affiliate-summary-hts-breakdown-box-legend-circle {border-radius: 4px; background: linear-gradient(180deg, #2C4E99 0%, rgba(44, 78, 153, 0.50) 100%); box-shadow: 0 8px 12px 0 rgba(44, 78, 153, 0.06), 0 8.148px 6.519px 0 rgba(44, 78, 153, 0.08), 0 1.852px 3.148px 0 rgba(44, 78, 153, 0.08); }
.affiliate-summary-hts-breakdown-boxes section:nth-child(2) .affiliate-summary-hts-breakdown-box-legend-circle {border-radius: 4px; background: linear-gradient(0deg, rgba(59, 121, 245, 0.50) 0%, #3B79F5 100%); box-shadow: 0 100px 80px 0 rgba(157, 99, 240, 0.31), 0 64.815px 46.852px 0 rgba(157, 99, 240, 0.24), 0 8.148px 6.519px 0 rgba(157, 99, 240, 0.12), 0 1.852px 3.148px 0 rgba(157, 99, 240, 0.07);}
.affiliate-summary-hts-breakdown-boxes section:nth-child(3) .affiliate-summary-hts-breakdown-box-legend-circle {border-radius: 4px; background: linear-gradient(0deg, rgba(255, 122, 72, 0.50) 0%, #FF7A48 100%); box-shadow: 0 100px 80px 0 rgba(255, 122, 72, 0.31), 0 64.815px 46.852px 0 rgba(255, 122, 72, 0.24), 0 8.148px 6.519px 0 rgba(255, 122, 72, 0.12), 0 1.852px 3.148px 0 rgba(255, 122, 72, 0.07);}
.affiliate-summary-hts-breakdown-boxes section:first-child,.affiliate-summary-hts-breakdown-boxes section:nth-child(2) {flex: 1 1 25%}
.affiliate-summary-hts-breakdown-boxes section:nth-child(3) {padding-left: var(--clamp-26);flex: 1 1 19%;flex-shrink:0;}
.affiliate-summary-hts-breakdown-boxes section:nth-child(4) {flex: 1 1 31%;}

.affiliate-summary-hts-breakdown-details-left h2 {color: #15151666;line-height: 100%;font-weight: 500;}
.affiliate-summary-hts-breakdown-details-left {}
.affiliate-summary-hts-breakdown-details-left h2 span {color: #151516;font-weight: 600;letter-spacing: -0.36px;}
.affiliate-summary-hts-breakdown-details-left h3 {display: block; color: #151516;font-weight: 700;margin: 3px 0;line-height: 100%;}
.affiliate-summary-hts-breakdown-details-left h3 {letter-spacing: -0.01em;}
.affiliate-summary-hts-breakdown-details-left h3 span {letter-spacing: -0.66px;}
.affiliate-summary-hts-breakdown-details-left p {color: #15151666;line-height: 100%;font-weight: 400;}
/**Affiliate Summary End**/


/*START CRM SETUP*/
.IntegrationSetup{height: calc(100vh - 82px);padding: 14px 24px 26px;overflow-y: auto;}
.IntegrationSetup > .wrapper { max-width: 100%; height: 100%; padding: 0; }
.IntegrationSetup .IntegrationSetup-con{height: 100%;}

.IntegrationSetupHolder{width: 100%;height: 100%;align-items: stretch;}
.IntegrationSetupHolder .IntegrationSetupSidebar{width: 232px;padding-top: 18px;}

.IntegrationSetupHolder .IntegrationSetupSidebar .IntegrationSetupSidebarHeading{margin-bottom: 16px;}
.IntegrationSetupHolder .IntegrationSetupSidebar ul li { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li .IntegrationSetupSidebarIcon { position: relative; width: 20px; height: 20px; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li .IntegrationSetupSidebarIcon svg {position: absolute; top: 50%; transform: translateY(-50%); }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li a { width: calc(100% - 48px); color: #15151666; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li .sidebarCheckbox { border-radius: 6px; border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123, 0.30); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); width: 16px; height: 16px; position: relative; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li .sidebarCheckbox svg  {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li .IntegrationSetupSidebarIcon svg  {fill: #151516; fill-opacity: 0.4; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li.active a { color: #151516; }
.IntegrationSetupHolder .IntegrationSetupSidebar ul li.active .IntegrationSetupSidebarIcon svg{ fill-opacity: 1; }


.IntegrationSetupHolder .IntegrationSetupContent{width: calc(100% - 232px); flex-grow: 2; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); height: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden;}
/*END CRM SETUP*/

/* Start of BOOKING PAGE SETUP */
.calendar-booking-form .form-item .error {color: var(--accent2);}
/*.calendar-booking-form .form-item:has(.error) input,
.calendar-booking-form .form-item:has(.error) textarea {border-color: var(--accent1);}*/
/* END of BOOKING PAGE SETUP */

/* Start of Appointment Analytics SETUP*/
#appointmentAnalytics.appointment-analytics {margin: 14px auto 0;width: 100%;max-width: 1200px;}
#appointmentAnalytics.appointment-analytics > h2.text-2xl {}
#appointmentAnalytics.appointment-analytics .appointment-analytics-tablinks-con {padding: 0;margin: 25px 0;border-bottom: 1px solid #ccc;display: flex;gap: 0;}
#appointmentAnalytics.appointment-analytics .appointment-analytics-tablinks-con li {padding: 0 0 10px;border-bottom: 3px solid var(--accent1);width: max-content;margin-right: 20px;}
#appointmentAnalytics.appointment-analytics .appointment-analytics-tablinks-con li:last-child {margin-right: 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left {gap: 8px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right {gap: 8px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-datepicker-con {background:#fff;display: flex;gap: 8px;border: 1px solid var(--primary-color);padding: 8px 16px;border-radius: 8px;border-color: #ccc; min-height: 38px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-datepicker-con small {font-size: 14px; line-height: 17px; display: flex; align-items: center;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-datepicker-con span {padding: 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-datepicker-con span i {width: 16px; height: 17px;background-size: cover;line-height: 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con {position: relative;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con a {background:#fff; flex;gap: 8px;border: 1px solid var(--primary-color);padding: 8px 10px;border-radius: 8px;border-color: #ccc;font-size: 14px !important;display: flex; align-items: center; gap: 4px;color: #151516;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con a svg {width: 14px; height: 14px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-content a {font-size: 12px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-customize-con {background:#fff;display: flex;gap: 8px;border: 1px solid var(--primary-color);padding: 8px 16px;border-radius: 8px;border-color: #ccc;font-size: 14px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-customize-con svg {width: 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-export-btn-con {position: relative;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-export-con {background:#fff;display: flex;gap: 8px;border: 1px solid var(--primary-color);padding: 8px 16px;border-radius: 8px;border-color: #ccc;font-size: 14px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-export-con svg {width: 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-right .appointment-export-btn-con .sys-dropdown {border-radius: 8px;}

#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes {margin: 30px 0 20px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes > h2 {display: block;margin: 0 0 20px;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;font-weight: 700;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con {display: flex;gap: 16px; justify-content: space-between;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box {box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);background: #fff;width: 24%;padding: 16px 16px 16px;border-radius: 8px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box h3.text-sm {font-size: 16px;color: var(--primary-color);line-height: 20px;font-weight: 700;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box > h4 {display: block;margin: 15px 0 5px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box p small.green {color: var(--sys-green);}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box p small.red {color: var(--sys-red);}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-boxes .appointment-analytics-boxes-con .appointment-analytics-box > small {margin: 4px 0 0;display: block;}


#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex {display: flex;justify-content: space-between;gap: 16px;margin: 0 0 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container {width: 50%;box-shadow: 0 1px 6px 0 rgb(0 0 0/10%);padding: 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container .section-container-header {display: flex;justify-content: space-between;margin: 0 0 20px;gap:8px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container .appointment-analytics-chart-con {height: 150px;overflow: hidden;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container .appointment-analytics-chart-con .table-container > div {max-height: 150px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex:last-child {margin: 0;}

#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container h2.text-sm {font-size: 16px;color: var(--primary-color);font-weight: 700;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container h3 {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-flex .section-container h2 span {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con {display: block;margin: 30px 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con:last-child {margin-bottom: 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con > h2 {display: block;margin: 0 0 20px;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;font-weight: 700;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con .appointment-analytics-flex {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con .appointment-analytics-flex .appointment-analytics-user-left {width: 66%;display: flex;gap: 16px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con .appointment-analytics-flex .appointment-analytics-user-right {width: 33%;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con .appointment-analytics-flex .appointment-analytics-user-right .section-container {width: 100%;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-analytics-user-con .appointment-analytics-flex .appointment-analytics-user-left .section-container {}

.appointment-analytics-chart-con .table-container {border: 0 !important;border-radius: 0 !important;}
.appointment-analytics-chart-con table th, .appointment-analytics-chart-con table tr, .appointment-analytics-chart-con table td {background: #FFF !important;border: 0 !important;text-align: left !important;padding: 5px 0 !important;}
.appointment-analytics-chart-con table th:first-child, .appointment-analytics-chart-con table td:first-child {width: 100%;}

.appointment-analytics-user-left, .appointment-analytics-user-right {flex-direction: column;}
.appointment-analytics-user-left, .appointment-analytics-user-right {flex: 1 1 0;}
.appointment-analytics-user-left .section-container, .appointment-analytics-user-right .section-container {width: 100% !important;}
.appointment-analytics-user-right .section-container {height: 100%;}
.appointment-analytics-user-right .appointment-analytics-chart-con {height: calc(100% - 40px) !important;position: relative;}
.appointment-analytics-user-right .appointment-analytics-chart-con p.no-data {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align:center;}

#appointmentAnalytics.appointment-analytics .appointment-filter-content {position: absolute; top: calc(100% - 6px); left: 0;z-index: 10;background: #FFFFFF; border: 1px solid #ccc; padding: 16px 0 8px;border-top :0; border-radius: 0 8px 8px 8px;}
#appointmentAnalytics.appointment-analytics .appointment-filter-content.active {display: block;}
#appointmentAnalytics.appointment-analytics .appointment-filter-content:before {content: ""; display: block; height: 10px; border-top: 1px solid #CCC; position: absolute; top: 0; right: 0; width: calc(100% - 76px);border-radius: 0 8px 0 0;}
#appointmentAnalytics.appointment-analytics .appointment-filter-content p, #appointmentAnalytics.appointment-analytics .appointment-filter-content .form-con {padding: 0 16px;}
#appointmentAnalytics.appointment-analytics .appointment-filter-content .appointment-filter-tablinks {margin: 10px 16px;}
#appointmentAnalytics.appointment-analytics .appointment-filter-content p {white-space: nowrap;color: #151516;}
#appointmentAnalytics.appointment-analytics .appointment-filter-tablinks {display: flex; border-radius: 8px; padding: 4px;background: #f0f3f5; margin: 10px 0; width: max-content;gap: 5px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks a {color: #151516;padding: 4px 10px !important;font-size: 14px;background: none; border: 1px solid transparent;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li.active a, #appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li:hover a {background: #FFF; border: 1px solid #CCC;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li.active a svg path, #appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li:hover a.svg path {fill: var(--accent2) !important;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li:last-child.active a svg, #appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks li:last-child:hover a svg {fill: var(--accent2) !important;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .appointment-filter-tablinks i {line-height: 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con {margin: 10px 0 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con .form-item {margin-bottom: 8px;position: relative;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con a.dropdown-btn {padding: 4px 10px;justify-content: space-between; font-size: 12px !important;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;z-index: 5;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: #151516;line-height: 0;display: block;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .form-con .form-item:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown {padding: 8px;max-height: 150px;overflow: hidden;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown ul {overflow: auto;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown .filter-search-con {position: relative;margin: 0 0 6px;padding: 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown .filter-search-con input[type=text] {padding: 4px 8px;height: 32px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown .filter-search-con button {position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown em {}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown ul {margin: 8px 0 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown ul li {margin: 4px 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown ul li label {display: flex; align-items: center; gap: 6px;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .sys-dropdown ul li label em {font-style: unset;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .filter-btns-con {padding: 8px 16px 0;border-top: 1px solid #ccc;margin: 8px 0 0;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .filter-btns-con button {min-width: unset;}
#appointmentAnalytics.appointment-analytics .appointment-tabcontent .appointment-tabcontent-header .appointment-tabcontent-header-left .appointment-filter-con .filter-btns-con .filter-btns-left button {color: var(--accent2);}

.appointment-analytics-customization-modal .modal-box {padding: 0;display: flex; flex-direction: column;max-height: 70%;}
.appointment-analytics-customization-modal .modal-box .modal-box-title {padding: 16px; border-bottom: 1px solid #CCC; flex-shrink: 0;}
.appointment-analytics-customization-modal .modal-box .modal-box-content {padding: 0 16px;flex: 1; overflow: auto;}
.appointment-analytics-customization-modal .modal-box .modal-box-content h2 {color: #151516;}
.appointment-analytics-customization-modal .modal-box .modal-box-content .form-con {margin: 12px 0;}
.appointment-analytics-customization-modal .modal-box .modal-box-content .form-con .form-item input[type=checkbox] {margin: 1px 0 0; accent-color: var(--accent2);}
.appointment-analytics-customization-modal .modal-box .modal-box-content .form-con .form-item {margin: 12px 0;}
.appointment-analytics-customization-modal .modal-box .modal-box-content .form-con .form-item small {display: block;margin-top: 5px;line-height: 1.5;}

.appointment-analytics-customization-modal .modal-box .modal-btns-con {padding: 16px; border-top: 1px solid #CCC;margin: 0; flex-shrink: 0;flex-shrink: 0;}
.appointment-analytics-customization-modal .modal-box .modal-btns-con .modal-btns-left button {color: var(--accent2);}
.appointment-analytics-customization-modal .modal-box .modal-btns-con button {min-width: unset;}
/* END of Appointment Analytics SETUP*/

/* END of Appointment Analytics SETUP - new design*/
#appointmentAnalytics.appointment-analytics.new {padding: var(--clamp-12) var(--clamp-24) var(--clamp-24);max-width: 100%;font-family: Sohne, sans-serif;width: 100%;display: flex; flex-direction: column;margin: 0; flex: 1; overflow: hidden;padding-bottom: 24px !important; background: #F7F9FA}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header {position: relative;flex-shrink: 0;}
/*#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header:before {content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; display: block; width: 100%; height: 86px; top: 100%;left: 0; pointer-events: none;}*/
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-container {width: 100%;margin: 0 auto;margin-bottom: var(--clamp-18);}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-container h2 i {display: block; line-height: 0;}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header > h2 {font-size: 20px;}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con { position: relative; cursor: pointer; padding: var(--clamp-6) var(--clamp-10); border-radius: var(--clamp-8); border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05); }
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con span { display: block; color: #151516; font-size: var(--clamp-text-sm); color: #151516; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.14px; }
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con svg {display: block; line-height: 1; width: var(--clamp-text-base);  height: var(--clamp-text-base)}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh {border-radius: var(--clamp-8); border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); padding: 4px;display: flex; align-items: center; justify-content: center;padding: calc(var(--clamp-6) - 1px);cursor: pointer;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh svg { width: calc(var(--clamp-text-l) - 1px); height: calc(var(--clamp-text-l) - 1px); display: block; line-height: 1; }
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh svg path {fill: var(--accent2);}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh:hover {opacity: 0.5;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh:before {display: none;}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent {}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-customize-con {border: none;background: #FFFFFF;box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06);border-radius: 6px;padding: 2px 8.5px;gap: 6px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-customize-con svg {width: 12px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-customize-con:hover {opacity: 0.5;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-customize-btn-con {}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-export-btn-con {}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-export-con {border: none;background: #FFFFFF;box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06);border-radius: 6px;padding: 2px 8.5px;gap: 6px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-export-con svg {width: 12px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con .appointment-tabcontent .appointment-export-btn-con:hover {opacity: 0.5;}

.appointment-analytics-con { display: flex; flex-direction: column; overflow: hidden; }
.appointment-analytics-content {flex: 1; overflow: auto;position: relative;}
.appointment-analytics-content .spinner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--main-bg) !important; z-index: 2; display: flex; align-items: center; justify-content: center; border-radius: 8px;} 
.appointment-analytics-content .spinner {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-style: solid; border-color: black; border-top-color: transparent; border-width: 4px; border-radius: 50%; -webkit-animation: spin 0.8s linear infinite; animation: spin 0.8s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}   

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes {margin: 0 auto;width: 100%;gap: var(--clamp-16); padding: 0;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section {position: relative;width: 25%;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 {font-size: var(--clamp-text-sm);line-height: 1;color: #151516;font-weight: 500;letter-spacing: -0.01em;color: #151516;gap: var(--clamp-6);}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 {color: #151516;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 i {display: block; line-height: 0;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 i:first-child svg {display: none; margin-right: 3px; width: 16px; height: 16px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:first-child > h2 i:first-child svg:first-child {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:nth-child(2) > h2 i:first-child svg:nth-child(2) {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:nth-child(3) > h2 i:first-child svg:nth-child(3) {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:nth-child(4) > h2 i:first-child svg:nth-child(4) {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:nth-child(5) > h2 i:first-child svg:nth-child(5) {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:nth-child(6) > h2 i:first-child svg:nth-child(6) {display: block;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 small {color: #151516;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 {gap: 4px;line-height: 100%; font-weight: 700; letter-spacing: normal;margin: 6px 0 2px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 q {font-weight: 400; color: rgba(21, 21, 22, 0.25); display: block; line-height: 1;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 .appointment-red {}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 span {display: block; line-height: 100%;color: #151516}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section p, #appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section p span { line-height: 100%; font-weight: 400; color: #15151666; letter-spacing: normal;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section:last-child {padding-right: var(--clamp-30);}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 i { display: flex; align-items: center; gap: 4px; }
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 i small {display: block; line-height: 1;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 .appointment-green small {color: #65cc65;font-style: normal;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h3 .appointment-red small {font-style: normal;color: #FF224A;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con {display: flex;align-items: center;gap: var(--clamp-10);}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes {display: flex;justify-content: space-between;gap:16px;padding: 0;min-height: 261px;width: 100%;margin: 24px auto 0;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con {background: #FFFFFF;box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 12px;flex: 1 1 50%;padding: var(--clamp-20) var(--clamp-20) var(--clamp-10);display: flex; flex-direction: column;box-shadow: var(--container-shadow);border: var(--container-border);}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con .header-boxes-con {display: flex;justify-content: space-between;align-items: center;width: 100%;gap: 10px;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con .header-boxes-con .closer-filter-con {border-radius: 6px; position: relative;display: block; flex-shrink: 0;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con .header-boxes-con .closer-filter-con span {color: #151516;letter-spacing: -0.01em;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con h2 {font-size: var(--clamp-text-l);line-height: 18px;font-weight: 600;line-height: 100%;display: flex;gap: var(--clamp-8);align-items: center; flex: 1; overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con h2 span {line-height: 100%; white-space: nowrap; text-overflow: ellipsis;display: block;overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con h2 small {line-height: 100%; white-space: nowrap; text-overflow: ellipsis;display: block;overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con h2 i {flex-shrink: 0;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con .graph-boxes-con {margin-top: auto; width: 100%;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes section.boxes-con .graph-boxes-con canvas {flex: 1 !important;max-width: calc(100% - var(--clamp-12) - 100px)}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes {display: flex;justify-content: space-between;gap:16px;padding: 0;min-height: 261px;width: 100%;margin: var(--clamp-24) auto var(--clamp-14);}

#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] {display: flex;justify-content: space-between;min-height: 261px;gap:16px;margin-bottom: var(--clamp-24);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con {background: #FFFFFF;box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 12px;flex: 1 1 50%;max-width: 100%;padding: 20px 0 0;max-height:261px;box-shadow: var(--container-shadow); border: var(--container-border);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .graph-boxes-con {margin-top: 15px;width: 100%;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .graph-boxes-con canvas {width: 100% !important;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] {display: flex;justify-content: space-between;min-height: 261px; gap:16px;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con {background: #FFFFFF;box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 12px;max-width: 100%;padding: 0;box-shadow: var(--container-shadow); border: var(--container-border);flex: 1 1 50%;display: flex; flex-direction: column;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con {display: flex;justify-content: space-between;align-items: center;padding:0 var(--clamp-20); gap: var(--clamp-12);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 {font-size: var(--clamp-text-l);line-height: 18px;font-weight: 600;line-height: 100%;display: flex;gap: var(--clamp-8);align-items: center; flex: 1; overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 span {line-height: 100%; white-space: nowrap; text-overflow: ellipsis;display: block;overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 small {line-height: 100%; white-space: nowrap; text-overflow: ellipsis;display: block;overflow: hidden;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 i {flex-shrink: 0;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con {display: flex;justify-content: space-between;align-items: center;padding: var(--clamp-20) var(--clamp-20) 0;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con .datepicker-cm > span {padding: 0;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con h2 {font-size: var(--clamp-text-l);line-height: 18px;font-weight: 600;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con i {display: block; line-height: 1;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con h2 i svg {width: var(--clamp-text-l); height: var(--clamp-text-l)}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .header-boxes-con h2 span {font-size: var(--clamp-text-l); display: block; line-height: 1;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con:first-child .list-con.list-con-header h4 label {content: ""}

#appointmentAnalytics.appointment-analytics.new .appointment-confirmation-box {background: #FFFFFF; box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03); border-radius: 12px; flex: 1 1 50%; padding: var(--clamp-20) var(--clamp-20) var(--clamp-10); display: flex; flex-direction: column; box-shadow: var(--container-shadow); border: var(--container-border);margin: var(--clamp-24) auto var(--clamp-14);}
.appointment-confirmation-box-header h2{ font-size: var(--clamp-text-l); line-height: 18px; font-weight: 600; line-height: 100%; display: flex; gap: var(--clamp-8); align-items: center; flex: 1; overflow: hidden; }
.appointment-confirmaction-box-legends {display: flex; align-items: center;gap: var(--clamp-10);}
.appointment-confirmaction-box-legends li {display: flex; align-items: center;gap: 4px}
.appointment-confirmaction-box-legends li .legend-circle {display: block; width:  var(--clamp-text-xs); height: var(--clamp-text-xs); border-radius: 50%; line-height: 0;}
.appointment-confirmaction-box-legends li:first-child .legend-circle {background: linear-gradient(180deg, #50A771 0%, rgba(80, 167, 113, 0.25) 100%);}
.appointment-confirmaction-box-legends li:nth-child(2) .legend-circle {background: linear-gradient(180deg, #294C99 0%, rgba(41, 76, 153, 0.25) 100%);}
.appointment-confirmaction-box-legends li:nth-child(3) .legend-circle {background: linear-gradient(180deg, #FF7A48 0%, rgba(255, 122, 72, 0.50) 100%)}
.appointment-confirmaction-box-legends li:last-child .legend-circle {background: linear-gradient(180deg, #3B79F5 0%, rgba(59, 121, 245, 0.25) 100%);}
.appointment-confirmaction-box-legends li small { display: block; line-height: 1; color: #9F9F9F; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.12px; }
#appointmentAnalytics.appointment-analytics.new .appointment-confirmation-box .graph-boxes-con {margin-top: var(--clamp-24); width: 100%;}


.chart-wrap { display:flex; gap:var(--clamp-12); align-items:stretch; width: 100%; overflow: hidden;}
.chart-wrap .canvas-con {flex: 1;}
.chart-wrap .legend {display:flex; flex-direction:column; font: var(--clamp-text-sm) Sohne, system-ui, sans-serif; flex-shrink: 0; width: 100%;}
.legend__tools { display: none;}
.legend__search { flex:1; padding:6px 8px; border:1px solid #e3e3e3; border-radius:6px; }
.legend__buttons button { padding:6px 8px; border:1px solid #e3e3e3; border-radius:6px; background:#fff; cursor:pointer; }
.legend-con {max-height:180px; margin:0; padding:6px 0; list-style:none; border:1px solid #f0f0f0; border-radius:8px; width: 100px; min-height: 180px;}
.legend__list {width: 100%;}
.legend__item { display:flex; align-items:center; gap:var(--clamp-8); padding:2px var(--clamp-8); cursor:pointer; }
.legend__item.is-hidden { opacity:0.45; }
.legend__swatch { width:10px; height:10px; border-radius:50%; border:1px solid rgba(0,0,0,.15); flex:0 0 auto; }
.legend__label { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: var(--clamp-text-xs);}


.appointment-analytics-boxes-con2, .appointment-analytics-boxes-con2 {width: 100%; margin: 0 auto;}

#appointmentAnalytics.appointment-analytics.new section.boxes-con .graph-boxes-con.bar-graph {position: relative;}

#appointmentAnalytics.appointment-analytics.new section.boxes-con .header-boxes-con .bar-timeframe-filter-con {display: block; border-radius: 6px; padding: 2px 8px;position: relative;}
#appointmentAnalytics.appointment-analytics.new section.boxes-con .header-boxes-con .bar-timeframe-filter-con span {color: #151516;letter-spacing: -0.01em;}
    
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con {flex: 1;margin-top: var(--clamp-8)}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .name-list-empty {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--clamp-12); height: 100%;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .name-list-empty .name-list-empty-content {text-align: center;display: flex; flex-direction: column;justify-content: center; align-items: center;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .name-list-empty .name-list-empty-content svg {margin-bottom: 6px;fill: #151516;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .name-list-empty .name-list-empty-content span {color: #151516;}

#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con section.list-titles {display: flex;justify-content: space-between;padding: 0 20px 9px;margin: 16px 0 0;border-bottom: 1px solid rgba(21, 21, 22, 0.1);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con section.list-titles h3 {color: #15151673;font-size: 12px;font-weight: 400;line-height: 14px;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container {position: relative;padding: 0;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con {background: linear-gradient(180deg, rgba(80, 167, 113, 0.1) 0%, rgba(80, 167, 113, 0) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con {background: linear-gradient(180deg, rgba(255, 34, 74, 0.08) 0%, rgba(255, 34, 74, 0) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con {display: flex;justify-content: space-between;min-height: 46px;align-items: center;border-top: 1px solid rgba(21, 21, 22, 0.05);padding: 0 20px;box-sizing: border-box;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con label { color: rgba(21, 21, 22, 0.45); font-size: var(--clamp-text-xs); font-style: normal; font-weight: 400; line-height: 105%; letter-spacing: -0.36px; }
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header { border-top: 0; border-bottom: 1px solid rgba(21, 21, 22, 0.05); padding-top: var(--clamp-10);padding-bottom: var(--clamp-10); background: linear-gradient(to top, rgba(21, 21, 22, 0.03) 0%, rgba(21, 21, 22, 0.00) 100%); }
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header, #appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header span {min-height: unset;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header h4 {min-height: unset;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header h4, #appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con.list-con-header span {}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con h4 {font-size: 14px;line-height: 14px;font-weight: 500;display: flex;align-items: center;gap: var(--clamp-10);min-height: 46px;box-sizing: border-box;flex: 1;overflow: hidden; text-overflow: ellipsis}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con h4 span {width: 18px;height: 18px;background: radial-gradient(50% 50% at 50% 50%, #FF7A48 0%, #FFA887 100%);display: flex;color: #fff;border-radius: 50%;align-items: center;justify-content: center;font-size: 10px;font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink:0;font-size: 8px;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con h4 i {display: flex; width: 18px; height: 18px;text-align: center;justify-content: center; align-items: center}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con section > span {color: #50A771;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con section > span {color: #FF224A;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con > span {font-size: 14px;line-height: 14px;font-weight: 600;min-height: 46px;display: flex;align-items: center;justify-content: end;width: 50px; flex-shrink: 0;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container section.list-con > span i svg {margin-left: var(--clamp-8);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con {background: linear-gradient(180deg, rgba(80, 167, 113, 0.1) 0%, rgba(80, 167, 113, 0) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con {background: linear-gradient(180deg, rgba(255, 34, 74, 0.08) 0%, rgba(255, 34, 74, 0) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con section > span {color: #50A771;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con section > span {color: #FF224A;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con section.list-con h4 > span {background: radial-gradient(50% 50% at 50% 50%, #50A771 0%, #4DC67B 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .upper-list-con section.list-con:nth-child(2n) h4 > span {background: radial-gradient(50% 50% at 50% 50%, #665CDA 0%, rgba(102, 92, 218, 0.66) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con section.list-con:nth-child(2n) h4 > span {background: radial-gradient(50% 50% at 50% 50%, #50A771 0%, #4DC67B 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container .lower-list-con section.list-con:nth-child(3) h4 > span {background: radial-gradient(50% 50% at 50% 50%, #665CDA 0%, rgba(102, 92, 218, 0.66) 100%);}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section.boxes-con .name-list-con .list-container::before {content: '';}

#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 svg {width: var(--clamp-text-l); height: var(--clamp-text-l)}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 i:first-child svg {display: none;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con:nth-child(odd) .header-boxes-con h2 i:first-child svg:first-child {display: block;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con:nth-child(even) .header-boxes-con h2 i:first-child svg:nth-child(2) {display: block;}

#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section .name-list-con .list-container section.list-con:nth-child(4n + 2) h4 span { background: radial-gradient(50% 50% at 50% 50%, #3B79F5 0%, rgba(59, 121, 245, 0.50) 100%) !important; }
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section .name-list-con .list-container section.list-con:nth-child(4n + 3) h4 span { background: radial-gradient(50% 50% at 50% 50%, #50A771 0%, rgba(80, 167, 113, 0.50) 100%) !important; }
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section .name-list-con .list-container section.list-con:nth-child(4n + 4) h4 span { background: radial-gradient(50% 50% at 50% 50%, #294C99 0%, rgba(41, 76, 153, 0.50) 100%) !important; }
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-list-boxes"] section .name-list-con .list-container section.list-con:nth-child(4n + 5) h4 span { background: radial-gradient(50% 50% at 50% 50%, #FF7A48 0%, #FFA887 100%) !important;}

#appointmentAnalytics .field-filter { all: unset; }
#appointmentAnalytics .field-filter { padding: var(--clamp-6) var(--clamp-6) var(--clamp-6) var(--clamp-10); display: flex; align-items: center; gap: 6px; }
#appointmentAnalytics .field-filter:hover { border-color: #FF5A5F; }
#appointmentAnalytics .field-filter:focus-within { border-color: #808080; }
#appointmentAnalytics .field-filter span { flex: 1; }
#appointmentAnalytics .field-filter svg { width: var(--clamp-text-l); height: var(--clamp-text-l); background-color: inherit; transition: transform 0.3s ease; }
#appointmentAnalytics .field-filter.active { border-color: #808080; }
#appointmentAnalytics .field-filter.drop-down { cursor: pointer; position: relative; }
#appointmentAnalytics .field-filter.drop-down ul { position: absolute; top: 110%; right: 0; width: auto; min-width: 100%; display: none; margin: 0; padding: 0; list-style: none; background-color: #fff; border: 1px solid #eee; border-radius: var(--clamp-6); z-index: 3; padding: 5px 0; }
#appointmentAnalytics .field-filter.drop-down ul li { padding: var(--clamp-6) var(--clamp-10); border-radius: 4px; white-space: nowrap; color: black; }
#appointmentAnalytics .field-filter.drop-down ul li:hover { color: var(--accent2); }
#appointmentAnalytics .field-filter.drop-down.active ul { display: block; }
#appointmentAnalytics .field-filter.drop-down.active svg { transform: rotate(180deg); }
/* END of Appointment Analytics SETUP - new design*/

/**Users**/
main.cm-users .wrapper { max-width: 1200px; margin: 0 auto; }
.cm-users-con {padding: 25px 0;}
.cm-users-header h3 {margin: 5px 0;}
.cm-users-tablinks-con ul {padding: 0;margin: 25px 0;border-bottom: 1px solid #ccc;display: flex;gap: 0;}
.cm-users-tablinks-con ul li {padding: 0 0 10px;width: max-content;margin-right: 20px;}
.cm-users-tablinks-con ul li:hover, .cm-users-tablinks-con ul li.active {border-bottom: 3px solid var(--accent1);}
.cm-users-tablinks-con ul li a {color: #151516;}
.cm-users-tablinks-con ul li:last-child {margin-right: 0;}

.cm-users-active-tabcontent {display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;}

.cm-users-tabcontent-header {}
.cm-users-search-con {padding: 0; margin: 0;}
.cm-users-search-con:before {display: none;}
.cm-users-search-con input[type=text] {background: #FFFFFF;}
.cm-users-export-btn {color: #151516;}
.cm-users-export-btn i {line-height: 0;}
.cm-users-export-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; pointer-events: none;}
.cm-users-export-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699; color: var(--sys-dark);}

.cm-users-invite-btn {background: var(--accent2);color: #FFFFFF;line-height: 30px;}
.cm-users-invite-btn:hover {opacity: 0.5;}

.cm-users-table tr, .cm-users-table tr th, .cm-users-table tr td{background: #FFFFFF !important;border-right: 0 !important;text-align: left}
.cm-users-table tr th:last-child, .cm-users-table tr td:last-child {width: 50px; max-width: 50px;}
.cm-users-table tr th:after, .cm-users-table tr td:after {display: none !important;}
.cm-users-table tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.cm-users-table .checkbox-container {margin: 0 auto;}
.cm-users-table tr th i,.cm-users-table tr td i {line-height: 0;}
.cm-users-table tr th span {line-height: 100%;}

.cm-users-table-action {position: relative;}
.cm-users-table .table-content .sys-dropdown {position: fixed;width: max-content;}
.cm-users-table .table-content .sys-dropdown i {line-height: 0;}
.cm-users-table .table-content .sys-dropdown a {color: #151516;text-decoration: none;}

.cm-users-table tr td span {color: #151516;}
.cm-users-table tr td small {display: block;}
.cm-users-table tr td a {color: var(--accent2); text-decoration: underline;}

.cm-users-table thead tr th:nth-child(2), .cm-users-table tbody tr td:nth-child(2) {padding-left: 0;}

.change-role-modal .form-con {max-width: 200px; margin: 0 auto;}

/**Groups**/
main.cm-groups .wrapper {max-width: 1200px;margin: 0 auto;}
.cm-groups-con {padding: 25px 0;display: flex; flex-direction: column;}
.cm-groups-header h3 {margin: 5px 0;}

.cm-groups-tablinks-con ul {padding: 0;margin: 25px 0;border-bottom: 1px solid #ccc;display: flex;gap: 0;}
.cm-groups-tablinks-con ul li {padding: 0 0 10px;width: max-content;margin-right: 20px;}
.cm-groups-tablinks-con ul li:hover, .cm-groups-tablinks-con ul li.active {border-bottom: 3px solid var(--accent1);}
.cm-groups-tablinks-con ul li a {color: #151516;}
.cm-groups-tablinks-con ul li:last-child {margin-right: 0;}

.cm-groups-active-tabcontent {display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;margin-top: 20px;}
.cm-groups-tabcontent-con {flex: 1;}

.cm-groups-tabcontent-header {}
.cm-groups-search-con {padding: 0; margin: 0;}
.cm-groups-search-con:before {display: none;}
.cm-groups-search-con input[type=text] {background: #FFFFFF;}
.cm-groups-export-btn {color: #151516;}
.cm-groups-export-btn i {line-height: 0;}
.cm-groups-export-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; pointer-events: none;}
.cm-groups-export-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699; color: var(--sys-dark);}

.create-group-btn {background: var(--accent2);color: #FFFFFF;line-height: 30px;}
.create-group-btn:hover {opacity: 0.5;}

.cm-groups-table tr, .cm-groups-table tr th, .cm-groups-table tr td{background: #FFFFFF !important;border-right: 0 !important;text-align: left}
.cm-groups-table tr th:last-child, .cm-groups-table tr td:last-child{width: 50px; max-width: 50px;}
.cm-groups-table tr th:after, .cm-groups-table tr td:after {display: none !important;}
.cm-groups-table tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.cm-groups-table .checkbox-container {margin: 0 auto;}
.cm-groups-table tr th i,.cm-groups-table tr td i {line-height: 0;}
.cm-groups-table tr th span {line-height: 100%;}

.cm-groups-table tr td span {color: #151516;}
.cm-groups-table tr td small {display: block;}
.cm-groups-table tr td a {color: var(--accent2); text-decoration: underline;}

.cm-groups-table thead tr th:nth-child(2), .cm-groups-table tbody tr td:nth-child(2) {padding-left: 0;}

.remove-user-modal .form-con .form-item {margin-bottom: 10px;}
.remove-user-modal .form-con .form-item input[type=radio] {flex-shrink: 0;}
.remove-user-modal .form-con .form-item label {display: flex; gap: 10px; align-items: flex-start;}
.remove-user-modal .form-con .form-item label b {display: block; color: #151516;margin-bottom: 5px;}
.remove-user-modal .form-con .form-item label small {color: #15151680;}

.cm-group-table-action {position: relative;}
.cm-groups-table {overflow: visible !important;}
.cm-groups-table .table-content {border-radius: 12px !important;overflow: hidden;}
.cm-groups-table .table-content .sys-dropdown {position: fixed;width: max-content;}
.cm-groups-table .table-content .sys-dropdown i {line-height: 0;}
.cm-groups-table .table-content .sys-dropdown a {color: #151516;text-decoration: none;}

.cm-groups-edit-section {padding: 25px 0;}
.cm-groups-edit-section .cm-groups-edit-header h3 {margin: 5px 0;}
.cm-groups-edit-section .cm-groups-edit-header-left a.group-back-btn {color: var(--accent2);}
.cm-groups-edit-section .cm-groups-edit-header-left a.group-back-btn:hover {opacity: 0.5 !important;}
.cm-groups-edit-section .cm-groups-edit-header-right a {color: #151516;}
.cm-groups-edit-section .cm-groups-edit-header-right a:hover {opacity: 0.5;}
.cm-groups-edit-section .cm-groups-edit-header-right .add-member-btn { background: var(--accent2); color: #FFFFFF; line-height: 30px; }
.cm-groups-edit-section .cm-groups-edit-header-right .add-member-btn:hover {opacity: 0.5 !important;}
.cm-groups-edit-section i {line-height: 0;}

.cm-groups-edit-section .group-delete-btn {margin: 25px 0 0 auto;background: var(--accent2); color: #FFF;}
.cm-groups-edit-section .group-delete-btn:hover {opacity: 0.5 !important;}

/**Booking Modal**/
.calendar-booking-modal  * {font-family: Proxima Nova, sans-serif;letter-spacing: unset !important;line-height: 1.5;}
.calendar-booking-modal .modal-box {max-width: min(66%, 1122px);height: 59vh; max-height: 560px;width: max-content; padding: 0;}
.calendar-booking-modal .calendar-booking-box {width: max-content; height: 100%;max-width: 100%;}
.calendar-booking-modal .booking-modal-close-button {display: block !important;}

/*SENDGRID DASHBOARD*/

.sendgrid-dashboard-page .common-scroll { width: 220px; }
.sendgrid-dashboard-range-con {justify-content: flex-end;}
.sendgrid-dashboard-page .sendgrid-dashboard-right { position: relative; justify-content: flex-end; }

.sendgrid-dashboard-page .sideBar li { padding: 8px; cursor: pointer; border: 1px solid transparent }
.sendgrid-dashboard-page .sideBar li .hidden { display: none }
.sendgrid-dashboard-page .sideBar li.selected, .sendgrid-dashboard-page .sideBar li.hover { color: var(--accent2); }
.sendgrid-dashboard-page .sideBar li.selected .hidden { display: unset }

.sendgrid-dashboard-page .sideBar select { border: 1px solid #DCDCDC; border-radius: 2px; margin: 8px 8px 0 20px; width: 150px; border-radius: 4px }


.sendgrid-dashboard-page { display: flex; flex-direction: column; gap: 16px; gap: 16px; margin: 14px auto 0; margin-top: 14px; width: 100%; gap: 13px; }
.sendgrid-dashboard-page .sendgrid-dashboard-title { background: var(--sys-white); flex-shrink: 0; padding: 0 0 18px; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-title-left h2 { position: relative; padding-left: 28px; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-title-left h2 svg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right h2 { line-height: 100%; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right .dashboard-search-con.form-con input[type="search"] { height: 30px; line-height: 14px; font-size: 13px; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right .dashboard-search-con { padding: 0 6px 0 10px; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right .dashboard-search-con button { position: absolute; right: 10px; top: 6px; z-index: 3; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right .stats-refresh { width: 26px; height: 16px; position: relative; display: block; }
.sendgrid-dashboard-page .sendgrid-dashboard-title .sendgrid-dashboard-right .stats-refresh a { position: absolute; top: 50%; transform: translateY(-50%); }

.sendgrid-dashboard-page .tab-btns-con { padding-left: 15px; position: relative; padding-top: 3px; }
.sendgrid-dashboard-page .tab-btns-con:before { content: ""; display: block; left: 0; top: 40%; transform: translateY(-50%); width: 1px; height: 100%; background: rgba(21,21,21,0.1); position: absolute; }

/*.sendgrid-dashboard-page .paymentstabs-con {padding: 0 0 13px;}*/
/*.sendgrid-dashboard-page .tabs {display: flex;gap: 14px;align-items: flex-start;width: fit-content; }
.sendgrid-dashboard-page .tabs button {padding: 0 5px 0px;position: relative;font-size: 15px;line-height: 100%;}
.sendgrid-dashboard-page .tabs button.active:after, .sendgrid-dashboard-page .tabs button:hover:after {content: ""; display: block; height: 3px; width: 100%; position: absolute; bottom: -8px; left: 0; background: var(--accent2);opacity: 1;}
.sendgrid-dashboard-page .tabs button:hover {opacity: 1; cursor: pointer}*/

.sendgrid-dashboard-page .sendgrid-dashboard-filter-con { flex-shrink: 0; }
.sendgrid-dashboard-page .sendgrid-dashboard-filter-con label { margin: 0; white-space: nowrap; font-size: 15px; line-height: 100%; }
.sendgrid-dashboard-page .sendgrid-dashboard-filter-con select { padding: 5px 25px 5px 10px; height: 32px; line-height: 20px; }

.sendgrid-dashboard-page .sendgrid-dashboard-right { position: relative; }
.sendgrid-dashboard-page .sendgrid-dashboard-right:before { content: ""; width: 1px; height: 50%; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); display: none; }

.sendgrid-dashboard-page .select-dropdown-con { position: relative; display: inline-block; cursor: pointer; width: 90px; width: auto; padding-left: 10px}
.sendgrid-dashboard-page .select-dropdown-con label { padding-inline: 5px}
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown span { position: relative; background: #FFFFFF; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; color: #151516; padding-inline: 2px }
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown { display: flex; align-items: end; }
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown span { color: #151516; /*line-height: 100%;*/ }
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown i { margin-left: 5px; flex-shrink: 0; line-height: 0; }
.sendgrid-dashboard-page .select-dropdown-con ul { position: absolute; top: calc(100% + 5px); left: 0; background: #FFFFFF; border-radius: 8px; z-index: 30; padding: 5px 0; display: none; border: var(--container-border); height: auto; max-height: 50vh; overflow: scroll; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  }
.sendgrid-dashboard-page .select-dropdown-con ul li { text-align: left; color: #151516; padding: 3px 10px; cursor: pointer; white-space: nowrap; }
.sendgrid-dashboard-page .select-dropdown-con ul li:hover { color: var(--accent2); }
.sendgrid-dashboard-page .select-dropdown-con ul li.separate {border-bottom: 1px solid #ccc; padding-inline: 8px;}
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown.open ~ ul { display: block; left: auto; right: 0; }
.sendgrid-dashboard-page .select-dropdown-con .select-dropdown.open i svg { transform: rotate(180deg); }
.sendgrid-dashboard-page .select-dropdown-con:before {content: ""; display: block; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: rgba(21,21,21,0.1); position: absolute;}

.sendgrid-dashboard-page .select-type { margin-right: 5px; }
.sendgrid-dashboard-page .select-type:after { content: ""; width: 1px; height: 20px; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); background: rgba(21, 21, 21, 0.1); }

.sendgrid-dashboard-page .datepicker-cm {padding-left: 10px }
.sendgrid-dashboard-page .datepicker-cm:before {content: ""; display: block; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: rgba(21,21,21,0.1); position: absolute;}

.sendgrid-dashboard-details .charts-wrapper {display:flex; flex-direction:row; max-height: 300px; max-width: 100%; width: auto; gap: 16px;}

.sendgrid-dashboard-details { display: flex; flex-direction: column; gap: 16px; flex: 1; overflow: hidden; position: relative; }
/*.sendgrid-dashboard-details table { width: 100%; table-layout: auto; }*/
.sendgrid-dashboard-details table thead { background: #FFF !important; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(21, 21, 22, 0.1); }
.sendgrid-dashboard-details table thead tr { }
.sendgrid-dashboard-details table thead tr:first-child { background: #e9edf5; }
.sendgrid-dashboard-details table tr:nth-child(even) { background: #f4f6f8; }
.sendgrid-dashboard-details table thead tr th { font-size: 0.9rem; padding: 7px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; border-bottom: 1px solid rgba(21, 21, 22, 0.1); font-size: 0.85rem; line-height: 1.1rem; }
.sendgrid-dashboard-details table thead tr th:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background: rgba(21, 21, 22, 0.1); }
.sendgrid-dashboard-details table thead tr th:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: rgba(21, 21, 22, 0.1); }
.sendgrid-dashboard-details table thead tr:nth-child(odd) { background: #f4f6f8; }
.sendgrid-dashboard-details table thead tr th { min-width: 100px; width: 200px; }
.sendgrid-dashboard-details table tr td { color: #5D5D5D; font-size: 0.85rem; padding: 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; position: relative; white-space: nowrap; text-align: center; }

/*.sendgrid-dashboard-details table th.divider, .sendgrid-dashboard-details table td.divider { border-right: 2px solid lightgray; }*/

.sendgrid-dashboard-data-con { background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: auto; flex: 1; display: flex; flex-direction: column; }

.sendgrid-dashboard-table-con { border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0; }
.sendgrid-dashboard-table-con > div { max-height: 100%; height: 100%; }

.sendgrid-dashboard-email-stats-table { position: relative; z-index: 1;  width: 100%;}
.sendgrid-dashboard-details table tr:last-child { border-bottom: 2px solid rgba(21, 21, 22, 0.05); }
.sendgrid-dashboard-details table thead tr th, .sendgrid-dashboard-details table tr td { font-size: 0.75rem !important; line-height: 0.85rem !important; }


/*END SENDGRID DASHBOARD*/
.cms-main-content.home-dashboard {padding: 14px 0}

.deductions-con .new.deductions-summary-boxes {box-shadow: none;}
.deductions-con .new.deductions-summary-boxes li {background: none;border: none;box-shadow: none;text-align: left;}
.deductions-con .new.deductions-summary-boxes li h3 {color: var(--primary-color);font-weight: 700;line-height: 1;margin: 5px 0 0;letter-spacing: normal;line-height: 92.857%}
.deductions-con .new.deductions-summary-boxes li h3 span {font-size: var(--clamp-text-xs); font-weight: 500; letter-spacing: -0.01em;line-height: 1;}
.deductions-con .new.deductions-summary-boxes li h3 span:has([class*="green"]) {color: #65CC65;}
.deductions-con .new.deductions-summary-boxes li h3 span:has([class*="red"]) {color: #FF224A;}
.deductions-con .new.deductions-summary-boxes li h3 span i {margin: 0 3px 0 0;}
.deductions-con .new.deductions-summary-boxes li h3 span i svg {}
.deductions-con .new.deductions-summary-boxes li .compare-text {color: #15151666;font-weight: 400;letter-spacing: normal;line-height: 100%;display: inline-block;}
.deductions-con .new.deductions-summary-boxes li i.green-flag {background:radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);width:22px;height:22px;display:flex;justify-content:center;align-items:center;}
.deductions-con .new.deductions-summary-boxes li i.red-flag {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%);width:22px;height:22px;display:flex;justify-content:center;align-items:center;}
.deductions-con .new.deductions-summary-boxes li p {line-height: 1;}
.deductions-con .new.deductions-summary-boxes li p span {display: inline-block; line-height: 1;}
.deductions-con .deductions-summary-boxes li span.date {display: flex;gap: 4px;align-items: center;line-height: 100%;}

.new.deductions-table-con {}
.new.deductions-table-con .deductions-table-left {}
.new.deductions-table-con .deductions-table-left p { color: #15151666; margin-top: var(--clamp-10); line-height: 1; color: rgba(21, 21, 22, 0.40); letter-spacing: -0.24px; font-weight: 400;}

.new.deductions-table-con .deductions-table-left .deductions-table {width: 100%;}
.new.deductions-table-con .deductions-table-left .table-con {border-radius: 12px; border: 1px solid #e9eaec; overflow: hidden;}

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header {position: sticky; top: 0; background: #FFFFFF;z-index: 3;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col { text-align: left !important; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.48px; padding: var(--clamp-8); position: relative; background: #FFFFFF;display: flex; align-items: center;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:first-child:after {display: none;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col.first-cell:after {display: none;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:nth-child(2) {padding-left: 1px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(21, 21, 22, 0.04) 0%, rgba(21, 21, 22, 0.02) 100%); pointer-events: none;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:first-child:before {border-radius: 8px 0 0 8px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:last-child:before {border-radius: 0 8px 8px 0;}

.new.deductions-table-con .deductions-table-left .pendingtabcontent .deductions-table .deductions-table-row {grid-template-columns: 27px repeat(8,1fr)}
.new.deductions-table-con .deductions-table-left .pendingtabcontent .deductions-table .deductions-table-footer .deductions-table-row {grid-template-columns: 27px repeat(8, 1fr);}
.new.deductions-table-con .deductions-table-left .pendingtabcontent .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col:nth-child(-n + 5):before {display: none;}
.new.deductions-table-con .deductions-table-left .pendingtabcontent .deductions-table .deductions-table-body .deductions-table-row { grid-template-columns: 27px repeat(8, 1fr); }

.new.deductions-table-con .deductions-table-left .appliedtabcontent .deductions-table .deductions-table-row {grid-template-columns: 27px repeat(7, 1fr)}
.new.deductions-table-con .deductions-table-left .appliedtabcontent .deductions-table .deductions-table-footer .deductions-table-row {grid-template-columns: 27px repeat(7, 1fr)}
.new.deductions-table-con .deductions-table-left .appliedtabcontent .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col.first-cell {grid-column: span 5;}
.new.deductions-table-con .deductions-table-left .appliedtabcontent .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col:nth-child(-n + 4):before {display: none;}
.new.deductions-table-con .deductions-table-left .appliedtabcontent .deductions-table .deductions-table-body .deductions-table-row { grid-template-columns: 27px repeat(7, 1fr); }

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .deductions-table-col:not(:last-child):after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: rgba(21, 21, 22, 0.10); z-index: 3;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  {border-bottom: 1px solid #e9edf5;display: grid;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col {}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row .table-sub-header th:not(:first-child) {font-size: 12px;background: #ffe9e97a; border-left: 1px solid #e9edf5;color: #151516;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col:last-child, .new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col:first-child {border: 0;text-align: right;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col {color: var(--sys-dark); text-align: left; font-weight: 800;text-align: center !important;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col.text-center {text-align: center;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col.text-right, .new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col.text-right {text-align: right;}

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col:nth-child(2) {text-align: left !important;padding-left: var(--clamp-6) !important; color: #151516;font-weight: 600;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col:first-child {padding: var(--clamp-10) 0 var(--clamp-10) var(--clamp-8);}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col { padding: var(--clamp-10) var(--clamp-14); vertical-align: middle; white-space: nowrap; font-size: var(--clamp-text-sm); text-align: left !important; letter-spacing: -0.56px; font-weight: 500; color: rgba(21, 21, 22, 0.75); display: flex; justify-content: center; flex-direction: column; letter-spacing: -0.56px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col:not(:last-child){ border-right: 1px solid rgba(21, 21, 22, 0.10); }
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col span { overflow: hidden; text-overflow: ellipsis; }
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row .deductions-table-col:first-child {border-right: 0;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-body .deductions-table-row:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.10) !important}

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a {color: #151516;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a:hover {color: var(--accent2);}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a .show-more {display: block;fill:#FF7A48;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a .show-less {display: none;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a.open .show-more {display: none;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row  .deductions-table-col a.open .show-less {display: block;}
.new.deductions-table-con .deductions-table-left .deductions-table i {line-height: 0; display: block !important;width: 16px; height: 16px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; grid-template-columns: 1fr !important}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown.open {max-height: 1000px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown .deductions-table-col {max-width: unset !important; width: unset !important;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown ul li {text-align: left;line-height: 1;font-size: var(--clamp-text-sm);margin: 3px 0;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown ul li i {line-height: 0;display: block;margin-right: 8px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown ul li small { width: 60px; font-size: var(--clamp-text-sm);display: block; line-height: 1;flex-shrink: 0;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row.dropdown ul li span {color: var(--accent2); white-space: nowrap; font-size: var(--clamp-text-sm); display: block; line-height: 1;}

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-row .dropdown .deductions-table-col {width: unset;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row  {border: 0;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row  .deductions-table-col {font-weight: bold;background: #ffe9e9;background:#ffe9e97a;}

.new.deductions-table-con .deductions-table-left .table-con .deduction-table-header .deduction-table-row .deduction-table-col {width: 200px;}
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col:last-child,
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col:last-child {border: none;}

.new.deductions-table-con .deductions-table-left .table-con .deduction-table-header .deduction-table-row {border: none;}
.new.deductions-table-con .deductions-table-left .table-con {border: none;}
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col, 
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col {padding: 5.75px 8px;text-align: left;border-right:1px solid #1515161A;}
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col:first-child {border:none;}
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col {background: linear-gradient(180deg, rgba(21, 21, 22, 0.04) 0%, rgba(21, 21, 22, 0.02) 100%);text-align: left !important; border-right:1px solid #1515161A; font-size: var(--clamp-text-xs); font-weight: 600;}
.new.deductions-table-con .deductions-table-left .table-con .deduction-table-row .deduction-table-col span {position: relative;top: 2px;margin: 0 6px 0 0;}

.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row {grid-template-columns: 27px 1fr 1fr 1fr repeat(4, 1fr)}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col {background:#15151606;font-weight:600; font-size: var(--clamp-text-sm); font-family: var(--primary-font);border: 0 !important;position: relative;padding: var(--clamp-8) var(--clamp-14) !important;text-align: left !important;letter-spacing: -0.56px;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col:before {content: ""; display: block; width: 1px; height: calc(100% - 16px); position :absolute; left: -1px; top: 50%;transform: translateY(-50%); background: #1515161A;}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col:first-child {padding: var(--clamp-8) var(--clamp-12) !important}
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-footer .deductions-table-row .deductions-table-col:first-child:before {display: none;}

.new.deductions-table-con .deductions-table-left .deductions-total-info {column-gap:75px;padding-right: 20px;}
.new.deductions-table-con .deductions-table-left .deductions-total-info .deductions-total-info-con {display: flex;flex-direction: column;justify-content: flex-start;width: 215px;}
.new.deductions-table-con .deductions-table-left .deductions-total-info .deductions-total-info-con span { letter-spacing: -0.02em; margin-bottom: var(--clamp-8); color: #15151673; font-weight: 400; letter-spacing: -0.28px; line-height: 1; }
.new.deductions-table-con .deductions-table-left .deductions-total-info .deductions-total-info-con h4 {display: flex; align-items: flex-end; font-size: var(--clamp-text-24);line-height: 1;}
.new.deductions-table-con .deductions-table-left .deductions-total-info .deductions-total-info-con h4 i {display: block; width: 10px;margin-right: 3px;margin-left: 6px;position: relative;}
.new.deductions-table-con .deductions-table-left .deductions-total-info .deductions-total-info-con h4 span {font-weight: 500;margin-bottom: 0px;letter-spacing: -0.01em;}
.new.deductions-table-con .deductions-table-left .deductions-table-title h4 {font-weight: 700;letter-spacing: normal;}
.new.deductions-table-con .deductions-table-left .deductions-table-title h4 small {font-size: 12px;color: #FF224A;font-weight: 500;letter-spacing: -0.01em;line-height: 100%;}
.new.deductions-table-con .deductions-table-left .deductions-tablinks {}
.new.deductions-table-con .deductions-table-left .deductions-tablinks ul li a.dropdown-btn {border: none;padding: 5px 15px;font-size: 14px;color: #151516;line-height: 1;background: #F3F6F8;border-radius: 6px;}
.new.deductions-table-con .deductions-table-left .deductions-tablinks ul li a small::after {color: #151516;}
.new.deductions-table-con .deductions-table-left .deductions-tablinks ul li .sys-dropdown {}
.new.deductions-table-con .deductions-table-left .deductions-tablinks ul li .sys-dropdown a {font-weight: 500;font-size: 14px;}

.deductions-dropdown.dropdown {position: relative;display: inline-block !important;margin: 0;z-index:unset;}
.deductions-dropdown.dropdown button {cursor: pointer;border: none;padding: 4px 8px;font-size: 14px;color: #151516;line-height: 1;background: #F3F6F8;border-radius: 6px;font-weight: 500;letter-spacing: -0.01em;}
.deductions-dropdown.dropdown button:hover {opacity:1;}
.deductions-dropdown .dropdown-content {display: none;transition: max-height 0.3s ease-out;position: absolute;left: 0;box-sizing: border-box;text-align: left;z-index: 100;min-width: max-content;top: calc(100% + 5px);right: auto;width: 100%;max-height: 250px;overflow: auto;background: #f3f6f8;padding: 4px 0;border: 1px solid #1515161A;border-radius: 6px;}
.deductions-dropdown .dropdown-content a {text-decoration: none;cursor: pointer;font-weight: 500;font-size: 14px;position: relative;z-index: 1;text-align: left;display: block;padding: 5px 10px;color: var(--sys-dark);line-height: 1;}
.deductions-dropdown .dropdown-content a:hover {color: var(--accent2) !important;}
.deductions-dropdown.dropdown button small {margin: 0 0 0 5px;display: inline-block;}
.deductions-dropdown.dropdown button small::after {content: "\f107";font-family: 'FontAwesome';font-size: 16px;}
.deductions-dropdown:has(.dropdown-content[style*="block"]) button small {transform: rotate(180deg);}

.home-dashboard-floating-btn { position: fixed; right: 46px; top: 80px; z-index: 10; }
.home-dashboard-floating-content { display: flex; align-items: center; border-radius: 200px; border: 1px solid rgba(255, 255, 255, 0.20); background: #151516; box-shadow: 0px 12px 12px 0px rgba(21, 21, 22, 0.20); padding: 3px 3px 3px 10px; transform: rotate(270deg); transform-origin: top right; cursor: pointer;}
.home-dashboard-floating-content span { font-family: Sohne; font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: -0.03em; text-align: center; color: #ffffff; margin: 0 10px 0 6px; }
.home-dashboard-floating-content a {position: relative; z-index: 20;}
.home-dashboard-floating-icon { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 31px; height: 31px; background: #FF7A48; box-shadow: 0px 12px 12px 0px rgba(21, 21, 22, 0.02); transform: rotate(90deg) }
/**Four Steps Prospecting Dashboard**/
.four-step-prospecting-dashboard-page #leads-tabs {width: 100%;padding: 0;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr.text-base th .text-base-title {justify-content: center}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead {z-index: 10; position: relative;top: unset;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#prospecting-dasboard) {color: #FF7A48;background: #FFFFFF !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#prospecting-dasboard):before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 122, 72, 0.15) 0%, rgba(255, 122, 72, 0) 100%); pointer-events: none;border-radius: 8px 0 0 0;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th #prospecting-dasboard {color: #FF7A48 !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#sales-call) { background: #FFFFFF !important; border: none; border-bottom: 1px solid #9D63F033 !important; }
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#sales-call):before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(157, 99, 240, 0.3) 0%, rgba(157, 99, 240, 0.1) 100%);  pointer-events: none;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#sales-summary) { background: #FFFFFF !important; border: none; border-bottom: 1px solid #65CC6533; }
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th:has(#sales-summary):before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(80, 167, 113, 0.2) 0%, rgba(80, 167, 113, 0.05) 100%);  pointer-events: none;}

.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table th.add-cols {background: #FFFFFF !important; color: #151516;border-bottom: 1px solid #9F9F9F33;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base th.add-cols:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background: linear-gradient(360deg, rgba(159, 159, 159, 0.05) 0%, rgba(159, 159, 159, 0.2) 100%); }
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th.add-cols {background: #FFFFFF !important;color: #9F9F9F !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th.add-cols:before {background: #9F9F9F1A}

.stats-table-con.dashboard-parent-container-four-steps table.stats-table thead tr th {background: #ffffff !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con.stats-table-four-steps {border-radius: 8px;}

.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base #qualification-call {color: #294C99;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base #sales-call {color: #9D63F0;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con .stats-table .text-base #sales-summary {color: #65CC65;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(-n+4) {color: #FF7A48 !important; background: #FFFFFF !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+5):nth-child(-n+10) {color: #9D63F0 !important; background : #FFFFFF !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+11):nth-child(-n+15) {color: #65CC65 !important; background: #FFFFFF !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(-n+4):before {background: #FF7A480D !important;pointer-events: none;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+5):nth-child(-n+10):before {background: #9D63F01A !important;pointer-events: none;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+11):nth-child(-n+15):before {background: #65CC651A !important;pointer-events: none;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company {background: none !important;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td {background: #FFFFFF !important;position: relative;z-index: 3;border-bottom: 0;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffe9e9; z-index: -1;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child:before {border-radius: 0 0 0 8px; width: 105%;}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:last-child:before {border-radius: 0 0 8px 0}
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:first-child {border-radius: 0 0 0 8px; }
.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:last-child {border-radius: 0 0 8px 0}

.new.dashboard-parent-container.dashboard-parent-container-four-steps .stats-table-con table.stats-table tbody tr td {width: calc(100% / 15);}

.stats-with-tooltip:has(.table-stats-tooltip.open) .pipeline-con .sys-tooltip { display: none !important; }

.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list {width: 48%;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content {width: 100%;padding: var(--clamp-12) 0;border-bottom: 1px solid #1515161A;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content:last-child {border: 0;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content span {margin-top: 5px;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content span small {display: block; line-height: 100%;min-height: clamp(1.15rem, 1.5vw, 1.375rem)}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .sys-tooltip {display: none;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .tooltip-con {margin-top: 0 !important;cursor: pointer;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .tooltip-con:hover .sys-tooltip {display: block;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .tooltip-con i {display: block; line-height: 0;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .sys-tooltip em {display: block; font-style: unset; line-height: 130%;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .sys-tooltip em small {min-width: 55px;min-height: 0; line-height: 100%; display: block;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .sys-tooltip:before {left: 49%;}

.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-with-tooltip {position: relative;width: max-content;cursor: pointer;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip { background: var(--sys-white); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 10; position: absolute; bottom: -8px; left: calc(100% + 12px) }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip:before { content: ""; position: absolute; right: 100%; bottom: 8px; border-width: 8px; border-style: solid; border-color: transparent white transparent transparent; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details { padding: 0; text-align: left; }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul { color: var(--sys-dark); padding: 0 2px; }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li { padding: 1px 13px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li:first-child { padding-top: 13px; }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li:last-child { padding-bottom: 13px; }
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li span {white-space: nowrap;margin-top: 0 !important;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li small {color: var(--sys-dark);min-height: unset !important;}
.new.stats-table-bottom .box-container .stats-content .upper-content-stats .body-content-stats-container .content-container .content-list .content .content-tooltip-details ul li q {display: block; line-height: 100%;}

/*margin-left: 3px;*/
/**CreateFlow Buttons**/
.cm-container .contactManager-tabs #contact-manager__template-list a.a-btn { width: 100%; height: 32px; padding: 5px; }


/* Modal MessasgeBox */
.modal-messagebox { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.modal-messagebox .modal-messagebox-content { background-color: #fff; margin: 10% auto; padding: 0; border: 1px solid #C0C0C0; width: 300px; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }
.modal-messagebox .modal-messagebox-header { padding: 10px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; }
.modal-messagebox .modal-messagebox-footer { padding: 10px; display: flex; justify-content: flex-end; gap: 10px; }
.modal-messagebox .modal-messagebox-footer button { height: 30px }
.modal-messagebox .modal-messagebox-body { padding: 10px; font-size: 14px }
.modal-messagebox .close { border: none; background: none; font-size: 20px; line-height: 1; cursor: pointer; }
/* End Modal MessasgeBox */

.payment-success-modal .modal-box-title i {width: 40px; height: 40px; display: block; border-radius: 50%; border: 1px solid var(--sys-green); margin: 0 auto 15px;position: relative;}
.payment-success-modal .modal-box-title i svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.payment-success-modal .modal-box-title i svg path {fill: var(--sys-green);}

/*Email Sent Modal*/
.modal-fixed-container.email-sent-modal p {margin-bottom :0;}
.modal-fixed-container.email-sent-modal .modal-box-title i {width: 40px; height: 40px; display: block; border-radius: 50%; border: 1px solid var(--sys-green); margin: 0 auto 15px;position: relative;}
.modal-fixed-container.email-sent-modal .modal-box-title i svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.modal-fixed-container.email-sent-modal .modal-box-title i svg path {fill: var(--sys-green);}

/*CM Booking Modal*/

.calendar-booking-modal.modal-fixed-container.cm-booking-modal {}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget {width: 100%;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget > div {flex-direction: column; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; max-height: 620px; height: 65vh; }

.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header {padding:var(--clamp-16);border-bottom: 1px solid #1515161A}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown {position: relative;background: #FFFFFF;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con h3 {line-height: 100%;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown a.dropdown-btn {line-height: 100%;padding: 0; border: 0; font-weight: bold;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown a.dropdown-btn {color: var(--accent2); opacity: 1; display: block; letter-spacing: -0.4px; line-height: 100%; box-sizing: border-box; line-height: 100%; position: relative; z-index: 1;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; z-index: -1; pointer-events: none;line-height: 0;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: var(--clamp-text-base); color: #15151699;color: var(--accent2);}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown ul li a {line-height: 100%;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown:has(.sys-dropdown.open) a.dropdown-btn small { transform: rotate(180deg); }
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-dropdown-header .calendar-booking-header-con .appointment-type-dropdown .sys-dropdown {background: #FFFFFF;}

.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-picker-con {padding-top: var(--clamp-8)}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-right h2 {margin-bottom: var(--clamp-8)}

.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-center {flex: 1;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-right {width: 34%;max-width: 224px;padding: var(--clamp-18) 0;}
.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-picker { padding: var(--clamp-18)}

.calendar-booking-modal.modal-fixed-container.cm-booking-modal .calendar-booking-box.calendar-booking-widget .calendar-booking-timezone-picker {padding: var(--clamp-18)}

/**Campaigns**/
.cms-main-content.campaigns-main * {font-family: "Sohne", sans-serif;}
.cms-main-content.campaigns-main .campaigns-con {display: flex; flex-direction: column; gap: var(--clamp-16);}
.cms-main-content.campaigns-main .campaigns-header {display: flex; justify-content: space-between; align-items: center;}
.cms-main-content.campaigns-main .campaigns-header .campaigns-heade-left {display: flex; align-items: center;gap: var(--clamp-8)} 
.cms-main-content.campaigns-main .campaigns-header .campaigns-header-right {display: flex; align-items: center;gap: var(--clamp-8)} 
.cms-main-content.campaigns-main .campaigns-header .campaigns-heade-left h2 {display: block; line-height: 100%;}
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn {border-radius: 6px; background: #FFF; box-shadow: 0 2px 6px 0 rgba(50, 67, 78, 0.06);padding: var(--clamp-6) var(--clamp-8) var(--clamp-6) var(--clamp-6);display: flex; align-items: center;gap: var(--clamp-6);border: 0;}
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn i {display: block; line-height: 0;}
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn span { display: block; line-height: 1; color: #151516; font-style: normal; font-weight: 500; letter-spacing: -0.14px; }
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn i {width: var(--clamp-text-base); height: var(--clamp-text-base); display: flex; align-items: center; justify-content: center;}
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn.reocurring-btn i {width: var(--clamp-text-base); height: var(--clamp-text-base); display: flex; align-items: center; justify-content: center; background: radial-gradient(50% 50% at 50% 50%, #665CDA 0%, rgba(102, 92, 218, 0.50) 100%);border-radius: 50%;    }
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn.create-campaign-btn {padding: var(--clamp-6) var(--clamp-10);background: var(--accent2); color: #FFFFFF;}
.cms-main-content.campaigns-main .campaigns-header .campaign-header-btn.create-campaign-btn span {color: #FFFFFF;line-height: var(--clamp-text-base);}

.cms-main-content.campaigns-main .campaigns-container {padding: var(--clamp-22);}
.cms-main-content.campaigns-main .campaign-list-table-con {}
.cms-main-content.campaigns-main .campaign-list-table {}
.cms-main-content.campaigns-main .campaign-list-table-header {border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #F9FBFD;}
.cms-main-content.campaigns-main .campaign-list-table-header .sort-btn {width: var(--clamp-text-l); height: var(--clamp-text-l);display: flex; align-items: center; justify-content: center;}
.cms-main-content.campaigns-main .campaign-list-table-header .sort-btn svg {width: var(--clamp-text-sm); height: var(--clamp-text-sm);}
.cms-main-content.campaigns-main .campaign-list-table-header .campaign-list-table-row .campaign-list-table-col {justify-content: space-between;}
.cms-main-content.campaigns-main .campaign-list-table-header .campaign-list-table-row .campaign-list-table-col:before {display: none;}

.cms-main-content.campaigns-main .campaign-list-table-row { display: grid; grid-template-columns: 22px minmax(200px, 348px) repeat(2,minmax(200px, 249px)) repeat(3,minmax(100px, 135px)) minmax(120px, 146px); position: relative;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col-flx {display: flex; justify-content: space-between; align-items: center;width: 100%;}

.cms-main-content.campaigns-main .campaign-list-table-col {padding: var(--clamp-6); position: relative; padding-right: var(--clamp-10); padding-left: var(--clamp-14); display: flex; align-items: center;gap: var(--clamp-8);}
.cms-main-content.campaigns-main .campaign-list-table-col:after {content:""; display: block; height: 100%; width: 1px; position: absolute; right: 0; top: 0; background: rgba(21, 21, 22, 0.05)}
.cms-main-content.campaigns-main .campaign-list-table-col:last-child:after {display: none;}
.cms-main-content.campaigns-main .campaign-list-table-col:before {content:""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(21, 21, 22, 0.05)}
.cms-main-content.campaigns-main .campaign-list-table-col:nth-child(2) {padding-left: var(--clamp-10);}
.cms-main-content.campaigns-main .campaign-list-table-col span {display: block; line-height: 1;color: rgba(21, 21, 22, 0.40); font-style: normal; font-weight: 500; letter-spacing: -0.36px;}
.cms-main-content.campaigns-main .campaign-list-table-row:last-child .campaign-list-table-col:before {display: none;}

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col:first-child {padding-right: 0;padding-left: var(--clamp-6) !important;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col:first-child:after {display: none;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col:nth-child(4) {padding-right: 0;}

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-custom-checkbox {position: relative;border-radius: 5px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF;width:16px; height:16px;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-custom-checkbox input[type=checkbox] {position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0;margin: 0;}

.cms-main-content.campaigns-main .campaign-list-table-body .campaign-list-table-row .campaign-list-table-col {padding-top: var(--clamp-14); padding-bottom: var(--clamp-14)}

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name {display: flex; align-items: center;gap: var(--clamp-10); width: 100%; overflow: hidden;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .campaign-name { display: block; line-height: 100%; color: #151516; font-size: var(--clamp-text-base); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.48px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-name-flag img {width: var(--clamp-text-base);height: var(--clamp-text-base);}

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle {position: relative; display: inline-block; width: 24px; height: 14px;border-radius: 200px; background: #65CC65;padding: 2px;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle > input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; inset: 0; margin: 0; cursor: pointer; outline: none; /* Make sure it can still receive focus */ background: none; border: none; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle .thumb { position: absolute; inset-block-start: 50%; inset-inline-start: var(--pad); inline-size:10px; block-size: 10px; translate: 0 -50%; transition: translate 180ms ease; background: #FFFFFF; border-radius: 50%;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle {background: rgba(21, 21, 22, 0.25);flex-shrink: 0;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle:has(input:checked) {background: #65CC65;  box-shadow: 0 2px 2px 0 rgba(101, 204, 101, 0.25);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-name .toggle > input:checked ~ .thumb { translate: 100% -50%; }

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type {display: flex; align-items: center;gap: var(--clamp-8);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type i {display: block; width: var(--clamp-text-base);height: var(--clamp-text-base); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.active i {background: radial-gradient(50% 50% at 50% 50%, #665CDA 0%, rgba(102, 92, 218, 0.50) 100%);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.complete i {background: radial-gradient(50% 50% at 50% 50%, #65CC65 0%, rgba(101, 204, 101, 0.50) 100%);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.pending i {background: radial-gradient(50% 50% at 50% 50%, #FF7A48 0%, rgba(255, 122, 72, 0.50) 100%);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.draft i {background: radial-gradient(50% 50% at 50% 50%, rgba(21, 21, 22, 0.30) 0%, rgba(21, 21, 22, 0.20) 100%);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.active i img {width: var(--clamp-text-xs);height: var(--clamp-text-xs);}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.active i img:first-child {display: block !important;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.complete i img:nth-child(2) {display: block !important;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.pending i img:nth-child(3) {display: block !important;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.draft i img:last-child {display: block !important;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type span { display: block; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.42px; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.active span {color: #665CDA;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.complete span {display: #65CC65;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.pending span {display: #FF7A48;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-type.draft span {color: rgba(21, 21, 22, 0.30);;}

.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-badges {display: flex;gap: var(--clamp-6);overflow: hidden;}
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .campaign-list-table-badges > div { border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.03); background: rgba(21, 21, 22, 0.03); padding: 0 var(--clamp-6); font-size: var(--clamp-text-sm); line-height: var(--clamp-text-l); color: #151516; text-align: center; font-style: normal; font-weight: 400; letter-spacing: -0.28px; white-space: nowrap; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col span.number-stat { display: block; line-height: 100%; color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: var(--clamp-text-base); letter-spacing: -0.42px; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col small { display: block; padding: 0 4px; font-size: var(--clamp-text-xs); line-height: var(--clamp-text-l); font-style: normal; font-weight: 400; letter-spacing: -0.36px; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col small.red { background: rgba(255, 56, 92, 0.15); color: #FF385C; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col small.green { background: rgba(101, 204, 101, 0.15); color: #65CC65; }
.cms-main-content.campaigns-main .campaign-list-table-row .campaign-list-table-col .btn-with-arrow {display: flex; justify-content: center; align-items: center;width: 18px; height: 18px;background: #F7F9FA; border-radius: 50%;border: 1px solid rgba(21, 21, 22, 0.05);}

.cms-main-content.campaigns-main .create-campaign-modal {display: none;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box {padding: var(--clamp-28);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .close-modal-btn { width: var(--clamp-text-base); height: var(--clamp-text-base); border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.05); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); position: absolute; top: var(--clamp-28); right: var(--clamp-28); display: flex; align-items: center; justify-content: center;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box h2 { color: #151516; text-align: center; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.6px; margin-bottom: var(--clamp-16); }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box p { color: rgba(21, 21, 22, 0.60); text-align: center; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.32px; margin-bottom: 0;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con {margin-top: var(--clamp-14);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .form-item {margin-bottom: var(--clamp-16);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con label { color: #151516; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; margin-bottom: var(--clamp-10); }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .campaign-modal-dropdown-con {position: relative;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-btn { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-11) var(--clamp-12); font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); color: var(--sys-dark); width: 100%; resize: none; height: unset; display: block; width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: rgba(21, 21, 22, 0.30); font-size: var(--clamp-text-base); font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.32px; }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content {border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #F9F9F9; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); position:absolute; top: 100%; left: 0;width: 100%;padding: var(--clamp-8) var(--clamp-14);z-index: 10;display: none;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.show {display: block;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content ul li a{color: #151516; display: block; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.28px;padding: var(--clamp-6) 0;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content ul li a:hover {color: var(--accent2);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients {border-radius: 0 0 12px 12px;top: calc(100% - 6px);border-top: 0;padding-bottom: var(--clamp-14);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul {border-bottom: 1px solid rgba(21, 21, 22, 0.05);border-top: 1px solid rgba(21, 21, 22, 0.05);margin-bottom: var(--clamp-10);padding-bottom: var(--clamp-14);padding-top: var(--clamp-14);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li:not(:last-child) {margin-bottom: var(--clamp-12);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li {display: flex; justify-content: space-between; align-items: center;width: 100%;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li .campaign-modal-left {display: flex; align-items: center;gap: var(--clamp-10);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li .campaign-modal-left span { display: block; color: #151516; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -0.28px; }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li .campaign-modal-left .custom-checkbox { position: relative; width: var(--clamp-text-base); height: var(--clamp-text-base); border-radius: 4px; border: 1px solid rgba(21, 21, 22, 0.10); background: rgba(21, 21, 22, 0.03); }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li .campaign-modal-left .custom-checkbox input[type=checkbox] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;margin: 0;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box .form-con .dropdown-content.dropdown-content-receipients ul li small {color: rgba(41, 76, 153, 0.35); display: block; text-align: right; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.28px;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box a.create-new-segment {display: flex; justify-content: space-between; align-items: center;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box a.create-new-segment span { display: block; color: var(--accent2); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.32px; }
.cms-main-content.campaigns-main .create-campaign-modal .modal-box a.create-new-segment i {display: block; line-height: 1;}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box a.create-new-segment i svg path {fill: var(--accent2);}
.cms-main-content.campaigns-main .create-campaign-modal .modal-box a.create-new-segment:hover {opacity: 0.5;}

.campaign-details-con {}
.campaign-details-flx {display: flex; justify-content: space-between; gap: var(--clamp-16); height: 100%;}
.campaign-details-flx .campaign-details-left, .campaign-details-flx .campaign-details-right {border: var(--container-border);box-shadow: var(--container-shadow);border-radius: 12px;}

.campaign-details-flx .campaign-details-left {width: 20.5%; max-width: 300px;flex-shrink: 0;overflow: hidden;display: flex; flex-direction: column; height: 100%;}
.campaign-details-flx .campaign-details-right {width: 78.3%; max-width: 1148px;}

/**CRM Dashboard**/
.crm-summary-dashboard-con {display: flex; flex-direction: column; height: 100%;}
.crm-summary-dashboard-flx {display: flex ; justify-content: space-between; align-items: stretch; position: relative; height: 100%; gap: var(--clamp-16);height: 100%;overflow: hidden;}
.crm-summary-dashboard-sidebar {overflow: unset; width: 15.75%; max-width: 230px;flex-shrink: 0;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads { height: auto;padding: 0 var(--clamp-10) 0 var(--clamp-12)}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li {margin-bottom: var(--clamp-16); padding: 0; position: relative;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li:last-child {margin-bottom: 0;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a { position: relative; text-align: left; display: flex; justify-content: space-between; align-items: center;gap: var(--clamp-6); padding-right: 2px}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .accordion-content__name {width: 85%;overflow: hidden; gap: var(--clamp-6)}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .accordion-step-icon {display: none;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .icon.warning {display: none !important;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a h3 {color: var(--sys-dark); line-height: 100%; position: relative;flex: 1;line-height: 100%;width: 100%;overflow: hidden;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .linkr {border-radius: 50%; padding: 4px 6px; min-width: 26px; text-align: center; flex-shrink: 0; position: relative;min-height: 26px;display: flex; justify-content: center; align-items: center; background: rgba(21, 21, 22, 0.05);}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .linkr span { color: rgba(21, 21, 22, 0.60); font-weight: 600; line-height: 1; font-size: var(--clamp-text-xs); letter-spacing: -0.03em; max-width: unset !important; display: unset !important; text-overflow: unset !important; white-space: unset !important; overflow: unset !important; }
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .linkr q { position: absolute; display: block; width: 10px; height: 10px; text-align: center; border-radius: 50%; background: var(--accent2); top: -4px; line-height: 10px; right: -4px; color: #FFF; text-align: center; font-family: Inter; font-size: 8px; font-style: normal; font-weight: 600; letter-spacing: -0.32px; }
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a small {color: #BDC2CC; }
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a span { max-width: 85%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.56px; color: rgba(21, 21, 22, 0.75); font-weight: 600; line-height: 114.286%; letter-spacing: -0.56px; }
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a .notif_num {color: var(--sys-white) !important;flex-shrink: 0;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a:hover {opacity: 1;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a:hover span, .crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a:hover small, .crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a.current span, .crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a.current small {color: var(--accent2);}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a.current .accordion-step-icon {display: none;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a.current .accordion-step-icon-active {display: block;}
.crm-summary-dashboard-sidebar ul.sidebar-box.leads > li a.current .accordion-step-icon-active svg {width: var(--clamp-text-base); height: var(--clamp-text-base);}

.crm-summary-dashboard-header {flex-shrink: 0;}
.crm-summary-dashboard-container {display: flex; flex-direction: column;gap: var(--clamp-12);overflow: hidden;}
.crm-summary-dashboard-top-boxes {display: flex; gap: var(--clamp-8);width: 100%;}
.crm-summary-top-box { flex: 1 1 25%; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: #F9F9F9;padding: var(--clamp-12); display: flex; align-items: center;gap: var(--clamp-8)}
.crm-summary-top-box .crm-summary-box-icon { aspect-ratio: 1/1; height: var(--clamp-text-4xl); display: flex; justify-content: center; align-items: center; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(247, 43, 43, 0.10); }
.crm-summary-top-box .crm-summary-box-icon svg {width: var(--clamp-text-base); height: var(--clamp-text-base);} 
.crm-summary-top-box h3 {font-size: var(--clamp-text-xs); color: #15151699 !important;display: block; line-height: 1;}
.crm-summary-top-box small { display: block; line-height: 1; font-weight: 600; margin: 3px 0 0 !important; font-size: var(--clamp-text-xl) !important; line-height: 1 !important; }
.crm-summary-dashboard-flx {display: flex;gap: var(--clamp-8);width: 100%;}
.crm-summary-dashboard-left {flex: 1;max-width: 895px;overflow: hidden;}
.crm-summary-dashboard-right { flex: 0 0 calc(25% - (var(--clamp-10) / 2)); flex-shrink: 0;display: flex; flex-direction: column;overflow: hidden;padding: 0; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: #F9F9F9;}
.crm-summary-dashboard-right .simplebar-content {height: 100%;display: flex; flex-direction: column;}

.crm-summary-dashboard-con {display: flex; flex-direction: column; height: 100%; gap: var(--clamp-14);}

.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view {width: 100%; padding: 0  ; overflow: hidden; border-radius: 8px; height: 100%; }
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-boxes .crm-summary-box .crm-summary-box-title {padding: 4px var(--clamp-6) 0;margin-bottom: 2px;gap: var(--clamp-6);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-boxes .crm-summary-box .crm-summary-box-title h3 {font-size: var(--clamp-text-xs);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-boxes .crm-summary-box .crm-summary-box-content {padding: 0 var(--clamp-11) 4px;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-boxes .crm-summary-box .crm-summary-box-content ul {justify-content: space-between;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con {flex: 1; padding: 0;width: 100% !important;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table thead th {font-size: var(--clamp-text-xs);white-space: nowrap;text-align: center;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table thead th:first-child {text-align: left;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td {width: unset !important; min-width: unset !important;padding: var(--clamp-6) var(--clamp-12);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td, .cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td span {font-size: var(--clamp-text-xs);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td small {margin-top: 0;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-box {border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: #F9F9F9;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td:nth-child(2),.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td:nth-child(4), .cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td:nth-child(5), .cms-main-content.crm-summary-dashboard .crm-summary-dashboard-leaderboard-view .crm-summary-table-con table tbody tr td:nth-child(7) {text-align: right;}


.cms-main-content.crm-summary-dashboard .prospecting-view-con {flex-direction: column; gap: var(--clamp-14);flex: 1;overflow: hidden;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view {width: 100%; padding: 0; display: flex; flex-direction: column; overflow: hidden;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: #F9F9F9;height: 100%; flex: 1;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view .table-container {overflow: auto;border-radius: 12px 12px 0 0;border: 0;flex-shrink: 0;width: 100%;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view .table-container:nth-child(3) {border-top: 1px solid rgba(21, 21, 22, 0.05); border-radius: 0;flex: 1;max-height: unset;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view .table-container .simplebar-content {height: unset; max-height: unset;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view .pagination-export-holder {flex-shrink: 0;padding: var(--clamp-14);height: unset; max-height: unset;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table {border-radius: 12px; overflow: auto;width: 100%;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table thead {position: sticky; top: 0; z-index: 1;background: none;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table thead th {color: #15151699; font-size: var(--clamp-text-xs); text-align: left;font-weight: normal;border: 0;letter-spacing: 0;padding: 7px 10px; background: none;background: #F9F9F9; z-index: 10; border-bottom: 1px solid 1px solid rgba(21, 21, 22, 0.05);}

.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table thead th:after {content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: rgba(21, 21, 22, 0.05);top: unset; right: unset;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table thead tr {border-bottom: 1px solid rgba(21, 21, 22, 0.05);background: none !important;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr:first-child td {border-top: 0;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td {padding: var(--clamp-6) var(--clamp-10);font-size: var(--clamp-text-sm);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td:nth-child(2), .cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td:nth-child(3) {text-align: right;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view .crm-summary-tab-content .crm-summary2-toggle-dropdown.toggle-dropdown {padding: 0 var(--clamp-10);}

.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr {background: none !important;border: 0;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon {display: flex; align-items: center; gap: var(--clamp-8);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-icon {display: block; width: var(--clamp-30); height: var(--clamp-30); border-radius: 50%; position: relative;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: var(--clamp-text-base); height: var(--clamp-text-base)}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.green .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.green .table-icon svg path {fill: #4ABA7B}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.orange .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%) }
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.orange .table-icon svg path { fill: #FF7A48 }
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.red .table-icon {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%) }
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .td-with-icon.red .table-icon svg path {fill: #E63D3D}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td:first-child span {font-weight: bold;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr:last-child {border-bottom: 0;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .widget-prog-bar { position: relative;  margin-top: 6px; height: 4px; display: flex; flex: 1;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td.prog-warning .progress-bar {background: transparent linear-gradient(270deg, #FF7A48 0%, #FF7A484D 100%) 0% 0% no-repeat padding-box;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td.prog-fail .progress-bar {background: transparent linear-gradient(270deg, #F45959 0%, #F459594D 100%) 0% 0% no-repeat padding-box;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .perc-num {color: #4ABA7B; line-height: 0;flex-shrink: 0;width: 35px; text-align: right}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td.prog-warning .perc-num {color: #FF7A48}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td.prog-fail .perc-num {color: #E63D3D}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.caution span { letter-spacing: 0;color: rgb(255, 122, 72);}

.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge {display: flex;width: 90px; height: 29px; justify-content: space-between;text-align: left;border-radius: 6px;padding: 0 7px; font-size: 16px;line-height: 0;align-items: center;margin: 0 auto;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge span {font-size: var(--clamp-text-sm);line-height: 29px;font-weight: 400;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.on-track svg {width: 14px; height: 14px;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.caution svg {width: 14px; height: 14px;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.off-track svg {width: 12px; height: 12px;}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.on-track { color: #4ABA7B; background: radial-gradient(50% 50% at 50% 50%, rgba(101, 204, 101, 0.15) 44%, rgba(101, 204, 101, 0.0225) 100%);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.on-track svg {fill: #4ABA7B}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.caution {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 122, 72, 0.15) 44%, rgba(255, 122, 72, 0.0225) 100%);  color: #AFAF51 }
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.caution svg {fill: rgb(255, 122, 72);}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.off-track {background: radial-gradient(50% 50% at 50% 50%, rgba(255, 34, 74, 0.15) 44%, rgba(255, 34, 74, 0.0225) 100%);  color: #E63D3D}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td .table-badge.off-track svg {fill: #E63D3D}
.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td.widget-status-col {width: 120px; max-width: 120px;}

.cms-main-content.crm-summary-dashboard .crm-summary-dashboard-prospecting-view table tbody tr td small {display: block; font-size: var(--clamp-clamp-text-sm); line-height: 1; margin-top: 2px;color:#1515164D; letter-spacing: 0;}

.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box {flex-shrink: 0;max-width: 323px;border-radius: 8px; background: #F9F9F9;height: 100%;display: flex; flex-direction:column;flex: 1;overflow: hidden;padding: 0;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box-title {flex-shrink: 0;padding: var(--clamp-12) var(--clamp-14) 0}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box-title h2 {color: #151516; line-height: 1; display: block;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-box { background: #BDC2CC1A 0% 0% no-repeat padding-box; border-radius: 8px; margin: var(--clamp-14) auto; padding: var(--clamp-12); }
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-box a {color: var(--accent2);}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-box a:hover {text-decoration: underline;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-title {margin-bottom: var(--clamp-14);}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-title span, .crm-summary-commissions-boxtotal-content {color: #151516;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-boxtotal-content span {color: #4ABA7B}

.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul {margin-top: 0; flex-shrink: 0;margin-bottom: 0;padding: 0 var(--clamp-14);width: 100%;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul li {padding: var(--clamp-14) 0; color: #151516;border-bottom: 1px solid rgba(21, 21, 22, 0.05)}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul li span, .crm-summary-commissions-box ul li small {color: #151516;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul li q {color: #4ABA7B; margin-right: 3px;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul li q.fail {color: #E63D3D}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box ul li:last-child {border: 0;}

.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .chart-con {margin-top: auto;padding: 0 var(--clamp-14) var(--clamp-12)}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .crm-summary-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;padding: 0 var(--clamp-14);}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .crm-summary-commissions-chart-legends li {padding: 0 !important; display: flex; align-items: center; gap: 4px;border: 0 !important;}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .crm-summary-commissions-chart-legends li .legend-color {display: block; width: 10px; height: 10px;border-radius: 50%;border: 3px solid #72CA98}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .crm-summary-commissions-chart-legends li:nth-child(2) .legend-color {border: 3px solid #294C99}
.cms-main-content.crm-summary-dashboard .crm-summary-commissions-box .crm-summary-commissions-chart-legends li:nth-child(3) .legend-color {border: 3px solid #FF7A48}

/**CM Resources**/
.contact-manager-resources-sidebar {width: 15.75%; max-width: 230px;flex-shrink: 0;display: flex; flex-direction: column;}
.contact-manager-resources-sidebar .toggle_left_nav {overflow: unset; display: flex; flex-direction: column; gap: var(--clamp-8);}
.contact-manager-resources-sidebar .back-btn-con {padding: var(--clamp-10) var(--clamp-12);}
.contact-manager-resources-sidebar .back-btn-con button {display: flex; align-items: center; width: 100%;gap: var(--clamp-6);}
.contact-manager-resources-sidebar .back-btn-con button i {display: block; line-height: 0;}
.contact-manager-resources-sidebar .back-btn-con button span { color: rgba(21, 21, 22, 0.50); font-family: Inter; font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.48px; }

.contact-manager-resources-sidebar .accordion-item-list {padding: var(--clamp-12);}
.contact-manager-resources-sidebar .accordion-item-list .accordion-content {margin-top: var(--clamp-14);}

.contact-manager-resources-sidebar .accordion-left i {display: block; line-height: 0;}
.contact-manager-resources-sidebar .accordion-left span {display: block; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contact-manager-resources-sidebar .accordion-step-icon {display: block; line-height: 0;}
.contact-manager-resources-sidebar .accordion-btns-con {padding-right: 4px; flex-shrink: 0;}
.contact-manager-resources-sidebar .accordion-btns-con a {display: block; line-height: 1;}
.contact-manager-resources-sidebar .accordion-item-list .sidebar-box.leads li a {padding-right: 0;}
.contact-manager-resources-sidebar .accordion-item-list .accordion-title .accordion-left {flex: 1; overflow: hidden;}
.contact-manager-resources-sidebar .accordion-item-list .accordion-item .accordion-title {gap: var(--clamp-12);}
.contact-manager-resources-sidebar .accordion-item-list .sidebar-box.leads li.active h3 span {color: var(--accent2);}
.contact-manager-resources-sidebar .accordion-item-list .sidebar-box.leads li.active .linkr span{color: var(--accent2);}
.contact-manager-resources-sidebar .accordion-item-list .accordion-step-icon svg {opacity: 0;}
.contact-manager-resources-sidebar .accordion-item-list .sidebar-box.leads li.active .accordion-step-icon svg {opacity: 1;}

.cm-resources-con {padding: 0; overflow: hidden; display: flex; flex-direction: column;gap: var(--clamp-18);}
.cm-resources-con h2 {flex-shrink: 0;padding:  var(--clamp-20)  var(--clamp-20) 0}
.cm-resources-boxes-con { flex:1;padding: 0  var(--clamp-20)  var(--clamp-20);overflow: auto;}
.cm-resources-boxes {display: flex; justify-content: center; gap: var(--clamp-40) calc(var(--clamp-32) * 2);flex-wrap: wrap;padding: 0 calc(var(--clamp-26) * 2);}
.cm-resources-boxes .cm-resources-box  { flex: 1 1 calc(33.333% - (var(--clamp-32) * 2)); /* 3 per row */ box-sizing: border-box; padding: var(--clamp-30) var(--clamp-30) var(--clamp-16);border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FCFCFC;display: flex; flex-direction: column;}
.cm-resources-boxes .cm-resources-box .cm-resources-box-img {flex: 1; max-width: 180px; width: 95%; margin: 0 auto var(--clamp-22); display: flex; justify-content: center; align-items: center; flex: 1;}
.cm-resources-boxes .cm-resources-box h3 { display: block; line-height: 1; color: #151516; font-style: normal; font-weight: 600; letter-spacing: -0.6px; margin-bottom: var(--clamp-10); text-align: center;}
.cm-resources-boxes .cm-resources-box p {display: flex; align-items: center; justify-content: center;gap: 4px;color: rgba(21, 21, 22, 0.10);line-height: 1;}
.cm-resources-boxes .cm-resources-box p span, .cm-resources-boxes .cm-resources-box p small { display: block; line-height: 1; color: rgba(21, 21, 22, 0.50); text-align: center; font-style: normal; font-weight: 400; letter-spacing: -0.36px; }
.cm-resources-boxes .cm-resources-box p q {display: block; line-height: 0;}
.cm-resources-boxes .cm-resources-box button {margin: var(--clamp-14) auto 0;}

/* HOME DASHBOARD PAGE*/
.home-dashboard * {font-family: Sohne; letter-spacing: -0.03em;}
.home-dashboard {padding-top: var(--clamp-10) !important;}
.home-dashboard-con {display: flex; flex-direction: column; padding: 0 var(--clamp-24); overflow: auto;}
.home-dashboard .wrapper {max-width: 1464px;}
.home-dashboard-content {display: flex; flex-direction: column; gap: var(--clamp-24)}
.home-dashboard-flex {gap: var(--clamp-16) !important; align-items: stretch;}
.home-dashboard-left-section, .home-dashboard-right-section {display: flex; flex-direction: column; gap: var(--clamp-24);width: 24%;max-height: 584px;}
.home-dashboard-middle-section {display: flex; flex-direction: column; gap: var(--clamp-24);width: 50%; position: relative; overflow: hidden;}

.home-dashboard-summary {padding: var(--clamp-14);height: 100%;}
.home-dashboard-summary-title {margin-bottom: 20px;}
.home-dashboard-summary-title h2{ color: #151516; font-size: calc(var(--clamp-text-l) + 1px); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.57px; }
.home-dashboard-summary-title-legend {padding:0 var(--clamp-6);display: flex; align-items: flex-end;gap: 4px;color: #15151666; font-size: 10px;font-weight: 500;max-height: var(--clamp-text-24);}
.home-dashboard-summary-title-legend span, .home-dashboard-summary-title-legend q {line-height: 100%;display: block;}
.home-dashboard-summary-title-legend q {margin-bottom: 1px;}
.home-dashboard-summary-title-legend span:first-child {color: #151516;font-size: var(--clamp-text-sm);font-weight: 700;line-height: 100%;}
.home-dashboard-summary-title-legend span:last-child {font-weight: 500;}

.home-dashboard-summary-details ul {column-count: 2;column-gap: 0;}
.home-dashboard-summary-details ul li {border-bottom: 1px solid #1515160D;padding: 12px 12px 12px 0;position: relative;}
.home-dashboard-summary-details ul li:nth-child(-n + 4) {border-right: 1px solid #1515160D;}
.home-dashboard-summary-details ul li:nth-child(1), .home-dashboard-summary-details ul li:nth-child(5) {padding-top: 0;}
.home-dashboard-summary-details ul li:nth-child(4), .home-dashboard-summary-details ul li:nth-child(8) {padding-bottom: 0;border-bottom: 0;}
.home-dashboard-summary-details ul li:nth-child(n+5):nth-child(-n + 8) {padding-left: var(--clamp-14)}

.home-dashboard-summary-details ul li:nth-child(-n + 3):before {content: "";display: block; width: var(--clamp-28); height: var(--clamp-28); background: #FFFFFF; position: absolute; right: calc(var(--clamp-14) * -1); bottom: calc(var(--clamp-14) * -1);z-index: 3;}

.home-dashboard-summary-details ul li .summary-details-comparison {color: #15151666; font-size: var(--clamp-text-xs);background: none;font-weight: 500;display: flex;align-items: flex-end;gap: 4px; min-height: var(--clamp-text-xl);}
.home-dashboard-summary-details ul li .summary-details-comparison span {line-height: 100%;display: block;}
.home-dashboard-summary-details ul li .summary-details-comparison span:first-child {color: #151516;font-weight: 700;letter-spacing: normal;}
.home-dashboard-summary-details ul li .summary-details-comparison q {display: block; line-height: 100%;}

.home-dashboard-summary-details ul li small {margin-top: var(--clamp-6);gap: var(--clamp-6);line-height: 0;position: relative;}
.home-dashboard-summary-details ul li small i {line-height: 0; flex-shrink: 0;display: block;}
.home-dashboard-summary-details ul li small span { font-style: unset; font-size: var(--clamp-text-xs); font-weight: 400; line-height: var(--clamp-text-xs); flex: 1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position: relative;color: #15151666}

.home-dashboard-summary-details ul li:first-child .summary-details-comparison span:first-child, .home-dashboard-summary-details ul li:nth-child(2) .summary-details-comparison span:first-child,.home-dashboard-summary-details ul li:nth-child(5) .summary-details-comparison span:first-child, .home-dashboard-summary-details ul li:nth-child(7) .summary-details-comparison span:first-child {background: radial-gradient( rgba(244, 57, 57, 0.15) 0%, rgba(244, 57, 57, 0) 80% );}

.home-dashboard-commission {padding: 0; flex: 1; display: flex ; flex-direction: column; overflow: hidden;}
.home-dashboard-commission-title {padding: var(--clamp-10);border-bottom: 1px solid #1515160D;flex-shrink: 0;}
.home-dashboard-commission-title h2 {margin-bottom: var(--clamp-14);}
.home-dashboard-commission-title h3 {margin-bottom: var(--clamp-6);color: #15151666; font-weight: 400; line-height: 100%;}
.home-dashboard-commission-title h4 span {display: block; line-height: 100%;letter-spacing: 0;}
.home-dashboard-commission-title h4 small {gap: 3px;align-items: flex-end; flex-wrap: wrap;justify-content: flex-end;}
.home-dashboard-commission-title h4 small i {line-height: 10px;}
.home-dashboard-commission-title h4 small i svg {margin-bottom: 1px;}
.home-dashboard-commission-title h4 small:has(q.red) i {transform: rotate(180deg)}
.home-dashboard-commission-title h4 small:has(q.red) i svg path {stroke: #F43939;}
.home-dashboard-commission-title h4 small q {line-height: 10px;font-weight: 500;letter-spacing: -0.02em;}
.home-dashboard-commission-title h4 small q.green {color:#50A771}
.home-dashboard-commission-title h4 small q.red {color: #F43939}
.home-dashboard-commission-title h4 small em {font-size: 10px; display: block; line-height: 100%; width: 100%; text-align: right;font-style: normal;font-weight: 400; color:rgba(21, 21, 22, 0.60); letter-spacing: normal;}

.home-dashboard-commission-details {padding:var(--clamp-20) var(--clamp-14);border-bottom: 1px solid #1515160D;flex-shrink: 0;}
.home-dashboard-commission-details ul li {margin-bottom: var(--clamp-18);}
.home-dashboard-commission-details ul li small, .home-dashboard-commission-details ul li span {line-height: 100%;}
.home-dashboard-commission-details ul li small {text-align: right;display: flex;color: #151516;font-weight: 600;align-items: flex-end; gap: 6px;}
.home-dashboard-commission-details ul li span { color: #15151680; font-weight: 400; color: rgba(21, 21, 22, 0.50); font-size: var(--clamp-text-base); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.48px; display: block; }
.home-dashboard-commission-details ul li small sub {gap: 6px;}
.home-dashboard-commission-details ul li small sub i {font-size: 12px; line-height: 12px;color: #50A771; font-style: unset; font-weight: 500;letter-spacing: -0.01em;}
.home-dashboard-commission-details ul li:last-child {margin: 0;}

.home-dashboard-commission-chart {padding: var(--clamp-20) var(--clamp-14) calc(var(--clamp-8) + 1px);flex-shrink: 0;}
.home-dashboard-commission-legend ul {gap: var(--clamp-12);}
.home-dashboard-commission-legend ul li {font-size: 10px; line-height: 10px;gap: 4px;}
.home-dashboard-commission-legend ul li:first-child {color: #FF7A48; letter-spacing: -0.01em;}
.home-dashboard-commission-legend ul li:nth-child(2) {color: #3C8BF7}
.home-dashboard-commission-legend ul li:last-child {color: #B3B7C1} 
.home-dashboard-commission-legend ul li .legend-color {border: 3px; border-radius: 50%;width: 8px; height: 8px;display: block;  }
.home-dashboard-commission-legend ul li:first-child .legend-color {border: 2.5px solid #FF7A48;}
.home-dashboard-commission-legend ul li:nth-child(2) .legend-color {border: 2.5px solid #3C8BF7}
.home-dashboard-commission-legend ul li:last-child .legend-color {border: 2.5px solid #B3B7C1}

.home-dashboard-commissions-chart-con {position: relative;flex: 1; overflow: hidden;}
.home-dashboard-commissions-chart-con:before {content: ""; display: block; width: 100%; height: 23px; position: absolute; top:-6px; left: 0;background: linear-gradient(180deg, #FFFFFF 43%, rgba(255, 255, 255, 0) 100%); }

.home-dashboard-banner-con {border-radius: 12px; overflow: hidden;position: relative;padding: 0;height: 100%;aspect-ratio: 2.41/1;padding-bottom: 41.49%;}
.home-dashboard-banner-con img {height: 100% !important;aspect-ratio: 2.41/1; max-height: unset !important;}

#dashboard-banner-images button {display: none !important;}
#dashboard-banner-images .slick-slide {bottom: 0 !important;}
#dashboard-banner-images .slick-slide img {width: 100% !important;}
#dashboard-banner-images .slick-dots {position: absolute;left:  var(--clamp-26); bottom: var(--clamp-26);z-index: 20;display: flex; align-items: center;gap: 5px;}
#dashboard-banner-images .slick-dots li {background: #151516; border-radius: 50%;width: 4px; height: 4px; opacity: 0.1;}
#dashboard-banner-images .slick-dots li.slick-active {background: #151516;width: 6px; height: 6px; opacity: 1;}

.home-dashboard-banner-info {position: absolute; top: var(--clamp-26); left:  var(--clamp-26);z-index: 3;}
.home-dashboard-banner-info h2 { position: relative; color: #2A80F6; display: flex; align-items: center; gap: var(--clamp-8); color: #2A80F6; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.24px; }
.home-dashboard-banner-info h2 span {display: block;border-radius: 4px; background: #2A80F6; box-shadow: 0 2px 6px 0 rgba(50, 67, 78, 0.06);width: 8px; height: 8px; line-height: 0;}
.home-dashboard-banner-info h3 { margin: var(--clamp-8) 0 var(--clamp-10); color: #151516; font-size: var(--clamp-text-3xl); font-style: normal; font-weight: 600; line-height: 107.143%; letter-spacing: -0.84px; width: 60%; }
.home-dashboard-banner-info button { width: max-content; display: flex; justify-content: center; align-items: center; gap: var(--clamp-6); border-radius: 6px; padding: calc(var(--clamp-8) - 1px) var(--clamp-10); background: #2A80F6; box-shadow: 0 2px 6px 0 rgba(50, 67, 78, 0.06); color: #FFF; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; }
.home-dashboard-banner-info button i {line-height: 0;}

.home-dashboard-table-con {padding: 0;flex: 1;overflow: hidden;display: flex; flex-direction: column;}
.home-dashboard-table-boxes {padding: var(--clamp-14) 0px var(--clamp-14);display: flex;border-bottom: 1px solid #1515160D;}
.home-dashboard-table-boxes li {flex: 1 1 25%; text-align: center;position: relative;}
.home-dashboard-table-boxes li:before {content:"";display: block; width: 1px; height: 100%; max-height: 75px; position: absolute; right: 0; bottom: 0; background: #1515160D;}
.home-dashboard-table-boxes li:last-child {border: 0;}
.home-dashboard-table-boxes li i {display: block; margin: 0 auto; width: 38px; height: 38px;position: relative;}
.home-dashboard-table-boxes li i svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.home-dashboard-table-boxes li small {color: #15151666; margin-bottom: var(--clamp-6);font-weight: 400;display: block; line-height: 100%;}
.home-dashboard-table-boxes li h2 {display: block; line-height: 100%; font-size: var(--clamp-text-24);}
.home-dashboard-table-boxes li:first-child h2 {color: #3C8BF7;text-shadow: 0 4px 10px rgba(102, 92, 218, 0.18);display: block; width: auto;}
.home-dashboard-table-boxes li:nth-child(2) h2 {color: #50A771;text-shadow: 0px 4px 10px rgba(80, 167, 113, 0.18);display: block; width: auto;}
.home-dashboard-table-boxes li:nth-child(3) h2 {color: #FF7A48;text-shadow: 0px 4px 10px rgba(255, 122, 72, 0.18);display: block; width: auto;}
.home-dashboard-table-boxes li:last-child h2 {color: #F43939;text-shadow: 0px 4px 10px rgba(244, 57, 57, 0.18);display: block; width: auto;}

.home-dashboard-table-con .table-container {padding: 0; border-radius: 0; border: 0;position: relative; z-index: 1;max-height: 470px;display: flex ; flex-direction: column;}
.home-dashboard-table-con .table-container > div {height: 100%;}
.home-dashboard-table-con .table-container table {width: 100%;border-collapse: unset; border-spacing: 0 4px;height: 100%;padding: 0 5px;}
.home-dashboard-table-con .table-container table thead th { padding: var(--clamp-6) var(--clamp-12); white-space: nowrap; color: rgba(21, 21, 22, 0.60); font-size: var(--clamp-text-xs); font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: -0.24px; }
.home-dashboard-table-con .table-container table thead th:first-child {text-align: left;}
.home-dashboard-table-con .table-container table thead th:nth-child(3) {width: 100px;max-width: 100px;text-align: right;}
.home-dashboard-table-con .table-container table tbody td {padding: 4px var(--clamp-14);text-align: center;position: relative;font-size: var(--clamp-text-sm);vertical-align: middle;}
.home-dashboard-table-con .table-container table tbody td span {font-weight: 500;white-space: nowrap;font-weight: 500; white-space: nowrap; width: calc((var(--clamp-text-xl) + 4px) * 4); display: block;margin: 0 auto;text-overflow: ellipsis; overflow: hidden;}
.home-dashboard-table-con .table-container table tbody td:first-child span, .home-dashboard-table-con .table-container table tbody td:nth-child(2) span {margin: unset;}
.home-dashboard-table-con .table-container table tbody td:nth-child(3), .home-dashboard-table-con .table-container table tbody td:nth-child(4) {font-weight: 600;}
.home-dashboard-table-con .table-container table tbody td:nth-child(3) {width: 100px !important; text-align: right !important;max-width: 100px;}
.home-dashboard-table-con .table-container table tbody td:nth-child(3) span {margin: unset; margin-left: auto;width: unset !important;}
.home-dashboard-table-con .table-container table tbody td:nth-child(4)  {width: 100px; max-width: 100px;}
.home-dashboard-table-con .table-container table tbody td:first-child {text-align: left;}
.home-dashboard-table-con .table-container table tbody td:first-child td {font-weight: 500;}
.home-dashboard-table-con .table-container table tbody td .activate-btn {background: #F43939;border-radius: 6px; display: flex;align-items: center;width: max-content;gap: var(--clamp-6);padding: 4px var(--clamp-6);color: #ffffff; font-size: var(--clamp-text-sm);line-height: 100%;margin: 0 auto;}
.home-dashboard-table-con .table-container table tbody td .activate-btn i {display: block; line-height: 0;}
.home-dashboard-table-con .table-container table tbody.home-dashboard-products-table td span { width: calc((var(--clamp-text-xl) + 4px) * 4); text-overflow: ellipsis; overflow: hidden; }
.home-dashboard-table-con .table-container table tbody.home-dashboard-products-table td .status-widget span {width: unset;}

.home-dashboard-table-con .table-container table tr {position: relative;}
.home-dashboard-table-con .table-container table tr.inactive-row td:before {content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1;background: #F4393906;}
.home-dashboard-table-con .table-container table tr.active-row td:before {background: linear-gradient(0deg, rgba(101, 204, 101, 0.0375) 0%, rgba(101, 204, 101, 0.025) 100%); content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1;}
.home-dashboard-table-con .table-container table tr td:first-child:before {border-radius: 6px 0 0 6px;}
.home-dashboard-table-con .table-container table tr td:last-child:before {border-radius: 0 6px 6px 0;}
.home-dashboard-table-con .table-container table tr.inactive-row td {color: rgba(21, 21, 22, 0.45)}
.home-dashboard-table-con .table-container table tr.active-row td {color: #50A771; }
.home-dashboard-table-con .table-container table tr.active-row td:first-child {color: #151516; }
.home-dashboard-table-con .table-container table tr.inactive-row .status-widget {background: #F439391A}
.home-dashboard-table-con .table-container table tr.active-row .status-widget {background: #50A7711A;}
.home-dashboard-table-con .table-container table tr td .tier-level-block {font-size: var(--clamp-text-xs); line-height: var(--clamp-text-l);padding: 0 var(--clamp-6);border-radius: 4px;font-weight: 500;white-space: nowrap;}
.home-dashboard-table-con .table-container table tr td .tier-level-block.tier1 {background:rgba(41, 76, 153, 0.05);color: #294C99;}
.home-dashboard-table-con .table-container table tr td .tier-level-block.tier2 {background:rgba(244, 57, 57, 0.10); color: #F43939;}
.home-dashboard-table-con .table-container table tr.active-row td span {color: #151516;}
.home-dashboard-table-con .table-container table tr .status-widget {padding: 4px 5px;margin: 0 auto;width: max-content;border-radius: 4px;}
.home-dashboard-table-con .table-container table tr .status-widget i {line-height: 0;}
.home-dashboard-table-con .table-container table tr .status-widget span {font-size: var(--clamp-text-xs); line-height: var(--clamp-text-xs);font-weight: 500;width: max-content}
.home-dashboard-table-con .table-container table tr.inactive-row .status-widget span {color: #F43939}
.home-dashboard-table-con .table-container table tr.inactive-row td {color: #F43939;}
.home-dashboard-table-con .table-container table tr.active-row td.status-col span {color: #50A771;}
.home-dashboard-table-con .table-container table tr.active-row td:nth-child(4) {color: #151516;}
.home-dashboard-table-con .table-container table tr.inactive-row td:nth-child(4) {color: rgba(21, 21, 22, 0.45);}
.home-dashboard-table-con .table-container table tr.inactive-row td:first-child span {color:rgba(21, 21, 22, 0.45) ;}

.home-dashboard-training-con {padding: 0; display: flex; height: 100%;}
.home-dashboard-training-con > div {flex: 1 1 50%;padding: 0 0 var(--clamp-18);}
.home-dashboard-training-con h2 {text-align: center;padding: var(--clamp-32) var(--clamp-20);font-weight: 600;line-height: 100%;}
.home-dashboard-training-con h2 span {display: block; line-height: 100%;margin-top: var(--clamp-6);font-weight: 400;}
.home-dashboard-training-left {position: relative;}
.home-dashboard-training-left:before {content: ""; display: block; position: absolute; top: 32px; right: 0; width: 1px; height: calc(100% - (32px + 26px)); background: rgba(21, 21, 22, 0.10);}
.home-dashboard-training-left h2 { border-radius: 12px; background: radial-gradient(50% 50% at 50% 50%, rgba(60, 139, 247, 0.12) 0%, rgba(60, 139, 247, 0.00) 100%); }
.home-dashboard-training-right h2{background: radial-gradient(50% 50% at 50% 50%, rgba(255, 227, 158, 0.4) 0%, rgba(255, 227, 158, 0) 100%); }
.home-dashboard-graph-stats {text-align: center; position: absolute;width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;flex-direction: column;top: calc(var(--clamp-10) * -1);left: 0;}
.home-dashboard-graph-stats h3 {font-size: var(--clamp-text-4xl); color: #151516;font-weight: 600; line-height: 100%;}
.home-dashboard-graph-stats span { display: block; text-transform: uppercase; font-size: 9px; font-weight: 600; line-height: 100%; letter-spacing: 0.06em; margin-top: var(--clamp-6); color: #15151680}
.home-dashboard-graph-stats i svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: var(--clamp-text-sm); height: var(--clamp-text-sm);}
.home-dashboard-training-con button {display: flex; align-items: center;gap: 6px;justify-content: center; width: max-content;font-size: var(--clamp-text-sm); line-height: var(--clamp-text-sm);font-weight: 500;margin: var(--clamp-14) auto 0; letter-spacing: -0.03em;}
.home-dashboard-training-con button i {line-height: 0;}
.home-dashboard-training-left button {color: #3C8BF7}
.home-dashboard-training-right button {color: #FF7A48}

.affiliate-training-graph-con, .academy-training-graph-con {padding: 0 var(--clamp-14);width: 100%;margin: 0 auto;position: relative;}
.affiliate-training-graph-con .home-dashboard-graph-stats i {display: block; position: relative; width: var(--clamp-28); height: var(--clamp-28); border-radius: 50%;background: #3C8BF70D;;margin-bottom: var(--clamp-6);}
.academy-training-graph-con .home-dashboard-graph-stats i {display: block; position: relative; width: var(--clamp-28); height: var(--clamp-28); border-radius: 50%;background: #FF7A480D;margin-bottom: var(--clamp-6);}

.affiliate-training-btn-con {position: relative;}
.affiliate-training-btn-con button {pointer-events: none;}
.affiliate-training-btn-con:hover button {opacity: 0.5;}
.affiliate-training-btn-con:hover .sys-tooltip {display: block;}

.affiliate-training-graph-circle {position: relative; aspect-ratio: 1 / 1; max-width: 140px; margin: 0 auto;}
.affiliate-training-graph-circle .rect { position: absolute; width: 3px; height: 9px; background-color: #E2E7EB; border-radius: 1.5px; transform-origin: center top; max-width: 3px; max-height: 9px;}
.affiliate-training-graph-circle .rect.shaded-rect { background-color: #3C8BF7; }
.affiliate-training-graph-circle .rect.shaded-rect::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; }
.affiliate-training-graph-circle .rect:nth-child(-n+15).shaded-rect::before { box-shadow: 0px 0.74px 1.61px #3C8BF726, 0px 1.25px 2.41px #3C8BF745, 0px 3.97px 5.8px #3C8BF733, 0px 6.35px 15.16px #3C8BF74D, 0px 15.83px 19.91px #3C8BF733, 0px 20.86px 33.43px #3C8BF726 }
.affiliate-training-graph-circle .rect:nth-child(n+16):nth-child(-n+23).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #3C8BF726, 0px 1.25px 5.41px #3C8BF745, 0px 4.97px 10.8px #3C8BF733, 0px 7.35px 21.16px #3C8BF74D, 0px 12px 38.91px #3C8BF733, 0px 20px 66.43px #3C8BF726; }
.affiliate-training-graph-circle .rect:nth-child(n+24):nth-child(-n+35).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #3C8BF726, 0px -1.25px 5.41px #3C8BF745, 0px 0.97px 10.8px #3C8BF733, 0px 0.35px 21.16px #3C8BF74D, 0px 0px 38.91px #3C8BF733, 0px 0px 66.43px #3C8BF726; }
.affiliate-training-graph-circle .rect:nth-child(n+36):nth-child(-n+75).shaded-rect::before { box-shadow: 0px -0.74px 2.61px #3C8BF726, 0px -3.25px 5.41px #3C8BF745, 0px -7.97px 10.8px #3C8BF733, 0px -10px 23.16px #3C8BF74D, 0px -15.83px 38.91px #3C8BF733, 0px -20.86px 66.43px #3C8BF726 }
.affiliate-training-graph-circle .rect:nth-child(n+76):nth-child(-n+85).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #3C8BF726, 0px -1.25px 5.41px #3C8BF745, 0px 0.97px 10.8px #3C8BF733, 0px 0.35px 21.16px #3C8BF74D, 0px 0px 38.91px #3C8BF733, 0px 0px 66.43px #3C8BF726; }

.academy-training-graph-circle {position: relative; aspect-ratio: 1 / 1; max-width: 140px; margin: 0 auto;}
.academy-training-graph-circle .rect { position: absolute; width: 3px; height: 9px; background-color: #E2E7EB; border-radius: 1.5px; transform-origin: center top; }
.academy-training-graph-circle .rect.shaded-rect { background-color: #FF7A48; }
.academy-training-graph-circle .rect.shaded-rect::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; }
.academy-training-graph-circle .rect:nth-child(-n+15).shaded-rect::before { box-shadow: 0px 0.74px 1.61px #FFB22E26, 0px 1.25px 2.41px #FFB22E45, 0px 3.97px 5.8px #FFB22E33, 0px 6.35px 15.16px #FFB22E4D, 0px 15.83px 19.91px #FFB22E33, 0px 20.86px 33.43px #FFB22E26 }
.academy-training-graph-circle .rect:nth-child(n+16):nth-child(-n+23).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px 1.25px 5.41px #FFB22E45, 0px 4.97px 10.8px #FFB22E33, 0px 7.35px 21.16px #FFB22E4D, 0px 12px 38.91px #FFB22E33, 0px 20px 66.43px #FFB22E26; }
.academy-training-graph-circle .rect:nth-child(n+24):nth-child(-n+35).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px -1.25px 5.41px #FFB22E45, 0px 0.97px 10.8px #FFB22E33, 0px 0.35px 21.16px #FFB22E4D, 0px 0px 38.91px #FFB22E33, 0px 0px 66.43px #FFB22E26; }
.academy-training-graph-circle .rect:nth-child(n+36):nth-child(-n+75).shaded-rect::before { box-shadow: 0px -0.74px 2.61px #FFB22E26, 0px -3.25px 5.41px #FFB22E45, 0px -7.97px 10.8px #FFB22E33, 0px -10px 23.16px #FFB22E4D, 0px -15.83px 38.91px #FFB22E33, 0px -20.86px 66.43px #FFB22E26 }
.academy-training-graph-circle .rect:nth-child(n+76):nth-child(-n+85).shaded-rect::before { box-shadow: 0px 0.74px 2.61px #FFB22E26, 0px -1.25px 5.41px #FFB22E45, 0px 0.97px 10.8px #FFB22E33, 0px 0.35px 21.16px #FFB22E4D, 0px 0px 38.91px #FFB22E33, 0px 0px 66.43px #FFB22E26; }

.home-dashboard-ad-con {min-height: 160px;display: flex; align-items: center;background: linear-gradient(87.01deg, #151516 33.89%, #2B2B30 47.12%, #151516 53.13%, #262629 64.35%, #6E6E78 73.16%, #45454B 83.58%, #151516 96.81%);border-radius: 12px;padding: 30px 32px;position: relative;overflow: hidden;z-index: 3;}
.home-dashboard-ad-info h2 {background: linear-gradient(89.63deg, #919199 15.33%, #B7B7C3 53.86%, #78788A 87.58%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: 600;padding-left: 21px;position: relative;}
.home-dashboard-ad-info h2:before { content: ""; display: block; width: 13px; height: 13px; gap: 0px; border-radius: 4px; border: 1px 0px 0px 0px; opacity: 0px; background: linear-gradient(225deg, #ADADB4 16.5%, #C9C9D4 29%, #787882 78.5%); box-shadow: 0px 2px 6px 0px #32434E0F; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.home-dashboard-ad-info h3 {background: linear-gradient(89.63deg, #919199 15.33%, #B7B7C3 53.86%, #78788A 87.58%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: 600;font-size:26px; line-height: 100%;margin: 12px 0 18px}
.home-dashboard-ad-info button { width: 112px; height: 28px; border-radius: 6px; display: block; background: linear-gradient(86.93deg, #ADADB4 32%, #B5B5C0 77.5%, #919199 100%); box-shadow: 0px 2px 6px 0px #32434E0F; font-size: 14px; color: #151516; font-weight: 500; letter-spacing: -0.03em;     display: flex ; justify-content: center; align-items: center;gap: 6px;}
.home-dashboard-ad-info button i {line-height: 0;}
.home-dashboard-ad-con img {width: 740px;position: absolute;top: 0;left: 49%;pointer-events: none;z-index: -1;max-width: unset;}

.home-dashboard-leaderboard-section {padding: 0;flex: 1; display: flex; flex-direction: column;overflow: hidden;''}
.home-dashboard-leaderboard-header {border-bottom: 1px solid rgba(21, 21, 22, 0.10); flex-shrink: 0;}
.home-dashboard-leaderboard-dropdown {position: relative;}
.home-dashboard-leaderboard-header .dropdown-btn { background: #F3F6F8; padding: var(--clamp-6) var(--clamp-8); font-size: var(--clamp-text-sm); font-weight: 500; line-height: 100%; letter-spacing: -0.01em; display: flex; align-items: center;gap: 6px;position: relative;border-radius: 6px}
.home-dashboard-leaderboard-header .dropdown-btn small:after { content: "\f107"; font-family: 'FontAwesome'; font-size: var(--clamp-text-xs); color: #151516; line-height: 0;}
.home-dashboard-leaderboard-header-top {padding: calc(var(--clamp-16) - 1px) var(--clamp-16);}
.home-dashboard-leaderboard-header-bottom {background: linear-gradient(180deg, rgba(21, 21, 22, 0.02) 0%, rgba(21, 21, 22, 0) 100%); padding: var(--clamp-12) var(--clamp-16) var(--clamp-8);border-bottom: 1px solid #1515161A;}
.home-dashboard-leaderboard-header-bottom > div span {font-weight: 400;color: #15151666}

.home-dashboard-leaderboard-section .table-container { padding: var(--clamp-6) 0; border: 0; border-radius: 0; overflow: auto; scroll-behavior: auto; height: 100%; flex: 1;}
.home-dashboard-leaderboard-section .table-container table {width: 100%;}
.home-dashboard-leaderboard-section .table-container::-webkit-scrollbar { width: 4px !important; height: 4px !important; background: none !important; }
.home-dashboard-leaderboard-section .table-container::-webkit-scrollbar-thumb { border-radius: 3px; background-color: transparent !important; transition: background-color 0.3s ease-out; opacity: 0 !important; }
.home-dashboard-leaderboard-section .table-container table tbody tr td {padding: var(--clamp-10)var(--clamp-18);vertical-align: middle;}
.home-dashboard-leaderboard-section .table-container table tbody tr td:last-child { text-align: right; color: rgba(21, 21, 22, 0.45); text-align: right; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.42px; }
.home-dashboard-leaderboard-section .table-container table tbody tr td span {font-weight: 500;color: #151516;font-size: var(--clamp-text-sm);display: block; line-height: var(--clamp-text-sm);}
.home-dashboard-leaderboard-section .table-container table tbody tr td .home-leaderboard-ranking {display: flex; align-items: center;gap: 4px}
.home-dashboard-leaderboard-section .table-container table tbody tr td .home-leaderboard-ranking i {line-height: 0;}
.home-dashboard-leaderboard-section .table-container table tbody tr td sub {font-size: var(--clamp-text-sm); line-height: 100%;}
.home-dashboard-leaderboard-section .table-container table tbody tr td sub.green {color: #50A771}
.home-dashboard-leaderboard-section .table-container table tbody tr td sub.red {color: #F43939}
.home-dashboard-leaderboard-section .table-container table tbody tr td sub.gray {color: #D1D1D1; font-size: var(--clamp-text-xl);}

.home-leaderboard-closer {gap: var(--clamp-6) !important;}
.home-leaderboard-closer-country {aspect-ratio: 1/1; width: var(--clamp-24); display: flex; align-items: center; justify-content: center; }
.home-leaderboard-closer-country img {aspect-ratio: 1/1; width: var(--clamp-24);border-radius: 50%; overflow: hidden;}

.home-dashboard-leaderboard-section .table-container table tbody tr:first-child td {position: relative;}
.home-dashboard-leaderboard-section .table-container table tbody tr:first-child td:first-child:before {border-radius: 6px 0 0 6px}
.home-dashboard-leaderboard-section .table-container table tbody tr:first-child td:last-child:before {border-radius: 0 6px 6px 0;}

.home-dashboard-leaderboard-section .table-container table tbody tr:first-child td:last-child i {display: flex !important;width: var(--clamp-20); height: var(--clamp-20);justify-content: center; align-items: center; border-radius: 6px;background: #FF7A4833}
.home-dashboard-leaderboard-section .table-container table tbody tr:first-child td:last-child > div {justify-content: flex-end;}

.home-dashboard-bottom-boxes {display: flex; gap: var(--clamp-16)}
.home-dashboard-bottom-boxes section {flex: 1 1 0;padding: var(--clamp-24) var(--clamp-24) calc((var(--clamp-48) * 2) + 4px) ;border-radius: 12px; box-shadow: 0 12px 12px 0 rgba(21, 21, 22, 0.02);background: url(../../images/lms/home-dashboard-btm1.png) center center / cover;background-position: center right !important;}
.home-dashboard-bottom-boxes section h2 { position: relative; color: #2A80F6; display: flex; align-items: center; gap: var(--clamp-8); color: #2A80F6; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.24px; }
.home-dashboard-bottom-boxes section h2 span {display: block;border-radius: 4px; background: #2A80F6; box-shadow: 0 2px 6px 0 rgba(50, 67, 78, 0.06);width: 8px; height: 8px; line-height: 0;}
.home-dashboard-bottom-boxes section h3 { margin: var(--clamp-8) 0 var(--clamp-10); color: #151516; font-size: var(--clamp-text-3xl); font-style: normal; font-weight: 600; line-height: 107.143%; letter-spacing: -0.84px; width: 75%; }
.home-dashboard-bottom-boxes section button { width: max-content; display: flex; justify-content: center; align-items: center; gap: var(--clamp-6); border-radius: 6px; padding: calc(var(--clamp-8) - 1px) var(--clamp-8); background: #2A80F6; box-shadow: 0 2px 6px 0 rgba(50, 67, 78, 0.06); color: #FFF; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; }
.home-dashboard-bottom-boxes section button i {line-height: 0;}
.home-dashboard-bottom-boxes section:nth-child(2) {background: url(../../images/lms/home-dashboard-btm2.png) center top / cover;}
.home-dashboard-bottom-boxes section:nth-child(2) h2 {color: #50A771}
.home-dashboard-bottom-boxes section:nth-child(2) h2 span {background: #50A771}
.home-dashboard-bottom-boxes section:nth-child(2) button {background: #50A771}
.home-dashboard-bottom-boxes section:nth-child(3) {background: url(../../images/lms/home-dashboard-btm3.png) center top / cover;}
.home-dashboard-bottom-boxes section:nth-child(3) h2 {color: #FF7A48}
.home-dashboard-bottom-boxes section:nth-child(3) h2 span {background: #FF7A48}
.home-dashboard-bottom-boxes section:nth-child(3) button {background: #FF7A48}
.home-dashboard-bottom-boxes .home-dashboard-bottom-box-btn-con {position: relative;display: block; width: max-content;}
.home-dashboard-bottom-boxes .home-dashboard-bottom-box-btn-con:hover .coming-soon {display: block !important;}

#videoTutorialModal {position: fixed; width: 100%; height: 100%; position: fixed; z-index: 999;background:rgba(21, 21, 22, 0.1); max-width: 100%;}
.home-dashboard-video-modal-con {max-width: 1000px; width: 95%; overflow: hidden; background: var(--sys-white);border-radius: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column;padding: 14px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header {flex-shrink: 0;padding-bottom: 11px; margin-bottom: 15px;position:relative;}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header:after { content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }

.home-dashboard-video-modal-con .home-dashboard-video-modal-header .home-dashboard-video-modal-heading{}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header .home-dashboard-video-modal-heading img{vertical-align:middle;}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header .home-dashboard-video-modal-heading h2 {white-space: nowrap;text-transform: capitalize;}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header .home-dashboard-video-modal-heading h2 br {display: none;}


.home-dashboard-video-modal-con .home-dashboard-video-modal-header a{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header a svg { vertical-align: middle; fill:var(--accent2);}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header a svg path{stroke:var(--accent2);}
.home-dashboard-video-modal-con .home-dashboard-video-modal-header a:hover{opacity: 0.5;}

.home-dashboard-video-modal-con .home-dashboard-video-modal-video-con {position: relative; width: 100%;background: #fff;border-radius: 8px;overflow: hidden;aspect-ratio: 16/9; }
.home-dashboard-video-modal-con .home-dashboard-video-modal-video-con iframe{width: 100%; height: auto; background: #151516; aspect-ratio: 16/9; vertical-align: middle;}
.home-dashboard-video-modal-con .choose-btns {margin: 0;display:none;}

#activateModal .modal-box {max-width: 414px; padding: 14px;}
#activateModal .modal-box #closeVideoModalBtn { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; border-radius: 8px; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); margin-left: auto; margin-bottom: 8px;     position: absolute; right: 5px; top: 5px;}
#activateModal .modal-box #closeVideoModalBtn svg path {fill:var(--accent2);}
#activateModal .home-dashboard-activate-modal-video-con {position: relative;}
#activateModal .home-dashboard-activate-modal-video-con, #activateModal .home-dashboard-activate-modal-video-con iframe {width: 100%; aspect-ratio: 16/9; border-radius: var(--clamp-8); overflow: hidden;}

#activateModal .form-con {}
#activateModal .form-con h3 {color: #151516;margin-bottom: var(--clamp-6); padding-bottom: var(--clamp-6);position: relative;margin-top: var(--clamp-6);font-size: var(--clamp-text-sm);}
#activateModal .form-con h3.mb0 {margin-bottom: 0;}
#activateModal .form-con h3:first-child { margin-top: 3px; }
#activateModal .form-con h3:after { content: ""; display: block; bottom: 0; left: 0; width: 65px; height: 2px; margin-bottom: 2px; background: rgba(130,130,130,.3); display: block; position: absolute;}
#activateModal .form-con .form-item {position: relative;margin-bottom: var(--clamp-8);}
#activateModal .form-con .form-item.phone-input input {padding-top: var(--clamp-6) !important;padding-bottom: var(--clamp-6);}
#activateModal .form-con .form-group {display: flex; justify-content: space-between; gap: var(--gap-11);flex-wrap: wrap;}
#activateModal .form-con .form-group .form-item {flex: 1;}
#activateModal .form-con label {font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.03em;font-weight: 500;margin-bottom: 6px;display: block;}
#activateModal .form-con input[type = "text"] { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-100) var(--clamp-12); font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); line-height: 120%; color: var(--sys-dark); resize: none; flex: 1;width: 100%;padding: var(--clamp-6) var(--clamp-10);}
#activateModal .form-con input[type]::placeholder {color: #1515164D; }
#activateModal .form-con .form-radio-btns {position: relative;}
#activateModal .form-con .form-radio-btns .form-item {margin-bottom: 0;}
/*#activateModal .form-con .form-radio-btns .form-item {padding-bottom: 8px; margin-bottom: 8px;border-bottom: 1px solid rgba(21, 21, 22, 0.05)}
#activateModal .form-con .form-radio-btns .form-item:last-child {border-bottom: 0}*/
#activateModal .form-con .form-radio-btns label {font-size: var(--clamp-text-base);line-height: 120%;margin-bottom: 0;color: #151516;cursor: pointer; padding-left: var(--clamp-24);width: 100%;position: relative;border: 1px solid transparent;padding: 2px var(--clamp-10) 2px 30px; border-radius: 8px;}
#activateModal .form-con .form-radio-btns label span {display: block !important;color: #151516;font-size: var(--clamp-text-sm); line-height: 1;}
#activateModal .form-con .form-radio-btns label span.radio-btn {width: var(--clamp-text-sm);height: var(--clamp-text-sm);}
#activateModal .form-con .form-radio-btns label span:after {width: calc(var(--clamp-text-sm) / 2);height: calc(var(--clamp-text-sm) / 2);}
#activateModal .form-con .form-radio-btns label small {display: flex; justify-content: space-between;width: 100%;color: #151516;}
#activateModal .form-con .form-radio-btns .custom-radio-btn-con {position: absolute; top: 6px;left: 8px; margin: 0;cursor: pointer;}
#activateModal .form-con select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: var(--clamp-12) var(--clamp-14); color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); line-height: 120%; }
#activateModal .form-con button.submit-btn { width: 100%; font-weight: 500; display: block; border-radius: var(--clamp-text-l); background: #FF5A5F; color: #fff; text-align: center; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent; padding: 0 10px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); margin: var(--clamp-8) auto; font-size: var(--clamp-text-sm); color: #ffffff; text-transform: uppercase; padding: var(--clamp-6) var(--clamp-10) }
#activateModal .form-con button:hover {opacity: 0.5;}

#activateModal .form-con .errormsg {display: block; margin-top: 5px;color: red;width: 100%;}
#activateModal .form-con .form-group .errormsg {display: block; margin-top: -5px;color: red;width: 100%;}
#activateModal .form-con .form-group #expirationErrorMsg.errormsg, #activateModal .form-con .form-group #cvcErrorMsg.errormsg {margin-top: 5px;}

#activateModal .form-con #countryAreaCode {width: 10em;}
#activateModal .form-con .declinedMsg{display:flex;align-items:center;justify-content:center;gap:5px;}
#activateModal .form-con .declinedMsg svg{height:100%;vertical-align:middle;width:28px;}
#activateModal .form-con .declinedMsg svg path{color: #FF5A5F;}
#activateModal .form-con .declinedMsg h2{text-align: center;color: #FF5A5F;}


#activateModal .form-con input.card-input {padding-right: 111px;}
#activateModal .form-con .buy-card-icons {display: flex; gap: 4px; align-items: center; position: absolute; right: 11px;top: 34px;}
#activateModal .form-con .form-item.cvc-con .flx-item {display: flex; align-items: center; gap: 6px;}
#activateModal .form-con .form-item.cvc-con .flx-item .errormsg {} 

#activateModal .form-con .form-item.cvc-con .cvc-tooltip-con {position: relative;cursor: pointer;line-height: 0;}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip { position: absolute; width: 165px; bottom: calc(100% + 10px); left: 50%; margin-left: -83px; padding: 14px; background: #e8e8ed; border-radius: 16px; display: none;}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; border-bottom-right-radius: 2px; transform: rotate(45deg); bottom: -5px; background-color: #e8e8ed; left: 0; margin: 0 auto; right: 0; }

#activateModal .form-con .form-item.cvc-con .cvc-tooltip_heading{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-bottom: 11px;}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon {}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon svg{width:25px;height:auto;}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-title {color: #151516; font-weight: bold;}
#activateModal .form-con .form-item.cvc-con .cvc-tooltip p {text-align: left; font-size: 10px;line-height: 14px;}

#activateModal .form-con .form-item.cvc-con .cvc-tooltip-con:hover .cvc-tooltip {display: block;}

#activateModal .form-con h4 {margin: var(--clamp-11) 0; text-align: center; color: #151516;font-size: 24px;font-weight:bold;padding-top: 11px; border-top: 1px solid rgba(190,190,190,.25)}
#activateModal .form-con p {color: #151516; text-align: center;font-size: var(--clamp-text-sm);letter-spacing: -0.6px; line-height: 120%;}
#activateModal .form-con p span {font-weight: bold;color: #294C99;}
#activateModal .form-con p a {color: #294C99;}
#activateModal .form-con p a:hover {text-decoration: underline;}
#activateModal .form-con .buy-guarantee-con {display: flex; justify-content: space-between; gap: 11px;margin-top: var(--clamp-8);}
#activateModal .form-con .buy-guarantee-con li { display: flex; justify-content: flex-start; gap: var(--clamp-8); align-items: center; color: #999999; font-size: var(--clamp-text-sm); letter-spacing: 1.2px; line-height: 1.3; }
#activateModal .form-con .buy-guarantee-con li small {font-size: var(--clamp-text-xs);line-height: 110%;}
#activateModal .form-con .buy-guarantee-con li svg {height: var(--clamp-text-24); width: var(--clamp-36);}

#activateModal {padding: var(--clamp-20) var(--clamp-24);top: 0;}
#activateModal .form-con .form-radio-btns label small{font-size: var(--clamp-text-sm);}
#activateModal .form-con .form-radio-btns label small q{color: #151516;font-size: var(--clamp-text-xs);}

#activateModal .form-group.credit-card { gap: 0; margin-bottom: var(--clamp-); border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); padding: var(--clamp-6) var(--clamp-12) var(--clamp-6) var(--clamp-40);position: relative;}
#activateModal .form-group.credit-card input[type=text] {border: none; border-radius: 0; background: none;padding: 0; box-shadow: unset;border-left: 1px solid rgba(21, 21, 22, 0.1);padding-left: var(--clamp-10); padding-top: 5px; padding-bottom: 3px;}
#activateModal .form-group.credit-card input[type=text]::placeholder { font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ letter-spacing: -0.64px; color: rgba(21, 21, 22, 0.30); line-height: 120%;}
#activateModal .form-group.credit-card i.credit-card-icon {position: absolute; top: 49%; transform: translateY(-50%);left: 10px;display: block; line-height: 0;}
#activateModal .form-group.credit-card i.credit-card-icon svg {width: var(--clamp-text-base);height: var(--clamp-text-base)}
#activateModal .form-group.credit-card input.card-input.credit-card-number {border: none; padding-left: 0;}
#activateModal .form-group.credit-card input.card-expiration {width: 22.5%;flex: unset; flex-shrink: 0;}
#activateModal .form-group.credit-card input.card-cvc {width: 15.66%;flex: unset; flex-shrink: 0;}


#activateModal .form-con h6{font-size: 12px;color: #151516;text-align: left;margin:5px auto 0;}

#activateModal footer { margin: 0; }
#activateModal .agree-checkbox-con p {text-align: left !important;font-size: var(--clamp-text-xs);line-height: 120%;margin-bottom: 0 !important;}
#activateModal .agree-checkbox-con a {text-decoration: underline; color: var(--accent2) !important;}
#activateModal .agree-checkbox-con a:hover {opacity: 0.5;}
#activateModal .agree-checkbox-con input[type=checkbox] {accent-color: var(--accent2);margin: 0 !important;}

#activateModal .iti.iti--allow-dropdown {width: 100%;}
#activateModal .iti .iti__selected-dial-code {font-size: var(--clamp-text-sm);}

/**Lead Rotation**/
.cms-main-content.lead-rotation {padding-left: var(--clamp-24); padding-right:  var(--clamp-24);overflow-y: auto;}
.cms-main-content.lead-rotation * {font-family: var(--secondary-font);}
.lead-rotation-con {display: flex; flex-direction: column; height: 100%;gap: var(--clamp-12);}

.lead-rotation-header-right {gap: var(--clamp-10);}
.lead-rotation-header-right .language-filter-dropdown-con {border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.05);padding: var(--clamp-6) var(--clamp-6) var(--clamp-6)var(--clamp-10);display: flex; align-items: center; gap: 4px; position: relative; cursor: pointer;min-width: 88px;justify-content: space-between;}
.lead-rotation-header-right .language-filter-dropdown-con span { color: #151516; font-size: var(--clamp-text-sm); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; }
.lead-rotation-header-right .language-filter-dropdown-con svg {display: block; line-height: 1; width: var(--clamp-text-base);height: var(--clamp-text-base);}
.lead-rotation-header-right .language-filter-dropdown-con .sys-dropdown ul li a {font-size: var(--clamp-text-sm);font-weight: 500;}
.lead-rotation-header-right .language-filter-dropdown-con.active svg {transform: rotate(180deg);}

.lead-rotation-chart-con-header h2 {gap: 4px;}
.lead-rotation-chart-con-header {margin-bottom: var(--clamp-20);}
.lead-rotation-chart-legend-con ul {display: flex; align-items: center; gap: var(--clamp-10);}
.lead-rotation-chart-legend-con ul li {display: flex; align-items: center;gap: 4px;}
.lead-rotation-chart-legend-con ul li .legend-circle {display: block; width: calc(var(--clamp-text-xs) - 1px); height: calc(var(--clamp-text-xs) - 1px); border-radius: 50%;}
.lead-rotation-chart-legend-con ul li:first-child .legend-circle {background: linear-gradient(180deg, #E5A34C 0%, rgba(229, 163, 76, 0.60) 100%);}
.lead-rotation-chart-legend-con ul li:nth-child(2) .legend-circle {background: linear-gradient(180deg, rgba(59, 121, 245, 0.50) 0%, rgba(59, 121, 245, 0.25) 100%);}


.lead-rotation-table-row {display: grid; grid-template-columns: 230px calc((var(--clamp-text-l) * 4) + var(--clamp-12))  repeat(7, 1fr) 66px;position: relative;}
.lead-rotation-table-col {padding: var(--clamp-8) var(--clamp-12);position: relative; border-bottom: 1px solid rgba(21, 21, 22, 0.10)}
.lead-rotation-table-col:after {content: ""; display: block; height: var(--clamp-text-l); width: 1px; right: 0; top: 50%; transform: translateY(-50%);background: rgba(21, 21, 22, 0.10);position: absolute;}
.lead-rotation-table-row .lead-rotation-table-col:first-child:after, .lead-rotation-table-row .lead-rotation-table-col:last-child:after,.lead-rotation-table-header .lead-rotation-table-row .lead-rotation-table-col:nth-child(9):after {display: none;}

.lead-rotation-table-header i {display: block; line-height: 0;}
.lead-rotation-table-header span { color: #9F9F9F; font-size: var(--clamp-text-xs); font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.12px; white-space: nowrap;}
.lead-rotation-table-header .lead-rotation-table-row {border-radius: 6px; background: #F8F8FA;}
.lead-rotation-table-header .lead-rotation-table-row:after {display: none;}
.lead-rotation-table-header .lead-rotation-table-row .lead-rotation-table-col {display: flex; align-items: center;gap: var(--clamp-6);padding: var(--clamp-6) var(--clamp-8);border: 0;}
.lead-rotation-table-header .lead-rotation-table-row .lead-rotation-table-col i svg {width: calc(var(--clamp-text-xs) + 1px); height: calc(var(--clamp-text-xs) + 1px)}

.lead-rotation-chart-section {padding: var(--clamp-20);}
.lead-rotation-table-section {padding: 8px;}

.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:first-child {padding-left: var(--clamp-8); overflow: hidden;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:first-child .lead-rotation-table-flx {gap: var(--clamp-10);overflow: hidden;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:first-child span { color: #151516; font-style: normal; font-weight: 500; line-height: 1.1; letter-spacing: -0.48px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col span { color: rgba(21, 21, 22, 0.50); font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.14px; }
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .lead-rotation-table-initial { display: block; width: 18px; height: 18px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #FF7A48 0%, #FFA887 100%); display: flex; justify-content: center; align-items: center; color: rgba(254, 250, 249, 0.80); text-align: center; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.3px; flex-shrink: 0;}

.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col {display: flex; align-items: center;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:nth-child(2), .lead-rotation-table-header .lead-rotation-table-row .lead-rotation-table-col:nth-child(2) {padding: 0;padding-right: var(--clamp-12)}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .lead-rotation-custom-progress-bar { width: 72px; height: 6px; border-radius: 3px; background: rgba(21, 21, 22, 0.10); position: relative;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .lead-rotation-progress {height: 6px;border-radius: 3px;background: #50A771;position: absolute; top:0; left: 0;display: block;}

.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:has(.lead-rotation-table-dropdown) {padding-left: 4px; padding-right: 4px;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .lead-rotation-table-dropdown { position: relative; width: 100%;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col input {border-radius: 6px; background: rgba(21, 21, 22, 0.03); padding: var(--clamp-6); width: 100%; display: flex;border: 0; appearance: none; -webkit-appearance: none; line-height: 1.1;font-size: var(--clamp-text-sm); color: rgba(21, 21, 22, 0.50)}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .dropdown-btn.active i img {transform: rotate(180deg);}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .sys-dropdown a {color: #151516; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px;font-size: var(--clamp-text-xs);padding: var(--clamp-6)}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .sys-dropdown a:hover {color: var(--accent2);}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .sys-dropdown.open-top {top: unset; bottom: calc(100% + 5px); top: unset;}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col:has(.lead-rotation-save-btn) {padding-left: 4px; padding-right: var(--clamp-8);}
.lead-rotation-table-body .lead-rotation-table-row .lead-rotation-table-col .lead-rotation-save-btn { display: block; border-radius: 8px; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0 2.5px 5px 0 rgba(21, 21, 22, 0.03); color: var(--accent2); text-align: center; font-size: var(--clamp-text-sm); padding: var(--clamp-6) 4px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; width: calc(100% - 2px);}

.lead-rotation-table-body .lead-rotation-table-row:last-child .lead-rotation-table-col {border: 0;}

/* AFFILIATE SUBSCRIPTIONS START */
.affiliate-subscriptions {
    background: var(--main-bg);
}

.affiliate-subscriptions-con {
    overflow: unset;
    flex: 1;
    position: relative;
    padding: var(--clamp-14) var(--clamp-12);
}

.affiliate-subscriptions-header {
    flex-wrap: wrap;
}

.affiliate-subscriptions-header h2 {
    color: var(--sys-dark);
}

.affiliate-subscriptions-header-right {
    flex-wrap: wrap;
}

/* Metric Cards */
.subscriptions-metrics {
    flex-wrap: wrap;
}

.subscription-metric-card {
    flex: 1;
    min-width: 240px;
    background: #FFF;
}

/* Subscription Metric Cards */
.subscription-metric-card {
    padding: 16px !important;
}

/* Sign-ups Table Layout */
.signups-table {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.signups-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.signups-cell {
    padding: 10px;
    border-right: 1px solid rgba(21, 21, 22, 0.08);
    border-bottom: 1px solid rgba(21, 21, 22, 0.08);
}

.signups-row:last-child .signups-cell {
    border-bottom: none;
}

.signups-cell:last-child {
    border-right: none;
}

/* KPI Ribbon */
.kpi-ribbon {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(101, 204, 101, 0.15);
    color: #65CC65;
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Chart Legends */
.chart-legends {
    display: flex;
}

/* Trend Charts */
.subscriptions-trends-row {
    flex-wrap: wrap;
}

.subscriptions-bottom-row {
    flex-wrap: wrap;
}

/* Trends Breakdown Grid */
.trends-breakdown-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.trends-breakdown .trend-stat-item {
    border-bottom: 1px solid rgba(21, 21, 22, 0.05);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.trends-breakdown .trend-stat-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.trends-breakdown-grid .trend-stat-item {
    border-bottom: 1px solid rgba(21, 21, 22, 0.08);
    border-right: 1px solid rgba(21, 21, 22, 0.08);
    padding: 16px;
    margin-bottom: 0;
}

.trends-breakdown-grid .trend-stat-item:nth-child(2n) {
    border-right: none;
}

.trends-breakdown-grid .trend-stat-item:nth-child(n+3) {
    border-bottom: none;
}

.section-container {
    border-radius: 12px;
    border: var(--container-border);
    background: #FFF;
    box-shadow: var(--container-shadow);
}

/* Dropdown styles */
.dropdown-con {
    position: relative;
}

.dropdown-btn {
    cursor: pointer;
    text-decoration: none;
}

.sys-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 150px;
    background: #FFF;
    border-radius: 8px;
    border: 1px solid rgba(21, 21, 22, 0.1);
    box-shadow: 0px 4px 12px rgba(21, 21, 22, 0.15);
    z-index: 100;
    padding: 8px 0;
}

.sys-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sys-dropdown ul li {
    margin: 0;
}

.sys-dropdown ul li a {
    display: block;
    padding: 8px 16px;
    color: var(--sys-dark);
    text-decoration: none;
    transition: background 0.2s;
}

.sys-dropdown ul li a:hover {
    background: rgba(21, 21, 22, 0.05);
}

/* Refresh button */
.refresh-btn {
    text-decoration: none;
    transition: opacity 0.2s;
}

.refresh-btn:hover {
    opacity: 0.5;
}

/* Text utilities */
.text-xs {
    font-size: var(--clamp-text-xs);
}

.text-sm {
    font-size: var(--clamp-text-sm);
}

.text-base {
    font-size: var(--clamp-text-base);
}

.text-l {
    font-size: var(--clamp-text-l);
}

.text-xl {
    font-size: var(--clamp-text-xl);
}

.text-2xl {
    font-size: var(--clamp-text-2xl);
}

.text-3xl {
    font-size: var(--clamp-text-3xl);
}

.text-4xl {
    font-size: var(--clamp-text-4xl);
}

.text-strong {
    font-weight: 600;
}

/* Gap utilities */
.gap--16 {
    gap: 16px;
}

.gap--20 {
    gap: 20px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .subscriptions-metrics {
        gap: 12px !important;
    }

    .subscription-metric-card {
        min-width: calc(50% - 8px);
    }
}

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

    .signups-cell {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px;
        text-align: center;
    }

    .signups-cell .flx-center {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .affiliate-subscriptions-con {
        padding: var(--clamp-10);
    }

    .affiliate-subscriptions-header {
        gap: 12px;
    }

    .affiliate-subscriptions-header h2 {
        width: 100%;
        margin-bottom: 8px;
    }

    .subscriptions-metrics {
        flex-direction: column;
        gap: 12px !important;
    }

    .subscription-metric-card {
        min-width: 100%;
        width: 100%;
    }

    .subscriptions-trends-row {
        flex-direction: column;
        gap: 12px !important;
    }

    .trends-breakdown-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .subscriptions-trends-row > section {
        min-width: 100% !important;
        width: 100% !important;
    }

    .subscriptions-bottom-row {
        flex-direction: column;
        gap: 12px !important;
    }

    .subscriptions-bottom-row > section {
        min-width: 100% !important;
        width: 100% !important;
        padding: 16px !important;
    }

    /* Improve chart legends on mobile */
    .chart-legends {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px !important;
    }

    /* Enable horizontal scrolling for comparison chart on mobile */
    .comparison-chart-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .comparison-chart-container {
        min-width: 800px;
        height: 300px !important;
    }

    /* Stack metric groups vertically on mobile */
    .subscription-metric-card > div:first-child {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

@media (max-width: 480px) {
    .affiliate-subscriptions-header-right {
        width: 100%;
        justify-content: space-between;
    }

    /* Make date picker full width on very small screens */
    .datepicker-cm {
        flex: 1;
    }

    /* Adjust chart heights for mobile */
    .subscriptions-trends-row canvas,
    .subscriptions-bottom-row canvas {
        height: 250px !important;
    }
}

/* Date Range Picker Styles */
.datepicker-cm {
    cursor: pointer;
    padding: 8px 12px;
    border: 1px solid rgba(21, 21, 22, 0.1);
    border-radius: 8px;
    background: #FFF;
}

.datepicker-cm span {
    font-size: var(--clamp-text-sm);
    color: var(--sys-dark);
}

/* Chart container responsive */
canvas {
    max-width: 100%;
}

/* Ensure proper spacing on breakdown stats */
.trends-breakdown {
    display: flex;
    flex-direction: column;
}

.trend-stat-item {
    border-bottom: 1px solid rgba(21, 21, 22, 0.05);
    padding-bottom: 16px;
}

.trend-stat-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Loading spinner compatibility */
#cover-spin {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    display: none;
}

#cover-spin[data-bind*="visible: showLoader"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* AFFILIATE SUBSCRIPTIONS END */