#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; }

/*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;}
.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);}

#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*/

::-webkit-scrollbar { width: 0; background: none; height: 0;}
::-webkit-scrollbar:horizontal { height: 0; background: none;}
::-webkit-scrollbar-thumb { border-radius: 0; visibility: hidden; background: #C1C1C1}
::-webkit-scrollbar-thumb:horizontal { border-radius: 0; visibility: hidden; background: #C1C1C1}

.cm-container {height: 100vh; display: flex; flex-direction: column;background: #f9f9f9;}
.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;}
.clickHere svg path{fill:#fff;}

/*.clickHereAgain {display:none;padding:5px;background:var(--accent1);border-radius:10px;}*/
.clickHereAgain{display: none; width: 25px; height: 25px; 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: 50px; align-items: center; justify-content: center;}
.clickHereAgain svg { vertical-align: middle; fill:var(--accent1);}
.clickHereAgain svg path{stroke:var(--accent1);}
.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%;}
.common-scroll {overflow: auto;}
.common-scroll { width: 237px; align-items: stretch; z-index: 1;flex-shrink: 0;}
#leads-tabs { flex: 1; position: relative; z-index: 20; border-radius: 12px; padding-left: calc(var(--clamp-10) - 1px); max-width: 100%; overflow: hidden; }
#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: 1px solid rgba(21, 21, 22, 0.05); 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%;}

.accordion {position: relative;}
.accordion.accordion__pad { padding-bottom: 0; position: relative;display: flex; flex-direction: column;height: 98%;overflow-x: visible;flex: 1;gap: 16px;}
.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-bottom: 1px solid rgba(21, 21, 22, 0.10);}
.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 span { display: block; line-height: 1; font-weight: 600; letter-spacing: -0.48px; color: rgba(21, 21, 22, 0.50); }

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

.accordion-empty-con { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; }
.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;}
.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;padding: var(--clamp-8) var(--clamp-10) 0 0;}
.accordion-item-list-con {flex: 1; overflow: auto;padding-top: 4px;}
.accordion-item-list .accordion-item-list-con:first-child {}

.accordion .accordion-item { margin-bottom: var(--clamp-14); padding-right: var(--clamp-8)}
.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 {}
/*.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: 4px;padding-right: 3px;}
.accordion .accordion-item .accordion-title svg { flex-shrink: 0; fill: rgba(35, 37, 41, 0.50); }
.accordion .accordion-item .accordion-title span {width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: rgba(21, 21, 22, 0.5);}
.accordion .accordion-item .accordion-title a {position: relative; z-index: 10; flex-shrink: 0;width: 16px;line-height: 0;}
.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.funnel-icon svg {position:absolute;top: -0.5px}
.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: 16px; height: 16px; 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;}
.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;}
.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: 8px; padding-right: 4px}
.page-leads ul.sidebar-box.leads > li a .accordion-content__name {width: 85%;overflow: hidden;}
.page-leads ul.sidebar-box.leads > li a h3 {color: var(--sys-dark); line-height: 100%; position: relative;flex: 1;line-height: 16px;width: 100%;overflow: hidden;}
.page-leads ul.sidebar-box.leads > li a .linkr {border-radius: 5px; padding: 0 3px; min-width: 23px; 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: 0.75rem; 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;}

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

.tags_sidebar-btm { width: 100%; align-self: flex-end; margin-top: auto; padding-top: 12px; 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;overflow: hidden;gap: 14px;}
.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; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); 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) 0 var(--clamp-16)}
.contactManager-content-container .contactManager-boxes { 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; 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); }
.contactManager-content-container .contactManager-boxes .profile {padding:var(--clamp-10) var(--clamp-12);border-bottom:  1px solid rgba(21, 21, 22, 0.1);}
.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;}
.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: 1;}
.contactManager-content-container .contactManager-boxes .profile .initial { background: #FF7A48; width: 14px; height: 14px; font-size: 8px; 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: 20px;line-height: 20px;}
.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;}

.leads-tab__header {display: flex; justify-content: space-between; 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: 10px;font-family: var(--primary-font);}
.leads-tab__header .msg-leads small { font-weight: 500 ;font-size: 12px; line-height: 14px;  letter-spacing: -0.05em;  color: rgba(21, 21, 22, 0.4); padding-right: 10px;}
.leads-tab__header .msg-leads a { color: var(--sys-dark); font-size: 12px; 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 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}
#contact-manager .cntact-btns li { margin: 0 0 0 10px; display: inline-block;position: relative;text-align: center;}
#contact-manager .cntact-btns li.dropDowns button.click-btn{min-width:106px;position:relative;}
#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 {position: absolute; top: 50%; transform: translateY(-50%); right: 8px;}
#contact-manager .cntact-btns li:first-child button img {margin: 2px 0 0 1px;}
#contact-manager .cntact-btns li button figure { margin-right: 4px; display: inline-block !important;vertical-align: middle; height: 100%;}
#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);}
#contact-manager .cntact-btns.cntact-btns-list li button svg{}
#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: auto; padding: 0 var(--clamp-24);}
.cm-dashboard-con .leads-analytics-con {min-height: 161px;min-height:114px;min-height:91px;flex-shrink: 0;}
.prospectingDashboard-container {max-width: 1464px; margin: 0 auto;}
.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-flex {display: flex; flex-direction: column;}
/*DASHBOARD END*/

/* ANALYTICS START */

.leads-analytics-con {min-height: 107px;}
.leads-analytics {display: flex;gap: 1%;justify-content:space-between; gap: var(--clamp-16);}
.leads-analytics .analytics-box { flex: 1; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; box-shadow: 0px 12px 12px 0px #15151608; padding: 13px; position: relative; cursor: pointer; }
.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: #96969D;font-size: 12px;line-height: 100%;font-weight: 400; 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;}
.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-bottom: var(--clamp-6);margin-left: auto;margin-top: 2px;width: 100%; height: 66%;max-height: 48px;position: relative;}
.new.leads-analytics-boxes .analytics-box .analytics-graph svg {width: var(--clamp-30);height: var(--clamp-30)}
.new.leads-analytics-boxes .analytics-box .analytics-graph canvas {margin-left: auto;}

.new.leads-analytics-boxes .analytics-box:nth-child(2) .analytics-graph {width: auto;aspect-ratio: 1/1; flex-shrink: 0; border-radius: 10px; border: 1px solid rgba(255, 56, 92, 0.10); background: rgba(255, 56, 92, 0.10); box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); display: flex; align-items: center; justify-content: center; }
.new.leads-analytics-boxes .analytics-box:nth-child(4) .analytics-graph {width: auto;aspect-ratio: 1/1; flex-shrink: 0; border-radius: 10px; border: 1px solid rgba(101, 204, 101, 0.10); background: rgba(101, 204, 101, 0.10); box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); display: flex; align-items: center; justify-content: center; }

#chart-tooltip { 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); 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: var(--accent2)}


