@charset "UTF-8";
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 19, 2024, 10:20:07 AM
    Author     : GaganKumarJha
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : May 23, 2024, 11:53:09 AM
    Author     : GaganKumarJha
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 19, 2024, 11:14:22 AM
    Author     : GaganKumarJha
*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
}

.defaultsignin {
  background: rgba(var(--theme-color-rgb)) !important;
}

.theme-color5 {
  background-color: rgba(var(--theme-color-rgb), 0.1) !important;
}

.theme-color10 {
  fill: rgba(var(--theme-color-rgb), 0.1) !important;
}

.theme-color20 {
  fill: rgba(var(--theme-color-rgb), 0.2) !important;
}

.theme-color40 {
  fill: rgba(var(--theme-color-rgb), 0.4) !important;
}

.theme-color50 {
  fill: rgba(var(--theme-color-rgb), 0.5) !important;
}

.theme-color80 {
  fill: rgba(var(--theme-color-rgb), 0.8) !important;
}

.theme-color100 {
  fill: rgba(var(--theme-color-rgb), 1) !important;
}

.container {
  margin-top: 0px;
}

.login-wraper.new-forgot-password .login-logo-container {
  margin-bottom: 16px;
}
.login-wraper.new-forgot-password .client-adviser-login-form {
  box-shadow: none;
}

