/* CSS Document update on 3 July-24  */
@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap'); * { margin: 0; padding: 0; outline: 0; }
html { overflow: visible !important; overflow-x: hidden !important; }
body { /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Poppins', sans-serif; font-size: 14px; color: #464646; background: #f6f6f6; overflow: visible !important; }
h1,h2,h3,h4,h5,h6,ul,p { margin: 0; }
.m-0 { margin: 0 !important; }
.max-width-991 { max-width: 991px; }
.margin-auto { margin-left: auto; margin-right: auto; }
.mb-0 { margin-bottom: 0 !important; }
.mb-15 { margin-bottom: 15px !important; }
.full-width { width: 100% !important; }
header#header { padding-top: 0; position: sticky; top: 0; z-index: 9; }
input,select,textarea { font-family: 'Poppins', sans-serif; box-sizing: border-box; }
input[readonly], textarea[readonly], input[disabled], textarea[disabled] { background: #f8f8f8 !important; }
span.customErrorClass, label.customErrorClass { padding-right: 0 !important; min-width: 100% !important; max-width: 100% !important; font-size: 13px !important; color: #109CF1 !important; }
a.rounded_link { background: #109CF1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 0; cursor: pointer; }
a.btn-comred { padding: 0 15px 0 0; display: flex; }
a.btn-comred span { height: 38px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; }
a.btn-comred span.btn-icon { width: auto; font-size: 26px; margin-right: 7px; }
.download-with-new { display: flex; align-items: center; justify-content: center; margin: 10px 0; }
.download-with-new a.rounded_link { background: transparent; color: #109CF1; font-weight: 400; display: flex; align-items: center; gap: 8px; padding: 0; }
.download-with-new a.rounded_link img { width: 16px; }
#avatar-big img { max-width: 400px; }
.flex-direc-coloum { flex-direction: column; }
.right-flex a.btn-comred { height: 43px; margin-left: 10px; }
.right-flex a.btn-comred span { height: 43px; }
.center { text-align: center; }
.hide { display: none !important; }
.normal_hide { display: none; }
.pull-right { float: right; }
.always-show { display: block !important; }
.successbox { color: #3c763d; background-color: #dff0d8; padding: 9px 15px !important; list-style: none !important; border-radius: 3px; margin-bottom: 12px !important; border: 1px solid transparent; }
.errorbox { color: #721c24; padding: 10px 15px; list-style: none; border-radius: 5px; margin-bottom: 5px; background-color: #f8d7da; border-color: #f5c6cb; }
.boxMsgWrap { display: flex; flex-direction: column; gap: 5px; position: fixed; left: 5px; right: 5px; bottom: 5px; z-index: 9; }
.boxMsg { margin: 0 !important; background-color: #fff; border-radius: 8px; padding: 16px !important; box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); color: #464646; font-size: 12px; display: flex; align-items: center; gap: 10px; }
.boxMsg img { display: block; }
.boxMsg .success-icon img { min-width: 36px; min-height: 36px; width: 36px; height: 36px; }
.boxMsg strong { display: block; }
.boxMsg .success-close, .boxMsg .error-close { cursor: pointer; }
.boxMsg .success-close img, .boxMsg .error-close img { min-width: 10px; }
.boxMsg .error-icon { min-width: 36px; min-height: 36px; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background: #f00; border-radius: 50%; font-size: 20px; font-weight: 600; color: #fff; line-height: 0; }
.boxMsg li:nth-child(2) { width: 100%; }
@media(min-width: 700px) { .boxMsg li:nth-child(2) { min-width: 270px; max-width: 270px; }
 .boxMsgWrap { right: 16px; bottom: 16px; left: auto; gap: 16px; } }
.custor_pointer, .popUpBoxBtnFront, .js-task-field-edit-parent .js-task-field-edit-text { cursor: pointer; }
.green_txt { color: #008000 !important; }
.red_txt { color: #f00 !important; }
.blue_txt { color: #0000ff !important; }
.blue_link_txt { color: #109CF1 !important; }
.yellow_txt { color: #d6d600 !important; }
.grey_txt { color: #999999 !important; }
.black_txt { color: #464646 !important; }
.light_green_txt { color: #09f809 !important; }
.activ.light_green_txt { color: #fff !important; }
.italic_txt { font-style: italic; !important; }
body .btn-client-secondry { background: #fff !important; border-color: #e6e6e6 !important; color: #c1c1c1 !important; }
body .btn-client-secondry img { filter: brightness(0) saturate(100%) invert(89%) sepia(1%) saturate(310%) hue-rotate(328deg) brightness(87%) contrast(92%); }
/*.yellow_tr a, .yellow_tr > * { background:#ffff80 !important; }*/
.yellow_tr a, .yellow_tr > * { background: #deffe0 !important; color: #464646 !important; }
.green_tr { background: #deffe0 !important; }
.yellow_tr { background: #ffff80; }
.grey_tr a { background: #aba7a7 !important; color: #464646 !important; }
#header .container { width: 100%; max-width: 100%; box-sizing: border-box; display: flex; align-items: center; position: relative; overflow: visible; z-index: 999; position: relative; z-index: 9; top: 0; background: /*rgba(255,255,255,.8)*/ #fff; justify-content: space-between; padding: 0 30px; min-height: 44px; }
#header.client-header .container { padding-right: 0; }
.logo { display: flex; align-items: center; }
.main-logo { display: flex; align-items: center; }
.main-logo img { width: auto; height: 28px; }
.bur-icon { display: block; width: 22px; height: 14px; margin-right: 12px; }
.bur-icon span { width: 22px; height: 2px; display: block; background: #109CF1; margin-bottom: 4px; }
.bur-icon span:last-child { margin-bottom: 0; }
.nav ul { list-style: none; }
.nav > ul { display: flex; align-items: center; }
.nav ul ul { display: none; }
.nav > ul > li { position: relative; }
.nav > ul > li > a { position: relative; height: 44px; display: flex; align-items: center; padding: 0 20px; font-weight: normal; color: #47443a; text-decoration: none; font-size: 16px; font-weight: 600; }
.agent-new-design .nav > ul > li > a { height: 44px !important; }
.nav > ul > li > a:hover, .nav > ul > li > a.activ { background: #109CF1; color: #fff; }
.nav ul .profile-nav { position: relative; }
.nav ul li > a span.header_show_noti, .profile-wrap-flex > a span.header_show_noti { background: #109CF1; color: #fff; font-size: 10px; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 0; position: absolute; right: 10px; top: 24px; }
.nav > ul > li > a:hover span.header_show_noti, .profile-wrap-flex > a:hover span.header_show_noti, .nav > ul > li > a.activ span.header_show_noti, .profile-wrap-flex > a.activ span.header_show_noti { background: #4f5c73; }
.profile-wrap-flex > a span.header_show_noti { top: 0; right: -9px; }
.nav ul li.nav-bell > a { padding: 0 11px; }
.nav-bell img { height: 21px; }
.notification-bell img { height: 26px; margin-top: -5px; }
.nav ul li.nav-bell > a span.header_show_noti { position: absolute; top: 6px; right: 6px; margin-left: 0; }
.nav > ul > li.profile-nav > a:hover, .nav > ul > li.nav-bell > a:hover { background: #fff; color: #47443a; }
.nav ul .profile-nav > a img { width: 30px; height: 30px; border-radius: 50%; }
.nav ul .profile-nav > a { padding: 0 0 0 11px; }
li.profile-nav span { font-size: 14px; font-weight: 600; margin-left: 5px; color: #334D6E; }
.nav ul > li:hover > ul { display: block; }
.nav ul > li > ul { box-shadow: 0 0 5px rgba(0,0,0,.3); position: absolute; top: 100%; background: #fff; border-radius: 5px; overflow: hidden; right: 0; min-width: 180px; }
.nav ul > li > ul li a { color: #464646; font-size: 16px; display: block; padding: 8px 15px; text-decoration: none; }
.nav ul > li > ul li a:hover { background: #109CF1; color: #fff; }
.profile-wrap-flex { gap: 15px; display: flex; align-items: center; }
.profile-wrap-flex > a { position: relative; }
.left-menu { position: fixed; left: 0; top: 45px; height: calc(100vh - 45px); width: 280px; background: #fff; overflow: auto; transition: all 0.1s ease-in-out; box-shadow: 0 0 13px rgb(0 0 0 / 0%); z-index: 9; border-right: 1px solid #EBEFF2; }
.wrapper { margin-left: 280px; box-sizing: border-box; background: #fff; }
.client-wrapper { background: #e7e7e7; }
.main-content { padding: 10px 15px; min-height: calc(100vh - 44px); box-sizing: border-box; overflow: visible !important; }
/*.main-content_bak { padding: 0; }*/
body, html, .small-scroll, .main-content, .v3-pop-body > .tasks-new-box { scrollbar-width: thin; overflow: auto; }
.small-scroll::-webkit-scrollbar, .main-content::-webkit-scrollbar, .v3-pop-body > .tasks-new-box::-webkit-scrollbar, body::-webkit-scrollbar, html::-webkit-scrollbar, ::-webkit-scrollbar { width: 8px; height: 8px; }
.small-scroll::-webkit-scrollbar-track, .main-content::-webkit-scrollbar-track, .v3-pop-body > .tasks-new-box::-webkit-scrollbar-track, body::-webkit-scrollbar-track, html::-webkit-scrollbar-track, ::-webkit-scrollbar-track { background: #f1f1f1; }
.small-scroll::-webkit-scrollbar-thumb, .main-content::-webkit-scrollbar-thumb, .v3-pop-body > .tasks-new-box::-webkit-scrollbar-thumb , body::-webkit-scrollbar-thumb , html::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb { background: #ccc; }
.small-scroll::-webkit-scrollbar-thumb:hover, .main-content::-webkit-scrollbar-thumb:hover, .v3-pop-body > .tasks-new-box::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:hover { background: #bdbdbd; }
.left-menu-overlay { display: none; }
.left-menu-select { box-sizing: border-box; padding: 0; }
.left-menu-select { margin-bottom: 25px; }
.left-menu-select select, .logo select { width: 100%; max-width: 305px; height: 33px; padding: 0 10px; background: transparent; border-radius: 2px; color: #334D6E; font-weight: 700; font-size: 13px; border-color: #E9E9E9; }
.left-menu { padding: 30px; box-sizing: border-box; }
.left-menu ul { list-style: none; }
.left-menu ul li { margin-bottom: 0; }
.left-menu ul li.divider-line { margin-left: -30px; margin-right: -30px; border-top: 1px solid #EBEFF2; }
.small-left-menu .left-menu ul li.divider-line { margin-left: -15px; margin-right: -15px; }
.left-menu ul li:last-child { margin-bottom: 0; }
.left-menu-wrap > ul.js-cs-custom-drop-down > li:last-child { margin-bottom: 0; }
.left-menu ul.js-cs-custom-drop-down li { position: relative; /*padding-left: 20px;*/ }
/*.left-menu ul.js-cs-custom-drop-down li:before {content: '';border: 2px solid #C2CFE0;width: 5px;height: 5px;position: absolute;border-radius: 50%;top: 5.45px;left: 0;}*/
.left-menu ul li a, .left-menu ul li > span { height: auto; display: flex; align-items: center; color: #334D6E; font-size: 14px; font-weight: 500; text-decoration: none; padding: 14.5px 0; transition: all 0.1s ease-in-out; cursor: pointer; letter-spacing: 0.5px; }
.left-menu ul li li a { padding: 12px 0; }
.left-menu ul.js-cs-custom-drop-down li.left-submenu ul { margin-top: 10px; padding-left: 10px; }
.left-menu ul.js-cs-custom-drop-down li.left-submenu ul li { margin-bottom: 10px; padding: 0 0 0 12px; }
.left-menu ul.js-cs-custom-drop-down li.left-submenu ul li:last-child { margin-bottom: 0; }
.left-menu ul.js-cs-custom-drop-down li.left-submenu ul li a { font-size: 12px; }
.left-menu ul li.multistep-dropdown a { position: relative; }
.left-menu ul li.multistep-dropdown > a:before { width: 12px; height: 8px; content: ''; position: absolute; right: 0; background: url(../images/icons/menu-icon/drop-down.svg) no-repeat center; }
.small-left-menu .left-menu ul li.multistep-dropdown > a:before { display: none; }
.left-menu ul li.multistep-dropdown ul { max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; padding-left: 30px; }
.left-menu ul li.multistep-dropdown.active ul, .left-menu ul li.multistep-dropdown a.active + ul { max-height: 1000px; }
.left-menu ul li.multistep-dropdown.active > a:before, .left-menu ul li.multistep-dropdown > a.active:before { background-image: url(../images/icons/menu-icon/drop-down-active.svg); }
.small-left-menu .left-menu ul li.multistep-dropdown ul { display: none; }
.left-menu ul li a span { background-color: #334D6E; }
.left-menu ul li a.active span, .left-menu ul li a:hover span, .left-menu ul li a:hover span.slide-link:before { background-color: #109CF1; }
.left-menu ul li a span.client-portal-icon { -webkit-mask: url(../images/icons/menu-icon/pages.svg) no-repeat center; mask: url(../images/icons/menu-icon/pages.svg) no-repeat center; }
.left-menu ul li a span.dashboard-icon { -webkit-mask: url(../images/icons/new-icon/dashboard-icon.svg) no-repeat center; mask: url(../images/icons/new-icon/dashboard-icon.svg) no-repeat center; }
.left-menu ul li a span.invoice-icon { -webkit-mask: url(../images/icons/new-icon/invoice-icon.svg) no-repeat center; mask: url(../images/icons/new-icon/invoice-icon.svg) no-repeat center; }
.left-menu ul li a span.task-icon { -webkit-mask: url(../images/icons/menu-icon/tasks.svg) no-repeat center; mask: url(../images/icons/menu-icon/tasks.svg) no-repeat center; }
.left-menu ul li a span.work-journal-icon { -webkit-mask: url(../images/icons/menu-icon/work-journals.svg) no-repeat center; mask: url(../images/icons/menu-icon/work-journals.svg) no-repeat center; }
.left-menu ul li a span.conversation-icon { -webkit-mask: url(../images/icons/menu-icon/conversations.svg) no-repeat center; mask: url(../images/icons/menu-icon/conversations.svg) no-repeat center; }
.left-menu ul li a span.project-icon { -webkit-mask: url(../images/icons/new-icon/project.svg) no-repeat center; mask: url(../images/icons/new-icon/project.svg) no-repeat center; }
.left-menu ul li a span.file-icon { -webkit-mask: url(../images/icons/menu-icon/files.svg) no-repeat center; mask: url(../images/icons/menu-icon/files.svg) no-repeat center; }
.left-menu ul li a span.response-icon { -webkit-mask: url(../images/icons/menu-icon/responses-icon.svg) no-repeat center; mask: url(../images/icons/menu-icon/responses-icon.svg) no-repeat center; }
.left-menu ul li a span.password-icon { -webkit-mask: url(../images/icons/menu-icon/passwords.svg) no-repeat center; mask: url(../images/icons/menu-icon/passwords.svg) no-repeat center; }
.left-menu ul li a span.team-icon { -webkit-mask: url(../images/icons/menu-icon/users.svg) no-repeat center; mask: url(../images/icons/menu-icon/users.svg) no-repeat center; }
.left-menu ul li a span.client-detail-icon { -webkit-mask: url(../images/icons/menu-icon/portal-settings.svg) no-repeat center; mask: url(../images/icons/menu-icon/portal-settings.svg) no-repeat center; }
.left-menu ul li a span.slide-home { -webkit-mask: url(../images/icons/new-icon/home.svg) no-repeat center; mask: url(../images/icons/new-icon/home.svg) no-repeat center; }
.left-menu ul li a span.client-view { -webkit-mask: url(../images/icons/new-icon/client-view.svg) no-repeat center; mask: url(../images/icons/new-icon/client-view.svg) no-repeat center; }
.left-menu ul li a span.profile-icon { -webkit-mask: url(../images/icons/new-icon/profile-icon.svg) no-repeat center; mask: url(../images/icons/new-icon/profile-icon.svg) no-repeat center; }
.left-menu ul li a span.client-signup-icon { -webkit-mask: url(../images/icons/new-icon/client-setup.svg) no-repeat center; mask: url(../images/icons/new-icon/client-setup.svg) no-repeat center; }
.left-menu ul li a span.whitelabel-icon { -webkit-mask: url(../images/icons/new-icon/whitelabel.svg) no-repeat center; mask: url(../images/icons/new-icon/whitelabel.svg) no-repeat center; }
.left-menu ul li a span.password-security-icon { -webkit-mask: url(../images/icons/new-icon/password-security.svg) no-repeat center; mask: url(../images/icons/new-icon/password-security.svg) no-repeat center; }
.left-menu ul li a span.affiliate-program-icon { -webkit-mask: url(../images/icons/new-icon/affiliate-marketing.svg) no-repeat center; mask: url(../images/icons/new-icon/affiliate-marketing.svg) no-repeat center; }
.left-menu ul li a span.form-submissions-icon { -webkit-mask: url(../images/icons/new-icon/form-submissions-icon.svg) no-repeat center; mask: url(../images/icons/new-icon/form-submissions-icon.svg) no-repeat center; }
.left-menu ul li a span.my-network-icon { -webkit-mask: url(../images/icons/new-icon/network.svg) no-repeat center; mask: url(../images/icons/new-icon/network.svg) no-repeat center; }
.left-menu ul li a span.subscription { -webkit-mask: url(../images/icons/new-icon/subscription.svg) no-repeat center; mask: url(../images/icons/new-icon/subscription.svg) no-repeat center; }
.left-menu ul li span.list-ul-icon { -webkit-mask: url(../images/icons/new-icon/list-ul-active.svg) no-repeat center; mask: url(../images/icons/new-icon/list-ul-active.svg) no-repeat center; background-image: none; background-color: #334D6E; }
.left-menu ul li a span.customemail-icon { -webkit-mask: url(../images/icons/new-icon/customemail-icon.svg) no-repeat center; mask: url(../images/icons/new-icon/customemail-icon.svg) no-repeat center; }
.linkactive { -webkit-mask: url(../images/icons/new-icon/linkactive.svg) no-repeat center; mask: url(../images/icons/new-icon/linkactive.svg) no-repeat center; }
.left-menu ul li.active span.list-ul-icon, .linkactive, .dinamic-link-wraps:before { background-color: #109CF1; }
/*.left-menu ul li a span.slide-link{ -webkit-mask: url(../images/icons/new-icon/circle-icon1.png) no-repeat center; mask: url(../images/icons/new-icon/circle-icon1.png) no-repeat center; }*/
/*.left-menu ul li a span.slide-link:before{opacity: 0;}*/
/*.left-menu ul.js-cs-custom-drop-down li.left-submenu ul li:before { top: 5px; width: 3px; height: 3px; }*/
.left-menu ul li a span, .list-icons, .linkactive { min-width: 18px; display: inline-block; height: 18px; margin-right: 12px; }
/*.left-menu ul li a span.client-portal-icon { background-image: url(../images/icons/menu-icon/pages.svg); }
.left-menu ul li a span.task-icon { background-image: url(../images/icons/menu-icon/tasks.svg); }
.left-menu ul li a span.work-journal-icon { background-image: url(../images/icons/menu-icon/work-journals.svg); }
.left-menu ul li a span.conversation-icon { background-image: url(../images/icons/menu-icon/conversations.svg); }
.left-menu ul li a span.file-icon { background-image: url(../images/icons/menu-icon/files.svg); }
.left-menu ul li a span.password-icon { background-image: url(../images/icons/menu-icon/passwords.svg); }
.left-menu ul li a span.team-icon { background-image: url(../images/icons/menu-icon/users.svg); }
.left-menu ul li a span.client-detail-icon { background-image: url(../images/icons/menu-icon/portal-settings.svg); }
.left-menu ul li a span.slide-home { background-image: url(../images/icons/new-icon/home.svg); }
.left-menu ul li a span.client-view { background-image: url(../images/icons/new-icon/client-view.svg); }*/
.left-menu ul li a span.slide-link { /*background-image: url(../images/clipn.svg);*/ position: relative; display: flex; justify-content: center; align-items: center; }
.left-menu ul li a span.slide-link:before { content: ""; background: #C2CFE0; width: 12px; height: 12px; border-radius: 50%; }
.left-menu ul li a span.slide-link, .left-menu ul li a span.slide-link + span { background: transparent !important; }
.list-ul-icon { background-image: url(../images/icons/menu-icon/tasks.svg); background-repeat: no-repeat; background-position: center; }
/*.left-menu ul li a.active span.client-portal-icon { background-image: url(../images/icons/menu-icon/pages-active.svg); }
.left-menu ul li a.active span.task-icon { background-image: url(../images/icons/menu-icon/tasks-active.svg); }
.left-menu ul li a.active span.work-journal-icon { background-image: url(../images/icons/menu-icon/work-journals-active.svg); }
.left-menu ul li a.active span.conversation-icon { background-image: url(../images/icons/menu-icon/conversations-active.svg); }
.left-menu ul li a.active span.file-icon { background-image: url(../images/icons/menu-icon/files-active.svg); }
.left-menu ul li a.active span.password-icon { background-image: url(../images/icons/menu-icon/passwords-active.svg); }
.left-menu ul li a.active span.team-icon,
.left-menu ul li.active a span.team-icon { background-image: url(../images/icons/menu-icon/users-active.svg); }
.left-menu ul li a.active span.client-detail-icon { background-image: url(../images/icons/menu-icon/portal-settings-active.svg); }
.left-menu ul li a.active span.slide-home { background-image: url(../images/icons/new-icon/home-active.svg); }
.left-menu ul li a.active span.slide-link { background-image: url(../images/icons/new-icon/clipn-active.svg); }
.left-menu ul li a.active span.client-view { background-image: url(../images/icons/new-icon/client-view-active.svg); }*/
.left-menu ul li.active > a > span.slide-link:before, .left-menu ul li > a.active > span.slide-link:before { background: #109CF1; }
li.active .list-ul-icon { background-image: url(../images/icons/new-icon/list-ul-active.svg); }
.left-menu ul li a svg { margin-right: 12px; max-width: 16px; }
.left-menu ul li a.active, .left-menu ul li.active > a, .left-menu ul li.active > span, .left-menu ul li a:hover { color: #109CF1; }
.left-menu ul li a.active svg path { fill: #109CF1; }
.js-agent-view-open-alert { display: flex; justify-content: space-between; align-items: center; }
.js-agent-view-open-alert a { opacity: 0.3; width: 100%; }
.js-agent-view-open-alert:after { content: ''; background: url(../images/star.svg) no-repeat 0 0; width: 10px; height: 10px; }
/*.left-menu ul li a { height: 50px; display: flex; align-items: center; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; padding: 0 30px; transition: all 0.1s ease-in-out; cursor: pointer; }*/
/*.left-menu ul li:hover a, .left-menu ul li a.active { background: #3e4b62; }*/
.delete-btn-icon { display: inline-flex; background: #dc3545; color: #fff; text-decoration: none; font-weight: 500; padding: 8px 12px; border-radius: 4px; margin-top: 15px; }
.delete-btn-icon img { width: 16px; margin-right: 5px; }
.slide-profile-overlay { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none; height: 100vh; }
.slide-profile-overlay.active { display: block; }
.slide-profile-menu { position: fixed; top: 0; bottom: 0; right: -300px; width: 300px; background: #F8FBFF; z-index: 99; transition: all 0.1s ease-in-out; }
.slide-profile-menu.active { right: 0; }
.slide-profile-header { text-align: center; padding-top: 35px; padding-bottom: 15px; }
.slide-profile-header h2 { color: #334D6E; padding: 10px 15px 0; font-size: 24px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slide-profile-header img { width: 110px; height: 110px; border-radius: 50%; }
.slide-profile-menu ul { list-style: none; min-height: calc(100% - 400px); }
.slide-profile-menu ul li { position: relative; }
.slide-profile-menu ul li a { height: 50px; display: flex; align-items: center; color: #334D6E; font-size: 14px; font-weight: 600; text-decoration: none; padding: 0 30px; transition: all 0.1s ease-in-out; cursor: pointer; }
.slide-profile-menu ul li a.active { color: #109CF1; }
.slide-profile-menu ul li a.active svg path { fill: #109CF1; }
.slide-profile-menu ul li a.g2-review-link { color: #008069; }
.slide-profile-menu ul li a span { background-repeat: no-repeat; background-position: center; background-size: 18px 18px; height: 18px; width: 26px; display: flex; justify-content: center; align-items: center; margin-right: 12px; }
.slide-profile-menu ul li a span.slide-home { background-image: url(../images/icons/new-icon/home.svg); }
.slide-profile-menu ul li a span.my-profile { background-image: url(../images/icons/new-icon/my-profile.svg); }
.slide-profile-menu ul li a span.my-client { background-image: url(../images/icons/new-icon/my-client.svg); }
.slide-profile-menu ul li a span.my-page { background-image: url(../images/icons/new-icon/my-pages.svg); }
.slide-profile-menu ul li a span.sub-account { background-image: url(../images/icons/new-icon/sub-account.svg); }
.slide-profile-menu ul li a span.my-template { background-image: url(../images/icons/new-icon/my-template.svg); }
.slide-profile-menu ul li a span.subscription { background-image: url(../images/icons/new-icon/subscription.svg); }
.slide-profile-menu ul li a span.integration { background-image: url(../images/icons/new-icon/integration-icon.svg); }
.slide-profile-menu ul li a span.api-cloud { background-image: url(../images/icons/new-icon/cloud-solid.svg); }
.slide-profile-menu ul li a span.my-network-icon { background-image: url(../images/icons/new-icon/network.svg); }
.slide-profile-menu ul li a span.g2-review { background-image: url(../images/icons/new-icon/g2-review-green.svg); }
.slide-profile-menu ul li a.active span.slide-home { background-image: url(../images/icons/new-icon/home-active.svg); }
.slide-profile-menu ul li a.active span.my-profile { background-image: url(../images/icons/new-icon/my-profile-active.svg); }
.slide-profile-menu ul li a.active span.my-client { background-image: url(../images/icons/new-icon/my-client-active.svg); }
.slide-profile-menu ul li a.active span.my-page { background-image: url(../images/icons/new-icon/my-pages-active.svg); }
.slide-profile-menu ul li a.active span.sub-account { background-image: url(../images/icons/new-icon/sub-account-active.svg); }
.slide-profile-menu ul li a.active span.my-template { background-image: url(../images/icons/new-icon/my-template-active.svg); }
.slide-profile-menu ul li a.active span.subscription { background-image: url(../images/icons/new-icon/subscription-active.svg); }
.slide-profile-menu ul li a.active span.integration { background-image: url(../images/icons/new-icon/integration-active-1.png); }
.slide-profile-menu ul li a.active span.api-cloud { background-image: url(../images/icons/new-icon/cloud-solid-active.svg); }
.slide-profile-menu ul li a.active span.my-network-icon { background-image: url(../images/icons/new-icon/network-active.svg); }
.slide-profile-menu ul li a.active span.g2-review { background-image: url(../images/icons/new-icon/g2-review-active.svg); }
.slide-profile-menu ul li a span.header_show_noti { margin: 0 0 0 10px; height: 20px; width: 20px; background: #109CF1; border-radius: 50%; font-size: 13px; color: #fff; }
.slide-profile-menu ul li a.g2-review-dismiss { position: absolute; right: 0; top: 0; bottom: 0; }
.slide-profile-menu ul li a.g2-review-dismiss img { width: 10px; }
.slide-profile-login { padding: 20px 30px; display: flex; justify-content: center; flex-direction: column; }
.slide-profile-login a { display: flex; width: 100%; align-items: center; padding: 8px 15px; border-radius: 50px; background: #109CF1; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; justify-content: center; box-sizing: border-box; margin-top: 10px; }
.slide-profile-login a img, .slide-profile-login a svg { padding-left: 5px; }
.dark-check, .v-check { height: 37px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.dark-check > * { margin: 0 5px; }
.dark-check input, .v-check input { display: none; }
.dark-check span, .v-check span { width: 40px; height: 16px; background: #F6F6F6; border-radius: 10px; padding: 0 4px; box-sizing: border-box; position: relative; display: flex; align-items: center; }
.dark-check span:before, .v-check span:before { content: ''; width: 12px; height: 12px; background: #E5EDFB; border-radius: 50%; }
.design-n2 .v-check span { justify-content: flex-end; }
.v-check > div:first-child { padding-right: 5px; }
.v-check > div:last-child { padding-left: 5px; }
svg.sun-svg path { fill: #109CF1; }
.sun-svg { background: url(../images/icons/new-icon/sun-active.svg) no-repeat center / 14px 14px; display: inline-block; width: 14px; height: 14px; }
.moon-svg { background: url(../images/icons/new-icon/moon.svg) no-repeat center / 14px 14px; display: inline-block; width: 14px; height: 14px; }
.inner_right_section h1 { margin-bottom: 15px; font-size: 24px; font-weight: 600; font-family: 'Poppins', sans-serif; }
.inner_right_section h1.with-link { margin-bottom: 5px; }
.btn-forms h1 { margin-bottom: 0; }
.design-n2-backdrop { position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; display: none; background: url(../images/fancy-background-joke.png) no-repeat 0 0 / 100% 100%; }
.design-n2 .design-n2-backdrop { display: block; }
/*-pop-up-*/
body .front_pop_model { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: auto !important; z-index: 999; margin: 0 !important; padding: 30px 30px 30px 310px; overflow: auto; }
.backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }
body .front_pop_model .modal-dialog { width: 100%; margin: 0; display: flex; height: calc(100vh - 60px); }
body .front_pop_model .modal-content { max-width: 963px; margin: auto; display: flex; background: #f4f5f7; border-radius: 5px; overflow: hidden; width: 100%; position: relative; z-index: 9; }
#new_ajaxResponseDiv { width: 100%; }
.v3-pop-content { padding: 40px 40px; box-sizing: border-box; width: 100%; }
.content-no-scroll { padding: 0; overflow: visible !important; }
.journal-pop-content { padding: 40px 40px 20px 40px; }
.new_ajaxModelWidth button.close { top: 12px; right: 26px; background: transparent url(../images/v3/close.png) no-repeat scroll center / 15px; width: 25px; height: 25px; display: flex; border-radius: 50%; cursor: pointer; }
.new_ajaxModelWidth button.close:hover { background-position: center; opacity: 0.5; }
.task_info_popup .modal-body { padding: 0; min-height: 150px; }
.modal-backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none; }
.modal-backdrop.in { display: block; }
.new_loader_class { display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; }
.front_pop_model .modal-content { position: relative; }
.front_pop_model .closeModelBtn { border: none; padding: 0; position: absolute; right: 15px !important; }
.v3-pop-body > .tasks-new-box { max-height: calc(100vh - 60px); overflow: auto; }
.v3-pop-body > .v3-new-page.tasks-new-box { max-height: none; overflow: visible; }
.normal_hide { display: none; }
.v3-pop-header > ul > li ul li a { text-decoration: none; }
.v3-pop-header > ul > li hr { display: none; }
.tasks-new-box > ul > li:not(.hide) { display: flex !important; align-items: center; }
.tasks-new-box > ul > li > span { display: flex; align-items: center; height: 24px; min-width: 120px; position: relative; }
/*.tasks-new-box > ul > li > span:nth-child(2) { margin-left: 5px; }*/
.tasks-new-box li .js-task-field-edit-text { display: flex; align-items: center; }
.v3flex-description-list textarea { height: 83px; }
.js-load-more-logs { display: flex; justify-content: center; }
.v3-pop-header h1, .v3-pop-header .js-task-field-edit-input { font-weight: 700 !important; font-size: 26px !important; }
.checklist_form .comment-flex-btn input[type="button"] { margin: 0 !important; }
.existing-form-btn { display: flex; margin: 10px -2.5px 0; }
.existing-form-btn input { margin: 0 2.5px; }
body .pop-header { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #abacad; display: flex; align-items: flex-end; justify-content: space-between; }
body .pop-header h2 { font-size: 26px; font-weight: 700; padding: 0; margin: 0 !important; display: flex; align-items: center; line-height: 1.5; flex-wrap: wrap; }
body .pop-header h2 span { margin-left: 0; font-size: 14px; display: block; width: 100%; font-weight: normal; }
.pop-form-row { display: flex; box-sizing: border-box; margin: 0 -15px; flex-wrap: wrap; }
.pop-form-row > div { padding: 0 15px; width: 100%; margin-bottom: 20px; box-sizing: border-box; display: flex; }
.pop-form-full-wrap { flex-wrap: wrap; }
.pop-form-full-wrap > div { width: 100%; }
.pop-form-half { max-width: 50%; }
.pop-form-three { max-width: 33.33%; }
.pop-form-row > div label { min-width: 135px; max-width: 135px; padding-right: 15px; box-sizing: border-box; padding-top: 4px; font-size: 15px; color: #737373; }
.client-tool-pop > div label { min-width: 190px; max-width: 190px; }
.client-tool-pop > div label.label-width-full, .label-width-full { min-width: 100%; max-width: 100%; }
.pop-form-row > div label.pop-check-label { padding-top: 0; }
.pop-form-tag, .pop-form-half .agents-box-checkbox, .edit-pop-half .agents-box-checkbox { width: calc(100% - 135px); }
.client-tool-edit .pop-form-tag, .pop-form-tag-full .pop-form-tag { width: 100%; position: relative; }
.client-tool-pop .pop-form-tag { width: calc(100% - 190px); }
.pop-form-row-box { margin-top: 20px; }
.pop-form-row-box > div { flex-direction: column; }
.pop-form-row-box > div label { padding: 0 0 10px 0; min-width: 100%; max-width: 100%; }
.questionsFront { display: flex; font-size: 14px; font-weight: 500; margin-left: auto; text-decoration: none; height: 33px; align-items: center; margin-right: 0; border-radius: 2px; white-space: nowrap; background: #109CF1; padding: 0 10px; color: #fff; }
.questionsFront img { margin-left: 6px; width: 10px; }
.include-optional-flex { display: flex; align-items: center; gap: 16px; }
.include-optional-flex .draft-span-container { width: 100%; }
.include-optional-flex .draft-span-container .pop-form-tag { width: 100%; }
.minWidth100 { min-width: 100% !important; max-width: 100% !important; }
.gap5 { gap: 5px; }
.client-tool-pop > .popform-questionpopup label { padding: 0; text-align: left; font-weight: 400; }
.pop-form-row > .popform-questionpopup { margin-bottom: 0; padding: 0; }
.popform-halfrow { gap: 16px; padding: 0 15px; }
.popform-halfrow > div { width: calc(50% - 8px); }
.pop-form-tag input:not([type="radio"], [type="checkbox"]), .pop-form-tag select, .pop-form-tag textarea, .pop-form-tag .cke_textarea_inline, .extra-field-row ul li input { border: 1px solid #e9e9e9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; color: #464646; }
.pop-form-tag input[type="button"], .pop-form-tag input[type="submit"] { width:auto; }
.pop-form-tag input, .pop-form-tag select, .extra-field-row ul li input { height: 36px; }
.pop-form-tag .cke_textarea_inline { overflow: auto; }
.pop-form-tag .cke_textarea_inline ol, .pop-form-tag .cke_textarea_inline ul { margin-left: 15px; }
.journal-img { max-width: calc(100% - 15px); }
.pop-form-tag textarea, .pop-form-tag .cke_textarea_inline { height: 150px; }
.pop-form-submit { margin-bottom: 0 !important; display: flex; justify-content: center; align-content: center; }
.pop-form-submit input[type="submit"], .pop-form-submit input[type="button"], .pop-form-submit button[type="submit"], .pop-form-submit button[type="button"], .btn-submit { background: #109CF1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; }
.pop-form-submit input.btn-secondary { background: #fff; color: #109CF1; border-color: #109CF1; border-width: 2px; }
.pop-form-submit input.light-gray-btn { background: #dcdcdc; color: #464646; font-weight: 400; }
.form-submit-fixed { background: #fff; padding: 16px 24px; border-radius: 0 0 16px 16px; box-shadow: 0px 5px 5px 0px rgba(206,206,206,0.75); -webkit-box-shadow: 0px 5px 5px 0px rgba(206,206,206,0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(206,206,206,0.75); display: flex; justify-content: flex-end; position: sticky; bottom: 0; }
.pop-form-half .agents-box-checkbox label { padding: 0; font-weight: 600; }
.pop-form-half .select2-container, .edit-pop-half .select2-container { width: 100% !important; margin-top: 7px; }
.pop-form-half .select2-container--default .select2-selection--multiple, .pop-form-checkradio label { max-width: none !important; padding-top: 0 !important; }
.edit-pop-half .select2-container--default .select2-selection--multiple { border: 1px solid #e9e9e9; width: 100%; padding: 2px 5px; box-sizing: border-box; border-radius: 4px; background: #fff; }
.edit-pop-row { padding-left: 35px; margin: 0 -15px; display: flex; flex-wrap: wrap; box-sizing: border-box; }
.edit-pop-row > div { padding: 0 15px; width: 100%; box-sizing: border-box; }
.edit-pop-half { max-width: 50%; }
.edit-pop-content { display: flex; align-items: flex-start; margin-bottom: 10px; }
.edit-pop-content > label { margin-right: 8px; white-space: nowrap; font-size: 15px; color: #737373; }
.edit-pop-content .agents-box-checkbox input[type="checkbox"] { margin-right: 4px; }
.edit-pop-content > input { font-weight: 600; padding: 0 3px; border-radius: 4px; border: 1px solid transparent; background: transparent; font-size: 15px; color: #464646; transition: all 0.1s ease-in-out; }
.edit-pop-content > input:hover, .edit-pop-content > input:active, .edit-pop-content > input:focus { background: #fff; border-color: #e9e9e9; }
.edit-pop-content .edit-input-pop { background: #fff; border-color: rgba(0,0,0,0.04); }
.edit-pop-content textarea { padding: 0 3px; border-radius: 4px; border: 1px solid transparent; background: transparent; font-size: 14px; color: #464646; transition: all 0.1s ease-in-out; width: 100%; min-height: 150px; margin-top: 5px; margin-bottom: 10px; }
.edit-pop-content textarea:hover, .edit-pop-content textarea:active, .edit-pop-content textarea:focus { background: #fff; border-color: #e9e9e9; }
.edit-pop-content .agents-box-checkbox label { font-weight: 600; font-size: 15px; }
.edit-pop-btns { display: flex; justify-content: center; }
.edit-pop-btns button, .edit-pop-btns .grey_btn { margin: 0 5px; }
.edit-pop-btns .grey_btn, .edit-pop-btns input.grey_btn, .edit-pop-btns button.grey_btn { background: #464646; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; }
label.customErrorClass, span.customErrorClass { width: 100%; padding: 0; display: block; min-width: 100%; max-width: 100%; margin-top: 1px; font-size: 12px; color: #109CF1; font-weight: normal; }
.required_star { color: #109CF1; }
.pop-header .edit-pop-content { margin: 0; }
.pop-header .edit-pop-content input { font-size: 26px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #464646; }
.second-pop-header { padding: 0 40px 20px 40px; box-sizing: border-box; }
.second-pop-header p { padding-top: 20px; border-top: 1px solid #abacad; }
.name-wrap .name { font-weight: 600; }
.inner-pop-content { padding: 0 30px; }
.inner-pop-content > span { display: block; margin-bottom: 0; font-weight: 600; color: #6a6a6a; }
.inner-pop-content > span br { display: none; }
.inner-pop-content ol { padding: 0 0 0 25px; }
.inner-pop-content ol li { margin-bottom: 4px; }
.inner-pop-content ol li:last-child { margin-bottom: 0; }
.js-embedded-source-eg { display: block; margin-top: 5px; }
.js-embedded-source-eg b { font-weight: normal; }
.pop-right-menu-wrap { display: flex; }
.right-menu-box { width: 250px; box-sizing: border-box; min-width: 250px; padding-left: 30px; }
.right-menu-box ul { background: transparent; border-radius: 4px; position: sticky; top: 50px; }
.tasks-new-box .right-menu-box ul { padding: 45px 15px 0 15px !important; }
.list-page-design .right-menu-box ul { padding: 80px 15px 0 15px !important; }
.right-menu-box h3 { text-align: center; margin-bottom: 30px; font-size: 20px; }
.right-menu-box ul { list-style: none; }
.right-menu-box ul li { margin-bottom: 10px; position: relative; }
.right-menu-box ul li:last-child { margin-bottom: 0; }
.right-menu-box ul li a { display: flex; text-decoration: none; background: rgba(16 156 241 / 15%); height: 57px; align-items: center; border-radius: 5px; color: #323C47; padding: 0 15px; font-weight: 600; letter-spacing: 0.4px; transition: all 0.1s ease-in-out; justify-content: center; }
.right-menu-box ul li a:hover, .right-menu-box ul li .task_action-active { background: #109CF1; color: #fff; }
.pop-labels { display: flex; flex-wrap: wrap; margin: 0 -2.5px 10px -2.5px; }
.pop-labels > label { margin: 0 2.5px 5px 2.5px; color: #fff; padding: 6px 12px; font-size: 14px; border-radius: 3px; }
.pop-content-section p { line-height: 1.5; }
.pop-img { display: flex; justify-content: center; margin: 35px 0; }
.pop-img img { max-width: 100%; border-radius: 10px; }
.pop-content-section textarea { height: 95px; }
.pop-form-right { justify-content: flex-end; margin-top: 10px; }
.pop-content-section { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #abacad; }
.pop-content-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.attachment-section h3 { font-size: 22px; font-weight: 400; margin-bottom: 15px; }
.attachment-box { display: flex; margin-bottom: 10px; }
.attachment-box:last-child { margin-bottom: 0; }
.attachment-view { width: 100px; min-height: 90px; padding: 0 10px; box-sizing: border-box; background: #ececec; display: flex; align-items: center; border-radius: 5px; margin-right: 15px; }
.attachment-view img { width: 100%; }
.attachment-content { display: flex; align-items: center; max-width: calc(100% - 115px); }
.attachment-content > * { width: 100%; }
.attachment-content h4 { color: #737373; font-size: 16px; margin-bottom: 5px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.attachment-content ul { list-style: none; display: flex; margin: 0 -13px; }
.attachment-content ul li { padding: 0 13px; position: relative; }
.attachment-content ul li:before { content: ''; width: 6px; height: 1px; background: #737373; position: absolute; left: -3px; top: 50%; margin-top: -0.5px; }
.attachment-content ul li:first-child:before { display: none; }
.attachment-content ul li a { color: #737373; text-decoration: none; }
.history-section ul { list-style: none; }
.history-section ul li { color: #737373; font-size: 15px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.history-section ul li:last-child { margin-bottom: 0; }
.pop-responsive-menu { padding-bottom: 10px; display: none; }
.pop-responsive-menu img { max-width: 30px; }
.ui-datepicker { z-index: 999 !important; }
.light_grey_btn { background: #edecec !important; color: #333 !important; }
.light-border-btn { border: 1px solid rgba(215, 215, 215, 1); padding: 0 15px; height: 36px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; box-sizing: border-box; border-radius: 3px; color: #363853; text-decoration: none; }
.pop-header-back .js-task-field-edit-text { max-width: none; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.checkbox-flex { display: flex; padding: 0 !important; width: 100%; min-width: 100% !important; max-width: 100% !important; align-items: center; padding-top: 5px !important; }
.checkbox-flex input { width: auto; margin-right: 6px; height: auto; }
body .cs_review_us_popup { padding: 0; }
body .cs_review_us_popup .modal-content { max-width: 100%; height: 100vh; }
body .cs_review_us_popup .modal-content .common_popup_field { height: 100% !important; }
body .cs_review_us_popup .modal-content button.close { top: 0; right: 0 !important; width: 30px; height: 30px; background: #ea505a url('../images/close-white.svg') no-repeat center / 12px; border-radius: 0 !important; display: flex; align-items: center; justify-content: center; }
/*-pop-up-*/
/*-am_popup-*/
body .front_pop_model .am-modal-content { max-width: 720px; }
.am_popup_main { padding: 40px; }
.am_first_box { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.am_first_box > * { padding: 0 15px; }
.am_first_box .profile-img { max-width: 210px; min-width: 210px; box-sizing: border-box; }
.am_first_box .profile-img img { width: 100%; display: block; height: 180px; border-radius: 50%; }
.am_first_box .profile-agent-detail { width: calc(100% - 210px); box-sizing: border-box; }
.am_first_box h1 { font-size: 26px; font-weight: 700; margin-bottom: 0; }
.am_first_box h2 { font-weight: 500; font-size: 16px; margin-bottom: 15px; }
.am_first_box ul { list-style: none; }
.am_first_box ul li { margin-bottom: 5px; display: flex; align-items: center; }
.am_first_box ul li:last-child { margin-bottom: 0; }
.am_first_box ul li a { display: flex; align-items: center; color: #464646; text-decoration: none; }
.am_first_box ul li img { display: block; width: 12px; margin-right: 7px; }
.agent-schedule-call { margin-top: 6px; }
.agent-schedule-call a { color: #727272; text-decoration: none; font-weight: 600; padding: 10px 15px; border: 1px solid #727272; border-radius: 3px; display: inline-block; }
label.table-checkbox { display: inline-flex; align-items: center; }
label.table-checkbox input { display: none; }
label.table-checkbox input + span { width: 18px; height: 18px; border: 2px solid #C2CFE0; box-sizing: border-box; margin-right: 13px; }
.right-flex > label.table-checkbox input + span { margin-right: 7px; }
label.table-checkbox input:checked + span { border-color: transparent; background: #109cf1 url(../images/tick-white.png) no-repeat center / 12px; }
label.cs-team-assign-owner input:checked + span { background-color: #a7a6a6; }
label.table-checkbox input.js-select-all-parent:checked + span { background-color: #74c9fd; }
body .front_pop_model .tabs-modal-content { background: #fff; overflow: auto; }
.tabs-modal-content .am_popup_main { padding: 0; }
.agent-schedule-wrap { display: flex; align-items: center; gap: 8px; margin-top: 8px; ]; flex-wrap: wrap; }
.agent-schedule-wrap .agent-schedule-call { margin: 0; }
.agent-schedule-wrap a, .agent-schedule-wrap span { padding: 4px 8px; font-weight: 500; color: #464646; border: 1px solid #dadbdd; border-radius: 3px; display: inline-block; text-decoration: none; }
.tabs-modal-content .am_first_box { margin: 0; padding: 32px; gap: 30px; }
.tabs-modal-content .am_first_box > * { padding: 0; }
.tabs-modal-content .am_first_box .profile-img { min-width: 180px; max-width: 180px; display: flex; align-items: center; justify-content: center; }
.model-tab-container { padding: 32px; }
.model-tab-btn { border-bottom: 1px solid #dadbdd; padding: 0 32px; }
.model-tab-btn ul { list-style: none; display: flex; align-items: center; }
.model-tab-btn ul li { padding: 0 16px 4px; font-size: 16px; border-bottom: 4px solid transparent; cursor: pointer; }
.model-tab-btn ul li.active { border-color: #109CF1; }
.model-tab-container .agent_detail-second .cs-popup-detail-subheading { margin: 0 0 10px 0; }
.model-tab-container .agent_detail-second { margin: 0; }
#js-agent-detail-popup-dynamic-btn:empty { display: none; }
@media(max-width: 690px) { .am_first_box .profile-agent-detail { display: block; }
 .agent-schedule-call { margin-top: 15px; }
 .popform-halfrow > div { width: 100%; }
 .include-optional-flex { flex-direction: column; } }
@media(max-width: 520px) { .am_popup_main { padding: 20px; }
 .am_first_box { flex-direction: column; align-items: center; }
 .am_first_box .profile-img { max-width: 150px; min-width: 150px; box-sizing: border-box; }
 .am_first_box .profile-img img { height: 120px; width: 120px; }
 .am_first_box .profile-agent-detail { width: 100%; margin-top: 10px; } }
@media(max-width: 390px) { .am_first_box ul li span { overflow: hidden; text-overflow: ellipsis; } }
/*-am_popup-*/
/*-table-grid-*/
.d-flex { display: flex; }
.align-item-center { align-items: center; }
.gap-6 { gap: 6px; }
.flex-wrap { flex-wrap: wrap; }
.gap-15 { display: flex; flex-direction: column; gap: 15px; }
.table-wrap { display: table; width: 100%; border-spacing: 0 0; border-collapse: separate; }
.table-big-gap { border-spacing: 0 0; }
.table-grid { background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0); display: table-row; color: #464646; text-decoration: none; }
.table-grid .table-col-full, .table-grid .table-col-full > * { text-align: left; width: 100%; white-space: normal !important; }
.table-col-flex { display: flex !important; align-items: center; gap: 14px; }
.table-grid .my-network-name { min-width: 250px; width: 250px; }
.table-grid .my-network-email { width: 100%; }
.table-grid .conversation-grid { width: 400px; }
.table-grid .conversation-greenlabel { text-align: left; max-width: 500px; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 24px; }
.table-grid .conversation-greenlabel:before { content: ''; display: inline-block; min-width: 12px; height: 12px; margin-right: 0; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -6px; }
.table-grid .conversation-greenlabel:empty:before { display: none; }
.table-grid > * { font-weight: 600; font-size: 16px; padding: 20px 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; color: #464646; text-decoration: none; text-align: center; }
.table-grid > div small, .table-grid > a small { display: block; font-weight: normal; font-size: 10px; color: #90A0B7; }
.new-filter-drop .table-grid > div small, .new-filter-drop .table-grid > a small { font-size: 12px; white-space: normal; }
.new-filter-drop .table-grid > div, .new-filter-drop .table-grid > a { text-align: left; }
/*.team-table-wrap .table-grid > div small, .team-table-wrap .table-grid > a small { color: #323C47; font-size: 14px; font-weight: 300; }*/
.table-grid > div a { color: #464646; text-decoration: none; }
.table-grid > div a.rounded_link { color: #fff; }
.table-grid > *, .table-grid > div > * { white-space: nowrap; }
.task-name-content > div { white-space: normal; word-break: break-word; }
.table-responsive-section > *, .table-responsive-section > div, .table-responsive-section > div > * { font-size: 18px !important; }
.table-grid > .table-col-first { text-align: left; min-width: 350px; }
.table-grid > .table-col-name { text-align: left; padding-right: 0; }
.table-grid > .table-col-last { text-align: right; }
.table-grid > .journals-date, .table-grid > .light-text { font-weight: normal; font-size: 14px; }
.table-grid > .table-responsive-section, .v3checkbox-list .table-responsive-section { display: none; position: absolute; top: 80%; right: 11px; background: #fff; padding: 15px; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.v3checkbox-list .table-responsive-section { top: 30px; right: 0; }
.table-grid .grid-link { font-weight: 400; font-size: 12px; }
.table-grid .grid-link a, .table-grid a.grid-link, .table-grid .grid-link[onclick], .table-grid .grid-link > *[onclick] { color: #109CF1; }
.v3checkbox-list .table-responsive-btn { position: absolute; right: 11px; }
.v3checkbox-list .table-responsive-section.active { display: block; z-index: 99; }
.v3checkbox-list .table-responsive-section { padding: 12px 15px !important; }
.v3checkbox-list .table-responsive-section a { display: block; font-size: 18px; text-decoration: none; font-weight: 600; color: #464646; text-align: right; margin-bottom: 10px; }
.v3checkbox-list .table-responsive-section a:last-child { margin-bottom: 0; }
.table-grid ul { list-style: none; text-align: left; }
.new_task_row { background: rgba(248, 233, 26, 0.2); }
.table-grid > .table-circle-img { padding: 12px 0 12px 20px; }
.table-circle-img img { display: block; width: 50px; height: 50px; border-radius: 50%; }
.second-heading-wrap { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 15px; }
.second-heading { font-size: 40px; font-weight: 700; }
.notification-wrap { border-spacing: 0 0; }
.label_color_box { padding: 2.5px; display: inline-block; cursor: pointer; }
.label_color_box:hover { opacity: .8; }
.label_color_box > div { height: 25px; width: 100%; border-radius: 3px; display: flex; align-items: center; padding: 0 10px; font-size: 14px; box-sizing: border-box; }
.label_color_box > div span { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.label_color_box > div.active { background-image: url(../images/tick.png); background-position: center center; background-size: 15px auto; background-repeat: no-repeat; }
.v3-new-page .label_color_box > div { height: auto; padding: 3px 10px; }
/*  .v3-new-page .label_color_box > div:empty { display: none; }*/
.existing-form-group .label_color_box { width: 20%; box-sizing: border-box; }
.existing-form-group .label_color_box > div { height: 25px; margin-top: 0; width: 100%; border-radius: 3px; }
.three-overflow > div:nth-child(n+3) { display: none; }
.three-overflow > div:nth-child(3) { display: inline-block !important; position: relative; }
.three-overflow > div:nth-child(n+3) > div { display: none; }
.three-overflow > div:nth-child(3):before { content: '...'; }
.hand-none { cursor: auto !important; }
#new_ajaxResponseDiv .v3-pop-content .label_color_box > div { display: flex; align-items: center; padding: 0 5px; font-size: 14px; }
.v3flex-table-row .task_available_label_container { min-width: 137px; }
.v3flex-table-body-wrap .label_color_box { width: calc(100% - 5px); }
.table-grid-position { box-shadow: 0 0 0 rgba(0,0,0,0); background: transparent; height: 70px; position: relative; }
.table-wrap .table-grid-subheading { height: 22px; }
.table-wrap .table-grid-subheading a { color: #464646; }
.table-grid-second { height: 25px !important; }
.table-grid-position > * { padding: 0 !important; text-align: left; position: relative; display: flex; align-items: center; margin-top: 30px; height: 40px; }
.table-grid-position:first-child > * { margin-top: 0; }
.table-grid-position a { text-decoration: none; }
.table-grid-absolute, .table-grid-position a { display: flex; align-items: center; position: absolute; left: 0; width: 420px; }
.tab-flex-center { display: flex; align-items: center; }
.tab-flex-center img { margin-right: 5px; width: 20px; }
.tab-heading-img { display: flex; margin-left: 0; }
.tab-heading-img img { height: 20px; margin-right: 11px; }
.notification-wrap .table-grid a { display: flex; justify-content: space-between; }
.notification-wrap .table-grid a span:first-child { width: 100%; max-width: 200px; text-align: left; }
.notification-wrap a span b { font-weight: 700; }
.notification-wrap .table-grid a span:nth-child(2) { text-align: left; width: 100%; padding: 0 15px; box-sizing: border-box; }
.notification-wrap .table-grid a span:nth-child(3) { font-weight: normal; font-size: 14px; }
.inner_right_section .task-boxwrap h2 { margin-bottom: 15px; font-size: 22px; }
.table-responsive-btn a img { height: 25px; }
.table-ul { display: flex; }
.table-ul ul li { font-weight: normal; font-size: 14px; }
.table-ul li { font-weight: normal; font-size: 15px; padding: 0 8px; position: relative; }
.table-ul li:before { content: ''; width: 1px; position: absolute; left: 0; bottom: 2px; background: #464646; top: 4px; }
.table-ul li:first-child:before { display: none; }
.task-date { display: none; font-size: 14px; font-weight: normal; }
.table-name-limit { max-width: 0; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.table-grid .table-col-full > .tiles-label-container { white-space: nowrap !important; }
.for-client { display: none !important; }
.table-flex-wrap { display: block; }
.table-flex-wrap > * { display: flex; justify-content: center; margin-bottom: 15px; }
.table-flex-wrap.ui-sortable .ui-state-highlight { display: flex; border: none; }
.table-flex-wrap.ui-sortable .ui-state-highlight:before { width: 100%; }
.table-flex-wrap .table-responsive-btn { height: 61px; display: flex; }
.cs-show-archive-btn { font-size: 15px; line-height: 24px; color: #334D6E; text-decoration: none; border: none; background: transparent; margin-top: 10px; display: inline-block; }
.showArchiveTop { margin-top: 15px; display: inline-block; }
.cs-show-archive-btn.black_txt { font-weight: 600; color: #334D6E; }
.question-answer-grid { box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); display: grid; grid-template-columns: 40% 40% 20%; align-items: center; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; color: #323C47; }
.question-answer-grid > * { padding: 12px 20px 12px 20px; }
.question-answer-grid a { text-decoration: none; }
.question-answer-grid > a { display: flex; align-items: center; color: #323C47; font-size: 16px; }
.question-answer-grid > a > img { width: 50px; height: 50px; border-radius: 50%; }
.question-answer-wrap { display: flex; flex-direction: column; gap: 20px; }
.question-answer-wrap .grid-link { font-size: 12px; font-weight: 400; color: #109CF1; }
span.question-grid-name { margin-left: 20px; display: block; }
span.question-grid-name > span { display: block; font-size: 12px; font-weight: normal; }
.questionanswer-gridheader { display: grid; grid-template-columns: 40% 60%; }
.questionanswer-gridheader > * { padding: 12px; }
.questionanswer-gridheader > div:first-child { padding-left: 90px; }
.full-grid-question { background: #e2f3fd; grid-column: 1 / 4; }
.full-grid-question .pop-form-row { margin: 0; }
/*-table-grid-*/
/*-card-view-start-*/
.card-view-wrap { display: flex; margin: 0 -10px; flex-wrap: wrap; }
.card-view-wrap > * { box-sizing: border-box; padding: 0 10px; width: 25%; }
.card-view-box { border: 2px dashed transparent; background: #fff; box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); padding: 15px; margin-top: 20px; min-height: calc(100% - 50px); }
.sortable-active .card-view-box { border-color: #868686; border-radius: 20px; box-shadow: 0px 0px 18px 0px rgb(16 156 241 / 50%); -webkit-box-shadow: 0px 0px 18px 0px rgb(16 156 241 / 50%); -moz-box-shadow: 0px 0px 18px 0px rgb(16 156 241 / 50%); }
.card-view-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; }
.card-view-body { position: relative; }
.cardview-fileformet { display: flex; height: 175px; justify-content: center; align-items: center; text-decoration: none; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #464646; }
.cardview-headerleft h2 { font-weight: 600; font-size: 18px; color: #323C47; }
.card-view-box a { text-decoration: none; }
.cardview-headerleft p { font-size: 11px; color: #323C47; }
.cardview-header-span { overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; }
.cardview-header-anker { width: calc(100% - 20px); }
.cardview-headerright { color: #109CF1; font-weight: 400; font-size: 14px; padding-left: 10px; padding-top: 4px; display: inline-block; }
.cardview-headerright:first-child { padding-left: 0; }
.card-view-body { position: relative }
.card-view-body .label_color_box { display: flex; flex-wrap: wrap; position: absolute; bottom: 3px; }
.card-view-body .label_color_box > * { width: auto; margin-right: 5px; margin-top: 5px; }
.card-view-footer { display: flex; margin-top: 10px; justify-content: space-between; align-items: center; }
.cardview-link { font-size: 12px; color: #b3b3b3; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cardview-linkicon img { display: block; height: 12px; }
.card-header-flex { display: flex; gap: 8px; align-items: center; }
.card-header-flex a { padding: 0; }
.card-header-flex a img { display: block; }
.card-header-flex .markmake-bth-box a img { margin: 0; }
.card-header-flex .markmake-section a { gap: 6px; }
.card-view-wrap .ui-sortable-placeholder { display: none !important; }
@media(max-width: 1300px) { .card-view-wrap > * { width: 33.33%; } }
@media(max-width: 1199px) { .card-view-wrap > * { width:50%; } }
@media(max-width: 767px) { .card-view-wrap > * { width:100%; }
 .questionanswer-gridheader { display: none; }
 .question-answer-grid { grid-template-columns: 60% 40%; }
 .question-answer-grid > *:first-child, .full-grid-question { grid-column: 1 / 3; } }
/*-card-view-end-*/
/*-select2-*/
.select2-container { width: 100% !important; }
.new-filter-form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li input { height: auto; margin: 0; width: 100% !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #ccc !important; }
/*-select2-*/
.approve-pop { flex-direction: column; }
.client-tool-pop { padding: 0 15px; }
.approve-pop p { margin-bottom: 20px; }
.fullName input { border: none; border-bottom: 1px dashed #000; background: transparent; margin-left: 10px; }
.new-filter-form-group input { box-sizing: border-box; border: 1px solid #bdbdbd; color: #818181; }
.search-filter-dropdown .new-filter-drop { top: 58px; }
.cs-categorie-content-view.cs-cat-active > * { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; background: rgba(0,0,0,0.3); z-index: 999; }
.cs-categorie-content-view.cs-cat-active .new-filter-drop { position: static; margin: auto; }
.new-search-input { display: flex; margin-left: auto; position: relative; }
.new-filter-drop { position: absolute; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 5px #aaa; right: 0; width: 200px; top: 30px; z-index: 999; }
.new-filter-drop:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 15px 7.5px; border-color: transparent transparent #dfdfdf transparent; position: absolute; top: -15px; right: 14px; }
.new-filter-drop { display: none; }
.new-filter-drop.new-filter-active { display: block; }
.new-search-input input[type="search"] { height: 46px; border-radius: 3px; border: 1px solid #E0E0E0; padding: 0 45px 0 15px; background: #fff url(../images/search.svg) no-repeat right 12px center; }
.new-search-input.only-search-bar input[type="search"] { border-radius: 3px; border: 1px solid #E0E0E; }
.search-pop-defalt svg path { fill: #C2CFE0; }
.search-pop-green svg path { fill: #4caf50; }
.new-search-input a { display: flex; border: 1px solid #d7d7d7; justify-content: center; align-items: center; width: 46px; height: 46px; box-sizing: border-box; background: #fff; }
.new-search-input a.new-search-filter { border-radius: 3px; margin-left: 10px; }
.new-search-input a.new-search-close { border-radius: 0 3px 3px 0; }
.new-search-input a img { width: 15px; }
.portal-settings-tab-box .new-search-input { margin-left: 0; }
.portal-settings-tab-box .new-search-input a { width: auto; height: 42px; color: #999; text-decoration: none; border-radius: 3px; padding: 0 16px; }
.portal-settings-tab-box .new-search-input a:hover { color: #fff; }
.portal-settings-tab-box .new-search-input a img { margin-left: 10px; }
.new-filter-drop { position: absolute; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 5px #aaa; right: 0; width: 200px; top: 47px; z-index: 999; }
.new-filter-drop:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 15px 7.5px; border-color: transparent transparent #dfdfdf transparent; position: absolute; top: -15px; right: 14px; }
.new-filter-form-group { margin-bottom: 10px; }
.new-filter-form-group .big-select { width: 100%; }
.new-filter-form-group label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #464646; }
.new-filter-form-group .filter-radio-wrap { padding: 5px 0 5px 20px; }
.new-filter-form-group label.new-filter-radio { margin-bottom: 5px; font-size: 14px; display: flex; align-items: center; }
.new-filter-form-group label.new-filter-radio:last-child { margin-bottom: 0; }
.new-filter-radio input { height: auto; width: auto; margin-right: 10px; }
.new-filter-header h4 { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #d7d7d7; color: #464646; }
.new-filter-form-btn { display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px; }
.new-filter-form-btn input { background: #464646; height: 33px; line-height: normal; border: none; border-radius: 5px; color: #fff; width: 49%; cursor: pointer; }
.new-filter-drop { display: none; }
.new-filter-drop.new-filter-active { display: block; }
.new-filter-form-group .big-select { margin-bottom: 0; }
.new-filter-form-group .big-select .select2-container--default .select2-search--inline .select2-search__field { padding: 0 12px 0 0px; font-size: 14px; background: url(../images/arrow.png) no-repeat right center; }
.new-filter-form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 5px !important; display: block; }
.new-filter-form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; font-size: 14px; padding: 2px 7px !important; box-sizing: border-box; margin-bottom: 2px; }
.new-filter-form-group .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f64e5b; border: 1px solid transparent; color: #fff; }
.new-filter-form-group .select2-container--default .select2-selection--multiple .select2-selection__choice span { color: #fff; }
.new-filter-form-group .big-select .select2-container--default .select2-selection--multiple { border-radius: 5px; }
.big-select select, .big-select input { padding: 7px 10px; height: auto; line-height: 23px; margin-bottom: 0px; width: 100%; }
.big-select input[type="checkbox"], .big-select input[type="radio"] { width: auto; }
.new-search-input select { margin: 0 !important; height: 46px; border-radius: 6px 0 0 6px; border: 1px solid #d7d7d7; padding: 0 15px; border-right: none; background: #fff; min-width: 180px; }
.agent_service_list_li { list-style: none; display: flex; }
.new-search-input .big-select select { border: 1px solid #d7d7d7; border-radius: 6px; }
.btn-forms { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.btn-forms-mar-0 { margin-bottom: 0; }
.btn-forms > a { margin: 0; }
.btn-forms .field-wrap.custom-checkbox-wrep { margin-bottom: 0; float: none; width: auto; }
.form-wrap .btn-forms .custom-checkbox-wrep.field-wrap { margin-bottom: 0; }
.preview-wrap { display: flex; margin-top: 30px; flex-wrap: wrap; justify-content: center; }
.client-tool-preview-wrap { margin-top: 0; }
.preview-wrap h3 { width: 100%; text-align: center; font-size: 30px; margin-bottom: 20px; }
.v3-pop-content .client-tool-preview-wrap h3 { display: block; font-size: 30px; font-size: 20px; text-align: left; }
.preview-box { position: relative; display: block; width: 100%; }
.preview-box img { display: block; width: 100%; }
.preview-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bars-calender ul { list-style: none; margin: 0; padding: 0; display: flex; }
.bars-calender ul li { margin: 0 10px 0 0; }
.bars-calender ul li a { color: #999; display: flex; justify-content: center; align-items: center; width: 46px; border-radius: 3px; }
.bars-calender ul li a:hover, .bars-calender ul li a.active { background: #d5d5d5; }
.bars-calender ul li a svg { width: 25px; display: flex; }
.filter-radio-wrap .label_color_box { padding: 0; width: 100%; margin: 0 0 5px 0; }
.filter-radio-wrap .label_color_box:last-child { margin: 0; }
.filter-radio-wrap .label_color_box > div { height: 28px; }
.filter-radio-wrap .label_color_box > div label { margin: 0; display: flex; align-items: center; }
.filter-radio-wrap .label_color_box > div label input { margin-right: 5px; }
.pop-right-menu-wrap .label_color_box { padding: 2.5px; }
.v3checkbox-list { position: relative; align-items: flex-start !important; }
/*-pagination-*/
.pagination-wrap svg { width: 10px; }
.pagination-wrap { display: flex; justify-content: flex-start; margin-top: 10px; }
.pagination-wrap ul { border: 1px solid #e9e9e9; background: #fff; border-radius: 4px; list-style: none; display: flex; overflow: hidden; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; }
.pagination-wrap ul li { border-left: 1px solid #e9e9e9; }
.pagination-wrap ul li:first-child { border-left: none; }
.pagination-wrap ul li a, .pagination-wrap ul li > span { display: flex; align-items: center; height: 100%; padding: 8px 13px; box-sizing: border-box; font-size: 14px; color: #464646; text-decoration: none; font-weight: 600; }
.pagination-wrap ul li.active a, .pagination-wrap ul li:hover a, .pagination-wrap ul li.active > span, .pagination-wrap ul li:hover > span { color: #fff; background: #109CF1; }
/*-pagination-*/
.pop-form-lead > div { flex-wrap: wrap; }
.pop-form-lead > div .pop-form-tag { width: 100%; min-width: 100%; max-width: 100%; }
.pop-form-lead > div label { width: 100%; max-width: 100%; min-width: 100%; padding: 0 0 6px 0; }
.pop-form-lead .pop-form-tag input, .pop-form-lead .pop-form-tag select { height: 40px; }
.inner_center_section { max-width: 460px; margin: 0 auto; }
.inner_center_section h1 { text-align: center; }
.pop-header-back { display: flex; align-items: center; font-size: 28px !important; margin-bottom: 0 !important; }
.pop-header-back .back-to-btn { display: flex; }
.back-to-btn { color: #464646; text-decoration: none; }
.back-to-btn svg { width: 11px; margin-right: 5px; }
.pop-header-back .back-to-btn svg { width: 25px; }
.right-flex { display: flex; }
.right-flex .edit-pop-btns a { margin: 0; }
.right-flex .edit-pop-btns { margin-left: 15px }
.drag-items-heading { font-size: 18px; margin-bottom: 10px; font-weight: 600; text-align: center; }
.sortable_drag_box > * { font-size: 18px; text-align: left; }
.sortable-div { min-height: calc(100% - 30px); }
.ui-sortable .ui-state-highlight { box-shadow: 0 0 3px rgba(0,0,0,0.1); display: table-row; box-sizing: border-box; }
.ui-sortable .ui-state-highlight:before { content: 'Drop Item Here'; font-size: 18px; font-weight: 600; color: #acacac; text-align: left; padding: 18px 20px; border: 2px dashed #e8e8e8; display: table-cell; }
.v3flex-table-n-description .ui-state-highlight { display: flex; }
.v3flex-table-n-description .ui-state-highlight:before { width: 100%; }
.drag-item-section { max-width: 500px; margin: 0 auto; }
.bars-calender a img { width: 20px; filter: brightness(0) saturate(100%) invert(89%) sepia(14%) saturate(292%) hue-rotate(176deg) brightness(92%) contrast(91%); }
.width-full { width: 100%; }
@media(min-width: 600px) { .ml-auto { margin-left: auto !important; } }
footer { height: 60px; border-top: 1px solid #ddd; background: #fff; padding: 20px 15px; font-size: 14px; font-weight: 600; box-sizing: border-box; box-shadow: 0 0 3px rgba(0,0,0,.1); }
.assigned-created ul { padding: 20px 0 !important; margin: 25px 0 0 0 !important; list-style: none; padding: 20px 25px; border-bottom: 1px solid #abacad; border-top: 1px solid #abacad; }
.assigned-created ul li { margin-bottom: 6px; font-size: 18px; line-height: 1.5; }
.assigned-created ul li:last-child { margin-bottom: 0; }
.load-more-icon { background: url(../images/v3/load-more.png) no-repeat center bottom / 15px auto; display: inline-block; width: auto; height: 18px; margin-top: 5px; opacity: 0.6; font-size: 13px; color: #000; padding-bottom: 10px; }
.agent-task-activities ul { margin: 0 !important; border: none; border-top: 1px solid rgba(0,0,0,0.2); padding: 10px 0 !important; }
.agent-task-activities ul li { margin-bottom: 0; }
.agent-task-activities ul li a { height: auto; display: block; padding: 10px 15px; font-size: 15px; }
.agent-task-activities ul li a span { width: auto; display: inline; margin: 0; }
.agent-activities-contents { display: flex; justify-content: space-between; }
.agent-activities-contents span { white-space: nowrap; max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.agent-activities-contents > * { font-size: 14px; }
.agent-task-activities ul li a p { margin-bottom: 3px; max-height: 64px; overflow: hidden; text-overflow: ellipsis; }
.pop-header-full h2 { width: 100%; }
.pop-header-full .pop-header-content-field { width: calc(100% - 30px); }
.pop-header-full .pop-header-content-field .js-task-field-edit-text { padding: 0 10px; }
.pop-header-full .secondary-heading { justify-content: space-between; }
.pop-header-full .secondary-heading span { width: auto; }
.main-content_bak > .v3-pop-body { padding: 0; }
.left-menu-logo { display: flex; justify-content: center; }
.left-menu-logo .sm-logo { display: none; }
.left-menu-logo img { height: 28px; margin-bottom: 22px; }
a.hide-sidebar-btn { text-align: center; display: flex; align-items: center; justify-content: center; text-decoration: none; position: absolute; bottom: 15px; left: 0; right: 0; }
a.hide-sidebar-btn.js-hide-side-bar-target { position: absolute; }
a.hide-sidebar-btn span { font-size: 13px; font-weight: 600; color: #90A0B7; margin-left: 11px; }
.hide-sidebar-btn span.hide-sidebar { height: 14px; width: 14px; display: block; margin: 0; background: url(../images/icons/new-icon/hide-sidebar.svg) no-repeat center; }
.hide-sidebar-btn:hover svg path { fill: #109cf1; }
.hide-sidebar-btn:hover span.hide-sidebar { background-image: url(../images/icons/new-icon/hide-sidebar-active.svg); }
.hide-sidebar-btn:hover span { color: #109cf1; }
.agent-body header#header, .agent-new-design header#header, .agent-body .wrapper { margin-left: 0; }
.agent-new-design .bur-icon { display: none; }
.agent-new-design header#header { padding: 0 30px; box-sizing: border-box; z-index: 9; }
.agent-new-design #header { background: #fff; border-bottom: 1px solid #EBEFF2; box-sizing: border-box; }
.agent-new-design #header .container { min-height: 44px; box-sizing: border-box; padding: 0 0; }
.agent-new-design .main-content { min-height: calc(100vh - 45px); background-color: #fff; background: url(../images/auth-images/bg.webp) fixed no-repeat 0 0 / cover; padding: 10px 15px; }
.main-content .main-content { background: #f6f6f6; width: calc(100% - 280px); }
.main-content .main-content .nclient-box .v2-carousel-item .other-frames:not(.inline-height) img { height: calc(100vh - 100px); }
.agent-new-design .agent-new-main-content { padding: 30px 20px; }
.agent-new-design .home-main-content { background: url(../images/auth-images/bg.webp) fixed no-repeat 0 0 / cover, url(../images/ellipse1.png) no-repeat right bottom, url(../images/ellipse2.png) no-repeat right top / 150px auto, url(../images/ellipse3.png) no-repeat left bottom / 200px auto; }
.agent-new-design .home-main-content:before { content: 'aw sweeeet'; position: absolute; left: 0; right: 0; bottom: 40px; text-align: center; font-weight: 400; color: #B8B8B8; font-family: 'Chewy', cursive; font-size: 96px; line-height: 125px; }
.agent-new-design .home-main-content .table-grid { position: relative; }
.logo select { width: 284px; margin-left: 126px; font-weight: 400; }
.profile-nav-content span { display: block; }
.profile-nav-content span.profile-nav-small { font-weight: 400; font-size: 12px; margin-top: 2px; }
li.agent-add-client { margin-right: 69px; }
.nav > ul > li.agent-add-client > a { border-bottom: 1px solid #109CF1; box-sizing: border-box; height: 30px; min-width: 115px; display: flex; align-items: center; justify-content: center; padding: 0 5px; margin: 0; }
.nav > ul > li.agent-add-client > a:hover, .nav > ul > li.agent-add-client > a.activ { background: transparent; }
.agent-add-svg { margin-right: 5px; }
.agent-add-svg span { position: relative; }
.agent-add-svg img { display: block; width: 20px; }
.agent-add-svg img.absolute-icon { width: 8px; right: -1px; left: auto; bottom: -5px; }
.agent-add-content { color: #109CF1; font-size: 14px; font-weight: 600; }
.agent-new-row { width: auto !important; margin: 0 -15px; display: flex !important; flex-wrap: wrap; box-sizing: border-box; }
.agent-new-row > div { padding: 0 15px; width: 100%; box-sizing: border-box; }
.agent-new-col-full { max-width: 100%; }
@media(min-width: 768px) { .agent-new-row .owl-carousel { height: 100%; } }
.agent-new-col-8 { max-width: 66.67%; }
.agent-new-col-6 { max-width: 50%; }
.agent-new-col-4 { max-width: 33.33%; }
.agent-new-before .agent-new-section-content { background: transparent; }
.agent-new-before .agent-new-section-content > * { background-color: #fff; }
.agent-new-section-content { padding: 20px; box-sizing: border-box; box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06); border-radius: 5px; min-height: 587px; box-sizing: border-box; height: 100%; align-content: space-between; display: flex; flex-wrap: wrap; background: #fff; }
.agent-new-section-content a { text-decoration: none; }
.agent-new-before .agent-new-section-content { padding: 0; box-shadow: none; }
.agent-new-before .agent-new-section-content > div { box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06); padding: 20px; margin-bottom: 30px; }
.agent-new-before .agent-new-section-content > div:last-child { margin-bottom: 0; }
.agent-new-section-content > * { width: 100%; }
.agent-new-section-content h2 { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 700; font-family: 'Poppins', sans-serif; margin-bottom: 30px; color: #464646; }
.agent-new-section-content h2 span { display: flex; align-items: center; position: relative; min-height: 32px; }
.agent-new-section-content h2 span svg, .agent-new-section-content h2 span img { margin-right: 17px; }
.absolute-icon { position: absolute; bottom: -3px; left: 24px; height: 12px; }
.agent-new-section-img { display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.agent-new-section-img img { max-width: 100%; }
.agent-new-section-content .successbox { background: #f1f1f1; padding: 15px 24px 15px 72px; text-align: center; font-family: Poppins; font-size: 16px; line-height: 24px; color: #463D5A; position: relative; margin-bottom: 20px; display: block; box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.22); }
.agent-new-section-content .successbox-green { background: #e4ffe7; }
.agent-new-section-content .successbox-red { background: #ffe4e4; }
.agent-new-section-content .successbox-orange { background: #fff4e4; }
.agent-new-section-content .successbox.successbox-slim { padding: 10px 24px 10px 24px; }
.agent-new-section-content .successbox:hover { background-color: #fff; border-color: #f1f1f1; }
.agent-new-section-content .successbox-green:hover { border-color: #e4ffe7; }
.agent-new-section-content .successbox-red:hover { border-color: #ffe4e4; }
.agent-new-section-content .successbox-orange:hover { border-color: #fff4e4 }
.successbox.successbox-active { background-color: #B8EBF1; }
.successbox.successbox-active:hover { border-color: transparent; }
.agent-new-section-content .successbox:last-of-type { margin-bottom: 0; }
.agent-new-section-content .successbox svg, .agent-new-section-content .successbox img { position: absolute; left: 34px; top: 50%; margin-top: -10px; }
.agent-new-section-content .successbox img { width: auto; }
.agent-new-section-content .successbox span svg, .agent-new-section-content .successbox span img { margin: 0; position: static; }
.text-box { text-align: center; font-family: Poppins; font-size: 16px; line-height: 24px; color: #463D5A; margin-bottom: 15px; }
.text-box:last-of-type { margin-bottom: 0; }
.agent-new-before .agent-new-section-content h2 { margin-bottom: 15px; }
.profile-avatar { text-align: center; }
.profile-avatar h3 { color: #192A3E; font-weight: 600; font-size: 24px; display: flex; justify-content: center; align-items: center; margin-bottom: 5px; }
.profile-avatar h3 svg { margin-left: 8px; }
.agent-new-knowledge-center { background: url(../images/question-mark.png) no-repeat right 0 / auto 100%; min-height: 265px; box-sizing: border-box; }
.agent-new-section-content h2 a { background: #fff; padding: 7px; border: 1px solid #e7e7e7; border-radius: 4px; }
.agent-new-section-content h2 a img { display: block; width: 20px; }
.agent-new-edit-profile a { display: inline-flex; width: 162px; height: 42px; justify-content: center; align-items: center; background: #109CF1; color: #fff; font-size: 13px; text-decoration: none; font-weight: 600; font-family: 'Poppins', sans-serif; }
.agent-new-progress { display: flex; justify-content: center; align-items: center; margin-bottom: 37px; }
.agent-new-progress-bar { height: 4px; position: relative; width: 155px; margin-right: 8px; }
.agent-new-progress-bar:before { content: ''; background: #C2CFE0; border-radius: 100px; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.agent-new-progress-bar span { content: ''; position: absolute; left: 0; height: 4px; border-radius: 100px; background: #FFB946; }
.agent-new-knowledge-center h3 { text-align: center; margin-top: 28px; color: #192A3E; font-weight: 400; font-size: 20px; line-height: 30px; font-family: 'Poppins'; }
.agent-new-knowledge-center h3 a { color: #45b9ff; text-decoration: none; position: relative; display: inline-block; }
.agent-new-knowledge-center h3 a:before { content: ''; background: #45b9ff; position: absolute; bottom: 1px; width: 100%; height: 1px; }
.agent-new-knowledge-center ul { margin-left: 71px; }
.agent-new-knowledge-center ul li, .agent-new-knowledge-center ul li a { font-size: 16px; line-height: 24px; text-decoration-line: underline; color: #192A3E; font-weight: 400; font-family: Poppins; }
.agent-new-knowledge-center ul li { margin-bottom: 6px; }
.agent-new-knowledge-center ul li:last-child { margin-bottom: 0; }
.owl-carousel .owl-item img { width: auto !important; }
.agent-new-inner-design #header .container, .agent-new-inner-design .container { max-width: 100%; }
.profile-avatar img { width: 100px; height: 100px; border-radius: 50%; }
.profile-avatar-flex { text-align: left; display: flex; align-items: center; }
.profile-avatar-flex .agent-new-progress { margin-bottom: 0; }
.profile-avatar-img img, .profile-avatar-img svg { min-width: 58px; height: 58px; max-width: 58px; }
.profile-avatar-text { width: 100%; padding: 0 15px; }
.profile-avatar-text h3 { font-size: 16px; text-align: left; display: flex; justify-content: flex-start; }
.profile-avatar-text h3 svg { width: 16px; }
.profile-avatar-flex .agent-new-progress { justify-content: flex-start; }
.profile-avatar-flex .agent-new-edit-profile a { width: auto; background: none; color: #888888; padding: 0; }
.profile-avatar-flex .agent-new-edit-profile a img { max-width: 20px; height: auto; border-radius: 0; }
.completed-avatar h3 svg path { fill: #2ed47a; }
.start-avatar h3 svg path { fill: #ff4f4d; }
.completed-avatar .agent-new-progress-bar span { background: #2ed47a; }
.start-avatar .agent-new-progress-bar span { background: #ff4f4d; }
.agent-new-progress p { color: #FFB946; }
.completed-avatar .agent-new-progress p { color: #2ed47a; }
.start-avatar .agent-new-progress p { color: #ff4f4d; }
.positive { color: #2ed47a !important; }
.nagative { color: #ff4f4d !important; }
.text-box span { display: flex; justify-content: center; align-items: center; font-size: 50px; line-height: 75px; font-weight: 700; position: relative; margin: 0 auto; max-width: 220px; }
.text-box span svg, .text-box span img { position: absolute; left: 0; top: auto; width: auto; }
.text-box span img { top: 50%; margin-top: -17px; }
.agent-new-row .owl-stage { padding-left: 0 !important; }
.client-selectdropdown { position: relative; margin-left: 125px; }
.client-selectdropdown > span { font-weight: 600; font-size: 16px; line-height: 24px; color: #323C47; display: inline-block; position: relative; }
.client-selectdropdown > span:before { content: ''; position: absolute; left: 0; right: 0; height: 2px; bottom: -3px; background: #f6685b; }
.client-selectdropdown .new-filter-drop:before { display: none; }
.client-selectdropdown .new-filter-drop { left: 0; right: auto; top: 34px; box-shadow: 0px 0px 18px rgb(0 0 0 / 6%); border-radius: 5px; padding: 15px; }
.client-selectdropdown-body { list-style: none; margin-bottom: 12px; border-bottom: 1px solid #90A0B7; }
.client-selectdropdown-body li { margin-bottom: 5px; }
.client-selectdropdown-body li img { width: 30px; height: 30px; margin-right: 8px; border-radius: 50%; }
.client-selectdropdown-body li a { display: flex; align-items: center; text-decoration: none; padding: 5px; }
.client-selectdropdown-name > * { display: block; }
.client-selectdropdown-name .js-header-client-name { font-weight: 600; font-size: 13px; line-height: 19px; color: #334D6E; }
.client-selectdropdown-name small { font-size: 12px; line-height: 18px; color: #C2CFE0; }
.client-selectdropdown-footer a { display: flex; align-items: center; font-weight: 600; font-size: 13px; line-height: 19px; color: #334D6E; text-decoration: none; margin-bottom: 12px; }
.client-selectdropdown-footer a:last-child { margin-bottom: 0; }
.client-selectdropdown-footer a svg, .client-selectdropdown-footer a img { width: 20px; margin-right: 8px; }
.client-selectdropdown-footer a .add-clients { width: 20px; margin-right: 8px; display: flex; justify-content: center; align-items: center; }
.client-selectdropdown-footer a .add-clients img { width: 14px; margin: 0; }
.client-selectdropdown-body li a.active, .client-selectdropdown-body li a:hover { background: #109CF1; border-radius: 5px; }
.client-selectdropdown-body li a.active span.js-header-client-name, .client-selectdropdown-body li a:hover span.js-header-client-name, .client-selectdropdown-body li a.active small, .client-selectdropdown-body li a:hover small { color: #fff; }
.client-tool-box { display: flex; justify-content: center; margin-top: 40px; }
.client-tool-box img { width: 100%; max-width: 500px; }
.pop-form-radio input[type="radio"] { margin-right: 5px; }
.message-reply-img { margin-left: auto; width: 15px; }
.approved-by-content { display: none; flex-wrap: wrap; border: 1px solid rgba(194, 207, 224, 0.5); border-radius: 5px; margin-top: 10px; overflow: hidden; }
.cs_file_expend .approved-by-content { display: flex; }
.approved-by-content > * { padding: 10px; width: 50%; box-sizing: border-box; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(194, 207, 224, 0.5); margin-bottom: -1px; }
.approved-by-content .approved-by-full { width: 100%; }
.approved-by-content > * strong { font-weight: 600; }
.approved-by-btn { cursor: pointer; display: inline-flex; background: #efefef; width: 18px; height: 18px; border-radius: 50%; justify-content: center; align-items: center; line-height: 0; font-weight: 600; color: #008000; }
.cs_file_expend .approved-by-btn { font-size: 0; }
.cs_file_expend .approved-by-btn:before { content: '-'; font-size: 14px; }
/*--grid-new-design--*/
.table-grid > * { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; color: #323C47; }
.table-grid .tab-flex-center span { color: #334D6E; font-size: 13px; font-weight: 400; }
.table-grid { box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0); -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0); -moz-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0); }
.table-grid:hover { background: #F3F9FF; }
.table-grid > * { border-bottom: 1px solid #efefef; }
.sortable-row .table-grid > * { border-bottom: none; }
.left-menu .table-grid > * { border: none; }
.table-grid:last-child > *, .table-grid-position > * { border-bottom: none; }
.table-grid-position > * { padding: 26px 0 !important; height: auto !important; }
.table-slim, .table-grid-position { box-shadow: none; }
.table-slim { background: transparent; }
.table-slim > * { padding-top: 0; padding-bottom: 0; font-size: 14px; color: #707683; font-family: 'Poppins', sans-serif; font-weight: normal; }
.table-grid-position { height: 60px; }
.table-grid-position > * { margin-top: 0; height: 20px; }
.table-wrap { border-spacing: 0 0; }
.table-grid-absolute, .table-grid-position a { font-size: 20px; color: #798197 !important; font-weight: 600; font-family: 'Poppins', sans-serif; }
.table-grid-absolute.table-grid-selectall { font-size: 14px; color: #676767; font-weight: 500; }
.table-circleimg-content { display: flex; align-items: center; }
.table-circleimg-content img { width: 32px; height: 32px; margin-right: 11px; }
.table-circleimg-content span { font-family: 'Poppins', sans-serif; text-align: left; font-size: 13px; color: #334D6E; font-weight: normal; }
.table-grid .date_wrap { font-size: 13px; font-weight: 400; }
.table-circleimg-content .task_assignee_heading, .date_heading { font-size: 11px; color: #888; display: block; text-align: left; }
.table-grid > .table-circle-img { padding: 12px 20px 12px 20px; }
.three-overflow > div:nth-child(n+3) { display: inline-block; }
.three-overflow > div:nth-child(n+4) { display: inline-block; }
.three-overflow > div:nth-child(3) { display: inline-block !important; position: relative; }
.three-overflow > div:nth-child(4) { display: inline-block !important; position: relative; }
.three-overflow > div:nth-child(n+3) > div { display: flex; }
.three-overflow > div:nth-child(n+4) > div { display: none; }
.three-overflow > div:nth-child(3):before { display: none; }
.three-overflow > div:nth-child(4):before { content: '...'; }
.table-action-icons { display: flex; align-items: center; margin: 0 -10px; }
.table-action-icons > * { display: flex; padding: 0 10px; align-items: center; }
.tab-flex-center svg { margin-right: 7px; }
.tab-flex-center .size14 { width: 14px; margin-right: 7px; }
.table-responsive-section > *, .table-responsive-section > div, .table-responsive-section > div > * { font-size: 14px !important; }
.space-flex { display: flex; justify-content: space-between; align-items: center; }
.space-flex .new-search-input { margin-left: 0; }
.client-portal-optionsbox .new-search-design input[type="search"] { display: none; }
.client-portal-optionsbox .bars-calender { margin: 0; }
.new-search-design a, .new-search-design .bars-calender ul li a { margin: 0 !important; width: 42px; height: 42px; border-radius: 3px; }
.new-search-design .bars-calender ul li { margin: 0 0 0 10px; }
.new-search-design .bars-calender ul li:first-child { margin: 0; }
.new-search-design input[type="search"] { height: 42px; }
.new-search-input > * { margin-left: 15px; }
.new-search-input > .bars-left-auto { margin-left: auto; }
.new-search-input > *:first-child { margin-left: 0; }
.new-search-design input[type="search"], .new-search-input .bars-calender ul li a, .new-search-input a { border-color: #e0e0e0 !important; }
.new-search-input .bars-calender ul li a:hover, .new-search-input .bars-calender ul li a.active, .new-search-input a:hover, .new-search-input a.active { background: #109cf1; border-color: transparent; color: #fff; }
.new-search-input ul li a.search-pop-green, .new-search-input a.search-pop-green { border-color: #4caf50 !important; }
.new-search-input .bars-calender ul li a:hover img, .new-search-input .bars-calender ul li a.active img, .new-search-input a:hover img, .new-search-input a.active img { filter: brightness(0) invert(1); }
.new-search-input .bars-calender ul li a:hover svg path, .new-search-input .bars-calender ul li a.active svg path, .new-search-input a:hover svg path, .new-search-input a.active svg path { fill: #fff !important; }
.rightmenu-separator { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0 -15px; }
.search-filter-dropdown { position: relative; }
a.new-com-btn { padding: 0 40px; height: 40px; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; display: flex; align-items: center; }
a.new-com-btn span.btn-icon { font-size: 26px; margin-right: 7px; }
.space-bottom { margin-bottom: 15px; }
.ok-tab path { fill: #28a745; }
.cancel-tab path { fill: #c82333; }
.search-bar-with-btn { position: relative; }
.new-search-input .search-bar-with-btn input[type="search"] { background-image: none; }
.search-bar-with-btn a { border: none; padding: 0; height: auto; background: none; position: absolute; top: 0; right: 0; bottom: 0; width: 45px; }
.search-bar-with-btn a img { width: 18px; }
.search-bar-with-btn a:hover { background: transparent; }
.search-bar-with-btn a:hover img { filter: none; }
@media(max-width: 680px) { .space-flex { flex-wrap: wrap; }
 a.new-com-btn { width: 100%; justify-content: center; margin-top: 12px; }
 .space-flex .new-search-input { width: 100%; }
 .new-search-input input[type="search"] { width: 100%; }
 .new-search-input > *, .new-search-input > .bars-left-auto { margin-left: 8px; }
 .new-search-design .bars-calender ul li { margin: 0 0 0 8px; }
 .new-search-design .bars-calender ul li:first-child { margin: 0; } }
/*--grid-new-design--*/
/*--new-client-portal-design--*/
.cp-header-flex { justify-content: flex-start; }
.cp-header-flex > .account-access-btn { margin-right: 15px; }
.client-portal-optionsbox > .account-access-btn { margin-right: 10px; }
.portal-options-link { min-width: 1px; width: auto !important; padding: 0 10px 0 16px; color: #979797; font-size: 12px; text-decoration: none; }
.portal-options-link img { margin-left: 15px; }
.portal-options-link:hover { color: #fff; }
.client-portal-wrapper .table-grid-position { box-shadow: none; }
.client-portal-wrapper .table-grid-absolute { font-size: 24px; color: #000 !important; font-weight: normal; }
.no-category-view-heading h3 { display: none; }
.list-page-design .task_left_container .no-category-view-heading { display: none; }
.client-portal-wrapper .js-embedded-row { display: flex; margin: 10px -15px 0 -15px; }
.client-portal-wrapper .js-embedded-row.new-main-content { margin: 0 0 0 -15px; padding: 0 15px 0px 0; }
.client-portal-wrapper .js-embedded-row > * { padding: 0 15px; width: 100%; }
.cs-portal-preview-dashboard-visible .cs_portal_setting_left_tab .js-embedded-row > * { padding-right: 0; }
.client-portal-wrapper .js-embedded-row > .table-wrap { display: block; }
.client-portal-wrapper .js-embedded-row .client-portal-right { max-width: 75%; }
.client-portal-right > h2 { font-weight: 600; font-size: 20px; line-height: 24px; color: #3A3A3A; margin: 18px 0 8px 0; text-align: center; letter-spacing: 0.4px; }
.client-portal-content { box-shadow: 0 0 5px rgb(0 0 0 / 20%); }
.client-portal-right .container { padding: 0 !important; }
.client-portal-right .hide-sidebar-btn { pointer-events: none; }
.client-portal-linklist { display: flex; align-items: center; }
.client-portal-linklist > * { margin-left: 15px; display: flex; align-items: center; }
.client-portal-linklist > *:first-child { margin-left: 0; }
.client-portal-linklist img { display: block; height: 18px; }
.question-icon-wrap { position: relative; }
.has-question { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #2CC660; border: 2px solid #fff; top: -6px; right: -6px; }
.client-approved { display: inline-block; width: 15px; height: 15px; background: url(../images/icons/new-icon/client-not-approved.svg) no-repeat center; margin-left: 5px; }
.client-approved.active { background-image: url(../images/icons/new-icon/client-approved.svg); }
.client-portal-wrapper .table-grid { border-radius: 0; }
.client-portal-wrapper .table-grid > * { padding: 20px 15px; }
.table-grid-relative { position: relative; }
.copied-clipboard { position: absolute; top: 0; padding: 1px 7px !important; right: 0; font-size: 10px; background: #00a884; color: #fff; border-radius: 0 0 0 7px; }
.client-portal-wrapper .table-grid img { display: block; }
.client-portal-wrapper .table-grid:hover { background: #F3F9FF; }
.client-portal-wrapper .table-grid.table-grid-position:hover { background: transparent; }
.client-portal-wrapper header#header.client-header { z-index: 1; }
.client-portal-wrapper .height-fix { max-width: 100% !important; }
.popform-checkbox input { display: none; }
.popform-checkbox .popform-checkbox-span { background: transparent; width: 40px; display: inline-block; border-radius: 15px; height: 16px; position: relative; cursor: pointer; border: 2px solid #AFAFAF; padding: 0; }
.popform-checkbox-text { background: #AFAFAF; display: inline-flex; border-radius: 50%; position: absolute; top: 50%; left: 2px; height: 12px; padding: 0; align-items: center; margin-top: -6px; color: #fff; transition: ease-in-out 0.5s all; font-size: 0; width: 12px !important; !i;!;padding: 0 !important; !i;!;}

.popform-checkbox input:checked + .popform-checkbox-span .popform-checkbox-text { background: #109CF1; left: auto; right: 2px; }
.popform-checkbox input:checked + .popform-checkbox-span { border-color: #109CF1; }
.popform-checkbox input + .popform-checkbox-span .popform-checkbox-text:before { content: 'No'; }
.popform-checkbox input:checked + .popform-checkbox-span .popform-checkbox-text:before { content: 'Yes'; }
@media(min-width: 680px) { .client-portal-optionsbox .bars-calender ul li a.resportal-options-link { font-size:0; padding: 0 10px 0 10px; }
 .client-portal-optionsbox .bars-calender ul li a.resportal-options-link img { margin: 0; } }
@media(max-width: 1199px) { .client-portal-right { display: none; }
 .client-portal-wrapper .js-embedded-row > .table-wrap { max-width: 100%; width: 100%; } }
@media(max-width: 680px) { .cp-header-flex > .account-access-btn { margin-right: 0; margin-bottom: 15px; margin-top: 0; }
 /*  .client-portal-optionsbox a.new-com-btn { width: auto; margin: 0 10px 0 0; padding: 0 22px; }*/ .client-portal-optionsbox.space-flex .new-search-input, .client-portal-optionsbox .bars-calender, .client-portal-optionsbox .bars-calender ul, .client-portal-optionsbox .bars-calender ul li, .client-portal-optionsbox .bars-calender ul li a { width: 100%; }
 .client-portal-optionsbox .bars-calender ul li a { white-space: nowrap; }
 .client-portal-optionsbox .bars-calender ul li.search-filter-dropdown { min-width: 42px; }
 .client-portal-optionsbox .portal-options-link { padding: 0 6px; }
 .client-portal-optionsbox .portal-options-link img { margin-left: 5px; }
 /*.portal-options-link { font-size: 0; padding: 0; width: 42px !important; } .portal-options-link img { margin: 0; }*/ .nMobileHeader .mobileHide { display: none; }
 .nMobileHeader { flex-wrap: nowrap; }
 .nMobileHeader .account-access-btn { margin: 0 15px 0 0; padding: 0; width: 100%; max-width: 42px; }
 .nMobileHeader .account-access-btn span.btn-icon { margin: 0; }
 .approved-by-content > * { width: 100%; }
 .client-portal-wrapper .js-embedded-row.new-main-content { margin: 0 -15px; padding: 0; } }
/*--new-client-portal-design--*/
/*--new-filter-design--*/
.new-filter-design { position: relative; }
.new-filter-design .new-filter-drop { border-radius: 0; box-shadow: 0 0 13px rgb(0 0 0 / 15%); }
.new-filter-design .new-search-input, .new-filter-design .search-filter-dropdown { position: static; }
.new-filter-design .new-search-filter { position: relative; }
.new-filter-design .new-filter-drop { left: 0; right: auto; max-width: 1010px; width: 100%; box-sizing: border-box; }
.new-filter-calander .new-filter-drop { width: auto; min-width: 330px; }
.new-filter-design .search-pop-active.new-search-filter:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 15px 7.5px; border-color: transparent transparent #dfdfdf transparent; position: absolute; top: auto; right: auto; bottom: -17px; }
.new-filter-design .new-filter-drop:before { display: none; }
.new-filter-design .filter-radio-wrap { padding-left: 0; }
.new-filter-design .new-filter-body { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.new-filter-design .new-filter-body > * { width: 20%; padding: 0 10px; box-sizing: border-box; }
.new-filter-design.new-filter-design-3column .new-filter-body > * { width: 33.33%; }
.new-filter-design .new-filter-body > *.new-filter-form-full { width: 100%; }
.new-filter-design .new-filter-form-flex { display: flex; margin: 0 -5px 15px; }
.new-filter-design .new-filter-form-flex > * { padding: 0 5px; width: 50%; }
.new-filter-design .new-filter-form-flex label { font-size: 14px; color: #737373; margin-bottom: 5px; display: block; }
.new-filter-design .new-search-design .big-select select { border: 1px solid #e9e9e9; padding: 2px 10px; border-radius: 4px; font-size: 14px; color: #464646; }
.new-filter-design .new-filter-body .new-filter-form-btn { width: 100%; display: flex; justify-content: flex-end; margin: 0; }
.new-filter-design .new-filter-body .new-filter-form-btn input { width: auto; padding: 0 20px; height: 34px; }
.new-filter-design .new-filter-header h4 { margin-bottom: 20px; padding-bottom: 10px; border-bottom: none; color: #000; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 24px; position: relative; }
.new-filter-design .new-filter-header h4:before { content: ''; position: absolute; height: 1px; background: #109CF1; width: 100%; max-width: 250px; bottom: 0; }
.new-filter-design .common-scroll-div-300px { max-height: 190px; overflow: auto; scrollbar-width: thin; }
.new-filter-design .common-scroll-div-300px::-webkit-scrollbar { width: 8px; height: 8px; }
.new-filter-design .common-scroll-div-300px::-webkit-scrollbar-track { background: #f1f1f1; }
.new-filter-design .common-scroll-div-300px::-webkit-scrollbar-thumb { background: #ccc; }
.new-filter-design .common-scroll-div-300px::-webkit-scrollbar-thumb:hover { background: #bdbdbd; }
.new-filter-design .new-filter-radio input { display: none; }
.new-filter-design .new-filter-radio input[type="radio"] + span { width: 16px; height: 16px; display: flex; margin-right: 10px; border: 1px solid #C2CFE0; border-radius: 50%; justify-content: center; align-items: center; }
.new-filter-design .new-filter-radio input[type="radio"]:checked + span:before { content: ''; width: 12px; height: 12px; background: #109CF1; display: block; border-radius: 50%; }
.new-filter-design .new-filter-radio input[type="checkbox"] + span { width: 16px; height: 16px; display: flex; margin-right: 10px; border: 1px solid #C2CFE0; justify-content: center; align-items: center; }
.new-filter-design .new-filter-radio input[type="checkbox"]:checked + span { border-color: transparent; background: #109cf1 url(../images/tick-white.png) no-repeat center / 12px; }
.new-filter-design .new-filter-form-group label { font-weight: 400; margin-bottom: 10px; color: #000; font-family: 'Poppins', sans-serif; }
.new-filter-design .new-filter-assigned:after { content: ''; width: 10px; box-sizing: border-box; border: 2px solid #109cf1; -ms-transform: rotate(56deg); transform: rotate(44deg); border-top: none; border-left: none; margin-top: -5px; height: 10px; margin-left: 9px; }
.new-filter-design .new-search-input select { height: 38px; box-sizing: border-box; border-right: 1px solid #d7d7d7; border-radius: 5px; }
.applied-filters { margin-top: 13px; display: flex; align-items: center; flex-wrap: wrap; }
.applied-filters h2 { color: #364e6e; }
.applied-filters > * { margin: 3px 10px 3px 0; font-size: 15px; }
.applied-filters > *:last-child { margin-right: 0; }
.applied-filters .task-filter-apply-box { background: #fff; padding: 7px 10px; font-size: 14px; border-radius: 100px; }
.applied-filters .task-filter-apply-box b { font-weight: normal; color: #109CF1; }
@media(max-width: 1100px) { .new-filter-design .new-filter-body > *, .new-filter-design.new-filter-design-3column .new-filter-body > * { width: 50%; }
 .new-filter-design .new-filter-body .new-filter-form-btn { width: 100%; }
 .table-circle-width { min-width: 1px !important; } }
@media(max-width: 767px) { .new-filter-calander .new-filter-drop { min-width: 100%; }
 .table-action-icons { flex-direction: column; }
 .tab-flex-center svg { margin: 2px 0; }
 .table-grid .conversation-greenlabel { background: transparent !important; } }
@media(max-width: 680px) { .new-filter-design .new-filter-body > * , .new-filter-design.new-filter-design-3column .new-filter-body > * { width: 100%; }
 .new-filter-design .new-filter-form-flex { margin: 0 0 15px; flex-wrap: wrap; }
 .new-filter-design .new-filter-form-flex > * { padding: 0 0; width: 100%; } }
/*--new-filter-design--*/
/*-add Client New CSS-*/
.btn-flex { display: flex; margin: 0 -5px; }
.btn-flex > * { margin: 0 5px; }
.cl-individual-box { margin: 0 auto 30px auto; }
.cl-individual-box .pop-form-tag { width: 100%; position: relative; }
.clindividual-contactemail > div { position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); line-height: 0; }
.clindividual-contactemail > div img { width: 20px; }
.pop-form-add-contact { text-align: left; margin-top: 20px; }
.pop-form-add-contact .pop-form-tag input { height: auto !important; width: auto; margin-right: 4px; }
.pop-form-tadio-contact { display: flex; justify-content: center; margin-top: 15px; }
.cl-individual-box .pop-form-tag > label { margin: 0 0 5px 0; display: block; text-align: left; }
.pop-form-tadio-contact label { display: inline-flex; align-items: center; }
.individual-business-content { min-height: calc(100vh - 45px); box-sizing: border-box; display: flex; flex-wrap: wrap; background: url(../images/auth-images/bg.webp) #fff fixed no-repeat 0 0 / cover; padding: 15px; }
.individual-business-container { margin: auto; }
.individual-business-wrap { width: 530px; background: #fff; padding: 50px 35px; box-shadow: 0px 4px 20px rgb(0 0 0 / 5%); border-radius: 25px; box-sizing: border-box; }
.individual-business-wrap h2 { margin-bottom: 25px; font-size: 30px; font-weight: 600; text-align: center; }
.individual-business-wrap h3 { font-size: 22px; font-weight: 600; text-align: center; }
.pop-form-add-contact h3 { font-size: 18px; }
.individual-business-btns { gap: 25px; }
.individual-business-btns > input[type="button"] { background: #329ef2; letter-spacing: 0.5px; font-size: 22px; font-weight: 600; padding: 13px 45px; border-radius: 8px; }
.cl-individual-box .pop-form-tag input { border: none; background: #EAF0F7; border-radius: 10px; height: 60px; padding: 0 20px; color: #4F555A; font-weight: 400; font-size: 16px; letter-spacing: 1.2px; }
.individual-business-submit input[type="submit"] { background: #329ef2; letter-spacing: 0.5px; font-size: 22px; font-weight: 600; padding: 13px 45px; border-radius: 8px; width: 100%; }
.individual-business-wrap .ndesign-form-row .ndesign-form-content { max-width: 400px; min-width: 1px; margin: 0 auto; }
.pop-form-tadio-contact label input { display: none; }
.pop-form-tadio-contact label span { display: flex; align-items: center; font-size: 16px; color: #667085; }
.pop-form-tadio-contact label span:before { content: ''; width: 25px; height: 25px; border: 1px solid #667085; border-radius: 50%; margin-right: 15px }
.pop-form-tadio-contact label input:checked + span:before { background: #329ef2; border-color: transparent; }
/*-add Client New CSS-*/
.questions-contaner-wrap { display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px; }
.questions-contaner-col { display: flex; justify-content: space-between; box-sizing: border-box; background: #eef7fe; padding: 15px 20px; border-radius: 10px; font-weight: 600; }
.questions-contaner-col a { display: flex; align-items: center; color: #109CF1; text-decoration: none; }
.questions-contaner-col a img { width: 14px; margin-right: 6px; }
.questions-contaner-list { flex-wrap: wrap; }
.questions-contaner-box { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 10px; }
.questions-contaner-options { display: flex; align-items: center; width: 100%; margin-top: 5px; }
.questions-contaner-options input { width: auto; height: auto; margin-right: 5px; }
.questions-contaner-flex { align-items: flex-start; }
.questions-contaner-flex input { margin-top: 5px; }
.invite-email { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; }
.invite-email > input { max-width: 300px; }
.question-popup-field { background: #fff; }
.modal-body .question-popup-field .tasks-new-box .pop-header { border: none; padding: 0; text-align: center; justify-content: center; }
.pop-form-full-wrap label { font-weight: 600; }
.pop-form-tag input.inputBlue { background: #e2f3fd; border-color: transparent; }
.professional-agency-switch { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 36px; }
.professional-agency-switch input { display: none; }
.professional-agency-switch label { margin-bottom: 10px; border: 1px solid #109CF1; border-radius: 200px; display: flex; overflow: hidden; }
.professional-agency-switch label span { border-radius: 200px; cursor: pointer; padding: 0 24px; height: 50px; display: flex; align-items: center; color: #192A3E; font-weight: 700; font-size: 16px; }
.professional-agency-switch input:checked ~ .agency-monthly { background: #109CF1; color: #fff; }
.professional-agency-switch input:checked ~ .agency-yearly { background: transparent; color: #192A3E; }
.professional-agency-switch input ~ .agency-yearly { background: #109CF1; color: #fff; }
.professional-agency-switch p { color: #252525; font-size: 14px; }
.save-coupon-form { max-width: 33.33%; margin: 0 auto 30px; display: flex; gap: 15px; }
.save-coupon-form .pop-form-tag { width: 100%; }
.save-coupon-form input[type="submit"] { background: #fff; color: #109cf1; font-weight: 600; padding: 0 12px; border-radius: 3px; border: 1px solid #e9e9e9; }
.save-coupon-form input[type="submit"]:hover { color: #109cf1; background: transparent; border-color: #109cf1; }
.edit-delete { display: flex; gap: 10px; }
.upload-file-popup a { display: inline-flex; margin: 0; text-align: center; align-items: center; justify-content: center; border: 1px dashed #109CF1; padding: 6px 12px; border-radius: 5px; }
.upload-file-popup a img { width: 12px !important; margin-right: 3px; }
.or-div { text-align: center; font-weight: 600; color: #4d4d4d; position: relative; min-width: 120px; margin: 10px auto; }
.or-div:before { content: ''; background: #4d4d4d; height: 2px; top: 50%; left: 0; right: 0; margin-left: -1px; position: absolute; }
.or-div span { display: inline-block; color: #4d4d4d; background: #fff; padding: 0 5px; position: relative; }
.upload-file-popup { margin-top: 12px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.upload-file-popup form.normal_hide { display: none; }
.upload-file-popup form { display: flex; align-items: flex-start; justify-content: center; width: 100%; margin: 8px auto 0; }
.upload-file-popup form .pop-form-tag { width: 100%; margin-right: 10px; }
.upload-file-popup form .pop-form-tag input { height: 38px; }
/*body .wg-default,
body .wg-default .country-selector { bottom: 10px; }
body .wg-default .wg-drop.country-selector a { font-size: 14px; padding-left: 28px; font-weight: 500; }
body .wg-drop.country-selector .wgcurrent { border: none; background: #FFFFFF; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25); border-radius: 80px; min-width: 160px; min-height: 37px; font-weight: 500; }
body .wg-drop.weg-openup ul { bottom: 48px; }
body .wg-drop.country-selector ul { border: none; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25); border-radius: 15px; }*/
.agent_notification_page { position: relative; z-index: 1; }
.client-pagination-wrap { display: flex; padding: 25px 25px 0 25px; align-items: center; }
.client-pagination-box { padding-top: 10px; }
.client-pagination-list { display: flex; gap: 5px; flex-wrap: wrap; }
.client-pagination-list > a { display: flex; width: auto; height: 26px; justify-content: center; align-items: center; background: #d7d7d7; text-decoration: none; color: #000; border-radius: 3px; padding: 0 10px; box-sizing: border-box; }
.client-pagination-list > a.green_txt { color: #fff !important; background: #129af1; }
.client-pagination-wrap .client-pagination-addbtn { margin-left: 5px; text-decoration: none; font-weight: 500; color: #888; white-space: nowrap; background: transparent; width: auto; }
.clientportal-pagination-wrap { padding: 3.5px 7px; justify-content: flex-start; margin-left: auto; border-radius: 3px; margin-bottom: 10px; }
.wg-default { display: none !important; }
.weglot-li-container { display: flex; justify-content: center; }
.weglot-li-container .weglot-container { width: 100%; }
.weglot-li-container .weglot-container > * { width: 100%; }
.weglot-li-container .wg-drop.country-selector .wgcurrent { border: none; background: transparent; }
.weglot-li-container .wg-drop.country-selector a { width: 100% !important; }
.weglot-li-container .wg-drop.country-selector .wgcurrent a { width: auto !important; }
.slide-profile-menu .weglot-li-container .weglot-container { max-width: 150px; border: 1px solid #ccc; border-radius: 50px; }
.slide-profile-menu .wg-drop.country-selector { border-radius: 50px; }
.tableau-map { position: relative; }
/*.cs-view-txt-mode-position { position: sticky; bottom: 0; }*/
.cs-txt-mode-with-text.text-with-iframe { min-height: calc(50vh - 160px); }
.cs-txt-mode-with-text.text-with-iframe.cs_text_len_under_400 { min-height: calc(50vh - 280px); }
.cs-txt-mode-with-text.text-with-iframe.cs_text_len_under_200 { min-height: calc(50vh - 300px); }
.cs-txt-mode-with-text.text-with-iframe .js-client-multi-view-page-result { height: calc(100% - 40px); overflow: auto; margin: 0; }
.text-with-no-iframe { height: auto; }
.clienttool-question-section { margin-top: 10px; }
.clienttool-question-section .form-group { margin-bottom: 10px; }
.clienttool-question-section label { text-align: left; display: block; margin-bottom: 4px; font-weight: 500; }
.js-task-field-edit-parent .js-task-field-edit-text.input-form-control,
.js-task-field-edit-parent .js-task-field-edit-text.textarea-form-control { min-height: 54.4px; text-align: left; padding: 16px; font-size: 14px; border-radius: 12px; background: #fff; border: 1px solid rgb(229, 231, 235); width: 100%; box-sizing: border-box; }
.js-task-field-edit-parent .js-task-field-edit-text.textarea-form-control { min-height: 75px; }
.form-group-flex-row { display: flex; flex-wrap: wrap; gap: 15px; }
.form-group-flex-row > .form-group { width: 100%; display: flex; }
.pop-form-row > div .custom-radio-btn, .custom-radio-btn, .pop-form-row > div .custom-checkbox-btn, .custom-checkbox-btn { overflow: hidden; cursor: pointer; max-width: 36px; min-width: 36px; padding: 0; background: #fff; border: 1px solid #e9e9e9; border-right: none; border-radius: 4px 0 0 4px; position: relative; align-items: center; justify-content: center; display: inline-flex; }
.pop-form-row > div .custom-radio-btn input + span, .custom-radio-btn input + span { position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px; display: none; }
.pop-form-row > div .custom-checkbox-btn input + span, .custom-checkbox-btn input + span { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; }
.pop-form-row > div .custom-radio-btn input:checked + span, .custom-radio-btn input:checked + span { background: #129af1; }
.pop-form-row > div .custom-checkbox-btn input:checked + span, .custom-checkbox-btn input:checked + span { background: url(../images/icons/new-icon/ok-white.svg) #129af1 no-repeat center; }
.custom-radio-btn input, .custom-checkbox-btn input { /*display: none;*/ width: auto; height: auto; }
.form-group-flex-row .col-sm-10 { display: flex; width: 100%; position: relative; }
.form-group-flex-row .col-sm-10 input { border-radius: 0 4px 4px 0; }
.form-group-flex-row .btn-box-tool { border: none; background: none; color: #dc3545; font-weight: 600; position: absolute; right: 10px; font-size: 22px; top: 0; bottom: 0; display: flex; align-items: center; line-height: 0; }
.n-tabs-design-wrap { gap: 10px; }
.n-tabs-design { display: flex; align-items: center; background: #F4F7FB; border-radius: 4px; gap: 7px; padding: 6px 10px; }
.n-tabs-design img { display: block; }
.n-tabs-design .js-view-tab-name { min-width: 100px; font-size: 14px; max-width: 200px; word-break: break-all; }
.n-tabs-design > .hide { display: block !important; visibility: hidden; }
.n-tabs-design:hover > .hide, .n-tabs-design.green_txt > .markmake-bth-box, .n-tabs-design.green_txt > .sortabledrag-dragsec { visibility: visible; }
.n-tabs-design.green_txt { background: #109cf1; }
.n-tabs-design.green_txt > .sortabledrag-dragsec img, .n-tabs-design.green_txt .markmake-btn img { filter: brightness(0) invert(1); }
.n-tabs-design.green_txt .js-view-tab-name { color: #fff; }
.js-active-view-tab .js-view-tab-name { background-color: #363853; }
.n-tabs-design .markmake-btn { cursor: pointer; }
.n-tabs-design .markmake-section.markmake-active { display: flex; align-items: center; }
.n-tabs-design .markmake-section img { height: 14px; }
.n-tabs-design .markmake-section a { margin: 0; padding: 0 6px; border-left: 2px solid #ccc; }
.n-tabs-design .markmake-section a:first-child { border-left: none; }
.n-tabs-design .markmake-section { padding: 6px; }
.table-grid-none { display: none; }
.table-wrap .table-wrap { margin-top: 0; }
.v3flex-table-description h3.checklist-sort { justify-content: space-between; }
@media(min-width: 986px) { .agent-new-inner-design .wrapper { margin-left: 280px; }
 .agent-new-inner-design .wrapper.cs-view-user-container { margin-left: 0px; }
 #header .container { justify-content: space-between; }
 .small-left-menu .left-menu-logo img { display: none; }
 .small-left-menu .left-menu-logo img.sm-logo { display: block; }
 .small-left-menu .left-menu-select { display: none; }
 .small-left-menu .left-menu { padding: 15px; width: 70px; }
 .small-left-menu .left-menu ul li a { font-size: 0; justify-content: center; }
 .small-left-menu .left-menu ul li a span { margin-right: 0; }
 .small-left-menu .left-menu ul li a svg { margin-right: 0; }
 .small-left-menu .nclient-client-account { margin-bottom: 15px; }
 .small-left-menu .hide-on-slide { display: none; }
 .agent-new-design.small-left-menu .client-portal-content .hide-on-slide { display: block; }
 .agent-new-inner-design.small-left-menu .wrapper { margin-left: 70px; }
 .slide-profile-login { padding: 20px 30px; }
 .slide-profile-menu ul li a { padding: 0 46px; } }
@media(max-width: 1440px) { .table-grid > .table-col-first { text-align: left; min-width: 230px; } }
@media(max-width: 1250px) { .table-grid > * { padding: 20px 15px; }
 .table-grid .conversation-greenlabel { text-align: left; max-width: 250px; } }
@media(max-width: 1150px) { .table-grid > * { padding: 20px 10px; }
 .form-flex-row { flex-direction: column; } }
@media(min-width: 1101px) { .table-grid .table-responsive-btn { display: none; } }
@media(max-width: 1100px) { .responsive-hide { display: none !important; }
 .task-date { display: block; }
 .password-grid > div.password-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
 .table-grid > .table-responsive-section.active { display: block; z-index: 99; }
 .table-grid { position: relative; }
 .table-grid > .table-responsive-btn { padding: 0; }
 .table-grid > .table-responsive-btn a { padding: 0 15px; }
 .table-flex-wrap .table-responsive-btn a { padding-right: 35px; }
 .table-responsive-section > div { padding: 0; text-align: right; font-size: 15px; margin-bottom: 10px; }
 .table-responsive-section > div:last-child { margin-bottom: 0; }
 .table-responsive-btn a { display: flex; align-items: center; }
 .table-wrap .pop-labels { padding-bottom: 10px; flex-wrap: nowrap; overflow: auto; }
 .table-wrap .pop-labels > label { white-space: nowrap; }
 .pop-responsive-menu { padding: 10px 0; display: flex; min-width: 100px; justify-content: flex-end; }
 .table-grid > .table-col-first { min-width: 1px; width: auto; white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
 .table-grid > .table-col-first small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .table-grid > *, .table-grid > div > * { white-space: normal; }
 .table-wrap .label_color_box > div { width: 10px; border-radius: 50%; padding: 0; font-size: 0; height: 10px; }
 /*.three-overflow > div:nth-child(3):before { height: 10px; display: block; line-height: 0; }*/ .tiles-label-container { display: flex; }
 .table-grid > .table-circle-img { padding: 12px 0 12px 12px; }
 .table-grid > * { padding: 20px 10px; }
 .table-grid > .table-col-name { white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
 .table-grid > .task-name-limit { width: 100%; }
 .table-grid > .table-col-name > * { width: 100%; word-break: break-all; }
 .table-responsive-section > div.light-text { font-weight: normal; }
 .notification-wrap .table-responsive-btn { width: 27px; padding: 0 10px; }
 .notification-wrap .table-responsive-section a { display: block; }
 .notification-wrap .table-responsive-section div:last-child a { font-size: 14px; font-weight: normal; }
 .table-res-full { width: 100% !important; }
 .table-action-icons { margin: 0 -2px; }
 .table-action-icons > * { padding: 0 2px; } }
@media(max-width: 985px) { .left-menu { left: -280px; z-index: 99; }
 .hide-left-menu .left-menu { left: 0px; }
 .wrapper, header#header { margin-left: 0; }
 .hide-left-menu .wrapper { margin-left: 0; }
 .v3-pop-body > .tasks-new-box { max-height: 100vh; }
 #new_ajazResponseModel { width: auto !important; padding: 0 !important; left: 0; right: 0; bottom: 0; }
 body .front_pop_model .modal-content { max-width: 100%; }
 body .front_pop_model .modal-dialog { height: 100vh; }
 body .front_pop_model .modal-content { margin: 0; border-radius: 0; }
 .left-menu { position: fixed; height: 100vh; top: 0; }
 .left-menu-overlay { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9; display: none; height: 100vh; }
 .left-menu-overlay.active { display: block; }
 .left-menu { padding: 15px; }
 .left-menu ul li a { height: auto; }
 .left-menu ul li a, .left-menu ul li > span { font-size: 12px; padding: 8px 0; }
 .left-menu ul li.divider-line { margin-left: -15px; margin-right: -15px; }
 .inner-pop-content { padding: 0 15px; }
 a.hide-sidebar-btn { display: none; }
 li.profile-nav span { display: none; }
 .agent-new-col-8 { max-width: 100%; }
 .agent-new-before:before { display: none; }
 .agent-new-col-4 { max-width: 100%; }
 .logo select { margin-left: 15px; }
 li.agent-add-client { margin-right: 10px; }
 li.profile-nav .profile-nav-content span { display: block; }
 .agent-new-inner-design a.bur-icon { display: block; margin-left: 20px; }
 .client-selectdropdown { position: relative; margin-left: 25px; }
 .agent-new-before { margin-top: 30px; }
 .questionsFront { font-size: 0; }
 .questionsFront:before { content: '?'; font-size: 14px; }
 .pop-header-back { font-size: 18px !important; }
 .agent-new-design .tasks-new-design.main-content { padding-left: 5px; padding-right: 5px; } }
@media(min-width: 768px) { .agent-new-design .small-logo { display: none; }
 .client-selectdropdown > span svg { display: none; } }
@media(max-width: 767px) { .main-logo-small { display: none; }
 .pop-form-half, .pop-form-three { max-width: 100%; }
 a.btn-comred { padding: 0; }
 a.btn-comred span.btn-icon { width: 38px; }
 a.btn-comred span.btn-content { display: none; }
 .pop-form-row > div { display: block; }
 .pop-form-row > div label { display: block; padding: 0 0 5px 0; }
 .client-tool-pop .pop-form-tag, .pop-form-tag, .pop-form-half .agents-box-checkbox, .edit-pop-half .agents-box-checkbox { width: 100%; }
 .v3-pop-content { padding: 25px; }
 .edit-pop-row { padding-left: 0; }
 .edit-pop-half { max-width: 100%; }
 body .pop-header h2 { flex-wrap: wrap; }
 body .pop-header h2 span { margin-left: 0; display: block; width: 100%; }
 .table-description span { display: none; }
 .tab-flex-center img { margin-right: 0; width: 15px; }
 .table-grid > .table-description { padding: 20px 10px; }
 .table-grid > .table-col-name { max-width: 90px; }
 .table-grid > .task-name-limit { max-width: 185px; }
 .btn-forms { flex-wrap: wrap; }
 .btn-forms > * { width: 100%; }
 .btn-forms h1 { margin-bottom: 10px; }
 .new-search-input { margin-left: 0; }
 .right-flex { flex-wrap: wrap; justify-content: center; }
 .right-flex-left { justify-content: flex-start; }
 .right-flex .edit-pop-btns { margin-left: 0; width: 100%; margin-top: 10px; justify-content: right; }
 .assigned-created ul li { margin-bottom: 15px; font-size: 15px; }
 .slide-profile-menu ul li a { height: 40px; }
 .agent-new-col-6 { max-width: 100%; }
 .agent-new-owl { margin: 0; }
 .agent-new-owl > div { padding: 0; }
 .agent-new-row .owl-nav { display: none; }
 .agent-new-row .owl-dots { margin: 15px 0 28px 0; }
 .owl-theme .owl-dots .owl-dot span { width: 20px !important; height: 20px !important; background: #C2CFE0 !important; }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #F04F59 !important; }
 .agent-new-design header#header { padding: 0 15px; position: relative; }
 .main-logo { position: absolute; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; text-align: left !important; right: auto !important; }
 .main-logo { display: block !important; white-space: nowrap; overflow: hidden; max-width: 150px; text-overflow: ellipsis; }
 .agent-new-design #header .container { min-height: 1px; padding: 0 0; }
 .agent-add-content { display: none; }
 .agent-add-svg { margin-right: 0; }
 .nav > ul > li.agent-add-client > a { height: 33px; width: 42px; padding: 0; background: #109CF1; min-width: 1px; }
 .agent-add-svg img { display: block; /*filter: brightness(0) invert(1);*/ }
 .agent-new-design .main-content { min-height: calc(100vh - 183px); }
 .agent-new-design .main-logo img { height: 33px; }
 .agent-new-design .main-logo img.common-logo { height: 26px; }
 .agent-new-design .logo .main-logo { display: none !important; }
 .client-selectdropdown { margin-left: 0; }
 .client-selectdropdown > span { font-size: 0; display: flex; align-items: center; }
 .client-selectdropdown > span:before { display: none; }
 .client-selectdropdown > span svg:last-child { margin-left: 8px; }
 .client-selectdropdown > span.active svg:last-child { transform: rotate(180deg); }
 .profile-nav-content { display: none; }
 .agent-new-inner-design a.bur-icon { margin-left: 0; }
 .nav > ul > li.agent-add-client { position: absolute; left: 0; margin: 0; }
 .nav > ul > li.agent-add-client a { box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24); border-radius: 2px; }
 .btn-forms-second > * { width: auto; text-align: left; }
 .btn-forms-second h1 { margin-bottom: 0; }
 .logo { min-width: 34px; }
 .btn-forms-flex { justify-content: space-between; flex-wrap: nowrap; }
 .btn-forms-flex > * { width: auto; }
 /*  .table-grid .conversation-grid small { display: inline; }*/ .table-grid .conversation-grid { width: 100%; }
 .table-grid .conversation-greenlabel { max-width: none; position: absolute; right: 50px; left: 8px; display: block; padding: 0 0 0 17px; bottom: 17px; font-weight: normal; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .v-check { display: none; }
 .individual-business-container { margin: 0; width: 100%; }
 .individual-business-wrap { width: 100%; padding: 15px 15px; }
 .individual-business-wrap h2 { margin-bottom: 15px; font-size: 32px; }
 .individual-business-btns > input[type="button"] { font-size: 18px; padding: 10px 20px; }
 .new-model-input label { font-size: 14px; display: flex; padding: 6px 0 0 0 !important; width: 100% !important; }
 .agent-new-design .home-main-content:before { display: none; }
 .agent-new-design .home-main-content:after { content: 'aw sweeeet'; position: static; font-weight: 400; color: #B8B8B8; font-family: 'Chewy', cursive; font-size: 64px; line-height: 1; text-align: center; width: 100%; display: block; }
 .agent-new-design .home-main-content { background: url(../images/auth-images/bg.webp) fixed no-repeat 0 0 / cover, url(../images/ellipse1.png) no-repeat right bottom / 100px auto, url(../images/ellipse2.png) no-repeat right top / 80px auto, url(../images/ellipse3.png) no-repeat left bottom / 90px auto; }
 .save-coupon-form { max-width: 100%; }
 .form-group-flex-row { gap: 0 15px; }
 .form-group-flex-row > .form-group { width: 100%; }
 .client-pagination-wrap { flex-wrap: wrap; gap: 6px; padding: 10px 10px 0 10px; }
 .client-pagination-list { flex-wrap: nowrap; overflow: auto; align-items: center; }
 .client-pagination-list > a { white-space: nowrap; }
 .client-pagination-list.ui-sortable { overflow: visible; flex-wrap: wrap; }
 .new-model-ul li .new-model-input:nth-child(2) { width: calc(100% - 22px); margin: 0 0 10px 0; padding-right: 0; }
 .new-model-ul li { flex-wrap: wrap; }
 .new-model-ul li .new-model-input:nth-child(2) input { width: 100%; max-width: none; }
 .new-model-ul li .new-model-input.new-model-input-flex { width: 100%; margin: 0; padding-left: 0; }
 .new-model-ul li .new-model-input.new-model-input-flex label { max-width: 100px; margin-left: 20px; padding-top: 0 !important; } }
@media(max-width: 600px) { .inner_right_section h1 { font-size: 24px; }
 .second-heading { font-size: 24px; }
 .second-heading-wrap { flex-wrap: wrap; }
 .second-heading { width: 100%; margin-bottom: 8px; }
 .table-circle-img img, .v3flex-table-description .table-circle-width img { width: 40px; height: 40px; }
 .main-content { padding: 5px; } }
@media(max-width: 480px) { #header .container { padding: 0 15px; }
 .bur-icon { margin-right: 10px; }
 .main-logo img { height: 34px; }
 .nav ul .profile-nav > a img { width: 40px; height: 40px; }
 .nav > ul > li > a { padding: 0 8px; }
 .table-grid-absolute, .table-grid-position a { width: 280px; }
 .table-grid > .task-name-limit { max-width: 150px; } }
@media(max-width: 420px) { .table-grid > .task-name-limit, .client-table-wrap .table-grid > .task-name-limit { max-width: 137px; }
 .table-grid > .table-col-label, .client-table-wrap .table-grid > .table-col-label { padding-left: 5px; padding-right: 5px; } }
.noti_unread { background: #eaeaea; /*box-shadow: 0 2px 2px #d3d3d3;*/ }
.agent-new-not-read .noti_unread { background: #f7f7f7; }
.opacity_1 { opacity: 0.1; }
.opacity_7 { opacity: 0.7; }
.opacity_4 { opacity: 0.5; }
.disabled_tier_option, .opacity_3 { opacity: 0.3; }
.disabled_tier_option a:hover { opacity: 1; background-color: #181b18 !important }
.disabled_client_option { opacity: 0.7; }
.pop-header-back .disabled_client_option { opacity: 1; }
.disabled_client_option a:hover { opacity: 1; background-color: #181b18 !important }
.size_10 { font-size: 10px; }
.size_16 { font-size: 16px; }
@media(min-width: 768px) { .pop-header-back .js-task-field-edit-text { max-width: none; } }
.font_14 { font-size: 14px; }
.js-copy-clipboard-btn.green_txt { background: #cfeecf; }
.task_loader { position: relative; }
.task_loader:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5) url(../images/new_loader.png) no-repeat center / 28px; min-height: 30px; z-index: 99; }
.pop-right-menu-wrap .pop-header-back, .pop-right-menu-wrap .pop-header-back > div { width: 100%; }
.center-div-last { margin-bottom: 0 !important; }
a.font-samibold { font-weight: 600; }
.pop-labels-flex { display: flex; justify-content: space-between; margin-bottom: 10px; }
.pop-labels-flex .pop-labels { margin-block: 0; }

.pop-labels-flex .pop-label-btn { color: #334D6E; display: flex; align-items: center; text-decoration: none; font-weight: 600; }
.pop-labels-flex .pop-label-btn svg { margin-right: 8px; }
.assign-members-wrap { position: relative; }
.messagebox-wrap { padding: 30px; }
.message_history_container { max-height: calc(100vh - 371px); overflow: auto; margin: 0 -15px 20px; min-height: calc(100vh - 500px); }
.messagebox-wrap .sub-pop-content { padding: 0; background: transparent; margin-bottom: 20px; padding: 0 15px; }
.messagebox-wrap .sub-pop-content:last-child { margin-bottom: 0; }
.messagebox-wrap .sub-pop-content .name-wrap { margin-bottom: 4px; justify-content: flex-start; }
.messagebox-wrap .sub-pop-content .name-wrap .name { font-size: 14px; padding-right: 5px; }
.messagebox-wrap .sub-pop-content .name-wrap .date { font-weight: 300; font-size: 12px; }
.messagebox-wrap .sub-pop-content .circle-img { width: 30px; height: 30px; margin: 0 5px 0 0; }
.messagebox-wrap .sub-pop-content .circle-img img { border-radius: 50%; max-width: 100%; height: auto; }
.messagebox-wrap .msg-box { background: #F8F8F8; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07); border-radius: 6px; padding: 10px; margin: 0 0 0 35px; color: #5E5E5E; }
.messagebox-wrap .pop-form-row { background: #F8F8F8; border-radius: 6px; position: relative; padding: 10px; display: flex; justify-content: space-between; align-items: center; margin: 0; }
.replay-message-box { background: #F8F8F8; z-index: 9; border-radius: 6px 6px 0 0; position: relative; padding: 10px; margin-bottom: -8px; display: flex; justify-content: space-between; align-items: center; }
.msg-box .replay-message-box { margin: 0 0 7px 0; padding: 0; }
.message-reply-clear { padding-left: 15px; width: 15px; opacity: 0.6; }
.messagebox-wrap .pop-form-row .pop-form-full { padding: 0 87px 0 0; width: 100%; margin: 0; }
.messagebox-wrap .pop-form-row .pop-form-full .pop-form-tag { width: 100%; }
.messagebox-wrap .pop-form-row .pop-form-full textarea { height: 130px; border: 0 none; background-color: transparent; padding: 0; margin: 0; /*resize:none;*/ width: 100% !important; }
.messagebox-wrap .pop-form-row .pop-form-submit { position: absolute; right: 10px; top: 10px; width: auto; padding: 0; flex-direction: column; }
.messagebox-wrap .pop-form-row .pop-form-submit input[type="submit"] { background: #109CF1; color: #fff; }
.popform-attachicon { width: 20px; margin: 10px auto 0; }
.popform-attachicon img { width: 100%; display: block; }
.messagebox-wrap .pop-form-submit .attachment_display_box { margin-top: 10px; height: 80px; width: 100%; position: relative; }
.messagebox-wrap .attachment_display_box .popform-times { position: absolute; top: 5px; right: 5px; }
.messagebox-wrap .attachment_display_box .popform-times img { width: 13px; display: block; height: 13px; }
.client-search { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 8px 25px 0; }
.client-search .client-box { display: flex; flex-wrap: wrap; align-items: center; padding: 5px 10px; border-radius: 5px; border: 1px solid transparent; background: rgba(16, 156, 241, 0.24); }
.client-search .client-box svg path { fill: #334D6E; }
span.clent-text { color: #334D6E; margin-left: 7px; }
.client-search .client-box .client-img-box { display: flex; flex-wrap: wrap; align-items: center; margin: 0 15px 0 0px; }
.client-search .client-box .client-img-box span { display: block; border-radius: 50%; margin-right: -8px; position: relative; z-index: 3; }
.client-search .client-box .client-img-box span:nth-child(2) { margin-right: -8px; z-index: 2 ; }
.client-search .client-box .client-img-box span:nth-child(3) { z-index: 1; }
.client-search .client-box .client-img-box span img { display: block; border-radius: 50%; }
.pop-header-ul .search-box input, .client-search .search-box input { background: #F7F7F7 url(../images/search.svg) no-repeat right 10px center / 15px auto; border: 0 none; padding: 8px 33px 8px 10px; border-radius: 5px; }
.holo-wrap { position: relative; }
.holo-wrap-flex { display: flex; align-items: center; }
.holo-wrap .holo { width: 32px; height: 12px; position: absolute; left: -16px; border: 3px solid #eab45e; border-radius: 50%; -ms-transform: rotate(-20deg); transform: rotate(-20deg); box-sizing: border-box; top: -6px; }
.list-page-design .holo-wrap .holo { left: 0; top: 16px; }
.list-page-design .edit-pop-content .holo-wrap .holo { top: -4px; left: -11px; }
.holo-wrap-blue .holo { border: 3px solid #109CF1; }
.table-circle-img + .holo-wrap .holo { left: -68px; }
.js-task-field-edit-parent.holo-wrap .holo { top: -5px; left: -12px; }
.tasks-new-box > ul > li:nth-child(2n+1) { padding-right: 5px; }
.tasks-new-box > ul > li:nth-child(2n+2) { padding-left: 5px; }
.tasks-new-design .pop-header { align-items: center; }
.tasks-new-design ul.pop-header-ul { padding-left: 15px; }
.tasks-new-design ul.pop-header-ul li a { display: flex; align-items: center; }
.tasks-new-design a.btn-comred { min-width: 147px; justify-content: center; padding: 0; margin-bottom: 31px !important; min-height: 41.6px; align-items: center; box-sizing: border-box; }
.tasks-new-design a.btn-comred span { font-weight: normal; }
.task_left_container a.btn-comred { display: inline-flex; margin-bottom: 14px; }
.task_left_container .table-grid { min-height: 56px; }
.v3-new-page { padding: 0; }
.markmake-flex { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; padding-left: 0; min-height: 33px; }
.markmake-flex-center { justify-content: center; margin: 30px 0 0 0; padding: 0; }
.markmake-jc-end { justify-content: flex-end; }
.markmake-flex a, .markmake-flex button, .markmake-flex .link-btn, .markmake-bth-box a { display: flex; align-items: center; font-size: 14px; color: #888; font-weight: 600; text-decoration: none; background: none; border: none; }
.markmake-flex button { white-space: nowrap; }
.markmake-flex .markmake-setting { padding: 4px 16px; background: #e5e7eb; border-radius: 20px; }
.link-btn { gap: 5px; }
.link-btn .popform-checkbox, .link-btn .popform-checkbox label { display: flex; }
.markmake-flex-center .make-btn-middle, .make-btn-middle { text-decoration: underline !important; }
.make-btn-demo-client { margin-top: 15px !important; }
.markmake-flex a img, .markmake-flex button img, .markmake-flex a svg, .markmake-flex button svg, .markmake-bth-box a img { margin-right: 8px; }
.markmake-flex .pop-labels, .markmake-flex .client-search { padding: 0; margin: 0; }
a.mark-btn { padding: 5px 15px; border: 1px solid #e1e1e1; border-radius: 5px; font-weight: normal; }
a.mark-btn.mark-active { background: #26FB6E1A; color: #009B35; border-color: transparent; }
a.mark-btn.mark-active svg path { fill: #009B35; }
.markmake-flex-full { padding-left: 0; }
.markmake-flex-full > * { width: 100%; justify-content: space-between; }
body .list-page-design .pop-header, .tasks-new-box .pop-header { border: none; margin-bottom: 0; }
.tasks-new-design .pop-header { padding: 7px 23px 7px 23px; }
.modal-body .tasks-new-box .pop-header { margin-bottom: 25px; border-bottom: 1px solid #abacad; }
.npop-wrap { background: #fff; border-radius: 0 10px 10px 10px; box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%); margin-bottom: 25px; }
.tasks-new-design .npop-wrap { border-radius: 10px; }
.npop-wrap .task_available_label_container { margin: 0; padding: 3px 25px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); }
.ul-svg-icons { margin-right: 5px; }
.npop-wrap .js-task-edit-desciption .js-task-field-edit-text, .npop-wrap .edit-field-wrap .js-task-field-edit-text, .npop-wrap .edit-field-wrap > input { padding: 5px 10px !important; }
.npop-wrap .edit-field-wrap > input { border: 1px solid #e9e9e9; border-radius: 4px; }
.npop-wrap .js-task-edit-desciption .icon-edit-active:before, .npop-wrap .edit-field-wrap .icon-edit-active:before { display: none; }
.npop-wrap h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 500; color: #323C47; font-family: 'Poppins', sans-serif !important; }
.npop-wrap .js-task-edit-desciption, .npop-wrap .edit-field-wrap { padding: 25px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); }
.npop-wrap .js-task-edit-desciption > div, .npop-wrap .edit-field-wrap > div, .npop-wrap .edit-field-wrap > input { margin-left: 25px !important; }
.three-dots { padding-left: 20px; }
.npop-wrap .v3flex-table-description { padding: 25px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); }
.npop-wrap .attachments-list { margin-left: 25px; }
.npop-wrap .assigned-created ul { margin: 0 !important; list-style: none; padding: 25px !important; border: none; }
.npop-wrap .assigned-created ul li { margin-bottom: 15px; font-size: 14px; font-weight: 400; color: #90A0B7; }
.npop-wrap .assigned-created ul li span.u-info-span { font-weight: 500; color: #464646 !important; }
.list-page-design .right-menu-box, .tasks-new-box .right-menu-box { padding-left: 0; }
.task_available_label_container .label-span { font-weight: 600; color: #323C47; font-size: 15px; margin-right: 25px; }
.js-task-edit-desciption .js-task-field-edit-input { max-width: 100%; box-sizing: border-box; width: auto; }
.ul-svg-icons + span { padding-left: 14px; }
/*-newpop-page-*/
.icon-edit-active { min-height: 20px; }
.icon-edit-active:before { content: ''; background: url(../images/v3/edit.png) no-repeat 2px center / auto 15px; min-width: 20px; height: 15px; display: inline-block; }
.right-menu-box { order: 2; }
.pop-left { box-sizing: border-box; width: 100%; max-width: calc(100% - 250px); }
.pop-header-ul { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; }
.pop-header-ul li { margin-left: 15px; }
.pop-header-ul li:first-child { margin-left: 0; }
.pop-header-ul li.responsive-dots { display: none; }
.pop-header-ul li.responsive-dots img { width: 30px; }
.pop-header-ul li.responsive-dots a { display: flex; align-items: center; height: 38px; }
@media(max-width: 767px) { .right-menu-overlay { background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9; }
 .right-menu-overlay.active { display: block; }
 .pop-right-menu-wrap { flex-wrap: wrap; }
 .pop-right-menu-wrap .pop-body { width: 100%; padding-right: 0; order: 2; }
 .pop-right-menu-wrap .right-menu-box { order: 1; width: 100%; z-index: 9; }
 .pop-right-menu-wrap .right-menu-box.active { right: 0; }
 .right-menu-box { z-index: 2; }
 .pop-left { max-width: 100%; padding-right: 0; order: 1; }
 .right-menu-box ul { border-radius: 0; height: 100%; box-sizing: border-box; overflow: auto; position: fixed; right: -220px; width: 100%; max-width: 220px; top: 0; bottom: 60px; transition: all 0.1s ease-in-out; background: #fff; padding: 15px !important; }
 .right-menu-box.active ul { right: 0; }
 .new-filter-color { box-sizing: border-box; padding: 10px; }
 .existing-labels-input { box-sizing: border-box; width: 100%; }
 .pop-header-ul li.responsive-dots { display: block; padding-left: 15px; }
 .message_history_container { max-height: none; }
 .fixing-responsive { padding: 10px 30px 40px 30px; position: fixed; left: 9px; right: 9px; bottom: 0; background: #fff; z-index: 9; }
 .message_history_container { margin: 0 -15px 100px; }
 .history-container-replay-message { margin-bottom: 180px; } }
/*-newpop-page-*/
.brac-span:empty { display: none; }
.brac-span:before { content: '('; }
.brac-span:after { content: ')'; }
.ntasks-btns ul { padding: 18px 25px 0 !important; display: flex; flex-wrap: wrap; margin: 0 0 -7px -15px !important; align-items: center; }
.ntasks-btns-new ul { list-style: none; padding: 18px 25px 0 0 !important; margin: 27px 0 -7px 0 !important; border-top: 1px solid rgba(194, 207, 224, 0.5); }
.ntasks-btns ul li { list-style: none; margin-left: 30px; position: relative; margin-bottom: 7px; }
.ntasks-btns ul li .new-filter-drop { top: 30px; left: 0; right: auto; }
.ntasks-btns ul li button { font-size: 15px; border: none; background: none; }
.ntasks-btns ul li a, .ntasks-btns ul li button { display: flex; align-items: center; text-decoration: none; color: #888; }
.ntasks-btns ul li a span, .ntasks-btns ul li button span { white-space: nowrap; }
.ntasks-btns ul li a svg, .ntasks-btns ul li button svg, .ntasks-btns ul li a img, .ntasks-btns ul li button img { margin-right: 12px; }
.ntasks-btns ul li a img { max-width: 16px; max-height: 16px; }
.ntasks-btns ul li a svg path, .ntasks-btns ul li button svg path { fill: #888; }
.ntasks-btns .yellow_tr { background: transparent; }
.ntasks-btns .yellow_tr a { padding: 3px 6px; border-radius: 4px; }
.minimized-span { display: none; }
.tasks-new-box > ul > li > span .new-filter-drop { top: 34px; }
.table-grid-active { background: /*linear-gradient(0deg, rgba(16, 156, 241, 0.15), rgba(16, 156, 241, 0.15)), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF*/#eee; box-shadow: none; }
.kpop-wrap { padding: 25px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); }
.kpop-wrap:last-child { border-bottom: none; }
.npop-wrap .edit-pop-content, .npop-wrap .edit-pop-content input { width: 100%; }
.make-flex { display: inline-flex; align-items: center; }
.make-flex > * { margin-left: 10px; }
.make-flex > *:first-child { margin-left: 0; }
.v3-pop-header > ul > li ul { position: relative; padding: 15px 20px; background: #fff; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.85); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.85); }
.v3-pop-header > ul > li ul li { white-space: nowrap; margin-bottom: 5px; }
.v3-pop-header > ul > li ul li:last-child { margin-bottom: 0; }
.v3-pop-header > ul > li ul li a { color: #323232; font-size: 16px; }
.npop-wrap .tasks-new-box > ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 20px 0; }
.npop-wrap .tasks-new-box > ul > li { width: 50%; padding: 0 25px; box-sizing: border-box; font-size: 15px; margin-bottom: 0; border-bottom: 1px solid rgba(194, 207, 224, 0.5); min-height: 42px; font-weight: 500; color: #323C47; }
.npop-wrap .tasks-new-box > ul > li.full-size { width: 100%; }
.npop-wrap .tasks-new-box > ul > li span { font-weight: 600; }
.npop-wrap .tasks-new-box > ul > li.assign-li { margin-bottom: 0; }
.npop-wrap .tasks-new-box > ul > li.assign-li .js-task-field-edit-parent { position: relative; }
.npop-wrap .tasks-new-box > ul > li .js-task-field-edit-parent, .dis-flex { display: flex; align-items: center; }
.npop-wrap .tasks-new-box > ul > li.embeded-parent-li { align-items: flex-start; padding-top: 5px; }
.embeded-wrap { flex-wrap: wrap; width: 100%; }
.embeded-wrap input { border: 1px solid #e9e9e9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; }
.embeded-wrap .word-limiter { margin-top: 3px; }
.npop-wrap .tasks-new-box > ul { margin: 0; }
.ul-space-between li { justify-content: space-between; }
.ul-space-between li .pop-form-tag { width: auto; }
ul.ul-space-between li .pop-form-tag > * { height: 29px; padding: 2px 10px; max-width: none; }
.gray-input input { background: #f4f4f4; border-color: transparent; margin-bottom: 10px; }
.kpop-wrap .button-add-an-item { float: none !important; }
.kpop-wrap .create-btn-container { max-width: 300px; }
.npop-wrap .ul-space-between .js-task-field-edit-text, .npop-wrap .ul-space-between select { height: 29px; padding: 2px 10px; width: auto; min-width: 69px; box-sizing: border-box; }
.child-templates a { display: flex; align-items: center; color: #323C47; font-size: 14px; font-weight: 600; text-decoration: none; margin-bottom: 8px; }
.child-templates a:last-child { margin-bottom: 0; }
.child-templates a svg, .child-templates a img { margin-right: 8px; }
.npop-wrap h3 { font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 21px; justify-content: flex-start; }
.show-all-side-list { width: 100%; display: inline-flex !important; height: 40px; min-height: 1px !important; padding: 0 0; border-radius: 6px; background: transparent; box-sizing: 0px 0px 18px 0px rgb(0 0 0 / 0) !important; -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0%) !important; -moz-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0) !important; }
.show-all-side-list > span { min-width: 1px !important; max-width: none !important; padding: 0 !important; color: #109cf1 !important; }
.word-limiter, .word-limiter * { word-wrap: break-word; }
.log-comment-wrap { background: rgba(65, 65, 65, 0.06); padding: 12px 20px; border-radius: 5px; box-sizing: border-box; }
.ndesign-form-row .ndesign-form-full, .ndesign-form-row .ndesign-form-full > *, .ndesign-form-row .ndesign-form-full textarea:not(.ndesign-form-null) { width: 100%; min-width: 100%; border: none; box-sizing: border-box; }
.log-comment-box { width: 100%; }
.log-comment-box textarea { width: 100%; border: none; font-size: 14px; font-weight: 400; }
.log-comment-box textarea::placeholder { color: #90A0B7; }
.log-comment-box textarea, .log-comment-box .cke_textarea_inline { padding: 0; border: none; min-height: 90px; background: transparent; height: auto; }
.log-btns { justify-content: flex-start; align-items: center; }
.log-btns a { margin-left: 16px; display: inline-flex; }
.sub-pop-content .name-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.sub-pop-content .name-wrap .name { display: flex; align-items: center !important; font-weight: 400; font-size: 14px; color: #334D6E; }
.sub-pop-content .name-wrap .name img { width: 30px; margin-right: 13px; }
.sub-pop-content .name-wrap .date { font-size: 12px; color: rgba(51, 77, 110, 0.68); }
.sub-pop-content .inner-pop-content, .sub-pop-content .inner-pop-content p { font-size: 14px; line-height: 29px; color: #334D6E; font-weight: 300; }
.sub-pop-content .inner-pop-content strong { font-weight: 600; }
.journal-img { border-radius: 5px; }
.ndesign-form-row { display: flex; flex-wrap: wrap; margin: 0 -15px; box-sizing: border-box; }
.ndesign-form-row > * { width: 33.33%; padding: 0 15px; box-sizing: border-box; margin-bottom: 25px; display: flex; align-items: baseline; }
.flex-direction-column { flex-direction: column; }
.ndesign-form-row .ndesign-form-last { margin-bottom: 0; }
.ndesign-form-row .ndesign-form-control { border: 1px solid #f0f3f7; box-sizing: border-box; height: 30px; padding: 0 10px; border-radius: 3px; display: flex; align-items: baseline; width: 100%; font-size: 14px; color: #334D6E; }
.ndesign-form-content { position: relative; }
.ndesign-form-content label.customErrorClass, .ndesign-form-content span.customErrorClass { margin: 0; position: absolute; bottom: -17px; font-size: 11px !important; }
.ndesign-form-content label { margin-right: 15px; color: #323C47; font-size: 14px; font-weight: 500; }
.ndesign-form-content > label { white-space: nowrap; }
.ndesign-form-content label input[type="checkbox"] { margin-right: 8px; }
.ndesign-form-content .js-password-show-btn { margin-left: 8px; }
.ndesign-form-content .agents-box-checkbox { width: 100%; max-width: 150px; }
.ndesign-form-content .agents-box-checkbox label { margin-right: 0; }
.ndesign-form-content .select2-container--default .select2-selection--multiple { border: 1px solid #f0f3f7; border-radius: 3px; min-height: 30px; }
.ndesign-form-content .select2-container--default .select2-search--inline .select2-search__field, .ndesign-form-content .select2-container--default .select2-search--inline .select2-search__field::placeholder { font-size: 14px; color: #334D6E; }
.no-tier-wrap { background: #fff; padding: 30px; border-radius: 11px; min-height: 436px; display: flex; align-items: center; justify-content: center; }
.no-tier-widget { width: 100%; max-width: 930px; display: flex; align-items: center; }
.no-tier-widget > * { padding: 0 15px; }
.no-tier-content h1 { color: #323C47; font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.no-tier-content p { color: #323C47; font-size: 14px; margin-bottom: 15px; }
.no-tier-img { max-width: 400px; width: 100%; box-sizing: border-box; }
a.no-tier-btn { background: #109CF1; box-shadow: 0px 4px 10px rgb(16 156 241 / 24%); padding: 9px 16px; display: inline-block; color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; }
.assign-members-full .active-fil { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: flex; background: rgba(0,0,0,0.3); z-index: 99; padding: 20px; box-sizing: border-box; }
.assign-members-full .new-filter-drop { position: static; margin: auto; left: auto; right: auto; width: 100%; max-width: 480px; box-sizing: border-box; }
.members-label { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.members-label.label-active svg path { fill: #109CF1; }
.members-label span { display: flex; align-items: center; position: relative; }
.members-label span:before { content: ''; width: 15px; height: 15px; display: block; border: 2px solid #97A5AD; box-sizing: border-box; margin-right: 12px; }
.members-label.label-active span:after { background-image: url(../images/tick.png); background-size: 8px auto; content: ''; width: 12px; height: 12px; position: absolute; background-repeat: no-repeat; left: 3px; top: 6px; }
.members-labels-btns { display: flex; justify-content: center; margin-top: 25px; }
.members-labels-btns a { display: inline-flex; width: 160px; height: 38px; justify-content: center; align-items: center; background: #109CF1; text-decoration: none; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; }
.members-labels-container { max-height: calc(100vh - 200px); }
.new-model-box { background: #fff; overflow: auto; max-height: calc(100vh - 60px); }
.account-owner-tab { padding: 10px 20px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); display: flex; align-items: center; }
.account-owner-tab p { font-size: 14px; font-weight: 500; white-space: nowrap; margin-right: 18px; }
.new-model-box .newmodel-control { background: rgba(65, 65, 65, 0.06); border-color: transparent; }
.account-owner-tab .pop-form-tag { width: 100%; }
.new-model-box .pop-header { margin: 0; padding: 6px 20px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); }
.new-model-box .pop-header h2 { font-size: 24px; font-weight: 600; color: #232323; }
.sidebar-menu { padding: 20px; }
.sidebar-menu p { font-size: 14px; font-weight: 500; margin-bottom: 15px; }
.sidebar-menu ul { list-style: none; }
.new-model-form li > * { box-sizing: border-box; }
.new-model-form li { margin-bottom: 22px; display: flex; align-items: center; position: relative; }
.new-model-form li .new-model-icon { width: 16px; display: inline-flex; }
.new-model-form li .newmodel-control { height: 30px; border-radius: 6px; font-size: 14px; color: #323C47; padding: 0 15px; max-width: 252px; width: 100%; }
.new-model-form li .new-model-input, .new-model-form li label, .new-model-form li .new-model-heading { width: 50%; padding: 0 20px; }
.new-model-form li .new-model-heading { color: #323C47; font-size: 14px; font-weight: 600; }
.new-model-input label { font-size: 14px; }
.new-model-link { position: absolute; right: 0; }
.add-custom-tab { font-size: 14px; font-weight: 500; color: #888; margin-bottom: 30px; display: block; cursor: pointer; }
.new-model-submit { display: flex; justify-content: center; }
.new-model-submit input { width: 160px; height: 38px; background: #109CF1; box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24); border: none; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: 0.4px; }
.new-model-form.extra_field_wrapper { padding: 0; width: 100%; }
.new-model-form.extra_field_wrapper ul { padding: 0; border: none; margin-bottom: 20px; }
.new-model-form.extra_field_wrapper ul li { margin: 0; }
.secondary-heading span { font-size: 13px; font-weight: 300; }
.npop-wrap .file-page-desciption { padding: 0; border: none; }
.attachments-tabs .attachment-box, .attachments-tabs .button-add-an-item { margin-left: 25px; }
.attachments-tabs .attachment-view { width: auto; min-height: 1px; padding: 0; background: transparent; }
.attachments-tabs .attachment-content h4 { font-weight: 500; margin: 0 0 5px; color: #323C47; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.attachments-tabs .attachment-content ul { margin: 0 -13px; }
.attachments-tabs .attachment-content ul li > * { display: inline-block; color: #474747; font-size: 11px; text-decoration: none; font-weight: 300; }
.new-des-comment .tre-textarea-content { background: rgba(65, 65, 65, 0.06); box-shadow: 0 1px 2px -1px transparent, 0 0 0 1px transparent; }
.new-des-comment .tre-textarea-content textarea { background: transparent; }
.tasks-wrap .comment-content { display: flex !important; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
.tasks-wrap .comment-content .checklist_form { margin: 0 0 10px 0 !important; }
.tasks-wrap .comment-content > span.js_comment_text { box-shadow: 0 1px 2px -1px rgb(9 30 66 / 0%), 0 0 0 1px rgb(9 30 66 / 0%); background: rgba(16, 156, 241, 0.06); color: #5E5E5E; font-size: 14px; font-weight: 400; }
.tasks-wrap .comment-content > span.date { background: transparent; border: none; border-radius: 0; box-shadow: 0 1px 2px -1px rgb(9 30 66 / 0%), 0 0 0 1px rgb(9 30 66 / 0%); padding: 0; color: rgba(51, 77, 110, 0.68); font-size: 12px; font-weight: 300; order: 3; }
.secondary-heading { display: flex !important; }
.team-secondheadingwrap { margin-top: 20px; margin-bottom: 10px; }
.team-secondheading { font-size: 20px; color: #798197; font-weight: 600; margin-bottom: 12px; }
.task_left_container .table-col-first { width: 230px; overflow: hidden; text-overflow: ellipsis; display: block; text-align: left; }
.inner_right_section h3 { color: #798197; font-weight: 600; font-size: 20px; }
.new-model-form.extra_field_wrapper .custom-variables-ul li, .custom-variables-ul li { margin-bottom: 12px; }
.custom-variables-ul li label:not(.custom-variables-scope) { font-size: 14px; color: #464646; padding: 0; max-width: 150px; }
.custom-variables-ul li .custom-variables-input, .custom-variables-ul li .custom-variables-scope { width: 100%; padding: 0; }
.custom-variables-ul li .custom-variables-input input { width: 100%; max-width: none; }
.custom-variables-scope { display: flex; align-items: center; cursor: pointer; }
.custom-variables-slide { display: inline-flex; height: 32px; width: 118px; !;background: #e5e7eb; border-radius: 30px; position: relative; padding: 0 !important; !i;!;}

.custom-variables-slide input { display: none; }
.custom-scope-text { transition: all 0.5s ease-in-out; background: #2563eb; color: #fff; height: 24px; position: absolute; left: 4px; border-radius: 40px; padding: 0 13px; }
.custom-scope-text:before { transition: all 0.5s ease-in-out; content: 'Portal'; font-size: 12px; }
input.newmodel-control:checked + .custom-scope-text { background: #fff; color: #464646; right: 4px; left: auto; }
input.newmodel-control:checked + .custom-scope-text:before { content: 'User'; }
.custom-scope-text.user-scope-text { height: 24px !important; padding: 0 13px !important; display: flex !important; align-items: center; top: 4px; }
.drop-custom-sortable-ul li.custom-variables-remove { justify-content: flex-end; }
.drop-custom-sortable-ul li ul, .new-model-form.extra_field_wrapper .drop-custom-sortable-ul .drop-custom-sortable-ul { width: 100%; margin: 0; }
.checklist_form .user-scope-slide { width: 118px; }
@media(min-width: 991px) { .ndesign-form-preview { flex-wrap: nowrap; margin: 0; }
 .ndesign-form-preview > .ndesign-form-content { max-width: 55%; min-width: 55%; padding-left: 0; }
 .ndesign-form-preview > .client-portal-right { min-width: 45%; max-width: 45%; background: url(../images/auth-images/bg.webp) fixed no-repeat 0 0 / cover; } }
.ndesign-form-preview > .client-portal-right h2 { text-align: center; font-size: 14px; font-weight: 700; margin: 14px 0; }
/*--com-dropdown--*/
.msg-box-options { display: flex; }
.com-dropdown a { display: inline-flex; }
.msg-box { width: 100%; }
.com-dropdown { position: relative; }
.com-dropdown > a { width: 38px; height: 38px; justify-content: center; align-items: center; background: #f8f8f8; border-radius: 50%; margin-left: 20px; }
.com-dropdown-option { display: none; position: absolute; right: 50px; top: 0; background: #fff; padding: 25px; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%); border-radius: 4px; z-index: 9; }
.com-dropdown-option > a { font-weight: 400; font-size: 16px; line-height: 24px; color: #464646; text-decoration: none; margin-bottom: 15px; }
.com-dropdown-option > a:last-child { margin-bottom: 0; }
.com-dropdown-option > a img { margin-right: 10px; }
.sub-pop-content:last-child .com-dropdown-option, .sub-pop-content:nth-last-child(2) .com-dropdown-option { top: auto; bottom: 5px; }
.sub-pop-content:first-child .com-dropdown-option { top: 0; bottom: auto; }
/*--com-dropdown--*/
/*--replay-message--*/
.replay-message-content { background: #ededed; padding: 10px; border-left: 4px solid #109cf1; border-radius: 3px; width: 100%; }
.replay-message-content i { display: block; }
.replay-message-header { margin-bottom: 5px; display: block; color: #109cf1; font-weight: 600; }
/*--replay-message--*/
.table-fix-drid > * { border: 1px solid #efefef; border-right: none; border-left: none; }
.table-fix-drid > *:first-child { border-left: 1px solid #efefef; }
.table-fix-drid > *:last-child { border-right: 1px solid #efefef; }
.table-grid-position > * { border: none !important; }
.table-grid.table-fix-drid:last-child > * { border-bottom: 1px solid #efefef; }
.phase-name-flex { display: flex; }
.phase-name-flex a { position: relative; width: auto; }
@media(min-width: 1200px) { .list-page-design { padding: 0 !important; }
 .list-page-design .task_outer_container { display: flex; flex-wrap: wrap; min-height: calc(100vh - 140px); }
 .list-page-design .task_left_container { min-width: 375px; max-width: 375px; padding: 25px; box-sizing: border-box; transition: all 0.1s ease-in-out; overflow: hidden; }
 .list-page-design .table-grid:not(.table-fix-drid) > .table-col-first { text-align: left; min-width: 270px; max-width: 270px; overflow: hidden; text-overflow: ellipsis; padding: 6px 10px 6px 25px; }
 .list-page-design .table-grid:not(.table-fix-drid) > .js-task-name-dynamic { min-width: 1px; max-width: none; }
 .list-page-design .task_right_container { width: calc(100% - 375px); display: flex; transition: all 0.1s ease-in-out; }
 .list-page-design .task_right_container .v3-pop-body, .list-page-design .task_right_container .v3-pop-content { display: flex; width: 100%; }
 .list-page-design .pop-right-menu-wrap { width: 100%; }
 .list-page-design .pop-left { padding: 25px 0 0 0; }
 .list-page-design .right-menu-box ul { position: static; height: calc(100% - 30px); border-radius: 0; }
 .list-page-design .table-wrap:not(.table-wrap-nonflex) { display: block; }
 .list-page-design .table-grid:not(.table-fix-drid) { display: flex; align-items: center; margin-bottom: 0; }
 /*.list-page-design .table-grid > * { min-height: 62px; }*/ .list-page-design .show-all-side-list > * { min-height: 1px; }
 .list-page-design .table-grid-position { margin-bottom: 6px; }
 .list-page-design .table-grid:not(.table-fix-drid):last-child { margin-bottom: 0; }
 .list-page-design .table-circle-img { width: 56px; }
 .list-page-design .table-circle-img img { height: 40px; width: 40px; }
 .list-page-design .table-grid.table-active:not(.table-fix-drid) { width: 245px; position: relative; }
 .list-page-design .table-grid.table-active:not(.table-fix-drid):before { content: ''; position: absolute; z-index: 5; right: -3px; top: 0; bottom: 0; background: #fff; width: 5px; }
 .list-page-design .right-menu-box { width: 220px; min-width: 220px; }
 .list-page-design .pop-left { max-width: calc(100% - 220px); min-height: calc(100vh - 140px); }
 .tasks-new-design .pop-left { max-width: 100%; }
 .tasks-new-design .pop-right-menu-wrap { padding-right: 15px; }
 .list-page-design .v3-pop-text, .tasks-new-box { padding-left: 0 !important; }
 /**/ .list-page-design .js-task-edit-desciption .js-task-field-edit-text { margin-left: 0; }
 .list-page-design .js-task-edit-desciption .js-task-field-edit-input { padding-left: 0; max-width: calc(100% - 25px); }
 .list-page-design .table-grid-position { height: 50px; }
 .list-page-design .table-grid-position > * { margin-top: 0; height: 50px; }
 .list-page-design .table-grid:not(.table-fix-drid) > .table-circle-img { padding: 8px 0 8px 15px; }
 .table-circle-bars { padding: 10px 0px 10px 10px; cursor: pointer; }
 .table-circle-bars > div { width: 20px; height: 2px; display: block; background: #4f5c73; margin-bottom: 4px; }
 .table-circle-bars > div:last-child { margin-bottom: 0; }
 .list-page-design-hide .table-grid.table-active, .list-page-design-hide .table-grid.table-position-active { display: flex; }
 .list-page-design-hide .table-grid, .list-page-design-hide .table-grid .table-col-first { display: none; }
 .list-page-design-hide .task_left_container { min-width: 70px; max-width: 70px; padding: 25px 0 25px 15px; }
 .list-page-design-hide .table-grid.table-active { width: 52px; }
 .list-page-design-hide .task_right_container { width: calc(100% - 70px); }
 .v3flex-table-n-description .date_wrap { min-width: 135px; }
 .v3flex-table-n-description .table-circle-width { min-width: 180px; } }
@media (max-width: 1650px) { .list-page-design-hide .task_left_container { min-width: 70px; max-width: 70px; }
 .list-page-design-hide .task_right_container { width: calc(100% - 70px); } }
@media (max-width: 1500px) { .list-page-design .pop-left { max-width: calc(100% - 160px); min-height: calc(100vh - 140px); }
 .tasks-new-design .pop-left { max-width: 100%; }
 .list-page-design .right-menu-box { width: 160px; min-width: 160px; }
 .right-menu-box ul li a { text-align: center; }
 .ul-svg-icons { margin-right: 10px; }
 .tasks-new-box > ul > li > span { min-width: 110px; }
 .tasks-new-box > ul > li > span:nth-child(2), .tasks-new-box > ul > li > span:nth-child(2) > span { width: 100%; }
 .js_task_content input, .tasks-new-box li .js-task-field-edit-text + select, .tasks-new-box > ul > li, .tasks-new-box li .js-task-field-edit-text { font-size: 14px; }
 .list-page-design .task_left_container { min-width: 300px; max-width: 300px; }
 .list-page-design .task_right_container { width: calc(100% - 300px); }
 .list-page-design .table-grid:not(.table-fix-drid) > .table-col-first { min-width: 180px; max-width: 180px; }
 .task_left_container .table-col-first { width: 154px; } }
@media (max-width: 1350px) { .tasks-new-box > ul > li { padding: 0 25px !important; width: 100% !important; }
 .tasks-new-box > ul > li .light_grey_btn, .right-menu-box ul { position: static; }
 .ndesign-form-row > * { width: 50%; }
 .npop-wrap .tasks-new-box > ul > li { margin-bottom: -1px; border-bottom: 1px solid rgb(224 231 239); min-height: 1px; } }
@media(max-width: 1199px) { .maximized-span, .minimized-span { display: none !important; }
 .list-page-design .task_left_container { display: none; }
 .list-page-design .task_right_container { width: 100%; box-shadow: none; background: transparent; }
 .right-menu-box ul { padding: 53px 0 0 15px !important; }
 .task_right_container .v3-pop-text { padding-left: 0; }
 .npop-wrap .js-task-edit-desciption > div, .npop-wrap .attachments-list { margin-left: 0 !important; }
 .markmake-flex { min-height: 1px; margin-top: 7px; }
 .table-mobile-flex { display: flex; } }
@media(min-width: 986px) { .modal-body .v3-pop-content.tasks-new-box { padding:40px 40px !important; } }
@media(max-width: 985px) { .new-model-box { height: 100vh; max-height: none; }
 .main-content { padding: 10px 8px; }
 .markmake-flex { padding-left: 15px; padding-right: 15px; } }
@media(max-width: 767px) { .tasks-new-box > ul > li { padding: 0 10px !important; }
 .kpop-wrap { padding: 10px; }
 .tasks-new-box > ul { margin: 0 !important; }
 .right-menu-box ul { padding: 60px 15px 15px 15px !important; position: fixed; }
 .list-page-design .right-menu-box { width: auto; min-width: 1px; }
 .list-page-design .pop-left { max-width: 100%; }
 .npop-wrap .task_available_label_container { padding: 3px 10px; }
 .npop-wrap .js-task-edit-desciption, #add_checklist_container, .npop-wrap .v3flex-table-description { padding: 10px; }
 .npop-wrap .assigned-created ul { padding: 10px !important; }
 body .pop-header { padding-bottom: 10px; margin-bottom: 0; border-bottom: none; }
 .client-search { padding: 0 23px 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
 .client-search .search-box { width: 100%; margin: 10px 0 0; }
 .client-search .search-box input { width: 100%; }
 .content-header-sec-mobile { flex-wrap: wrap; }
 .content-header-sec-mobile .pop-labels { width: 100%; order: 3; display: flex; justify-content: flex-end; margin: 12px 0 0 0; }
 .content-header-sec-mobile .pop-labels .client-search { padding: 0; border: none; }
 .messagebox-wrap .pop-form-row .pop-form-submit { top: 1px; }
 .messagebox-wrap .pop-form-row .pop-form-submit input[type="submit"] { background: url(../images/send-icon.svg) no-repeat center center; text-indent: -99999px; width: 40px; margin: 0 auto; }
 .log-btns input { background: url(../images/send-icon.svg) no-repeat center center !important; text-indent: -99999px; width: 40px; }
 .messagebox-wrap .pop-form-row .pop-form-full { padding: 0 46px 0 0; }
 .messagebox-wrap .pop-form-row .pop-form-full textarea { height: 24px; display: block; }
 .ntasks-btns ul { padding: 10px 5px 0 !important; flex-wrap: wrap; justify-content: flex-start; }
 .ntasks-btns ul li { width: calc(50% - 10px); box-sizing: border-box; margin: 0 5px 10px !important; }
 .ntasks-btns ul li:last-child { margin-bottom: 0; }
 .tasks-new-box > ul > li > span { min-width: 100px; }
 .ul-svg-icons { margin-right: 3px; }
 .ntasks-btns ul li a, .ntasks-btns ul li button { background: rgba(194, 207, 224, 0.19); justify-content: center; padding: 7px; border-radius: 5px; }
 .ntasks-btns ul li form button { width: 100%; min-height: 35px; }
 .ntasks-btns ul { margin: 0 !important; }
 .pop-form-row > .pop-form-submit { display: flex; }
 .tasks-new-design .pop-header { padding: 7px 10px 7px 10px; }
 .js-task-field-edit-parent .js-task-field-edit-text { padding: 0; }
 .log-comment-wrap { padding: 12px; display: flex; align-items: flex-end; }
 .log-comment-content { width: 100%; }
 .log-comment-box textarea, .log-comment-box .cke_textarea_inline { min-height: 40px; }
 .ndesign-form-row > * { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 0.5px solid rgba(194, 207, 224, 0.5); }
 .ndesign-form-content > label { min-width: 120px; }
 .kpop-wrap-responsive { padding: 10px 0; }
 .ndesign-form-row { margin: 0; }
 .no-tier-widget { flex-wrap: wrap; }
 .no-tier-widget > * { padding: 0; }
 .no-tier-img { order: 1; margin-bottom: 25px; }
 .no-tier-content { order: 2; }
 .nav > ul > li.agent-use-web { position: relative; margin-right: 8px; }
 .nav > ul > li.agent-use-web > a { box-shadow: 0px 4px 10px rgb(16 156 241 / 0); border-radius: 0; background: transparent; padding: 0 5px; width: auto; }
 .nav > ul > li.agent-use-web .agent-add-content { display: block; }
 .pop-header-ul .search-box { display: none; }
 .ndesign-form-content label.customErrorClass, .ndesign-form-content span.customErrorClass { bottom: -9px; min-width: 1px !important; width: auto; background: #fff; } }
@media(max-width: 490px) { .task_right_container .v3-pop-content { padding: 0 !important; }
 .npop-wrap .tasks-new-box > ul > li .ul-svg-icons { display: none; } }
.list-hide .task_left_container { max-width: 0; overflow: hidden; min-width: 0; padding-left: 0; padding-right: 0; }
.list-hide .minimized-span { display: inline-flex; align-items: center; }
.list-hide .maximized-span { display: none; }
.list-hide.tasks-new-design .pop-right-menu-wrap { padding: 0 15px; }
.list-hide.list-page-design .task_right_container { width: 100%; }
/*-subscription-*/
.subs-alerts { font-size: 18px; font-weight: 400; }
.inn-wrap { max-width: 1340px; margin: 0 auto; }
.professional-agency { padding: 60px 0; background: url(../images/v7-images/pa-icon-2.png) no-repeat left bottom; }
.professional-agency-wrap { justify-content: center; }
.professional-agency-wrap>div { padding: 0 15px; box-sizing: border-box; }
.professional-box { padding: 40px 22px; display: flex; justify-content: center; flex-wrap: wrap; box-shadow: 0px 0px 25px rgb(0 0 0 / 10%); background: #fff; height: 100%; box-sizing: border-box; }
.professional-box > * { width: 100%; text-align: center; }
.professional-image { display: flex; justify-content: center; min-height: 200px; align-items: center; margin-bottom: 30px; margin-top: 30px; }
.professional-image img { max-width: 100%; }
.professional-box h3 { font-size: 32px; line-height: 48px; margin-bottom: 0; color: #192A3E; font-weight: 700; }
.professional-box h4 { color: #2ED47A; margin-bottom: 0; font-weight: 600; font-size: 42px; line-height: 63px }
.professional-box h4 span { font-weight: normal; font-size: 18px; line-height: 27px }
.professional-box h5 { font-weight: 600; font-size: 18px; line-height: 27px; color: #334D6E; margin-bottom: 15px }
.professional-box ul { text-align: left; padding: 0; margin: 0; list-style: none; }
.professional-box ul li { font-weight: normal; font-size: 18px; line-height: 27px; color: #334D6E; display: flex; align-items: baseline; padding: 0 30px; margin-bottom: 10px }
.professional-box ul li:last-child { margin-bottom: 0 }
.professional-box ul li svg { margin-right: 12px; min-width: 18px }
.professional-btn .btn-plan { padding: 9px 40px; min-width: 166px; }
.btn-plan { padding: 13px 40px; font-size: 14px; font-weight: 600; border: 1px solid transparent; box-sizing: border-box; border-radius: 4px; display: inline-block; background: #109CF1; color: #fff; text-transform: uppercase; margin-top: 30px; text-decoration: none; }
.professional-agency-wrap { }
.pa-icon-top { top: -60px; right: 244px; }
.professional-agency-wrap { flex-wrap: wrap; display: flex; margin: 0 -15px; box-sizing: border-box; }
.professional-box-disabled { opacity: 0.4; pointer-events: none; }
.coupon-applied { text-align: center; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #000; }
.coupon-applied span { font-weight: 600; }
.cancel-account { text-align: center; margin-top: 30px; }
.cancel-account p { font-size: 18px; font-weight: 500; }
.cancel-account p a { color: #109CF1; }
.old-feature-content h2, .old-feature-content h3 { margin-bottom: 10px; font-size: 20px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #464646; }
.old-feature-content h3 { font-size: 18px; }
.old-feature-content p { margin-bottom: 10px; line-height: 1.7; }
.old-feature-content p:last-of-type { margin-bottom: 0; }
@media(min-width: 992px) { .col-25 { max-width:25% }
 .col-33 { max-width: 33.33% }
 .col-60 { max-width: 60% } }
@media(max-width: 991px) { .professional-box { height: auto; margin-bottom: 30px; }
 .cancel-account { margin-top: 0; }
 .clientportal-pagination-wrap { position: fixed; left: 0; right: 0; bottom: 0; z-index: 8; padding: 10px; background: #fff; box-shadow: 0px 0px 4px rgb(0 0 0 / 11%); margin-bottom: 0; }
 .custom-dark-theme .clientportal-pagination-wrap { background: #2c333a; }
 .nclient-box .v2-carousel-item { margin-bottom: 40px; }
 .nav ul li.nav-bell > a { padding: 0 6px; }
 .nav ul .profile-nav > a { padding: 0 0 0 6px; }
 .ndesign-form-product .sidebar-menu { padding: 0; } }
/*-subscription-*/
/*-sortable-content-*/
body .sortable-content-wrap .pop-header { border-bottom: none; padding-bottom: 0; }
.sortable-mainbox { overflow: auto; padding: 10px; }
.sortable-row { display: flex; min-height: calc(100vh - 135px); overflow: hidden; position: relative; margin: 0 -10px; min-width: 1600px; }
.sortable-row > * { width: 100%; max-width: 33.33%; min-width: 280px; padding: 0 10px; }
.sortabledrag-wrap { padding: 15px 15px 15px 25px; }
.sortabledrag-wrap > * { padding: 0; }
.sortable-header h2 { display: flex; align-items: center; font-weight: 600; font-size: 20px; line-height: 30px; color: #788496; }
.sortable-header img { height: 22px; margin-right: 10px; }
.sortable-col:last-child .sortable-header, .sortable-col:last-child .sortable { border-right: none; }
.sortable-col .table-grid { display: flex; border-spacing: 0; margin-bottom: 15px; flex-direction: column; }
.sortable-col .ui-state-highlight, .sortable-child-templates .ui-state-highlight { width: 100%; box-sizing: border-box; display: block; border-spacing: 0; border: none !important; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06); margin-bottom: 15px; }
.sortable-col .ui-state-highlight:before, .sortable-child-templates .ui-state-highlight:before { padding: 15px; width: 100%; display: block; box-sizing: border-box; height: 140px; display: flex; justify-content: center; align-items: center; }
.sortable-child-templates .ui-state-highlight:before { height: 70px; }
.sortabledrag-header { display: flex; align-items: flex-start; justify-content: space-between; }
.sortabledrag-header h3 { font-weight: 700; font-size: 14px; line-height: 21px; color: #323C47; width: 100%; white-space: normal; }
.sortabledrag-header h3 span { display: block; font-weight: 300; font-size: 10px; line-height: 15px; color: #232323; }
.sortabledrag-header h3 a { display: block; }
.sortabledrag-headerul { display: flex; align-items: center; }
.sortabledrag-headerul li { margin-left: 25px; }
.sortabledrag-headerul li:first-child { margin-left: 0; }
.ui-sortable-helper { transform: scale(1.1,1.1); transform: rotate(1.5deg); }
.sortabledrag-labels { padding: 9px 0 12px 0; }
.sortabledrag-labels ul { display: flex; min-height: 23px; max-width: 100%; flex-wrap: wrap; }
.sortabledrag-labels ul li { padding: 0 10px; height: 22px; display: inline-flex; border-radius: 4px; font-weight: 400; font-size: 10px; line-height: 15px; align-items: center; margin: 0 2px 4px 0; }
.sortabledrag-labels ul li.urgent-label { background: rgba(247, 104, 91, 0.1); color: #F7685B; }
.sortabledrag-date-attachemt { display: flex; justify-content: space-between; align-items: flex-end; }
.sortabledrag-dateimg { display: flex; }
.sortabledrag-dateimg img { width: 30px; height: 30px; border-radius: 50%; margin-right: 11px; }
.sortabledrag-date { font-weight: 400; font-size: 12px; line-height: 15px; color: #334D6E; }
.sortabledrag-date span { display: block; font-size: 10px; line-height: 15px; color: #888888; }
.sortabledrag-attachcheck { display: flex; align-items: center; }
.sortabledrag-attachcheck li { margin-left: 20px; display: flex; align-items: center; }
.sortabledrag-attachcheck li:fisrt-child { margin-left: 0; }
.sortabledrag-attachcheck li span { font-weight: 400; font-size: 10px; line-height: 15px; color: rgba(51, 77, 110, 0.5); margin-left: 5px; }
.position-relative { position: relative; }
.sortabledrag-dragicon { display: none; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 0 0 0 5px; background: #109cf1; position: absolute; right: 0; top: 0; }
.sortabledrag-dragicon.sortabledrag-dragiconshow { display: inline-flex; width: 25px; height: 25px; }
.sortabledrag-dragicon img { width: 19px; filter: brightness(0) invert(1); }
.sortabledrag-dragicon.sortabledrag-dragiconshow img { width: 15px; }
/*.sortabledrag-dragsec { display: flex; border-left: 1px solid rgba(0,0,0,0.1); }
.sortabledrag-dragsec img { width: 20px; display: block; cursor: pointer; opacity: 0.4; transition: all 0.5s ease-in-out; }
.sortabledrag-dragsec:hover img { opacity: 1; }*/
@media(max-width: 767px) { .sortabledrag-dragicon { display: inline-flex; } }
/*-sortable-content-*/
.simple-link { color: #109CF1; text-decoration: none; font-weight: 500; font-size: 15px; }
.simple-link:hover { text-decoration: underline; }
#signature_html { overflow: auto; }
.v3checkbox-list .link-common-btn { margin: 0 !important; }
.link-common-btn, .markmake-flex .link-common-btn { margin-bottom: 10px; display: inline-block; text-decoration: none; color: #109CF1; font-weight: normal; }
.profile-tag .link-common-btn { margin-bottom: 0; }
.link-common-btn { display: inline-flex; align-items: center; }
.link-common-btn img { margin-left: 5px; margin-right: 5px; }
.icon-edit-active a { white-space: normal; word-break: break-all; }
.password-box { position: relative; }
.password-box a { position: absolute; left: 0; bottom: -11px; white-space: nowrap; }
.password-box-links { position: absolute; left: 0; white-space: nowrap; top: 42px; }
.password-box-links h3 { font-size: 14px; color: #464646; position: relative; }
.password-box-links h3:before { content: ''; background: #464646; height: 1px; width: 100%; display: block; position: absolute; top: 50%; }
.password-box-links h3 span { background: #f6f6f6; position: relative; padding: 0 6px; }
.password-box .password-box-links a { position: static; margin: 0; }
.markmake-flex .link-common-btn { margin-bottom: 0; }
.embedit-btn { margin-left: 10px; display: inline-block; color: #109cf1; }
.embedit-btn svg { margin-right: 3px; }
.embedit-btn svg path { fill: #109cf1; }
.embedit-btn:hover { color: #000; }
.embedit-btn:hover svg path { fill: #000; }
.listdata { border-collapse: collapse; margin-bottom: 10px; }
.listdata th, .listdata td { padding: 5px 10px; }
.ancertype-btn { color: #464646; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; border: none; background: transparent; cursor: pointer; }
.webhook-section a { color: #109cf1; text-decoration: none; display: inline-block; margin-top: 3px; }
.webhook-section .webhook-links { margin-top: 15px; }
.webhook-section .webhook-links a { display: block; text-align: center; font-size: 16px; }
.client-portal-wrapper .js-embedded-row .no-record-table-full { max-width: 100%; min-width: 45%; }
@media(min-width: 768px) { .v3checkbox-list .link-common-btn { white-space: normal; word-break: break-all; } }
@media(max-width: 767px) { .v3checkbox-list .link-common-btn { max-width: 180px; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; top: 7px; position: relative; } }
body .cs_client_add_popup { padding-left: 30px; }
body .cs_client_add_popup .modal-content { max-width: 600px; padding: 50px; box-sizing: border-box; }
body .cs_client_add_popup .fieldNameChange { margin-bottom: 12px; font-size: 26px; }
body .cs_client_add_popup .ndesign-form-content label { margin: 0 0 0 0; padding-bottom: 16px; display: flex; justify-content: center; }
.agent-new-design .new-main-content { padding: 0; }
.new-main-content h1.with-link { padding: 12px 24px; background: #fff; font-size: 18px; border-bottom: 1px solid #EBEFF2; margin-bottom: 0; font-weight: 700; display: flex; justify-content: space-between; }
.new-main-content h1.with-link a { display: block; }
.new-main-content .client-portal-wrapper .js-embedded-row { display: flex; margin: 0; }
.new-main-content .cs_portal_setting_left_tab { padding: 0; min-width: 55%; background: #fff; }
.new-main-content .client-portal-wrapper .js-embedded-row .no-record-table-full { max-width: 45%; box-sizing: border-box; }
.agent-new-iframe-page .new-main-content .cs_portal_setting_left_tab, .agent-new-iframe-page .new-main-content .client-portal-right { min-width: 50%; }
.portal-settings-tab-header { padding: 14px 24px; background: #fff; margin-bottom: 0; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.portal-settings-inner-page { border-bottom: 1px solid #EBEFF2; }
.portal-settings-tab-header img { transition: 0.5s all ease-in-out; }
.portal-settings-inner-header h3 { color: #464646; font-size: 16px; position: relative; }
.portal-settings-inner-header h3 span { background: #fff; position: relative; padding-right: 15px; }
.portal-settings-inner-header h3:before { position: absolute; left: 0; top: 50%; right: 0; height: 1px; background: #CED4DA; content: ''; }
.profile-indexed-wrap { background: #F9F9F9; border: 1px solid #C2CFE0; padding: 16px; border-radius: 4px; }
.profile-indexed-wrap h2 { color: #41464B; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.profile-indexed-wrap p { color: #323C47; font-size: 14px; margin-bottom: 8px; }
.profile-indexed-wrap ul { font-size: 14px; color: #323C47; margin-left: 20px; }
.profile-indexed-wrap ul li { margin-bottom: 3px; }
.profile-indexed-wrap ul li:last-child { margin-bottom: 0; }
.tab-active .portal-settings-tab-header img, .tab-active-all .portal-settings-tab-header img { transform: rotate(180deg); }
.portal-settings-tab-box { border-bottom: 1px solid #EBEFF2; padding: 0 24px 0; transition: 0.5s all ease-in-out; max-height: 0; overflow: hidden; }
.tab-active .portal-settings-tab-box, .tab-active-all .portal-settings-tab-box, .portal-settings-tab-avtive { max-height: 10000px; padding-bottom: 24px; }
.portal-settings-tab-avtive { padding-top: 24px; }
.tab-active-all .portal-settings-tab-box { padding-top: 24px; }
.default-settings { display: flex; flex-direction: column; gap: 14px; }
.portal-settings-tab-header h2 { font-size: 14px; font-weight: 700; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-right: 20px; }
.default-settings .pop-form-tag-full { display: flex; align-items: center; justify-content: space-between; }
.default-settings .pop-form-tag-full .pop-form-tag { max-width: 400px; }
.portal-settings-tab-wrap .select2-container--default .select2-selection--single { border-color: #e9e9e9; height: 36px; }
.portal-settings-tab-wrap .select2-selection__rendered { height: 36px; display: flex !important; align-items: center; }
.portal-settings-tab-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
.tab-active .portal-settings-tab-header:not(.portal-settings-inner-page) h2, .tab-active-all .portal-settings-tab-header h2 { color: #1193e6; }
.portal-settings-btn-group { display: none; align-items: center; gap: 12px; }
.portal-settings-btn-group a, .portal-settings-btn-group button { border: 1px solid #d9d9d9; color: #363853; font-weight: normal; font-size: 14px; padding: 2px 8px; text-decoration: none; border-radius: 4px; height: 26px; display: inline-flex; box-sizing: border-box; line-height: 1.5; align-items: center; background: #fff; }
.drop-custom-checkbox { display: flex; }
.drop-custom-checkbox-box { width: 16px; height: 16px; min-width: 16px; display: inline-flex; border: 2px solid #ccc; border-radius: 3px; position: relative; margin-right: 10px; }
.drop-custom-checkbox input[type="checkbox"] { display: none; }
.drop-custom-checkbox input:checked + .drop-custom-checkbox-box { background: #1193e6; border-color: #1193e6; }
.drop-custom-checkbox input:checked + .drop-custom-checkbox-box:before { content: ''; width: 10px; height: 4px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; transform: rotate(-44deg); left: 2px; top: 4px; }
.drop-custom-checkbox label { min-width: 140px; }
.new-model-input-flex { display: flex; align-items: center; }
.new-model-input-flex label { white-space: nowrap; }
.tab-box-ul { list-style: none; display: flex; flex-direction: column; gap: 16px; }
.tab-box-ul li { display: flex; align-items: center; justify-content: space-between; }
.tab-box-ul li.new-model-textarea { align-items: flex-start; }
.new-model-input input:not([type="radio"], [type="checkbox"]), .new-model-input textarea, .new-model-input select { border: 1px solid #e9e9e9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; color: #464646; }
.new-model-input input:not([type="radio"], [type="checkbox"]) { height: 36px; }
.new-model-input, .settings-dropdown-right { width: 100%; max-width: 400px; }
.sortable_drag_box .new-model-input { margin-left: auto; margin-right: 16px; }
.avatar-section { display: flex; align-items: center; }
.avatar-section img { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; margin-right: 16px; }
.avatar-section a.upload-images { border: 1px solid #d9d9d9; color: #afafaf; font-weight: normal; font-size: 14px; padding: 4px 18px; text-decoration: none; border-radius: 4px; }
.portal-branding .default-settings { margin: 16px 0; }
.tabs-form label { margin-bottom: 8px; display: block; }
.update-btn-box { display: flex; justify-content: flex-end; padding: 12px 24px; border-top: none; box-shadow: 0px -16px 48px 0px rgba(0, 0, 0, 0.075); margin-top: 50px; border-bottom: 1px solid #EBEFF2; position: sticky; bottom: 0; background: #fff; }
.portal-settings-tab-btn { display: flex; justify-content: flex-end; }
.portal-settings-tab-top { margin-top: 24px; }
.update-btn-box input, .portal-settings-tab-btn .button { width: auto; background: #109cf1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; }
.update-btn-box input:disabled { box-shadow: none; color: #ccc; }
.tab-box-flex { display: flex; align-items: center; }
.drop-custom-sortable-ul li { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.drop-custom-sortable-ul li span { display: flex; align-items: center; }
.drop-custom-sortable-ul li span .newmodel-control { border: 1px solid #e9e9e9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; color: #464646; height: 36px; }
.drop-custom-sortable-full { width: 100%; }
.drop-custom-label { flex-wrap: wrap; }
.new-model-form li .drop-custom-label label { width: auto; padding: 0 2px; font-size: 10px; position: absolute; top: -7px; background: #fff; left: 6px; }
.new-model-form li .drop-custom-sortable-full .newmodel-control { max-width: none; }
.new-model-sortable label { font-size: 14px; display: flex; align-items: center; }
.drop-custom-centerblock { margin-top: 16px; }
.agent-new-design .client-portal-content .flex-select.flex-select-between { flex-direction: column; justify-content: center; gap: 10px; align-items: flex-start; }
.agent-body .client-portal-right > h2 { text-align: center; font-size: 14px; font-weight: 700; margin: 14px 0; }
.profile-radio-section { display: flex; justify-content: space-between; width: 100%; }
.profile-radio-section > label:last-child { width: 100%; max-width: 360px; }
.drop-custom-full { width: 100%; }
.profile-radio-label { display: flex; align-items: center; }
.profile-radio-label input { display: none; }
.profile-radio-label input + span { min-width: 16px; height: 16px; border-radius: 50%; border: 2px solid #363853; margin-right: 6px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
.profile-radio-label input:checked + span { border-color: #479AEA; }
.profile-radio-label input:checked + span:before { content: ''; min-width: 6px; height: 6px; display: block; background: #479AEA; border-radius: 50%; }
.new-model-heading-bold { font-weight: 700; }
.custom-tabs-box-ul { padding: 16px 0; border-top: 1px solid #e9e9e9; margin-top: 16px; }
.new-model-sortable label input { margin-right: 6px; }
.drop-custom-centerblock .add-custom-tab { margin-bottom: 0; border: 1px solid #d9d9d9; color: #363853; font-weight: normal; font-size: 14px; padding: 8px 14px; text-decoration: none; border-radius: 4px; display: inline-flex; box-sizing: border-box; line-height: 1.5; align-items: center; background: #fff; }
.tab-active { border: 2px solid #479AEA; }
.tab-active .portal-settings-btn-group { display: flex; }
.client-portal-success .successbox { margin-top: 12px; margin-left: 10px; margin-right: 10px; }
.portal-settings-header-wrap { position: relative; }
.portal-settings-btn-group { position: absolute; top: 12px; right: 50px; }
.new-model-form-radio .profile-radio-label input + span { border-radius: 2px; width: 100%; border-color: #e3e3e3; height: 60px; margin: 0; }
.new-model-form-radio .profile-radio-label input:checked + span { border-color: #479AEA; background: #479AEA; color: #fff; }
.new-model-form-radio .profile-radio-label input:checked + span:before { display: none; }
.portal-settings-box-ul .sortable_drag_box .new-model-input { display: flex; align-items: center; gap: 8px; }
.portal-settings-box-ul .sortable_drag_box .new-model-setting-btn a { margin: 0; display: flex; align-items: center; }
.portal-settings-box-ul .sortable_drag_box .new-model-setting-btn { min-width: 20px; }
.portal-settings-box-ul .sortable_drag_box .new-model-setting-btn img { margin: 0; display: block; filter: brightness(0) saturate(100%) invert(70%) sepia(6%) saturate(1138%) hue-rotate(176deg) brightness(90%) contrast(90%); }
.pay-pop-btn { border: 1px solid #EDEEF0; padding: 8px 12px; display: flex; align-items: center; gap: 8px; border-radius: 2px; color: #363853; }
.pay-pop-btn.blue_link_txt img { filter: brightness(0) saturate(100%) invert(40%) sepia(85%) saturate(730%) hue-rotate(166deg) brightness(107%) contrast(98%); }
.pay-pop-btn.blue_link_txt { border-color: #109CF1; }
@media(max-width: 767px) { .default-settings .pop-form-tag-full, .tab-box-ul li { align-items: flex-start; flex-direction: column; }
 .default-settings .pop-form-tag-full .pop-form-tag, .tab-box-ul li .new-model-input { max-width: none; margin-top: 10px; }
 .tab-box-ul li .new-model-input.js-m-lang { margin-top: 0; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul { padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul ul { padding-bottom: 0; border-bottom: none; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li { flex-wrap: wrap; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li .new-model-sortable:nth-last-child(3) { width: calc(100% - 30px); max-width: none; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li .new-model-sortable:nth-last-child(2) { width: calc(100% - 30px); }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li .new-model-sortable:nth-last-child(2) input[type="text"], .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li .new-model-sortable:nth-last-child(3) input[type="text"] { width: 100%; max-width: none; }
 .new-model-form.extra_field_wrapper ul.drop-custom-sortable-ul li .new-model-sortable:nth-last-child(2) label { width: auto; white-space: nowrap; }
 .portal-settings-hide { display: none !important; }
 .profile-radio-label { margin-bottom: 10px; }
 .profile-radio-label:last-child { margin-bottom: 0px; }
 .new-model-form li .new-model-icon:empty { display: none; }
 .portal-settings-btn-group { position: relative; top: auto; right: auto; padding: 0 22px 10px 22px; } }
/*-dark-mode-*/
.custom-dark-theme .dark-check span { justify-content: flex-end; }
.custom-dark-theme svg.sun-svg path { fill: #C2CFE0; }
.custom-dark-theme svg.moon-svg path { fill: #109CF1; }
.custom-dark-theme .sun-svg { background: url(../images/icons/new-icon/sun.svg) no-repeat center / 14px 14px; }
.custom-dark-theme .moon-svg { background: url(../images/icons/new-icon/moon-active.svg) no-repeat center / 14px 14px; }
.custom-dark-theme header#header, .custom-dark-theme header#header .container, .custom-dark-theme .new-filter-drop, .custom-dark-theme .slide-profile-menu, .custom-dark-theme .agent-new-section-content, .custom-dark-theme .agent-new-before .agent-new-section-content > *, .custom-dark-theme .left-menu, .custom-dark-theme .question-popup-field, .custom-dark-theme .new-main-content h1.with-link, .custom-dark-theme .new-main-content .cs_portal_setting_left_tab, .custom-dark-theme .portal-settings-tab-header { background-color: #2c333a; }
.custom-dark-theme .agent-new-before .agent-new-section-content { background-color: transparent; }
.custom-dark-theme.agent-new-design #header, .custom-dark-theme .left-menu, .custom-dark-theme .new-main-content h1.with-link, .custom-dark-theme .portal-settings-tab-box { border-color: #000; }
.custom-dark-theme .main-logo .main-logo-img, .custom-dark-theme .ntasks-btns ul li a img, .custom-dark-theme .ntasks-btns ul li button img, .custom-dark-theme .tasks-new-box ul li img, .custom-dark-theme .portal-settings-tab-header img { filter: brightness(0) invert(1); }
.agent-body.custom-dark-theme .logo img { background: transparent; border-radius: 0; }
.custom-dark-theme .client-selectdropdown > span, .custom-dark-theme li.profile-nav span, .custom-dark-theme .client-selectdropdown-name .js-header-client-name, .custom-dark-theme .client-selectdropdown-footer a, .custom-dark-theme .slide-profile-header h2, .custom-dark-theme .slide-profile-menu ul li a, .custom-dark-theme .agent-new-section-content h2, .custom-dark-theme .profile-avatar h3, .custom-dark-theme .agent-new-knowledge-center ul li, .custom-dark-theme .agent-new-knowledge-center ul li a, .custom-dark-theme .agent-new-knowledge-center h3, .custom-dark-theme .left-menu ul li a, .custom-dark-theme .inner_right_section h1, .custom-dark-theme .table-grid > *, .custom-dark-theme .table-grid > div a, .custom-dark-theme .table-grid-absolute, .custom-dark-theme .table-grid-position a, .custom-dark-theme .new-filter-design .new-filter-header h4, .custom-dark-theme .new-filter-design .new-filter-form-group label, .custom-dark-theme .table-grid .tab-flex-center span, .custom-dark-theme .v3-pop-content h2, .custom-dark-theme .pop-form-row > div label, .custom-dark-theme .fc-view-container *, .custom-dark-theme .fc-toolbar .fc-center h2, .custom-dark-theme .npop-wrap .tasks-new-box li .status-text, .custom-dark-theme .npop-wrap .tasks-new-box li .js-task-field-edit-text, .custom-dark-theme .npop-wrap .tasks-new-box li #js_task_status_text, .custom-dark-theme .npop-wrap .tasks-new-box li .status-text, .custom-dark-theme .markmake-flex a, .custom-dark-theme .markmake-flex button, .custom-dark-theme .new-filter-header h4, .custom-dark-theme .new-filter-form-group label, .custom-dark-theme .sub-pop-content .name-wrap .name, .custom-dark-theme .sub-pop-content .name-wrap .date, .custom-dark-theme .sub-pop-content .inner-pop-content, .custom-dark-theme .sub-pop-content .inner-pop-content p, .custom-dark-theme span.clent-text, .custom-dark-theme .ndesign-form-content label, .custom-dark-theme .sortabledrag-header h3, .custom-dark-theme .sortabledrag-date, .custom-dark-theme .sortabledrag-date span, .custom-dark-theme .ntasks-btns ul li a, .custom-dark-theme .ntasks-btns ul li button, .custom-dark-theme .new-filter-move .new-filter-header h4 .sub-label-heading, .custom-dark-theme .new-filter-move .common-scroll-div-300px p, .custom-dark-theme .client-portal-right > h2, .custom-dark-theme .messagebox-wrap .msg-box, .custom-dark-theme .messagebox-wrap .pop-form-row textarea, .custom-dark-theme .left-menu ul li a, .custom-dark-theme .left-menu ul li > span { color: #fff !important; }
.custom-dark-theme .client-wrapper .yellow_tr a, .custom-dark-theme .client-wrapper .yellow_tr > * { color: #464646 !important; }
.custom-dark-theme header#header svg path, .custom-dark-theme .slide-profile-menu a svg path, .custom-dark-theme .left-menu ul li a svg path, .custom-dark-theme .tab-flex-center svg path, .custom-dark-theme .markmake-flex a svg path, .custom-dark-theme .markmake-flex button svg path, .custom-dark-theme .client-search .client-box svg path { fill: #fff !important; }
.custom-dark-theme .left-menu ul li a.active { color: #109CF1 !important; }
.custom-dark-theme .left-menu ul li a.active svg path { fill: #109CF1 !important; }
.custom-dark-theme .nav > ul > li.profile-nav > a:hover, .custom-dark-theme .nav > ul > li.nav-bell > a:hover { background: transparent; }
.custom-dark-theme.agent-new-design .main-content, .custom-dark-theme .questions-contaner-col, .custom-dark-theme .individual-business-content, body.custom-dark-theme { background: #151c24; }
.custom-dark-theme .table-grid, .custom-dark-theme .card-view-box, .custom-dark-theme .individual-business-wrap { background: #38404a; }
.custom-dark-theme .cardview-headerleft h2 { color: #fff; }
.custom-dark-theme .ndesign-form-content img { filter: brightness(0) invert(1); }
.custom-dark-theme .table-grid:hover { background: #15171a; }
.custom-dark-theme .table-grid > .table-responsive-section, .custom-dark-theme .v3checkbox-list .table-responsive-section { background: #242b33; }
.custom-dark-theme .theme-backgroung-color, body.custom-dark-theme .front_pop_model .modal-content, .custom-dark-theme .new-model-box { background: #242b33; }
.custom-dark-theme .table-grid.table-grid-position { background: transparent; }
.custom-dark-theme #new_ajazResponseModel.task_info_popup button.close, .custom-dark-theme .sortabledrag-attachcheck img { filter: brightness(0) invert(1); }
.custom-dark-theme .npop-wrap, .custom-dark-theme .js-task-description-area .cke_textarea_inline { background: #38404a; }
.custom-dark-theme .client-wrapper, .custom-dark-theme .messagebox-wrap .msg-box, .custom-dark-theme .messagebox-wrap .pop-form-row, .custom-dark-theme .tre-textarea .round_circle_text, .custom-dark-theme .markmake-section { background: #151c24 !important; }
.custom-dark-theme .profile-name { color: #fff !important; }
.custom-dark-theme .profile-company-name { color: #484F57 !important; }
.custom-dark-theme footer { background: #151c24; border-top-color: transparent; }
.custom-dark-theme .copyright, .custom-dark-theme .new-model-box .pop-header h2, .custom-dark-theme .new-model-form li .newmodel-control, .custom-dark-theme .new-model-form li .new-model-heading { color: #fff; }
/*.custom-dark-theme .max-frame-btn img { filter: brightness(0) invert(1); }*/
.custom-dark-theme .box-con { background: transparent; }
.custom-dark-theme svg path { fill: #C2CFE0; }
.custom-dark-theme .tre-textarea-content, .tre-textarea .checklist_form { box-shadow: 0 1px 2px -1px #38404a, 0 0 0 1px #6d7176; }
.custom-dark-theme .js-task-field-edit-parent .js-task-field-edit-text:hover, .custom-dark-theme .tasks-new-box li .js-task-field-edit-text:hover { background: #38404a; }
.custom-dark-theme .new_ajaxModelWidth button.close { filter: brightness(0) invert(1); }
.custom-dark-theme .pop-header .edit-pop-content { color: #fff; }
.custom-dark-theme .edit-pop-content, .custom-dark-theme .edit-pop-content > *, .custom-dark-theme .edit-pop-content a { color: #fff; }
.custom-dark-theme .new-search-input input[type="search"], .custom-dark-theme .new-search-input a { background-color: #E5EDFB; color: #334D6E; }
.custom-dark-theme .show-all-side-list { background: transparent; }
.custom-dark-theme .attachment-content * { color: #fff !important; }
.custom-dark-theme .nclient-client-account h2 { color: #B3B6BB !important; }
.custom-dark-theme .nclient-client-account small, .custom-dark-theme label.theme-font-main, .custom-dark-theme .nclient-link .hide-on-slide, .custom-dark-theme .nclient-task-list .task-date, .custom-dark-theme .profile-wrap ul li a, .custom-dark-theme .client-header .logo, .custom-dark-theme .client-header .logo a { color: #787A83 !important; }
.custom-dark-theme .nclient-task-list .table-col-name, .custom-dark-theme .tab-flex-center span { color: #fff; }
.custom-dark-theme .profile-wrap ul { background: #2c333a; }
.custom-dark-theme .profile-wrap ul li a:hover, .custom-dark-theme .profile-wrap ul li a.activ { color: #334D6E !important; }
.custom-dark-theme .profile-wrap ul li a svg path { fill: #787A83; }
.custom-dark-theme .profile-wrap ul li a:hover svg path, .custom-dark-theme .profile-wrap ul li a.activ svg path { fill: #334D6E; }
.custom-dark-theme .left-mini-heading, .custom-dark-theme .back-to-home, .custom-dark-theme .left-menu-select select, .custom-dark-theme .logo select { color: #fff !important; }
/*.custom-dark-theme .nclient-link svg path { fill: #787A83; }*/
.custom-dark-theme .inner_right_section h1, .custom-dark-theme .wallet-beans-section h2 { color: #fff; }
.custom-dark-theme .bur-icon span { background: #fff; }
.custom-dark-theme .nclient-link.active span { color: #109CF1 !important; }
.custom-dark-theme .pop-header-back a, .custom-dark-theme .pop-header-back, body.custom-dark-theme, .custom-dark-theme .v3-pop-text ul li, .custom-dark-theme .v3-pop-text p, .custom-dark-theme .cke_textarea_inline p, .custom-dark-theme .v3-pop-content h2, .custom-dark-theme .v3-pop-content h3, .custom-dark-theme .v3checkbox-list .js_checklist_content .js_checklist_text, .custom-dark-theme .v3checkbox-list .table-responsive-section a, .custom-dark-theme .task_available_label_container .label-span, .custom-dark-theme .npop-wrap .assigned-created ul li span.u-info-span, .custom-dark-theme .profile-tag label, .custom-dark-theme .extra-field-row ul li label, .custom-dark-theme #ed-signature-e-table h2, .custom-dark-theme #ed-signature-e-table p, .custom-dark-theme .agent_profile_text_small span.black_txt, .custom-dark-theme .section-content-header .link-common-btn { color: #fff !important; }
.custom-dark-theme .replay-message-content { color: #464646; }
.custom-dark-theme .v3-pop-content .npop-wrap .v3flex-table-description.green_tr h3 { color: #4d4d4d !important; }
.custom-dark-theme .suffix_field_span { color: #333; }
.custom-dark-theme .v3checkbox-list .table-responsive-section { opacity: 1; background: #38404a; }
.custom-dark-theme .disabled_client_option a:hover { background: transparent !important; }
.custom-dark-theme .tre-textarea-content, .custom-dark-theme .tre-textarea .checklist_form, .custom-dark-theme .tre-textarea-content textarea, .custom-dark-theme .tasks-wrap .js_comment_content > span, .custom-dark-theme .form-wrap .field-wrap.profile-image, .custom-dark-theme .profile-flex-form { background: #38404a; color: #fff; }
.custom-dark-theme #ed-signature-e-table { background: #38404a !important; }
.custom-dark-theme .load-more-icon { color: #fff !important; filter: brightness(0) invert(1); opacity: 1; }
.custom-dark-theme .right-menu-box ul li a { background: #38404a; color: #fff; opacity: 1; }
.custom-dark-theme .pop-header-ul li.responsive-dots a, .custom-dark-theme .back-to-home > img, .custom-dark-theme .markmake-bth-flex img { filter: brightness(0) invert(1); }
.custom-dark-theme #js-history-log-container .black_txt { color: #fff !important; font-weight: 600; }
.custom-dark-theme #new_ajaxResponseDiv a { color: #fff; }
.custom-dark-theme .attachment-view, .custom-dark-theme .attachment-view .attachment_display_box { background: #151c24; }
.custom-dark-theme .button-add-an-item input[type="button"] { color: #fff; background: #23262a; }
.custom-dark-theme .js-small-comment-textarea .tre-textarea-content textarea { color: #fff; }
.custom-dark-theme .icon-edit-active:before, .custom-dark-theme .v3checkbox-list .delete-btn, .custom-dark-theme .preview-popup-btn img, .custom-dark-theme .client-search .client-box img { filter: brightness(0) invert(1); }
.custom-dark-theme .checklist_form textarea { background: #38404a !important; color: #fff; }
.custom-dark-theme .button-add-an-item input[type="button"][disabled], .custom-dark-theme .button-add-an-item input[type="button"][readonly] { color: #333; }
.custom-dark-theme .pop-header .edit-pop-content input { color: #fff; background: transparent; border-color: transparent; }
.custom-dark-theme .log-comment-box textarea, .custom-dark-theme .log-comment-box .cke_textarea_inline { background: #fff; }
.custom-dark-theme #profile_image_file { background: transparent; border-color: #000; }
.custom-dark-theme .table-grid.green_tr > * { color: #38404a !important; }
.custom-dark-theme .log-comment-wrap { padding: 0; }
.custom-dark-theme .log-comment-wrap .pop-form-submit { margin-top: 10px; }
.custom-dark-theme .log-comment-box textarea, .custom-dark-theme .log-comment-box .cke_textarea_inline, .custom-dark-theme .log-comment-box .cke_textarea_inline > * { color: #333 !important; }
.custom-dark-theme .messagebox-wrap .fixing-responsive .pop-form-row .pop-form-full textarea { color: #464646 !important; }
.custom-dark-theme .messagebox-wrap .pop-form-row .pop-form-full textarea, .custom-dark-theme .messagebox-wrap .fixing-responsive .pop-form-row .pop-form-full textarea { color: #fff !important; }
.custom-dark-theme .black_txt { color: #fff !important; }
.custom-dark-theme .table-grid-black > * { color: #333 !important; }
.custom-dark-theme .fc-unthemed td.fc-today { background: #000; }
.custom-dark-theme .client-pagination-list a { background: #151c24; color: #fff; }
.custom-dark-theme .client-pagination-list a.green_txt { background: #129af1; }
.custom-dark-theme .drop-custom-sortable-ul li span .newmodel-control { color: #464646; }
.custom-dark-theme .left-menu ul li a span { background-color: #fff; }
.custom-dark-theme .left-menu ul li a.active span, .custom-dark-theme .left-menu ul li a:hover span, .custom-dark-theme .left-menu ul li a:hover span.slide-link:before { background-color: #109CF1; }
.custom-dark-theme .left-menu ul li a.active, .custom-dark-theme .left-menu ul li.active > a, .custom-dark-theme .left-menu ul li.active > span, .custom-dark-theme .left-menu ul li a:hover { color: #109CF1 !important; }
.custom-dark-theme .left-menu-select select, .custom-dark-theme .logo select { background: #2c333a; }
.custom-dark-theme .client-pagination-list .n-tabs-design { background: #151c24; }
.custom-dark-theme .client-pagination-list .n-tabs-design.green_txt { background: #109cf1; }
.custom-dark-theme .n-tabs-design .sortabledrag-dragsec img { filter: brightness(0) invert(1); }
.custom-dark-theme .client-pagination-list a.sortabledrag-dragsec, .custom-dark-theme .client-pagination-list .markmake-btn a { background: transparent; }
.custom-dark-theme .left-menu ul li span.list-ul-icon { background: #fff; }
.custom-dark-theme .left-menu ul li.active span.list-ul-icon { background: #109CF1; }
@media(max-width: 767px) { .custom-dark-theme .nclient-row > .nclient-256 { background: #151c24; }
 .custom-dark-theme .right-menu-box ul { background: #151c24; } }
/*-dark-mode-*/
.client-portal-right .small-scroll { padding: 30px; width: 280px; }
.client-portal-right .left-menu ul li a { font-size: 14px; justify-content: flex-start; }
.ui-widget-shadow { opacity: 0.9 !important; }
ul.header-btns { list-style: none; display: flex; gap: 15px; }
ul.header-btns li a { text-decoration: none; background: #fff; height: 44px; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #464646; padding: 0 30px; box-shadow: 0 0 3px rgba(0,0,0,0.1); border-radius: 5px; }
ul.header-btns li a.active { background: #dae8f6; }
.client-selectdropdown-common { margin-left: 0; min-width: 180px; }
.client-selectdropdown-common > span:before { display: none; }
.client-selectdropdown-common > span { width: 100%; background: url(../images/chevron-down-solid.svg) no-repeat right center / 12px; }
.client-selectdropdown-common .client-selectdropdown-body { flex-direction: column; border-bottom: none; }
.client-selectdropdown-common .client-selectdropdown-body li, .client-selectdropdown-common .client-selectdropdown-body li a { width: 100%; }
.client-selectdropdown-divider { padding-top: 5px; border-top: 1px solid #90A0B7; }
.w-100 { width: 100%; }
@media(min-width: 992px) { .desktop-hide { display:none; } }
@media(max-width: 991px) { .mobile-hide { display:none; }
 .client-selectdropdown-common { width: 100px; }
 .client-selectdropdown-common > span { font-size: 14px; }
 .client-selectdropdown .new-filter-drop { top: 24px; }
 ul.header-btns { list-style: none; display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 15px; }
 ul.header-btns li { width: calc(50% - 8px); }
 ul.header-btns li a { font-size: 14px; padding: 0 10px; text-align: center; justify-content: center; } }
.mobile-content-width * { max-width: 100%; }
.tabs-files-wrap { background: rgba(211, 211, 211, 0.17); }
.tabs-files-btn { list-style: none; display: flex; }
.tabs-files-btn li a { text-decoration: none; font-size: 14px; font-weight: 600; color: #060606; padding: 10px 20px; display: inline-block; }
.tabs-files-btn li.active a { background: #fff; }
.tabs-file { padding: 15px 20px; background: #fff; display: none; }
.tabs-file.active { display: block; }
.agent-new-before .agent-new-section-content > .tabs-files-box, .tabs-files-box { padding: 0; }
.invite-friends p { margin: 0 0 10px 0; }
.invite-friends-inner p { margin-bottom: 10px; }
.invite-friends-inner p a { text-decoration: none; color: #109CF1; }
.invite-friends input { width: 100%; border: 1px solid #E8E5E5; border-radius: 5px; height: 48px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.06); margin-bottom: 15px; padding: 0 20px; }
.invite-friends-btns { display: flex; align-items: center; justify-content: space-between; }
.invite-friends-btns ul { list-style: none; display: flex; align-items: center; gap: 10px; }
.invite-friends-btns ul li { height: 34px; display: flex; align-items: center; }
.invite-friends-btns ul li svg, .invite-friends-btns ul img { min-width: 34px; max-width: 34px; height: 34px; }
.invite-friends-btns > a { color: #329EF2; text-decoration: underline; font-weight: 500; }
.threedot-icon { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid #59B6EF; border-radius: 50%; color: #59B6EF; background: url(../images/icons/new-icon/more-profile.svg) no-repeat center; }
.invite-friends-form { position: relative; }
.invite-friends-form button { border: none; background: none; position: absolute; right: 10px; bottom: 12px; top: 0; }
.invite-friends-form > img { position: absolute; top: 15px; right: 40px; }
.invite-friends-form-wrap { display: flex; margin-bottom: 16px; align-items: center; }
.invite-friends-form-wrap .invite-friends-form input { margin-bottom: 0; }
.invite-friends-form-wrap .invite-friends-form { width: 100%; margin-right: 16px; }
.invite-friends-form-wrap .invite-friends-form button { bottom: 0; }
.invite-btn { border: none; font-size: 16px; font-weight: 600; background: #F4F6F9; color: #888888; height: 40px; padding: 0 25px; }
.declined-invited { min-width: 240px; }
.custom-dark-theme .tabs-file { background: #2c333a; }
.custom-dark-theme .tabs-files-btn li.active a { background: #2c333a; }
.custom-dark-theme .tabs-files-btn li a { color: #fff; }
.agent_detail-second { margin-top: 15px; }
.agent_detail-second .cs-popup-detail-subheading { margin: 10px 0; font-weight: 600; font-size: 14px; }
@media(min-width: 992px) { .tabs-files-img { display: none; } }
@media(max-width: 991px) { .invite-friends-btns { flex-direction: column; }
 .invite-btn { margin-top: 15px; }
 .profile-avatar-flex { flex-wrap: wrap; }
 .profile-avatar-text { width: auto; padding: 0 0 0 15px; }
 .agent-new-edit-profile { margin-left: auto; margin-top: 15px; }
 .agent-new-before .agent-new-section-content { min-height: 1px; }
 .cs-home-invite-widget-mobile .tabs-files-container { min-height: 546px; background: #fff; box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06); border-radius: 5px; display: flex; justify-content: space-between; flex-direction: column; }
 .cs-home-invite-widget-mobile .tabs-files-wrap .tabs-files-container { height: 100%; }
 .tabs-files-img { max-height: 200px; margin-bottom: 25px; }
 .invite-friends-btns ul { flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
 .invite-friends-btns ul li a { width: 100%; } }
.new-profile-page .social_links { margin-top: 10px }
.social_links ul { list-style: none; display: flex; margin: 0; flex-wrap: wrap; gap: 10px; }
.am_popup_main .social_links { margin-top: 20px; }
.social_links ul li { width: 33px; height: 33px; /* margin-top: 10px; */ /* margin-left: 5px; */ margin-bottom: 0 }
.social_links ul li:first-child,.start-review ul li:first-child { margin-left: 0 }
.social_links ul li a { display: block; height: 33px; width: 100%; background: url(../images/v2-images/social-media-icons-new.png) center center no-repeat #6c63ff; background-size: auto!important; border-radius: 50%; font-size: 0; }
.social_links ul li.medium_ico a { background: url(../images/v2-images/medium-m-brands.svg) center center/auto 22px no-repeat #6c63ff!important }
.social_links ul li.twitter_ico a { background-position: -42px center }
.social_links ul li.facebook_ico a { background-position: 10px center }
.social_links ul li.instagram_ico a { background-position: -146px center }
.social_links ul li.blog_ico a { background-position: -244px center; }
.social_links ul li.linkedin_ico a { background-position: -94px center }
.social_links ul li.github_ico a { background-position: -298px center }
.social_links ul li.behance_ico a { background-position: -347px center }
.social_links ul li.dribbble_ico a { background-position: -402px center }
.social_links ul li.upwork_ico a { background-position: -452px center }
.social_links ul li.fiverr_ico a { background-position: -507px center }
.social_links ul li.website_ico a { background-position: -559px center }
.social_links ul li.reviews_ico a { background-position: -610px center }
.social_links ul li.credentials_ico a { background-position: -662px center }
.team-secondheadingwrap .pop-form-row > div { margin-bottom: 0; }
.domain-box .header-btns { margin-bottom: 30px; }
.markmake-bth-flex { display: flex; gap: 20px; }
.markmake-bth-box { position: relative; }
.markmake-section { display: none; position: absolute; right: 0; background: #fff; padding: 10px 15px; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,0.2); top: 26px; z-index: 9; }
.markmake-active { display: block; }
.markmake-section a { white-space: nowrap; }
.markmake-section > * { margin-top: 6px; }
.markmake-section > *:first-child { margin-top: 0; }
.markmake-accordian { padding: 16px; min-width: 260px; }
.mark-accordian-box { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 8px; }
.markmake-accordian > ul { display: flex; flex-direction: column; gap: 16px; }
.mark-accordian-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 16px; }
.mark-accordian-heading img { transition: all 0.5s ease-in-out; }
.mark-accordian-heading.active img { transform: rotate(180deg); }
.mark-accordian-heading h4 { font-size: 14px; color: #464646; }
.mark-accordian-body { transition: all 0.5s ease-in-out; padding: 0 16px; max-height: 0; overflow: hidden; }
.mark-accordian-body p { margin-bottom: 4px; font-size: 13px; color: #464646 !important; }
.mark-accordian-body .popform-checkbox { display: flex; justify-content: space-between; }
.mark-accordian-body.active { padding: 8px 16px; max-height: 500px; border-top: 1px solid rgba(194, 207, 224, 0.5); }
.mark-inner-accordian { margin: 8px -16px -8px; border-top: 1px solid rgba(194, 207, 224, 0.5); }
.recurring-task-ul { display: flex; gap: 8px; flex-wrap: wrap; }
.recurring-task-ul li { width: calc(33.33% - 6px); }
.recurring-task-ul li:last-child { width: 100%; }
.recurring-task-ul li a { display: block; text-align: center; background: #eee; font-weight: 500; border-radius: 4px; padding: 4px 8px; box-sizing: border-box; }
.agent-new-inner-design .active-tool-ul { min-height: calc(100vh - 182px); }
.small-left-menu.agent-new-inner-design .active-tool-ul { min-height: calc(100vh - 92px); }
/*.agent-new-inner-design a.hide-sidebar-btn.js-hide-side-bar-target { position: relative; }*/
.agent-new-inner-design .left-menu { padding-bottom: 10px; }
body .cs_client_add_popup .ndesign-form-content .tailor-experience label { padding: 0; width: 100%; justify-content: flex-start; }
.tailor-experience .new-model-form ul { display: flex; flex-wrap: wrap; gap: 32px 10px; margin-top: 34px; margin-bottom: 34px; justify-content: space-between; }
.tailor-experience .new-model-form li { margin: 0; width: calc(33.33% - 7px); }
.tailor-experience .new-model-form .full-li-width { width: 100%; max-width: none; }
@media(max-width: 767px) { .tailor-experience .new-model-form li { width: 100%; }
 .tailor-experience .new-model-form ul { gap: 16px 10px; } }
.tailor-experience .new-model-form-radio ul { gap: 10px; }
/**/
.tasks-new-design .pop-n-right-menu { padding-right: 0; }
.pop-n-right-menu .pop-left { padding-top: 0; }
.tasks-new-design .pop-n-right-menu .npop-wrap { border-radius: 0; }
.pop-n-right-menu .markmake-flex { margin: 0; padding: 10px 25px; border-bottom: 1px solid rgba(194, 207, 224, 0.5); min-height: 64px; box-sizing: border-box; }
.list-page-design .show-all-side-list > * { min-height: 1px; }
.list-page-design .table-grid:not(.table-fix-drid) { border-bottom: 1px solid #efefef; }
.list-page-design .table-grid:not(.table-fix-drid) > *, .list-page-design .show-all-side-list { border-bottom: none; }
.show-all-side-list:hover, .table-grid-position:hover { background: transparent; }
.table-wrap { margin-top: 20px; }
.table-wrap-border { border: 1px solid #efefef; border-radius: 4px; overflow: hidden; margin: 0; }
.benefits-professional-list { margin-top: 30px; }
.benefits-professional-list .benefits-professional { margin-bottom: 10px; font-size: 16px; color: #334D6E; }
.benefits-professional-list .benefits-professional input { border: none; background: #fff !important; width: 35px; min-width: 1px; text-align: center; font-size: 16px; color: #334D6E; font-weight: 600; }
.list-page-design .page_left_header { padding: 0; }
.list-page-design .page_left_header > .notification-wrap { padding: 20px 15px 10px 15px; box-sizing: border-box; margin: 0; }
.list-page-design .page_left_header .section-content-header { margin: 0; }
.section-content-ul { display: flex; align-items: center; gap: 12px; list-style: none; }
.section-content-ul li a { display: flex; align-items: center; text-decoration: none; color: #109CF1; font-weight: 600; }
.section-content-ul li a img { width: 17px; }
.section-content-header h1 { font-size: 24px; font-weight: 600; margin-bottom: 0; }
a.edit-save-btn { padding: 3px 10px; display: inline-flex; align-items: center; font-weight: 500; border-radius: 3px; position: sticky; margin-bottom: 10px; top: 49px; z-index: 9; }
a.edit-save-btn img { filter: brightness(0) invert(1); margin-right: 5px; width: 12px; }
.table-col-label-first { display: flex; align-items: center; gap: 10px; }
.table-circle-width { min-width: 156px; }
.table-col-la-span { display: inline-flex; min-height: 32px; align-items: flex-start; flex-direction: column; justify-content: center; }
.justify-content-start { justify-content: flex-start !important; }
/**/
/*--client-site-popup--*/
.preview-popup-btn { display: flex; align-items: center; gap: 10px; padding: 6px 12px; border: 1px solid #EDEEF0; border-radius: 4px; }
.preview-popup-btn img { width: 16px; }
.preview-share { display: flex; list-style: none; gap: 12px; }
.back-to-home { text-decoration: none; display: flex; align-items: center; color: #334D6E; font-size: 14px; font-weight: 500; gap: 6px; margin-bottom: 10px; }
body .cs-preview-popup-main { padding: 16px; }
body .cs-preview-popup-main .modal-content { max-width: 100%; }
.agent-new-design .cs-preview-popup-main .main-content { width: 100%; }
.cs-preview-popup-main .nclient-row { max-width: 100%; }
.cs-preview-popup-main button.close { top: 3px; }
body .cs-preview-popup-main .modal-body { max-height: calc(100vh - 32px); overflow: auto; }
body .cs-preview-popup-main .modal-header { z-index: 999; }
.section-content-header .link-common-btn { color: #363853; font-weight: 600; display: flex; width: 16px; height: 16px; border: 1px solid #363853; border-radius: 50%; align-items: center; justify-content: center; margin: 0; }
.section-content-header { display: flex; justify-content: space-between; align-items: center; margin: -10px -15px 20px; border-bottom: 1px solid #EBEFF2; padding: 10px 15px; min-height: 64px; box-sizing: border-box; }
.inner_right_section h1.with-link { margin: 0; }
.simple-link-top { display: inline-block; margin-top: 10px; }
.client-portal-right ul.wallet-beans-ul li { flex-wrap: wrap; gap: 5px; position: relative; }
.client-portal-right ul.wallet-beans-ul li > div { width: calc(50% - 10px); position: static; }
.client-portal-right .password-box a { left: 0; right: 0; text-align: center; display: block; bottom: -24px; margin: 0; }
@media(max-width: 991px) { .preview-popup-btn { gap: 0; padding: 6px; font-size: 0; }
 .preview-share { gap: 6px; position: absolute; left: 50px; }
 .pop-n-right-menu .markmake-flex { padding: 10px; min-height: 1px; }
 a.edit-save-btn { top: 10px; } }
/*--client-site-popup--*/
.js-task-field-edit-parent .js-view-page-content-save-trgr, .js-task-field-edit-parent .js-task-area-save-trgr { display: none; }
.js-content-edit-txt-active .js-view-page-content-save-trgr, .js-content-edit-txt-active .js-task-area-save-trgr { display: inline-flex; }
.js-content-edit-txt-active .js-view-page-content-edit-img, .js-content-edit-txt-active .js-task-area-edit-img { display: none; }
.havent-made-portals { margin: -10px -20px 0; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top: 1px solid #EBEFF2; }
.havent-made-portals h2 { font-size: 18px; font-weight: 700; color: #464646; margin: 24px 0; }
.havent-made-portals p { color: #464646; font-size: 14px; font-weight: 400; text-align: center; margin-bottom: 20px; }
.havent-made-portals a.new-com-btn { margin: 0; padding: 10px; box-sizing: border-box; min-width: 113px; min-height: 35px; border-radius: 2px; }
.everything-portal { margin-top: 20px; }
.everything-portal a { color: #479AEA; font-size: 14px; font-weight: 400; display: flex; align-items: center; justify-content: center; }
.everything-portal a span { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #479AEA; border-radius: 50%; margin-right: 8px; }
.portal-guide-banner { width: auto; height: calc(100vh - 45px); background-color: rgba(0,0,0,0.7); z-index: 9999; position: absolute; left: 280px; top: 45px; right: 0; }
.portal-guide-text { max-width: 300px; min-width: 300px; padding-left: 111px; }
.portal-guide-text h2 { font-size: 16px; font-weight: 700; color: #fff; }
.portal-guide-text p { font-size: 14px; font-weight: 600; color: #fff; }
.portal-guide-content { position: absolute; left: 10px; }
.portal-guide-1 { left: 50%; transform: translate(calc(-50% + 146px), 0); z-index: 99999; top: 52px; }
.portal-guide-content img { position: absolute; }
.portal-guide-1 .portal-guide-text { padding: 57px 0 0 110px; }
.portal-guide-2 { top: 70px; }
.portal-guide-2 .portal-guide-text { padding-top: 15px; }
.portal-guide-3 { top: 140px; }
.portal-guide-3 .portal-guide-text { padding-top: 45px; }
.portal-guide-4 { top: 192px; }
.portal-guide-4 img:nth-child(2) { top: 45px; }
.portal-guide-4 img:nth-child(3) { top: 92px; }
.portal-guide-4 .portal-guide-text { padding-top: 88px; }
.portal-guide-5 { top: 336px; }
.portal-guide-5 img:nth-child(2) { top: 46px; }
.portal-guide-5 .portal-guide-text { padding-top: 41px; }
.portal-guide-6 { top: 436px; }
.portal-guide-6 .portal-guide-text { padding-top: 29px; }
.portal-guide-7 { top: 487px; }
.portal-guide-7 .portal-guide-text { padding-top: 71px; }
.portal-guide-8 { top: 54px; }
.portal-guide-center { align-items: center; display: flex; gap: 5px; }
.portal-guide-9 { top: 136px; height: 378px; }
.portal-guide-arrow { height: 360px; border: 2px solid #fff; border-left: none; width: 60px; position: absolute; border-radius: 0 20px 20px 0; }
.portal-guide-10 { top: 520px; }
.portal-guide-11 { top: 575px; }
.portal-guide-9 .portal-guide-text { position: relative; }
.portal-guide-9 .portal-guide-text:before { content: ''; height: 3px; width: 41px; background: #fff; position: absolute; top: 50%; margin-top: -1.5px; left: 62px; }
.portal-guide-details { border: 1px solid #FFF; position: absolute; z-index: 99; width: 590px; padding: 30px; border-radius: 10px; right: 40px; bottom: 40px; }
.portal-guide-details h2 { color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 15px; }
.portal-guide-details p { color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 10px; }
.portal-guide-details a { background: #479AEA; text-decoration: none; color: #fff; font-size: 14px; padding: 8px 9px; display: inline-block; border-radius: 2px; }
.portal-guide-banner .portal-guide-close { width: 16px; height: 16px; position: absolute; right: 15px; filter: brightness(0) invert(1); top: 15px; }
@media(max-width: 991px) { #js-portal-guide-banner { display: none; }
 .havent-made-portals { align-items: flex-start; }
 .havent-made-portals img { max-width: 100%; }
 .havent-made-portals h2, .havent-made-portals p { text-align: left; } }
.no-data-available { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; width: 100%; }
.no-data-available p:empty { display: none; }
.no-data-available .client-tool-box { max-width: 290px; }
.no-data-available a.new-com-btn { width: auto; }
.draft-span-container .popform-checkbox { display: flex; gap: 5px; }
.text-delete-image { display: none; }
.js-pg-tab-remove-txt .text-delete-image { display: block; }
.js-pg-tab-remove-txt .text-edit-image { display: none; }
.pop-form-check-flex { display: flex; align-items: center; flex-wrap: wrap; }
.pop-form-check-flex label { width: auto; min-width: 100px !important; }
.pop-form-check-flex input { height: auto; }
.pop-form-row .pop-form-add-type, .pop-form-add-type { margin: 0; padding: 0; }
.with-second-herder { margin-bottom: 0; }
.content-header-second { display: flex; align-items: center; justify-content: space-between; margin: 0 -15px 15px; border-bottom: 1px solid #EBEFF2; padding: 6px 15px; }
.content-header-second h2 { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; }
.npop-wrap .tasks-new-box.cs-embedded-container > ul > li { padding: 0; border: none; }
.npop-wrap .cs-embedded-container .pop-form-tag { margin: 0 auto; }
.npop-wrap .cs-embedded-container .pop-form-tag h4 { margin-bottom: 10px; }
.tasks-new-box.cs-embedded-common, .cs-embedded-common { padding: 25px !important; border: none !important; border-top: 1px solid rgba(194, 207, 224, 0.5) !important; }
.cs-embedded-center, .cs-embedded-center > * { text-align: center; justify-content: center; }
.cs-question-content .pop-form-tag { width: 100%; }
.cs-embedded-file-form .form-control { border: 1px solid #e9e9e9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; color: #464646; }
.cs-embedded-file-form .form-group { margin-bottom: 12px; }
.cs-embedded-file-form input[type="submit"], .cs-embedded-file-form input[type="button"] { background: #109CF1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 600; font-size: 15px; border-radius: 4px; cursor: pointer; }
.client-side-layout .client-new-design .cs-view-txt-mode-preview.cs-client-page-common:not(.cs-client-page-com-frame), .agent-new-inner-design .client-new-design .cs-view-txt-mode-preview.cs-client-page-common:not(.cs-client-page-com-frame), .cs-client-page-common { margin-top: 20px; padding-top: 20px; border-top: none; }
.client-pagination-wrap + .cs-client-page-common { padding-top: 0; margin-top: 0; border-top: none; }
.client-side-layout .client-new-design .cs-view-txt-mode-preview.cs-client-page-common:first-child, .agent-new-inner-design .client-new-design .cs-view-txt-mode-preview.cs-client-page-common:first-child, .cs-client-page-common:first-child { margin-top: 0; border-top: none; }
.client-side-layout .client-new-design .cs-view-txt-mode-preview.cs-client-page-layout, .agent-new-inner-design .client-new-design .cs-view-txt-mode-preview.cs-client-page-layout, .cs-client-page-layout { margin: 0 0 20px 0; max-width: 100%; }
.client-side-layout .client-new-design .cs-view-txt-mode-preview.cs-client-page-layout > *, .agent-new-inner-design .client-new-design .cs-view-txt-mode-preview.cs-client-page-layout > *, .cs-client-page-layout > * { max-width: 700px; margin: 0 auto; }
.cs-client-page-image { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; text-align: center; }
.cs-client-page-layout .v3-pop-content { padding-top: 0; padding-bottom: 0; }
.other-frames { position: relative; }
.cs-client-upload-mode-container object, .cs-client-upload-mode-container .cs-client-page-image > div { width: 100%; }
.cs-client-upload-mode-container object { height: calc(100vh - 170px); }
.portal-view .sortable_drag_box .new-model-input { margin-left: 8px; margin-right: 16px; }
.portal-view-n .sortable_drag_box .new-model-input { margin-left: auto; }
.portal-view .pop-form-container { margin-top: 20px; }
.portal-view .pop-form-container > * { margin-top: 16px; }
.card-content-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
.card-content-row > * { width: calc(33% - 8px); background: #fff; border-radius: 5px; padding: 12px; box-sizing: border-box; }
.card-content-box h3 { margin-bottom: 10px; }
.card-content-data { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; }
.card-content-data:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.card-content-data > label { display: flex; align-items: flex-start; gap: 5px; }
.card-content-data > label input { position: relative; top: 5px; }
.card-select-content-row .card-content-data { width: calc(50% - 8px); }
.card-select-content-row .card-content-data label p { overflow: hidden; text-overflow: ellipsis; }
.portal-settings-btn-group select, .portal-settings-btn-group input { border: 1px solid #e9e9e9; height: 26px; border-radius: 4px; padding: 0 4px; }
@media(max-width: 767px) {
	.card-content-row > * { width: 100%; }
	.portal-settings-btn-group input { max-width: 130px; }
	.portal-settings-btn-group select { max-width: 100% }
}
.cs-common-popup-add-new .v3-pop-content.tasks-new-box { padding: 24px !important; }
.cs-common-popup-add-new .v3-pop-content.tasks-new-box .pop-header { padding: 0; border: none; }
.cs-common-popup-add-new button.close { top: 30px; right: 22px !important; }
.cs-common-popup-add-new .pop-form-full > label { display: none; }
.cs-common-popup-add-new .pop-form-full .pop-form-tag { width: 100%; }
.cs-common-popup-add-new .pop-form-submit { margin-top: 8px; }
.cs-common-popup-add-new .pop-form-row > div { padding: 0; }
body .front_pop_model.cs-common-popup-add-new .modal-content { max-width: 500px; }
.cs-common-popup-add-new .pop-form-submit { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.pop-form-removeable { display: flex; align-items: flex-start; justify-content: center; gap: 8px; flex-flow: column; }
.pop-form-removeable > * { margin: 0; }
.pop-form-removeable .removeable-btn { display: flex; }
.js-view-page-content-edit-parent:not(.js-content-edit-txt-active) .cke_toolgroup .cke_button__source { opacity: 0.4; pointer-events: none; }
.no-scroll { max-height: none !important; min-height: 1px !important; }
.border-none { border: none !important; }
.customize-height { display: flex; gap: 8px; }
.customize-height > span { min-width: 150px !important; }
.popup-task-list, .popup-task-form { display: flex; flex-wrap: wrap; gap: 16px; }
.popup-task-list > *, .popup-task-form > * { width: calc(50% - 8px); }
.popup-task-form .pop-form-tag, .popup-task-form .pop-form-full { width: 100%; }
.solo-password-username { position: relative; height: 56px !important; }
.solo-password-username span { position: absolute; top: 50%; transform: translate(0, -50%); left: 11px; }
.password-search-table { width: 100%; overflow: auto; }
.password-search-table table { width: 100%; min-width: 940px; border-collapse: collapse; box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 0); border: 1px solid #efefef; border-radius: 8px; overflow: hidden; }
.password-search-table table tr th, .password-search-table table tr td { padding: 20px; border-bottom: 1px solid #efefef; }
.password-search-table table tr td { background: #fff; }
.password-search-table table tr th { background: #109CF1; color: #fff; }
.cs-question-box-flex { display: flex; }
.cs-question-box-right, .cs-question-box-left { width: 100%; box-sizing: border-box; }
@media(max-width: 767px) { .password-search-table table tr th, .password-search-table table tr td { padding: 10px; }
 .cs-question-box-flex { display: block; }
 body .pop-qus-header { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
 body .pop-qus-header h3 { display: block; } }
.sequential-nav-heading { font-size: 18px; font-weight: 600; margin-bottom: 16px; }
.client-multi-view-next-container { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 830px; margin: 16px auto 0 auto; }
.client-multi-view-next-container > span { margin: 0; color: #109cf1; }
.client-multi-view-next-container > span > * { font-weight: 500; }
.question-card-field { border: 1px solid #EBEFF2; border-radius: 4px; }
.question-card-field .pop-qus-header { border-bottom: 1px solid #EBEFF2; padding: 16px; }
.question-card-field .pop-qus-header h3, .question-card-field .pop-qus-header a { margin: 0 !important; padding: 0; }
.question-card-field .pop-qus-header img { width: auto !important; }
.pop-qus-heading { display: flex; align-items: center; gap: 8px; }
.question-card-field .cs-question-box-container { padding: 16px 1px; }
.question-card-field .pop-form-row > div label { color: #464646; font-size: 15px; font-weight: 700; }
.question-card-field .pop-form-row .radio label { font-weight: normal; }
.question-card-field .pop-form-tag input.inputBlue { border-color: #CED4DA; background: transparent; min-height: 40px; }
.question-card-field .pop-form-submit { justify-content: flex-end; }
.client-multi-view-next-container .prev-next-btn { border: 1px solid #EBEFF2; padding: 8px 12px; font-size: 14px; display: flex; align-items: center; gap: 4px; }
/*----question-card-new-design--START----*/
.question-card-new-design { border: none; }
.question-card-new-design .pop-qus-header { border-bottom-color: #e5e7eb; }
.question-card-new-design .link-common-btn.secondary-color { color: #464646; }
.question-card-new-design .cs-question-box-container { padding: 0 1px; border-bottom: 1px solid #e5e7eb; }
.question-card-new-design.cs-question-both-box .cs-question-box-left { border-right: 1px solid #e5e7eb; }
.cs-client-page-layout .cs-question-box-container { border: none; }
.question-card-new-design .cs-question-box-left, .question-card-new-design .cs-question-box-right { padding: 16px 0; }
.question-card-new-design.cs-question-both-box .cs-question-box-right { background: rgb(249, 250, 251); }
.pop-qus-head-btn { display: flex; align-items: center; gap: 20px; }
.question-card-new-design .pop-form-row > div label { font-weight: 500; font-size: 14px; }
.question-card-new-design .pop-form-tag textarea:disabled, .question-card-new-design .pop-form-tag input:disabled { background: #fff !important; }
.question-card-new-design .pop-form-submit { justify-content: flex-start; }
/*----question-card-new-design--END----*/
@media (max-width: 490px) { .question-card-field .v3-pop-content { padding: 0; }
 .question-card-new-design.cs-question-both-box .cs-question-box-left { border-right: none; border-bottom: 1px solid #e5e7eb; }
 .pop-qus-head-btn { gap: 8px; flex-direction: column; align-items: flex-end; width: 100%; } }
.content-header-sec-mobile { justify-content: flex-start; gap: 16px; }
.content-header-sec-mobile .pop-labels { margin: 0; }
.content-header-sec-mobile .client-search { padding: 0; }
.content-header-sec-mobile .markmake-bth-box { margin-left: auto; }
.cs_textarea_hg_60 { height: 60px !important; }
.cs_textarea_hg_120 { height: 120px !important; }
.add-team-heading { text-align: center; }
.add-team-heading h2 { margin-bottom: 8px; font-weight: 600; }
.add-team-heading p { text-align: left; }
.v3-pop-body .add-team-now ul, .add-team-now ul { margin-top: 16px; }
.add-team-now ul li, .add-team-now ul li a { display: block; }
.add-team-now ul li { margin-bottom: 12px; }
.add-team-now ul li:last-child { margin-bottom: 0; }
.add-team-now ul li a { border-radius: 0; font-weight: 400; text-align: center; border: 1px solid #ccc; background: transparent !important; text-align: center; padding: 10px 16px; }
.add-team-now ul li a:hover { background: #f0f0f0 !important; }
.add-team-now ul li.add-team-back { margin-top: 24px; }
.add-team-now ul li.add-team-back a, .ag-btn-back { border: none; background: transparent !important; padding: 0 !important; font-size: 14px; color: #80868e !important; width: 100%; text-align: center; font-weight: 400 !important; box-sizing: border-box; }
.add-team-now ul li.add-team-back a:hover, .ag-btn-back:hover { text-decoration: underline; }
.team-invite-friends .invite-email > input { max-width: 100%; }
.team-invite-friends { margin-bottom: 8px !important; }
.team-invite-friends .professional-btn a { margin: 10px 0 16px 0; display: block; text-align: center; text-transform: none; }
.team-invite-friends .pop-form-submit, .team-invite-friends .pop-form-submit input { width: 100%; max-width: 100%; }
.team-invite-friends .pop-form-submit input, .team-invite-friends .professional-btn a { border-radius: 0; border: 1px solid #ccc; background: transparent !important; color: #333; font-weight: 400; padding: 10px 16px; font-size: 14px; }
.team-invite-friends .pop-form-submit input:hover, .team-invite-friends .professional-btn a:hover { background: #f0f0f0 !important; }
.add-team-now .js-non-ag-form-common { margin-bottom: 16px; }
.add-team-now .add-team-form-tag { display: flex; flex-direction: column; gap: 8px; }
.pop-header-column { flex-direction: column; align-items: flex-start !important; gap: 5px; }
.v3-pop-content .pop-form-full-wrap .heading-text { font-size: 24px; font-weight: 600; margin: 0 0 5px 0 !important; }
.v3-pop-content .pop-form-full-wrap .para-text { font-size: 14px; }
.default-profile-form .pop-form-tag-full { display: flex; align-items: center; gap: 20px; }
.default-profile-form .pop-form-tag-full > label { min-width: 130px; }
.default-profile-form .pop-form-tag-column { flex-direction: column; gap: 8px; align-items: flex-start; }
.default-profile-wrap { display: flex; gap: 20px; }
.default-profile-form { display: flex; flex-direction: column; gap: 20px; }
.published-profile { margin: 16px 0; padding: 8px 16px; border: 1px solid #CED4DA; border-radius: 4px; background: #E2E3E5; }
.published-profile-active { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.published-profile form { display: flex; gap: 16px; justify-content: space-between; }
.published-profile form button { padding: 8px 12px; background: #479AEA; color: #fff; font-size: 14px; font-weight: 500; border: none; border-radius: 2px; white-space: nowrap; height: 33px; }
.published-profile form input { width: 100%; height: 33px; border: none; background: transparent; font-weight: 600; font-size: 14px; color: #41464B; }
.default-profile-tag { display: flex; align-items: center; gap: 20px; }
.default-profile-tag img { width: 80px; height: 80px; border-radius: 50%; }
.default-profile-tag button { border: 1px solid #D7D7D7; background: none; padding: 8px 12px; border-radius: 4px; color: #363853; font-size: 14px; }
.default-profile-checkbox { display: flex; align-items: center; gap: 20px; }
.default-profile-form .suffix_field_row { display: flex; }
.default-profile-form .suffix_field_row input { border-radius: 0 4px 4px 0; }
.default-profile-subheading { font-size: 14px; font-weight: 600; display: flex; gap: 12px; white-space: nowrap; align-items: center; }
.default-profile-subheading:after { content: ''; height: 1px; width: 100%; background: #CED4DA; }
.default-profile-linkul { list-style: none; display: flex; flex-direction: column; gap: 8px; width: 100%; }
.default-profile-linkul li { display: flex; gap: 16px; align-items: center; }
.default-profile-linkul li span { width: 100%; }
.default-profile-linkul li span.default-profile-close { width: 16px; }
.default-profile-linkul .add_new_link { margin-bottom: 0; border: 1px solid #d9d9d9; color: #363853; font-weight: normal; font-size: 14px; padding: 8px 14px; text-decoration: none; border-radius: 4px; display: inline-flex; box-sizing: border-box; line-height: 1.5; align-items: center; background: #fff; }
.default-profile-update-btn { justify-content: space-between; align-items: center; }
.default-profile-update-btn .popform-checkbox { white-space: nowrap; }
.agent-v3-section-content { padding: 0 !important; }
.agent-v3-section-header { display: block; padding: 10px 16px; border-bottom: 2px solid #EDEEF0; margin: 0 !important; }
.agent-v3-section-header h2, h2.agent-v3-section-header { margin: 0; font-size: 16px; font-weight: 700; }
.agent-new-knowledge-center .agent-table-wrap { max-height: 150px; }
.agent-table-wrap { max-height: 518px; overflow: auto; }
.agent-table-grid { display: flex; align-items: center; padding: 10px 16px; border-bottom: 2px solid #EDEEF0; flex-wrap: wrap; }
.agent-table-grid:hover { background: #F3F9FF; }
.agent-table-circle-img { width: 36px; height: 36px; margin-right: 10px; }
.agent-table-circle-img img { width: 100%; height: 100%; display: block; border-radius: 50%; }
.agent-table-btn { margin-left: auto; }
.agent-table-btn a { border: 1px solid #479AEA; display: inline-block; color: #479AEA; font-size: 15px; padding: 6px 8px; border-radius: 2px; }
.agent-table-content span { background: #B0FCD4; padding: 2px 8px; font-size: 10px; display: inline-block; color: #363853; border-radius: 2px; }
.agent-table-content p, .agent-table-content a { color: #797777; font-size: 12px; margin-top: 2px; font-weight: 500; line-height: 14.4px; }
.agent-table-content a { color: #363853; margin: 0; }
.agent-v3-section-all { color: #479AEA; text-align: center; padding: 20px 20px 20px 20px; font-size: 14px; display: block; background: #fff; text-decoration: none; }
.agent-table-left-img img { width: 16px; height: 16px; border-radius: 50%; }
.agent-table-left-img { display: flex; align-items: center; margin-top: 4px; }
.agent-table-left-content p, .agent-table-full { color: #363853; font-size: 12px; font-weight: 500; line-height: 14.4px; }
.agent-table-left-img span { color: #797777; font-size: 10px; font-weight: 500; margin-left: 5px; }
.agent-table-right-content { font-size: 10px; width: 70px; display: inline-block; margin-left: auto; color: #797777; font-weight: 500; min-width: 80px; }
.agent-table-align-right { text-align: right; }
.agent-table-left-content { margin-right: 10px; width: calc(100% - 90px); }
.agent-table-right-content span { display: block; font-size: 12px; font-weight: 500; color: #363853; margin-top: 0; }
.agent-table-right-content span.agent-table-datered { color: #EB5757; }
.client-dashboard-view { padding: 0; background: transparent; margin-top: 20px; }
.client-dashboard-view .agent-new-row > div { padding: 0 10px; }
.client-dashboard-view .agent-new-row { margin: 0 -10px; }
.client-dashboard-view .agent-new-section-content { box-shadow: none; border: 1px solid #EDEEF0; height: auto; min-height: 360px; max-height: 360px; align-content: flex-start; }
.client-dashboard-view .agent-table-grid, .client-dashboard-view .agent-v3-section-header { border-color: #EDEEF0; border-width: 1px; }
.client-dashboard-view .agent-table-wrap { min-height: 255px; max-height: 255px; }
.client-dashboard-view .no-section-all-btn { min-height: 315px; max-height: 315px; }
.client-dashboard-view .agent-file-section-content, .client-dashboard-view .agent-file-section-content .agent-table-wrap { max-height: none; }
.client-dashboard-view .deshbord-new-portal .agent-new-section-content { min-height: 1px; height: 100%; }
.agent-ai-content { padding: 16px; }
.agent-new-section-content h2 .dismiss-btn, .dismiss-btn { display: flex; align-items: center; gap: 4px; border: none; padding: 0; color: #dc3545; font-size: 14px; font-weight: 500; }
.agent-new-section-content h2 .dismiss-btn img, .dismiss-btn img { width: 12px; filter: brightness(0) saturate(100%) invert(38%) sepia(56%) saturate(6524%) hue-rotate(337deg) brightness(90%) contrast(90%); }
.your-new-portal-flex { display: flex; gap: 16px; margin-top: 16px; }
.your-new-portal-box { width: 50%; padding: 16px; border-radius: 8px; box-sizing: border-box; }
.your-new-portal-box:first-child { background: #eef2ff; }
.your-new-portal-box:last-child { background: #f1f5f9; }
.your-new-portal-box h3 { color: #464646; font-size: 16px; margin-bottom: 8px; }
.your-new-portal-box .btn-submit { margin-top: 8px; }
.cs-portal-preview-dashboard-visible.client-dashboard-view .agent-new-col-4 .card-view-wrap > * { width: 50%; }
.cs-portal-preview-dashboard-visible.client-dashboard-view .agent-new-col-4 .card-view-wrap .no-data-tab { width: 100%; }
.agent-mt { margin-top: 20px; }
.client-dashboard-view .cardview-header-anker h2 { justify-content: flex-start; margin: 0; }
.client-dashboard-view .card-view-wrap { padding: 0 10px 20px; margin: 0; }
.client-dashboard-view .card-view-wrap > * { width: 20%; }
.client-dashboard-view .card-view-box { box-shadow: none; border: 1px solid #EDEEF0; border-radius: 4px; }
.client-dashboard-view .card-view-header { height: 16px; }
.client-dashboard-view .card-view-footer h2 { font-size: 14px; font-weight: 500; line-height: normal; text-align: center; margin: 0; width: 100%; display: block; word-break: break-word; }
.client-dashboard-view .cardview-fileformet { height: 70px; }
.client-dashboard-view .cardview-fileformet img { width: 50px; }
.client-dashboard-view .invite-friends-btns ul { gap: 0; }
.client-dashboard-view .invite-friends-btns ul li:first-child { margin-left: 0; }
.client-dashboard-view .invite-friends-btns ul li { margin-left: -7px; background: #fff; border-radius: 50%; }
.client-dashboard-view .client-wrapper { overflow: auto; max-height: calc(100vh - 270px); }
.client-dashboard-view .client-new-design { overflow: hidden !important; }
.client-dashboard-view .client-wrapper .left-menu { height: calc(100vh - 45px); }
.agent-new-inner-design .client-dashboard-view .active-tool-ul { min-height: 1px; }
/*.client-dashboard-view .agent-table-flextabs { display: flex; flex-wrap: wrap; }*/
.table-circle-add .threedot-icon { font-size: 22px; font-weight: 500; }
.wallet-beans-ul { list-style: none; }
.wallet-beans-section { text-align: center; margin-bottom: 30px; }
.wallet-beans-section h2 { margin-bottom: 12px; font-size: 30px; }
.wallet-beans-ul li { display: flex; align-content: center; justify-content: center; }
.wallet-beans-ul li .form { border: 1px solid #d9d9d9; width: 100%; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; background: #fff; font-size: 14px; color: #464646; max-width: 300px; height: 39px; }
.wallet-beans-ul li .save_button { background: #109CF1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; margin-left: 10px; }
.tiles-label-container { display: flex; align-items: center; }
.label_color_box { padding: 2.5px 5px; }
.label_color_box > div { color: #464646 !important; }
.label-green { background-color: rgba(97, 189, 79, 0.5); }
.label-yellow { background-color: rgba(242, 214, 0, 0.5); }
.label-orange { background-color: rgba(255, 159, 26, 0.5); }
.label-red { background-color: rgba(235, 90, 70, 0.5); }
.label-purple { background-color: rgba(195, 119, 224, 0.5); }
.label-blue { background-color: rgba(0, 121, 191, 0.5); }
.label-sky { background-color: rgba(0, 194, 224, 0.5); }
.label-lime { background-color: rgba(81, 232, 152, 0.5); }
.label-pink { background-color: rgba(255, 120, 203, 0.5); }
.label-black { background-color: rgba(52, 69, 99, 0.5); }
.label-null { background-color: rgba(179, 186, 197, 0.5); }
.agent-dashboard-view .agent-table-left-content { margin: 0 0 10px 0; width: 100%; }
.agent-dashboard-view .table-col-la-span { color: #363853; margin-bottom: 6px; }
.agent-dashboard-view .tab-flex-center { color: #363853; }
.cs-portal-preview-dashboard-visible .agent-new-col-4 { max-width: 50%; }
.no-data-tab { display: flex; align-items: center; font-size: 14px; padding: 16px; box-sizing: border-box; font-weight: 400; color: #90A0B7; }
.cs-empty-dashboard-file-container .card-view-wrap { flex-direction: column; }
.cs-empty-dashboard-file-container .card-view-wrap > * { width: 100%; }
.cs-portal-preview-dashboard-visible .cs_portal_setting_left_tab { display: flex; gap: 20px; }
.client-portal-wrapper .cs-portal-preview-dashboard-visible .js-embedded-row.new-main-content { padding: 0; min-width: 500px; max-width: 500px; }
.cs-portal-preview-dashboard-visible .agent-new-row { align-content: flex-start; }
.submit-next-box { display: flex; align-items: center; gap: 16px; }
.not-submited-box { width: 100%; padding: 12px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; margin-top: 15px; }
.not-submited-box p { margin-bottom: 8px; }
.progress-container-flex { flex-direction: column; }
.progress-container-flex .file-progress-row { justify-content: space-between; gap: 8px; border: 1px solid #cdcdcd; }
.progress-container-flex .file-progress-row:hover { background: #fff; }
.loading-animate { width: 36px; aspect-ratio: 2; --_g: no-repeat radial-gradient(circle closest-side,#109CF1 90%,#0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100%/3) 50%; animation: l3 1s infinite linear; display: block; }
@keyframes l3 { 20% { background-position: 0% 0%, 50% 50%,100% 50% }
 40% { background-position: 0% 100%, 50% 0%,100% 50% }
 60% { background-position: 0% 50%, 50% 100%,100% 0% }
 80% { background-position: 0% 50%, 50% 50%,100% 100% } }
.status-icon .error-icon img, .status-icon .success-icon img { width: 15px; }
.status-icon .error-icon, .status-icon .success-icon { min-width: 35px; display: flex; max-width: 35px; align-items: center; justify-content: center; height: 35px; border-radius: 50%; }
.status-icon .error-icon { background: rgba(219, 53, 69, 0.2); }
.status-icon .success-icon { background: rgba(40, 166, 70, 0.2); }
.status-icon .error-icon img { filter: brightness(0) saturate(100%) invert(21%) sepia(53%) saturate(3556%) hue-rotate(337deg) brightness(109%) contrast(84%); }
.status-icon .success-icon img { filter: brightness(0) saturate(100%) invert(53%) sepia(59%) saturate(589%) hue-rotate(82deg) brightness(87%) contrast(88%); }
.new-subscription-page { max-width: 1340px; margin: 0 auto; }
.new-subscription-page .professional-agency-switch label { background: #E4E1E6; border-color: #E4E1E6; }
.new-subscription-page .professional-agency-switch label span { font-weight: 400; position: relative; }
.new-subscription-page .professional-agency-switch input:checked ~ .agency-monthly { background: #fff; color: #109CF1; }
.new-subscription-page .professional-agency-switch input:checked ~ .agency-yearly { background: transparent; color: #109CF1; }
.new-subscription-page .professional-agency-switch input ~ .agency-yearly { background: #fff; color: #109CF1; }
.new-subscription-page .professional-agency-switch label span .yearly-price-discount { position: absolute; bottom: 4px; left: 0; right: 0; font-size: 7px; text-align: right; display: block; height: auto; color: #27AE60; font-weight: 700; }
.client-subscription-heading { display: flex; align-items: center; gap: 16px; }
.client-subscription-header { display: flex; align-items: center; justify-content: space-between; }
.client-subscription-header .professional-agency-switch label, .client-subscription-header .professional-agency-switch, .client-subscription-header h1 { margin: 0; }
.client-subscription-header h1 { color: #192A3E; font-size: 30px; }
.subscription-heading-btn { background: #479AEA; font-size: 16px; text-decoration: none; color: #fff; padding: 12px 22px; display: block; text-align: center; border-radius: 7px; }
.new-subscription-page .professional-box { box-shadow: none; padding: 25px 20px 100px; position: relative; align-content: flex-start; }
.new-subscription-page .professional-image { display: none; text-align: left; }
.new-subscription-page .professional-box h3 { line-height: normal; text-align: left; font-size: 28px; margin-bottom: 16px; }
.professional-box-sub-plan { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.new-subscription-page .professional-box p { font-size: 18px; text-align: left; line-height: 1.6; margin: 0 0 16px 0; min-height: 86px; display: flex; align-items: center; }
.new-subscription-page h4 { text-align: left; display: flex; align-items: center; justify-content: flex-start; color: #479AEA; gap: 10px; margin-bottom: 16px; }
.new-subscription-page .professional-box h5 { text-align: left; font-weight: 400; }
.new-subscription-page .professional-box ul li { padding: 0; }
.new-subscription-page .professional-box h3 small { background: #E1F0FF; font-size: 14px; display: inline-block; color: #479AEA !important; font-weight: 600; padding: 3px 8px; border-radius: 4px; }
.new-subscription-page .professional-box:not(.green_tr) .btn-plan { background: #fff; color: #109cf1; border: 2px solid #e9e9e9; }
.new-subscription-page .professional-btn { position: absolute; bottom: 20px; left: 0; right: 0; }
.clienttool-question-section .questions_options_box .form-group { position: relative; padding-right: 32px; }
.dynamic-conditional-tab-dropdown { padding-left: 16px; }
.popform-submit-custom { margin-top: 16px; justify-content: flex-end; }
.portal-settings-box-ul { position: relative; }
.client-portal-template-new-design { padding-top: 10px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }
.client-portal-template-new-design .js-embedded-row .client-portal-right { padding-right: 0; }
.client-portal-template-new-design .client-new-design { padding: 0 !important; background: #fff; }
.extra-field-row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.extra-field-wrapper { padding: 0 10px; width: 33.33%; box-sizing: border-box; }
.extra-field-wrapper ul { border: 1px solid #e9e9e9; padding: 10px; box-sizing: border-box; list-style: none; border-radius: 4px; position: relative; margin-bottom: 15px; }
.extra-field-row .extra-field-wrapper ul li:last-child { position: absolute; top: -8px; right: -8px; }
.extra-field-row .extra-field-wrapper ul li:last-child img { width: 16px; background: #fff; border-radius: 50%; }
.section-content-portal-right { display: flex; align-items: center; gap: 16px; }
.portal-right-btn { display: flex; align-items: center; border: 1px solid #D7D7D7; background: #fff; padding: 8px 12px; font-size: 14px; gap: 8px; color: #363853; border-radius: 4px; cursor: pointer; }
.client-portal-template-new-design .with-second-herder { background: #fff; min-height: 1px; }
.client-portal-template-new-design .with-second-herder input { width: 37%; margin-left: 0; color: #4d4d4d; font-size: 26px; font-weight: 700; line-height: 1.5; border: 1px solid transparent; border-radius: 4px; padding: 0 10px; background: #fff; }
.client-portal-template-new-design .with-second-herder input:hover, .client-portal-template-new-design .with-second-herder input:focus { border-color: #e9e9e9; }
.delete-close { display: flex; align-items: center; gap: 16px; }
.pop-form-tag label.customErrorClass { white-space: nowrap; }
.bulk-upload-wrap h2 { margin: 0 0 6px 0; }
.bulk-upload-wrap p { text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 16px; }
.bulk-upload-wrap .bulk-upload-sumit { margin-top: 16px; }
/*--new-design-question-form-start--*/
/*.npop-wrap .new-design-question-form h3 { background-image: linear-gradient(to right, #2564EB 10%, #9333ea 25%); -webkit-background-clip: text; background-clip: text; color: transparent;!;!importan; font-size: 24px; }*/
.new-design-question-form .pop-form-tag textarea, .new-design-question-form .pop-form-tag .cke_textarea_inline { height: 82px !important; padding: 16px; font-size: 14px; border-radius: 12px; background: rgb(249, 250, 251); border-color: rgb(229, 231, 235); }
.new-design-question-form .clienttool-question-section .form-group { margin-bottom: 24px; }
.new-design-question-form .popform-checkbox { display: flex; align-items: center; gap: 8px; }
.new-design-question-form .popform-checkbox label { display: flex; }
.new-design-question-form .form-group-flex-row { gap: 0; }
.custom-select-option { position: relative; }
.custom-so-content { padding: 16px; font-size: 14px; cursor: pointer; border-radius: 12px; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); display: flex; align-items: center; justify-content: space-between; }
.checklist_form .custom-select-option span { padding: 0; }
.custom-so-content:after { content: ''; min-width: 10px; min-height: 10px; border-bottom: 2px solid; border-right: 2px solid; box-sizing: border-box; transform: rotate(45deg); position: relative; top: -5px; }
ul.custom-so-ul { background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 12px; position: absolute; left: 0; right: 0; top: 70px; z-index: 9; }
ul.custom-so-hide { display: none; }
.custom-so-ul li { padding: 16px; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.custom-so-ul li span { min-width: 22px; text-align: center; }
.new-design-question-form .form-group-flex-row .col-sm-10 input:not([type="radio"], [type="checkbox"]), .new-design-question-form .form-group-flex-row select { border: 1px solid; border-radius: 12px; padding: 12px 12px 12px 36px; height: auto; background: rgb(249, 250, 251); border-color: rgb(229, 231, 235); }
.new-design-question-form .form-group-flex-row select { padding: 12px; }
.nd-custom-check-radio { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translate(12px, -50%); }
.nd-custom-check-radio input { display: none; }
.nd-custom-check-radio div { min-width: 16px; min-height: 16px; border: 2px solid rgb(156, 163, 175); display: block; box-sizing: border-box; border-radius: 50%; }
.nd-custom-check-radio input:checked ~ div { border-color: #109CF1; display: flex; align-items: center; justify-content: center; }
.nd-custom-check-radio input[type="radio"]:checked ~ div:before { content: ''; min-width: 8px; min-height: 8px; background: #109CF1; border-radius: 50%; }
.add-more-option { color: #109CF1; display: flex; align-items: center; gap: 8px; text-decoration: none; margin-bottom: 16px; }
.nd-custom-check-radio input[type="checkbox"] ~ div { border-radius: 4px; }
.nd-custom-check-radio input[type="checkbox"]:checked ~ div:before { width: 3px; border-right: 2px solid #109CF1; transform: rotate(45deg); height: 6px; content: ''; border-bottom: 2px solid #109CF1; position: relative; top: -1px; }
.add-more-option img { min-width: 12px; max-width: 12px; filter: brightness(0) saturate(100%) invert(47%) sepia(57%) saturate(1043%) hue-rotate(165deg) brightness(96%) contrast(100%); }
.new-form-wrap h2 { margin-bottom: 8px; }
.new-form-tag { margin-bottom: 16px; }
.new-form-control { padding: 16px; font-size: 14px; border-radius: 12px; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); width: 100%; }
.new-form-btn { background: #109CF1; border: 1px solid transparent; color: #fff; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; min-width: 100px; text-align: center; box-sizing: border-box; white-space: nowrap; }
.stripe-connect-wrap { background: #faf4f4; border-radius: 8px; padding: 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.stripe-connect-data { display: flex; align-items: center; gap: 16px; width: 100%; }
.stripe-connect-data > img { max-width: 70px; }
.stripe-connect-data h3 { font-weight: 500; font-size: 16px; margin-bottom: 2px; }
.stripe-connect-data p { font-size: 12px; }
/*--new-design-question-form-end--*/
.cs_client_home_embed_container h2 { margin-bottom: 8px; }
.cs_client_home_embed_container .cs-common-heading-desc { margin-bottom: 24px; display: block; }
.cs-embedded-common .pop-img img { max-width: 300px; }
.new-pop-form-design .pop-form-tag { width: 100%; }
.new-pop-form-design .pop-form-tag input, .new-pop-form-design .pop-form-tag select, .new-pop-form-design .pop-form-tag textarea, .new-pop-form-design .modification-item input, .new-pop-form-design .modification-item select { border-radius: 12px; border: 1px solid rgb(229, 231, 235); min-height: 48px; padding: 8px 16px; display: block; }
.new-pop-form-design .profile-tag label, .new-pop-form-design .pop-form-full label { margin-bottom: 4px; display: block; }
.new-pop-form-design .profile-tag { margin-bottom: 16px; width: 100%; }
.new-pop-form-design .profile-form-res { display: flex; align-items: center; gap: 16px; }
.new-pop-form-design .line-item { margin-top: 24px; border-radius: 12px; background: rgba(249, 250, 251, 1); border-color: rgb(229, 231, 235); }
.new-pop-form-design .modifications-container { background: #fff; border-radius: 12px; border-color: rgb(229, 231, 235); }
.new-pop-form-design .modifications-container h3 { margin-bottom: 8px; }
.new-pop-form-design .modifications-container .add-modification { border: none; background: transparent; color: #2563eb; font-weight: 500; font-size: 14px; cursor: pointer; }
.new-pop-form-design .remove-line-item { cursor: pointer; color: #dc2626; border: none; background: rgba(254, 242, 242, 1); padding: 8px 16px; border-radius: 8px; }
.new-pop-form-design .add-line-btn { cursor: pointer; width: 100%; display: block; border: 2px dashed rgba(229,231,235,1); border-radius: 12px; padding: 16px 0; background: #fff; color: rgba(107,114,128,1); font-size: 16px; }
.new-pop-form-design .totals-section { border-radius: 12px; background: rgba(249, 250, 251, 1); border-color: rgb(229, 231, 235); }
.new-pop-form-design .totals-section .total-row { margin: 0; font-size: 16px; }
.new-pop-form-design .pop-form-submit { margin-top: 24px; }
.new-pop-form-design .modification-item select, .new-pop-form-design .modification-item input { width: 100%; }
.new-pop-form-design .modification-item { align-items: center; }
.new-pop-form-design .remove-modification { display: block; border: none; background: none; }
.ps-msg { padding: 10px 16px; font-weight: 500; border-radius: 4px; display: flex; align-items: center; gap: 8px; }
.ps-msg img { width: 24px; height: 24px; border-radius: 50%; padding: 6px; box-sizing: border-box; }
.ps-success { background: #38b275; color: #fff; }
.ps-success img { background: #fff; }
.ps-details-list { list-style: none; }
.ps-details-list li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #EBEFF2; font-size: 14px; gap: 8px; }
.ps-details-list li:last-child { margin: 0; }
.download-with-wrap { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; max-width: 830px; }
.download-with-full { max-width: 100%; margin-top: 16px; }
.download-with-wrap .download-with-new { gap: 8px; width: calc(100% - 8px); justify-content: flex-start; padding: 12px; font-size: 14px; border-radius: 12px; box-sizing: border-box; border: 1px solid rgb(229, 231, 235); margin: 0; position: relative; flex-direction: column; align-items: flex-start; }
.download-with-wrap .download-with-new h4,
.download-with-wrap .download-with-new h3 { margin: 0 !important; }
.download-with-wrap .download-with-new form { position: absolute; right: 16px; }

.task-field-edit-parent:not(.js-content-edit-txt-active) .cke_top.cke_reset_all { display: none; }
.task-field-edit-parent .cke_top.cke_reset_all { margin-bottom: 16px; border: 1px solid #d1d1d1; background: #fff; border-radius: 8px; padding: 10px 16px; }
.task-field-edit-parent  .cke_chrome { border: none; }
.task-field-edit-parent .cke_contents { border: 1px solid #d1d1d1; border-bottom: none; border-radius: 8px 8px 0 0; }
.task-field-edit-parent .cke_bottom { border: 1px solid #d1d1d1; border-top: none; border-radius: 0 0 8px 8px; background: #fff; }
.task-field-edit-parent .cke_toolgroup > * { margin-left: 8px; }
.task-field-edit-parent .cke_toolgroup > *:first-child { margin-left: 0; }
.task-field-edit-parent a.cke_button_off:hover, .task-field-edit-parent a.cke_button_off:focus, .task-field-edit-parent a.cke_button_off:active { background: transparent; border-color: #bcbcbc; }
.task-field-edit-parent a.cke_button { border-radius: 4px; border: 1px solid transparent; padding: 3px 5px !important; }
.task-field-edit-parent .cke_combo_button:hover, .task-field-edit-parent .cke_combo_button:active, .task-field-edit-parent .cke_combo_button:focus { background: transparent !important; margin: 0 0 0 0 !important; }
.task-field-edit-parent .cke_combo_button { background: transparent; border: 1px solid #bcbcbc; margin: 0; min-height: 30px; box-sizing: border-box; border-radius: 4px; padding: 0 !important; cursor: pointer; }
.task-field-edit-parent .cke_combo { margin: 0 0 0 8px; }

.cs-common-add-label .pop-form-tag { width: 100%; }
.cs-common-add-label .profile-tag { margin-bottom: 12px; }
.cs-common-add-label .profile-tag label, .cs-common-add-label .pop-form-full label { display: block; margin-bottom: 3px; }

.grid-view .card-view-col { width: 100%; }
.grid-view .card-view-body { position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); }
.grid-view .card-view-box { position: relative; padding: 15px 15px 15px 80px; min-height: 1px; }
.grid-view .card-view-body img { width: 40px; }
.grid-view .card-view-header { margin: 0; }
.grid-view .card-view-footer { margin: 0; font-size }
.grid-view .card-view-body .cardview-fileformet { height: auto; font-size: 22px; }
.grid-view .card-view-body .label_color_box { right: 0; display: none; }
.blue-btn { background: #109CF1; color: #fff !important; display: block; padding: 8px 16px; border-radius: 4px; }
.client-card-view .card-view-box { padding: 0; border: none; height: calc(100% - 20px); position: relative; background: #fff !important; }
.client-card-view .view-card-img { padding: 16px; background: rgba(197, 214, 240, 0.3); }
.client-card-view .view-card-header { padding: 16px; }
.client-card-view .view-card-header > * { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; gap: 8px; flex-direction: column; min-height: 54px; }
.client-card-view .view-card-header h2 { width: 100%; }
.client-card-view .view-card-content { padding: 0 16px 16px; height: 60px; overflow: hidden; }
.client-card-view .view-card-description p { margin-bottom: 8px; }
.client-card-view .view-card-description p:last-child { margin-bottom: 0; }
.client-card-view .card-view-footer { margin: 0; padding: 0 16px 16px; display: flex; gap: 8px; }
.client-card-view .card-view-footer > * { margin-top: 0; width: 100%; text-align: center; border-radius: 4px; padding: 0; justify-content: center; min-height: 40px; display: flex; align-items: center; }
.client-card-view .view-card-header .cardview-header-span { width: 100%; max-width: 100%; }
.view-card-content .label_color_box { position: static; }
.client-grid-view .card-view-wrap > * { width: 100%; }

/*--invoice-style-start--*/
.select-existing-tag { position: relative; }
.select-existing-btn { position: absolute; bottom: -10px; background: #fff; left: 12px; }
.label-heading-wrap{ display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center;  }
.label-heading-wrap .label-icon{ width:16px; }
.new-filter-header .red_txt{ font-size:12px; }
.common_visible_action_box { position: relative; width: 100%; }
.common_visible_action_box .new-filter-drop { top: 50%; position: fixed; right: 340px; margin-top: -75px; }
.common_visible_action_box .new-filter-move { right: auto; left: 50%; margin-top:0; transform: translate(-50%, -50%); width: calc(100% - 30px) !important; max-width: 450px; }
.common_visible_action_box .existing-form-btn input[type="button"] { background: #109CF1; color: #fff; }
.new-filter-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99; display:none; }
.new-filter-backdropactive { display:block; }
.new-filter-move .new-filter-header h4 { font-size: 18px; font-weight: 400; color: #000; margin: 0 0 0 0; padding: 0 0 12px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.new-filter-move .new-filter-header h4 .sub-label-heading { font-weight: 400; font-size: 12px; color: rgba(0, 0, 0, 0.5); display: block; margin-bottom: 0; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 350px; }
.new-filter-move .new-filter-header h4:before { display:none; }
.new-filter-move .common-scroll-div-300px { padding-top: 12px; max-height: 220px; }
.new-filter-move .common-scroll-div-300px p { font-weight: 400; font-size: 18px; line-height: 21px; color: rgba(0, 0, 0, 0.6); margin: 0 0 12px 0; padding: 0 15px 12px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.new-filter-move .common-scroll-div-300px p:last-child { margin-bottom: 0; }
.common_visible_action_box .new-filter-drop:before { display: none; }
.common_visible_action_box .select-existing-design { max-height: calc(100vh - 70px); overflow: auto; }
.select-existing-design .pop-form-submit { display: flex; align-items: center; gap: 24px; }
.select-existing-design .cs-popup-cancel-link { background: #E4E1E6; border: 1px solid transparent; text-decoration: none; display: inline-block; padding: 8px 19px; font-weight: 700; font-size: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; cursor: pointer; color: #464646; }
@media(max-width: 991px) {
	.common_visible_action_box { position: relative; }
    .common_visible_action_box .new-filter-drop { top: 0; position: absolute; }
    .common_visible_action_box .new-filter-move { top: 50%; position: fixed; }
    .js-user-tag-box.common_visible_action_box {position:static;}
    .js-user-tag-box.common_visible_action_box .new-filter-drop { top: auto; }
    .client-selectdropdown-common > span { max-width: 110px; }
}
/*--invoice-style-end--*/

@media(min-width: 768px){
	.client-grid-view .card-view-box { display: flex; justify-content: space-between; }
	.client-grid-view .card-view-footer { padding: 0 16px; min-width: 240px; box-sizing: border-box; }
	.client-grid-view .card-view-body { width: 100%; display: flex; align-items: center; }
	.client-grid-view .cardview-fileformet { height: auto; font-size: 22px; }
	.client-grid-view .view-card-img { max-width: 90px; box-sizing: border-box; min-width: 90px; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; }
	.client-grid-view .view-card-img img { width: 100%; }
	.client-grid-view .view-card-content { padding: 16px; height: auto; max-height: 100px; }
	.client-grid-view .view-card-header { max-width: 320px; min-width: 320px; }
	.client-grid-view .view-card-header > * { justify-content: center; }
}
@media(max-width: 1199px) { .client-portal-wrapper .cs-portal-preview-dashboard-visible .js-embedded-row.new-main-content { display: none; } }
@media(max-width: 767px) { .default-profile-wrap { flex-direction: column; align-items: flex-start; }
 .stripe-connect-wrap { flex-wrap: wrap; }
 .default-profile-checkbox { gap: 8px; flex-direction: column; align-items: flex-start; }
 .default-profile-form .pop-form-tag-full { align-items: flex-start; gap: 6px; flex-direction: column; width: 100%; }
 .agent-table-wrap { max-height: 480px; }
 .agent-mt { margin-top: 0; }
 .client-dashboard-view .agent-new-row > div { margin-bottom: 20px; }
 .client-dashboard-view .agent-new-row > div:last-child { margin-bottom: 0; }
 .client-dashboard-view .agent-table-wrap { min-height: 1px; }
 .client-dashboard-view .agent-new-section-content { min-height: 1px; max-height: none; }
 .client-dashboard-view .card-view-wrap > * { width: 50%; }
 .cs-empty-dashboard-file-container .card-view-wrap > * { width: 100%; }
 .no-data-tab { font-size: 18px; }
 .questions-options-box-row { margin-top: 20px; }
 .questions-options-box-row .form-group { flex-wrap: wrap; }
 .questions-options-box-row .form-group .col-sm-10 { max-width: calc(100% - 37px); }
 .dynamic-conditional-tab-dropdown { padding: 6px 0 0 0; width: 100%; }
 .client-portal-template-new-design .with-second-herder { flex-wrap: wrap; }
 .client-portal-template-new-design .section-content-portal-right { flex-wrap: wrap; justify-content: center; gap: 8px; }
 .client-portal-template-new-design .section-content-portal-right .js-task-back-btn { position: absolute; top: 20px; left: auto; right: 16px; }
 .new-pop-form-design .profile-form-res { flex-direction: column; gap: 0; }
 .new-pop-form-design .modification-item { flex-direction: column; align-items: flex-end; padding-bottom: 10px; border-bottom: 1px dashed rgb(229, 231, 235); }
 .new-pop-form-design .modification-item:last-child { padding-bottom: 0; border: none; }
 .download-with-wrap .download-with-new { width: 100%; }
 .your-new-portal-flex { flex-direction: column; }
 .your-new-portal-box { width: 100%; }
 .hide-mobile { display: none !important; }
}
@media(max-width: 540px) { .cs-portal-preview-dashboard-visible .agent-new-col-4 { max-width: 100%; }
 .client-subscription-header { flex-direction: column; gap: 16px; }
 .new-subscription-page .professional-box p { min-height: 1px; }
}