/* 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: 54px; 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: 1px solid rgba(21, 21, 22, 0.05); 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 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; padding: 0;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: 0 15px 0 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: 7px; display: block; width: 68px; height: 26px; 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: 7px; display: block; width: 68px; height: 26px; 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;}
.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: 12px; 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-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: 9px;right: 9px;font-family: var(--primary-font); font-size: 12px; font-weight: 500; letter-spacing: -0.48px; z-index: 20;}
/*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;overflow: hidden;}
#contact-manager .cont-info #cont-info__new { height: 100%;  background: var(--sys-white);  border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 12px; overflow: hidden; position: relative; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);flex: 1;}
.cont-info__content > div  {display: flex; justify-content: center;}

.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: 38px; width: 38px; 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: 38px;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-list-content { margin-top: 12px; 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);}
#contact-info-sidebar .contact-list-content h3 { font-size: 14px; font-weight: bold; color: var(--sys-dark); letter-spacing: -0.21px; padding-bottom: 10px; margin-bottom: 17px; position: relative; padding: 8px 9px;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;}
#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 svg {display: none;fill: rgba(21, 21, 22, 0.4);}

.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:12px;}
.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;}
.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 ul {margin: 0;display: flex;flex-direction: column;row-gap: 5px;position: relative;overflow: hidden;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con {display: flex;gap: 15px;align-items: center;padding: 0 10px;}
.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%,rgba(244, 57, 57,0.25) 0%, rgba(244, 57, 57,0.05) 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: 20px;height: 20px;background: #dfe4e9;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 .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: 12px;line-height: 14px;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:12px;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:14px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con.active .progress-details .progress-status * {font-size: 12px !important;line-height: 12px;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .progress-status > strong {font-size: 12px;line-height: 12px;font-weight: 600;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .selected-application {font-size:0.75rem;}
.cont-info__left .prospecting-funnel-progress-con ul li.steps-progress-con .progress-details .progress-status q.date {color: #15151699;font-size: 12px;line-height: 12px;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: 12px;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-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 14px;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: 30px;height:30px;margin-right: 6px;border-radius: 10px; overflow: hidden;margin-top: -5px;background-color:var(--accent2);position:relative;background-position: center center;background-size: 14px;background-repeat: no-repeat;}
.cont-info__right-img.left img{display:none;}
.cont-info__right-img.left span{width: 30px; height: 30px; 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");}

.cont-info__right-img.left .survey-icon-con  {width: 30px; height: 30px; 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: 30px;height:30px;margin-left: 6px;border-radius: 10px; overflow: hidden;margin-top: -5px;background-color:var(--accent2);position:relative;background-position: center center;background-size: 14px;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: 16px;}

.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: 16px;background-position: center top 7px;}

.cont-info__right-img.right.Action{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjQiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIgdmlld0JveD0iMCAwIDE1IDE1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDAsMCkiPjx0aXRsZT48L3RpdGxlPjxnIGlkPSJtZWdhcGhvbmUiPjxwYXRoIGQ9Ik05LjY4OCAyLjVhMC4zMTMgMC4zMTMgMCAwIDAgMC4zMTMgLTAuMzEzdi0wLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAtMC42MjUgMHYwLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAwLjMxMyAwLjMxM1oiPjwvcGF0aD48cGF0aCBkPSJNMTIuODEzIDUuNjI1aDAuNjI1YTAuMzEzIDAuMzEzIDAgMCAwIDAgLTAuNjI1aC0wLjYyNWEwLjMxMyAwLjMxMyAwIDAgMCAwIDAuNjI1WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMS41NjMgMy43NWEwLjI5NCAwLjI5NCAwIDAgMCAwLjIxOSAtMC4wOTRsMC42MjUgLTAuNjI1YTAuMzA2IDAuMzA2IDAgMSAwIC0wLjQzOCAtMC40MzhsLTAuNjI1IDAuNjI1YTAuMyAwLjMgMCAwIDAgMCAwLjQzOCAwLjI5NCAwLjI5NCAwIDAgMCAwLjIxOSAwLjA5NFoiPjwvcGF0aD48cGF0aCBkPSJNMTAuNTg4IDQuNDEyYTE0LjYyNSAxNC42MjUgMCAwIDAgLTMuNDEzIC0yLjYyNWMtMS4xODEgLTAuNjI1IC0yLjA1IC0wLjcwNiAtMi41IC0wLjI0NGExLjA4NyAxLjA4NyAwIDAgMCAtMC4zIDAuODAxdjQuMDY5QTEuNTk0IDEuNTk0IDAgMCAxIDMuOTE5IDcuNUwxLjk5NCA5LjQ0NGEyLjUgMi41IDAgMCAwIDAgMy41NjMgMi41IDIuNSAwIDAgMCAzLjU2MyAwbDAuMDY5IC0wLjA2MyAwLjMzMSAwLjMyNWExLjYwNiAxLjYwNiAwIDAgMCAxLjE1NiAwLjQ4MSAxLjY0NCAxLjY0NCAwIDAgMCAxLjYzNyAtMS42MzggMS42MDYgMS42MDYgMCAwIDAgLTAuNDgxIC0xLjE1NmwtMC4yMjUgLTAuMjMxYTEuNjEzIDEuNjEzIDAgMCAxIDAuNTQ0IC0wLjFoNC4yMjVhMC4zMzggMC4zMzggMCAwIDAgMC4xMzEgLTAuMDMxIDAuOTE5IDAuOTE5IDAgMCAwIDAuNTEyIC0wLjI2M2MwLjQ2MyAtMC40NTYgMC4zNzUgLTEuMzI1IC0wLjI0NCAtMi41YTE0LjYyNSAxNC42MjUgMCAwIDAgLTIuNjI1IC0zLjQxOVpNNS4xMDYgMS45ODFhMC41MzEgMC41MzEgMCAwIDEgMC4zNjMgLTAuMTA2IDMuMzY5IDMuMzY5IDAgMCAxIDEuNDA2IDAuNDYzIDE0LjQ0NCAxNC40NDQgMCAwIDEgMy4yNjIgMi41IDE0LjQ0NCAxNC40NDQgMCAwIDEgMi41IDMuMjYyYzAuNTM3IDEuMDMxIDAuNTI1IDEuNjA2IDAuMzU2IDEuNzgxYTAuNDg4IDAuNDg4IDAgMCAxIC0wLjM2MiAwLjEwNiA1LjA2OSA1LjA2OSAwIDAgMSAtMi4zNDQgLTEuMDE5IDE1LjY4OCAxNS42ODggMCAwIDEgLTAuNyAtMC41MTkgMi4yNDQgMi4yNDQgMCAwIDAgMC4xIC0wLjYyNSAyLjUgMi41IDAgMCAwIC0zLjE4MSAtMi40MjVjLTAuMTY5IC0wLjIyNSAtMC4zNDQgLTAuNDU2IC0wLjUxMiAtMC43QTUuMDY5IDUuMDY5IDAgMCAxIDUgMi4zNDRhMC40ODggMC40ODggMCAwIDEgMC4xMDYgLTAuMzYyWm0zLjk2MiA2LjAzN2MtMC4zNzUgLTAuMzEzIC0wLjczNyAtMC42MjUgLTEuMDk0IC0wLjk5NHMtMC42ODEgLTAuNzE5IC0wLjk5NCAtMS4wOTRhMS44NzUgMS44NzUgMCAwIDEgMi4xMDYgMS44NzVjMCAwLjA4MSAtMC4wMTMgMC4xNDQgLTAuMDE5IDAuMjEzWm0tNi42MzcgNC41NTFhMS44NzUgMS44NzUgMCAwIDEgMCAtMi42ODhsMC4xMDYgLTAuMTA2YTMuMTI1IDMuMTI1IDAgMCAwIDIuNjg4IDIuNjg4bC0wLjEwNiAwLjEwNmExLjk0NCAxLjk0NCAwIDAgMSAtMi42ODggMFptNS40IC0xLjE3NWExLjAzMSAxLjAzMSAwIDAgMSAwLjI5NCAwLjcxOSAxLjAyNSAxLjAyNSAwIDAgMSAtMC4yOTQgMC43MTkgMS4wNTYgMS4wNTYgMCAwIDEgLTEuNDM4IDBsLTAuMzI0IC0wLjMzMkw3LjUgMTEuMDgxWk04LjU4OCAxMGEyLjE1IDIuMTUgMCAwIDAgLTEuNTQ0IDAuNjI1bC0xLjIyNSAxLjI1aC0wLjE5NGEyLjUgMi41IDAgMCAxIC0yLjUgLTIuNSAxLjg3NSAxLjg3NSAwIDAgMSAwIC0wLjE5NGwxLjI1IC0xLjI1QTIuMTc1IDIuMTc1IDAgMCAwIDUgNi4zODdWNC4yMTljMC4xNjMgMC4yOTQgMC4zMzggMC41NzUgMC41MDYgMC44MTkgMC4yNDQgMC4zNjIgMC40OTQgMC42OTQgMC43NSAxLjAwNmExOC4xMjUgMTguMTI1IDAgMCAwIDEuMjgxIDEuNDE5YzAuNDU2IDAuNDU2IDAuOTMxIDAuODg3IDEuNDEyIDEuMjgxIDAuMzE5IDAuMjU2IDAuNjI1IDAuNSAxLjAxMyAwLjc1IDAuMjQ0IDAuMTY5IDAuNTI1IDAuMzQ0IDAuODE5IDAuNTA2WiI+PC9wYXRoPjwvZz48L3N2Zz4=);background-size: 16px;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:19px;}

.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: 18px;}

.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:16px;}

.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: 16px; }

.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: 16px; }

.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: 16px; }


.cont-info__right.info-page .cont-info__scroll { padding: 0 0 14px; min-height: unset; height: auto; overflow-y: auto; scrollbar-width: thin; flex-grow: 1; max-height: unset; display: flex; flex-direction: column; scrollbar-gutter: auto; }
.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-con {height: calc(100% - 110px);overflow: auto;padding-right: 20px;flex-grow: 1;padding-top: 14px;display: flex; flex-direction: column;}
.cont-info__right .sec-history__comlist { box-sizing: border-box; font-size: 14px; overflow-y: scroll; padding-right: 12px; scrollbar-width: thin; width: 100%; overflow-y: unset; padding-right: 0;flex: 1;}
.cont-info__right .sec-history__comlist li {position: relative;}
.cont-info__right .sec-history__comlist li.tright { text-align: right; padding-left: 80px; }
.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: 10px;line-height: 12px; 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: 10px 12px; 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: 10px;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 12px 12px 12px;}

.cont-info__right .sec-history__con .sec-history__txt {display: inline-block;width: 100%; padding: 10px 10px 3px 10px;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 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;}
.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: 10px; 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: 13px 0 10px 10px; 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: 18px; font-weight: 600; text-decoration: underline; margin-bottom: 16px; }
.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: 10px 0; background: #ffff00; width: max-content; }

.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: 32px; height: 32px;border-radius: 8px;}
.cont-info__right .sec-history__typemsg li a {display: block; width: 32px; height: 32px; 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 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: 14px; line-height: 18px; 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: 30px; height: 30px;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%);}
.cont-info__right .sec-history__write .write-link.send:hover {opacity: 0.5;}
.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 {padding: 12px 14px !important;}

.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 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{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 small {color: var(--sys-dark);}
#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: 232px;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{max-width: 1464px;margin: 0 auto;}

.page-dial-calendar-container{display: flex;flex-direction: column;gap: 15px;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:10px;align-items:center;}
.dial-calendar-btns-con .dial-calendar-btns-text{}
.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);}
.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:26px;min-width:68px;color:#15151673;background: none; border-radius: 5px; border: none; padding: 0; box-shadow: none;font-family: var(--primary-font);font-size:14px;}
.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;}

@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-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: 10px;height: 36px;/*width: 12.5%;*/ min-width: 110px;white-space: nowrap;}

