:root{--sideBarWidth:78px;--sideBarWidthActive:200px}.contactPageContainer{position:relative;min-height:100vh;width:100%}.contactPageContainer .ant-input{font-family:Paralucent-light}.contactPageContainer .sidebar .padLR{padding:0 24px}.contactPageContainer .sidebar .padT{padding-top:20px}.contactPageContainer .sidebar::-webkit-scrollbar{width:0;height:0}.contactPageContainer .sidebar{border-right:1px solid #f2f2f2;position:absolute;top:0;left:0;height:100%;width:var(--sideBarWidth);background:var(--black-color);padding:0;z-index:99;transition:all .5s ease}.contactPageContainer .sidebar .addGroup{margin-top:0;opacity:0}.contactPageContainer .sidebar .addGroup p{font-size:18px;font-weight:700;color:#555}.contactPageContainer .sidebar .addContact,.contactPageContainer .sidebar .addGroup img{background:rgba(32,151,246,.04);border-radius:5px;height:25px;width:25px}.contactPageContainer .sidebar .contactListMenu ul li{padding:10px 20px}@media(min-width:700px){.contactPageContainer .sidebar.active{width:var(--sideBarWidthActive)}.contactPageContainer .sidebar.active~.contentContainer{width:calc(100% - var(--sideBarWidthActive));left:var(--sideBarWidthActive)}.contactPageContainer .sidebar.active .addGroup{opacity:1}.contactPageContainer .sidebar.active .addContact{opacity:0}.contactPageContainer .sidebar.active ul li{margin-bottom:0}.contactPageContainer .sidebar.active ul li .listMenuContent{transition:0s;pointer-events:auto}.contactPageContainer .sidebar.active ul li .mobileMenuItem{display:none}}.contactPageContainer .sidebar ul{margin-top:40px}.contactPageContainer .sidebar ul li{position:relative;margin-bottom:0;width:100%;list-style:none}.contactPageContainer .sidebar ul li .listMenuContent{display:none;pointer-events:none;transition:all .3s ease}.contactPageContainer .sidebar ul li .listMenuContent .contact_title{color:#1c1c1c}.contactPageContainer .sidebar ul li .listMenuContent .total_contacts{color:#717171}.contactPageContainer .sidebar ul li .listMenuContent p{font-size:16px;font-weight:600;color:#555}.contactPageContainer .sidebar ul li .listMenuContent .faded{color:#aaa;font-weight:500;font-size:14px}.contactPageContainer .sidebar ul li .mobileMenuItem{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.contactPageContainer .sidebar ul li .mobileMenuItem .linkName{background-color:#f3f4fc;text-align:center;width:35px;height:35px;border-radius:10px;color:#273df2;font-weight:700}.contactPageContainer .contentContainer{height:100%;margin-left:auto;left:var(--sideBarWidth);padding:0 20px 20px;transition:all .5s ease}.contactPageContainer .contentContainer .heading{margin-bottom:10px}.contactPageContainer .contentContainer .heading h3{font-size:18px;color:#555;font-weight:700;margin-bottom:8px}.contactPageContainer .contentContainer .heading .contentEditable{font-size:14px;color:#aaa;font-weight:500}.contactPageContainer .contentContainer .actionTab .searchInput{background-color:#f7f7f7;border-radius:4px;color:#aaa}.contactPageContainer .contentContainer .actionTab .searchInput *{background-color:#f7f7f7}.contactPageContainer .contentContainer .actionTab .actions button{min-width:130px;min-height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px}.contactPageContainer .contentContainer .actionTab .actions button:hover{color:#fff}.contactPageContainer .contentContainer .actionTab .actions .ghostBtn{border:1px solid #e3e3e3}.contactPageContainer .contentContainer .actionTab .actions .ghostBtn:hover{color:#000}@media(max-width:970px){.contactPageContainer .contentContainer .actionTab .flex-space-btw{display:block}.contactPageContainer .contentContainer .actionTab .flex-space-btw .actions{margin-top:20px}}@media(max-width:970px)and (max-width:650px){.contactPageContainer .contentContainer .actionTab .flex-space-btw .actions .ant-space{display:block}.contactPageContainer .contentContainer .actionTab .flex-space-btw .actions .ant-space .ant-btn{min-width:80%;margin:auto auto 10px}}@media(max-width:970px)and (max-width:650px)and (max-width:450px){.contactPageContainer .contentContainer .actionTab .flex-space-btw .actions .ant-space .ant-btn{width:100%}}.contactPageContainer .contentContainer .contactTableContainer{border:none!important;padding:0!important;font-family:Paralucent-Light}.contactPageContainer .contentContainer .contactTableContainer table .ant-table-thead th{color:#717171;font-size:16px;font-weight:400;padding:6px}.contactPageContainer .contentContainer .contactTableContainer table td{color:#717171;font-size:16px;font-weight:400;border-bottom:0!important}.contactPageContainer .contentContainer .contactTableContainer table td .tableActionBtns button{border:2px solid #f2f2f2;color:#8e8e8e;font-size:12px;border-radius:4px}.contactPageContainer .contentContainer .contactTableContainer table td .tableActionBtns button:first-child{margin-right:15px}.contactPageContainer .contentContainer .contactTableContainer table td .tableActionBtns button:last-child{color:#f45b5b}.contactPageContainer .contentContainer .contactTableContainer table td .tableActionBtns button.allcontact-edit_btn{color:#273df2}.contactPageContainer .contact_head_box{height:185px;background:rgba(12,127,218,.05);border-radius:8px}.contactPageContainer .contact_head_box h1{font-size:32px;line-height:44px;color:#45505b}.contactPageContainer .contact_head_box p{font-size:14px;line-height:18px;letter-spacing:.04em;color:#555}.contactPageContainer .contact_head_box .link{color:#273df2;text-decoration:underline}.contactPageContainer .contact_head_box .search-input{margin-top:20px;border:none;width:100%;max-width:301px;height:35px;background:#fff;border-radius:4px;padding:8px 15px;gap:11px}.contactPageContainer .contact_head_box .search-input .anticon{color:#8e8e8e;width:13px;height:13px}.contactPageContainer .contact_select{border-radius:4px;align-items:center;font-size:16px;line-height:22px;letter-spacing:.04em;color:#717171;flex-grow:1}.contactPageContainer .contact_group_btn{background:#717171;border-radius:4px;padding:8px 26px;gap:5px;font-size:14px;line-height:18px;letter-spacing:.01em;color:#f7f7f7}.contactPageContainer .contact_group_btn .anticon svg{color:#f7f7f7;margin-top:2px;width:16px;height:16px}.contactPageContainer .contact_group_btn:focus,.contactPageContainer .contact_group_btn:hover{color:#f7f7f7}.contactPageContainer .contact_actions .export_btn{border:1px solid #e3e3e3;border-radius:4px;align-items:center;padding:8px 14px;gap:5px}.contactPageContainer .contact_actions .export{font-size:14px;line-height:18px;letter-spacing:.01em;color:#8e8e8e}.contactPageContainer .addNew_btn{background:#273df2;border-radius:4px;letter-spacing:.01em;color:#f7f7f7;padding:8px 26px;gap:5px}.contactPageContainer .mobileMenuItem{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.contactPageContainer .mobileMenuItem .linkName{background-color:#f3f4fc;text-align:center;width:35px;height:35px;border-radius:10px;color:#273df2;font-weight:700}.contactPageContainer .contactListMenu ul li{padding:10px 20px}.contactPageContainer h3{line-height:revert!important}.newContentContainer{height:100%;width:100%;margin-left:auto;padding:0 20px 20px;transition:all .5s ease;position:relative}.newContentContainer :global .heading{margin-bottom:10px}.newContentContainer :global .heading h3{font-size:18px;color:#555;font-weight:700;margin-bottom:8px}.newContentContainer :global .heading .contentEditable{font-size:14px;color:#aaa;font-weight:500}.newContentContainer :global .active-opt{color:#fbfbfb}.newContentContainer :global .actionTab{margin:0 0 24px}.newContentContainer :global .actionTab .searchInput{background-color:#f7f7f7;border-radius:4px;color:#aaa}.newContentContainer :global .actionTab .searchInput *{background-color:#f7f7f7}.newContentContainer :global .actionTab .actions button{min-width:100px;min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px}.newContentContainer :global .actionTab .actions button:hover{color:#fff}.newContentContainer :global .actionTab .actions .ghostBtn{border:1px solid #e3e3e3}.newContentContainer :global .actionTab .actions .ghostBtn:hover{color:#000}@media(max-width:970px){.newContentContainer :global .actionTab .flex-space-btw{display:block}.newContentContainer :global .actionTab .flex-space-btw .actions{margin-top:20px}}@media(max-width:970px)and (max-width:650px){.newContentContainer :global .actionTab .flex-space-btw .actions .ant-space{display:block}.newContentContainer :global .actionTab .flex-space-btw .actions .ant-space .ant-btn{min-width:80%;margin:auto auto 10px}}@media(max-width:970px)and (max-width:650px)and (max-width:450px){.newContentContainer :global .actionTab .flex-space-btw .actions .ant-space .ant-btn{width:100%}}.newContentContainer :global .circle{font-size:12px;font-family:Paralucent-light;display:flex;justify-content:center;align-items:center;letter-spacing:0;margin-top:-5px}.newContentContainer :global .contactTableContainer{border:0!important;margin:0!important;padding:0!important;font-family:Paralucent-light}.newContentContainer :global .contactTableContainer .ant-table-header{border-radius:0!important}.newContentContainer :global .contactTableContainer table{font-family:Paralucent-light;border:"1px solid #e5e5e5"}.newContentContainer :global .contactTableContainer table .ant-table-thead{background-color:#e3e3e3}.newContentContainer :global .contactTableContainer table th{color:#717171;font-size:16px;font-weight:400;padding:6px 10px;background-color:#e3e3e3;font-family:Paralucent-light}.newContentContainer :global .contactTableContainer table th:before{height:0!important}.newContentContainer :global .contactTableContainer table td{color:#717171;font-size:16px;font-weight:400;padding:16px 10px;border-bottom:0;font-family:Paralucent-light;cursor:pointer}.newContentContainer :global .contactTableContainer table td .mdTableActionBtns button{border:2px solid #f2f2f2;color:#8e8e8e;font-size:12px;border-radius:0}.newContentContainer :global .contactTableContainer table td .mdTableActionBtns button:first-child{margin-right:15px}.newContentContainer :global .contactTableContainer table td .mdTableActionBtns button:last-child{color:#f45b5b}.newContentContainer :global .contactTableContainer table td .mdTableActionBtns button.allcontact-edit_btn{color:#273df2}.newContentContainer :global .contactTableContainer .ant-checkbox-inner{border-radius:0;background-color:#fff}.newContentContainer :global .contactTableContainer .ant-checkbox-inner:after{border:2px solid #273df2;border-top:0;border-inline-start:0}.newContentContainer :global .contactTableContainer .option-pop-up{background-color:#fff;padding:16px 18px;flex-direction:row;align-items:center;box-shadow:0 4px 21px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e3e3e3;display:flex;justify-content:center;font-family:Paralucent-light;width:fit-content;margin:0 auto}.newContentContainer :global .contactTableContainer .divider{height:34px;width:1px;background-color:#c7c7c7;margin:0 1rem}.newContentContainer :global .contact_select{border-radius:0;align-items:center;color:#717171!important;width:348px;font-family:Paralucent-light}.newContentContainer :global .ant-select-selector{height:34px!important}.newContentContainer :global .addGrpBtn{height:34px;background:transparent;border-radius:4px;padding:8px 25px;font-size:14px;color:#273df2!important;border:1px solid #273df2}.newContentContainer :global .addGrpBtn .addGroupText{color:#273df2!important;letter-spacing:.02em!important}.newContentContainer :global .addGrpBtn.solid{background:#273df2;color:#fff!important}.newContentContainer :global .ant-table-wrapper .ant-table-container table>thead>tr:first-child>:first-child{border-radius:0}.newContentContainer :global .page-next{display:flex;height:40px;padding:8px 14px;justify-content:center;align-items:center;border:1px solid #cfd9e4;border-radius:8px;background-color:#f8f8f9;color:#737a91;gap:.5rem}.newContentContainer :global .page-next p{font-family:Paralucent-medium;font-size:16px;font-style:normal;font-weight:400}.newContentContainer :global .ant-pagination-item{display:flex!important;height:40px!important;justify-content:center;align-items:center;border-radius:8px!important;min-width:38px!important;margin-inline-end:0!important;font-family:Paralucent-medium;font-size:16px;font-weight:400}.newContentContainer :global .ant-pagination-item a{color:#737a91!important;font-family:Paralucent-medium}.newContentContainer :global .ant-pagination-item-active{background-color:#273df2!important}.newContentContainer :global .ant-pagination-item-active a{color:#fff!important}.newContentContainer :global .ant-pagination-total-text{order:1;color:#737a91;font-family:Paralucent-medium;font-size:16px;font-style:normal;font-weight:400;display:flex!important;height:40px!important;justify-content:center;align-items:center;margin-left:2rem}.newContentContainer :global .ant-table-body{height:400px!important}.newContentContainer :global .ant-table{border:1px solid #e3e3e3;border-radius:0!important}.newContentContainer :global .ant-select-selector{border-radius:4px!important;font-family:Paralucent-light;font-size:14px}.newContentContainer :global .contactHeaderCont{display:flex;justify-content:space-between;border-radius:8px;background:rgba(12,127,218,.05);margin:24px 20px 40px;padding:1.6rem 2.25rem 0;height:178px;overflow:hidden}.newContentContainer :global .contactHeaderCont .contactTextPart .contHTitle{padding-bottom:4px;color:#45505b}.newContentContainer :global .contactHeaderCont .contactTextPart .contHDesc{color:#555;padding-bottom:1.2rem}.newContentContainer :global .contactHeaderCont .contactTextPart .contHDescLink{color:#273df2;padding-bottom:1.2rem;margin-top:0}.newContentContainer :global .contactHeaderCont .contactTextPart .contactSearchInput{max-width:301px;border:1px solid #f2f2f2;border-radius:4px;background-color:#fff}.newContentContainer :global .contactHeaderCont .contactImgPart .contHImg{padding-right:1rem}.newContentContainer :global .contactWrapper{margin:0 1.3rem}.delete-text{color:#ec615b!important;cursor:pointer;text-align:center;padding:2rem 0 1rem;border-top:1px solid #e5e5e5;margin-top:24px}.contact-btn{border-radius:4px!important;font-size:14px!important;font-family:Paralucent-light;padding:8px 26px!important}.contact-btn,.modalButton{background-color:#273df2;color:#fff}.modalButton{width:321px;padding:8px 26px;border-radius:4px;font-size:14px;font-family:Paralucent-Medium}.instant-mail-btn{border-radius:4px!important;background-color:#273df2;font-size:14px!important;color:#fff;font-family:Paralucent-light;padding:8px 26px!important;width:271px}.instant-mail-alert{color:#1677ff!important;font-size:12px;font-family:Paralucent-Light;border-radius:16px!important;background-color:#d0e4ff!important;padding:8px 6px;display:flex;align-items:center}.info-text{color:#717171}.info-item,.info-text{font-family:Paralucent-Light;font-size:14px}.info-item{color:#1c1c1c}.addNewContactModal :global .ant-select-dropdown{font-family:Paralucent-Light}.addNewContactModal :global .ant-select-selection-item .ant-select-selection-item-content{font-family:Paralucent-Light}.addNewContactModal :global .ant-form-item-label{font-size:14px;padding:0!important}.addNewContactModal :global .ant-form-item-label label{font-family:Paralucent-light!important;color:#555!important;font-weight:400!important}.addNewContactModal :global .ant-form-item-required:before{display:none!important}.addNewContactModal :global .ant-alert-info{background-color:#d0e4ff!important;border:none!important;border-radius:0!important;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:16px;font-family:Paralucent-light}.addNewContactModal :global .ant-input{border-radius:4px;font-family:Paralucent-light;font-size:14px;color:#717171}.addNewContactModal :global .ant-select-selection-item{padding:0 10px}.addNewContactModal :global .ant-input-prefix{color:#8e8e8e}.addNewContactModal :global .ant-form-item-control-input{border-radius:4px}.addNewContactModal :global .ant-form-item-control-input .ant-input-affix-wrapper{border-radius:4px}.addNewContactModal :global .ant-form-item-row{gap:10px}.addNewContactModal :global .contactDrawer .close-icon{background-color:#e3e3e3;width:36px;height:36px;border-radius:6px;display:flex;justify-content:center;align-items:center}.addNewContactModal :global .contactDrawer .creator-name{font-family:Paralucent-light;font-size:24px;font-style:normal;font-weight:500}.addNewContactModal :global .contactDrawer .name-tag{padding:4px 10px;border-radius:12px;background-color:#f2f2f2;font-size:12px;font-family:Paralucent-light;width:fit-content;color:#717171}.addNewContactModal :global .contactDrawer .name-box{width:62px;height:62px;background-color:#00a3ff;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;font-family:Paralucent-light}.addNewContactModal :global .contactDrawer .creator{padding:17px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin-top:10px}.contact-page{margin:39px 0 20px!important}.empty-img{width:167px}.empty-text{color:#8e8e8e;font-family:Paralucent-Light;font-size:18px;font-style:normal;font-weight:400}.empty-box{display:flex;flex-direction:column;align-items:center;gap:24px;height:350px;justify-content:center}.selection-pop{height:66px}.deleteModal{width:25%!important}.delete-contact-modal{display:flex;flex-direction:column;gap:1rem;width:100%}.del-icon{background-color:#fbfbfb;border:1px solid #e3e3e3;border-radius:4px;height:56px;width:60px}.delete-title{color:#000;text-align:center;font-family:Paralucent-Light;font-size:14px;font-style:normal;font-weight:400;line-height:143.301%;margin-bottom:8px;width:73%}.tempModal{width:35%!important;padding:2rem 3.5rem}.template-modal{display:flex;flex-direction:column;gap:1rem;width:100%;padding:4rem 0 1rem}.template-title{color:#000;font-family:Paralucent-Medium;font-size:18px;line-height:normal;margin-bottom:8px}.template-text,.template-title{text-align:center;font-style:normal;font-weight:400}.template-text{color:#717171;font-family:Paralucent-Light;font-size:14px;line-height:22px!important;letter-spacing:.42px}.template-btn{width:100%;background-color:#273df2;color:#fff!important;height:34px!important;font-size:14px!important;border-radius:4px!important;font-family:Paralucent-Medium}.template-btn.template-btn-loading{background-color:#273df2!important;opacity:.5;border:1px solid #c7c7c7!important}.sub-text{color:#717171;text-align:center;font-family:Paralucent-Light;font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.36px}.delete-btn{background-color:#ec615b;color:#fff!important;border-radius:4px!important}.delete-btn,.outline-btn{width:100%;height:34px!important;font-size:14px!important;font-family:Paralucent-Light}.outline-btn{background-color:transparent;color:#717171!important;border:1px solid #c7c7c7!important}.import-btn,.outline-btn{border-radius:4px!important}.import-btn{justify-content:center;align-items:center;display:flex;background-color:#fbfbfb;font-family:Paralucent-Medium;font-size:14px!important;font-style:normal;color:#273df2;border:0!important;padding:8px 26px!important}.info-box{padding:11px 16px;width:100%;border-radius:8px;background:#f5f5f5;color:#383838;font-family:Paralucent-Light;font-size:12px;margin-bottom:38px;margin-top:4px}.contact-modal{width:32%!important}@media(max-width:760px){.contact-modal{width:90%!important}}.delete-modal{width:23%!important}@media(max-width:760px){.delete-modal{width:90%!important}}