@media (max-width: 767px) {
  .christmas-tree {
    display: none;
  }
}
@media (max-width: 570px) {
  .senta-hat {
    top: -34px;
    left: 34% !important;
  }
}
.cookie-footer .btn.btn-theme {
  background-color: rgba(var(--theme-color-rgb), 0.8) !important;
  transition: all 0.3s ease-in-out;
}
.cookie-footer .btn.btn-theme:hover {
  background-color: rgba(var(--theme-color-rgb), 1) !important;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Jul 31, 2024, 2:24:07 PM
    Author     : GaganKumarJha
*/
.fixed-bottom.gdpr-modal {
  left: inherit;
  bottom: 1rem;
  right: 1rem;
}
.fixed-bottom.gdpr-modal .toast {
  top: 0px;
}
.fixed-bottom.gdpr-modal p {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 400;
}
.fixed-bottom.gdpr-modal p a {
  word-break: keep-all;
  text-wrap: nowrap;
}

.btn.btn-outline-dark {
  border: 1px var(--theme-default-dark) solid;
  color: var(--theme-default-dark);
  background-color: transparent;
  box-shadow: none;
  padding: 6px 16px;
}
.btn.btn-outline-dark:hover {
  background-color: var(--theme-default-dark);
  color: #fff;
}

.cookie-footer {
  display: flex;
  justify-content: space-between;
}
.cookie-footer .btn.btn-theme {
  box-shadow: none;
  padding: 6px 16px;
}
@media (min-width: 1400px) {
  .fixed-bottom.gdpr-modal {
    width: 40%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1399.98px) {
  .fixed-bottom.gdpr-modal {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279.98px) {
  .fixed-bottom.gdpr-modal {
    width: 80%;
  }
}
@media screen and (min-width: 580px) and (max-width: 767.98px) {
  .fixed-bottom.gdpr-modal {
    width: 90%;
  }
}
@media (max-width: 579.98px) {
  .fixed-bottom.gdpr-modal {
    width: 90%;
  }
  .cookie-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .cookie-footer .btn {
    display: block;
    width: 100%;
  }
  .cookie-footer > :nth-child(1) {
    order: 2;
  }
  .cookie-footer > :nth-child(2) {
    display: flex;
    gap: 8px;
  }
}
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Apr 11, 2025, 12:37:41 PM
    Author     : GaganKumarJha
*/
:root {
  --text-dark-color: #36454F;
  --dark-theme-color:rgb(54 69 79);
  --text-bold:#111827;
  --gray:#666666;
  --white:#ffffff;
  --text-light-color: #848484;
  --color-green:rgb(73 200 124);
  --color-danger:rgb(255 101 101);
  --color-inprogress:rgb(246 202 58 / 37%);
  --success-color: #28a745; /* Green */
  --warning-color: #ffc107; /* Yellow */
  --info-color: #17a2b8; /* Blue */
  --danger-color: #dc3545; /* Red */
  --default-color: #6c757d; /* Gray */
  --practice-theme-h: hue(var(--theme-color));
  --practice-theme-s: saturation(var(--theme-color));
  --practice-theme-l: lightness(var(--theme-color));
  --theme-color-dark: hsl(
    var(--practice-theme-h),
    var(--practice-theme-s),
    calc(var(--practice-theme-l))
  );
  /*    --theme-color:#d5ffff;*/
  /*--theme-color: hsl(var(--theme-color-h), var(--theme-color-s), var(--theme-color-l));*/
  /*--theme-color-dark: hsl(var(--theme-color-h), var(--theme-color-s), var(--theme-color-l));*/
  /*--theme-color-dark: color-mix(in srgb, var(--theme-color) 70%, black);*/
  /*--theme-color-dark: color-mix(in srgb, var(--theme-color) 80%, black);  
  --theme-color-dark:  darken(#d5ffff, 20%); */
}

body[data-theme_mode=light] {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .scopeof-advise-option .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .retirementRowToBeCloned [type=checkbox] + label:before,
body[data-theme_mode=light] .retirementRowToBeCloned [type=checkbox]:not(.filled-in) + label:after {
  border: 2px solid var(--default-color);
}
body[data-theme_mode=light] .retirementRowToBeCloned [type=checkbox]:checked + label:before {
  border-right: 2px solid var(--theme-default-dark);
  border-bottom: 2px solid var(--theme-default-dark);
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}
body[data-theme_mode=light] .terms-of-engagement-wrap .containerradio input:checked ~ .checkmark {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .welcome-popup .modal-footer [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .sub-category-tabs-wrapper [type=checkbox].filled-in:checked + label:after {
  outline: var(--theme-color-dark) 2px solid;
  outline-offset: -2px;
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .modal-header .gender-icon .general-landloard-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .general-home-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .general-home-content-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .general-home-and-content-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .general-health-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .general-accidental-health-insurance,
body[data-theme_mode=light] .modal-header .gender-icon .commonModalIconClass,
body[data-theme_mode=light] .modal-header .gender-icon .retirement-goal.modaltitle,
body[data-theme_mode=light] .modal-header .gender-icon .household-item.modaltitle,
body[data-theme_mode=light] .modal-header .gender-icon .retirement-goal,
body[data-theme_mode=light] .modal-header .gender-icon .car,
body[data-theme_mode=light] .modal-header .gender-icon .caravan,
body[data-theme_mode=light] .modal-header .gender-icon .holiday-home {
  filter: brightness(0) invert(1);
}
body[data-theme_mode=light] .modal-header .commonModalIconClass {
  filter: brightness(0) invert(1);
}
body[data-theme_mode=light] .head-data {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] a.dropdown-trigger-action i.material-icons.dp48.action-icon {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .header-right-options .log-search-container {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .header-right-options .log-search-container .search-button i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] ul.list-suggestions-bonding li:hover {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .selecty .selecty-selected:before, body[data-theme_mode=light] .selecty .selecty-selected:after {
  background-color: var(--gray-700);
}
body[data-theme_mode=light] .containercheckbox .checkmark {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .funkyradio input[type=radio]:after {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .funkyradio input[type=radio]:checked:after {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .modalbox-ihelpwrap .input-field input:focus + label.active,
body[data-theme_mode=light] .login-form-wraper .input-field input:focus + label.active {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .log-search-container .search-button {
  border-color: var(--theme-color-dark);
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .log-search-container .search-input {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .log-search-container .search-input:focus {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-alignment {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-alignment:hover, body[data-theme_mode=light] .btn.btn-alignment:focus, body[data-theme_mode=light] .btn.btn-alignment:active {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .datepicker_container .fa.fa-calendar {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .custom-menu-static-container .custom-menu-static a {
  color: var(--theme-color);
}
body[data-theme_mode=light] .common-setting-ui-wrap .containercheckbox .checkmark {
  border: solid 1px var(--theme-color-dark);
}
body[data-theme_mode=light] .form-group-block .form-group-block-heading {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] svg .stroke-theme-color {
  stroke: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] svg .fill-theme-color {
  fill: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .more-action-btn .dropdown-menu li a i {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] button.maximize-window:hover {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn-small {
  background: var(--theme-color-dark);
}
body[data-theme_mode=light] .acknowledgement-iff-top .containercheckbox .checkmark {
  border: solid 2px var(--theme-color-dark);
}
body[data-theme_mode=light] .acknowledgement-iff-top .containercheckbox input:checked ~ .checkmark {
  background: var(--theme-color-dark);
}
body[data-theme_mode=light] .ds-selectbox-wrap .selecty .selecty-selected {
  color: var(--white);
}
body[data-theme_mode=light] .faq-progress .progress-value,
body[data-theme_mode=light] .borrowership-progress .progress-value {
  background: var(--theme-color-dark);
}
body[data-theme_mode=light] .progress .determinate {
  background-color: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .twofaOption .form-check-input:checked {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-copy {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] .retirementRowToBeCloned-container [type=checkbox]:checked + label:before {
  border-right: 2px solid var(--theme-color-dark);
  border-bottom: 2px solid var(--theme-color-dark);
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}
body[data-theme_mode=light] .toggle-sidebar-bottom-button #slidemenutoggle, body[data-theme_mode=light] .toggle-sidebar-bottom-button #slidemenutoggle i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .add-small-btn:hover {
  color: var(--white) !important;
}
body[data-theme_mode=light] .add-small-btn .btn-small {
  background-color: var(--theme-color);
  box-shadow: none;
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .add-small-btn .btn-small:hover {
  color: var(--white) !important;
}
body[data-theme_mode=light] img.disabled-icon.img-responsive.tooltipped.unlocked-bg {
  outline: var(--success-color) 2px solid;
}
body[data-theme_mode=light] .no-missing-link .icon {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .rightSidebarHeader h4 i.clnotes,
body[data-theme_mode=light] .rightSidebarHeader h4 i.adnotes {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content, body[data-theme_mode=light] .the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .secondary-heading,
body[data-theme_mode=light] .primary-heading {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .common-setting-ui-wrap .switch input:checked + .slider {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .common-setting-ui-wrap .containercheckbox input:checked ~ .checkmark, body[data-theme_mode=light] .common-setting-ui-wrap .containercheckbox .dummy_checked_checkbox ~ .checkmark {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-alignment:hover, body[data-theme_mode=light] .btn.btn-alignment:focus {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-alignment.active {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-alignment.active:hover, body[data-theme_mode=light] .btn.btn-alignment.active:focus {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .iff-setting-icon-cls-2,
body[data-theme_mode=light] .iff-setting-icon-cls-1 {
  fill: var(--theme-color-dark);
}
body[data-theme_mode=light] .fill-theme-color svg path {
  fill: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .eSign-icon .iff-setting-icon-cls-3 {
  stroke: var(--theme-color-dark);
}
body[data-theme_mode=light] .common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox .checkmark {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .custom-menu-static-container .custom-menu-static a {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .forgot-password a,
body[data-theme_mode=light] #resend_sms a {
  color: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .arrowdown-icon {
  color: var(--theme-color-dark);
  border-bottom: 6px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .text-link {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .modal .modal-header {
  background-color: var(--theme-color-dark);
  color: white;
}
body[data-theme_mode=light] {
  /*   .containercheckbox input:checked~.checkmark{
         background-color: var(--theme-color-dark);
     }*/
}
body[data-theme_mode=light] .editable-content .editable-div .edit-button {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .switch.switch-sm input:checked + .slider, body[data-theme_mode=light] .switch.switch-sm .locked-enabled-slider {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-link {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .dashboard-card .card-header .card-title .badge {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .twofactor-authentication-wrap .step-one::before,
body[data-theme_mode=light] .twofactor-authentication-wrap .step-two::before,
body[data-theme_mode=light] .twofactor-authentication-wrap .step-three::before {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .authenticator-submit input.twofa-input {
  border: 1px var(--theme-color-dark) solid;
}
body[data-theme_mode=light] .authenticator-submit .btn.form-submit-action {
  background: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] [type=radio]:checked + label:after,
body[data-theme_mode=light] [type=radio].with-gap:checked + label:before,
body[data-theme_mode=light] [type=radio].with-gap:checked + label:after {
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] [type=radio]:checked + label:after, body[data-theme_mode=light] [type=radio].with-gap:checked + label:after {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .btn.btn-submit-large {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .client-adviser-login-form .nav-fill .nav-item .nav-link, body[data-theme_mode=light] .client-adviser-login-form .nav-justified .nav-item .nav-link {
  color: var(--theme-mode-fon-color);
}
body[data-theme_mode=light] .client-adviser-login-form .nav-tabs .nav-link.active:first-child, body[data-theme_mode=light] .client-adviser-login-form .nav-tabs .nav-link:focus:first-child {
  border-bottom: 1px var(--theme-color-dark) solid;
}
body[data-theme_mode=light] .twofactor-authentication-wrap .step-one::before, body[data-theme_mode=light] .twofactor-authentication-wrap .step-two::before, body[data-theme_mode=light] .twofactor-authentication-wrap .step-three::before {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .authenticator-submit input.twofa-input {
  border: 1px var(--theme-color-dark) solid;
}
body[data-theme_mode=light] .authenticator-submit .btn.form-submit-action {
  background: var(--theme-color-dark);
}
body[data-theme_mode=light] .animated-btn-abn-acn button[type=button] {
  border-color: var(--theme-color-dark);
  color: white;
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containercheckbox-blue .checkmark {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containerradio-green .checkmark {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containercheckbox-blue input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containerradio-green input:checked ~ .checkmark:after {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containerradio-green input:checked ~ .checkmark:after {
  background-color: var(--theme-color-dark) !important;
  border-color: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events li, body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events_multiple li {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events_multiple li a, body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events li a {
  border-right-color: var(--theme-color-dark);
}
body[data-theme_mode=light] ul#show_personal_suggestions li:hover {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .datepicker-panel > ul > li.picked, body[data-theme_mode=light] .datepicker-panel > ul > li.picked:hover {
  background-color: var(--theme-color-dark);
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .modal-box-table [type=checkbox]:not(.filled-in) + label:after {
  border: 2px solid var(--default-color);
}
body[data-theme_mode=light] .modal-box-table [type=checkbox]:checked + label:before {
  border-right: 2px solid var(--theme-default-dark);
  border-bottom: 2px solid var(--theme-default-dark);
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}
body[data-theme_mode=light] .sub-category-tabs-wrapper [type=radio]:checked + label:after, body[data-theme_mode=light] .sub-category-tabs-wrapper [type=radio].with-gap:checked + label:before, body[data-theme_mode=light] .sub-category-tabs-wrapper [type=radio].with-gap:checked + label:after {
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .sub-category-tabs-wrapper [type=radio]:checked + label:after, body[data-theme_mode=light] .sub-category-tabs-wrapper [type=radio].with-gap:checked + label:after {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] [type=radio]:checked + span:after,
body[data-theme_mode=light] [type=radio].with-gap:checked + span:before,
body[data-theme_mode=light] [type=radio].with-gap:checked + span:after {
  border: solid white;
  border-width: 0px;
}
body[data-theme_mode=light] [type=radio]:checked + span:after, body[data-theme_mode=light] [type=radio].with-gap:checked + span:after {
  background-color: transparent;
}
body[data-theme_mode=light] .client-dashboard .iff-client-profile-details #greeting_message {
  color: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .client-adviser-login-form .nav-fill .nav-item .nav-link, body[data-theme_mode=light] .client-adviser-login-form .nav-justified .nav-item .nav-link {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] li.couple-radio.active label.containerradio {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containerradio [type=radio]:checked + span:before {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .containerradio [type=radio]:checked + span:after {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .ds-selectbox-wrap .selecty {
  background: var(--theme-color-dark);
}
body[data-theme_mode=light] .switch-toggle-checkbox-inner-section .containercheckbox input:checked ~ .checkmark,
body[data-theme_mode=light] .switch-toggle-checkbox-inner-section .containercheckbox .checkmark {
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .switch-toggle-checkbox-inner-section .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .switch-toggle-inner-section input:checked + .slider {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .iff-settings-col-right.materialise-col .iff-setting-new-design .select-wrapper.form-control {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .atoz-tab li.active a {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .atoz-tab li:hover a {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .iff-settings-expenses-radio .containercheckbox.active {
  border-color: var(--theme-color-dark);
}
body[data-theme_mode=light] .tellmemore span {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .material-checkbox [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .switch-toggle-materialise .switch label input[type=checkbox]:checked + .lever {
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] #sidenav-right-iff-settings [type=radio]:checked + span:after {
  background-color: var(--theme-color-dark);
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .checkbox-radio-btn-inner-sec.active label.containerradio {
  border: 1px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .ihelp-module-content-wrap a.readmore {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .material-checkbox [type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 2px solid var(--theme-color-dark);
  background-color: var(--theme-color-dark);
}
body[data-theme_mode=light] [type=checkbox].filled-in:checked + span:not(.lever):after {
  outline: var(--theme-color-dark) 0px solid;
}
body[data-theme_mode=light] .client-bio-read-more strong {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .iff-setting-icon-cls-1,
body[data-theme_mode=light] .iff-setting-icon-cls-2 {
  fill: var(--theme-color-dark);
}
body[data-theme_mode=light] .globalwidth .containercheckbox .checkmark:after {
  border: solid white;
}
body[data-theme_mode=light] .btn-submit-large {
  color: #fff;
}
body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events_multiple li a,
body[data-theme_mode=light] .calendly-view-button ul#user_specific_calendly_events li a {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .sub-modalfooter .btn.vehicleBtn {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn.btn-outline-primary {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] .modal-header h4.modal-title {
  color: var(--white);
}
body[data-theme_mode=light] .panel-title span.iconheading img {
  filter: invert(1) !important;
}
body[data-theme_mode=light] .asset-category-caegory-price,
body[data-theme_mode=light] .asset-category-check i {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] a .asset-category-qantity {
  color: var(--text-dark-color);
}
body[data-theme_mode=light] .btn-sec-sidebar ul.bt-actionbtn li a span.icon i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .form-body-classic .login-user-details i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .cd-accordion-menu label i,
body[data-theme_mode=light] .sidebar-content .unordered-list li a i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] img.check-icon.img-responsive.tooltipped.completed-bg {
  background-color: var(--color-green);
}
body[data-theme_mode=light] img.disabled-icon.img-responsive.tooltipped.unlocked-bg {
  outline-color: var(--color-green);
}
body[data-theme_mode=light] ul.metismenu li a svg .cls-1 {
  fill: var(--theme-color-dark);
}
body[data-theme_mode=light] ul.metismenu li a svg .cls-2 {
  fill: var(--theme-color-dark);
}
body[data-theme_mode=light] .form-header-classic .form-wizard-step-icon i {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .practice-user-table .nav-tabs > li.active > a {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .practice-user-table .nav-tabs > li.active > a svg {
  color: var(--theme-mode-font-color) !important;
  fill: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .practice-user-table .nav-tabs > li.active > a:focus svg {
  color: var(--theme-mode-font-color) !important;
  fill: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn.btn-primary {
  color: var(--white) !important;
}
body[data-theme_mode=light] .sidebar-content .unordered-list li a:hover {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .sidebar-content .unordered-list li a:hover i {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .iff-setting-new-design .select-wrapper .form-control input.select-dropdown {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn-floating {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn-floating i {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn-floating:hover {
  background-color: var(--theme-color);
}
body[data-theme_mode=light] .nav-tabs li.active a {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .nav-item a {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] table.iff-common-table-design thead tr th {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn.btn-previous,
body[data-theme_mode=light] .btn.btn-next {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .sidebar-content .unordered-list li.active a {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .sidebar-content .unordered-list li.active i {
  color: var(--theme-color-dark);
}
body[data-theme_mode=light] .sidebar-content .unordered-list li.active a i,
body[data-theme_mode=light] .sidebar-content .unordered-list li:hover a i {
  text-shadow: none;
}
body[data-theme_mode=light] .comman-modal .comman-modal-icon {
  color: white !important;
}
body[data-theme_mode=light] .mytabs > input[type=radio]:checked + label span {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] i.todolist-icons {
  background: url(/img/icons/todo-list.png) no-repeat 0px -18px !important;
}
body[data-theme_mode=light] .profile-tab-advisor-ds .nav li a {
  color: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .client-profile-icons.esign-icon a:hover svg .cls-1 {
  fill: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .metismenu li a:hover {
  color: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .metismenu li a:hover svg {
  color: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .metismenu li a:hover svg .cls-1 {
  fill: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .metismenu li.active a {
  color: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .metismenu li.active svg {
  color: var(--text-dark-color) !important;
}
body[data-theme_mode=light] .metismenu li.active svg .cls-1 {
  fill: var(--theme-color-dark) !important;
}
body[data-theme_mode=light] .authenticator-submit .btn.form-submit-action {
  color: var(--white) !important;
}
body[data-theme_mode=light] h3.panel-title img {
  filter: invert(1) !important;
}

body[data-theme_mode=dark] .forgot-password a,
body[data-theme_mode=dark] #resend_sms a {
  color: var(--theme-color);
}
body[data-theme_mode=dark] .modal_title_box.modal_title_label.tooltipping {
  color: #fff;
}
body[data-theme_mode=dark] .panel-title span.iconheading img {
  filter: invert(0) !important;
}
body[data-theme_mode=dark] .asset-category-caegory-price,
body[data-theme_mode=dark] .asset-category-check i {
  color: var(--theme-color);
}
body[data-theme_mode=dark] a .asset-category-qantity {
  color: var(--theme-color);
}
body[data-theme_mode=dark] .modal-header .gender-icon .general-landloard-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .general-home-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .general-home-content-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .general-home-and-content-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .general-health-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .general-accidental-health-insurance,
body[data-theme_mode=dark] .modal-header .gender-icon .commonModalIconClass,
body[data-theme_mode=dark] .modal-header .gender-icon .retirement-goal.modaltitle,
body[data-theme_mode=dark] .modal-header .gender-icon .household-item.modaltitle,
body[data-theme_mode=dark] .modal-header .gender-icon .retirement-goal,
body[data-theme_mode=dark] .modal-header .gender-icon .car,
body[data-theme_mode=dark] .modal-header .gender-icon .caravan,
body[data-theme_mode=dark] .modal-header .gender-icon .holiday-home {
  filter: brightness(0) invert(1);
}
body[data-theme_mode=dark] .modal-header .commonModalIconClass {
  filter: brightness(0) invert(1);
}
body[data-theme_mode=dark] a .client-profile-icons.esign-icon svg .cls-1 {
  fill: #ffffff;
}
body[data-theme_mode=dark] .profile-tab-advisor-ds .nav li.active a .client-profile-icons.esign-icon svg .cls-1 {
  fill: var(--text-dark-color);
}
body[data-theme_mode=dark] a:hover .client-profile-icons.esign-icon svg .cls-1 {
  fill: var(--text-dark-color) !important;
}

.gotofactfind-btn a {
  color: var(--theme-mode-font-color) !important;
}
.gotofactfind-btn i {
  color: var(--theme-mode-font-color) !important;
}

.btn.btn-theme {
  color: var(--theme-mode-font-color) !important;
}
.btn.btn-theme i {
  color: var(--theme-mode-font-color) !important;
}

.panel-default .panel-heading {
  color: var(--theme-mode-font-color) !important;
}

.more-action-btn .panel-title a {
  color: #fff;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 19, 2024, 10:20:07 AM
    Author     : GaganKumarJha
*/
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Sep 10, 2024, 10:36:46 AM
    Author     : GaganKumarJha
*/
.gap-1 {
  gap: 8px;
}

.gap-2 {
  gap: 16px;
}

.eSing-form-ui .form-group select,
.eSing-form-ui .form-group input,
.eSing-form-ui .form-group textarea,
.eSing-form-ui .doc_type_drop_down {
  border-width: 1px !important;
  border-color: #d1d1d1 !important;
  border-style: solid !important;
  padding: 8px 8px !important;
  margin-left: 0px !important;
}
.eSing-form-ui .form-group select,
.eSing-form-ui .form-group input {
  height: 38px;
}
.eSing-form-ui .form-group label,
.eSing-form-ui .control-label {
  font-weight: 700 !important;
}
.eSing-form-ui .form-group.doc_type_container {
  margin-bottom: 0px;
  margin-top: 0.5rem;
}
.eSing-form-ui .form-group.doc_type_container .control-label {
  font-size: 14px !important;
  color: #000 !important;
  top: -24px !important;
  left: 0 !important;
  font-weight: 700 !important;
}
.eSing-form-ui .form-group.doc_type_container .selecty .selecty-selected {
  border: 1px #d1d1d1 solid;
  height: 38px;
  padding: 8px 16px;
  line-height: normal;
}
.eSing-form-ui #doc_description_dropdown_ta_wrap lable.form-label {
  display: inherit !important;
}
.eSing-form-ui .iti--allow-dropdown input[type=text].isd_code {
  padding: inherit !important;
  padding-left: 32px !important;
  border-width: 0px !important;
}
.eSing-form-ui .addclientnumber-fields input[type=text].mobile {
  padding-left: 85px !important;
}
.eSing-form-ui .addclientnumber-fields input[type=text].mobile::placeholder {
  opacity: 0 !important;
}
.eSing-form-ui .registration-error {
  max-height: inherit;
  margin-top: 0px;
}
.eSing-form-ui .add-user-details .user-details-row {
  margin-bottom: 16px;
}
.eSing-form-ui .thirdparty-auth input {
  border-width: 0px !important;
}
.eSing-form-ui .thirdparty-auth .control-lable {
  font-size: 12px !important;
}

input.abnOrAcn.border-0,
input.business_name.border-0,
input.full_address_finder.border-0 {
  border: 0px !important;
  border-color: transparent !important;
}

.asterisk-inside {
  position: relative;
  box-sizing: border-box;
}
.asterisk-inside .addclientnumber-fields .mySpan {
  left: 85px;
}
.asterisk-inside span.mySpan {
  z-index: 0;
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: rgba(77, 77, 77, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: text;
  transition: all 0.3s ease-in-out;
}
.asterisk-inside span.mySpan::after {
  position: relative;
  top: -3px;
  left: 1px;
  display: inline-block;
  content: "*";
  color: #d0011b;
}
.asterisk-inside .myInput:focus + .mySpan,
.asterisk-inside .myInput:active + .mySpan,
.asterisk-inside .myInput:disabled + .mySpan,
.asterisk-inside .myInput:hover + .mySpan,
.asterisk-inside .myInput:not(:placeholder-shown) + .mySpan {
  display: none;
  transition: all 0.3s ease-in-out;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : May 23, 2024, 11:14:22 AM
    Author     : GaganKumarJha
*/
.email-notification-section .sction-label {
  margin-bottom: 8px;
}

.common-setting-ui-wrap {
  margin: 8px 0px;
}
.common-setting-ui-wrap .common-setting-section-wrap {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 16px;
  background-color: #fff;
}
.common-setting-ui-wrap .common-setting-section-wrap .sction-label {
  font-size: 1.3rem;
  line-height: 20px;
  font-weight: 700;
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap {
  display: flex;
  align-items: center;
  height: 58px;
  position: relative;
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap:before {
  position: absolute;
  content: "";
  height: 58px;
  width: 1px;
  background-color: #ccc;
  left: 300px;
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap .setting-section-first-half {
  width: 47%;
  padding: 1rem 1rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  /*border-right: 1px #ccc solid;*/
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap .setting-section-first-half .setting-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 350px;
  color: var(--theme-color);
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap .setting-section-first-half .setting-section-title .section-icon {
  width: 28px;
  text-align: center;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap .switch-area {
  width: 100px;
  text-align: center;
  padding-right: 8px;
}
.common-setting-ui-wrap .common-setting-section-wrap .no-before-border:before {
  content: none !important;
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-first-half:after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background: white;
  right: 1px;
  border-top: #bdbaba solid 1px;
  border-left: #bdbaba solid 1px;
  transform: rotate(-45deg);
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 310px;
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-title .section-icon {
  width: 28px;
  text-align: center;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-title .section-icon svg {
  max-width: 24px;
  max-height: 24px;
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-title .sction-label {
  font-size: 1.3rem;
  line-height: 20px;
  font-weight: 700;
  color: var(--text-bold);
}
.common-setting-ui-wrap .common-setting-section-wrap .switch-area {
  width: 100px;
  text-align: center;
  padding-right: 8px;
}
.common-setting-ui-wrap .common-setting-section-wrap .setting-section-second-half {
  width: 40%;
  display: flex;
  align-items: center;
  padding-left: 24px;
  gap: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.common-setting-ui-wrap .common-setting-section-wrap .flat-form-cont-area {
  margin-bottom: 0px;
  padding: 16px 1.5rem 10px;
  position: relative;
}
.common-setting-ui-wrap .common-setting-section-wrap .flat-form-cont-area:before {
  content: none;
}
.common-setting-ui-wrap .setting-section-expanded-area {
  padding: 0;
}
.common-setting-ui-wrap .setting-section-expanded-area .common-form-cont-area {
  margin-bottom: 0px;
  padding: 16px 1.5rem 10px;
  position: relative;
  border-top: 1px solid #e4e4e4;
}
.common-setting-ui-wrap .setting-section-expanded-area .common-form-cont-area:before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background-color: white;
  top: -10px;
  left: 10%;
  border-top: #e4e4e4 solid 1px;
  border-left: #e4e4e4 solid 1px;
  transform: rotate(-135deg);
}
.common-setting-ui-wrap .setting-section-expanded-area .common-form-cont-area h5 {
  margin-top: inherit !important;
}
.common-setting-ui-wrap .setting-section-expanded-area .form-group select {
  margin-left: 0px;
  border: 1px #ccc solid !important;
}
.common-setting-ui-wrap .setting-section-expanded-area .flat-form-cont-area {
  margin-bottom: 0px;
  padding: 16px 1.5rem 10px;
  position: relative;
}
.common-setting-ui-wrap .setting-section-expanded-area .flat-form-cont-area:before {
  content: none;
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap {
  margin-bottom: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 20px;
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox .checkmark {
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 24px;
  border: solid 2px var(--theme-color);
  top: 1px;
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color);
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox .checkmark:after {
  left: 7px;
  top: 4px;
}
.common-setting-ui-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap:before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background-color: white;
  top: -10px;
  left: 10%;
  border-top: #e4e4e4 solid 1px;
  border-left: #e4e4e4 solid 1px;
  transform: rotate(-135deg);
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content {
  width: 100%;
  padding: 16px 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content ul.multilabel-checkbox li label.containercheckbox {
  font-weight: 700;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content ul.multilabel-checkbox li ul.second-label-check-list {
  margin-bottom: 24px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content ul.multilabel-checkbox li ul.second-label-check-list li label.containercheckbox {
  font-weight: normal;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .scopeof-advise-option {
  margin: 0px;
  padding: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .scopeof-advise-option li {
  list-style: none;
  display: inline-block;
  padding-right: 16px;
  margin-top: 12px;
  margin-bottom: 8px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .scopeof-advise-option .checkbox-radio-btn-inner-sec {
  padding-top: 0px;
  position: relative;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .scopeof-advise-option .checkbox-radio-btn-inner-sec label {
  top: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .scopeof-advise-option .checkbox-radio-btn-inner-sec label .registration-error {
  position: absolute;
  top: 100%;
  left: 0;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .signatory-section-outer {
  margin: 0px;
  padding: 0px;
  margin-top: 16px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .signatory-section-outer label {
  margin-bottom: 4px;
  font-size: 1.5rem;
  font-weight: 500;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .signatory-section-outer li {
  list-style: none;
  display: block;
  margin: 8px 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .signatory-section-outer .signatory-section {
  display: flex;
  align-items: center;
  gap: 16px;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .signatory-section-outer .signatory-section div.mb-3 {
  flex-grow: 1;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .other-field-include {
  display: flex;
  align-items: center;
}
.common-setting-ui-wrap .setting-section-expanded-area .expanded-content .other-field-include .service-other-field textarea {
  border: 1px #666 solid;
  height: 38px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox {
  margin: 0px;
  padding: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox li {
  list-style: none;
  margin-bottom: 16px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox li:last-child {
  margin-bottom: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox li .service-title {
  width: 100%;
  margin: 16px 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox li .second-label-check-list {
  margin: 0px;
  padding: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.multilabel-checkbox li .second-label-check-list li {
  padding-left: 30px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.service-rows {
  margin: 0px;
  padding: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.service-rows li {
  list-style: none;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.service-rows li:last-child {
  margin-bottom: 0px;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.service-rows li .service-title {
  flex-grow: 2;
  width: 60%;
}
.common-setting-ui-wrap .setting-section-expanded-area ul.service-rows li .service-fee-setting {
  flex-grow: 1;
  display: flex;
  gap: 16px;
  align-items: start;
}
.common-setting-ui-wrap .containercheckbox {
  line-height: 27px;
}
.common-setting-ui-wrap .containercheckbox .checkmark {
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 24px;
  border: solid 1px var(--theme-color);
}
.common-setting-ui-wrap .containercheckbox .checkmark:after {
  left: 8px;
  top: 4px;
}
.common-setting-ui-wrap .containercheckbox input:checked ~ .checkmark, .common-setting-ui-wrap .containercheckbox .dummy_checked_checkbox ~ .checkmark {
  background-color: var(--theme-color);
}
.common-setting-ui-wrap label {
  margin-bottom: 0px;
  font-weight: 600;
}
.common-setting-ui-wrap .form-control {
  border-radius: 4px;
  border-color: #ccc;
  font-weight: 600;
  color: #333;
}

.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  margin-bottom: 0px;
}
.switch input {
  display: none;
}

.stealthmode .switch {
  width: inherit;
  height: inherit;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #898989;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--theme-color);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(95px);
  -ms-transform: translateX(95px);
  transform: translateX(95px);
  border: 0px;
}

/*------ ADDED CSS ---------*/
.on {
  display: none;
}

.on, .off {
  color: white;
  position: absolute;
  transform: translate(-40%, -40%);
  top: 40%;
  left: 40%;
  font-size: 12px;
  user-select: none;
}

input:checked + .slider .on {
  display: block;
}

input:checked + .slider .off {
  display: none;
}

/*--------- END --------*/
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch.switch-sm {
  width: 64px;
}
.switch.switch-sm input:checked + .slider:before {
  -webkit-transform: translateX(37px);
  -ms-transform: translateX(37px);
  transform: translateX(37px);
  cursor: pointer;
  border-width: 0px;
}
.switch.switch-sm .slider {
  background-color: #ccc;
}
.switch.switch-sm input:checked + .slider {
  background-color: var(--theme-color);
}

.sidebar h4 {
  margin-top: 10px;
}
.sidebar h4 span {
  text-transform: lowercase;
}

.sidebar .rightSidebarHeader > h4 {
  margin-top: 10px;
}
.sidebar .rightSidebarHeader > h4 span {
  text-transform: uppercase;
}

.form-group-block .form-group-block-heading {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 24px 0px 8px;
  text-transform: uppercase;
  color: var(--theme-color);
}

/*Scope of Advice Popup*/
.scope-of-advice-container {
  background-color: #fff;
}
.scope-of-advice-container .header {
  border-bottom: 1px #999 solid;
  margin-top: 7px;
  padding: 4px 20px 18px 0px;
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
  font-weight: 700;
}
.scope-of-advice-container .header .back-btn .btn {
  margin-bottom: 0px;
}
.scope-of-advice-container .header .back-btn .btn .fa-arrow-left {
  animation: none;
}
.scope-of-advice-container .header .header-title {
  font-size: 18px;
  text-transform: uppercase;
}
.scope-of-advice-container .scope-content-body {
  box-sizing: border-box;
  margin-bottom: 0;
  padding-right: 16px;
  margin-top: 16px;
  /*overflow-y: scroll;
  max-height: 90vh;*/
}
.scope-of-advice-container .scope-content-body .scope-card {
  background-color: #f1f2f2;
  border: 1px #ccc solid;
  margin: 12px 0px;
  border-radius: 8px;
}
.scope-of-advice-container .scope-content-body .scope-card .scope-card-header {
  border-bottom: 1px #ccc solid;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  border-radius: 8px 8px 0px 0px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option {
  margin: 8px;
  padding: 0;
  list-style: none;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option li {
  list-style: none;
  margin-bottom: 16px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option label.containercheckbox {
  background-color: #fff;
  border-radius: 8px;
  margin-left: 44px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option label.containercheckbox:before {
  content: "";
  border-right: 12px solid #ffffff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: -11px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option label.containercheckbox input {
  position: absolute;
  top: 5px;
  left: -20px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option label.containercheckbox .checkmark {
  left: -40px;
  width: 24px;
  height: 24px;
  border-radius: 22px;
}
.scope-of-advice-container .scope-content-body .scope-card .scopeof-advise-option label.containercheckbox .checkmark:after {
  left: 8px;
  top: 4px;
}
.scope-of-advice-container .scope-content-body .scope-card textarea.form-control {
  background-color: #fff;
  border-color: #ccc;
}
.scope-of-advice-container .footer {
  border-top: 1px #ccc solid;
  padding: 8px 0px;
}
.scope-of-advice-container .footer .footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn {
  font-size: 14px;
  font-weight: 500;
}

.btn.btn-outline {
  background-color: white;
  color: var(--text-dark-color);
  border: 2px solid var(--text-dark-color);
  padding: 8px 16px;
}
.btn.btn-outline:hover {
  background-color: var(--text-dark-color);
  color: #fff;
}

/*Service Page Settings*/
.head-settings .fees-switch,
.head-settings .price-input {
  display: flex;
  align-items: center;
}
.head-settings .fees-switch .label,
.head-settings .price-input .label {
  color: var(--text-dark-color);
  font-size: 1.3rem;
  margin: 0px;
}
.head-settings .fee-charge .switch {
  width: 70px;
}
.head-settings .fee-charge .switch input:checked + .slider:before {
  -webkit-transform: translateX(44px);
  -ms-transform: translateX(44px);
  transform: translateX(44px);
}
.head-settings .fee-charge .switch .on, .head-settings .fee-charge .switch .off {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.checkbox-list .containercheckbox {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
}
.checkbox-list .containercheckbox .checkmark {
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 24px;
  border: solid 2px var(--theme-color);
  top: 0px;
}
.checkbox-list .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color);
}
.checkbox-list .containercheckbox .checkmark:after {
  left: 8px;
  top: 4px;
}

.cumpulsory {
  background-color: rgba(255, 0, 0, 0.13);
  border-radius: 24px;
  line-height: 24px;
  color: red;
  padding: 2px 8px;
}

.scope-content-body .additionalNotesRowToBeCloned-container .additionalNotesRowToBeCloned {
  position: relative;
}
.scope-content-body .additionalNotesRowToBeCloned-container .additionalNotesRowToBeCloned .delete_additionalNotesRowToBeCloned {
  width: 24px;
  height: 24px;
  border: 1px #ccc solid;
  text-align: center;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  position: absolute;
  top: 0px;
  background: #fff;
  right: 8px;
  color: rgba(255, 0, 0, 0.53);
}

li.disabled .containercheckbox {
  color: #b7b7b7;
}
li.disabled .containercheckbox .checkmark {
  border-color: #b7b7b7 !important;
}

li.flex-column {
  flex-direction: column;
}
li.flex-column i.fa.fa-calendar {
  top: -27px !important;
}
li.flex-column .service-fee-setting {
  align-items: start !important;
  padding-left: 3rem;
}

.common-setting-section-wrap.notification-dyanmic-wrap {
  border: 0px;
  padding: 12px;
}
.common-setting-section-wrap.notification-dyanmic-wrap .notification-module-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
}

.common-setting-ui-wrap .common-setting-section-wrap .setting-section-expanded-area .checkbox-radio-btn-wrap .containercheckbox .dummy_checked_checkbox ~ .checkmark {
  background-color: var(--theme-color);
}

/*Scoped IN or OUT*/
.scoa-scopedout-list [type=checkbox]:checked + span:not(.lever):before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.scoa-scopedout-list .containercheckbox input:checked ~ .checkmark {
  background-color: #f78a8a;
  border-color: #f78a8a;
}
.scoa-scopedout-list .containercheckbox input:checked ~ .checkmark:after, .scoa-scopedout-list .containercheckbox input:checked ~ .checkmark:before {
  content: "";
  display: block;
  margin-top: -3px;
  width: 14px;
  height: 3px;
  background: #fff;
  border-radius: 1px;
  position: absolute;
}
.scoa-scopedout-list .containercheckbox input:checked ~ .checkmark:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 3px !important;
  top: 11px !important;
}
.scoa-scopedout-list .containercheckbox input:checked ~ .checkmark:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px !important;
  left: 3px !important;
}

.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-first-half {
  width: 50%;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-second-half {
  width: 50%;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-second-half .template-setting-right {
  display: flex;
  gap: 0px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-second-half .template-setting-right .disabled-module-content {
  flex-grow: 1;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-second-half .template-setting-right .action-btn {
  padding: 4px 8px;
  display: flex;
  justify-content: end;
  gap: 4px;
  align-items: center;
  width: 32px;
  height: 24px;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .setting-section-second-half .template-setting-right .action-btn .tmpl-edit-button .fa.fa-edit {
  cursor: pointer;
}
.common-setting-ui-wrap .common-setting-section-wrap.template-seeting-form .toe-salutation .toe-salutation-inner {
  padding-left: 0px;
}

.common-setting-ui-wrap.edit-goals .editable-content-of {
  margin: 2px 16px;
  padding: 8px 8px;
  border: 1px #ccc solid;
  min-height: 70px;
  border-radius: 2px;
}
.common-setting-ui-wrap.edit-goals .setting-section-second-half {
  justify-content: end;
  padding-right: 16px;
}
.common-setting-ui-wrap.edit-goals .action-btn {
  padding: 4px 0px;
  display: flex;
  justify-content: end;
  gap: 8px;
  align-items: center;
  margin-right: -32px;
}
.common-setting-ui-wrap.edit-goals .action-btn .tmpl-edit-button .fa.fa-edit {
  cursor: pointer;
}

/*    .setting-section-expanded-area.adviser-letter-child-container{
        .toe-salutation{
            .toe-salutation-inner{
               padding-left: 44px !important;
           }   
        } 
    }*/
.btn-group-chantGPT-recommendation.chatGPT-button {
  border: 1px #ccc solid;
  background-color: #f1f1f1;
  border-radius: 24px;
}

.justify-start {
  justify-content: start !important;
}

.justify-end {
  justify-content: end !important;
}

.justify-between {
  justify-content: space-between !important;
}

.align-item-center {
  align-items: center !important;
}

.align-item-end {
  align-items: end !important;
}

.align-item-end {
  align-items: start !important;
}

.edit-goals {
  /*padding-right: 16px;*/
}

input[type=checkbox].custom-checkbox {
  position: relative;
  border: 2px solid var(--theme-color);
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 2px 0.6em 0 0;
  outline: 0;
  vertical-align: text-top;
  height: 24px;
  width: 24px;
  -webkit-appearance: none;
  opacity: 1;
  border-radius: 32px;
  padding: 8px 8px;
}
input[type=checkbox].custom-checkbox:checked {
  background-color: var(--theme-color);
}
input[type=checkbox].custom-checkbox::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px 0px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 0;
}

.slimScrollDiv .slimScrollBar {
  z-index: 1 !important;
}

.switch.small-switch {
  width: 30px !important;
  height: 17px !important;
}
.switch.small-switch .slider {
  background-color: #ccc;
}
.switch.small-switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
}
.switch.small-switch input:checked + .slider:before {
  -webkit-transform: translateX(13px) !important;
  -ms-transform: translateX(13px) !important;
  transform: translateX(13px) !important;
  cursor: pointer;
}

.setting-section-second-half.d-block:first-child {
  display: none;
}
.setting-section-second-half.d-block .disabled-module-content {
  max-width: 275px;
}
.setting-section-second-half.d-block .template-setting-right:first-child ~ .fafa-edit {
  margin-right: 16px;
}

.sction-label {
  font-size: 1.5rem;
  line-height: 20px;
  font-weight: 700;
}

.justify-end {
  justify-content: end !important;
}

.justify-start {
  justify-content: start !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.non-changeable .common-setting-ui-wrap .common-setting-section-wrap {
  background-color: #b1b1b1;
  border: 0px;
  box-shadow: none;
}
.non-changeable .setting-section-first-half:after {
  z-index: -1;
}
.non-changeable .common-form-cont-area:before {
  z-index: -1;
}

.d-block {
  display: block !important;
}

.width-auto {
  width: auto !important;
}

.checkbox-radio-btn-inner-sec label {
  padding: 7px 22px 7px 40px !important;
  font-size: 16px;
  line-height: normal;
}

.radio-list-with-border {
  display: flex;
  position: relative;
  padding-top: 0px;
  gap: 16px;
}
.radio-list-with-border label.containercheckbox {
  line-height: 27px;
  /*border: 1px #ccc solid;*/
  border-radius: 32px;
  /*padding: 4px 16px;*/
  display: inline-block;
}

.iff-setting-inner-wrap.expenes-box .switch-toggle-inner-section .slider:before {
  left: 2px;
}

.iff-setting-icon-cls-1 {
  fill: var(--theme-color);
}

.iff-setting-icon-cls-2 {
  fill: var(--theme-color);
}

.email-template-setting-form .setting-section-first-half .setting-section-title {
  color: var(--theme-color);
}

.library-form-ui .section-header-wrap .setting-section-title .sction-label {
  font-size: 1.3rem;
  color: var(--text-bold);
}

.fill-theme-color svg path {
  fill: var(--theme-color) !important;
}

.stroke-theme-color svg path {
  stroke: var(--theme-color) !important;
}

svg .fill-theme-color {
  fill: var(--theme-color) !important;
}
svg .stroke-theme-color {
  stroke: var(--theme-color) !important;
}

/*.template-seeting-form{
    .adviser-fee-child-container{
        .slider.round{
            &:before{
            -webkit-transform: translateX(67px);
            -ms-transform: translateX(67px);
            transform: translateX(67px);
            }
        }
    }
}*/
/*Width*/
.width-10 {
  width: 10% !important;
  min-width: 10% !important;
}

.width-20 {
  width: 20% !important;
  min-width: 20% !important;
}

.width-30 {
  width: 30% !important;
  min-width: 30% !important;
}

.width-40 {
  width: 40% !important;
  min-width: 40% !important;
}

.width-50 {
  width: 50% !important;
  min-width: 50% !important;
}

.width-60 {
  width: 60% !important;
  min-width: 60% !important;
}

.width-70 {
  width: 70% !important;
  min-width: 70% !important;
}

.width-80 {
  width: 80% !important;
  min-width: 80% !important;
}

.width-90 {
  width: 90% !important;
  min-width: 90% !important;
}

.width-100 {
  width: 100% !important;
  min-width: 100% !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: end !important;
}

.justify-content-start {
  justify-content: start !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-48 {
  gap: 48px !important;
}

.terms-of-engagement-wrap.toe-main-form .section-header-wrap .setting-section-first-half {
  width: 47% !important;
}

.esign-form-wrap .soa-error-msg {
  font-size: 1.3rem;
  line-height: 22px;
  color: red;
  padding: 1rem 2rem;
  background-color: #f5f5f5;
  margin: 1rem;
  margin-top: 0;
  border-radius: 4px;
}

.background-none {
  background-color: transparent !important;
}

.comon-list-ui.sas-payment-mathod li {
  justify-content: space-between;
  align-items: self-start;
}

.paymentMethod5RowToBeCloned-container .paymentMethod5RowToBeCloned,
.paymentMethod5RowToBeCloned-container .paymentMethod6RowToBeCloned,
.payment_method_child_container_6 .paymentMethod5RowToBeCloned,
.payment_method_child_container_6 .paymentMethod6RowToBeCloned {
  gap: 8px;
}

.paymentMethod5RowToBeCloned-btn.disabled {
  color: #666;
}

.paymentMethod6RowToBeCloned-btn.disabled {
  color: #666;
}

.delete-default-box {
  color: red;
}

.payment-mathod-wrap .service-title {
  min-width: 200px;
}

.section-header-wrap.asa-date {
  height: 74px !important;
}
.section-header-wrap.asa-date:before {
  height: 74px !important;
}

@media (max-width: 1440px) {
  .terms-of-engagement-wrap .toe-combo-wrap .toe-date {
    max-width: 100%;
    min-width: 230px !important;
  }
  .scoa_setting_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-first-half {
    max-width: 50%;
    box-sizing: border-box;
    padding-right: 15px;
  }
  .common-setting-ui-wrap .common-setting-section-wrap .section-header-wrap:before {
    left: 47.8%;
  }
}
/*Services & Consent for ui*/
.bg-white {
  background-color: #fff !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.primary-heading {
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color);
}

.secondary-heading {
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--theme-color);
}

.tertiary-headings {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--text-bold);
}

.consent_container .tertiary-headings.heading, .disclosure_container .tertiary-headings.heading {
  max-width: 420px;
  width: 420px;
}
.consent_container .tertiary-heading.heading.other-service-input, .disclosure_container .tertiary-heading.heading.other-service-input {
  max-width: 420px;
  width: 420px;
}
.consent_container .module-selection .bs_material_select, .disclosure_container .module-selection .bs_material_select {
  max-width: 190px;
}
.consent_container .individual_submit.other_consent, .consent_container .other_disclosure, .disclosure_container .individual_submit.other_consent, .disclosure_container .other_disclosure {
  width: 95%;
}

.other-service-container .individual_submit.other_service {
  width: 95%;
}

@media (min-width: 1550px) {
  .consent_container .tertiary-headings.heading {
    max-width: 730px;
    width: 730px;
  }
  .consent_container .tertiary-heading.heading.other-service-input {
    max-width: 730px;
    width: 730px;
  }
}
.secondary-heading.heading {
  max-width: 330px;
}

.border-dashed {
  border: 1px dashed #ccc !important;
}

.border {
  border: 1px solid #ccc !important;
}

.border-none {
  border: 0px !important;
}

.border-top {
  border-top: 1px #ccc solid !important;
}

.border-bottom {
  border-bottom: 1px #ccc solid !important;
}

.editable-div {
  border: 1px #dahsed #ddd;
}

.card-lg {
  background-color: #e5e5e5;
}

.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}

.switch-area {
  display: flex;
  align-items: center;
}

.delete_other_services,
.delete_other_consents,
.delete_other_disclosure {
  display: inline-block;
  border: 1px #ddd solid;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  color: rgba(255, 0, 0, 0.53);
  font-size: 16px;
  /* margin-right: 14px;*/
  padding: 0px 8px;
}
.delete_other_services i.fa-trash,
.delete_other_consents i.fa-trash,
.delete_other_disclosure i.fa-trash {
  font-size: 16px;
}

.other-service-container {
  display: flex;
  flex-direction: column;
}

.parent-description .editable-div .edit-button {
  right: 24px;
}

.form-control.service_fee {
  border-radius: 32px;
  border-color: #666;
  min-width: 120px;
}

/*.other-service-input{
    .other_service,
    .other_consent{
        border-radius: 32px;
         border-color: #666;
    }
}*/
.consent-tree.tree .branch.main-branch .leaf:before {
  width: 16px;
  left: -22px;
}

.branch.main-branch:nth-last-child {
  background-color: red !important;
}

.editable-div-form {
  padding: 2rem;
}

.editable-div-form .file-field {
  position: relativ;
}
.editable-div-form .file-field .btn,
.editable-div-form .file-field .btn-large {
  float: left;
  height: 3rem;
  line-height: 3rem;
  cursor: pointer;
}
.editable-div-form .file-field span {
  cursor: pointer;
}
.editable-div-form .file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.editable-div-form .file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 0;
}
.editable-div-form .file-field input.file-path {
  width: 270px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  height: 36px;
  border-width: 1px;
}
.editable-div-form .file-field .uploadfilefield {
  margin-top: 0px;
  line-height: normal !important;
  border-radius: 4px;
}
.editable-div-form .file-field i.italic {
  font-weight: normal;
}

.consent-tree .branch.main-branch:last-child:before {
  bottom: 80% !important;
  border-bottom: 1px #333 dashed;
  width: 18px;
}

/*Assumption Page UI*/
.table.assumption-table .assumption-label {
  width: 295px;
}
.table.assumption-table .assumption-value {
  width: 180px;
}
.table.assumption-table .assumption-module-toggle {
  width: 120px;
}

.assumption-content .containercheckbox input {
  display: none;
}
.assumption-content label.containercheckbox {
  margin-bottom: 0px;
}
.assumption-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 5px;
}
.assumption-content .table tr td, .assumption-content .table tr th {
  border: none;
  padding: 4px 12px;
}
.assumption-content .table tr th {
  font-weight: bold;
}

/*.service_container{
    .leaf{
        .branch.main-branch{
            &:last-child{
               &:before{
                   bottom: 97.4% !important;
               }
            }
        }
    }
}*/
.m-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.m-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.m-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.m-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.m-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.p-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.p-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.p-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.p-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pl-none {
  padding-left: 0px !important;
}

.pr-none {
  padding-right: 0px !important;
}

.pt-none {
  padding-top: 0px !important;
}

.pb-none {
  padding-bottom: 0px !important;
}

.py-none {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.p-none {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}

.my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 1rem !important;
}

.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}

.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

/*Padding*/
.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}

.py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 1rem !important;
}

.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.d-flex {
  display: flex !important;
}

/*Padding Left*/
.pl-8 {
  padding-left: 8;
}

.pl-12 {
  padding-left: 12px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-44 {
  padding-left: 44px;
}

/*Padding Right*/
.pr-8 {
  padding-right: 8;
}

.pr-12 {
  padding-right: 12px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-32 {
  padding-right: 32px;
}

.pr-44 {
  padding-right: 44px;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline-block !important;
}

.dl-submenu-form-wrap .form_container.pr-4 {
  padding-right: 0px !important;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 19, 2024, 10:20:07 AM
    Author     : GaganKumarJha
*/
.border-radius-1 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.border-radius-2 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.border-radius-2 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.border-radius-tr-1 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.border-radius-tr-2 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.border-radius-tr-3 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.border-radius-bl-1 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.border-radius-bl-2 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.border-radius-bl-3 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.tree,
.branch {
  margin: 0 0 0 1em;
  /* indentation */
  padding: 0;
  color: var(--text-bold);
  position: relative;
}

.branch {
  margin-left: 2.5em;
  /* (indentation/2) */
}

.tree:before,
.branch:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: -1em;
  bottom: 0;
  left: 4px;
  border-left: 1px dashed;
}

.branch.sub-branch:before {
  top: -10px;
  bottom: 15px;
}

.branch.sub-branch .leaf {
  width: calc(100% - 1.2rem);
}

.branch:before {
  left: -15px;
}

.branch.main-branch {
  margin-left: 1.5em;
}
.branch.main-branch:before {
  left: -19px;
}

.leaf > .branch > .leaf:before {
  left: -22px;
  width: 17px;
}

.tree:before {
  border-left: none;
}

.leaf {
  margin: 0;
  padding: 0 1.5em;
  /* indentation + .5em */
  line-height: 2em;
  /* default list item's `line-height` */
  font-weight: bold;
  position: relative;
}

.leaf:before {
  content: "";
  display: block;
  width: 14px;
  /* same with indentation */
  height: 0;
  border-top: 0px dashed;
  margin-top: -1px;
  /* border top width */
  position: absolute;
  top: 2em;
  /* (line-height/2) */
  left: 4px;
}

.branch > .leaf:before {
  border-top: 1px #333 dashed;
  left: -15px;
}

.leaf:last-child:before {
  /*background: white;*/
  /* same with body background */
  height: auto;
  /*top: 1em;*/
  /* (line-height/2) */
  bottom: 0;
}

.leaf .branch.sub-branch:before {
  left: -21px;
}
.leaf .branch.sub-branch .leaf:before {
  width: 18px;
  left: -19px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Sep 11, 2024, 3:44:37 PM
    Author     : GaganKumarJha
*/
.consents-child-container .checkbox-list .containercheckbox,
.client-ackonwledgement .checkbox-list .containercheckbox {
  font-size: 14px;
}
.consents-child-container .comon-list-ui li,
.client-ackonwledgement .comon-list-ui li {
  padding: 4px 0px;
  display: block;
}

.esing_form_signee_container .signees-list.external-signee-list .user-details-row > :nth-child(1),
.esing_form_signee_container .signees-list.external-signee-list .user-details-row > :nth-child(2) {
  width: 40%;
}
.esing_form_signee_container .signees-list.external-signee-list .user-details-row > :nth-child(3) {
  width: 20%;
}
.esing_form_signee_container .datepicker_container {
  position: relative;
  border: 1px #d1d1d1 solid;
}
.esing_form_signee_container .datepicker_container input[type=text] {
  border-bottom-color: #d1d1d1 !important;
}
.esing_form_signee_container .datepicker_container .fa.fa-calendar.open-the-datepicker {
  top: -24px !important;
}

.esign-child-container {
  /* border:1px #d1d1d1 solid;*/
  display: table;
  width: 100%;
}
.esign-child-container .comon-list-ui li {
  display: block;
}
.esign-child-container .registration-error {
  max-height: inherit;
}
.esign-child-container .signees-list li.add-user-details .user-name,
.esign-child-container .signees-list li.add-user-details .user-email,
.esign-child-container .signees-list li.add-user-details .user-action {
  max-width: 191px;
}

.cancel-sign-request .containerradio-green {
  font-weight: 500;
}

.esign-consent .editable-div {
  border: 1px #d1d1d1 solid;
  padding: 8px;
}
.esign-consent .editable-div-form {
  padding: 0px;
}
.esign-consent .editable-div-form textarea {
  line-height: 1.5 !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.eSing-form-ui .consent-group .comon-list-ui li {
  display: block;
}
.eSing-form-ui .consent-group .comon-list-ui li .containercheckbox {
  font-weight: 500 !important;
}

.doc_vault_esing_wrap {
  padding: 16px;
}

.esign-consent-rp .comon-list-ui li {
  display: block;
}

.reminderRowToBeCloned {
  position: relative;
}
.reminderRowToBeCloned .reminder-list-ui {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
  margin-bottom: 16px;
  align-items: center;
  background-color: #f9f9f9;
  border: 1px #f1f1f1 solid;
  padding: 8px 8px;
  border-radius: 4px;
}
.reminderRowToBeCloned .reminder-list-ui .reminder-lable {
  min-width: 100px;
}
.reminderRowToBeCloned .reminder-list-ui .row-delete-button {
  width: 24px;
  height: 24px;
  padding: 5px 16px;
}
.reminderRowToBeCloned .reminder-list-ui .form-control {
  background-color: #fff !important;
  z-index: 0 !important;
}
.reminderRowToBeCloned .reminder-list-ui .input-validation {
  flex-grow: 1;
}
.reminderRowToBeCloned .reminder-list-ui .input-validation .form-group select {
  padding: inherit !important;
}
.reminderRowToBeCloned .delete-default-box {
  position: absolute;
  top: 16px;
  right: 8px;
}
.reminderRowToBeCloned .delete-default-box a.delete_reminderRowToBeCloned {
  display: flex;
  color: red;
  width: 24px;
  height: 24px;
  border: 1px red solid;
  border-radius: 32px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.esign-form-preview-footer {
  min-height: 100px;
  position: absolute;
  z-index: 99;
  bottom: 0;
  background: #fff;
  width: 100%;
  padding-right: 50px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Oct 17, 2024, 9:12:06 AM
    Author     : GaganKumarJha
*/
.template-setting-right .dragable img,
.drag-button .dragable img {
  width: 18px;
  height: 18px;
}

/*.scoa_setting_wrapper{
    .section-header-wrap{       
        .setting-section-second-half{
            width:45% !important;
            padding-left: 5px;
        }
    }
}*/
.scoa_setting_wrapper .action-btn,
.scoa_wrapper .action-btn,
.action-btn {
  margin-right: -56px;
}
.scoa_setting_wrapper .action-btn .recommend-delete-option,
.scoa_wrapper .action-btn .recommend-delete-option,
.action-btn .recommend-delete-option {
  width: 24px;
  height: 24px;
  margin-right: 20px !important;
}

.recommend-delete-option .remove_recommendation {
  font-size: 18px;
  color: red;
  cursor: pointer;
  padding: 4px 8px;
}

.scoa_setting_wrapper .tmpl-edit-button,
.library-form-ui .tmpl-edit-button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--text-light-color);
  border-radius: 32px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.scoa_setting_wrapper .tmpl-edit-button .fa,
.library-form-ui .tmpl-edit-button .fa {
  font-size: 16px;
  display: block;
  padding: 8px;
}
.scoa_setting_wrapper .tmpl-edit-button:hover,
.library-form-ui .tmpl-edit-button:hover {
  background: var(--theme-color);
  cursor: pointer;
}

.disabled-module-content.warning-content .text-warning {
  margin: 0px;
  padding: 6px 16px 9px;
  border-top: 1px #ccc solid;
}

.chatGPT-text-area {
  padding: 8px 16px;
  border: 1px #ccc solid;
  width: 100%;
}

.chatGPT-group {
  border: 1px #ccc solid;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.chatGPT-group .icon {
  width: 200px;
  height: auto;
  border-radius: 0;
  margin-left: 0;
  border-right: 1px #ccc solid;
  margin-right: 16px;
}
.chatGPT-group .icon img {
  max-width: 48px;
  height: 32px;
  border-radius: 32px;
  width: auto;
  margin-right: 8px;
}
.chatGPT-group .chat-gpt-input {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}
.chatGPT-group .chat-gpt-input .chatGPT-input {
  width: 100%;
  background-color: transparent;
  border: 0px;
  line-height: 28px;
  resize: none;
}
.chatGPT-group .chat-gpt-input .btn.bnt-chatGpt-action {
  margin: 0px;
  padding: 4px 12px;
  background-color: #414141;
  color: #fff;
}

.library-table .fixed-header-table {
  width: 100%;
  border-collapse: collapse;
}
.library-table .fixed-header-table th, .library-table .fixed-header-table td {
  padding: 8px;
  border: 1px solid #ccc;
}
.library-table .fixed-header-table thead th {
  position: sticky;
  top: 0;
  background-color: #f2f2f2; /* Sticky header background */
  z-index: 1;
}

.library-wrap {
  height: 80vh;
}
.library-wrap .library-table {
  height: 450px;
  max-height: 450px;
  overflow: auto;
}
.library-wrap .library-table .table-bordered {
  border: 1px #ddd solid;
}
.library-wrap .form-container {
  border-top: 1px #ccc solid;
}
.library-wrap .form-container .form-head {
  padding: 16px 12px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}
.library-wrap .form-container .form-wrap {
  padding: 8px 0px;
}
.library-wrap .add-library-menu .tab-teaser {
  display: flex;
  gap: 0px;
  flex-direction: column;
}
.library-wrap .add-library-menu .tab-main-box {
  flex-grow: 2;
}
.library-wrap .add-library-menu ul.menu-list {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
.library-wrap .add-library-menu ul.menu-list li {
  list-style: none;
  min-width: 150px;
  text-align: center;
}
.library-wrap .add-library-menu ul.menu-list li a {
  display: flex;
  flex-direction: inherit;
  padding: 8px 24px;
  gap: 8px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  background-color: #f2f2f2;
  border-radius: 4px;
  height: 44px;
}
.library-wrap .add-library-menu ul.menu-list li a img {
  max-width: 28px;
  filter: brightness(0) saturate(100%) invert(39%) sepia(2%) saturate(2%) hue-rotate(53deg) brightness(90%) contrast(83%);
}
.library-wrap .add-library-menu ul.menu-list li a.active {
  background-color: var(--theme-color);
  color: #fff;
  border: 1px var(--theme-color) solid;
  border-radius: 4px;
}
.library-wrap .add-library-menu ul.menu-list li a.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.library-wrap .add-library-menu ul.menu-list li a.active:after {
  border-left: 10px solid var(--theme-color);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  position: absolute;
  left: 196px;
}

.appendix-upload-date .fa.fa-calendar {
  top: -26px !important;
  color: var(--theme-color);
}

.scoa_setting_wrapper .section-header-wrap .setting-section-second-half .disabled-module-content {
  max-width: 240px;
}

.form-group .textarea_client_background,
.form-group .goal_recommendation_textarea {
  border-width: 1px !important;
  border-color: #ccc !important;
  border-style: solid !important;
  padding: 16px !important;
}

.form-group .textarea_client_background {
  border-radius: 4px;
}

.recommended-footer-btn {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 16px;
}

/*
@description null 
@Ticket Id:3875
@author Gagan Jha <gagan@ifactfind.com.au>
@created at 2/10/25, 5:01 PM*/
.scoa_setting_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-first-half,
.scoa_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-first-half,
.library-form-ui .common-setting-section-wrap .section-header-wrap .setting-section-first-half {
  width: 311px;
}
.scoa_setting_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-first-half .setting-section-title .sction-label,
.scoa_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-first-half .setting-section-title .sction-label,
.library-form-ui .common-setting-section-wrap .section-header-wrap .setting-section-first-half .setting-section-title .sction-label {
  font-size: 1.3rem;
  color: var(--text-bold);
}
.scoa_setting_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-second-half,
.scoa_wrapper .common-setting-section-wrap .section-header-wrap .setting-section-second-half,
.library-form-ui .common-setting-section-wrap .section-header-wrap .setting-section-second-half {
  width: 50%;
  padding-left: 8px;
  display: block;
  padding-right: 16px;
}

.setting-section-second-half .template-setting-right .disabled-module-content {
  font-size: 12px;
  font-style: italic;
}

/*Goals Fold*/
.goals-fold .card-wrap {
  margin-bottom: 16px;
  position: relative;
  padding-right: 32px;
}
.goals-fold .card-wrap .disabled-card {
  filter: grayscale(1);
}
.goals-fold .card-wrap .disabled-card button.soa_doc_gen_edit_goal {
  pointer-events: none;
}
.goals-fold .card-wrap .card {
  background-color: #fff;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
  border-radius: 8px;
}
.goals-fold .card-wrap .card .card-progress-bar {
  min-height: 8px;
  width: 100%;
  background-color: var(--theme-color);
  border-radius: 4px 4px 0 0;
}
.goals-fold .card-wrap .card .card-head {
  border-bottom: 1px #d1d1d1 solid;
  display: flex;
  justify-content: space-between;
}
.goals-fold .card-wrap .card .card-head .card-head-title {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 4px 8px;
  gap: 8px;
}
.goals-fold .card-wrap .card .card-head .card-head-title .section-icon {
  width: 24px;
  height: 24px;
}
.goals-fold .card-wrap .card .card-head .card-head-title .sction-label {
  font-weight: 700;
  font-size: 16px;
  display: flex;
  gap: 8px;
}
.goals-fold .card-wrap .card .card-content-body {
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
}
.goals-fold .card-wrap .card .card-content-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.goals-fold .card-wrap .card .card-footer {
  border-top: 1px #ccc solid;
  padding: 8px 12px;
  display: flex;
  justify-content: end;
  width: 100%;
}
.goals-fold .card-wrap .card .card-footer:has(:nth-child(2)) {
  justify-content: space-between;
}
.goals-fold .card-wrap .card .card-footer .soa-fold-footer-menu {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-right: 16px;
}
.goals-fold .card-wrap .drag-button {
  position: absolute;
  right: 0;
  top: 12px;
  display: block;
  cursor: move;
}

.soa-fold-footer {
  display: flex;
  border-top: 1px #ccc solid;
  padding-top: 15px;
  padding-bottom: 24px;
}

.terms-of-engagement-wrap.scoa_wrapper,
.terms-of-engagement-wrap.scoa_setting_wrapper {
  padding-right: 44px;
  padding-left: 16px;
}

.scoa_setting_wrapper {
  padding-right: 44px;
  padding-left: 16px;
}

.library-table .table th {
  font-weight: 700;
}
.library-table .table td.action-column,
.library-table .table th.action-column {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
  border-top: 0px;
}
.library-table .table td.action-column a,
.library-table .table th.action-column a {
  text-decoration: none;
  color: var(--theme-color);
  padding: 2px 12px;
  display: block;
}

.librady-table-icons {
  display: flex;
  gap: 16px;
  padding: 8px 0px;
}
.librady-table-icons .fa {
  font-size: 22px;
  color: var(--theme-color);
}

.library-wrap .tab-main-box .tab-box {
  display: none;
}

.d-block {
  display: block !important;
}

.chatGPT-action-wrap {
  display: flex;
  gap: 16px;
  justify-content: end !important;
}

.border-top-0 {
  border-top: 0px !important;
}

.border-bottom-0 {
  border-bottom: 0px !important;
}

.border-right-0 {
  border-right: 0px !important;
}

.border-left-0 {
  border-left: 0px !important;
}

.soa-esign-form .esign-toggle {
  width: 47% !important;
}

.assumption-content {
  padding: 16px;
}
.assumption-content .assumption_wrapper {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 16px;
  background-color: #fff;
  padding: 8px;
}
.assumption-content .assumption_wrapper + label.containercheckbox {
  border-bottom: 1px #999 solid;
  width: 100%;
}

.ckeditor-wrap div.cke_contents {
  height: 65vh !important;
}

.editor-height-60 div.cke_contents {
  height: 55vh !important;
}

.setting-section-expanded-area .checkbox-radio-btn-wrap {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  border-top: 1px solid #e4e4e4;
}

.library-list-preview-modal .modal-dilog {
  margin-top: 5%;
}
.library-list-preview-modal .modal-header h4.modal-title {
  color: #fff;
  font-weight: 700;
}
.library-list-preview-modal .modal-header .close {
  opacity: 1;
  color: #fff;
}
.library-list-preview-modal .modal-body {
  max-height: 550px;
  overflow-y: auto;
  padding: 15px;
}
.library-list-preview-modal .modal-body p {
  font-size: 16px;
  line-height: 22px;
}
.library-list-preview-modal .modal-body ol.numbring-order-list {
  margin-left: 12px;
}

.appendix-child-container .setting-section-expanded-area {
  width: 100%;
}

.setting-section-expanded-area.lib-description {
  width: 100%;
}
.setting-section-expanded-area.lib-description .registration-error {
  margin-top: 0px;
}

.appendix-type .registration-error {
  position: absolute;
  width: 250px;
  top: 15px;
  left: 0px;
}

.error_submit_acknowledgement {
  bottom: -80px;
}

@media (min-width: 1281px) and (max-width: 1540px) {
  .ckeditor-wrap div.cke_contents {
    height: 55vh !important;
  }
  .editor-height-60 div.cke_contents {
    height: 43vh !important;
  }
  .library-wrap {
    height: 80vh;
  }
  .library-wrap .library-table {
    height: 40vh;
    max-height: 40vh;
  }
}
.btn.btn-outline-primary.disabled,
.btn.btn-outline-secondary.disabled {
  color: #9f9f9f;
}

.goal_recomm_readonly.disabled {
  color: var(--theme-dark-color);
}

.review-and-send-footer {
  position: sticky;
  z-index: 9999;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: #fff;
}

.assumption_sidebar .form-footer-wrap {
  position: fixed;
  bottom: 18px;
  width: 580px;
}

.templates-settings-fixtd .section-header-wrap .setting-section-second-half .template-setting-right textarea {
  display: none;
}
.templates-settings-fixtd .section-header-wrap .setting-section-second-half .template-setting-right .action-btn {
  margin-right: -60px;
}

@media (max-width: 1440px) {
  .scoa_setting_wrapper .section-header-wrap .setting-section-second-half .disabled-module-content {
    max-width: 90%;
  }
}
/*Pre-meeting SCOA Template setting*/
.common-setting-section-wrap.template-seeting-form .section-header-wrap .setting-section-first-half .setting-section-title.other-response {
  display: flex;
  justify-content: space-between;
}
.common-setting-section-wrap.template-seeting-form .section-header-wrap .setting-section-first-half .setting-section-title.other-response .switch-area {
  width: auto;
  padding-right: 24px;
}

.section-list-wrap.single-row {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 16px;
  background-color: #fff;
}
.section-list-wrap.single-row .section-header-wrap {
  display: flex;
  align-items: center;
  min-height: 58px;
  position: relative;
}
.section-list-wrap.single-row .section-header-wrap:before {
  content: none;
}
.section-list-wrap.single-row .section-header-wrap .setting-section-title {
  flex: 1;
  width: auto;
}
.section-list-wrap.single-row .section-header-wrap .setting-section-title .section-label {
  padding: 8px 8px;
  display: flex;
  flex-direction: column;
}
.section-list-wrap.single-row .section-action {
  width: auto;
}
.section-list-wrap.single-row .section-action .template-setting-right {
  display: flex;
  gap: 8px;
  align-items: center;
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark-theme-color);
  font-size: 16px;
  border-radius: 32px;
  transition: background-color 0.3s ease;
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn:hover {
  cursor: pointer;
  background-color: #f2f2f2;
  color: var(--theme-color);
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn.save-btn {
  color: var(--theme-color);
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn.save-btn:hover {
  background-color: var(--theme-color);
  color: #ffffff;
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn.delete-btn {
  color: var(--color-danger);
}
.section-list-wrap.single-row .section-action .template-setting-right .scoa-qsn-btn.delete-btn:hover {
  background-color: var(--color-danger);
  color: #ffffff;
}
.section-list-wrap.single-row .section-action .template-setting-right .action-btn {
  width: auto;
  margin-right: 12px;
  padding: 0px;
}

.question-edit-wrap {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.question-edit-wrap li {
  padding: 8px 8px;
}
.question-edit-wrap li label.form-label {
  margin-bottom: 8px;
  font-weight: 700;
}

.section-action.qsn-edit-footer {
  display: flex;
  justify-content: end;
  padding: 0px 8px 8px;
  gap: 8px;
}
.section-action.qsn-edit-footer .scoa-qsn-btn {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Sep 16, 2024, 10:34:54 AM
    Author     : GaganKumarJha
*/
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  border-radius: 25px;
  margin-bottom: 0px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0px;
}

.btn.btn-sm {
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 25px;
}

.btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 25px;
}

.btn.btn-link {
  font-weight: 400;
  color: rgba(var(--theme-color-rgb), 0.8);
  background-color: transparent;
}
.btn.btn-link:hover {
  color: rgba(var(--theme-color-rgb), 1);
}

.btn.btn-copy {
  padding: 4px 8px;
  line-height: normal;
  color: rgba(var(--theme-color-rgb));
  background-color: white;
  background-image: none;
  border-radius: 0.25rem;
  border: 1px solid #D5D5D5;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn.btn-copy:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

.btn.btn-outline-primary {
  color: rgba(var(--theme-color-rgb));
  background-color: rgba(var(--theme-color), 0.1);
  background-image: none;
  border-color: rgba(var(--theme-color));
}
.btn.btn-outline-primary:hover {
  background-color: var(--theme-color);
  color: var(--theme-mode-font-color);
}

.btn.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.btn.btn-outline-secondary:hover {
  background-color: #6c757d;
  color: #fff;
}

.btn.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.btn.btn-outline-success:hover {
  background-color: #28a745;
  color: #fff;
}

.btn.btn-outline-danger {
  color: #b91c1c;
  background: #fff5f5;
  background-image: none;
  border-color: #fecaca;
}
.btn.btn-outline-danger:hover {
  background-color: #dc3545;
  color: #fff;
}

.btn.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.btn.btn-outline-warning:hover {
  background-color: #ffc107;
  color: #36454F;
}

.btn.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.btn.btn-outline-info:hover {
  background-color: #17a2b8;
  color: #fff;
}

.btn.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.btn.btn-outline-light:hover {
  background-color: #f8f9fa;
  color: #36454F;
}

.btn.btn-outline-default {
  color: #374151;
  background-color: #fff;
  background-image: none;
  border-color: #d1d5db;
}
.btn.btn-outline-default:hover {
  background-color: #f3f4f6;
  border-color: #9ca3af;
  color: rgb(44.6875, 52.8125, 65.8125);
  text-decoration: none;
}

.btn.btn-outline-dark {
  color: #36454F;
  background-color: transparent;
  background-image: none;
  border-color: #36454F;
}
.btn.btn-outline-dark:hover {
  background-color: #36454F;
  color: #fff;
}

.btn.btn-primary {
  color: var(--theme-mode-font-color);
  background-color: rgba(var(--theme-color-rgb), 0.8);
  background-image: none;
  border-color: rgba(var(--theme-color-rgb), 1);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  background-color: rgba(var(--theme-color-rgb), 1);
  color: var(--theme-mode-font-color);
}

body[data-theme_mode=light] .btn.btn-primary,
body[data-theme_mode=light] .btn.btn-light,
body[data-theme_mode=light] .btn.btn-previous,
body[data-theme_mode=light] .btn.btn-next,
body[data-theme_mode=dark] .btn.btn-primary,
body[data-theme_mode=dark] .btn.btn-light,
body[data-theme_mode=dark] .btn.btn-previous,
body[data-theme_mode=dark] .btn.btn-next {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn.btn-primary:hover, body[data-theme_mode=light] .btn.btn-primary:focus, body[data-theme_mode=light] .btn.btn-primary:active,
body[data-theme_mode=light] .btn.btn-light:hover,
body[data-theme_mode=light] .btn.btn-light:focus,
body[data-theme_mode=light] .btn.btn-light:active,
body[data-theme_mode=light] .btn.btn-previous:hover,
body[data-theme_mode=light] .btn.btn-previous:focus,
body[data-theme_mode=light] .btn.btn-previous:active,
body[data-theme_mode=light] .btn.btn-next:hover,
body[data-theme_mode=light] .btn.btn-next:focus,
body[data-theme_mode=light] .btn.btn-next:active,
body[data-theme_mode=dark] .btn.btn-primary:hover,
body[data-theme_mode=dark] .btn.btn-primary:focus,
body[data-theme_mode=dark] .btn.btn-primary:active,
body[data-theme_mode=dark] .btn.btn-light:hover,
body[data-theme_mode=dark] .btn.btn-light:focus,
body[data-theme_mode=dark] .btn.btn-light:active,
body[data-theme_mode=dark] .btn.btn-previous:hover,
body[data-theme_mode=dark] .btn.btn-previous:focus,
body[data-theme_mode=dark] .btn.btn-previous:active,
body[data-theme_mode=dark] .btn.btn-next:hover,
body[data-theme_mode=dark] .btn.btn-next:focus,
body[data-theme_mode=dark] .btn.btn-next:active {
  color: var(--theme-mode-font-color) !important;
}
body[data-theme_mode=light] .btn.btn-primary.disabled:hover, body[data-theme_mode=light] .btn.btn-primary.disabled:focus, body[data-theme_mode=light] .btn.btn-primary.disabled:active,
body[data-theme_mode=dark] .btn.btn-primary.disabled:hover,
body[data-theme_mode=dark] .btn.btn-primary.disabled:focus,
body[data-theme_mode=dark] .btn.btn-primary.disabled:active {
  color: var(--theme-mode-font-color) !important;
}

.btn.btn-secondary {
  color: #fff;
  background-color: rgba(108, 117, 125, 0.8);
  background-image: none;
  border-color: #6c757d;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
  background-color: #6c757d;
  color: #fff;
}

.btn.btn-success {
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  background-image: none;
  border-color: #28a745;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {
  background-color: #28a745;
  color: #fff;
}

.btn.btn-danger {
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  background-image: none;
  border-color: #dc3545;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
  background-color: #dc3545;
  color: #fff;
}

.btn.btn-warning {
  color: #36454F;
  background-color: rgba(255, 193, 7, 0.8);
  background-image: none;
  border-color: #ffc107;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
  background-color: #ffc107;
}

.btn.btn-info {
  color: #fff;
  background-color: rgba(23, 162, 184, 0.8);
  background-image: none;
  border-color: #17a2b8;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
  background-color: #17a2b8;
}

.btn.btn-light {
  color: #fff;
  background-color: rgba(248, 249, 250, 0.8);
  background-image: none;
  border-color: #f8f9fa;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active {
  background-color: #f8f9fa;
}

.btn.btn-dark {
  color: #fff;
  background-color: rgba(54, 69, 79, 0.8);
  background-image: none;
  border-color: #36454f;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {
  background-color: #36454f;
}

.btn.btn-alignment {
  color: rgba(var(--theme-color-rgb));
  background-color: rgba(var(--theme-color-rgb), 0.8);
  background-image: none;
  border-color: rgba(var(--theme-color-rgb), 1);
}
.btn.btn-alignment:hover, .btn.btn-alignment:focus, .btn.btn-alignment:active {
  background-color: rgba(var(--theme-color-rgb), 1);
  color: #fff;
}

.btn.btn-alignment.active {
  background-color: rgba(var(--theme-color-rgb), 1);
  color: #fff;
}

.btn.btn-floating {
  background-color: var(--theme-color);
}

.btn.btn-add-note {
  color: #fff;
  background-color: rgba(var(--theme-color-rgb), 0.8);
  background-image: none;
  border-color: rgba(var(--theme-color-rgb), 1);
}
.btn.btn-add-note:hover, .btn.btn-add-note:focus, .btn.btn-add-note:active {
  background-color: rgba(var(--theme-color-rgb), 1);
}

.btn.btn-add-note.disabled {
  background-color: #ccc;
  border-color: #999;
  color: #666;
}
.btn.btn-add-note.disabled:hover {
  color: #6c757d;
}

.btn.btn-previous {
  color: #fff;
  background-color: rgba(var(--theme-color-rgb), 0.8);
  background-image: none;
  border-color: rgba(var(--theme-color-rgb), 1);
}
.btn.btn-previous:hover, .btn.btn-previous:focus, .btn.btn-previous:active {
  background-color: rgba(var(--theme-color-rgb), 1);
}

.btn.btn-next {
  color: #fff;
  background-color: rgba(var(--theme-color-rgb), 0.8);
  background-image: none;
  border-color: rgba(var(--theme-color-rgb), 1);
}
.btn.btn-next:hover, .btn.btn-next:focus, .btn.btn-next:active {
  background-color: rgba(var(--theme-color-rgb), 1);
}

.dl-back .btn.btn-previous {
  line-height: 36px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Oct 19, 2024, 12:51:58 PM
    Author     : GaganKumarJha
*/
.log-search-container {
  display: flex;
  clear: both;
}
.log-search-container .search-input {
  height: 38px;
  padding: 4px 8px;
  border: 1px var(--theme-color) solid;
  border-left: 0px;
  border-radius: 0px 32px 32px 0;
}
.log-search-container .search-button {
  padding: 8px 16px;
  font-weight: 700;
  margin-left: -2px;
  background-color: #fff;
  border: 1px var(--theme-color) solid;
  color: var(--theme-color);
  border-radius: 32px 0px 0px 32px;
  border-right: 0;
}

.logo-setting-container {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.logo-setting-container .email-logo-left-section {
  position: relative;
}

.email-temp-subject {
  position: relative;
}
.email-temp-subject .email-subject {
  padding-left: 70px;
}
.email-temp-subject .email-temp-subject-label {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  font-weight: 700;
}

.setting-section-second-half .block-label {
  font-weight: 700;
}

.setting-section-first-half .toggle-box {
  padding-right: 16px;
}

.sidebarcalendly.emailtemplatesidebar {
  width: 50%;
}

.box-shadow-none.border-none {
  box-shadow: none !important;
}

.float-left {
  float: left !important;
}

.mail-footer-logo {
  text-align: center;
}
.mail-footer-logo img {
  max-width: 120px;
}

.border-left {
  border-left: 1px #333 solid !important;
}

.border-right {
  border-right: 1px #333 solid !important;
}

.warning-message-strip {
  color: #8a6d3b;
  background-color: #fcf8e3;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #faebcc;
  border-radius: 4px;
  margin-bottom: 0;
}

.setting-section-expanded-area .multiselect-dropdown-list-wrapper {
  z-index: 1;
}

.alignment-options .btn-group-header-logo {
  z-index: 0;
}

.communication-log label.control-label,
.communication-log label.form-label {
  font-weight: 700;
}

.iff-setting-icon-cls-1 {
  fill: var(--theme-color);
}

.iff-setting-icon-cls-2 {
  fill: var(--theme-color);
}

.email-notification-section:last-child {
  margin-bottom: 0px;
}

#email-notification-tab .beta-icon {
  padding: 3px 4px;
}

.field-wrapper.added-form-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
  position: relative;
}
.field-wrapper.added-form-row input.form-control {
  width: calc(100% - 48px);
}
.field-wrapper.added-form-row .registration-error {
  order: 3;
  flex-grow: 1;
  width: 100%;
}
.field-wrapper.added-form-row .btn.remove-button {
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 1;
  margin-left: 8px;
}

.sidebar.active h4 {
  margin-bottom: 0px;
}

.globalwidth .table-action {
  width: 110px;
  max-width: 110px;
}

.error-message-container {
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 16px;
}
.error-message-container .alert.alert-success {
  position: relative;
  padding: 8px 12px;
  position: relative;
  padding-right: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.error-message-container .alert.alert-success .alert-message-content {
  line-height: 24px;
  padding: 16px 0px;
  flex-grow: 1;
  font-size: 16px;
}
.error-message-container .alert.alert-success .btn.btn-close {
  background-color: transparent;
  color: #000;
  font-size: 28px;
  width: initial;
  height: inherit;
  line-height: inherit;
  padding: initial;
  margin: 0px;
}

.client-dashboard-progress .client-partner-detials .last-login {
  color: #848484;
}
.client-dashboard-progress .noti-remi-table {
  display: flex;
  align-items: center;
  padding: 0px;
  gap: 16px;
}
.client-dashboard-progress .noti-remi-table .button-progress .pie_progress {
  margin: auto;
  width: inherit;
}
.client-dashboard-progress .noti-remi-table .button-progress .pie_progress .pie_progress__number {
  font-size: 22px;
  color: #00D100;
  font-weight: 600;
}
.client-dashboard-progress .noti-remi-table .button-progress .pie_progress__svg {
  width: 84px;
  height: 84px;
  margin-bottom: 12px;
}
.client-dashboard-progress .noti-remi-table .button-progress .pie_progress__svg ellipse {
  stroke: #d3d3d3 !important;
}
.client-dashboard-progress .noti-remi-table .button-progress .pie_progress__svg path {
  stroke: #00D100 !important;
}

.action-btn {
  padding: 0px 16px;
  display: block;
  width: 100%;
}
.action-btn .cd-gt-btn .goto-factfind-btn {
  display: block;
  font-size: 18px;
  border-radius: 8px;
  line-height: 1.5;
  padding: 8px 16px;
  background-color: #D33581 !important;
  border-color: #c11065;
  box-shadow: 0px 2px 10px #ff8ec4;
  color: #fff;
}

.client-dashboard .button-progress {
  height: 96px;
  width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100px;
}

.progress-title .last-login {
  display: none;
}

.pie_progress .pie_progress__number.progress-color {
  color: gray !important;
}

/*This style will aplly client only case*/
.client-dashboard.client-profile-row.card-width-increased {
  grid-template-columns: repeat(3, 1fr);
}

/* This Style will apply only when scroll donwn*/
.client-profile-row.sticky-section {
  position: fixed;
  z-index: 9;
  left: 24px;
  right: 24px;
  top: 0;
  background-color: #fff;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.client-profile-row.sticky-section .client-partner-detials {
  display: none;
}
.client-profile-row.sticky-section .progress-title p.last-login {
  display: block;
  font-size: 12px;
}
.client-profile-row.sticky-section .noti-remi-table {
  gap: 16px;
}
.client-profile-row.sticky-section .iff-client-profile-details {
  box-shadow: 0px 2px 10px #ff8ec4;
  place-content: center;
}
.client-profile-row.sticky-section .iff-client-profile-details .ff-progress {
  display: block;
}
.client-profile-row.sticky-section .iff-client-profile-details .ff-progress .client-dashboard-progress .button-progress {
  width: 50px;
  height: 50px;
  line-height: normal;
}
.client-profile-row.sticky-section .iff-client-profile-details .ff-progress .client-dashboard-progress .button-progress .pie_progress {
  margin: 0px auto;
}
.client-profile-row.sticky-section .iff-client-profile-details .ff-progress .client-dashboard-progress .button-progress .pie_progress__number {
  font-size: 16px;
}
.client-profile-row.sticky-section .iff-client-profile-details .ff-progress .client-dashboard-progress .button-progress .pie_progress__svg {
  width: 50px;
  height: 50px;
  margin-bottom: 0px;
}

@media screen and (min-width: 766.98px) and (max-width: 1280px) {
  .client-dashboard.client-profile-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .client-dashboard.client-profile-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .client-dashboard .top-bar .topbar-left img {
    max-height: 100% !important;
  }
}
/*
@media screen and (min-width:576.98px) and (max-width:960px){
    .client-profile-row{
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .client-profile-row .iff-client-profile-details:nth-child(2),
    .client-profile-row .iff-client-profile-details:nth-child(3){
        width:calc(50% - 8px);
    }
    .client-profile-row .iff-client-profile-details:nth-child(4){
        width:100%;
    }
}*/
.client-profile-date-picker {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.client-profile-date-picker i.open-the-datepicker {
  top: 0px !important;
}
.client-profile-date-picker .extra_body_html {
  text-align: left;
}
.client-profile-date-picker .date-picker-input-outer {
  margin-bottom: 20px !important;
  border-radius: 4px;
}
.client-profile-date-picker .date-picker-input-outer .overight-field {
  border-radius: 4px;
  height: 32px;
  padding-left: 4px;
}
.client-profile-date-picker .datepicker_container {
  display: inherit;
  padding-right: 0px;
}
.client-profile-date-picker .datepicker_container i.open-the-datepicker {
  top: 0px !important;
}
.client-profile-date-picker .date-picker-input-outer {
  border: 1px #999 solid;
  border-radius: 4px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Apr 11, 2025, 12:16:31 PM
    Author     : GaganKumarJha
*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 16px;
  margin-left: 4px;
  border: 1px transparent solid;
  letter-spacing: normal;
  text-transform: none;
}

.badge.primary-badge {
  background-color: rgba(var(--theme-color-rgb), 0.2) !important;
  color: rgba(var(--theme-color-rgb), 1);
  border-color: rgba(var(--theme-color-rgb), 0.8);
}

.badge.warning-badge {
  background-color: #fff7dd;
  color: #edb500;
  border-color: #D4AF37;
}

.badge.success-badge {
  background-color: #d1ffed;
  color: #02ae6a;
  border-color: #1dd58c;
}

.badge.danger-badge {
  background-color: rgba(229, 62, 62, 0.2);
  color: #e53e3e;
  border-color: #e53e3e;
}

.badge.info-badge {
  background-color: rgba(23, 162, 184, 0.1);
  color: rgba(23, 162, 184, 0.9);
  border: 1px rgba(23, 162, 184, 0.6) solid;
}

.client-partner-detials .badge {
  min-width: 88px;
  text-align: left;
  font-size: 12px;
  align-self: flex-start;
  border-radius: 16px !important;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 27, 2025, 3:26:14 PM
    Author     : GaganKumarJha
*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 4px;
  margin-left: 4px;
}

/*
.multiselect-dropdown span.optext{
   background-color: rgba($primary-color, 0.1);
   color: rgba($primary-color, 0.9);  
   transition: all ease-in-out 0.3s;
   border:1px rgba($primary-color, 0.4) solid ;
     &:hover{
        background-color: rgba($primary-color, 0.2);
        color:rgba($primary-color, 1);
     }
     .optdel{
         color:red;
     }
}*/
.badge-primary {
  background-color: rgba(var(--theme-color-rgb), 0.1);
  color: rgba(var(--theme-color-rgb), 0.9);
  border: 1px var(--theme-color-rgb) solid;
}
.badge-primary:hover {
  background-color: rgba(var(--theme-color-rgb), 0.2);
  color: rgba(var(--theme-color-rgb), 1);
}

.badge-secondary {
  background-color: rgba(108, 117, 125, 0.1);
  color: rgba(108, 117, 125, 0.9);
  border: 1px #6c757d solid;
}
.badge-secondary:hover {
  background-color: rgba(108, 117, 125, 0.2);
  color: #6c757d;
}

.badge-success {
  background-color: rgba(40, 167, 69, 0.1);
  color: rgba(40, 167, 69, 0.9);
  border: 1px rgba(40, 167, 69, 0.4) solid;
}
.badge-success:hover {
  background-color: rgba(40, 167, 69, 0.2);
  color: #28a745;
  border: 1px rgba(40, 167, 69, 0.6) solid;
}

.badge-danger {
  background-color: rgba(220, 53, 69, 0.1);
  color: rgba(220, 53, 69, 0.9);
  border: 1px #dc3545 solid;
}
.badge-danger:hover {
  background-color: rgba(220, 53, 69, 0.2);
  color: #dc3545;
}

.badge-warning {
  background-color: rgba(255, 193, 7, 0.1);
  color: rgba(255, 193, 7, 0.9);
  border: 1px #ffc107 solid;
}
.badge-warning:hover {
  background-color: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}

.badge-info {
  background-color: rgba(23, 162, 184, 0.1);
  color: rgba(23, 162, 184, 0.9);
  border: 1px rgba(23, 162, 184, 0.6) solid;
}
.badge-info:hover {
  background-color: rgba(23, 162, 184, 0.2);
  color: #17a2b8;
  border: 1px rgba(23, 162, 184, 0.8) solid;
}

:root {
  --cb-size: 1.25rem; /* default size */
  --cb-radius: 999px; /* circular */
  --cb-border-w: 2px; /* border width */
  --cb-bg: #ffffff; /* unchecked bg */
  --cb-border: #c7ccd1; /* unchecked border */
  --cb-fg: #111827; /* label color */
  --cb-checked: #2563eb; /* checked bg/border */
  --cb-focus: rgba(37, 99, 235, .28); /* focus outline */
  --b:#0b5cff;
  --g:#18a957;
  --r:#dd3344;
  --bg:#f7f7f9;
  --bd:#e5e7eb;
  --tx:#111;
  --bg:#f7f8fa;
  --card:#fff;
  --ink:#111827;
  --muted:#6b7280;
  --accent:#2563eb;
  --border:#e5e7eb;
  --danger:#ef4444;
  --radius:12px;
}

/* Accessible, custom circular checkbox */
.c-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

.c-checkbox[aria-disabled=true],
.c-checkbox:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
}

/* Visually hidden but still focusable/accessible */
.c-checkbox__input {
  position: absolute;
  inset: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.c-checkbox__box {
  width: var(--cb-size);
  height: var(--cb-size);
  flex: 0 0 var(--cb-size);
  border-radius: var(--cb-radius);
  border: var(--cb-border-w) solid var(--cb-border);
  background: var(--cb-bg);
  display: inline-grid;
  place-items: center;
  transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s ease;
}

/* Focus ring on the visual control */
.c-checkbox__input:focus-visible + .c-checkbox__box {
  box-shadow: 0 0 0 6px var(--cb-focus);
}

/* Hover affordance */
.c-checkbox:hover .c-checkbox__box {
  border-color: color-mix(in srgb, var(--cb-checked) 50%, var(--cb-border));
}

/* Checked styles */
.c-checkbox__input:checked + .c-checkbox__box {
  background: var(--success-color);
  border-color: var(--success-color);
}

/* Check icon */
.c-checkbox__icon {
  width: 68%;
  height: 68%;
  opacity: 0;
  transform: scale(0.9) rotate(-6deg);
  transition: opacity 0.14s ease, transform 0.14s ease;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.c-checkbox__input:checked + .c-checkbox__box .c-checkbox__icon {
  opacity: 1;
  transform: scale(1.3) rotate(0deg);
}

/* Size modifiers via data-size */
.c-checkbox[data-size=sm] {
  --cb-size: 1rem;
}

.c-checkbox[data-size=lg] {
  --cb-size: 1.5rem;
}

.c-checkbox[data-size=xl] {
  --cb-size: 2.3rem;
}

.hint {
  font-size: 12px;
  color: #6b7280;
}

.tabs {
  max-width: 100%;
}

/* Tab list */
.tabs-top-nav {
  margin: 0px;
  list-style: none;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 12px;
}
.tabs-top-nav [role=tab] {
  appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 600;
  color: var(--muted);
  position: relative;
  border-radius: 8px 8px 0 0;
}
.tabs-top-nav [role=tab][aria-selected=true] {
  color: #0f172a;
}
.tabs-top-nav [role=tab][aria-selected=true]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: var(--theme-color);
  border-radius: 3px;
}
.tabs-top-nav li {
  list-style: none;
  flex-grow: 1;
  text-align: center;
  font-size: 16px;
}

/* Panels */
.tabs [role=tabpanel] {
  padding: 12px 0;
}

.panel {
  border-radius: 10px;
  margin-bottom: 0px;
  border-bottom: 0px;
  box-shadow: none;
}

/* Focus ring */
.tabs [role=tab]:focus-visible {
  outline: 0px solid var(--accent);
  outline-offset: 2px;
  border-radius: 6px;
}

/*List View Design*/
.list-view-wrap {
  display: flex;
  flex-direction: column;
}
.list-view-wrap .list-view-list {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  height: 58px;
}
.list-view-wrap .list-view-list .list-title {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 700;
}
.list-view-wrap .list-view-list .list-title .list-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
}
.list-view-wrap .list-view-list .list-title .list-icon svg {
  max-width: 24px;
  height: 24px;
}

.section-wrap {
  margin: 0;
  padding: 0;
}
.section-wrap .seciton-header {
  display: flex;
  justify-content: end;
  margin-bottom: 16px;
}
.section-wrap .seciton-header .section-title {
  font-size: 18px;
  font-weight: 700;
  padding: 8px 0px;
  color: var(--secondary-color);
}
.section-wrap .section-body {
  padding: 15px inherit;
}

.list-view-wrap.question-list {
  margin-top: 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-view-wrap.question-list .list-view-item {
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  transition: 0.3s ease;
  min-height: 53px;
  flex-wrap: wrap;
}
.list-view-wrap.question-list .list-view-item .left-icon {
  cursor: pointer;
  font-size: 18px;
  color: var(--theme-color);
  visibility: visible;
}
.list-view-wrap.question-list .list-view-item .question-label {
  flex: 1;
  /* padding: 0 10px;*/
  font-size: 16px;
  font-weight: 500;
}
.list-view-wrap.question-list .list-view-item .right-checkbox {
  transform: scale(1.2);
  padding: 4px 8px;
}
.list-view-wrap.question-list .list-view-item.show-minus .left-icon {
  display: flex;
  background: #ffe6eb;
  border-color: #e11d48;
  color: #e11d48;
}

/*Question list grouping styles start from here*/
.question-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.list-view-item, .group-wrap {
  display: grid;
  grid-template-columns: 32px 1fr max-content;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  transition: opacity 0.15s ease;
}

/* "disabled look" when checkbox unchecked — still clickable */
.list-view-item.is-disabled {
  opacity: 0.5;
}

.left-icon {
  display: none;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  background: #eef3ff;
  border: 1px dashed #bcd2ff;
  color: #1e78ff;
  cursor: pointer;
  user-select: none;
}

.show-plus .left-icon {
  display: flex;
}

.show-minus .left-icon {
  display: flex;
  background: #e11d48;
  border-color: #e11d48;
  color: #fff;
}

/* dashed selection box (create) */
.selection-wrap {
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px dashed var(--theme-color);
  border-radius: 4px;
  position: relative;
  background: #fff;
}

.selection-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.selection-actions {
  position: relative;
  display: flex;
  justify-content: end;
  gap: 6px;
  border-radius: 10px;
}

.group-preview {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* saved group */
.group-wrap {
  background: var(--bg);
  border-color: var(--bd);
}

.group-head {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 2px 6px;
  gap: 10px;
}

.group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 0.5;
}

.group-name {
  font-weight: 700;
  font-size: 14px;
  color: #0b4f7a;
}

.group-name-input {
  font-size: 14px;
  padding: 4px 8px;
  border: 1px solid #cfe9ff;
  border-radius: 8px;
}

.group-actions {
  display: flex;
  gap: 8px;
}

.group-items {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.group-items .left-icon {
  display: none;
}

.group-wrap.editing .group-items .left-icon {
  display: flex;
} /* show − inside group while editing */
.group-wrap.editing {
  border-style: dashed;
  border-color: var(--theme-color);
}

.group-name-input {
  font-size: 14px;
  padding: 4px 8px;
  border: 1px solid #cfe9ff;
  border-radius: 8px;
  max-width: 260px;
  width: 100%;
}

.hidden {
  display: none !important;
}

.question-label-wrap,
.question-right-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.question-right-wrap {
  width: 250px;
  justify-content: end;
}

.q-warning {
  font-size: 16px;
  background-color: #ffdede;
  border-radius: 4px;
  padding: 4px 8px;
  color: var(--danger);
  border: 1px #ffb9b9 solid;
}

/*Add Questions styles start form here*/
.add-new-question {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-align: center;
  justify-content: center;
  min-width: 100%;
  padding: 8px 16px;
  border-radius: 4px;
  margin-top: 16px;
  gap: 8px;
  background-color: rgba(var(--theme-color), 0.1);
}
.add-new-question:hover {
  color: #fff;
  background-color: var(--theme-color);
}

.new-question .form-control {
  border-color: var(--border);
  border-radius: 4px;
}
.new-question .btn.btn-remove {
  border-radius: 4px;
}
.new-question label {
  font-size: 14px;
}
.new-question textarea, .new-question input[type=text], .new-question select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 10px 12px;
  background: #fff;
  outline: none;
}
.new-question textarea {
  min-height: 60px;
  resize: vertical;
}
.new-question toolbar {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.new-question .card {
  background: var(--card);
  border: 1px dashed var(--theme-color);
  border-radius: 8px;
  padding: 16px;
}
.new-question .q-head {
  display: flex;
  justify-content: end;
  align-items: center;
}
.new-question .options {
  border: 1px dashed var(--bd);
  border-radius: 8px;
  padding: 12px;
  background: #fafafa;
  margin-top: 4px;
  background: var(--bg);
  border-color: var(--bd);
}
.new-question .option-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.new-question .muted {
  color: var(--muted);
  font-size: 12px;
}
.new-question .empty {
  padding: 24px;
  text-align: center;
  color: var(--muted);
  border: 2px dashed var(--border);
  border-radius: var(--radius);
  background: #fff;
}
.new-question .saved-list {
  display: grid;
  gap: 10px;
}
.new-question .saved-row {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  margin-bottom: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  height: 58px;
  gap: 12px;
  transition: 0.3s ease;
}
.new-question .row-meta {
  min-width: 0;
  flex-grow: 1;
}
.new-question .row-title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--theme-default-dark);
  font-size: 16px;
}
.new-question .row-sub {
  font-size: 14px;
  color: var(--muted);
  margin-top: 4px;
}
.new-question .badge {
  display: inline-block;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
}
.new-question .row-actions {
  display: flex;
  gap: 8px;
}

/* Keep label inline but neatly spaced */
.question-list .list-view-item .question-label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Required badge */
.badge-required {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.2;
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

/* Toggle (text + switch) */
.req-switch {
  --track-off:#e5e7eb;
  --track-on:#4f46e5;
  --thumb:#ffffff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 6px;
  cursor: pointer;
  user-select: none;
  outline: none;
}

.req-switch__track {
  position: relative;
  width: 42px;
  height: 19px;
  border-radius: 999px;
  background: var(--track-off);
  border: 1px solid #d1d5db;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.req-switch__thumb {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: var(--thumb);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: left 0.18s ease;
}

.req-switch__text {
  font-size: 12px;
  color: #374151;
}

/* checked */
.req-switch[aria-checked=true] .req-switch__track {
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.req-switch[aria-checked=true] .req-switch__thumb {
  left: 24px;
}

/* (You already have this) */
.hidden {
  display: none !important;
}

.switch.req-switch {
  height: 22px;
}
.switch.req-switch .slider:before {
  width: 16px;
  height: 16px;
  bottom: 3px;
}

/*Question Editing option*/
/* Keep the label area tidy */
.question-list .list-view-item .question-label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Label text + edit input */
.label-text {
  font: inherit;
}

.label-input {
  max-width: 520px;
}

/* Edit action buttons (adjust to your design / bootstrap if needed) */
.ql-actions {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.ql-btn {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}

.ql-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* helper */
.hidden {
  display: none !important;
}

.list-view-item .q-options-wrap {
  list-style: none;
  margin: 0;
  padding: 8px;
  background-color: #fff;
  border: 1px var(--theme-color) dashed;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  clear: both;
}
.list-view-item .q-options-wrap li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  background: #f4f4f4;
  border: 1px #ccc solid;
  padding: 8px 8px;
  color: #333;
  border-radius: 4px;
}
.list-view-item .q-options-wrap li .option-label {
  flex: 1;
}
.list-view-item .q-options-wrap li .opiton-action {
  font-weight: 400;
}
.list-view-item .q-options-wrap li .opiton-action .option-remove {
  color: var(--danger);
  padding: 4px 8px;
  cursor: pointer;
}

.ownership_container .new-custom-checkbox {
  display: flex;
  gap: 4px;
}
.ownership_container input[type=checkbox].checkbox-design {
  appearance: none;
  -webkit-appearance: none;
  /* Custom dimensions */
  width: 20px;
  height: 20px;
  border: 2px solid var(--border);
  border-radius: 4px;
  background-color: #fff;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.ownership_container input[type=checkbox].checkbox-design:hover {
  border-color: var(--primary);
}
.ownership_container input[type=checkbox].checkbox-design::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff; /* Checkmark color */
  /* Modern checkmark shape using clip-path */
  background-color: currentColor;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.ownership_container input[type=checkbox].checkbox-design:checked {
  background-color: var(--color-success); /* Modern blue */
  border-color: var(--color-success);
}
.ownership_container input[type=checkbox].checkbox-design:checked:before {
  transform: scale(1);
}
.ownership_container input[type=checkbox].checkbox-design:focus {
  outline: 0px solid rgba(49, 130, 206, 0.5);
  outline-offset: 2px;
}

#pre_meeting_form:focus, #pre_meeting_form:active {
  outline: none;
}

.error_div_container .form-submit-error {
  /* Layout & Positioning */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px !important;
  margin: 15px 0;
  background-color: #fff5f5 !important;
  color: #c53030 !important;
  border: 1px solid #feb2b2 !important;
  border-radius: 8px !important;
  font-family: "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
.error_div_container {
  /* Styling the "X" close button if it's a button/span inside */
}
.error_div_container .form-submit-error .close_flash_msg {
  margin-left: 15px;
  cursor: pointer;
  opacity: 0.6;
  font-size: 18px;
  line-height: 1;
  background-color: transparent;
  border: none;
  color: #c53030 !important;
}
.error_div_container .form-submit-error .close_flash_msg:hover {
  opacity: 1;
  color: #000;
}

.ownership-pm-custom-style .added-default-box {
  padding: 10px;
  position: relative;
  border-radius: 8px;
  border: solid 1px var(--border);
}
.ownership-pm-custom-style .ownership-progress {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0px;
  margin-bottom: var(--space-3);
}
.ownership-pm-custom-style .ownership-progress .progress {
  height: var(--space);
}
.ownership-pm-custom-style .ownership-progress .progress-value {
  background: var(--primary) !important;
  color: var(--white);
  border-radius: var(--size);
  padding: var(--size);
}
.ownership-pm-custom-style .ownership-progress .em-alert-msg {
  bottom: 0px;
}
.ownership-pm-custom-style .other_owners_section_container {
  margin-top: 16px;
}
.ownership-pm-custom-style .display-only-pm {
  display: block;
}
.ownership-pm-custom-style .hide-pm {
  display: none;
}
.ownership-pm-custom-style .hide {
  display: none !important;
}
.ownership-pm-custom-style .added-comman-section {
  display: flex;
  justify-content: end;
}
.ownership-pm-custom-style .added-comman-section .ownershipRowToBeCloned-btn {
  display: inline-flex;
  margin-top: 8px;
  justify-content: end;
  align-items: center;
  gap: 4px;
}
.ownership-pm-custom-style .added-comman-section .btn.waves-light {
  background: var(--primary-surface);
  border: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
  box-shadow: var(--shadow);
}

.pre-meeting-modal-content {
  text-align: -webkit-center;
  padding: 8px 16px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pre-meeting-modal-content h3 {
  font-size: var(--font-size-md);
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.pre-meeting-modal-content h3 .fa-exclamation-triangle {
  color: var(--warning-color);
}
.pre-meeting-modal-content h5 {
  font-size: var(--font-size-xs);
  margin-top: var(--space-4);
  font-weight: normal;
}

.sidenav nav::-webkit-scrollbar {
  display: none;
}
.sidenav nav {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
}

.user-btn-wrap .btn.btn-sm {
  font-size: inherit;
  line-height: inherit;
}
.user-btn-wrap .btn.btn-sm:focus {
  border: none;
}

@media (min-width: 768px) {
  .m4 {
    width: calc(33.3333333333% - 8px);
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  .ownership-pm-custom-style .ownership-progress {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .ownership-pm-custom-style .ownership-progress {
    width: 100%;
  }
}
/*Checkbox Round*/
.containercheckbox.checkbox-round .checkmark {
  border-radius: 50px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--theme-color);
}
.containercheckbox.checkbox-round .checkmark input {
  position: absolute;
  visibility: hidden;
}
.containercheckbox.checkbox-round .checkmark:after {
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.containercheckbox.checkbox-round input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
}
.containercheckbox.checkbox-round input:checked ~ .checkmark:after {
  display: block;
}

/*Checkbox Squire*/
.containercheckbox.checkbox-squire {
  padding-left: 0;
}

.containercheckbox.checkbox-squire .checkmark {
  border-radius: 4px;
  width: 18px !important;
  height: 18px;
  border: 2px solid var(--theme-color);
  padding-left: 0px !important;
  transition: none;
  animation: none;
  margin-right: 8px !important;
  float: left;
  width: 30px;
  margin-bottom: 5px;
  position: relative;
}
.containercheckbox.checkbox-squire .checkmark input {
  position: absolute;
  visibility: hidden;
}
.containercheckbox.checkbox-squire .checkmark:before {
  border: 0px solid var(--theme-color);
}
.containercheckbox.checkbox-squire .checkmark:after {
  top: 0px;
  left: 4px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.containercheckbox.checkbox-squire input:checked ~ .checkmark {
  background-color: var(--theme-color);
  border: 2px solid var(--theme-color);
}
.containercheckbox.checkbox-squire input:checked ~ .checkmark:before {
  transition: none;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: -3px;
  left: -1px;
  width: 7px;
  height: 13px;
}
.containercheckbox.checkbox-squire input:checked ~ .checkmark:after {
  display: block;
  transition: none;
}

body[data-theme_mode=light] .containercheckbox.checkbox-squire .checkmark {
  border: 2px solid var(--theme-color-dark);
}
body[data-theme_mode=light] .containercheckbox.checkbox-squire input:checked ~ .checkmark {
  background-color: var(--theme-color-dark);
  border: 2px solid var(--theme-color-dark);
}

.lookup-search-wrap {
  background: var(--gray-200);
  border-radius: var(--size-sm);
}
.lookup-search-wrap .lookup-search-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--gray-800);
  border-bottom: 1px solid var(--gray-500);
  padding: var(--size-md);
}
.lookup-search-wrap .selected.select-adviser {
  border: 1px solid var(--gray-500) !important;
  height: 44px;
  background-color: var(--white) !important;
  border-radius: var(--size-sm);
}
.lookup-search-wrap .search-box-wrap-inner {
  border-radius: var(--size-sm);
  border: 1px solid var(--gray-500);
  height: 44px;
  background-color: var(--white) !important;
}
.lookup-search-wrap .search-box-wrap-inner .inte-btn a.btn.search-advisor-btn {
  height: 44px;
}
.lookup-search-wrap .search-box-wrap-inner .btn.btn-search {
  color: var(--theme-color);
}
.lookup-search-wrap .search-box-wrap-inner .btn.btn-search .fa.fa-search {
  color: var(--theme-color) !important;
}

.global-search {
  border-radius: var(--size-sm);
}
.global-search .search-box-wrap-inner {
  display: flex;
  background-color: var(--gray-200);
  border-radius: var(--size-sm);
  align-itmes: center;
}
.global-search .search-box-wrap-inner .input-group-btn {
  width: inherit;
}
.global-search .allclient-search-data {
  flex: 1;
}
.global-search ul.searched-list {
  position: absolute;
  z-index: 999;
  background: white;
  top: 40px;
  border-radius: var(--size-sm);
  box-shadow: var(--box-shadow);
  list-style: none;
}
.global-search ul.searched-list li {
  list-style: none;
  border-left: var(--size) solid transparent;
  border-bottom: 1px solid var(--gray-200);
}
.global-search ul.searched-list li[data-integrator_name=ifactfind] {
  font-weight: bold;
}
.global-search ul.searched-list li[data-integrator_name=ifactfind] .integration-icon {
  background-color: #E3F0F3;
}
.global-search ul.searched-list li[data-integrator_name=xplan] {
  font-weight: bold;
}
.global-search ul.searched-list li[data-integrator_name=xplan] .integration-icon {
  background-color: #EAFFF8;
}
.global-search ul.searched-list li .__search-list-ui-wrap {
  display: flex;
  align-items: center;
  padding-right: var(--size-sm);
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
  padding: var(--size-sm);
  gap: 0px 8px;
  flex: 1;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .integration-icon {
  border-radius: 44px;
  min-width: 44px;
  width: 44px;
  height: 44px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .integration-icon img {
  max-width: 38px;
  max-height: 38px;
  padding: 4px;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data {
  padding-right: 0px;
  margin-right: 0px;
  line-height: 14px;
  display: flex;
  gap: 4px;
  flex-direction: column;
  padding-left: var(--size-md);
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data .__search-info-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  line-height: 18px;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data .__search-info-wrap .__search-client-partner-name {
  font-weight: 600;
  line-height: 24px;
  font-size: 16px;
  color: var(--gray-800);
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data .__search-info-wrap .__search-client-contact {
  font-size: 14px;
  line-height: 22px;
  color: var(--gray-600);
  font-weight: 400;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data .__search-info-wrap .__search-client-advisor {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-600);
  display: flex;
  font-weight: 400;
  gap: 0 var(--size);
  align-items: flex-start;
}
.global-search ul.searched-list li .__search-list-ui-wrap .__search-data-group .__search-client-data .__search-info-wrap .__search-client-advisor .__user-id {
  white-space: nowrap;
  word-break: keep-all;
}
.global-search ul.searched-list li .__search-list-ui-wrap .go-to-ff {
  min-width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size-sm);
  font-size: var(--size-md);
  border-left: 1px solid var(--gray-200);
}
.global-search ul.searched-list li:hover + li:first-child {
  border-radius: var(--size-sm) var(--size-sm) 0px 0px;
}
.global-search ul.searched-list li:hover {
  background-color: var(--gray-100);
  border-left: var(--size) var(--theme-color) solid;
  cursor: pointer;
}
.global-search ul.searched-list li:hover .go-to-ff {
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: var(--size);
}
.global-search ul.searched-list li:hover .go-to-ff a {
  color: var(--white);
}

.allclients-searchbar.fold-search-box .global-search {
  border: 1px #ccc solid;
  border-radius: 32px;
  min-width: 100%;
  width: inherit;
}
.allclients-searchbar.fold-search-box .global-search .allclient-search-data ul.searched-list {
  min-width: 100%;
  top: 40px;
  left: -36px;
}

.search-info-message {
  padding: var(--size-sm);
  text-align: left;
  display: block;
}

.data-mgt-search {
  border: 1px var(--gray-400) solid;
  border-radius: var(--size-sm);
}

@media (min-width: 1356px) {
  .lookup-search-wrap ul.searched-list {
    top: 44px !important;
  }
  .lookup-search-wrap ul.searched-list li:hover {
    color: var(--gray-900);
  }
  .lookup-search-wrap .selecty {
    width: 100%;
    position: relative;
    font-size: 16px;
    color: #1b1919;
    background-color: white;
    padding: 0px 16px;
    border-radius: var(--size-sm);
    border: 1px solid var(--gray-500);
  }
  .lookup-search-wrap .selecty .selecty-selected {
    border-bottom: 0px;
    padding: 2px 0px;
  }
  .lookup-search-wrap .form-control.input-mg {
    height: 44px;
  }
  .global-search {
    /*width:380px;*/
  }
  .global-search ul.searched-list {
    width: 600px;
    top: 60px;
    right: 0px;
  }
  .iffheader-search ul.searched-list {
    top: 54px !important;
  }
  .allclients-searchbar.fold-search-box .global-search {
    border: 1px #ccc solid;
    border-radius: 32px;
    min-width: 100%;
    width: inherit;
  }
  .allclients-searchbar.fold-search-box .global-search ul.searched-list {
    min-width: 100%;
    top: 40px;
    left: -36px;
  }
}
.global-search .allclient-search-data ul.suggest_list li {
  min-height: 44px;
  /*display:flex;*/
  line-height: 22px;
  align-items: center;
}

.update-notification-popup {
  width: 100%;
}
.update-notification-popup .modal-dialog {
  margin-top: var(--size-md);
}
.update-notification-popup .modal-header {
  background: transparent !important;
}
.update-notification-popup .modal-body {
  padding: var(--size-xl);
}
.update-notification-popup .modal-body .update-notification-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--size-md) 0px;
  margin-bottom: var(--size-md);
  margin-top: -32px;
}
.update-notification-popup .modal-body .update-notification-header h2 {
  font-weight: 700;
  color: var(--gray-900);
  text-transform: uppercase;
  font-size: var(--size-md);
}
.update-notification-popup .modal-body .update-content {
  font-size: var(--size-md);
  line-height: var(--size-lg);
  color: var(--gray-700);
  padding: 0 20px;
}
.update-notification-popup .modal-body .update-content h3 {
  margin-bottom: var(--size-md);
  margin-bottom: var(--size-sm);
  font-weight: 500;
  font-size: var(--size-lg);
}
.update-notification-popup .modal-body .update-content ul {
  list-style: none;
  padding-left: 0;
}
.update-notification-popup .modal-body .update-content ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}
.update-notification-popup .modal-body .update-content ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #28a745;
  font-weight: bold;
  font-size: 16px;
}
.update-notification-popup .modal-footer {
  display: flex;
}
.update-notification-popup .modal-footer .update-footer-left {
  flex-grow: 1;
}
.update-notification-popup .modal-footer .update-footer-left .form-check-input {
  margin-top: 0px;
  width: inherit !important;
}
.update-notification-popup .modal-footer .update-footer-left .form-check-label {
  padding-left: 8px;
  margin-bottom: 0px;
}

/* =====================================================
   Header / Topbar (SCSS)
   Author: Production-ready
===================================================== */
a {
  text-decoration: none;
}

.app-header {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--size-md) 0px 0px;
  background: #fff;
  /* ================= LEFT ================= */
}
.app-header .header-left {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}
.app-header {
  /* ================= SEARCH ================= */
}
.app-header .header-search {
  position: relative;
  width: 360px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}
.app-header .header-search i {
  color: #6b7280;
  font-size: 14px;
}
.app-header .header-search input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #111827;
}
.app-header .header-search input::placeholder {
  color: #6b7280;
}
.app-header .header-search .clear-search {
  cursor: pointer;
  transition: color 0.15s ease;
}
.app-header .header-search .clear-search:hover {
  color: #111827;
}
.app-header .header-search {
  /* Search Suggestions */
}
.app-header .header-search .search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  display: none;
  z-index: 50;
}
.app-header .header-search .search-suggestions li {
  padding: 10px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.app-header .header-search .search-suggestions li:hover {
  background: #f3f4f6;
}
.app-header {
  /* ================= RIGHT ================= */
}
.app-header .header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  /* Icon button */
}
.app-header .header-right .icon-btn {
  position: relative;
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.app-header .header-right .icon-btn:hover {
  background: #f3f4f6;
}
.app-header .header-right .icon-btn i {
  font-size: 16px;
  color: #111827;
}
.app-header .header-right .icon-btn .notify-dot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  background: #ef4444;
  border-radius: 50%;
}
.app-header {
  /* ================= USER ================= */
}
.app-header .user-btn-wrap .dropdown .dropdown-toggle::after {
  display: inline-block;
  /* margin-left: .255em; */
  vertical-align: 0.255em;
  content: "";
  border-top: 0.6em solid;
  border-right: 0.6em solid transparent;
  border-bottom: 0;
  border-left: 0.6em solid transparent;
}
.app-header .user-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid transparent;
  transition: background 0.15s ease;
  text-align: left;
}
.app-header .user-btn:hover {
  background: #f3f4f6;
}
.app-header .user-btn .avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
}
.app-header .user-btn .user-info {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.2;
}
.app-header .user-btn .user-info .name {
  font-weight: 600;
  color: #111827;
  font-size: 14px;
  line-height: 24px;
}
.app-header .user-btn .user-info .role {
  color: #6b7280;
}
.app-header .user-btn i {
  font-size: 12px;
  color: #6b7280;
}
.app-header .dropdown-toggle.show {
  display: flex !important;
}

/* ================= DROPDOWN ================= */
.dropdown {
  position: relative;
}
.dropdown.open .dropdown-menu {
  display: block;
}
.dropdown .dropdown-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 190px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  padding: var(--size);
  display: none;
  z-index: 50;
}
.dropdown .dropdown-menu .dropdown-title {
  padding: var(--size-sm) calc(var(--size-sm) + 4px);
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-500);
}
.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu a,
.dropdown .dropdown-menu a.link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: var(--size-sm) var(--size);
  border-radius: calc(var(--size) + 2px);
  font-size: 13px !important;
  text-decoration: none;
  color: var(--gray-600);
  transition: background 0.15s ease;
  font-weight: 700;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu a:hover,
.dropdown .dropdown-menu a.link:hover {
  background: #f3f4f6;
}
.dropdown .dropdown-menu .dropdown-item.danger,
.dropdown .dropdown-menu a.danger,
.dropdown .dropdown-menu a.link.danger {
  color: #dc2626;
}
.dropdown .dropdown-menu .divider {
  height: 1px;
  background: var(--devider-bg);
  margin: 6px 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--devider-bg);
  opacity: 1;
}

.strip-banner {
  max-width: 1080px;
  width: 100%;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.5s ease forwards;
  box-sizing: border-box;
}
.strip-banner .banner-text {
  font-size: 16px;
  margin: 0;
  line-height: 24px;
}
.strip-banner .actions-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.strip-banner .actions-container .action-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /*padding: 0.75rem 2rem;*/
  border-radius: 50px;
  color: white;
  font-weight: 600;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.strip-banner .actions-container .action-button:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.strip-banner.sync-banner {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.strip-banner.sync-banner .banner-text {
  color: #475569;
}
.strip-banner.sync-banner .banner-text strong {
  color: #1e293b;
}
.strip-banner.sync-banner .actions-container .action-button {
  background: linear-gradient(90deg, #1d4ed8 0%, #7e22ce 50%, #db2777 100%);
}
.strip-banner.sync-banner .actions-container .action-button:hover {
  box-shadow: 0 4px 12px rgba(126, 34, 206, 0.3);
}
.strip-banner.sync-banner .actions-container .action-button.success {
  background: #22c55e;
}

.strip-banner .spinner {
  animation: spin 1s linear infinite;
  width: 1rem;
  height: 1rem;
}

.strip-banner .close-btn {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}
.strip-banner .close-btn svg {
  width: 24px;
  height: 24px;
}
.strip-banner .close-btn::hover {
  color: #475569;
}

/* Keyframes */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* State Transitions */
.fade-out {
  transition: all 0.5s ease;
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
  .strip-banner {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .actions-container {
    width: 100%;
    justify-content: center;
  }
}
/* Tooltip box */
.tippy-box[data-theme~=custom-theme] {
  background-color: #36454f; /* your color */
  color: #fff;
  font-weight: normal;
  border-radius: 8px;
  font-size: 13px;
}

.tippy-box[data-theme~=custom-theme] .tippy-content strong {
  color: #fff;
}

/* Arrow color */
.tippy-box[data-theme~=custom-theme] .tippy-arrow::before {
  border-top-color: #36454f;
}

/*@use 'custom-table';*/
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border: 2px solid #ccc;
  border-radius: 8px;
}

.padding-8 {
  padding: 8px;
}

.padding-12 {
  padding: 16px;
}

.padding-16 {
  padding: 16px;
}

.margin-8 {
  margin: 8px;
}

.marginTop-8 {
  margin-top: 8px;
}

.marginBottom-8 {
  margin-bottom: 8px;
}

.mandetory {
  color: red !important;
}

.small-case {
  text-transform: lowercase !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.btn-theme {
  background-color: var(--theme-color);
  color: #fff;
}

.btn.btn-default {
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--text-dark-color);
}

.btn.btn-default:hover {
  color: var(--text-dark-color);
}

.d-flex {
  display: flex;
}

.section-sub-heading {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
}

.dropdown-menu .esign-menu a {
  display: flex;
}
.dropdown-menu .esign-menu a svg {
  margin-right: 6px;
}
.dropdown-menu .esign-menu a path.theme-color {
  stroke: var(--text-dark-color);
}

.heading {
  font-weight: 700;
  font-size: 16px;
}

.devider {
  border-bottom: 1px #ccc solid;
  box-sizing: border-box;
  position: relative;
  margin: 8px 0px;
}

.custom-switch {
  line-height: 14px;
}
.custom-switch label {
  margin-bottom: 0px;
}

.consent-group .switch {
  display: inline-block;
}
.consent-group .switch input.switch-rounded {
  display: none;
}
.consent-group .switch label.switch-rounded-label {
  display: block;
  width: 60px;
  height: 30px;
  padding: 3px;
  border-radius: 15px;
  border: 2px solid var(--theme-color);
  cursor: pointer;
  transition: 0.3s;
  max-width: inherit;
}
.consent-group .switch label.switch-rounded-label:after {
  content: "";
  display: inherit;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background: var(--theme-color);
  transition: 0.3s;
}
.consent-group .switch input.switch-rounded:checked ~ label.switch-rounded-label::after {
  translate: 30px 0;
  background: var(--theme-color);
}
.consent-group .switch input.switch-rounded:disabled ~ label.switch-rounded-label {
  opacity: 0.5;
  cursor: not-allowed;
}

.common-setting-ui-wrap .switch.switch-snapshot {
  width: 190px;
}
.common-setting-ui-wrap .switch.switch-snapshot input:checked + .slider:before {
  -webkit-transform: translateX(163px);
  -ms-transform: translateX(163px);
  transform: translateX(163px);
}
.common-setting-ui-wrap .switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  margin-bottom: 0px;
}
.common-setting-ui-wrap .switch input {
  display: none;
}
.common-setting-ui-wrap .switch input:checked + .slider {
  background-color: var(--theme-color);
}
.common-setting-ui-wrap .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.common-setting-ui-wrap .switch input:checked + .slider:before {
  -webkit-transform: translateX(94px);
  -ms-transform: translateX(94px);
  transform: translateX(94px);
}
.common-setting-ui-wrap .switch input:checked + .slider .on {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
}
.common-setting-ui-wrap .switch input:checked + .slider .off {
  display: none;
  word-break: keep-all;
  white-space: nowrap;
}
.common-setting-ui-wrap .slider, .common-setting-ui-wrap .locked-enabled-slider, .common-setting-ui-wrap .locked-disabled-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.common-setting-ui-wrap .slider:before, .common-setting-ui-wrap .locked-enabled-slider:before, .common-setting-ui-wrap .locked-disabled-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.common-setting-ui-wrap .on {
  display: none;
}
.common-setting-ui-wrap .on,
.common-setting-ui-wrap .off {
  position: absolute;
  transform: translate(-40%, -40%);
  top: 40%;
  font-size: 12px;
  user-select: none;
}
.common-setting-ui-wrap .on {
  color: white;
  left: 43%;
}
.common-setting-ui-wrap .off {
  color: black;
  left: 49%;
}
.common-setting-ui-wrap .switch.switch-snapshot .off {
  color: black;
  left: 45%;
}
.common-setting-ui-wrap .slider.round, .common-setting-ui-wrap .locked-enabled-slider.round, .common-setting-ui-wrap .locked-disabled-slider {
  border-radius: 34px;
}
.common-setting-ui-wrap .slider.round:before, .common-setting-ui-wrap .locked-enabled-slider.round:before, .common-setting-ui-wrap .locked-disabled-slider:before {
  border-radius: 50%;
}
.common-setting-ui-wrap .switch.switch-sm {
  width: 40px;
  height: 19px;
}
.common-setting-ui-wrap .switch.switch-sm .slider, .common-setting-ui-wrap .switch.switch-sm .locked-disabled-slider {
  background-color: #ccc;
}
.common-setting-ui-wrap .switch.switch-sm input:checked + .slider, .common-setting-ui-wrap .switch.switch-sm .locked-enabled-slider {
  background-color: var(--theme-color);
}
.common-setting-ui-wrap .switch.switch-sm input:checked + .slider:before,
.common-setting-ui-wrap .switch.switch-sm input + .locked-enabled-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
}
.common-setting-ui-wrap .switch.switch-sm .slider:before, .common-setting-ui-wrap .switch.switch-sm .locked-enabled-slider:before, .common-setting-ui-wrap .switch.switch-sm .locked-disabled-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.comon-list-ui {
  margin: 0;
  padding: 0;
}
.comon-list-ui li {
  list-style: none;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 0px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.checkbox-list .containercheckbox {
  font-weight: 500;
  font-size: 1.4rem;
}
.checkbox-list .containercheckbox input {
  position: absolute;
}
.checkbox-list .containercheckbox .checkmark {
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 24px;
  border: solid 2px var(--theme-color);
  top: -1px;
}
.checkbox-list .containercheckbox input:checked ~ .checkmark {
  background-color: var(--theme-color);
}
.checkbox-list .containercheckbox .checkmark:after {
  left: 8px;
  top: 4px;
}

/*E-Sign Module Design @Gagan Jha.03/07/2024*/
.details-activity-wrap ul.nav.default-nav-style {
  background-color: #fff;
  height: auto;
  /*box-shadow: 0px 0px 2px #ddd;*/
  border-radius: 0px;
  padding: 0px;
  gap: 0px;
}
.details-activity-wrap ul.nav.default-nav-style li {
  border-bottom: 3px #ccc solid;
  font-weight: 600;
  flex-grow: 1;
  text-align: center;
  width: 50%;
}
.details-activity-wrap ul.nav.default-nav-style li a {
  color: var(--text-dark-color);
  text-decoration: none;
  margin-right: 0px;
}
.details-activity-wrap ul.nav.default-nav-style li.active {
  border-bottom-color: var(--theme-color);
}
.details-activity-wrap ul.nav.default-nav-style li.active a {
  color: #fff;
  background-color: var(--theme-color);
}
.details-activity-wrap .tab-content {
  border: 1px #ccc solid;
  padding: 8px;
  overflow: auto;
  max-height: 68vh;
}

.terms-of-engagement-wrap {
  padding: 0px 16px;
}
.terms-of-engagement-wrap .esign-toggle {
  display: flex;
  justify-content: space-between;
  width: 55%;
}
.terms-of-engagement-wrap .esign-toggle .toe-esign-child-container {
  margin-top: 16px;
}

.esign-toggle {
  display: flex;
  justify-content: space-between;
}

.activity-feed {
  padding: 15px;
  list-style: none;
}
.activity-feed .feed-item {
  position: relative;
  padding-bottom: 20px;
  padding-left: 30px;
  border-left: 2px solid #e4e8eb;
  color: var(--text-light-color);
}
.activity-feed .feed-item .user-name {
  font-weight: 700;
  color: var(--text-dark-color);
}
.activity-feed .feed-item .user-name span {
  font-weight: normal;
}
.activity-feed .feed-item:last-child {
  border-color: transparent;
}
.activity-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 32px;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 20px;
}
.activity-feed .feed-item .date {
  display: block;
  position: relative;
  top: -5px;
  color: #8c96a3;
  text-transform: uppercase;
  font-size: 13px;
}
.activity-feed .feed-item .text {
  position: relative;
  top: -3px;
}
.activity-feed .feed-item.success::after {
  background: #59c95d;
  border: 1px solid white;
  content: "✓";
  font-size: 10px;
  color: #fff;
  text-align: center;
}
.activity-feed .feed-item.canceled::after {
  background: #ff8e8e;
  border: 1px solid white;
  content: "✖";
  font-size: 10px;
  color: #fff;
  text-align: center;
}

.canceled-status-details .heading {
  font-size: 16px;
  font-weight: 700;
}
.canceled-status-details .details-info ul {
  margin: 0px;
  padding: 0px;
}
.canceled-status-details .details-info ul li {
  list-style: none;
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  margin-bottom: 12px;
  align-items: center;
}
.canceled-status-details .details-info ul li span.label {
  width: 120px;
  font-size: 14px;
  color: var(--text-dark-color);
  padding: 0px;
  margin: 0px;
  text-align: left;
}

.switch-toggle-inner-section label.switch .slider.round:before {
  bottom: 2px !important;
}

/*Terms Of Engagement Style CSS*/
.terms-of-engagement-wrap .toe-combo-wrap {
  display: flex;
  align-items: start;
  gap: 16px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other {
  flex-grow: 1;
  position: relative;
  border-radius: 4px;
  min-width: 275px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .label-inside,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .label-inside,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .label-inside {
  position: absolute;
  width: 40px;
  border-right: 1px #ccc solid;
  text-align: center;
  height: 38px;
  line-height: 36px;
  font-size: 18px;
  left: 0px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .form-control,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .form-control,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .form-control {
  border-width: 0px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .toe-date-inner,
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .toe-salutation-inner,
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .salutation-other-inner,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .toe-date-inner,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .toe-salutation-inner,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .salutation-other-inner,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .toe-date-inner,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .toe-salutation-inner,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .salutation-other-inner {
  border: 1px #999 solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .toe-date-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .toe-salutation-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .salutation-other-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .toe-date-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .toe-salutation-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .salutation-other-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .toe-date-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .toe-salutation-inner .registration-error,
.terms-of-engagement-wrap .toe-combo-wrap .salutation-other .salutation-other-inner .registration-error {
  position: absolute;
  top: 100%;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation {
  flex-grow: 1;
  min-width: 220px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-salutation .toe-salutation-inner {
  padding-left: 44px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date {
  max-width: 50%;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-date .form-control {
  padding-left: 44px;
}
.terms-of-engagement-wrap .toe-combo-wrap .toe-description {
  max-width: initial;
  width: 100%;
  flex: 1;
}
.terms-of-engagement-wrap {
  /*@description: Radio Button Checkbox and Radio with fill and checkbox with outer Styling for common uses 
  @Ticket Id:
  @author Gagan Jha <gagan@ifactfind.com.au>
  @created at 3/7/25, 8:43 AM
  */
}
.terms-of-engagement-wrap .switch-toggle-checkbox-inner-section {
  display: flex;
  align-items: center;
}
.terms-of-engagement-wrap .checkbox-radio-btn-inner-sec label.active {
  border-color: var(--theme-color);
}
.terms-of-engagement-wrap .checkbox-radio-btn-inner-sec label .checkmark {
  top: 9px;
}
.terms-of-engagement-wrap .checkbox-radio-btn-wrap {
  padding: 0px 1.5rem;
  gap: 12px;
}
.terms-of-engagement-wrap .containerradio .checkmark:after, .terms-of-engagement-wrap .containerradio .checkmark:before {
  border-width: 0px;
}
.terms-of-engagement-wrap .containerradio input:checked ~ .checkmark {
  border-color: var(--theme-color);
}
.terms-of-engagement-wrap .containerradio [type=radio]:checked + span:after {
  background-color: var(--theme-color);
  border-radius: 50%;
  /* transition: .28sease; */
}
.terms-of-engagement-wrap .checkbox-radio-btn-inner-sec label {
  padding: 7px 22px 7px 40px !important;
}
.terms-of-engagement-wrap .iff-setting-inner-wrap {
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12);
}
.terms-of-engagement-wrap .iff-setting-heading h4 {
  font-size: 18px;
}
.terms-of-engagement-wrap .checkbox-radio-btn-wrap .checkbox-radio-btn-inner-sec label {
  font-size: 16px;
  line-height: normal;
}

.entity-select .selecty {
  border: 1px #999 solid;
  border-radius: 4px;
  padding: 0px 8px;
  margin-top: 10px;
}
.entity-select .selecty .selecty-selected {
  border-width: 0px;
  line-height: 27px;
}

/*Preview Section*/
.preview-container .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px #ccc solid;
  padding: 8px 0px;
}

.preview-content-body {
  padding: 16px 8px;
  font-weight: 400;
  font-size: 16px;
  color: var(--text-dark-color);
}
.preview-content-body p {
  font-size: 16px;
  line-height: 22px;
  color: var(--text-color-dark);
  margin-bottom: 16px;
}
.preview-content-body strong {
  font-weight: 700;
}
.preview-content-body .preview-tilte {
  font-size: 24px;
  font-weight: 700;
  color: var(--theme-color);
  margin-bottom: 24px;
  text-align: center;
}
.preview-content-body .display-date {
  text-align: right;
}
.preview-content-body .top-info {
  padding: 20px 0px;
}
.preview-content-body .top-info .display-name {
  font-weight: 700;
}
.preview-content-body .top-info .display-address {
  font-weight: 400;
}
.preview-content-body .module-section h4 {
  color: var(--theme-color);
  font-size: 22px;
  border: 0px;
  margin: 16px 0px 8px 0px;
  padding: 0;
  font-weight: 700;
  text-transform: capitalize;
}
.preview-content-body .module-section .table.table-bordered {
  border: 1px #ccc solid;
}
.preview-content-body .module-section .table.table-bordered th {
  background-color: var(--theme-color);
  color: #fff;
  font-weight: 700;
  border-color: var(--theme-color);
}
.preview-content-body .module-section .table.table-bordered td {
  color: var(--text-dark-color);
  border-color: var(--theme-color);
}
.preview-content-body .module-section .table.table-bordered tr td:first-child {
  width: 30%;
}

.status-signees-list {
  margin: 0px;
  padding: 0px;
}
.status-signees-list li {
  list-style: none;
  display: flex;
  width: 100%;
  border-bottom: 1px #ccc solid;
  padding: 8px 0px;
  align-items: center;
}
.status-signees-list li .status-icon {
  width: 24px;
  height: 24px;
}
.status-signees-list li .signee-info-wrap {
  flex-grow: 1;
}
.status-signees-list li .signee-info-wrap .user-name {
  font-weight: 700;
  color: var(--text-dark-color);
}
.status-signees-list li .signee-info-wrap .signee-email {
  color: var(--text-light-color);
}
.status-signees-list li:before {
  display: inline-block;
  position: relative;
  top: -4px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: var(--text-dark-color);
  border: 2px solid #000;
  border-radius: 50%;
  text-align: center;
  background-color: #f1f1f1;
}
.status-signees-list li:last-child {
  border-bottom: 0px;
}
.status-signees-list li.completed:before {
  content: "✓";
  background-color: var(--color-green);
  border: 0px;
  color: #fff;
}
.status-signees-list li.canceled:before {
  content: "✖";
  background-color: var(--color-danger);
  border: 0px;
  color: #fff;
}
.status-signees-list li.inprogress:before {
  content: "";
  background-color: #f1f1f1;
  border: 0px;
  color: #fff;
}

.signature-wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 10%;
}
.signature-wrap .signature-box {
  width: 40%;
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.signature-wrap .signature-box .signature {
  border-bottom: 1px #ccc solid;
  height: 50px;
}
.signature-wrap .signature-box .signature-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
.signature-wrap .signature-box .signature-name .email {
  color: var(--text-light-color);
  font-weight: normal;
}
.signature-wrap .signature-box .signature-date {
  margin-top: 16px;
  font-size: 16px;
  border-bottom: 1px #ccc solid;
}

.signature-cetificate {
  background-image: url(../../img/certificate_bg.jpg);
  padding: 65px;
  background-size: auto;
  background-repeat: no-repeat;
  box-shadow: 0px 5px 16px #ddd;
}
.signature-cetificate .signature-heading {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
}
.signature-cetificate .table-bordered {
  border: 1px #ddd solid;
}
.signature-cetificate .table-bordered th {
  font-weight: 700;
  color: var(--text-dark-color);
}
.signature-cetificate .table-bordered tr th, .signature-cetificate .table-bordered tr td {
  padding: 4px 8px;
}
.signature-cetificate .signature-sub-heading {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}
.signature-cetificate .reference-number {
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 32px;
}
.signature-cetificate .certificate-footer-design {
  margin: 24px 0px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.signature-cetificate .certificate-footer-design .ifactfind-signature {
  display: flex;
  gap: 24px;
  align-items: start;
}
.signature-cetificate .certificate-footer-design .ifactfind-signature .logo {
  max-width: 100px;
}
.signature-cetificate .certificate-footer-design .ifactfind-signature .logo img {
  max-width: 100%;
}
.signature-cetificate .certificate-footer-design .ifactfind-signature .sign-with-iff {
  height: 50px;
  font-weight: 700;
  font-size: 16px;
}
.signature-cetificate .certificate-footer-design .qr-code {
  justify-self: right;
  align-self: start;
}
.signature-cetificate .certificate-footer-design .qr-code img {
  max-width: 100px;
}

/*3State Toggle switch*/
.three-state-switch {
  min-width: 80px;
  width: 80px;
}
.three-state-switch .consent_toggle,
.three-state-switch .consent_toggle.tgl-def,
.three-state-switch .consent_toggle.tgl-on,
.three-state-switch .consent_toggle.tgl-off {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 24px;
  width: 60px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 0 2px 5px;
  margin: 0;
  cursor: pointer;
  outline: none !important;
}
.three-state-switch .consent_toggle {
  background-color: #ccc;
}
.three-state-switch .consent_toggle.tgl-def {
  background-color: #ccc;
}
.three-state-switch .consent_toggle.tgl-on {
  background-color: #59c95d;
}
.three-state-switch .consent_toggle.tgl-off {
  background-color: #ff8e8e;
}
.three-state-switch .consent_toggle.tgl-on:after,
.three-state-switch .consent_toggle.tgl-off:after {
  position: absolute;
  color: #fff;
  left: 12px;
  top: 3px;
  font-size: 12px;
}
.three-state-switch .consent_toggle.tgl-on:after {
  content: "Yes";
}
.three-state-switch .consent_toggle.tgl-off:after {
  content: "No";
  left: 26px;
}
.three-state-switch .consent_toggle::-webkit-slider-thumb {
  background-color: white !important;
}
.three-state-switch .consent_toggle.tgl-def::-webkit-slider-thumb {
  background-color: white !important;
}
.three-state-switch .consent_toggle.tgl-on::-webkit-slider-thumb {
  background-color: white !important;
}
.three-state-switch .consent_toggle.tgl-off::-webkit-slider-thumb {
  background-color: white !important;
}
.three-state-switch .consent_toggle::-webkit-slider-runnable-track {
  background-color: transparent !important;
}
.three-state-switch .consent_toggle.tgl-def::-webkit-slider-runnable-track {
  background-color: transparent !important;
}
.three-state-switch .consent_toggle.tgl-on::-webkit-slider-runnable-track {
  background-color: transparent !important;
}
.three-state-switch .consent_toggle.tgl-off::-webkit-slider-runnable-track {
  background-color: transparent !important;
}
.three-state-switch .consent_toggle::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.three-state-switch .consent_toggle:focus {
  outline: none;
}
.three-state-switch .rangeActive {
  background-color: green;
}
.three-state-switch .thumb.active {
  display: none;
}

.toe-date-inner i.fa-calendar {
  top: -24px;
  display: none;
}

.toe-salutation-inner .selecty .selecty-selected {
  line-height: 27px;
  border-bottom: 0px;
}

.terms-of-engagement-wrap .registration-error {
  max-height: fit-content;
}

.disabled-module-content {
  font-size: 12px;
  color: #454545;
  padding: 0px 8px 0px 0px;
  line-height: 18px;
  font-style: italic;
}

.btn.btn-add-note:hover {
  color: #fff;
}

.custom-scroll {
  max-height: 90vh;
  overflow-y: scroll;
}

.d-block {
  display: block !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.align-item-end {
  align-items: end !important;
}

.align-item-start {
  align-items: start !important;
}

.align-item-center {
  align-items: center !important;
}

.after-none:after,
.before-none:after {
  content: none !important;
}

.gap-1 {
  gap: 8px !important;
}

.gap-2 {
  gap: 16px !important;
}

.gap-3 {
  gap: 24px !important;
}

.soa-service-fee-row .fees-switch .switch-area .switch.switch-md {
  width: 90px;
  height: 26px;
}
.soa-service-fee-row .fees-switch .switch-area .switch.switch-md input:checked + .slider:before {
  -webkit-transform: translateX(63px);
  -ms-transform: translateX(63px);
  transform: translateX(63px);
  cursor: pointer;
}
.soa-service-fee-row .fees-switch .switch-area .switch.switch-md .off {
  left: 50%;
}

.form-footer-wrap {
  box-sizing: border-box;
  min-height: 50px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px -16px 20px -20px;
  z-index: 99;
  position: relative;
  background-color: #fff;
}

.fold-visible .form-footer-wrap {
  z-index: 0;
}

.fold-visible + .active .form-footer-wrap {
  z-index: 99;
}

.badge[data-label=Protected] {
  background-color: #d1ffed;
  color: #02ae6a;
  border: 1px #1dd58c solid;
  letter-spacing: normal;
  position: relative;
}

.badge[data-label=Private] {
  background-color: #fff7dd;
  color: #edb500;
  border: 1px #D4AF37 solid;
  letter-spacing: normal;
  position: relative;
}

.badge {
  padding: 3px 5px;
  font-size: 12px !important;
  font-weight: normal;
  border-radius: 10px;
}

.on {
  display: none;
}

.on,
.off {
  color: white;
  position: absolute;
  transform: translate(-40%, -40%);
  top: 40%;
  left: 40%;
  font-size: 12px;
  user-select: none;
}

.slider.round, .locked-enabled-slider.round, .locked-disabled-slider {
  border-radius: 34px;
}
.slider.round:before, .locked-enabled-slider.round:before, .locked-disabled-slider:before {
  border-radius: 50%;
}

.switch.switch-sm {
  width: 40px;
  height: 19px;
}
.switch.switch-sm .slider, .switch.switch-sm .locked-disabled-slider {
  background-color: #ccc;
}
.switch.switch-sm input:checked + .slider, .switch.switch-sm .locked-enabled-slider {
  background-color: var(--theme-color);
}

.switch.switch-sm input:checked + .slider:before,
.switch.switch-sm input + .locked-enabled-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
}

.switch.switch-sm .slider:before, .switch.switch-sm .locked-enabled-slider:before, .switch.switch-sm .locked-disabled-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.background-none {
  background-color: transparent !important;
}

.border-bottom-none {
  border-bottom: 0px;
}

.add-user-wrap {
  /*border: 1px solid #e4e4e4;
  border-radius: 8px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.12) !important;*/
  margin-bottom: 0px;
  padding: 16px 0px;
}

.badge {
  padding: 3px 5px;
  font-size: 12px !important;
  font-weight: normal;
}

.badge[data-label=Private] {
  background-color: #fff7dd;
  color: #edb500;
  border: 1px #D4AF37 solid;
  letter-spacing: normal;
  position: relative;
}

/*@description Commented code will use in future 
@Ticket Id:
@author Gagan Jha <gagan@ifactfind.com.au>
@created at 4/4/25, 11:35 AM*/
/*.badge[data-label="Private"]:before{
    position: absolute;
    content: '1';
    font-size: 14px;
    left: 4px;
    line-height: 12px;
}*/
.badge[data-label=Protected] {
  background-color: #d1ffed;
  color: #02ae6a;
  border: 1px #1dd58c solid;
  letter-spacing: normal;
  position: relative;
}

/*.badge[data-label="Protected"]:before{
    font-family: "bootstrap-icons";
    position: absolute;
    content: '\f777';
    font-size: 14px;
    left: 4px;
    line-height: 12px;
}*/
.toe-date .asa-date-label {
  font-size: 14px;
  color: #777;
  line-height: 22px;
}

/*# sourceMappingURL=common.css.map */