.dialSched-tbl th{padding:10px 0;background:#F7F9FA;background:#F0F3F5;background:#F9F9F9;}
.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: 10px;}
.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: 16px; height: 16px; position: relative;}

.dialSched-tbl td .dialSched-box small svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.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;}

.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;}
.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); }
.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: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; overflow: hidden; margin-bottom: var(--clamp-12);}
.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: 12px 50px 12px 12px; position: relative; cursor: pointer; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); 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-radius: 12px;border: 1px solid rgba(21, 21, 22, 0.05); 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;}
#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 {padding-bottom: var(--clamp-16);}
#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: auto;height: 100%;}
#rule-tab .cmedit-rule .btm1_accordion_holder {flex-grow: 1;}
#rule-tab .cmedit-rule .simplebar-content {display: flex; flex-direction: column;}

.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: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px; flex-grow: 1;overflow: hidden;}
#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) ". ";}

#campaign-tab { position: relative; display: flex; flex-direction: column; height: 100%; }
#campaign-tab .block-leads {overflow: auto;}
#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);}
#campaign-tab .upper-right-btns { position: absolute; top: 12px; right: 30px; margin: 0; }
#campaign-tab .item-ttl {color: var(--sys-dark);}
.campaign-con { padding: 13px; display: flex; flex-direction: column; flex-grow: 1;}
.campaign-con > div {flex-grow: 1;display: flex; flex-direction: column}
.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;margin-bottom: 14px;}
.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;}
.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: unset !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%;overflow: hidden;}
.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: hidden;}
.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 .appointment-tab-edit {padding-bottom: var(--clamp-16)}

.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;}
.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;bottom: calc(100% + 7px); left: 0; right: 0; margin: 0 auto;width: min-content; min-width: 69px;}
.dashboard-filter .language-tooltip::before {content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg) translateX(-50%); left: 50%; bottom: -7px;}
.dashboard-filter .filter-dropdown-con:hover .language-tooltip{display:block;}

/**TABLE STATS START**/
.stats-table-con {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); width: 100%; position: relative; z-index: 40;/*max-height: calc(100% - 153px);flex-shrink: 0;flex-grow:1;*/}
.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 table.stats-table { width: 100%;  border-collapse: unset !important; min-height: 102px;}
.stats-table-con table.stats-table thead {position: sticky; -webkit-position: sticky; z-index: 5; top: -1px;}
.stats-table-con table.stats-table thead tr{height: 36px;}
.stats-table-con table.stats-table tbody {min-height: 72px;}
.stats-table-con table.stats-table th {padding: 8px 6px;color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(21, 21, 22, 0.03);background: var(--sys-dark);line-height: 12px;font-weight: 500;vertical-align: middle;text-align: center;position: relative;font-family: Sohne;font-size: 12px;}
.stats-table-con table.stats-table thead tr:last-child th {padding: 4px !important;white-space: nowrap;}
.stats-table-con table.stats-table tr:last-child th:first-child, .stats-table-con table.stats-table tbody tr.table-stats__actual td: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; }
/*.stats-table-con table.stats-table th:first-child:before, 
.stats-table-con table.stats-table tbody tr td:first-child:before {content: ""; display: block; height: 100%; width: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; top: 0; right: -1px;}*/
/*.stats-table-con table.stats-table th:first-child:after, 
.stats-table-con table.stats-table tbody tr td:first-child:after {content: ""; display: block; height: 1px; width: 100%; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: -1px;left: 0;}*/
.new .stats-table-con table.stats-table th:first-child:before {background: none;}
.stats-table-con table.stats-table thead tr th:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: #FFFFFF;z-index: -1;}
.stats-table-con table.stats-table thead tr th:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: #FFFFFF;z-index: -1;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:first-child:after {background: #fff6f7}

.stats-table-con table.stats-table thead tr:last-child th:nth-child(-n+4) { background: #ffe9e9; }
.stats-table-con table.stats-table thead tr:last-child th:nth-child(n+5):nth-child(-n+12) { background: #e9edf5; }
.stats-table-con table.stats-table thead tr:last-child th:nth-child(n+13):nth-child(-n+18) { background: #fff8f5; }
.stats-table-con table.stats-table thead tr:last-child th:nth-child(n+19):nth-child(-n+24) { background: #ecf8f1; }
.stats-table-con table.stats-table thead tr:last-child th {color: var(--sys-dark) !important;}
.stats-table-con table.stats-table thead tr th.dial-session-th {padding: 4px 16px !important;}
.stats-table-con table.stats-table thead tr th.dial-session-td {}

.stats-table-con table.stats-table tbody tr {min-height: 42px;}
/*.stats-table-con table.stats-table tbody tr.table-stats__target td {background: rgba(21, 21, 22, 0.05);}*/
.stats-table-con table.stats-table tbody tr.table-stats__target td:first-child {/*position: unset !important;*/text-align: center !important;}
.stats-table-con table.stats-table tbody tr td {border: 1px solid rgba(21, 21, 22, 0.03); padding:4px 8px;color: #15151680; font-size: 14px; font-weight: 600; letter-spacing: -0.56px; position: relative; white-space: nowrap; vertical-align: middle;text-align: center;border-radius: 0;width: calc(100% / 23);}
.stats-table-con table.stats-table tbody tr td .table-stats-ratio q {color: #15151680; font-weight: 400; letter-spacing: -0.56px;line-height: 100%;}
.stats-table-con table.stats-table tbody tr.table-stats__actual td:first-child {padding: 4px 12px; color: var(--sys-dark) !important;font-size: 14px;font-weight: 600;letter-spacing: -0.56px; background: var(--sys-white);z-index: 5;}
.stats-table-con table.stats-table tbody tr.table-stats__actual td:first-child:has(.table-stats-tooltip[style^="display: flex;"]){z-index:9;}

.stats-table-con table.stats-table tbody tr td .stats-with-tooltip {position:relative;cursor: pointer;display: inline-block;}
.stats-table-con table.stats-table tbody tr td .stats-with-flag, .stats-table-con table.stats-table tbody tr td .with-flag {position:relative;display: inline-block;}
.stats-table-con table.stats-table tbody tr td .stats-with-tooltip i, .stats-table-con table.stats-table tbody tr td .stats-with-flag i, .stats-table-con table.stats-table tr td .with-flag i { left: calc(100% + 2px); position:absolute;}
.stats-table-con table.stats-table tbody tr td .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));/*max-height: 380px;*/max-height: 500px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details {overflow: auto; flex: 1; padding: 0; text-align: left;}
.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul {color: var(--sys-dark);padding: 0 2px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul li { padding: 1px 13px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul:first-child li:first-child {padding-top: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul:last-child li:last-child {padding-bottom: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul li .stats-tooltip-status { position: relative; margin-left: -5px;line-height: 0;}
.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul li span:first-child { width: 56px; display: inline-block; margin-right: 5px; }
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul li span:last-child {margin-left: 5px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details ul li > small {margin-right: 5px;font-weight: bold;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details i {position: static;line-height: 0;}

/**/
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details {}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details h2 {text-align: center; color: #151516;padding: 5px 13px;}

.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip.left-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after{right:auto;left: 99.8%;border-color: transparent transparent transparent white;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table::after, .stats-table-con table.stats-table tbody tr td .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after, .stats-table-con table.stats-table tbody tr td .table-stats-tooltip.bottom-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { top: unset; bottom: 13px !important; }
.stats-table-con table.stats-table tbody tr.stats-company td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table::after, .stats-table-con table.stats-table tbody tr.stats-company td .table-stats-tooltip .stats-tooltip-details ul li:first-child::after, .stats-table-con table.stats-table tbody tr.stats-company td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child::after { top: unset !important; bottom: 13px !important; }

.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table {width: auto;table-layout: unset;display:block;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr{min-height:0;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td {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;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td.spacer {display:inline-block;margin:0 5px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:first-child:before{display:none;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:first-child:after{display:none;}
.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .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 table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td span:last-child {margin-left: 5px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td > small {margin-right: 5px;font-weight: bold;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td i {position: static;line-height: 0;}

.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:first-child {padding-left: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr td:last-child {padding-right: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:first-child td {padding-top: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table tr:last-child td {padding-bottom: 13px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con > div {padding: 10px 13px 10px;justify-content: center;line-height: 100%;border-top: 1px solid rgba(21, 21, 22, 0.1); gap: 4px;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con a:hover {opacity: 0.5;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con span {width: 14px; text-align: center;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con span, .stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con small {line-height: 100%;}
.stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con a {line-height: 100%;display: block;width: 12px; height: 12px;position: relative;}
.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-pagination-con span.curr-page {color: #151516;}

.stats-table-con table.stats-table tbody tr.table-stats__actual:last-child td.setters_name { border-radius: 0 0 0 12px; }

.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%;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li:first-child .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;}
.new.stats-table-bottom .box-container .headings .graph-legend ul li:first-child 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;}

.stats-table-con table.stats-table tbody tr td .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 table.stats-table tbody tr td .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after {top: unset; bottom: 3px;}
.stats-table-con table.stats-table tbody tr.stats-company td .table-stats-tooltip.bottom-tooltip .stats-tooltip-details ul li:first-child::after {top: unset !important; bottom: 10px !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 {background: #fff; border-radius: 12px;box-shadow: 0px 12px 12px 0px #15151608; margin: var(--clamp-16) 0;padding: var(--clamp-18) var(--clamp-11); margin-bottom: 0 !important;}
.new.dashboard-parent-container .dashboard-filter {margin: 0 0 var(--clamp-18);flex-wrap: wrap;justify-content: space-between;}
.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;}

/* -- red theme -- */
.new.dashboard-parent-container .stats-table-con .stats-table span {font-size: var(--clamp-text-xs) !important;}
.new.dashboard-parent-container .stats-table-con .stats-table #prospecting-dasboard span {color: #FF5A60;font-family: Sohne;}
.new.dashboard-parent-container .stats-table-con .stats-table #qualification-call span {color: #9F9F9F;}
.new.dashboard-parent-container .stats-table-con .stats-table #sales-call span {color: #FF7A48;}
.new.dashboard-parent-container .stats-table-con .stats-table #sales-summary span {color: #BB3E42;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th {padding: 6px 4px !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:first-child {padding-left: var(--clamp-12) !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(-n+4) {color: #FF5A60 !important;background: rgba(255, 90, 96, 0.05) !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+5):nth-child(-n+12) { background: rgba(159, 159, 159, 0.10) !important; color: #9F9F9F !important; }
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+13):nth-child(-n+18) { background: rgba(255, 122, 72, 0.10) !important; color: #FF7A48 !important; }
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+19):nth-child(-n+24) { background: rgba(187, 62, 66, 0.10) !important; color: #BB3E42 !important; }
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#prospecting-dasboard) { background: linear-gradient(to bottom, rgba(255, 90, 96, 0.15) 0%, rgba(255, 90, 96, 0.00) 100%) !important; border: none; border-bottom: 1px solid #FFDEDF; }
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#qualification-call) {background: linear-gradient(to top, rgba(159, 159, 159, 0.05) 0%, rgba(159, 159, 159, 0.20) 100%) !important; border: none;border-bottom: 1px solid #ECECEC;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#sales-call) { background: linear-gradient(to bottom, rgba(255, 122, 72, 0.30) 0%, rgba(255, 122, 72, 0.10) 100%) !important;  border: none; border-bottom: 1px solid #FFE4DA; }
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#sales-summary) { background: linear-gradient(to bottom, rgba(187, 62, 66, 0.20) 0%, rgba(187, 62, 66, 0.05) 100%) !important; border: none; border-bottom: 1px solid #F1D8D9; }
/* -- red theme -- */

/* -- orange theme -- */
/*.new.dashboard-parent-container .stats-table-con .stats-table .text-base #prospecting-dasboard {color: #FF7A48;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base #qualification-call {color: #294C99;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base #sales-call {color: #9D63F0;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base #sales-summary {color: #65CC65;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(-n+4) {background: linear-gradient(180deg, #FFEAE1 0%, #fff 100%) !important;color: #FF7A48 !important;padding: 8px !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+5):nth-child(-n+12) {background: linear-gradient(180deg, #F4F6FA 0%, #D4DBEB 100%) !important;color: #294C99 !important;padding: 8px !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+13):nth-child(-n+18) {background: linear-gradient(180deg, #E2D0FA 0%, #F5EFFF 100%) !important;color: #9D63F0 !important;padding: 8px !important;}
.new.dashboard-parent-container .stats-table-con table.stats-table thead tr:last-child th:nth-child(n+19):nth-child(-n+24) {background: linear-gradient(180deg, #DCEDE3 0%, #F6FBF8 100%) !important;color: #65CC65 !important;padding: 8px !important;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#prospecting-dasboard) {background: linear-gradient(180deg, #FFEAE1 0%, #fff 100%) !important;border: none;border-bottom: 1px solid #FFE4DA;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#qualification-call) {background: linear-gradient(180deg, #F4F6FA 0%, #D4DBEB 100%) !important;border: none;border-bottom: 1px solid #D4DBEB;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#sales-call) {background: linear-gradient(180deg, #E2D0FA 0%, #F5EFFF 100%) !important;border: none;border-bottom: 1px solid #EBE0FC;}
.new.dashboard-parent-container .stats-table-con .stats-table .text-base th:has(#sales-summary) {background: linear-gradient(180deg, #DCEDE3 0%, #F6FBF8 100%) !important;border: none;border-bottom: 1px solid #E0F5E0;}*/
/* -- orange theme -- */

.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 {border: 1px solid #E1E1E6;border-radius: 12px;box-shadow: none;}
.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;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td.setters_name {border-right: 1px solid rgba(21, 21, 22, 0.1);border-left: none;border-radius: 0 0 0 12px;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td.setters_name a {display: inline-block; line-height: 100%;font-weight: 500;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td::after {content: '';width: 1px;height: 24px;background: rgba(21, 21, 22, 0.1);position: absolute;top: 50%;transform: translateY(-50%);right: -1px;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td.setters_name::after,
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__actual.stats-company td:last-child::after,
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td:last-child::after,
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td::after {display: none;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td .table-stats-tooltip .stats-tooltip-details .stats-tooltip-details-table td {border:none;}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td.perc-box.table-column {}
.new .stats-table-con table.stats-table tbody tr td:has(.with-flag i:not([style*="display: none"])>svg) div > span {color: var(--accent1);}
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr td.setters_name+td,
.new.dashboard-parent-container .stats-table-con table.stats-table tbody tr.table-stats__target td:first-child {color: var(--sys-dark) !important;font-weight: 600;}
.new .stats-table-con table.stats-table tbody tr td .stats-with-tooltip .pipeline-con,
.new .stats-table-con table.stats-table tbody tr td .stats-with-tooltip .pipeline-con q {font-weight: 600;}
/*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;padding: var(--clamp-24) var(--clamp-24) var(--clamp-22) !important;}
.commissions-table-right h3 {color: var(--sys-dark);}
.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: 12px; align-items: stretch; position: relative; margin: 0 auto;width: 100%;flex: 1;overflow-y: auto;padding: 0 24px;}
.commissions-dashboard-con .wrapper {max-width: 1464px;}
.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-24);display: flex; flex-direction: column;}
.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;}
.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: 10px;}
.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-22) 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%;padding-top: 10px;}
.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;padding-right:15px;}
.cm-dashboard-con .stats-refresh .refresh-tooltip{right:40px;}
.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; bottom: -3px; right: 27px; z-index: 10; background: #151516; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 2px 8px; border-radius: 4px; white-space: nowrap;display:none;}
.stats-refresh .refresh-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); right: -5px; bottom: 8px; }
.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; max-width: 1515px;padding: 0 24px}
.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;}

.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); }
.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: clamp(13px, 1.8%, 27px); 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);}
/*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 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: 16px; margin: 0 auto 0; max-width: 1512px;width: 100%;gap: 13px;}
.sales-dashboard-page .sales-dashboard-title {background: var(--sys-white); flex-shrink: 0; padding: 0 0 18px;}
.sales-dashboard-page .sales-dashboard-title .sales-dashboard-title-left h2 {position: relative; padding-left: 28px;}
.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: 15px; 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 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: 13px; overflow: auto;flex: 1;display: flex; flex-direction: column;}

.sales-dashboard-page .paymentstabs-con {padding: 0 0 13px;}
.sales-dashboard-page .paymentstabs {display: flex;gap: 14px;align-items: flex-start;width: fit-content; }
.sales-dashboard-page .paymentstabs button {padding: 0 5px 0px;position: relative;font-size: 15px;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: 12px;}
.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: 13px; position: relative;display: flex; align-items: center; gap: 12px;cursor: pointer;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box .paymentstabcontent-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;}
.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: 12px;color: #15151699;line-height:20px;}
.sales-dashboard-page .paymentstabcontent-boxes .paymentstabcontent-box h3 span {font-size: 12px;color: #15151699; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 14px;line-height:20px;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: 2px 0 3px; font-size: 16px;}
.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 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: 0.85rem; 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;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: 0.85rem; padding: 8px 10px 8px 10px; 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;}
button.exportBtn svg{width: 15px;}
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: 13px; overflow: auto;flex: 1;display: flex; flex-direction: column;}

.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;}

.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, .simplebar-content {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:auto;}
/*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: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;box-shadow: 0px 12px 12px 0px #15151608;gap: 20px;}
.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{}

.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 8;}
.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 {display: flex; flex-direction: column; gap: 16px; display: flex; flex-direction: column; gap: 16px;margin: 0 auto; max-width: 1512px; width: 100%;}
.message-tool-title {background: var(--sys-white); border-radius: 12px; padding: 13px; overflow: hidden;flex: unset;flex-shrink: 0;}
.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;}
.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;}
.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;}
.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 {max-width: 1464px; 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: 5px 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);}
.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 { max-width: 1464px; 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;}
.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: 50px;}
.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: 7px;justify-content: center; align-items: flex-end;top: 0;height: 100%;}
.affiliate-bar-con .bars-con .bar {height: 10px; display: block; border-radius: 3px 0 0 3px;}
.affiliate-bar-con .bars-con .bar.bar1 {background: linear-gradient(-90deg, rgba(255, 122, 72, 0.5) 0%, #FF7A48 100%); box-shadow: 0px 8px 4px 0px #FF7A481A; }
.affiliate-bar-con .bars-con .bar.bar2 {background: linear-gradient(-90deg, rgba(157, 99, 240, 0.5) 0%, #9D63F0 100%); 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-bar-con .bars-con .bar.bar3 { background: linear-gradient(90deg, #2C4E99 0%, rgba(44, 78, 153, 0.25) 100%); box-shadow: 0px 1.85px 3.15px 0px #2C4E9915, 0px 8.15px 6.52px 0px #2C4E9914, 0px 8px 12px 0px #2C4E990F; }

.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;}
.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{max-width: 1464px;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;margin-top: 15px;padding: 0 10px;}
.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-boxes {display: flex; gap: 14px;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: 30px; height: 30px; 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: 16px; height: 16px; 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 13px 8px;}
.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: 4px;}
.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;}
.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 .table-container .simplebar-content {height: unset; max-height: unset;}
.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;}
.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: 12px 0 0 12px}
.crm-summary-table-con table thead tr th:last-child:before {border-radius: 0 12px 12px 0;}

.crm-summary-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-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: 7.5px 13px;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: 12px;}
.crm-summary-table-con table tbody tr td .table-icon {display: block; width: 29px; height: 29px; 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%);}
.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;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-summary-table-con table tbody tr td .table-badge span {font-size: 14px;line-height: 29px;font-weight: 400;}
.crm-summary-table-con table tbody tr td .table-badge.on-track svg {width: 14px; height: 14px;}
.crm-summary-table-con table tbody tr td .table-badge.caution svg {width: 14px; height: 14px;}
.crm-summary-table-con table tbody tr td .table-badge.off-track svg {width: 12px; height: 12px;}
.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 { background: #BDC2CC1A 0% 0% no-repeat padding-box; border-radius: 8px; margin: 15px auto; padding: 12px; }
.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: 14px;}
.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: 15px;}
.crm-summary-commissions-box ul li {padding: 13px 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 {margin-top: auto;}
.crm-summary-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;margin-top: 15px;padding: 0 10px;}
.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;}
.crm-summary2-commissions-chart-legends {display: flex; justify-content: space-between;align-items: center;margin-top: 15px;padding: 0 10px;}
.crm-summary2-commissions-chart-legends li {padding: 0; 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: 12px;}
.affiliate-links-btns li {line-height: 100%;}
.affiliate-links-btns a {line-height: 100%;}
.affiliate-links-btns a i {font-style: unset;font-size: 20px; color: #000000;line-height: 0; font-weight: 400; display: block;}
.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-24) 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 24px;}
.affiliate-summary .wrapper {max-width: 1464px; height: 100%;}
.affiliate-summary-content {display: flex; flex-direction: column;gap: var(--clamp-20);}
.affiliate-summary-content .affiliate-summary-header {padding: 0 24px;}
.affiliate-summary-content h2 {line-height: 90%;letter-spacing: -0.54px;}

.affiliate-summary .affiliate-summary-top-boxes {flex-shrink: 0;gap: clamp(10px,1vw,16px); padding: 0 24px;}
.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: 22px;margin-bottom: 3px;}
.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: 22px; height: 22px; position: relative;display: block;}
.affiliate-summary .affiliate-summary-top-boxes section h2 svg {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.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: 3px;letter-spacing: normal;}
.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 sub.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 clamp(10px,1vw,16px);}
.affiliate-summary-breakdown-boxes section {flex: 1 1 50%;border-right: 1px solid #1515161A; padding: var(--clamp-18) var(--clamp-18) var(--clamp-18);}
.affiliate-summary-breakdown-boxes section:first-child {padding: var(--clamp-18) var(--clamp-18) var(--clamp-16) 0;}
.affiliate-summary-breakdown-boxes section:last-child {border: 0;padding: var(--clamp-18) 0 var(--clamp-16) var(--clamp-18);}
.affiliates-summary-breakdown-box-header {padding-bottom: clamp(8px,0.9vw,14px);border-bottom: 1px solid #1515161A}
.affiliates-summary-breakdown-box-header h2 {line-height: 13px;display: block; min-height: 13px;letter-spacing: -0.54px;margin-bottom: var(--clamp-26)}
.affiliates-summary-breakdown-box-header h4 {line-height: 100%; letter-spacing: normal;font-weight: 700;}
.affiliate-summary-level-boxes {gap: clamp(10px,1vw,16px);margin-top: var(--clamp-10); margin-bottom: 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 {color: #15151666; line-height: 100%; margin-top: 5px;font-weight: 400;}
/*.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 0;border-right: 1px solid #1515161A;padding-left: 22px;}
.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;}
.affiliate-summary-level-box h2 {margin-bottom: var(--clamp-18);line-height: 100%;letter-spacing: -0.54px;}
.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;}
.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; flex-direction: column; justify-content: flex-end;}
.affiliate-summary-level-box .affiliate-summary-box-total-left h3 span {line-height: 100%;}
.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: 5px;font-weight: 400; }

.affiliate-summary-level-box-details {display: flex;}
.affiliate-summary-level-box-details section {flex: 1 1 0;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 {color: #151516; font-weight: 600;}
.affiliate-summary-level-box-details section h3, .affiliate-summary-level-box-details section p {line-height: 100%;}
.affiliate-summary-level-box-details section span {margin: 4px 0;display: block; font-weight: 600;line-height: 100%;letter-spacing: -0.03em;}
.affiliate-summary-level-box-details section p {color: #15151666; font-weight: 400;}

.affiliate-summary-hts-breakdown {padding: var(--clamp-16) var(--clamp-18) var(--clamp-18);}
.affiliate-summary-hts-breakdown-header {border-bottom: 1px solid #1515161A;padding-bottom: var(--clamp-14);}
.affiliate-summary-hts-breakdown-header-right {width: 50%;padding-left: clamp(10px,1.3vw,24px); position: relative;}
.affiliate-summary-hts-breakdown-header-right:before {content: ""; display: block; width: 1px; height: 22px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);background: #1515161A}
.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: clamp(10px,1.3vw,24px);}
.affiliate-summary-hts-breakdown-boxes section {flex: 1 1 50%;position: relative;}
.affiliate-summary-hts-breakdown-boxes section {padding: 0 clamp(10px,1.3vw,26px) 0 clamp(10px,1.3vw,24px)}
.affiliate-summary-hts-breakdown-boxes section:last-child:before { content: ""; display: block; width: 1px; height: 55px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #1515161A; }
.affiliate-summary-hts-breakdown-boxes section:first-child {padding-left: 0;}
.affiliate-summary-hts-breakdown-boxes section:last-child {padding-right: 0;}
.affiliate-summary-hts-breakdown-details-right {width: 49%; display: flex ; flex-direction: column; justify-content: center;max-width: 227px;}

.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: 0;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;padding: 20px 0;margin: 0 0 20px;flex-shrink: 0;background: #f7f9fa}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header::after {content: '';position: absolute;bottom: 0;width: 100%;left: 50%;background: #1515161A;height: 1px;transform: translateX(-50%);}
#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;max-width: 1464px;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header > h2 {font-size: 20px;}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con {position: relative; padding: 0 0 0 10px;cursor: pointer;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con span {color: #151516;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .language-filter-dropdown-con:before { content: ""; display: block; width: 1px; height: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #151516;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .stats-refresh {padding-left: 0 !important;}
#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-content {flex: 1; overflow: auto;}

#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes {max-width: 1464px;margin: 0 auto;width: 100%;gap: 16px;}
#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: 14px;line-height: 18px;color: #151516;font-weight: 500;letter-spacing: -0.01em;color: #151516}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-top-boxes section > h2 span {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 .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 > h3 .appointment-red small {color: #FF224A;font-style: normal;}
#appointmentAnalytics.appointment-analytics.new .appointment-analytics-header .header-right-con {display: flex;align-items: center;gap: 10px;}
#appointmentAnalytics.appointment-analytics.new .appointment-volume-boxes {display: flex;justify-content: space-between;gap:16px;padding: 0;min-height: 261px;width: 100%;max-width: 1464px;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: 20px 20px 10px;display: flex; flex-direction: column;}
#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; border: 1px solid rgba(21, 21, 22, 0.10); background: #F3F6F8; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.06);padding: 2px 8px;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: 18px;line-height: 18px;font-weight: 600;line-height: 100%;display: flex;gap: 4px;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 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 {width: 100% !important;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] {margin: 24px auto 0;display: flex;flex-direction: column;gap: 24px;width: 100%;);)%;);max-width: 1464px;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] {display: flex;justify-content: space-between;min-height: 261px;gap:16px;}
#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;}
#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;width: 724px;max-width: 100%;padding: 0;}
#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 20px;}
#appointmentAnalytics.appointment-analytics.new [class*="appointment-analytics-boxes-con"] [class*="appointment-graph-boxes"] section.boxes-con .header-boxes-con h2 {font-size: 18px;line-height: 18px;font-weight: 600;line-height: 100%;display: flex;gap: 4px;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 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: 20px 20px 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: 18px;line-height: 18px;font-weight: 600;}

#appointmentAnalytics.appointment-analytics.new section.boxes-con .graph-boxes-con.bar-graph {position: relative;}
#appointmentAnalytics.appointment-analytics.new section.boxes-con .graph-boxes-con.bar-graph:before {content: ""; width: 100%; height: calc(100% - 28px); display: block; position: absolute; left: 0; bottom: 28px; background: linear-gradient(180deg, rgba(21, 21, 22, 0) 0%, rgba(21, 21, 22, 0.04) 100%);pointer-events: none;}

#appointmentAnalytics.appointment-analytics.new section.boxes-con .header-boxes-con .bar-timeframe-filter-con {display: block; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.10); background: #F3F6F8; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.06);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 {margin-top: 16px;}

#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 h4 {font-size: 14px;line-height: 14px;font-weight: 500;display: flex;align-items: center;gap: 10px;min-height: 46px;width: 50%;border-right: 1px solid rgba(21, 21, 22, 0.05);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 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;}
#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;width: 50%;min-height: 46px;display: flex;align-items: center;justify-content: end;gap:8px;}
#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: '';}
/* 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: 1px solid rgba(21, 21, 22, 0.05); 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}
.home-dashboard * {font-family: Sohne; letter-spacing: -0.03em;}
.home-dashboard {padding-top: 10px !important;}
.home-dashboard-con {display: flex; flex-direction: column; padding: 0 24px; overflow: auto;}
.home-dashboard .wrapper {max-width: 1464px;}
.home-dashboard-flex {margin-bottom: 24px;}
.home-dashboard-left-section, .home-dashboard-right-section {max-width: 354px; display: flex; flex-direction: column; gap: 24px;width: 24%;}
.home-dashboard-middle-section {display: flex; flex-direction: column; gap: 24px;width: 50%; max-width: 724px;}

.home-dashboard-summary {padding: 15px;}
.home-dashboard-summary-title {margin-bottom: 18px;}
.home-dashboard-summary-title-legend {border-radius: 6px;background: #F3F6F8; padding: 5px 6px;display: flex; align-items: flex-end;gap: 4px;color: #15151666; font-size: 10px;font-weight: 500;height: 24px;}
.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: 14px;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: 14px}

.home-dashboard-summary-details ul li:nth-child(-n + 3):before {content: "";display: block; width: 28px; height: 28px; background: #FFFFFF; position: absolute; right: -14px; bottom: -14px;z-index: 3;}

.home-dashboard-summary-details ul li .summary-details-comparison {color: #15151666; font-size: 12px;background: none;font-weight: 500;display: flex;align-items: flex-end;gap: 4px;}
.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: 6px;gap: 6px;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: 12px; font-weight: 400; line-height: 11px; 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;}
.home-dashboard-commission-title {padding: 15px;border-bottom: 1px solid #1515160D;}
.home-dashboard-commission-title h2 {margin-bottom: 20px;}
.home-dashboard-commission-title h3 {margin-bottom: 8px;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}
.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 q {line-height: 10px;font-weight: 500;letter-spacing: -0.02em;}
.home-dashboard-commission-title h4 small q.green {color:#50A771}

.home-dashboard-commission-details {padding: 15px;border-bottom: 1px solid #1515160D;}
.home-dashboard-commission-details ul li {margin-bottom: 20px;}
.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;}
.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: 14px 15px;}
.home-dashboard-commission-legend ul {gap: 12px;}
.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: #294C99}
.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 #294C99}
.home-dashboard-commission-legend ul li:last-child .legend-color {border: 2.5px solid #B3B7C1}

.home-dashboard-commissions-chart-con {position: relative;}
.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 {height: 300px;border-radius: 12px; overflow: hidden;position: relative;}
.home-dashboard-banner-con img {height:300px !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: 24px; top: 24px;z-index: 20;display: flex; align-items: center;gap: 5px;}
#dashboard-banner-images .slick-dots li {background: #FFFFFF80; border-radius: 50%;width: 4px; height: 4px;}
#dashboard-banner-images .slick-dots li.slick-active {background: #FFFFFF;width: 6px; height: 6px;}

.home-dashboard-banner-info {position: absolute; bottom: 25px; left: 25px;z-index: 3;}
.home-dashboard-banner-info h2 {position: relative; padding-left: 21px;font-weight: 600; font-size: 12px; line-height:12px; color: #FFFFFF;}
.home-dashboard-banner-info h2:before {content: ""; display: block;width: 13px; height: 13px; border-radius: 4px;background: linear-gradient(225deg, #FFFFFF 31%, rgba(255, 255, 255, 0.5) 78%, #FFFFFF 100%); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.home-dashboard-banner-info h3 {font-weight: 600; font-size: 26px; line-height: 26px;color: #FFFFFF;margin: 14px 0;}
.home-dashboard-banner-info button {width: max-content; height: 28px; box-shadow: 0px 2px 6px 0px #32434E0F; background: #FFFFFF; display: flex; justify-content: center; align-items: center;gap: 8px;font-size: 14px; font-weight: 500; color: #151516;border-radius: 6px; letter-spacing: -0.01em; padding: 0 8px;}
.home-dashboard-banner-info button i {line-height: 0;}

.home-dashboard-table-con {padding: 0;flex: 1;}
.home-dashboard-table-boxes {padding: 14px 0px 18px;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: 8px;font-weight: 400;display: block; line-height: 100%;}
.home-dashboard-table-boxes li h2 {display: block; line-height: 100%;}
.home-dashboard-table-boxes li:first-child h2 {color: #665CDA;text-shadow: 0px 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 5px; border-radius: 0; border: 0;position: relative; z-index: 1;}
.home-dashboard-table-con .table-container table {width: 100%;border-collapse: unset; border-spacing: 0 6px;}
.home-dashboard-table-con .table-container table thead th {padding: 6px 12px;font-size: 12px; line-height: 100%; white-space: nowrap;color: #15151699; text-align: center;font-weight: 400;letter-spacing: -0.02em;}
.home-dashboard-table-con .table-container table thead th:first-child {text-align: left;}
.home-dashboard-table-con .table-container table tbody td {padding: 10px 13px;text-align: center;position: relative;font-size: 14px;vertical-align: middle;}
.home-dashboard-table-con .table-container table tbody td span {font-weight: 500;white-space: nowrap;}
.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: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: 6px;padding: 6px 7px;color: #ffffff; font-size: 12px;line-height: 100%;margin: 0 auto;}

.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: linear-gradient(0deg, rgba(244, 57, 57, 0.075) 0%, rgba(244, 57, 57, 0.025) 100%);}
.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: #F43939}
.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: 13px; line-height: 18px;padding: 0 5px;border-radius: 4px;font-weight: 500;}
.home-dashboard-table-con .table-container table tr.inactive-row td .tier-level-block {background: #F439391A;color: #F43939;white-space: nowrap;}
.home-dashboard-table-con .table-container table tr.active-row td .tier-level-block {background: #294C990D; color: #294C99;}
.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: 13px; line-height: 13px;font-weight: 500;}

.home-dashboard-training-con {padding: 0; display: flex;min-height: 300px;}
.home-dashboard-training-con > div {flex: 1 1 50%;padding: 0 0 18px;}
.home-dashboard-training-con h2 {text-align: center;padding: 32px 20px;font-weight: 600;line-height: 100%;}
.home-dashboard-training-con h2 span {display: block; line-height: 100%;margin-top: 7px;font-weight: 400;}
.home-dashboard-training-left {border-right: 1px solid #1515161A;}
.home-dashboard-training-left h2 {background: radial-gradient(50% 50% at 50% 50%, rgba(102, 92, 218, 0.12) 0%, rgba(102, 92, 218, 0) 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: -10px;left: 0;}
.home-dashboard-graph-stats h3 {font-size: 33px; color: #151516;font-weight: 600; line-height: 33px;}
.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: 5px; color: #15151680}
.home-dashboard-graph-stats i svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.home-dashboard-training-con button {display: flex; align-items: center;gap: 6px;justify-content: center; width: max-content;font-size: 14px; line-height: 14px;font-weight: 500;margin: 26px auto 0; letter-spacing: -0.03em;}
.home-dashboard-training-con button i {line-height: 0;}
.home-dashboard-training-left button {color: #665CDA}
.home-dashboard-training-right button {color: #FF7A48}

.affiliate-training-graph-con, .academy-training-graph-con {width: 133px;margin: 0 auto;height: 133px;position: relative;}
.affiliate-training-graph-con .home-dashboard-graph-stats i {display: block; position: relative; width: 28px; height: 28px; border-radius: 50%;background: #665CDA0D;margin-bottom: 8px;}
.academy-training-graph-con .home-dashboard-graph-stats i {display: block; position: relative; width: 28px; height: 28px; border-radius: 50%;background: #FF7A480D;margin-bottom: 12px;}

.affiliate-training-graph-circle {position: relative;width: 133px; height: 133px;}
.affiliate-training-graph-circle .rect { position: absolute; width: 3px; height: 9px; background-color: #D0D0DA; border-radius: 1.5px; transform-origin: center top; }
.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; box-shadow:  0px -0.53px 1.86px 0px #294C992A, 0px -2.32px 3.86px 0px #294C9945, 0px -5.69px 7.7px 0px #294C9958, 0px -5.95px 15.09px 0px #294C996B, 0px -9.43px 27.75px 0px #294C9986, 0px -14.43px 47.38px 0px #294C99B0; }
.affiliate-training-graph-circle .rect.shaded-rect:nth-child(-n + 25)::before {box-shadow:  0px 0.53px 1.86px 0px #294C992A, 0px 2.32px 3.86px 0px #294C9945, 0px 5.69px 7.7px 0px #294C9958, 0px 10.95px 15.09px 0px #294C996B !important; }
.affiliate-training-graph-circle .rect.shaded-rect:nth-child(n+18):nth-child(-n+28):before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; box-shadow:  0px -0.53px 3.86px 0px #294C992A, 0px -1.32px 6.86px 0px #294C9945, 0px -2.69px 14.7px 0px #294C9958, 0px -2.95px 30px 0px #294C996B, 0px 0.43px 50.75px 0px #294C9986, 0px 0.43px 47.38px 0px #294C99B0; }

.academy-training-graph-circle {position: relative;width: 133px; height: 133px;}
.academy-training-graph-circle .rect { position: absolute; width: 3px; height: 9px; background-color: #D0D0DA; border-radius: 1.5px; transform-origin: center top; }
.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.shaded-rect:before {box-shadow: 0px -0.53px 1.86px 0px #FFB22E2A, 0px -2.32px 3.86px 0px #FFB22E45, 0px -5.69px 7.7px 0px #FFB22E58, 0px -10.95px 15.09px 0px #FFB22E6B; }
.academy-training-graph-circle .rect.shaded-rect:nth-child(-n + 25)::before { box-shadow: 0px 0.53px 1.86px 0px #FFB22E2A, 0px 2.32px 3.86px 0px #FFB22E45, 0px 5.69px 7.7px 0px #FFB22E58, 0px 10.95px 15.09px 0px #FFB22E6B; }
.academy-training-graph-circle .rect.shaded-rect:nth-child(n+18):nth-child(-n+28):before {box-shadow: 0px -0.53px 3.86px 0px #FFB22E2A, 0px -1.32px 6.86px 0px #FFB22E45, 0px -2.69px 14.7px 0px #FFB22E58, 0px -5.95px 30px 0px #FFB22E6B; }


.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;}
.home-dashboard-leaderboard-header {}
.home-dashboard-leaderboard-dropdown {position: relative;}
.home-dashboard-leaderboard-header .dropdown-btn { background: #F3F6F8; padding: 5px 7px; font-size: 14px; 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: 12px; color: #151516; line-height: 0;}
.home-dashboard-leaderboard-header-top {padding: 12px 17px 0;}
.home-dashboard-leaderboard-header-bottom {background: linear-gradient(180deg, rgba(21, 21, 22, 0.02) 0%, rgba(21, 21, 22, 0) 100%); padding: 12px 17px 9px;border-bottom: 1px solid #1515161A;}
.home-dashboard-leaderboard-header-bottom > div span {font-weight: 400;color: #15151666}

.home-dashboard-leaderboard-section .table-container {padding: 5px 5px 11px;border: 0; border-radius: 0;}
.home-dashboard-leaderboard-section .table-container table {width: 100%;}
.home-dashboard-leaderboard-section .table-container table tbody tr td {padding: 10px 12px;}
.home-dashboard-leaderboard-section .table-container table tbody tr td:last-child {text-align: right}
.home-dashboard-leaderboard-section .table-container table tbody tr td span {font-weight: 500;color: #151516;font-size: 14px;}
.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: 12px; 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: 20px;}

.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:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(255, 122, 72, 0.1) 0%, rgba(255, 122, 72, 0.05) 100%); pointer-events: none;}
.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: 20px; height: 20px;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;}

.modal-fixed-container.video-modal-preset .modal-box * {font-family: Sohne;}
.modal-fixed-container.video-modal-preset .modal-box {max-width: min(37.18%, 632px);padding: var(--clamp-13);}
.modal-fixed-container.video-modal-preset .modal-box .modal-close-button {top: 23px; right: 23px;}
.modal-fixed-container.video-modal-preset .modal-box .modal-video-con {aspect-ratio: 16/9;border-radius: 10px; overflow: hidden;position: relative;}
.modal-fixed-container.video-modal-preset .modal-box .modal-video-con img, .modal-fixed-container.home-dashboard-modal .modal-box .modal-video-con video {aspect-ratio: 16/9;border-radius: 10px; overflow: hidden;position: relative;}
.modal-fixed-container.video-modal-preset .modal-box .modal-video-con i {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index:3;}
.modal-fixed-container.video-modal-preset .modal-box .modal-video-con i:hover {opacity: 0.5;cursor: pointer;}
.modal-fixed-container.video-modal-preset .modal-box .modal-content {padding: var(--clamp-16) var(--clamp-10) 0;}
.modal-fixed-container.video-modal-preset .modal-box h2 {margin-bottom: var(--clamp-12); line-height: 100%;letter-spacing: -0.66px;}
.modal-fixed-container.video-modal-preset .modal-box p {font-size: var(--clamp-text-sm); font-weight: 400; line-height: 143%; letter-spacing: -0.02em;color: #15151680}
.modal-fixed-container.video-modal-preset .modal-box .modal-btns-con {margin-top: 15px;}
.modal-fixed-container.video-modal-preset .modal-box .modal-btns-con button { width: 100%; box-shadow: 0px 2.5px 5px 0px #1515160D; background: var(--sys-red); border: 1px solid #FFFFFF1A; font-weight: 500; color: #FFFFFF; font-size: var(--clamp-text-base); height: unset; padding: var(--clamp-14);letter-spacing: -0.72px;font-weight: 500;}
.modal-fixed-container.video-modal-preset .modal-box .modal-btns-con button:hover {opacity: 0.5 !important;}

.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;}
.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 .deductions-table .deductions-table-header .deductions-table-row { border-bottom: 0 !important; grid-template-columns: 27px 1fr repeat(6, 1fr); }
.new.deductions-table-con .deductions-table-left .deductions-table .deductions-table-header .deductions-table-row .first-cell { grid-column: span 2; }
.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; grid-template-columns: repeat(7, 1fr)}
.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 {grid-template-columns: 27px repeat(7, 1fr);}
.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;}
.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:first-child {border-right: 0;}

.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.first-cell {grid-column: span 4;}
.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: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);}

.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;}
/*.new .stats-table-con table.stats-table tbody tr td:has(.with-flag i:not([style*="display: none"])>svg) {background: radial-gradient(circle, #FF224A26, #FF224A06);box-sizing: border-box;}*/
.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;*/}

.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)}