/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-divide-x-reverse:0;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-800:oklch(43.2% .095 166.913);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-600:oklch(58.6% .253 17.585);--color-gray-50:#f9fafb;--color-gray-100:#f2f4f7;--color-gray-200:#e4e7ec;--color-gray-300:#d0d5dd;--color-gray-400:#98a2b3;--color-gray-500:#667085;--color-gray-600:#475467;--color-gray-700:#344054;--color-gray-800:#1d2939;--color-gray-900:#101828;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-outfit:"Outfit", ui-sans-serif, system-ui, sans-serif;--text-theme-sm:14px;--text-theme-sm--line-height:20px;--text-theme-xs:12px;--text-theme-xs--line-height:18px;--color-brand-50:#ecf3ff;--color-brand-100:#dde9ff;--color-brand-300:#9cb9ff;--color-brand-500:#465fff;--color-brand-600:#3641f5;--color-gray-dark:#1a2231;--color-success-50:#ecfdf3;--color-success-500:#12b76a;--color-success-600:#039855;--color-error-50:#fef3f2;--color-error-500:#f04438;--color-error-600:#d92d20;--color-warning-50:#fffaeb;--color-warning-500:#f79009;--shadow-theme-xs:0px 1px 2px 0px #1018280d;--shadow-theme-sm:0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f;--shadow-theme-md:0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f;--shadow-focus-ring:0px 0px 0px 4px #465fff1f;--color-page-bg:#f9fafb;--color-blue-five:#3641f5;--font-avenir:"Outfit", "Avenir LT Std", Avenir, sans-serif;--font-calibri:"Outfit", Calibri, sans-serif;--spacing-60:60px;--spacing-64:64px;--spacing-72:72px;--spacing-100:100px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body.body,body{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;background-color:var(--color-gray-50);color:var(--color-gray-800);font-weight:400}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#667085;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#667085;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#667085;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components{.sidebarwrapper{min-width:200px;height:100%;position:fixed;overflow:hidden scroll;box-shadow:1px 1px 8px #b8b8b8}.sidebarwrapper::-webkit-scrollbar{display:none}.sidebardiv{padding:0}.sidebartop{z-index:1050;cursor:pointer;border-bottom-style:var(--tw-border-style);background-color:var(--color-white);min-width:200px;padding:calc(var(--spacing) * 2.5);text-align:right;border-color:#b8b8b8;border-bottom-width:1px;position:fixed}.sidebarmenu{margin-top:calc(var(--spacing) * 10);margin-top:10px;padding:0}.scrollable-sidebar{overflow-y:auto}.sidebar-container,.sidebar-container-advisers-view{background-color:#f9f9f9;flex-direction:column;width:290px;height:100%;display:flex}.sidebar-container.hide{width:10%}.sidebar-background-color{background-color:#f9f9f9}.sidebar-scrollable{overflow-y:visible}.sidebar-scrollable::-webkit-scrollbar{display:none}.dummy-sidebar{width:290px}#sidebar,#dummy-sidebar{height:100%;position:fixed;top:0;left:0;overflow:hidden}#sidebar{z-index:7}#dummy-sidebar{z-index:6}#arrow-sidebar{cursor:pointer;z-index:8;position:fixed;top:10px;left:250px}.sidebar-menu-text{display:inline-block}.advisers-photo{object-fit:scale-down;width:100px;height:100px;margin-top:-150px;transition:width 1s,height 1s,margin-top 1s}.advisers-photo-small{object-fit:scale-down;width:50px;height:50px;margin-top:-200px;transition:width 1s,height 1s,margin-top 1s}.adviser-img-container{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);width:inherit;height:inherit;border-radius:3.40282e38px}.full-content-container{width:85%}.sidebar-img{width:80%}.sidebar_icon{width:30px}.sidebar-advisers-view-font,.sidebar-advisers-view-font-always-show{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:23px;line-height:23px;font-family:var(--font-avenir,"Avenir LT Std", Avenir, sans-serif);color:#77889a}.btn-toggle{min-height:calc(var(--spacing) * 10);cursor:pointer;border-style:var(--tw-border-style);width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:#000000a6;background-color:#0000;border-width:0;align-items:center;display:inline-flex}.btn-toggle:hover,.btn-toggle:focus{color:#fff;background-color:#8a8a8a}.btn-toggle:before{content:none!important;width:0!important;height:0!important;margin:0!important;display:none!important}.btn-toggle[aria-expanded=true]:before,.btn-toggle[aria-expanded-advisers=true]:before{content:none!important;display:none!important}.btn-toggle.hide:before{display:none}.btn-sidebar{cursor:pointer;border-style:var(--tw-border-style);text-align:center;vertical-align:middle;width:100%;height:60px;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:60px;color:var(--color-black);-webkit-user-select:none;user-select:none;background-color:#d1d1d1;border-width:0;flex-direction:row-reverse;justify-content:space-between;align-items:center;line-height:60px;text-decoration-line:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex}.btn-sidebar:hover,.btn-sidebar:focus{color:#000;background-color:#8b8b8b}.btn-sidebar.hide{justify-content:flex-end}.btn-child-sidebar{min-height:calc(var(--spacing) * 10);color:#344054;background-color:#0000}.btn-toggle-nav a{width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);align-items:center;line-height:normal;text-decoration-line:none;display:inline-flex}.btn-toggle-nav a:hover,.btn-toggle-nav a:focus{color:var(--color-gray-700);background-color:#f2f4f7}.btn-toggle-nav-advisers a{min-height:calc(var(--spacing) * 10);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);align-items:center;margin:0;font-family:Avenir,sans-serif;font-size:16px;text-decoration-line:none;display:inline-flex}.btn-toggle-nav-advisers a:hover,.btn-toggle-nav-advisers a:focus{color:var(--color-white)}.nav-flush .nav-link{border-radius:0}.submenubox{background-color:#0000}.submenubox_advisers{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);font-family:var(--font-avenir,"Avenir LT Std", Avenir, sans-serif);color:#344054;background-color:#0000}.sidebar-submenu.hide{display:none}.sidebar-submenu-text,.sidebar-submenu-child-text{min-width:0;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex:1;width:auto;font-family:Outfit,ui-sans-serif,system-ui,sans-serif}.submenubox .btn-toggle-nav a,.submenubox .btn-child-sidebar>a{align-items:center;width:100%;min-width:0;text-decoration-line:none;display:flex}.submenubox .btn-child-sidebar>a>div:first-child{flex-shrink:0;width:auto}.hide-sidebar-arrow{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);opacity:.5;color:#2e2e2e;border-width:1px;border-color:#252d76;border-radius:10%;justify-content:center;align-items:center;display:flex}.hide-sidebar-postion{top:calc(var(--spacing) * 2.5);position:fixed;left:250px}.arrow-grey:before{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='grey' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e")!important}.adviser-bg-gray{color:#77889a}.adviser-bg-gray:hover{color:#77889a!important;background-color:#f0f0f0!important}.onHoverGrey:hover{background-color:#e6e6e6!important}.sidebar-container-advisers-view .btn-sidebar.has-active,.sidebar-container-advisers-view .btn-child-sidebar.is-active{color:#344054!important;background-color:#e8eefc!important}.sidebar-container-advisers-view .btn-sidebar.has-active .sidebar-advisers-view-font,.sidebar-container-advisers-view .btn-child-sidebar.is-active .sidebar-advisers-view-font{font-weight:600;color:#1d2939!important}.advisers-child-icons{margin:0;margin-left:calc(var(--spacing) * 7);height:26px;width:calc(var(--spacing) * 9);margin-left:7px;padding:0}.icon-grey{stroke:#77889a}.logo-container{padding-top:30px;padding-left:calc(var(--spacing) * 2.5)}.logo-text,.adv_logo-text{height:30px;padding-top:calc(var(--spacing) * .5)}.logo-text-white_label,.adv_logo-text-white_label{height:30px;padding-top:calc(var(--spacing) * .5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-tracking:6px;letter-spacing:6px;color:#bea05b;font-family:Times New Roman,Times,serif;display:inline-block}.logo-text-wealth,.adv_logo-text-wealth{--tw-tracking:var(--tracking-wide);height:30px;letter-spacing:var(--tracking-wide);color:#bea05b;font-family:Verdana,Geneva,sans-serif;font-size:7px;position:relative;top:-10px;left:-4px}.logo-text-wrapper{text-align:center;position:relative;top:2px;left:-3px}.adv_logo{margin-left:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 10)}#logo_enclosure_backend{padding-top:calc(var(--spacing) * 2.5);padding-left:calc(var(--spacing) * 2.5)}.admin-access{margin-top:calc(var(--spacing) * 5);border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--color-white);margin-top:5px}.search-bar-container{background-color:var(--color-white);width:100%;height:120px;margin-top:60px}.advisers-information{opacity:0;height:200px}.advisers-information.show{height:calc(var(--spacing) * 40);border-style:var(--tw-border-style);width:85%;padding-top:calc(var(--spacing) * 10);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-white);opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#464b8d;border-width:0;border-radius:5px;flex-direction:column;align-items:center;font-family:Arial Narrow Bold,sans-serif;transition:opacity 2s;display:flex}.advisers-information-container{height:inherit;opacity:0;transition:opacity 2s}.advisers-information-container.show{margin-top:calc(var(--spacing) * 6);opacity:1;height:inherit;width:inherit;flex-direction:column;align-items:center;margin-top:6px;transition:opacity 2s;display:flex}.advisers-name{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.td_sidemenu_icon{width:30px;padding-right:calc(var(--spacing) * 1.5);text-align:right}.td_sidemenu_text{padding:0}.menu-box{cursor:pointer;margin:0}.scrollarea{overflow-y:auto}.b-example-divider{height:100vh;width:calc(var(--spacing) * 6);background-color:#0000001a;border:1px solid #00000026;border-width:1px 0;flex-shrink:0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}.dropdown-toggle{outline:0}.bi{vertical-align:-.125em;pointer-events:none;fill:currentColor}.body-container{width:100%;height:100%;min-height:100%;display:flex}#main_display_div{width:100%;max-width:100%;margin-left:0;padding:0;position:relative;overflow:auto}#row_header,.row-header{width:100%;height:var(--row-header-height,77px);box-shadow:none;z-index:600;background-color:#fff;border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;display:flex;position:fixed;overflow:visible}.module-title,#page_title{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#1d2939;width:auto;height:auto;box-shadow:none;background-color:#0000;border:none;border-radius:0;align-items:center;margin:0;padding:0;font-size:1.25rem;line-height:1.4;display:flex;position:static;top:auto;left:auto;right:auto}.float-add-button{z-index:5;cursor:pointer;background:var(--main_color,#474747);border-radius:3.40282e38px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:fixed;bottom:20px;right:30px;box-shadow:0 4px 4px #00000040}.float-add-advisers-icon,.float-add-icon{color:var(--color-white);font-size:50px}.navigation-background-color{background-color:var(--header_div,#fafafa)}.mainpage-header-dropdown{position:fixed;z-index:10060!important}@media (min-width:821px){.client-transfers-select-bar{display:none!important}}@media (max-width:991px),(orientation:landscape) and (max-height:560px){table.mobile-data-cards{background:0 0;border:0;max-width:100%;margin-bottom:1rem;display:block;width:100%!important;min-width:0!important}table.mobile-data-cards thead{display:none}table.mobile-data-cards tbody{display:block;height:auto!important;overflow:visible!important}table.mobile-data-cards tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;margin-bottom:.75rem;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}table.mobile-data-cards tbody tr.primary-color-list,table.mobile-data-cards tbody tr.secondary-color-list{background:inherit}table.mobile-data-cards tbody tr.mobile-card-row--ended{background:#ffe6e6;border-color:#fecaca}table.mobile-data-cards tbody td{box-sizing:border-box;overflow-wrap:break-word;word-break:normal;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.625rem 1rem;display:flex;text-align:right!important;vertical-align:top!important;white-space:normal!important;border:0!important;border-bottom:1px solid #f3f4f6!important;width:100%!important;min-width:0!important;max-width:none!important}table.mobile-data-cards tbody td.payday-raw-batch-cell{overflow-wrap:anywhere;word-break:break-word;flex-direction:column;align-items:stretch;gap:.35rem;text-align:left!important}table.mobile-data-cards tbody td.payday-raw-batch-cell:before{max-width:100%}table.mobile-data-cards tbody td:last-child{border-bottom:0!important}table.mobile-data-cards tbody td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;text-align:left;white-space:normal;overflow-wrap:anywhere;flex:0 auto;min-width:0;max-width:58%;padding-top:.125rem;font-size:.6875rem;font-weight:600;line-height:1.3}table.mobile-data-cards tbody td[data-label=""]:before,table.mobile-data-cards tbody td:not([data-label]):before{content:none}table.mobile-data-cards tbody td.iform-match-cell{flex-direction:column;align-items:stretch;gap:.35rem}table.mobile-data-cards tbody td.iform-match-cell:before{flex:none;max-width:100%}table.mobile-data-cards tbody td.iform-match-cell .iform-match-cell__body{text-align:left;overflow-wrap:break-word;word-break:normal;width:100%;min-width:0}table.mobile-data-cards tbody td.iform-match-cell .iform-match-cell__body strong{white-space:nowrap;display:block}table.mobile-data-cards tbody td.iform-match-cell .iform-match-cell__details{-webkit-line-clamp:4;word-break:normal;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important}table.mobile-data-cards tbody td.mobile-card-actions{justify-content:flex-end;align-items:center}table.mobile-data-cards tbody td.mobile-card-actions .dsp-flex,table.mobile-data-cards tbody td[data-label=Action] .dsp-flex{align-items:center;gap:.75rem;width:auto;margin-left:auto;justify-content:flex-end!important}table.mobile-data-cards tbody td.mobile-card-actions:before{align-self:center}table.mobile-data-cards tbody tr.mobile-card-detail-row td{display:block;text-align:left!important}table.mobile-data-cards tbody tr.mobile-card-detail-row td:before{display:none}table.mobile-data-cards tbody td[colspan]{display:block;text-align:left!important}table.mobile-data-cards tbody td[colspan]:before{display:none}table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{color:#000;cursor:pointer;-webkit-tap-highlight-color:#465fff26;background-color:#d1d1d1;order:1;padding:.75rem 1rem;font-size:1rem;font-weight:700;display:block;text-align:left!important;border-bottom:1px solid #e5e7eb!important}table.mobile-data-cards tbody tr.mobile-card-has-title{cursor:pointer;-webkit-tap-highlight-color:#465fff1f}table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title:before{display:none}table.mobile-data-cards tbody td.mobile-card-select{order:0}table.client-transfer-select-table.mobile-data-cards thead{display:block}table.client-transfer-select-table.mobile-data-cards thead tr{color:#fff;background:#474747;border-radius:.5rem .5rem 0 0;align-items:center;gap:0;display:flex;overflow:hidden}table.client-transfer-select-table.mobile-data-cards thead th:not(.client-transfer-select-col):not(.client-transfer-name-col){display:none!important}table.client-transfer-select-table.mobile-data-cards thead th.client-transfer-select-col{border:0;flex:none;justify-content:center;align-items:center;width:3rem;min-width:3rem;padding:.75rem .5rem;display:flex;text-align:center!important}table.client-transfer-select-table.mobile-data-cards thead th.client-transfer-name-col{border:0;flex:1;align-items:center;gap:.375rem;padding:.75rem 1rem .75rem 0;font-size:.875rem;font-weight:600;display:flex;text-align:left!important}table.client-transfer-select-table.mobile-data-cards thead th.client-transfer-select-col input[type=checkbox],table.client-transfer-select-table.mobile-data-cards tbody td.mobile-card-select input[type=checkbox]{touch-action:manipulation;cursor:pointer;z-index:1;flex-shrink:0;min-width:1.375rem;height:1.375rem;position:relative;width:1.375rem!important;max-width:1.375rem!important}table.client-transfer-select-table.mobile-data-cards tbody td.mobile-card-select{background:#f9fafb;order:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex;text-align:left!important;border-bottom:1px solid #e5e7eb!important}table.client-transfer-select-table.mobile-data-cards tbody td.mobile-card-select:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;flex-shrink:0;font-size:.6875rem;font-weight:600}table.client-transfer-select-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{color:#111827;background-color:#f3f4f6}.advisers-list-desktop-table:has(table.mobile-data-cards){width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;display:block!important;overflow:visible!important}.advisers-list-desktop-table:has(table.mobile-data-cards) .ta-card-header{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.75rem}.pagination{width:max-content;max-width:none;flex-wrap:nowrap!important}#pagingdiv,[id=pagingdiv]{justify-content:flex-start;width:auto;max-width:100%;margin-left:0;margin-right:auto}.overflow-x-auto:has(>table.mobile-data-cards),.overflow-x-auto:has(table.mobile-data-cards),.ta-table-scroll:has(table.mobile-data-cards),.ta-data-table-wrap:has(table.mobile-data-cards),.fc-contacts-table-scroll:has(>table.mobile-data-cards),.fc-client-policy-table-scroll:has(>table.mobile-data-cards),.fc-policies-scroll:has(>table.mobile-data-cards),.contacts-table-scroll:has(>table.mobile-data-cards),.compensation-table-scroll:has(>table.mobile-data-cards),.widget_content:has(>table.mobile-data-cards),.fc-leading-table-scroll:has(>table.mobile-data-cards),.advisers-list-table-container:has(table.mobile-data-cards),.advisers-list-desktop-table:has(table.mobile-data-cards),.advisers-list-desktop-table .overflow-x-auto:has(table.mobile-data-cards),.advisers-list-desktop-table .overflow-x-auto:has(>table.mobile-data-cards),#comm_table:has(table.mobile-data-cards),.payday-compensation-wrapper .comm_table:has(table.mobile-data-cards),.onhold-compensation-wrapper .comm_table:has(table.mobile-data-cards),.table-container:has(table.mobile-data-cards),#main_display_div .overflow-x-auto:has(table.mobile-data-cards),#main_display_div .overflow-hidden:has(table.mobile-data-cards),#main_display_div .table-container:has(table.mobile-data-cards),#training-table:has(table.mobile-data-cards),.announcement-table-wrap:has(table.mobile-data-cards){overflow:visible!important}table.mobile-data-cards,table.mobile-data-cards th,table.mobile-data-cards td{min-width:0!important}.computation-page,#computed_detail_div{min-width:0;max-width:100%;overflow-x:hidden}}.advisers-list-cards,.mobile-list-cards{margin-top:calc(var(--spacing) * 20);margin-top:20px}:where(:is(.advisers-list-cards,.mobile-list-cards)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.advisers-list-cards,.mobile-list-cards{padding-inline:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 4)}@media (max-width:767px){.introducer-list-panel .advisers-list-cards,.introducer-list-panel .mobile-list-cards{padding-inline:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 3);margin-top:0}.policy-view-introducer table.mobile-data-cards tbody td{flex-direction:column;align-items:stretch;gap:.375rem;text-align:left!important}.policy-view-introducer table.mobile-data-cards tbody td:before{max-width:100%;margin-bottom:0}.policy-view-introducer table.mobile-data-cards tbody td .form-control,.policy-view-introducer table.mobile-data-cards tbody td textarea,.policy-view-introducer table.mobile-data-cards tbody td select{width:100%;min-width:0;max-width:100%}.policy-view-introducer table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{color:#111827;background-color:#f3f4f6}}.advisers-list-table-container{background-color:var(--color-gray-50);width:100%;padding-bottom:calc(var(--spacing) * 2.5)}table.ta-data-table{border-collapse:collapse;background-color:var(--color-white);width:100%}table.ta-data-table thead tr{background-color:var(--color-gray-50);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase}table.ta-data-table thead th{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase;border-bottom:1px solid #e4e7ec}table.ta-data-table tbody tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100)}table.ta-data-table tbody tr:hover td{background-color:#f9fafb}table.ta-data-table tbody td{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700)}.advisers-list-desktop-table{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.advisers-module-page{width:100%;min-height:0}:where(.advisers-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.advisers-module-page{background-color:var(--color-gray-50)}.advisers-search-card{z-index:0;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;min-width:0;padding:calc(var(--spacing) * 4);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative}@media (min-width:40rem){.advisers-search-card{padding:calc(var(--spacing) * 5)}}.advisers-search-card{isolation:isolate}.advisers-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.advisers-search-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}}.advisers-search-field{width:100%;min-width:0}.advisers-search-field .form-control,.advisers-search-field input[type=text]{box-sizing:border-box;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);width:100%;min-width:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-900);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:block}.advisers-search-actions{z-index:0;gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex;position:relative}@media (min-width:40rem){.advisers-search-actions{flex-flow:wrap;align-items:center}}@media (min-width:64rem){.advisers-search-actions{justify-content:flex-end;width:auto}}.advisers-search-actions .button_standard,.advisers-search-actions .btn-download-excell,.advisers-search-actions .btn{float:none!important;box-sizing:border-box!important;flex-grow:0!important;width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}@media (min-width:640px){.advisers-search-actions .button_standard,.advisers-search-actions .btn-download-excell,.advisers-search-actions .btn{width:auto!important}}.advisers-module-page button.bg-brand-500,.introducer-export-modal button.bg-brand-500{color:#fff!important;background-color:#465fff!important;border-color:#0000!important}.advisers-module-page button.bg-brand-500:hover,.introducer-export-modal button.bg-brand-500:hover{background-color:#3641f5!important}.advisers-module-page button.border-gray-300.bg-white,.introducer-export-modal button.border-gray-300.bg-white{background-color:var(--color-white)!important;color:#344054!important}.advisers-tab-scroll{-webkit-overflow-scrolling:touch;max-width:100%;margin-inline:0;overflow-x:auto}.advisers-tab-scroll .nav-tabs,.client-transfers-tabs .nav-tabs{box-sizing:border-box;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:#0000;flex-wrap:nowrap;width:100%;min-width:max-content;display:flex;z-index:auto!important;margin-top:0!important;padding:0!important;position:static!important}.advisers-tab-scroll .nav-item,.client-transfers-tabs .nav-item{flex-shrink:0}.client-transfers-tabs{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.client-transfers-tabs+.client-transfers-table-wrap,.client-transfers-tabs+.advisers-list-table-container{margin-top:0}.advisers-list-cards{margin-top:calc(var(--spacing) * 4);margin-top:4px}:where(.advisers-list-cards>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.advisers-list-cards{padding-inline:0;padding-bottom:calc(var(--spacing) * 4)}@media (min-width:48rem){.advisers-list-cards{display:none}}.advisers-list-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));overflow:hidden}.advisers-list-card--clickable{cursor:pointer}.advisers-list-card--clickable:active{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.advisers-list-card--ended{border-color:var(--color-red-200);background-color:#ffe6e6}.advisers-list-card__header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:#000;background-color:#d1d1d1;display:flex}.advisers-list-card__subtitle{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700);overflow:hidden}.advisers-list-card__badge{border-radius:var(--radius-md);background-color:#fffc;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.advisers-list-card__badge{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.advisers-list-card__badge{padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.advisers-list-card__actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);display:flex}:where(.advisers-list-card__body>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.advisers-list-card__body{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.advisers-list-card__row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding-block:calc(var(--spacing) * 2.5);display:flex}.advisers-list-card__row:last-child{border-style:var(--tw-border-style);border-width:0}.advisers-list-card__label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase;flex-shrink:0}.advisers-list-card__value{text-align:right;overflow-wrap:break-word;color:var(--color-gray-900)}.advisers-list-card__regulated{gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);padding-top:calc(var(--spacing) * 3);padding-bottom:var(--spacing);flex-wrap:wrap;display:flex}.advisers-list-card__badge-regulated{align-items:center;gap:var(--spacing);border-radius:var(--radius-md);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:inline-flex}.advisers-list-desktop-table{width:100%;display:none}@media (min-width:48rem){.advisers-list-desktop-table{display:block}}.introducer-form-page{width:100%;max-width:var(--container-5xl);padding-inline:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 8);margin-inline:auto}.introducer-form-toolbar{margin-bottom:calc(var(--spacing) * 3);margin-bottom:3px}.introducer-back-btn{margin-left:0}.introducer-form-panel{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:100%;max-width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);min-width:0;display:block;position:relative;overflow:hidden}.introducer-form-panel .modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);color:#111827;background-color:#f3f4f6;flex-wrap:wrap;display:flex}.introducer-form-panel .modal-title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.introducer-form-actions{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.introducer-form-panel .modal-body{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 5)}.introducer-form-fields{width:100%;min-width:0;max-width:100%}.introducer-form-fields--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.introducer-form-panel .introducer-field-row{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:6px;min-width:0;margin:0 0 12px;padding:0;display:flex}.introducer-form-fields--grid .introducer-field-row{margin:0}.introducer-form-fields--grid .introducer-field-row--full{grid-column:1/-1}.introducer-form-panel .introducer-field-row--textarea{min-height:0}.introducer-form-panel .introducer-field-label,.introducer-form-panel .label-col{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0;padding:0;font-family:Avenir,sans-serif}.introducer-form-panel .introducer-field-input,.introducer-form-panel .introducer-field-row>.form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0}.introducer-form-panel .introducer-contact-row{align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:flex}.introducer-form-panel .introducer-contact-code{flex:none;min-width:90px;max-width:120px;width:110px!important}.introducer-form-panel .introducer-contact-row input.form-control{flex:auto;min-width:0;max-width:100%;width:auto!important}.introducer-attachments{margin-top:calc(var(--spacing) * 6);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding:calc(var(--spacing) * 4);margin-top:6px}.introducer-attachments-header{margin-bottom:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;margin-bottom:3px;display:flex}.introducer-attachments-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0}.introducer-attachments-list{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.introducer-wm-section{margin-top:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-top:4px}.introducer-wm-search-row{width:100%}.introducer-wm-search-field{width:100%;min-width:0}.introducer-wm-tabs{z-index:auto;margin-top:0;margin-bottom:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);flex-wrap:wrap;width:100%;margin-bottom:3px;padding:0;display:flex;position:static}.introducer-wm-panel{margin-top:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;margin-top:3px;display:flex}.introducer-wm-table-wrap{width:100%;max-width:100%;overflow-x:auto}.introducer-wm-table tbody tr.introducer-wm-row.display-none,.introducer-wm-table tbody tr.introducer-wm-row[hidden]{display:none!important}.introducer-wm-table td .introducer-wm-basis-wrap{width:max-content}.introducer-wm-check-item{width:fit-content;padding-right:20px}.introducer-wm-check-label{margin-top:4px}.introducer-page.form-container-five{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.introducer-list-shell{width:100%;min-width:0;max-width:100%}.introducer-tab-container{gap:var(--spacing);flex-wrap:wrap;width:100%;display:flex}.introducer-tab-container .tabs{cursor:pointer;border:1px solid var(--color-gray-200)!important;background-color:var(--color-gray-100)!important;color:#667085!important;border-bottom:none!important;border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important;padding:.625rem 1.25rem!important;font-size:.875rem!important;font-weight:500!important}.introducer-tab-container .tabs.active{color:#fff!important;background-color:#465fff!important;border-color:#465fff!important}.introducer-list-panel{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);width:100%;max-width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.introducer-list-title.title-header,.advisers-module-page .introducer-list-title.title-header,.introducer-page .introducer-list-title.title-header{box-sizing:border-box;border-radius:0;width:100%;color:#fff!important;background:#465fff!important;border:none!important}.introducer-table-wrap{background-color:var(--color-white);width:100%;max-width:100%}.introducer-table-wrap .table{width:100%;margin-bottom:0}.introducer-list-panel .advisers-list-cards{padding-inline:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 3);margin-top:0}.advisers-photo-panel{box-sizing:border-box;width:400px;max-width:100%;position:relative;top:-50px}.advisers-photo-block__title{text-align:center;color:#fff;background-color:#474747;padding:10px;font-weight:600}.advisers-photo-block__body{box-sizing:border-box;border:1px solid gray;padding:10px}@media (min-width:821px){.advisers-photo-panel{grid-template-rows:auto minmax(200px,auto);grid-template-columns:1fr 1fr;display:grid}.advisers-photo-block{display:contents}.advisers-photo-block:first-child .advisers-photo-block__title{grid-area:1/1}.advisers-photo-block:first-child .advisers-photo-block__body{grid-area:2/1;min-height:300px}.advisers-photo-block:last-child .advisers-photo-block__title{grid-area:1/2}.advisers-photo-block:last-child .advisers-photo-block__body{grid-area:2/2;min-height:300px;padding:0}}#adviser_tabs .advisers-edit-tabs{background:0 0;border:none;flex-wrap:wrap;align-content:flex-end;align-items:flex-end;gap:0;margin:0;list-style:none;display:flex}#adviser_tabs .advisers-edit-tabs .nav-item{background:0 0;border:none;border-radius:0;flex:none;margin:4px 0 0 7px}#adviser_tabs .advisers-edit-tabs .nav-link{cursor:pointer;color:#474747;white-space:nowrap;background-color:#fff;border:none;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px 20px;font-weight:400;text-decoration:none;display:inline-block;position:relative;transform:perspective(10px)rotateX(2deg)}#adviser_tabs .advisers-edit-tabs .nav-link.active-tab,#adviser_tabs .advisers-edit-tabs .nav-link.active{color:#fff;background-color:#474747;font-weight:400}@media (min-width:821px){#adviser_tabs{height:225px}#adviser_tabs .advisers-edit-tabs{margin-top:var(--main-navigation_height);z-index:7;padding:20px;position:fixed}}.tier-modal{z-index:1100;box-sizing:border-box;width:auto;max-width:min(500px,100vw - 2rem);max-height:90vh;position:fixed;top:8%;left:1rem;right:1rem;overflow-y:auto}@media (min-width:821px){body.sidebar-v2 .tier-modal{left:calc(var(--sb-width) + 1.5rem);max-width:min(500px, calc(100vw - var(--sb-width) - 3rem));right:1.5rem}}.teams-page,.principal-rep-codes-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.principal-rep-codes-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.tier-modal--lg{max-width:min(600px,100vw - 2rem)}@media (min-width:821px){body.sidebar-v2 .tier-modal--lg{max-width:min(600px, calc(100vw - var(--sb-width) - 3rem))}}.teams-edit-modal,.principal-rep-del-modal{z-index:1000}.approval-admin-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.approval-admin-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.approval-preview-modal{z-index:1000}.transfer-client-page,.contacts-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.contacts-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.contacts-page{font-family:var(--font-avenir)}.dropdown-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.dropdown-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.dropdown-page{font-family:var(--font-avenir)}.dropdown-list-grid{align-items:center;gap:calc(var(--spacing) * 2);grid-template-columns:80px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 120px;width:100%;display:grid}.contacts-fc-page{margin-inline:calc(var(--spacing) * 4);width:100%;max-width:100%;margin-top:70px}:where(.contacts-fc-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.contacts-fc-page{padding-inline:calc(var(--spacing) * 2);font-family:var(--font-avenir)}@media (min-width:40rem){.contacts-fc-page{margin-inline:calc(var(--spacing) * 8)}}.contacts-modal-panel{width:100%;max-width:var(--container-5xl);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-inline:auto;overflow:hidden}.contacts-modal-panel--lg{max-width:var(--container-6xl)}.commissions-onhold-table-wrap{width:100%;max-width:100%}.computation-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.computation-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.computation-page{font-family:var(--font-avenir)}.compensation-module-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(.compensation-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.compensation-module-page{font-family:var(--font-avenir)}.computation-page.control_wrapper,.computation-page .control_wrapper,.compensation-module-page.control_wrapper,.compensation-module-page .control_wrapper{z-index:0;width:100%;max-width:100%;position:relative;overflow:visible}.computation-page .row,.compensation-module-page .row{--bs-gutter-x:0;margin-left:0;margin-right:0}.computation-filters{gap:calc(var(--spacing) * 2);width:100%;min-width:0;padding:var(--spacing);flex-direction:column;display:flex}@media (min-width:40rem){.computation-filters{flex-flow:wrap}}.computation-filter-box{box-sizing:border-box;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-400);padding:calc(var(--spacing) * 2.5);flex-shrink:0}.computation-filter-stack{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}.computation-filter-row{align-items:center;column-gap:calc(var(--spacing) * 3);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;width:100%;min-width:0;display:flex}.computation-filter-field{align-items:center;gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;flex-shrink:0;display:flex}.computation-filter-actions{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;flex-shrink:0;display:flex}@media (min-width:40rem){.computation-filter-actions{margin-left:auto}}.computation-filter-radio{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:inline-flex}.computation-page .search-select-suggest-wrap{width:100%;min-width:0;position:relative}.computation-page .search-select-suggest-wrap .input-col{width:100%;min-width:0}.computation-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding:calc(var(--spacing) * 4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.computation-search-grid{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (min-width:80rem){.computation-search-grid{flex-flow:wrap;align-items:flex-end}}.computation-search-field{width:100%;min-width:0}@media (min-width:40rem){.computation-search-field{max-width:var(--container-xs)}}.computation-search-actions{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;width:100%;display:flex}@media (min-width:80rem){.computation-search-actions{width:auto;margin-left:auto}}.computation-date-fieldset{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;min-width:0;padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 3);position:relative}@media (min-width:40rem){.computation-date-fieldset{width:auto;min-width:220px}}.computation-date-range{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);flex-direction:column;display:flex}@media (min-width:40rem){.computation-date-range{flex-flow:wrap;align-items:center}}.computation-date-input-group{align-items:center;gap:calc(var(--spacing) * 2);flex:1;min-width:0;display:flex}.computation-filter-radios{gap:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding-bottom:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (min-width:40rem){.computation-filter-radios{align-items:center;gap:calc(var(--spacing) * 4);flex-flow:wrap}}.computation-tab-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:0;width:100%;max-width:100%;display:flex;overflow-x:auto}.computation-tab-scroll .tabs{white-space:nowrap;flex-shrink:0}@media (max-width:767px){.computation-tab-scroll .tabs{margin-left:4px;padding:8px 14px;font-size:.8125rem;transform:none}.computation-tab-scroll .tabs:first-child{margin-left:0}}.adviser-banding-page .computation-table-wrap{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);max-height:70vh;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:auto}@media not all and (min-width:48rem){.adviser-banding-page .computation-table-wrap{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;max-height:none;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-width:0;overflow-x:hidden}}@media (min-width:768px){table.adviser-banding-table{min-width:2200px}}@media (max-width:639px){.computation-search-actions{flex-direction:column}.computation-search-actions .button_standard{width:100%}}.computation-page table tbody td,.commissions-onhold-page table tbody td,.payday-compensation-wrapper table tbody td,table.computation-data-table tbody td{text-align:center;padding:10px}.computation-modal-panel{width:100%;max-width:var(--container-3xl);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-inline:auto;overflow:hidden}@media (max-width:767px){.commissions-onhold-table{border-style:var(--tw-border-style);background-color:#0000;border-width:0;width:100%;min-width:0;display:block}.commissions-onhold-table thead{display:none}.commissions-onhold-table tbody{display:block}.commissions-onhold-tr{margin-bottom:calc(var(--spacing) * 3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;margin-bottom:3px;display:flex;overflow:hidden}.commissions-onhold-td{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.625rem 1rem;display:flex;text-align:right!important;vertical-align:top!important;border:0!important;border-bottom:1px solid #f3f4f6!important;width:100%!important}.commissions-onhold-td:last-child{border-bottom:0!important}.commissions-onhold-td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;text-align:left;flex-shrink:0;max-width:42%;padding-top:.125rem;font-size:.6875rem;font-weight:600;line-height:1.3}.commissions-onhold-td[data-label=""]:before,.commissions-onhold-td:not([data-label]):before{content:none}.commissions-onhold-td--select{background-color:var(--color-gray-50);text-align:left;order:0}.commissions-onhold-card-title{color:#000;background-color:#d1d1d1;order:1;padding:.75rem 1rem;font-size:1rem;font-weight:700;display:block;text-align:left!important;border-bottom:1px solid #e5e7eb!important}.commissions-onhold-card-title:before{display:none}.commissions-onhold-td .commissions-onhold-edit-form{display:none!important}}@media (min-width:768px){.commissions-onhold-table{min-width:2800px}.computation-page table.computation-data-table{min-width:1400px}table.computation-data-table.computation-data-table--wide{min-width:2600px}table.computation-data-table:not(.computation-data-table--wide){min-width:1400px}}:where(.client-transfer-form-fields>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.client-transfer-field{gap:calc(var(--spacing) * 1.5);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.client-transfer-field{align-items:center;gap:calc(var(--spacing) * 4);flex-direction:row}}.client-transfer-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);flex-shrink:0}@media (min-width:40rem){.client-transfer-label{width:calc(var(--spacing) * 44)}}.client-transfers-fab.float-add-button-container{z-index:40;position:fixed;bottom:1.25rem;right:1.25rem}.client-transfers-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;min-width:16rem;max-width:calc(100vw - 2rem);padding:.5rem;position:absolute;bottom:calc(100% + .75rem);right:0;box-shadow:0 8px 24px #1018281f}.client-transfers-dropdown-item{color:#344054;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem .875rem;font-size:.875rem;font-weight:500;display:flex}.client-transfers-dropdown-item:hover{color:#1d2939;background:#f2f4f7}.client-transfers-dropdown-item i{color:#465fff;text-align:center;width:1rem}.client-transfers-page .search-select-suggest-wrap{width:100%;position:relative}.client-transfers-select-bar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);display:flex}@media (min-width:40rem){.client-transfers-select-bar{padding-inline:calc(var(--spacing) * 5)}}.client-transfers-select-all-mobile{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:inline-flex}.client-transfers-select-all-label{-webkit-user-select:none;user-select:none}.client-transfers-context-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-gray-500)}@media (min-width:821px){.client-transfers-select-bar{display:none!important}}.access-mgmt-page{width:100%;min-height:0}:where(.access-mgmt-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.access-mgmt-page{background-color:var(--color-page-bg)}.access-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.access-search-card{padding:calc(var(--spacing) * 4)}}.access-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.access-search-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}}.access-search-field{width:100%;min-width:0}.access-search-actions{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.access-search-actions{flex-flow:wrap;align-items:center}}@media (min-width:64rem){.access-search-actions{justify-content:flex-end;width:auto}}.access-table-wrap{width:100%;min-width:0}.access-desktop-table{width:100%;display:none}@media (min-width:48rem){.access-desktop-table{display:block}}.access-list-cards{margin-top:calc(var(--spacing) * 2);margin-top:2px}:where(.access-list-cards>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}@media (min-width:48rem){.access-list-cards{display:none}}.access-list-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.access-list-card__header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);display:flex}.access-list-card__badge{border-radius:var(--radius-md);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);flex-shrink:0}:where(.access-list-card__body>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.access-list-card__body{padding-inline:calc(var(--spacing) * 4);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.access-list-card__row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding-block:calc(var(--spacing) * 2.5);display:flex}.access-list-card__row:last-child{border-style:var(--tw-border-style);border-width:0}.access-list-card__label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase;flex-shrink:0}.access-list-card__value{text-align:right;overflow-wrap:break-word;color:var(--color-gray-900)}.access-list-card__actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);display:flex}.access-modal.center-float-div,.access-modal{text-align:left!important;min-width:0!important;min-height:0!important}.text-aqua{color:#0ff}.access-group-delete{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);color:var(--color-gray-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.access-group-delete:hover{border-color:var(--color-red-300);background-color:var(--color-red-50);color:var(--color-red-600)}}.access-drop-zone{border-radius:var(--radius-xl);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-gray-50);padding:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.5rem;display:grid}@media (min-width:1024px){.access-drop-zone{grid-template-columns:repeat(3,minmax(0,1fr))}}.access-module-chip{min-width:0}.access-module-chip__input{height:calc(var(--spacing) * 10);cursor:grab;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing) * 2);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.access-module-chip__input.field-warning{border-color:var(--color-amber-300);background-color:var(--color-amber-50)}.access-drop-zone__empty{grid-column:1/-1}.auth-login-page{width:100%;min-height:100vh;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;background:#f9fafb;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.auth-login-shell{background:#f9fafb;flex-direction:column;width:100%;min-height:100vh;display:flex}@media (min-width:768px){.auth-login-shell{flex-direction:row}}.auth-login-panel{background:#fff;flex-direction:column;justify-content:center;width:100%;padding:2rem 1rem;display:flex;position:relative}@media (min-width:640px){.auth-login-panel{padding:2.5rem 2rem}}@media (min-width:768px){.auth-login-panel{width:50%;padding:2.5rem}}@media (min-width:1024px){.auth-login-panel{padding:3rem 3.5rem}}.auth-login-panel--hero{background-position:50%;background-size:cover;min-height:100vh;display:none}@media (min-width:768px){.auth-login-panel--hero{width:50%;display:block}}.auth-login-theme-btn{z-index:20;color:#667085;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 1px 2px #1018280d}.auth-login-theme-btn:hover{color:#344054;background:#f9fafb}.auth-login-theme-btn .ta-theme-icon-sun{display:none}.auth-login-stack{width:100%;max-width:28rem;margin:0 auto}@media (max-width:767px){.auth-login-panel{background-image:url(/static/images/loginbg_right.jpg);background-position:50%;background-size:cover;min-height:100vh}.auth-login-stack{background:#fffffff5;border:1px solid #e4e7ec;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f}}.auth-login-page .titleform,.auth-login-page .tabform,.auth-login-page .darkblue_bg,.auth-login-shell.darkblue_bg{width:auto!important;max-width:none!important;box-shadow:none!important;text-shadow:none!important;font-family:inherit!important;font-size:inherit!important;color:inherit!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.auth-login-brand{text-align:center;color:#101828;margin:0 0 1.5rem;font-size:1.75rem;font-weight:600;line-height:1.25}.auth-login-card{background:#fff;border:1px solid #e4e7ec;border-radius:1rem;width:100%;padding:1.5rem;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.auth-login-tabs{background:#f2f4f7;border:1px solid #e4e7ec;border-radius:.75rem;gap:.25rem;width:100%;margin:0 0 1.25rem;padding:.25rem;list-style:none;display:flex}.auth-login-tab{cursor:pointer;color:#475467;background:0 0;border:0;border-radius:.5rem;flex:1 1 0;min-width:0;padding:.625rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s,color .15s}.auth-login-tab:not(.is-active):hover{color:#1d2939;background:#e4e7ec}.auth-login-tab.is-active,.auth-login-tab.is-active:hover{color:#fff;background:#465fff}.auth-login-card-title{text-align:left;color:#344054;margin:0 0 .75rem;font-size:.875rem;font-weight:500;display:block}.auth-login-fields{flex-direction:column;gap:.75rem;display:flex}.auth-login-page .login-formitem,.auth-login-page input.login-formitem{display:block;color:#1d2939!important;background:#fff!important;border:1px solid #d0d5dd!important;border-radius:.5rem!important;width:100%!important;max-width:100%!important;height:2.75rem!important;min-height:2.75rem!important;margin:0!important;padding:.625rem 1rem!important;font-size:.875rem!important;line-height:1.5!important;box-shadow:0 1px 2px #1018280d!important}.auth-login-page .login-formitem:focus{border-color:#9cb9ff!important;outline:none!important;box-shadow:0 0 0 3px #465fff33!important}.auth-login-page .login-formitem::placeholder{color:#98a2b3!important;opacity:1!important}.auth-login-password-row{align-items:center;gap:.5rem;display:flex}.auth-login-password-row .login-formitem{flex:auto}.auth-login-eye{cursor:pointer;color:#667085;flex-shrink:0}.auth-login-eye:hover{color:#465fff}.auth-login-primary-btn,.auth-login-secondary-btn{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:0;margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #1018280d}.auth-login-primary-btn{color:#fff;background:#465fff;border:0}.auth-login-primary-btn:hover{color:#fff;background:#3641f5}.auth-login-secondary-btn{color:#344054;background:#fff;border:1px solid #d0d5dd}.auth-login-secondary-btn+.auth-login-secondary-btn,.auth-login-secondary-btn.mt-2\.5{margin-top:.75rem!important}.auth-login-secondary-btn:hover{color:#1d2939;background:#f9fafb}.auth-login-divider{text-align:center;color:#667085;margin:1rem 0 .75rem;font-size:.875rem;font-weight:500}.auth-login-alt-link{text-align:center;color:#465fff;cursor:pointer;font-size:.875rem;font-weight:500;display:block}.auth-login-alt-link:hover{color:#3641f5;text-decoration:underline}.auth-login-error{color:#d92d20;background:#fef3f2;border:1px solid #fecdca;border-radius:.5rem;max-width:28rem;margin:1rem auto 0;padding:.75rem 1rem;font-size:.875rem}.auth-login-footnote{text-align:center;color:#667085;margin-top:1.25rem;font-size:.8125rem;line-height:1.4}.auth-login-footnote b,.auth-login-footnote .font-medium{color:#475467;font-weight:500}.auth-otp-input-row{border:1px solid #d0d5dd;border-radius:.5rem;width:100%;margin-bottom:.75rem;display:flex;overflow:hidden}.auth-otp-addon{color:#344054;background:#f2f4f7;flex-shrink:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.auth-otp-input{color:#1d2939;background:0 0;border:0;flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem}.auth-otp-input:focus{outline:none;box-shadow:inset 0 0 0 3px #465fff33}.auth-passwordless-page{width:100%;max-width:48rem;margin:.75rem auto 0;padding:0 .75rem}.auth-passwordless-card{text-align:center;background:#fff;border:1px solid #e4e7ec;border-radius:1rem;padding:1rem;box-shadow:0 1px 3px #1018281a}.auth-passwordless-switch{justify-content:center;align-items:center;gap:.75rem;display:flex}.auth-passwordless-table-wrap{background:#fff;border:1px solid #e4e7ec;border-radius:1rem;width:100%;min-width:0;overflow-x:auto;box-shadow:0 1px 3px #1018281a}.auth-passwordless-desktop-table{border-collapse:collapse;width:100%;font-size:.875rem;display:none}@media (min-width:768px){.auth-passwordless-desktop-table{display:table}}.auth-passwordless-list-cards{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.auth-passwordless-list-cards{display:none}}.auth-passwordless-list-card{text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #1018281a}.auth-code-page{background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex}.auth-code-value{text-align:center;letter-spacing:.2em;color:#101828;font-size:1.875rem;font-weight:700}.attachment-module-page{width:100%;min-height:0}:where(.attachment-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.attachment-module-page{background-color:var(--color-page-bg)}.attachment-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.attachment-search-card{padding:calc(var(--spacing) * 4)}}.attachment-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.attachment-search-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}}.attachment-search-field{width:100%;min-width:0}.attachment-search-actions{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.attachment-search-actions{flex-flow:wrap;align-items:center}}@media (min-width:64rem){.attachment-search-actions{justify-content:flex-end;width:auto}}.attachment-search-actions .button_standard,.attachment-search-actions .btn{width:100%}@media (min-width:40rem){.attachment-search-actions .button_standard,.attachment-search-actions .btn{width:auto}}.attachment-list-header{gap:var(--spacing);flex-direction:column;display:flex}@media (min-width:40rem){.attachment-list-header{flex-direction:row;justify-content:space-between;align-items:baseline}}.attachment-desktop-table{width:100%;min-width:0}.attachment-list-cards{margin-top:var(--spacing);margin-top:1px}.attachment-list-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.attachment-filename{max-width:40rem;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800)}.attachment-selected-files table{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.attachment-selected-files textarea{resize:none;border-style:var(--tw-border-style);max-width:12rem;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));background-color:#0000;border-width:0}@media (min-width:40rem){.attachment-selected-files textarea{max-width:18rem}}.attachment-modal{min-width:0!important}@media (max-width:767px){.attachment-module-page{padding-inline:var(--spacing)}}.announcement-module-page{width:100%;min-width:0}:where(.announcement-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.announcement-module-page{padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.announcement-module-page{padding-inline:calc(var(--spacing) * 4)}}.announcement-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.announcement-search-card{padding:calc(var(--spacing) * 4)}}.announcement-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.announcement-search-grid{flex-flow:wrap;align-items:flex-end}}.announcement-filter-box{flex:1;width:100%;min-width:0}.announcement-search-actions{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;display:flex}@media (min-width:40rem){.announcement-search-actions{flex-flow:wrap}}.announcement-search-actions .button_standard,.announcement-search-actions .btn{width:100%}@media (min-width:40rem){.announcement-search-actions .button_standard,.announcement-search-actions .btn{width:auto}}.announcement-form-actions{flex-flow:column wrap;gap:.75rem;width:100%;padding-top:2rem;display:flex}.announcement-form-actions .button_standard{width:100%;margin:0}@media (min-width:640px){.announcement-form-actions{flex-direction:row;justify-content:center}.announcement-form-actions .button_standard{width:auto;min-width:10rem}}.announcement-table-wrap{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow-x:auto}.announcement-table-wrap table{width:100%;min-width:720px}.announcement-form-grid{grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;display:grid}.announcement-form-field{min-width:0}.announcement-form-field-full{grid-column:1/-1}.announcement-form-label{color:#344054;text-align:left;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.announcement-form-hint{color:#65676b;margin-top:.375rem;font-size:.6875rem}.announcement-form-hint--warn{color:#c0392b}.announcement-form-field .form-control,.announcement-form-field textarea,.announcement-form-field select{min-width:0;width:100%!important;max-width:100%!important}.announcement-check-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.announcement-tag-list{flex-wrap:wrap;gap:.25rem;width:100%;min-width:0;display:flex}.announcement-tag{overflow-wrap:anywhere;border-radius:12px;max-width:100%;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-block}.announcement-tag--cat{color:#1976d2;background-color:#e3f2fd}.announcement-tag--type{color:#2e7d32;background-color:#e8f5e9;font-weight:600}.announcement-tag--tl{color:#e65100;background-color:#fff3e0}.announcement-tag--wm{color:#6a1b9a;background-color:#f3e5f5}.announcement-tag--dist{color:#006064;background-color:#e0f7fa}.announcement-tag--all{color:#37474f;background-color:#eceff1}.announcement-broadcast-card{background-color:#fafbff;border:1px solid #e4e6eb;border-radius:10px;margin-top:.5rem;padding:1rem}.announcement-broadcast-title{color:#1d4e89;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.announcement-wall-page{width:100%;min-width:0;padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.announcement-wall-page{padding-inline:calc(var(--spacing) * 4)}}.announcement-wall-controls{width:100%;min-width:0;margin-bottom:1rem}.announcement-wall-controls.is-adviser{margin-top:.5rem}.announcement-wall-container{width:100%;min-width:0;max-width:100%;height:calc(100vh - 160px);margin:0 auto;padding:12px 0;overflow:hidden auto}@media (min-width:768px){.announcement-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-wall-container{height:calc(125vh - 200px);padding:20px}}@media (min-width:1100px){.announcement-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:991px),(orientation:landscape) and (max-height:560px){.announcement-module-page table.mobile-data-cards tbody td{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.35rem;text-align:left!important}.announcement-module-page table.mobile-data-cards tbody td:before{max-width:100%}.announcement-module-page table.mobile-data-cards tbody td.mobile-card-actions{flex-direction:row;align-items:center}}@media (max-width:767px){.announcement-module-page .divTable,.announcement-module-page .divTableRow{min-width:0}#content_editor_div,#content_editor_div textarea{height:auto!important;min-height:280px!important}}html.dark .announcement-form-label{color:#d0d5dd}html.dark .announcement-form-hint{color:#98a2b3}html.dark .announcement-broadcast-card{background-color:#1a2231;border-color:#344054}html.dark .announcement-broadcast-title{color:#84caff}html.dark .announcement-card,html.dark .announcement-header,html.dark .announcement-wall-filters,html.dark .attachment-item,html.dark .attachment-thumbnail-container{background-color:#1a2231;border-color:#344054}html.dark .announcement-title,html.dark .announcement-content,html.dark .attachment-name{color:#d0d5dd}html.dark .announcement-platform-header{color:#98a2b3;background-color:#101828;border-color:#344054}html.dark .announcement-wall-field label,html.dark .announcement-date{color:#98a2b3}.personal-module-page{width:100%;min-width:0}:where(.personal-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.personal-module-page{padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.personal-module-page{padding-inline:calc(var(--spacing) * 4)}}.personal-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.personal-search-card{padding:calc(var(--spacing) * 4)}}.personal-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.personal-search-grid{flex-flow:wrap;justify-content:space-between;align-items:flex-end}}.personal-search-field{flex:1;width:100%;min-width:0}.personal-search-actions{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;display:flex}@media (min-width:40rem){.personal-search-actions{flex-flow:wrap;align-items:center}}.personal-search-actions .btn,.personal-search-actions .button_standard{width:100%}@media (min-width:40rem){.personal-search-actions .btn,.personal-search-actions .button_standard{width:auto}}.personal-filter-group{align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-wrap:wrap;display:flex}.personal-table-wrap{margin-top:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-overflow-scrolling:touch;margin-top:2px;overflow-x:auto}.personal-table-wrap .table{width:100%}.personal-list-cards{margin-top:calc(var(--spacing) * 2);margin-top:2px}:where(.personal-list-cards>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.personal-list-cards{padding-bottom:calc(var(--spacing) * 20)}@media (min-width:48rem){.personal-list-cards{display:none}}.personal-list-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.personal-list-card__header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);display:flex}:where(.personal-list-card__body>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.personal-list-card__body{padding-inline:calc(var(--spacing) * 4);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.personal-list-card__row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding-block:calc(var(--spacing) * 2.5);display:flex}.personal-list-card__row:last-child{border-style:var(--tw-border-style);border-width:0}.personal-list-card__label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase;flex-shrink:0}.personal-list-card__value{text-align:right;overflow-wrap:break-word;color:var(--color-gray-900)}@media (max-width:767px){.personal-search-card{padding:calc(var(--spacing) * 3)}.personal-filter-group{width:100%}#badge_container,#article_container,#article_container_Profile,#article_container_Article,[id^=article_container]{width:100%!important;max-width:100%!important;margin-left:0!important}}#article_preview{transform:translate(-50%);width:min(430px,92vw)!important;max-width:92vw!important;height:min(700px,80vh)!important;margin-left:0!important;top:10%!important;left:50%!important;right:auto!important}.teams-module-page{width:100%;min-height:0}:where(.teams-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.teams-module-page{background-color:var(--color-page-bg)}.teams-search-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.teams-search-card{padding:calc(var(--spacing) * 4)}}.teams-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.teams-search-grid{flex-direction:row;align-items:flex-end}}.teams-search-field{width:100%;min-width:0}.teams-search-actions{gap:calc(var(--spacing) * 2);flex-direction:column;flex-shrink:0;width:100%;display:flex}@media (min-width:40rem){.teams-search-actions{flex-direction:row;width:auto}}.teams-search-actions .button_standard,.teams-search-actions .btn{width:100%}@media (min-width:40rem){.teams-search-actions .button_standard,.teams-search-actions .btn{width:auto}}.teams-module-page button.bg-brand-500,.teams-edit-modal button.bg-brand-500{color:#fff!important;background-color:#465fff!important;border-color:#0000!important}.teams-module-page button.bg-brand-500:hover,.teams-edit-modal button.bg-brand-500:hover{background-color:#3641f5!important}.teams-module-page button.border-gray-300.bg-white,.teams-edit-modal button.border-gray-300.bg-white{background-color:var(--color-white)!important;color:var(--color-gray-700,#344054)!important}.teams-layout{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));width:100%;min-width:0;display:grid}@media (min-width:64rem){.teams-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}}.teams-sidebar{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.teams-section-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-brand-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);color:#fff!important;background-color:#465fff!important}.teams-list{max-height:40vh;list-style-type:none}:where(.teams-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.teams-list{background-color:var(--color-white);padding:0;overflow-y:auto}@media (min-width:64rem){.teams-list{max-height:70vh}}.teams-list-item{align-items:stretch;gap:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 2);display:flex}.teams-list-item:last-child{border-style:var(--tw-border-style);border-width:0}.teams-list-item__name{min-width:0!important;color:var(--color-gray-700,#344054)!important;box-shadow:none!important;background-color:#0000!important;border:0!important;flex:auto!important}.teams-list-item__name:hover{color:#465fff!important;background-color:#ecf3ff!important}.teams-list-item.is-active .teams-list-item__name{color:#fff!important;background-color:#465fff!important}.teams-list-item.is-active .teams-list-item__name:hover{color:#fff!important;background-color:#3641f5!important}.teams-list-item__actions{justify-content:center;gap:var(--spacing);flex-direction:column;flex-shrink:0;display:flex}.teams-icon-btn:not(.teams-icon-btn--danger){width:2rem!important;min-width:2rem!important;height:2rem!important;padding:0!important}.teams-icon-btn--danger{background-color:var(--color-white)!important;color:#d92d20!important;border-color:#fda29b!important;width:2rem!important;min-width:2rem!important;height:2rem!important;padding:0!important}.teams-icon-btn--danger:hover{color:#b42318!important;background-color:#fef3f2!important}.teams-members{min-width:0}.teams-members-header{margin-bottom:calc(var(--spacing) * 2);gap:var(--spacing);flex-direction:column;margin-bottom:2px;display:flex}@media (min-width:40rem){.teams-members-header{flex-direction:row;justify-content:space-between;align-items:baseline}}.teams-desktop-table{display:none}@media (min-width:48rem){.teams-desktop-table{display:block}}:where(.teams-list-cards>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}@media (min-width:48rem){.teams-list-cards{display:none}}.teams-list-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.teams-list-card__header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);display:flex}:where(.teams-list-card__body>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.teams-list-card__body{padding-inline:calc(var(--spacing) * 4);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.teams-list-card__row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding-block:calc(var(--spacing) * 2.5);display:flex}.teams-list-card__row:last-child{border-style:var(--tw-border-style);border-width:0}.teams-list-card__label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase;flex-shrink:0}.teams-list-card__value{text-align:right;overflow-wrap:break-word;color:var(--color-gray-900)}.teams-edit-modal{z-index:1200}.products-module-page{width:100%;min-width:0}:where(.products-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.products-module-page{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.products-module-page{padding-inline:calc(var(--spacing) * 4)}}.products-list-table-container{width:100%;min-width:0;padding-bottom:calc(var(--spacing) * 2.5)}.products-search-card{z-index:0;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;min-width:0;padding:calc(var(--spacing) * 5);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative}@media (min-width:40rem){.products-search-card{padding:calc(var(--spacing) * 6)}}.products-search-card{isolation:isolate}.products-search-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:64rem){.products-search-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}}.products-search-field{flex:1;width:100%;min-width:0}.products-search-field .form-control,.products-search-field input[type=text]{box-sizing:border-box;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;min-width:0;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;display:block}:is(.products-search-field .form-control,.products-search-field input[type=text])::placeholder{color:var(--color-gray-400)}:is(.products-search-field .form-control,.products-search-field input[type=text]):focus{border-color:var(--color-brand-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#465fff33}@supports (color:color-mix(in lab, red, red)){:is(.products-search-field .form-control,.products-search-field input[type=text]):focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-500) 20%, transparent)}}:is(.products-search-field .form-control,.products-search-field input[type=text]):focus{--tw-outline-style:none;outline-style:none}.products-search-actions{z-index:0;gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex;position:relative}@media (min-width:40rem){.products-search-actions{flex-flow:wrap;align-items:center}}@media (min-width:64rem){.products-search-actions{justify-content:flex-end;width:auto}}.products-search-actions .button_standard,.products-search-actions .btn-download-excell,.products-search-actions .btn{float:none!important;box-sizing:border-box!important;flex-grow:0!important;width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}@media (min-width:640px){.products-search-actions .button_standard,.products-search-actions .btn-download-excell,.products-search-actions .btn{width:auto!important}}.products-list-desktop-table{margin-top:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-top:2px;overflow-x:auto}@media (min-width:48rem){.products-list-desktop-table{margin-top:calc(var(--spacing) * 4);margin-top:4px}}.products-list-desktop-table{-webkit-overflow-scrolling:touch}.products-tab-scroll{-webkit-overflow-scrolling:touch;max-width:100%;margin-inline:0;overflow-x:auto}.products-tab-scroll .nav-tabs{border-bottom-style:var(--tw-border-style);border-bottom-width:0;flex-wrap:nowrap;min-width:max-content;display:flex}.products-tab-scroll .nav-item{flex-shrink:0}.products-float-panel.center-float-div{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 4px 8px -2px var(--tw-shadow-color,#1018281a), 0px 2px 4px -2px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden;text-align:left!important;width:min(500px,100vw - 2rem)!important;min-width:0!important;min-height:0!important}.products-float-panel .div_header{border-bottom:1px solid var(--color-gray-100)!important;background:var(--color-white)!important;height:auto!important;min-height:0!important;color:var(--color-gray-800,#1d2939)!important;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif!important;text-align:left!important;border-radius:1rem 1rem 0 0!important;margin-bottom:0!important;padding:1rem 1.25rem!important;font-size:1rem!important;font-weight:500!important}.products-float-panel .div_header h3{color:var(--color-gray-800,#1d2939);margin:0;font-size:1rem;font-weight:500;line-height:1.5}@media (min-width:640px){.products-float-panel .div_header{padding:1rem 1.5rem!important}}.products-float-panel .divTable{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}.products-float-form{flex-direction:column;gap:.75rem;display:flex}.products-float-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.products-float-field .label-text-middle-left{color:var(--color-gray-700,#344054);margin:0;font-size:.875rem;font-weight:500}.products-float-field .input-col,.products-float-field .form-control{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important}.products-float-checks{flex-wrap:wrap;justify-content:flex-start;gap:.75rem 1.25rem;padding:.25rem 0;display:flex}.products-float-check{color:var(--color-gray-700,#344054);cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:.875rem;display:inline-flex}.products-float-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;padding-top:.75rem;display:flex}.products-float-actions .button_standard{flex:120px;min-width:0;max-width:100%}@media (min-width:640px){.products-float-field{flex-direction:row;align-items:center;gap:.75rem}.products-float-field .label-text-middle-left{flex:0 0 140px}.products-float-field .input-col,.products-float-field .form-control{flex:auto}.products-float-actions .button_standard{flex:0 150px}}.products-commrate-section{width:100%;min-width:0}:where(.products-commrate-section>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.products-commrate-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 4);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}@media (min-width:40rem){.products-commrate-card{padding:calc(var(--spacing) * 5)}}.products-commrate-card .table-responsive{margin-top:calc(var(--spacing) * 3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);margin-top:3px;overflow:auto hidden}.products-commrate-card .table{width:100%;margin-bottom:0}.products-commrate-card thead tr{background-color:var(--color-gray-50)}.products-modal-panel .modal-content{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);--tw-shadow:0px 4px 8px -2px var(--tw-shadow-color,#1018281a), 0px 2px 4px -2px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.products-modal-panel .modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50)}.dropdown-module-page{width:100%;min-height:0}:where(.dropdown-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.dropdown-module-page{background-color:var(--color-page-bg)}.dropdown-search-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;padding:calc(var(--spacing) * 5);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.dropdown-search-card{padding:calc(var(--spacing) * 6)}}.dropdown-module-page button.bg-brand-500{color:#fff!important;background-color:#465fff!important;border-color:#9cb9ff!important}.dropdown-module-page button.bg-brand-500:hover{background-color:#3641f5!important}.form-control{color:#1d2939;background-color:#fff;background-clip:padding-box;border:1px solid #d0d5dd;border-radius:.5rem;width:100%;height:auto;min-height:2.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s,box-shadow .15s;display:block;box-shadow:0 1px 2px #1018280d}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:#0000;border:0}.form-control:focus{color:#1d2939;background-color:#fff;border-color:#9cb9ff;outline:0;box-shadow:0 0 0 4px #465fff1f}.form-control::placeholder{color:#98a2b3;opacity:1}.form-control:disabled,.form-control[readonly]{opacity:1;background-color:#f2f4f7}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{appearance:none}select.form-control:focus::-ms-value{color:#1d2939;background-color:#fff}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-control-sm{border-radius:.375rem;min-height:2rem;padding:.375rem .625rem;font-size:.8125rem;line-height:1.5}.form-control-lg{border-radius:.5rem;min-height:3rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5}.form-control-plaintext{color:#344054;background-color:#0000;border:1px solid #0000;border-width:1px 0;width:100%;margin-bottom:0;padding:.625rem 0;line-height:1.5;display:block}.form-select{color:#1d2939;background-color:#fff;border:1px solid #d0d5dd;border-radius:.5rem;width:100%;min-height:2.5rem;padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem;font-weight:400;line-height:1.5;display:block;box-shadow:0 1px 2px #1018280d}.form-select:focus{border-color:#9cb9ff;outline:0;box-shadow:0 0 0 4px #465fff1f}.contacts-module-page{width:100%;min-width:0}:where(.contacts-module-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.contacts-module-page{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.contacts-module-page{padding-inline:calc(var(--spacing) * 4)}}.contacts-search-card{z-index:0;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;min-width:0;padding:calc(var(--spacing) * 4);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative}@media (min-width:40rem){.contacts-search-card{padding:calc(var(--spacing) * 5)}}.contacts-table-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.contacts-table-card__header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}.contacts-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.fc-contacts-pagination{background:0 0}@media (max-width:767px){.contacts-table-card:has(table.fc-partner-contacts-table),.contacts-table-card:has(table.fc-internal-contacts-table){overflow:visible}.contacts-table-scroll:has(table.fc-partner-contacts-table),.contacts-table-scroll:has(table.fc-internal-contacts-table){padding:.75rem;overflow-x:visible}table.fc-partner-contacts-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{color:#1d2939;background:#f9fafb;order:-1;font-size:.9375rem;font-weight:600}table.fc-partner-contacts-table.mobile-data-cards tbody td.mobile-card-actions{background:#fff;order:-2;justify-content:space-between}table.fc-partner-contacts-table.mobile-data-cards tbody td.mobile-card-actions:before{content:attr(data-label);align-self:center}table.fc-internal-contacts-table.mobile-data-cards{width:100%!important;min-width:0!important;max-width:100%!important}table.fc-internal-contacts-table.mobile-data-cards tbody tr{box-sizing:border-box;width:100%}table.fc-internal-contacts-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{color:#1d2939;background:#f9fafb;order:-1;font-size:.9375rem;font-weight:600;display:block;text-align:left!important;width:100%!important}table.fc-internal-contacts-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title:before{display:none}table.fc-internal-contacts-table.mobile-data-cards tbody td{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.35rem;text-align:left!important;width:100%!important;max-width:100%!important}table.fc-internal-contacts-table.mobile-data-cards tbody td:before{max-width:100%;margin-bottom:0}table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html,table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html *{box-sizing:border-box;max-width:100%!important}table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html{text-align:left;overflow-wrap:anywhere;word-break:break-word;width:100%}table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html :is(ul,ol){width:100%;margin:0;padding-left:1.15rem}table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html :is(p,div,table,li){width:auto;max-width:100%}table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html table{display:block;overflow-x:auto;width:100%!important}table.fc-internal-contacts-table.mobile-data-cards tbody td .break-all{overflow-wrap:anywhere;word-break:break-all;text-align:left;width:100%;display:block}}.compensation-module-page,.computation-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(:is(.compensation-module-page,.computation-page)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.compensation-module-page,.computation-page{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 2);font-family:var(--font-avenir)}@media (min-width:40rem){.compensation-module-page,.computation-page{padding-inline:calc(var(--spacing) * 4)}}.compensation-search-card,.computation-search-card{z-index:0;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;min-width:0;padding:calc(var(--spacing) * 3);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative;overflow:visible}@media (min-width:40rem){.compensation-search-card,.computation-search-card{padding:calc(var(--spacing) * 5)}}@media (min-width:64rem){.compensation-search-card,.computation-search-card{padding:calc(var(--spacing) * 6)}}.compensation-table-card,.computation-table-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.compensation-table-card__header,.computation-table-card__header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}@media (min-width:40rem){.compensation-table-card__header,.computation-table-card__header{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}}.compensation-table-scroll,.computation-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.compensation-table-footer{gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);flex-direction:column;display:flex}@media (min-width:40rem){.compensation-table-footer{padding-inline:calc(var(--spacing) * 5);flex-direction:row;justify-content:flex-end;align-items:center}}.compensation-tabs,.computation-tab-scroll{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-width:0;padding:0;overflow-x:auto;border-radius:0!important}.compensation-tabs .nav.nav-tabs,.computation-tab-scroll .nav.nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-bottom:1px solid #f2f4f7;flex-wrap:nowrap;gap:0;display:flex;overflow-x:auto;z-index:auto!important;background:0 0!important;margin:0!important;padding:0 .75rem!important;position:static!important}.compensation-tabs .nav-item,.computation-tab-scroll .nav-item{flex-shrink:0}.compensation-tabs .nav-link,.computation-tab-scroll .nav-link{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-gray-500);background-color:#0000;border-width:0;align-items:center;display:inline-flex;position:relative;box-shadow:none!important;border-bottom:none!important;text-decoration:none!important}.compensation-tabs .nav-link:hover,.computation-tab-scroll .nav-link:hover{color:var(--color-brand-500)}.compensation-tabs .nav-link.active,.computation-tab-scroll .nav-link.active{color:var(--color-brand-500);box-shadow:none!important;background:0 0!important;border:0!important;border-bottom-width:medium!important;text-decoration:none!important}.compensation-tabs .nav-link.active:after,.computation-tab-scroll .nav-link.active:after{content:"";background:#465fff;border-radius:999px;height:2px;position:absolute;bottom:0;left:.75rem;right:.75rem}.compensation-module-page .tab-container,.payday-compensation-wrapper .tab-container,.onhold-compensation-wrapper .tab-container{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-overflow-scrolling:touch;border-bottom:1px solid #e4e7ec;margin-bottom:0;display:flex;overflow-x:auto}.compensation-module-page .tab-container .tabs,.payday-compensation-wrapper .tab-container .tabs,.onhold-compensation-wrapper .tab-container .tabs{color:#667085;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:.875rem 1rem;font-size:.875rem;font-weight:500;position:relative;transform:none}.compensation-module-page .tab-container .tabs:hover,.payday-compensation-wrapper .tab-container .tabs:hover,.onhold-compensation-wrapper .tab-container .tabs:hover,.compensation-module-page .tab-container .tabs.active,.payday-compensation-wrapper .tab-container .tabs.active,.onhold-compensation-wrapper .tab-container .tabs.active{color:#465fff}.compensation-module-page .tab-container .tabs.active:after,.payday-compensation-wrapper .tab-container .tabs.active:after,.onhold-compensation-wrapper .tab-container .tabs.active:after{content:"";background:#465fff;border-radius:999px;height:2px;position:absolute;bottom:0;left:1rem;right:1rem}.compensation-module-page .control_wrapper,.computation-page .control_wrapper,.payday-compensation-wrapper .control_wrapper,.onhold-compensation-wrapper .control_wrapper{z-index:0!important;border:1px solid var(--color-gray-200)!important;background:var(--color-white)!important;border-radius:1rem!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;padding:1rem 1.25rem!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f!important}.compensation-module-page .comm_table,.payday-compensation-wrapper .comm_table,.onhold-compensation-wrapper .comm_table{margin-top:0!important}.compensation-filter-grid{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.compensation-filter-grid{align-items:flex-end;gap:calc(var(--spacing) * 3);flex-flow:wrap}}.compensation-filter-box,.compensation-filter-box--wide,.compensation-filter-box--full{z-index:0;box-sizing:border-box;flex-direction:column;flex:none;min-width:0;display:flex;position:relative}@media (min-width:640px){.compensation-filter-box,.compensation-filter-box--wide,.compensation-filter-box--full{flex:11rem}}.compensation-filter-box:focus-within,.compensation-filter-box:has(.search-select-panel.is-open){z-index:40}.compensation-filter-box .search-select-suggest-wrap{z-index:0;width:100%;min-width:0;position:relative}.compensation-filter-box .search-select-panel{z-index:50!important}.compensation-filter-box--wide{flex:none}@media (min-width:640px){.compensation-filter-box--wide{flex:16rem}}.compensation-filter-box--full{flex:100%}.compensation-filter-box>span.bold,.compensation-filter-box>.bold,.compensation-filter-label{margin-bottom:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:1px;display:block}@media (min-width:40rem){.compensation-filter-box>span.bold,.compensation-filter-box>.bold,.compensation-filter-label{margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.compensation-filter-dates{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.compensation-filter-dates{flex-direction:row;align-items:center}}.compensation-filter-dates>span{display:none}.compensation-filter-dates>.input-col,.compensation-filter-dates>.form-control,.compensation-filter-dates>input{flex:1;width:100%;min-width:0}.compensation-filter-actions{z-index:0;align-items:center;gap:calc(var(--spacing) * 2);flex-flow:wrap;width:100%;min-width:0;display:flex;position:relative}@media (min-width:40rem){.compensation-filter-actions{width:auto}}.compensation-filter-actions{flex:none}.compensation-filter-actions .button_standard,.compensation-filter-actions .btn,.compensation-filter-actions button{float:none!important;box-sizing:border-box!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}@media (min-width:640px){.compensation-filter-actions .button_standard,.compensation-filter-actions .btn,.compensation-filter-actions button{flex:none!important;width:auto!important}}.compensation-filter-radios{align-items:center;column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700);flex-wrap:wrap;display:flex}.compensation-filter-radios input[type=radio],.compensation-filter-radios input[type=checkbox]{margin-right:calc(var(--spacing) * 1.5);vertical-align:middle}.compensation-filter-box .search-select-suggest-wrap input,.compensation-filter-box>select.input-col,.compensation-filter-box>input.input-col,.compensation-filter-box>select.form-control,.compensation-filter-box>input.form-control{width:100%;min-width:0}.compensation-filter-row{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.compensation-filter-row{flex-flow:wrap;align-items:flex-end}}.compensation-filter-row>.input-col,.compensation-filter-row>.form-control,.compensation-filter-row>.search-select-suggest-wrap{flex:1;min-width:10rem}.compensation-filter-row>.button_standard,.compensation-filter-row>.compensation-filter-actions{flex:none}.compensation-module-page .form-control,.compensation-module-page .input-col,.compensation-module-page select.input-col,.compensation-module-page input.input-col,.computation-page .form-control,.computation-page .input-col{height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.compensation-module-page .form-control:focus,.compensation-module-page .input-col:focus,.computation-page .form-control:focus,.computation-page .input-col:focus{border-color:var(--color-brand-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#465fff33}@supports (color:color-mix(in lab, red, red)){.compensation-module-page .form-control:focus,.compensation-module-page .input-col:focus,.computation-page .form-control:focus,.computation-page .input-col:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-500) 20%, transparent)}}.compensation-module-page .form-control:focus,.compensation-module-page .input-col:focus,.computation-page .form-control:focus,.computation-page .input-col:focus{--tw-outline-style:none;outline-style:none}.compensation-module-page table,.computation-page table,.compensation-module-page table.table,.computation-page table.table,.compensation-module-page table.ta-data-table,.computation-page table.ta-data-table,.compensation-module-page .table-container table,.payday-compensation-wrapper table,.onhold-compensation-wrapper table{border-collapse:collapse;background-color:var(--color-white);width:100%}.compensation-module-page table thead th,.computation-page table thead th,.compensation-module-page table.table thead th,.computation-page table.table thead th,.compensation-module-page .sticky-head,.payday-compensation-wrapper table thead th,.onhold-compensation-wrapper table thead th{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);white-space:nowrap;border-bottom:1px solid #e4e7ec}.compensation-module-page table tbody td,.computation-page table tbody td,.compensation-module-page table.table tbody td,.computation-page table.table tbody td,.payday-compensation-wrapper table tbody td,.onhold-compensation-wrapper table tbody td{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.compensation-module-page table tbody tr:hover td,.computation-page table tbody tr:hover td{background-color:var(--color-gray-50)}.compensation-module-page .table-container,.computation-page .table-container,.compensation-module-page .comm_table,.payday-compensation-wrapper .comm_table,.onhold-compensation-wrapper .comm_table{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow-x:auto}.compensation-modal-title{background-color:var(--color-brand-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);align-items:center;display:flex}.compensation-module-page .divTable,.computation-page .divTable,.payday-compensation-wrapper .divTable,.onhold-compensation-wrapper .divTable{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.compensation-module-page .divTableRow,.computation-page .divTableRow{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);width:100%;min-width:0;display:flex}.compensation-module-page .divTableHeader,.computation-page .divTableHeader,.compensation-module-page .divTableHeaderComm,.computation-page .divTableHeaderComm,.divTableCellComm.divTableHeaderComm,.compensation-module-page table thead th.divTableHeader,.computation-page table thead th.divTableHeader,.compensation-module-page table thead th.divTableCell,.computation-page table thead th.divTableCell{background-color:var(--color-gray-50);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);color:var(--color-gray-500,#667085)!important;background-color:var(--color-gray-50,#f9fafb)!important;border:none!important;border-bottom:1px solid var(--color-gray-200,#e4e7ec)!important;font-size:.75rem!important;font-weight:500!important;display:table-cell!important}.compensation-module-page .divTableCell,.computation-page .divTableCell,.compensation-module-page .divTableCellComm,.computation-page .divTableCellComm,.divTableCellComm{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700);background:0 0!important;border-right:none!important}.compensation-module-page .divTableHeaderComm,.computation-page .divTableHeaderComm,.payday-compensation-wrapper .divTableHeaderComm,.onhold-compensation-wrapper .divTableHeaderComm,.compensation-module-page th.sticky-head,.compensation-module-page .sticky-head{background-color:var(--color-gray-50)!important;color:var(--color-gray-500)!important;border-color:var(--color-gray-200)!important}.compensation-module-page table thead th .fa-sort-up,.compensation-module-page table thead th .fa-sort-down,.computation-page table thead th .fa-sort-up,.computation-page table thead th .fa-sort-down{color:#465fff!important}.compensation-module-page #tab-content,.payday-compensation-wrapper #tab-content,.onhold-compensation-wrapper #tab-content{z-index:0;width:100%;min-height:24rem;position:relative}:where(:is(.compensation-module-page #tab-content,.payday-compensation-wrapper #tab-content,.onhold-compensation-wrapper #tab-content)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.compensation-module-page .pagination,.computation-page .pagination{align-items:center;gap:var(--spacing);flex-wrap:wrap;margin:0;display:flex}.compensation-module-page .form-container-five{width:100%;min-width:0;margin:0;padding:0}.compensation-row-actions{white-space:nowrap!important;flex-flow:row!important;align-items:center!important;gap:.625rem!important;display:inline-flex!important}.compensation-row-actions .text_button{align-items:center!important;line-height:1!important;display:inline-flex!important}.compensation-row-actions .text_button i{font-size:1rem}.compensation-float-panel.center-float-div{text-align:left!important;border:1px solid var(--color-gray-200,#e4e7ec)!important;background:var(--color-white,#fff)!important;z-index:50!important;border-radius:1rem!important;width:min(28rem,100vw - 2rem)!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f!important}.compensation-float-header,.compensation-float-panel .div_header{cursor:move;border-bottom:1px solid var(--color-gray-100,#f2f4f7)!important;background:var(--color-white,#fff)!important;height:auto!important;min-height:0!important;color:var(--color-gray-800,#1d2939)!important;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif!important;text-align:left!important;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important}.compensation-float-header h3,.compensation-float-panel .div_header h3,.compensation-float-panel .div_header label{color:inherit!important;margin:0!important;font-size:1rem!important;font-weight:600!important;line-height:1.5!important}.compensation-float-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.compensation-float-field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.compensation-float-label{color:var(--color-gray-700,#344054);margin:0;font-size:.875rem;font-weight:500}.compensation-float-input,.compensation-float-panel .form-control{box-sizing:border-box!important;border:1px solid var(--color-gray-300,#d0d5dd)!important;width:100%!important;min-width:0!important;max-width:100%!important;height:2.75rem!important;color:var(--color-gray-800,#1d2939)!important;background:0 0!important;border-radius:.5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important}.compensation-float-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.compensation-float-actions .button_standard{min-width:7.5rem;float:none!important;width:auto!important;margin:0!important;position:static!important}.compensation-float-messages{border-top:1px solid var(--color-gray-100,#f2f4f7);max-height:12rem;padding-top:.75rem;overflow-y:auto}.compensation-float-error,.compensation-float-messages .errormessage{color:#d92d20;margin:0 0 .5rem;font-size:.8125rem;line-height:1.4;display:block}table.payday-raw-data-table,table.onhold-trigger-table{table-layout:fixed;width:100%;min-width:0!important}.advisers-list-desktop-table table.payday-raw-data-table thead th,.payday-compensation-wrapper table.payday-raw-data-table thead th,table.payday-raw-data-table thead th,.advisers-list-desktop-table table.payday-raw-data-table tbody td,.payday-compensation-wrapper table.payday-raw-data-table tbody td,table.payday-raw-data-table tbody td,.advisers-list-desktop-table table.onhold-trigger-table thead th,.onhold-compensation-wrapper table.onhold-trigger-table thead th,table.onhold-trigger-table thead th,.advisers-list-desktop-table table.onhold-trigger-table tbody td,.onhold-compensation-wrapper table.onhold-trigger-table tbody td,table.onhold-trigger-table tbody td{word-break:break-word;white-space:normal!important;vertical-align:middle!important;padding:.5rem .4rem!important;font-size:.75rem!important}@media (min-width:1280px){.advisers-list-desktop-table table.payday-raw-data-table thead th,.payday-compensation-wrapper table.payday-raw-data-table thead th,table.payday-raw-data-table thead th,.advisers-list-desktop-table table.payday-raw-data-table tbody td,.payday-compensation-wrapper table.payday-raw-data-table tbody td,table.payday-raw-data-table tbody td,.advisers-list-desktop-table table.onhold-trigger-table thead th,.onhold-compensation-wrapper table.onhold-trigger-table thead th,table.onhold-trigger-table thead th,.advisers-list-desktop-table table.onhold-trigger-table tbody td,.onhold-compensation-wrapper table.onhold-trigger-table tbody td,table.onhold-trigger-table tbody td{padding:.625rem .5rem!important;font-size:.8125rem!important}}table.onhold-trigger-table thead th:first-child,table.onhold-trigger-table tbody td:first-child{text-align:center!important}table.payday-raw-data-table tbody td.payday-raw-batch-cell,table.payday-raw-data-table tbody td:nth-child(2){overflow-wrap:break-word;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.35;font-size:.6875rem!important}@media (min-width:992px){table.payday-raw-data-table tbody td.payday-raw-batch-cell,table.payday-raw-data-table tbody td:nth-child(2){overflow-wrap:anywhere;word-break:break-all}}.finance-module-page,.finance-payday-wrapper,.hr-module-page{z-index:0;width:100%;min-width:0;max-width:100%;position:relative}:where(:is(.finance-module-page,.finance-payday-wrapper,.hr-module-page)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.finance-module-page,.finance-payday-wrapper,.hr-module-page{background-color:var(--color-gray-50);font-family:var(--font-avenir);padding:0}.finance-search-card,.finance-module-page .compensation-search-card{z-index:0;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);width:100%;min-width:0;padding:calc(var(--spacing) * 5);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative;overflow:visible}@media (min-width:40rem){.finance-search-card,.finance-module-page .compensation-search-card{padding:calc(var(--spacing) * 6)}}.finance-table-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.finance-table-card__header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}@media (min-width:40rem){.finance-table-card__header{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}}.finance-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.finance-table-footer{gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);flex-direction:column;display:flex}@media (min-width:40rem){.finance-table-footer{padding-inline:calc(var(--spacing) * 5);flex-direction:row;justify-content:space-between;align-items:center}}.finance-module-page .control_wrapper,.finance-payday-wrapper .control_wrapper{z-index:1!important;background:0 0!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;padding:0!important;position:relative!important;top:auto!important;left:auto!important}.finance-module-page.form-container-five,.finance-module-page .form-container-five,.finance-payday-wrapper.form-container-five,.finance-payday-wrapper .form-container-five{width:100%;min-width:0;margin:0;padding:0}.finance-filter-grid{gap:calc(var(--spacing) * 3);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:40rem){.finance-filter-grid{flex-flow:wrap;align-items:flex-end}}.finance-filter-box,.finance-filter-box--wide{z-index:0;box-sizing:border-box;flex-direction:column;flex:11rem;min-width:0;display:flex;position:relative}.finance-filter-box--wide{flex:16rem}.finance-filter-box:focus-within,.finance-filter-box:has(.search-select-panel.is-open){z-index:40}.finance-filter-label{margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.finance-filter-actions{z-index:0;gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;min-width:0;display:flex;position:relative}@media (min-width:40rem){.finance-filter-actions{flex-flow:wrap;align-items:center;width:auto}}.finance-filter-actions{flex:none}.finance-filter-actions .button_standard,.finance-filter-actions .btn,.finance-filter-actions button{float:none!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}@media (min-width:640px){.finance-filter-actions .button_standard,.finance-filter-actions .btn,.finance-filter-actions button{min-width:7.5rem;width:auto!important}}.finance-filter-box .form-control,.finance-filter-box .input-col,.finance-filter-box select,.finance-filter-box input[type=text],.finance-filter-box input[type=date],.finance-filter-box input[type=number],.finance-search-card .form-control,.finance-search-card .input-col,.finance-search-card select,.finance-search-card input[type=text],.finance-search-card input[type=date]{height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;min-width:0;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);background-color:#0000;box-sizing:border-box!important}.finance-module-page .compensation-tabs,.finance-payday-wrapper .compensation-tabs,.finance-tabs{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;width:100%;min-width:0;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-width:0;padding:0;overflow-x:auto;border-radius:0!important}.finance-module-page.form-container-five,.finance-payday-wrapper.form-container-five{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin-top:0!important;margin-bottom:0!important;overflow:visible!important}.finance-module-page #tab-content,.finance-payday-wrapper #tab-content{z-index:0;width:100%;min-height:24rem;position:relative}:where(:is(.finance-module-page #tab-content,.finance-payday-wrapper #tab-content)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.finance-module-page table,.finance-payday-wrapper table,.finance-module-page .comm_table table,.finance-module-page .table-container table{border-collapse:collapse;background-color:var(--color-white);width:100%}.finance-module-page .comm_table,.finance-module-page .table-container,.finance-payday-wrapper .table-container,.finance-module-page .advisers-list-desktop-table,.finance-payday-wrapper .advisers-list-desktop-table{margin-top:0!important}.finance-module-page table thead th,.finance-payday-wrapper table thead th,.finance-module-page .sticky-head,.finance-module-page .divTableHeaderComm,.finance-module-page th.divTableHeaderComm,.finance-module-page .divTableCellComm.divTableHeaderComm{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);white-space:nowrap;color:var(--color-gray-500,#667085)!important;background-color:var(--color-gray-50,#f9fafb)!important;border-bottom:1px solid var(--color-gray-200,#e4e7ec)!important;border-right:none!important}.finance-module-page table thead th .fa-sort-up,.finance-module-page table thead th .fa-sort-down,.finance-payday-wrapper table thead th .fa-sort-up,.finance-payday-wrapper table thead th .fa-sort-down{color:#465fff!important}.finance-module-page table tbody td,.finance-payday-wrapper table tbody td,.finance-module-page .divTableCellComm{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800,#1d2939);border-bottom:1px solid var(--color-gray-100,#f2f4f7);vertical-align:middle;background:0 0!important;border-right:none!important}.finance-module-page table tbody tr:hover td,.finance-payday-wrapper table tbody tr:hover td{background-color:var(--color-gray-50,#f9fafb)}.finance-module-page #pagingdiv,.finance-payday-wrapper #pagingdiv,.finance-pager{align-items:center;gap:var(--spacing);flex-wrap:nowrap;display:flex;overflow-x:auto}.finance-module-page #pagingdiv .divTableCell,.finance-payday-wrapper #pagingdiv .divTableCell,.finance-module-page #pagingdiv.divTableRow,.finance-payday-wrapper #pagingdiv.divTableRow{float:none!important;background:0 0!important;border:none!important;width:auto!important;padding:0!important;display:inline-flex!important}.finance-module-page .pagination,.finance-payday-wrapper .pagination{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;width:100%;min-width:0;margin:0;display:flex;float:none!important;padding:0!important}.finance-list-meta{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);flex-direction:column;margin-top:4px;display:flex}@media (min-width:48rem){.finance-list-meta{margin-top:calc(var(--spacing) * 6);flex-flow:wrap;justify-content:space-between;align-items:center;margin-top:6px}}.finance-list-meta__counts{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700)}@media (max-width:767px){.finance-module-page .advisers-list-desktop-table,.finance-payday-wrapper .advisers-list-desktop-table,.finance-table-card{border-radius:var(--radius-xl)}.finance-module-page .finance-search-card,.finance-module-page .compensation-search-card{padding:calc(var(--spacing) * 4)}.finance-filter-box,.finance-filter-box--wide{flex:100%}.finance-module-page .dsp-flex.space-between,.finance-module-page .dsp-flex.space-evenly,.finance-payday-wrapper .dsp-flex.space-between,.finance-payday-wrapper .dsp-flex.space-evenly{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}}.finance-module-page [style*="border:1px solid grey"],.finance-module-page [style*="border:1px solid gray"],.finance-payday-wrapper [style*="border:1px solid grey"],.finance-payday-wrapper [style*="border:1px solid gray"]{flex:11rem;min-width:0;background:0 0!important;border:0!important;border-radius:0!important;width:auto!important;max-width:100%!important;margin:0 0 .75rem!important;padding:0!important}.finance-module-page .input-col,.finance-payday-wrapper .input-col,.finance-module-page .form-select,.finance-payday-wrapper .form-select{height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;min-width:0;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);background-color:#0000;box-sizing:border-box!important;max-width:100%!important}.finance-module-page .btn-download-excell,.finance-payday-wrapper .btn-download-excell,.finance-module-page .btn.btn-primary,.finance-payday-wrapper .btn.btn-primary{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex;color:#fff!important;background-color:#465fff!important;border:0!important;width:auto!important;min-width:0!important}.finance-module-page .btn-download-excell:hover,.finance-payday-wrapper .btn-download-excell:hover{background-color:#3641f5!important}.finance-module-page>table,.finance-module-page .table-responsive,.finance-module-page .comm_table,.finance-module-page .table-container,.finance-payday-wrapper .table-container,.finance-module-page div[style*="height: 600px"]{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-overflow-scrolling:touch;overflow-x:auto;height:auto!important;max-height:none!important}.finance-module-page .title-header,.finance-payday-wrapper .title-header{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-800);margin:0}.finance-module-page .tabs-table-head th,.finance-module-page thead.tabs-table-head{background-color:var(--color-gray-50);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);background-color:var(--color-gray-50,#f9fafb)!important;color:var(--color-gray-500,#667085)!important}.finance-module-page ul.pagination,.finance-payday-wrapper ul.pagination{align-items:center;gap:var(--spacing);flex-wrap:nowrap;margin:0;padding:0;display:flex;overflow-x:auto;list-style:none!important}.finance-module-page ul.pagination .page-item,.finance-payday-wrapper ul.pagination .page-item{flex-shrink:0}.finance-module-page ul.pagination .page-link,.finance-payday-wrapper ul.pagination .page-link{height:calc(var(--spacing) * 9);min-width:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700);justify-content:center;align-items:center;display:inline-flex;text-decoration:none!important}.finance-module-page ul.pagination .page-item.active .page-link,.finance-payday-wrapper ul.pagination .page-item.active .page-link{border-color:var(--color-brand-500);background-color:var(--color-brand-500);color:var(--color-white)}.finance-module-page .float-add-button,.finance-payday-wrapper .float-add-button{z-index:40}#modalId.fixed{-webkit-overflow-scrolling:touch;z-index:10060!important;box-sizing:border-box!important;padding:calc(var(--ta-navbar-height,77px) + 12px) .75rem 1.25rem!important;justify-content:center!important;align-items:flex-start!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}@media (min-width:768px){#modalId.fixed{padding:calc(var(--ta-navbar-height,77px) + 16px) 1.25rem 1.5rem!important}}@media (min-width:1024px){#modalId.fixed{padding:calc(var(--ta-navbar-height,77px) + 24px) 1.5rem 2rem!important;align-items:center!important}}.finance-float-panel.center-float-div{width:min(32rem,100%)!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:calc(100dvh - var(--ta-navbar-height,77px) - 2rem)!important;text-align:left!important;border:1px solid var(--color-gray-200,#e4e7ec)!important;background:var(--color-white,#fff)!important;z-index:50!important;border-radius:1rem!important;flex-direction:column!important;margin:0 auto!important;padding:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;overflow:hidden!important;transform:none!important;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f!important}.finance-float-panel--wide.center-float-div{width:min(48rem,100%)!important}.finance-float-panel--xl.center-float-div{width:min(64rem,100%)!important}.finance-float-header,.finance-float-panel .div_header,.finance-float-panel .modal-header{cursor:move;border-bottom:1px solid var(--color-gray-100,#f2f4f7)!important;background:var(--color-white,#fff)!important;height:auto!important;min-height:3rem!important;color:var(--color-gray-800,#1d2939)!important;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif!important;text-align:left!important;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important}.finance-float-header h3,.finance-float-panel .div_header h3,.finance-float-panel .div_header label,.finance-float-panel .modal-header h3,.finance-float-panel .modal-header h5,.finance-float-panel .modal-header label{color:inherit!important;margin:0!important;font-size:1rem!important;font-weight:600!important;line-height:1.5!important}.finance-float-body,.finance-float-panel .modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:1rem;min-height:0;max-height:none;padding:1.25rem;display:flex;overflow:hidden auto}.finance-float-field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.finance-float-label{color:var(--color-gray-700,#344054);margin:0;font-size:.875rem;font-weight:500}.finance-float-input,.finance-float-panel .form-control,.finance-float-panel .form-select{box-sizing:border-box!important;border:1px solid var(--color-gray-300,#d0d5dd)!important;width:100%!important;min-width:0!important;max-width:100%!important;height:2.75rem!important;color:var(--color-gray-800,#1d2939)!important;background:0 0!important;border-radius:.5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important}.finance-float-panel textarea.form-control{height:auto!important;min-height:5.5rem!important}.finance-float-header,.finance-float-panel .div_header,.finance-float-panel .modal-header,.finance-float-actions,.finance-float-panel .modal-footer{flex-shrink:0}.finance-float-actions,.finance-float-panel .modal-footer{border-top:1px solid var(--color-gray-100,#f2f4f7);background:var(--color-white,#fff);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;padding:1rem 1.25rem!important}.finance-attachment-item{min-width:0}.finance-attachment-item textarea,.finance-attachment-item .form-control{max-width:100%;height:auto!important;min-height:0!important}.finance-float-actions .button_standard,.finance-float-panel .modal-footer .btn,.finance-float-panel .modal-footer .btn_module,.finance-float-panel .modal-footer button,.finance-float-panel .modal-footer input[type=button]{min-width:7.5rem;float:none!important;width:auto!important;margin:0!important;position:static!important}.finance-float-messages{border-top:1px solid var(--color-gray-100,#f2f4f7);max-height:12rem;padding-top:.75rem;overflow-y:auto}.finance-float-error,.finance-float-messages .errormessage{color:#d92d20;margin:0 0 .5rem;font-size:.8125rem;line-height:1.4;display:block}@media (max-width:991px){.finance-module-page table.mobile-data-cards tbody td:before{white-space:normal;overflow-wrap:anywhere;flex-shrink:1;min-width:0;max-width:58%}.finance-module-page table.mobile-data-cards tbody td .dsp-flex.space-around{margin-left:auto;justify-content:flex-end!important;align-items:center!important;gap:.75rem!important;width:auto!important}.finance-module-page table.mobile-data-cards tbody td[data-label=Action],.finance-module-page table.mobile-data-cards tbody td.mobile-card-actions{justify-content:flex-end;align-items:center}.finance-float-panel.center-float-div,.finance-float-panel--wide.center-float-div,.finance-float-panel--xl.center-float-div{width:100%!important}.finance-float-body,.finance-float-panel .modal-body{padding:1rem!important}#modalId.fixed,#main_display_div #modalId.fixed{inset:auto!important;top:calc(var(--ta-navbar-height,77px) + 12px)!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;width:auto!important;height:auto!important;padding:12px!important;bottom:0!important;left:0!important;right:0!important;overflow:auto!important}#modalId #edit_form,#modalId #adviserContainer,#modalId #divValue,#modalId .finance-float-field,#modalId textarea.form-control{display:block;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#modalId .finance-float-actions button,#modalId .finance-float-panel .modal-footer button{flex:1 1 0;justify-content:center;min-width:0!important}}@media (max-width:639px){.finance-float-actions{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))!important}.finance-float-actions button,.finance-float-panel .modal-footer button{flex:calc(50% - .5rem);min-width:0!important}}.ta-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);box-shadow:var(--shadow-theme-sm)}.ta-card-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);display:flex}.ta-page{width:100%;min-width:0}:where(.ta-page>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.ta-page{background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 2)}@media (min-width:40rem){.ta-page{padding-inline:calc(var(--spacing) * 4)}}.ta-section-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}@media (min-width:40rem){.ta-section-title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.ta-label{margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.button_standard,.btn-primary,button.button_standard{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-brand-300);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;box-shadow:var(--shadow-theme-xs);transition-duration:.15s;display:inline-flex;color:#fff!important;background-color:#465fff!important;border-color:#9cb9ff!important}.button_standard:hover,.btn-primary:hover{color:#fff!important;background-color:#3641f5!important;border-color:#3641f5!important}.button_standard:focus-visible,.btn-primary:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.btn-secondary{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}.btn-secondary:hover{background-color:var(--color-gray-50);color:var(--color-gray-800)}.btn-success{color:#fff!important;background-color:#12b76a!important;border-color:#12b76a!important}.btn-danger{color:#fff!important;background-color:#f04438!important;border-color:#f04438!important}.form-control,.input-col{color:#1d2939;width:100%;height:auto;min-height:2.5rem;font-size:.875rem;line-height:1.5;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;box-shadow:var(--shadow-theme-xs);background-color:#fff;border:1px solid #d0d5dd;border-radius:.5rem;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s;display:block}.form-control:focus,.input-col:focus{color:#1d2939;box-shadow:var(--shadow-focus-ring);background-color:#fff;border-color:#9cb9ff;outline:0}.form-control::placeholder,.input-col::placeholder{color:#98a2b3;opacity:1}.form-select,select.form-control{color:#1d2939;background-color:#fff;border:1px solid #d0d5dd;border-radius:.5rem;font-size:.875rem}.ta-badge{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-radius:3.40282e38px;align-items:center;display:inline-flex}.ta-badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-600)}.ta-badge-success{background-color:var(--color-success-50);color:var(--color-success-600)}.ta-badge-error{background-color:var(--color-error-50);color:var(--color-error-600)}.ta-badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-500)}.page_title,#page_title{color:#101828!important;box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:0!important;font-size:1.5rem!important;font-weight:700!important}.title-header{color:#1d2939!important;background-color:var(--color-white)!important;border-bottom:1px solid var(--color-gray-100)!important;font-size:1rem!important;font-weight:600!important;font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif!important;border-top-left-radius:1rem!important;border-top-right-radius:1rem!important;padding:1rem 1.25rem!important}.label-col{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;color:#344054}.form-container-five{width:100%;min-width:0;max-width:100%}.teams-search-card,.attachment-search-card,.access-search-card,.advisers-search-card,.personal-search-card,.announcement-search-card,.teams-list-card,.attachment-list-card,.access-list-card,.personal-list-card,.advisers-list-card{box-shadow:var(--shadow-theme-sm);border:1px solid var(--color-gray-200)!important;background:var(--color-white)!important;border-radius:1rem!important}.teams-list-card__header,.attachment-list-card__header,.access-list-card__header,.personal-list-card__header{border-color:var(--color-gray-100)!important;background:var(--color-gray-50)!important}.teams-edit-modal>div,.attachment-modal>div,.access-modal,.center-float-div{box-shadow:var(--shadow-theme-md);border:1px solid #f2f4f7;border-radius:1rem!important}.teams-desktop-table>div,.attachment-desktop-table>div,.personal-table-wrap,.access-desktop-table,.announcement-table-wrap{box-shadow:var(--shadow-theme-sm);background:#fff;border:1px solid #e4e7ec;border-radius:1rem;overflow:hidden}.teams-desktop-table thead,.attachment-desktop-table thead,.personal-desktop-table thead{background:#f9fafb}.teams-desktop-table th,.attachment-desktop-table th,.personal-desktop-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#667085;padding:.75rem 1rem;font-size:.75rem;font-weight:500}.teams-desktop-table td,.attachment-desktop-table td,.personal-desktop-table td{color:#344054;padding:.75rem 1rem;font-size:.875rem}.teams-list-item.is-active{background-color:#ecf3ff!important}.teams-list-item.is-active .teams-list-item__name{color:#f3f3f3!important}.teams-icon-btn{color:#667085;border-color:var(--color-gray-200)!important;border-radius:.5rem!important}.teams-icon-btn:hover{background:#f9fafb;color:#465fff!important}.teams-sidebar,.teams-members .overflow-x-auto{box-shadow:var(--shadow-theme-sm);border-radius:1rem!important}.loginform{max-width:var(--container-md);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);box-shadow:var(--shadow-theme-md);margin-inline:auto}.login-formitem:focus{box-shadow:var(--shadow-focus-ring);border-color:#9cb9ff;outline:none}#main_display_div,.main_width,.body-container{background-color:var(--color-gray-50)!important}:where(:is(.teams-module-page,.advisers-module-page,.access-mgmt-page,.attachment-module-page,.announcement-module-page,.personal-module-page,.introducer-page)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.teams-module-page,.advisers-module-page,.access-mgmt-page,.attachment-module-page,.announcement-module-page,.personal-module-page,.introducer-page{background-color:#f9fafb}.teams-search-card,.attachment-search-card,.access-search-card,.advisers-search-card,.personal-search-card,.announcement-search-card,.search-bar,.advisers-search-bar{border:1px solid var(--color-gray-200)!important;background:var(--color-white)!important;box-shadow:var(--shadow-theme-sm)!important;border-radius:1rem!important;padding:1.25rem!important}label,.ta-label,.label-col{color:#344054;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}input.form-control,select.form-control,textarea.form-control,input.input-col,select.input-col,textarea.input-col,.advisers-search-input,input[type=text].form-control,input[type=email].form-control,input[type=password].form-control,input[type=number].form-control,input[type=search].form-control,input[type=date].form-control,input[type=username],.login-formitem{width:100%;height:2.75rem!important;min-height:2.75rem!important;color:var(--color-gray-800,#1d2939)!important;box-shadow:var(--shadow-theme-xs)!important;background-color:#0000!important;border:1px solid #d0d5dd!important;border-radius:.5rem!important;padding:.625rem 1rem!important;font-size:.875rem!important;line-height:1.5!important}textarea.form-control,textarea.input-col{height:auto!important;min-height:6rem!important}input.form-control:focus,select.form-control:focus,textarea.form-control:focus,input.input-col:focus,.login-formitem:focus,.advisers-search-input:focus{box-shadow:var(--shadow-focus-ring)!important;border-color:#9cb9ff!important;outline:none!important}input::placeholder,.form-control::placeholder,.login-formitem::placeholder{color:#98a2b3!important}.button_standard,.btn-primary,button.button_standard,.auth-login-primary-btn,.btn.btn-primary,.teams-icon-btn:not(.teams-icon-btn--danger){color:#fff!important;box-shadow:var(--shadow-theme-xs)!important;background-color:#465fff!important;border:1px solid #9cb9ff!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;font-weight:500!important;transition:background-color .15s,border-color .15s!important;display:inline-flex!important}.button_standard,.btn-primary,button.button_standard,.auth-login-primary-btn,.btn.btn-primary{padding:.625rem 1rem!important}.button_standard.h-8.w-8,button.button_standard.h-8.w-8{gap:0!important;width:2rem!important;min-width:2rem!important;height:2rem!important;padding:0!important}.button_standard:hover,.btn-primary:hover,.auth-login-primary-btn:hover,.btn.btn-primary:hover,.teams-icon-btn:not(.teams-icon-btn--danger):hover{color:#fff!important;background-color:#3641f5!important;border-color:#3641f5!important}.btn-secondary,.btn-outline-secondary,.auth-login-secondary-btn,.btn.btn-font,.btn-download-excell{background-color:var(--color-white)!important;color:#344054!important;box-shadow:var(--shadow-theme-xs)!important;border:1px solid #d0d5dd!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.625rem 1rem!important;font-size:.875rem!important;font-weight:500!important;display:inline-flex!important}.btn-secondary:hover,.btn-outline-secondary:hover,.auth-login-secondary-btn:hover,.btn.btn-font:hover,.btn-download-excell:hover{background-color:var(--color-gray-50)!important;color:#101828!important}.btn-success{color:#fff!important;background-color:#12b76a!important;border-color:#12b76a!important;border-radius:.5rem!important}.btn-danger,.btn-warning-del{color:#fff!important;background-color:#f04438!important;border-color:#f04438!important;border-radius:.5rem!important}.table,table.table,.dashboard-table,.access-desktop-table table,.advisers-list-desktop-table table,.teams-desktop-table table,.attachment-desktop-table table,.personal-table-wrap table,.announcement-table-wrap table{border-collapse:collapse;background:#fff;width:100%}.advisers-list-desktop-table,.access-desktop-table,.access-table-wrap,.personal-table-wrap,.announcement-table-wrap,.box-shadow-grey{overflow:hidden;border:1px solid var(--color-gray-200)!important;background:var(--color-white)!important;box-shadow:var(--shadow-theme-sm)!important;border-radius:1rem!important}.table thead tr,table.table thead tr,.font-color-title,tr.font-color-title{background-color:var(--color-gray-50)!important;color:#667085!important}.table thead th,table.table thead th,.font-color-title th,tr.font-color-title th{text-align:left!important;letter-spacing:.02em!important;text-transform:none!important;color:#667085!important;background-color:var(--color-gray-50)!important;border-bottom:1px solid #e4e7ec!important;padding:.75rem 1.25rem!important;font-size:.75rem!important;font-weight:500!important}.table tbody td,table.table tbody td,.list-title td,.font-color-list td{color:var(--color-gray-700,#344054)!important;border-bottom:1px solid var(--color-gray-100)!important;vertical-align:middle!important;background:0 0!important;padding:.75rem 1rem!important;font-size:.875rem!important}.table tbody tr:hover td,table.table tbody tr:hover td{background-color:var(--color-gray-50)!important}.primary-color-list,.divrow_odd_color,.secondary-color-list,.divrow_even_color,.primary-color-list:nth-child(2n),.secondary-color-list{background-color:#0000!important}.fa-sort-up,.fa-sort-down,.text-aqua,.text-cyan-400{color:#465fff!important}.text_button{cursor:pointer;color:#465fff!important;font-weight:500!important}.text_button:hover{text-decoration:underline;color:#3641f5!important}.modal-content,.teams-edit-modal>div,.access-modal{border:1px solid var(--color-gray-200)!important;box-shadow:var(--shadow-theme-md)!important;border-radius:1rem!important}.modal-header,.modal-footer{border-color:var(--color-gray-100)!important}.float-add-button{box-shadow:var(--shadow-theme-md)!important;background-color:#465fff!important;border-radius:9999px!important}.float-add-button:hover{background-color:#3641f5!important}#page_title,.page_title{border-radius:.5rem!important}.form-container-five{width:100%;min-width:0;max-width:100%;padding-bottom:calc(var(--spacing) * 2.5);margin-top:120px}.title-header{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);height:55px;padding-top:15px;padding-left:calc(var(--spacing) * 5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);font-family:var(--font-outfit), var(--font-avenir);background-color:#465fff}.title-body{box-sizing:border-box;border-style:var(--tw-border-style);background-color:var(--color-white);--bs-gutter-x:0rem;border-width:1px;border-color:#b8b8b8}.label-col{text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#474747;font-family:Avenir,sans-serif}.col-align{margin:calc(var(--spacing) * 2.5);justify-content:flex-start;align-items:center;min-width:120px;height:45px;margin-top:15px;display:flex}.mainbodydiv{width:88%;margin-left:210px}.main_header{z-index:6;background-color:var(--color-white);width:100%;height:150px;position:fixed}.main_body{width:99%;height:100%;padding:calc(var(--spacing) * 2.5);margin-top:150px}.page_title{margin-top:calc(var(--spacing) * -.5);height:calc(var(--spacing) * 10);border-radius:var(--radius-lg);width:200px;padding:5px;padding-top:calc(var(--spacing) * 2.5);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);font-family:var(--font-outfit), var(--font-calibri);background-color:#465fff}.btn-primary{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background:#465fff;border-width:0;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}.btn-primary:hover{background:#3641f5}.btn-secondary{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-gray-50)}.darkblue_bg{background:linear-gradient(135deg,#161950 0%,#3641f5 55%,#465fff 100%);min-height:100vh}.loginform{max-width:var(--container-md);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-inline:auto}.login-formitem{margin-inline:auto;margin-bottom:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:90%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-bottom:3px;display:block}.login-formitem:focus{border-color:var(--color-brand-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-brand-300);--tw-outline-style:none;outline-style:none}.titleform{margin-bottom:calc(var(--spacing) * 6);text-align:center;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:6px}.center-float-div-message{z-index:9999;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);min-width:300px;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-lg);background-color:var(--color-white);padding:calc(var(--spacing) * 6);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:none;position:fixed;top:50%;left:50%}.infomessage{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700);margin-bottom:4px}.table-header-brand{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--table_header_list)}.production-card-backgroud-color{background-color:#ededed}.container-fluid{width:100%;padding-inline:calc(var(--spacing) * 4);margin-inline:auto}.row{margin-inline:calc(var(--spacing) * -2);flex-wrap:wrap;display:flex}.col-md-6{width:100%;padding-inline:calc(var(--spacing) * 2)}@media (min-width:48rem){.col-md-6{width:50%}}.col-md-4{width:100%;padding-inline:calc(var(--spacing) * 2)}@media (min-width:48rem){.col-md-4{width:33.3333%}}.col-md-3{width:100%;padding-inline:calc(var(--spacing) * 2)}@media (min-width:48rem){.col-md-3{width:25%}}.col-md-8{width:100%;padding-inline:calc(var(--spacing) * 2)}@media (min-width:48rem){.col-md-8{width:66.6667%}}.col-md-12{width:100%;padding-inline:calc(var(--spacing) * 2)}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.btn{cursor:pointer;border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-radius:.25rem;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}.btn-sm{padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.btn-success{border-color:var(--color-green-600);background-color:var(--color-green-600);color:var(--color-white)}@media (hover:hover){.btn-success:hover{background-color:var(--color-green-700)}}.btn-danger{border-color:var(--color-red-600);background-color:var(--color-red-600);color:var(--color-white)}@media (hover:hover){.btn-danger:hover{background-color:var(--color-red-700)}}.btn-link{border-style:var(--tw-border-style);color:var(--color-blue-600);text-underline-offset:2px;background-color:#0000;border-width:0}@media (hover:hover){.btn-link:hover{text-decoration-line:underline}}.btn-floating{border-radius:3.40282e38px}.nav{flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style-type:none;display:flex}.nav-tabs{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200)}.nav-item{margin-right:var(--spacing);margin-right:1px}.rounded{border-radius:var(--radius-md)}.mb-3{margin-bottom:calc(var(--spacing) * 3);margin-bottom:3px}.mb-4{margin-bottom:calc(var(--spacing) * 4);margin-bottom:4px}.mx-1{margin-inline:var(--spacing)}.text-center{text-align:center}.border-0{border-style:var(--tw-border-style);border-width:0}.m-0{margin:0}.p-0{padding:0}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.menu-item{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex;position:relative}.menu-dropdown-item{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex;position:relative}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[85px\]{top:85px}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[3\]{z-index:3}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[1050\]{z-index:1050}.z-\[1200\]{z-index:1200}.z-\[9999\]{z-index:9999}.z-\[10060\]{z-index:10060}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-8{grid-column:8}.col-9{grid-column:9}.col-10{grid-column:10}.col-11{grid-column:11}.col-12{grid-column:12}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.row-1{grid-row:1}.row-2{grid-row:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-1{margin:var(--spacing)}.m-4{margin:calc(var(--spacing) * 4)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-1{margin-inline-start:var(--spacing)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.me-1{margin-inline-end:var(--spacing)}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.71429}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.888889em;margin-bottom:.888889em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.33333em;margin-bottom:1.33333em;padding-inline-start:1.11111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.8em;font-size:2.14286em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:.8em;font-size:1.42857em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.55556em;margin-bottom:.444444em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.42857em;margin-bottom:.571429em;line-height:1.42857}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.142857em;padding-inline-end:.357143em;padding-bottom:.142857em;border-radius:.3125rem;padding-inline-start:.357143em;font-size:.857143em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;border-radius:.25rem;margin-top:1.66667em;margin-bottom:1.66667em;padding-inline-start:1em;font-size:.857143em;line-height:1.66667}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em;padding-inline-start:1.57143em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;margin-bottom:.285714em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.428571em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;padding-inline-start:1.57143em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.85714em;margin-bottom:2.85714em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.666667em;font-size:.857143em;line-height:1.33333}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing);margin-top:1px}.mt-2{margin-top:calc(var(--spacing) * 2);margin-top:2px}.mt-3{margin-top:calc(var(--spacing) * 3);margin-top:3px}.mt-4{margin-top:calc(var(--spacing) * 4);margin-top:4px}.mt-5{margin-top:calc(var(--spacing) * 5);margin-top:5px}.mt-6{margin-top:calc(var(--spacing) * 6);margin-top:6px}.mt-8{margin-top:calc(var(--spacing) * 8);margin-top:8px}.mr-1{margin-right:var(--spacing);margin-right:1px}.mr-2{margin-right:calc(var(--spacing) * 2);margin-right:2px}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing);margin-bottom:1px}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2);margin-bottom:2px}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3);margin-bottom:3px}.mb-4{margin-bottom:calc(var(--spacing) * 4);margin-bottom:4px}.mb-5{margin-bottom:calc(var(--spacing) * 5);margin-bottom:5px}.mb-6{margin-bottom:calc(var(--spacing) * 6);margin-bottom:6px}.mb-16{margin-bottom:calc(var(--spacing) * 16);margin-bottom:16px}.ml-1{margin-left:var(--spacing);margin-left:1px}.ml-2{margin-left:calc(var(--spacing) * 2);margin-left:2px}.ml-4{margin-left:calc(var(--spacing) * 4);margin-left:4px}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.contents\!{display:contents!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\!h-8{height:calc(var(--spacing) * 8)!important}.h-1{height:var(--spacing)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-100{height:var(--spacing-100)}.h-\[50px\]{height:50px}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:var(--spacing-60)}.max-h-72{max-height:var(--spacing-72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[300px\]{max-height:300px}.max-h-\[450px\]{max-height:450px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.max-h-\[calc\(100vh-1rem\)\]{max-height:calc(100vh - 1rem)}.min-h-0{min-height:0}.min-h-\[6\.5rem\]{min-height:6.5rem}.min-h-\[42px\]{min-height:42px}.min-h-\[48px\]{min-height:48px}.min-h-\[88px\]{min-height:88px}.min-h-\[96px\]{min-height:96px}.min-h-\[100px\]{min-height:100px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[500px\]{min-height:500px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-auto{width:auto!important}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-100{width:var(--spacing-100)}.w-\[5\%\]{width:5%}.w-\[5\.5rem\]{width:5.5rem}.w-\[6\%\]{width:6%}.w-\[7\%\]{width:7%}.w-\[8\%\]{width:8%}.w-\[9\%\]{width:9%}.w-\[10\%\]{width:10%}.w-\[14\%\]{width:14%}.w-\[18\%\]{width:18%}.w-\[75px\]{width:75px}.w-\[95px\]{width:95px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[480px\]{max-width:480px}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.min-w-\[8\.5rem\]{min-width:8.5rem}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[480px\]{min-width:480px}.min-w-\[500px\]{min-width:500px}.min-w-\[520px\]{min-width:520px}.min-w-\[560px\]{min-width:560px}.min-w-\[640px\]{min-width:640px}.min-w-\[720px\]{min-width:720px}.min-w-\[800px\]{min-width:800px}.min-w-\[900px\]{min-width:900px}.min-w-\[960px\]{min-width:960px}.min-w-\[980px\]{min-width:980px}.min-w-\[1000px\]{min-width:1000px}.min-w-\[1100px\]{min-width:1100px}.min-w-\[1200px\]{min-width:1200px}.min-w-\[1300px\]{min-width:1300px}.min-w-\[1400px\]{min-width:1400px}.min-w-\[1600px\]{min-width:1600px}.min-w-\[1800px\]{min-width:1800px}.min-w-\[2200px\]{min-width:2200px}.min-w-\[2400px\]{min-width:2400px}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1{flex-grow:1}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.form-select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#667085;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}.form-select:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}.form-select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#4164E3\]{border-color:#4164e3}.border-amber-300{border-color:var(--color-amber-300)}.border-brand-300{border-color:var(--color-brand-300)}.border-brand-500{border-color:var(--color-brand-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-orange-300{border-color:var(--color-orange-300)}.border-red-300{border-color:var(--color-red-300)}.border-rose-200{border-color:var(--color-rose-200)}.border-transparent{border-color:#0000}.bg-\[\#05a95c\]{background-color:#05a95c}.bg-\[\#474747\]{background-color:#474747}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-500{background-color:var(--color-error-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/60{background-color:color-mix(in oklab, var(--color-gray-50) 60%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900\/40{background-color:#10182866}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/40{background-color:color-mix(in oklab, var(--color-gray-900) 40%, transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-red-400{background-color:var(--color-red-400)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-500{background-color:var(--color-success-500)}.bg-transparent{background-color:#0000}.bg-warning-50{background-color:var(--color-warning-50)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.ps-0{padding-inline-start:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-avenir{font-family:var(--font-avenir)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-theme-sm{font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height))}.text-theme-xs{font-size:var(--text-theme-xs);line-height:var(--tw-leading,var(--text-theme-xs--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#474747\]{color:#474747}.text-\[\#787878\]{color:#787878}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-800{color:var(--color-emerald-800)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-orange-800{color:var(--color-orange-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-rose-600{color:var(--color-rose-600)}.text-success-500{color:var(--color-success-500)}.text-success-600{color:var(--color-success-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-brand-500{accent-color:var(--color-brand-500)}.opacity-\[0\.88\]{opacity:.88}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-theme-md{--tw-shadow:0px 4px 8px -2px var(--tw-shadow-color,#1018281a), 0px 2px 4px -2px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-theme-sm{--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a), 0px 1px 2px 0px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-theme-xs{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}.file\:mr-4::file-selector-button{margin-right:4px}.file\:rounded-l-lg::file-selector-button{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-brand-500::file-selector-button{background-color:var(--color-brand-500)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing) * 4)}.file\:py-2\.5::file-selector-button{padding-block:calc(var(--spacing) * 2.5)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-white::file-selector-button{color:var(--color-white)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.last\:mb-0:last-child{margin-bottom:0}@media (hover:hover){.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-brand-50:hover{background-color:var(--color-brand-50)}.hover\:bg-brand-100:hover{background-color:var(--color-brand-100)}.hover\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-success-600:hover{background-color:var(--color-success-600)}.hover\:text-error-600:hover{color:var(--color-error-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:file\:bg-brand-600:hover::file-selector-button{background-color:var(--color-brand-600)}}.focus\:border-brand-300:focus{border-color:var(--color-brand-300)}.focus\:ring-\[3px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-brand-500\/20:focus{--tw-ring-color:#465fff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-500) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-brand-300:disabled{background-color:var(--color-brand-300)}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (min-width:48rem){.max-md\:hidden{display:none}.max-md\:max-h-none{max-height:none}.max-md\:overflow-x-hidden{overflow-x:hidden}.max-md\:border-0{border-style:var(--tw-border-style);border-width:0}.max-md\:bg-transparent{background-color:#0000}.max-md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:inset-x-auto{inset-inline:auto}.sm\:top-1\/2{top:50%}.sm\:right-0{right:0}.sm\:left-1\/2{left:50%}.sm\:z-20{z-index:20}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-8{margin-inline:calc(var(--spacing) * 8)}.sm\:mx-auto{margin-inline:auto}.sm\:prose-base{font-size:1rem;line-height:1.75}.sm\:prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.sm\:prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.sm\:prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.sm\:prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.888889em;font-size:2.25em;line-height:1.11111}.sm\:prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:1em;font-size:1.5em;line-height:1.33333}.sm\:prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;line-height:1.6}.sm\:prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.sm\:prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.sm\:prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-size:.875em}.sm\:prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.sm\:prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.sm\:prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;line-height:1.71429}.sm\:prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.sm\:prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.sm\:prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.sm\:prose-base :where(.sm\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.sm\:prose-base :where(.sm\:prose-base>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.sm\:prose-base :where(.sm\:prose-base>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.sm\:prose-base :where(.sm\:prose-base>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.sm\:prose-base :where(.sm\:prose-base>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.sm\:prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.sm\:prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.sm\:prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.sm\:prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.sm\:prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.sm\:prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.sm\:prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.71429}.sm\:prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.sm\:prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.sm\:prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.sm\:prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.sm\:prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.sm\:prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.sm\:prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.sm\:prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.857143em;font-size:.875em;line-height:1.42857}.sm\:prose-base :where(.sm\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose-base :where(.sm\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sm\:mt-2{margin-top:calc(var(--spacing) * 2);margin-top:2px}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-64{width:var(--spacing-64)}.sm\:w-\[160px\]{width:160px}.sm\:w-\[min\(100\%\,48rem\)\]{width:min(100%,48rem)}.sm\:w-auto{width:auto}.sm\:max-w-3xl{max-width:var(--container-3xl)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-none{flex:none}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}:where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:pl-44{padding-left:calc(var(--spacing) * 44)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:whitespace-nowrap{white-space:nowrap}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-6{margin-top:calc(var(--spacing) * 6);margin-top:6px}.md\:mr-\[90px\]{margin-right:90px}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:table-header-group{display:table-header-group}.md\:w-auto{width:auto}.md\:min-w-\[360px\]{min-width:360px}.md\:min-w-\[2800px\]{min-width:2800px}.md\:basis-auto{flex-basis:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_1\.2fr_0\.8fr_1\.4fr_0\.9fr_0\.6fr_auto\]{grid-template-columns:1.2fr 1.2fr .8fr 1.4fr .9fr .6fr auto}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.md\:rounded-none{border-radius:0}.md\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.md\:p-3{padding:calc(var(--spacing) * 3)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:64rem){.lg\:w-\[min\(100\%\,56rem\)\]{width:min(100%,56rem)}.lg\:max-w-3xl{max-width:var(--container-3xl)}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:max-w-md{max-width:var(--container-md)}.lg\:min-w-\[120px\]{min-width:120px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:p-5{padding:calc(var(--spacing) * 5)}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media (min-width:80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:bg-\[\#0b1220\]:where(.dark,.dark *){background-color:#0b1220}.dark\:bg-\[\#111827\]:where(.dark,.dark *){background-color:#111827}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-dark:where(.dark,.dark *){background-color:var(--color-gray-dark)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-white\/90:where(.dark,.dark *){color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/90:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.dark\:prose-invert:where(.dark,.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-headings\:text-gray-900 :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-gray-900)}.dark\:prose-headings\:text-white:where(.dark,.dark *) :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-white)}.prose-a\:text-brand-500 :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-brand-500)}.dark\:prose-a\:text-\[\#8098f9\]:where(.dark,.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#8098f9}.prose-img\:rounded-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--radius-lg)}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-7{z-index:7}.z-index-8{z-index:8}.width-100-percent{width:100%}.height-100-percent{height:100%}.height-60{height:var(--row-header-height,77px)}.flex-align-center{align-items:center}.flex-align-start{align-items:flex-start}.flex-align-justify-center{justify-content:center;align-items:center}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap;display:flex}.box-shadow-grey{box-shadow:0 2px 5px gray}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.p-5px{padding:5px}.p-10px{padding:10px}.p-12px{padding:12px}.p-15px{padding:15px}.p-20px{padding:20px}.p-30px{padding:30px}.px-5px{padding-left:5px;padding-right:5px}.px-10px{padding-left:10px;padding-right:10px}.px-12px{padding-left:12px;padding-right:12px}.px-15px{padding-left:15px;padding-right:15px}.px-20px{padding-left:20px;padding-right:20px}.py-5px{padding-top:5px;padding-bottom:5px}.py-10px{padding-top:10px;padding-bottom:10px}.py-12px{padding-top:12px;padding-bottom:12px}.py-15px{padding-top:15px;padding-bottom:15px}.py-20px{padding-top:20px;padding-bottom:20px}.pt-5px{padding-top:5px}.pt-10px{padding-top:10px}.pt-15px{padding-top:15px}.pt-20px{padding-top:20px}.pt-60px{padding-top:60px}.pb-5px{padding-bottom:5px}.pb-10px{padding-bottom:10px}.pb-15px{padding-bottom:15px}.pb-20px{padding-bottom:20px}.pl-5px{padding-left:5px}.pl-10px{padding-left:10px}.pl-12px{padding-left:12px}.pl-20px{padding-left:20px}.pl-30px{padding-left:30px}.pr-5px{padding-right:5px}.pr-10px{padding-right:10px}.pr-20px{padding-right:20px}.pr-30px{padding-right:30px}.padding-2{padding:3px}.padding-5{padding:5px}.padding-10{padding:10px}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-20{padding-left:20px}.padding-left-30{padding-left:30px}.padding-right-10{padding-right:10px}.padding-right-30{padding-right:30px}.padding-top-5{padding-top:5px}.padding-top-6{padding-top:6px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-60{padding-top:60px}.padding-bottom-5{padding-bottom:5px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-horizontal-10{padding-left:10px;padding-right:10px}.m-5px{margin:5px}.m-10px{margin:10px}.m-15px{margin:15px}.m-20px{margin:20px}.mx-5px{margin-left:5px;margin-right:5px}.mx-10px{margin-left:10px;margin-right:10px}.mx-20px{margin-left:20px;margin-right:20px}.my-5px{margin-top:5px;margin-bottom:5px}.my-10px{margin-top:10px;margin-bottom:10px}.my-20px{margin-top:20px;margin-bottom:20px}.mt-5px{margin-top:5px}.mt-10px{margin-top:10px}.mt-15px{margin-top:15px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mt-30px{margin-top:30px}.mt-60px{margin-top:60px}.mt-64px{margin-top:64px}.mt-72px{margin-top:72px}.mt-80px{margin-top:80px}.mt-100px{margin-top:100px}.mt-120px{margin-top:120px}.mt-160px{margin-top:160px}.mt-180px{margin-top:180px}.mb-5px{margin-bottom:5px}.mb-10px{margin-bottom:10px}.mb-15px{margin-bottom:15px}.mb-20px{margin-bottom:20px}.ml-5px{margin-left:5px}.ml-10px{margin-left:10px}.ml-20px{margin-left:20px}.ml-30px{margin-left:30px}.mr-5px{margin-right:5px}.mr-10px{margin-right:10px}.mr-20px{margin-right:20px}.mr-30px{margin-right:30px}.mt-\[var\(--mt\)\]{margin-top:var(--mt)}.mb-\[var\(--mb\)\]{margin-bottom:var(--mb)}.ml-\[var\(--ml\)\]{margin-left:var(--ml)}.mr-\[var\(--mr\)\]{margin-right:var(--mr)}.margin-top{margin-top:25px}.margin-top-10{margin-top:10px}.margin-top-30{margin-top:30px}.margin-top-60{margin-top:var(--row-header-height,60px)}.margin-top-80{margin-top:80px}.margin-top-100{margin-top:100px}.margin-top-160{margin-top:160px}.margin-top-180{margin-top:180px}.margin-left-10{margin-left:10px}.margin-left-20{margin-left:20px}.margin-left-30{margin-left:30px}.margin-right-10{margin-right:10px}.margin-right-20{margin-right:20px}.margin-right-30{margin-right:30px}.margin-0{margin:0}.clickable,.global-pointer{cursor:pointer}.dsp-flex-column{flex-direction:column;display:flex}.dsp-flex{display:flex}.dsp-flex-center-space-evenly{justify-content:space-evenly;align-items:center;display:flex}.padding-left-12{padding-left:calc(var(--spacing) * 3)}.padding-right-20{padding-right:calc(var(--spacing) * 5)}.borderless{border-style:var(--tw-border-style);background-color:#0000;border-width:0}.link-white{color:var(--color-white);text-decoration-line:none}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.width-12-percent{width:12%}.width-50-percent{width:50%}.opacity-20{opacity:.2}.opacity-9{opacity:.9!important}.z-index-100{z-index:100}}:root{--header_div:#fafafa;--main_color:#474747;--font_color:#474747;--border_icon_color:#3667b1;--advisers_color_test:#7d93b49d;--warning_field_color:#d0342c;--main_header_height:200px;--main-navigation_height:var(--main_header_height) - 93px;--row-header-height:77px;--list_first_color:#fff;--list_second_color:#fffaed;--text_color:#5a5a5a;--text_color_title:#fff;--float_backgroud_add:#050a3b;--search_bar_icons:#1d3381;--tab_drawer:#25764b;--table_header_list:#071f42;--add_icon:#25d366;--brand-icon:#474747;--deep-blue:#071f42;--brand-gray:#474747;--blue-light:#0d6efd}.deep-blue{color:var(--deep-blue)}.greyis{color:#797979}.sidebar-background-color{background-color:#fff}.navigation-background-color{background-color:var(--header_div)}.production-card-backgroud-color{background-color:#ededed}.production-table-background-color{background-color:var(--brand-gray)}.production-table-l1{background-color:#6487bc}.production-table-l2{background-color:#143669}.life-card-color{color:#ef7c8e}.cis-card-color{color:#ffbd59}.gi-card-color{color:#95e195}.bg-white{background-color:#fff}.bg-brand-gray{background-color:var(--brand-gray)}@media only screen and (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:1024px) and (min-width:768px){body:not(.sidebar-v2) .sidebar-container-advisers-view{background-color:#f9f9f9;flex-direction:column;width:200px;height:100%;display:flex}body:not(.sidebar-v2) .btn-toggle-nav-advisers a{height:60px;padding:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media only screen and (max-width:1000px){body:not(.sidebar-v2) .sidebar-submenu-text,body:not(.sidebar-v2) .sidebar-submenu-child-text{text-align:left;min-width:90px;font-family:Verdana,Geneva,sans-serif;font-size:10px}body:not(.sidebar-v2) #arrow-sidebar{width:30px;height:30px;left:250px}body:not(.sidebar-v2) #sidebar-arrow-text{font-size:8px}body:not(.sidebar-v2) .sidebar-container,body:not(.sidebar-v2) .dummy-sidebar{width:200px}body:not(.sidebar-v2) .sidebar_icon{width:calc(var(--spacing) * 10)}body:not(.sidebar-v2) .btn-sidebar,body:not(.sidebar-v2) .btn-child-sidebar{--tw-leading:50px;height:50px;line-height:50px}body:not(.sidebar-v2) .logo-container{padding-inline:calc(var(--spacing) * 5);padding-block:30px;padding-left:calc(var(--spacing) * 5)}}@supports (-webkit-touch-callout:none){.advisers-name{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.white_label-code,.advisers-designation{padding-bottom:calc(var(--spacing) * 2.5);font-size:.55em}.logo-text-white_label{margin-top:-.2em;margin-bottom:.4em;margin-left:-.3em;font-size:.7em}.logo-text-wealth{margin-left:.3em;font-size:.25em}.logo{margin-top:calc(var(--spacing) * 1.5);height:1.2em}.sidebar-submenu-text,.sidebar-submenu-child-text{font-family:Verdana,Geneva,sans-serif;font-size:.6em}#sidebar-arrow-text{font-size:.5em}}:root{--sb-expanded:290px;--sb-collapsed:90px;--sb-adviser-expanded:290px;--sb-width:var(--sb-expanded);--sb-ease:.28s cubic-bezier(.4, 0, .2, 1);--sb-bg:#fff;--sb-border:#e4e7ec;--sb-item-hover:#f2f4f7;--sb-item-active:#ecf3ff;--sb-parent-bg:transparent;--sb-child-bg:transparent;--sb-item-hover-bg:#f2f4f7;--sb-submenu-hover-bg:#4d4d4d40;--sb-item-text:#344054;--sb-active-bg:#4d4d4d40;--sb-active-border:transparent;--sb-active-hover-bg:#4d4d4d40;--sb-active-text:#465fff;--sb-item-radius:8px;--sb-item-margin:0;--sb-item-pad-y:8px;--sb-item-pad-x:12px;--sb-item-min-height:40px;--sb-item-font-size:14px;--sb-item-font-weight:500;--sb-active-font-weight:500;--sb-icon-size:24px;--sb-icon-slot:24px;--sb-submenu-indent:0px;--sb-collapsed-item-size:44px;--ta-page-header-height:0px;--ta-navbar-height:77px}body.sidebar-v2.sidebar-adviser-view{--sb-expanded:var(--sb-adviser-expanded)}body.sidebar-v2{--sb-width:var(--sb-expanded)}body.sidebar-v2[data-sidebar=collapsed]{--sb-width:var(--sb-collapsed)}body.sidebar-v2 #dummy-sidebar{width:0!important;display:none!important}body.sidebar-v2 #sidebar,body.sidebar-v2 .sidebar-container,body.sidebar-v2 .sidebar-container-advisers-view{z-index:900;border-right:1px solid var(--sb-border);min-width:0;max-width:100vw;height:100vh;min-height:100vh;box-shadow:none;box-sizing:border-box;transition:width var(--sb-ease), transform var(--sb-ease), box-shadow var(--sb-ease);will-change:width, transform;flex-direction:column;padding:0 20px;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;display:flex;top:0;left:0;overflow:hidden;width:var(--sb-width)!important;background:var(--sb-bg)!important;position:fixed!important}body.sidebar-v2 .scrollable-sidebar{scrollbar-width:thin;scrollbar-color:#d0d5dd transparent;flex:1;padding:0;overflow:hidden auto}body.sidebar-v2 .sidebar-scrollable{overflow-y:auto!important}body.sidebar-v2 .scrollable-sidebar::-webkit-scrollbar{width:5px}body.sidebar-v2 .scrollable-sidebar::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}body.sidebar-v2 .logo-container{border-bottom:none;flex-shrink:0;padding:2rem 0 1.75rem}body.sidebar-v2 .logo-text-white_label{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2;color:#1d2939!important}body.sidebar-v2 .logo-text-wealth{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:400;color:#667085!important}body.sidebar-v2 .scrollable-sidebar>.member-access>ul.list-unstyled:before{content:"MENU";letter-spacing:normal;text-transform:uppercase;color:#98a2b3;margin:0 0 16px;padding:0;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:20px;display:block}body.sidebar-v2 .logo-text-wrapper{transition:opacity var(--sb-ease), max-height var(--sb-ease);overflow:hidden}body.sidebar-v2 #arrow-sidebar{top:18px;left:calc(var(--sb-width) - 14px);z-index:910;color:#667085;opacity:1;cursor:pointer;width:28px;height:28px;transition:left var(--sb-ease), background var(--sb-ease), transform .15s ease, color .15s ease;background:#fff;border:1px solid #e4e7ec;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 1px 2px #1018280d;position:fixed!important}body.sidebar-v2 #arrow-sidebar:hover{color:#465fff;background:#f9fafb;transform:none}body.sidebar-v2 #arrow-sidebar:focus-visible{outline:2px solid var(--blue-light,#0d6efd);outline-offset:2px}body.sidebar-v2[data-sidebar=collapsed] #sidebar-arrow-text .fa-caret-left,body.sidebar-v2[data-sidebar=expanded] #sidebar-arrow-text .fa-caret-right,body.sidebar-v2:not([data-sidebar=collapsed]) #sidebar-arrow-text .fa-caret-right{display:none}body.sidebar-v2[data-sidebar=collapsed] #sidebar-arrow-text .fa-caret-right{display:inline}body.sidebar-v2 #main_display_div{z-index:1;isolation:isolate;box-sizing:border-box;background-color:#f9fafb;max-width:none;margin-top:0;padding:0 1.5rem 1.5rem;transition:none;position:relative;overflow:auto;width:100%!important;margin-left:0!important}body.sidebar-v2 .ta-main-column{width:100%!important;max-width:none!important;margin-left:0!important}body.sidebar-v2 #page_title_bar{width:100%;left:auto}body.sidebar-v2 .sb-icon-slot{flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:inline-flex;width:var(--sb-icon-slot)!important;min-width:var(--sb-icon-slot)!important;max-width:var(--sb-icon-slot)!important}body.sidebar-v2 .sidebar-icon-mask,body.sidebar-v2 img.sidebar-icon-mask,.sidebar-icon-mask{width:var(--sb-icon-size,24px)!important;height:var(--sb-icon-size,24px)!important}body.sidebar-v2 .btn-sidebar .menu-box,body.sidebar-v2 .btn-child-sidebar>a{align-items:center;gap:0;width:100%;display:flex!important}body.sidebar-v2 .submenubox .btn-child-sidebar{margin-left:var(--sb-submenu-indent)}body.sidebar-v2 #row_header{padding-left:var(--sb-width);transition:padding-left var(--sb-ease);box-sizing:border-box;z-index:600!important}body.sidebar-v2 .btn-sidebar,body.sidebar-v2 .btn-child-sidebar,body.sidebar-v2 .btn-child-sidebar>a{border-radius:var(--sb-item-radius);margin:var(--sb-item-margin);min-height:var(--sb-item-min-height);padding-top:var(--sb-item-pad-y);padding-bottom:var(--sb-item-pad-y);padding-left:var(--sb-item-pad-x);padding-right:var(--sb-item-pad-x);font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:var(--sb-item-font-size);font-weight:var(--sb-item-font-weight);color:var(--sb-item-text);box-sizing:border-box;gap:12px;line-height:20px;transition:background-color .15s,color .15s}body.sidebar-v2 .btn-sidebar{background-color:var(--sb-parent-bg)}body.sidebar-v2 .btn-child-sidebar>a,body.sidebar-v2 .btn-child-sidebar{background-color:var(--sb-child-bg)}body.sidebar-v2 .btn-sidebar:hover,body.sidebar-v2 .btn-sidebar:focus{background-color:var(--sb-item-hover-bg)!important;color:var(--sb-item-text)!important}body.sidebar-v2 .btn-child-sidebar:hover,body.sidebar-v2 .btn-child-sidebar>a:hover{background-color:var(--sb-submenu-hover-bg)!important;color:var(--sb-item-text)!important}body.sidebar-v2 .btn-sidebar[aria-expanded=true]{background-color:var(--sb-item-hover-bg)!important}body.sidebar-v2 .btn-sidebar.has-active{box-shadow:none;background-color:var(--sb-active-bg)!important;color:var(--sb-active-text)!important}body.sidebar-v2 .btn-sidebar.has-active .sidebar-submenu-text,body.sidebar-v2 .btn-sidebar.has-active .sidebar-menu-text{color:var(--sb-active-text)!important}body.sidebar-v2 .btn-child-sidebar.is-active,.btn-child-sidebar.is-active{box-shadow:none;color:#465fff!important;background-color:#4d4d4d40!important}body.sidebar-v2 .btn-child-sidebar.is-active>a,.btn-child-sidebar.is-active>a{box-shadow:none!important;color:#465fff!important;background-color:#4d4d4d40!important}body.sidebar-v2 .btn-child-sidebar.is-active:hover,.btn-child-sidebar.is-active:hover{color:#465fff!important;background-color:#4d4d4d40!important}body.sidebar-v2 .btn-child-sidebar.is-active>a:hover,body.sidebar-v2 .btn-child-sidebar.is-active>a:focus,.btn-child-sidebar.is-active>a:hover{box-shadow:none!important;color:#465fff!important;background-color:#4d4d4d40!important}body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-submenu-child-text,body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-advisers-view-font,.btn-child-sidebar.is-active .sidebar-submenu-child-text{font-weight:var(--sb-active-font-weight);color:var(--sb-active-text)!important}body.sidebar-v2 .sidebar_icon{width:var(--sb-icon-size);height:var(--sb-icon-size);object-fit:contain;flex-shrink:0}.sidebar-icon-mask,body.sidebar-v2 .sidebar-icon-mask,img.sidebar-icon-mask{-webkit-mask-image:var(--sidebar-icon);-webkit-mask-image:var(--sidebar-icon);-webkit-mask-image:var(--sidebar-icon);mask-image:var(--sidebar-icon);object-fit:unset;vertical-align:middle;border:0;flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#344054!important;width:24px!important;height:24px!important;display:inline-block!important}body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-icon-mask,body.sidebar-v2 .btn-sidebar.has-active .sidebar-icon-mask,.btn-child-sidebar.is-active .sidebar-icon-mask,.btn-sidebar.has-active .sidebar-icon-mask{background-color:#465fff!important}body.sidebar-v2 .menu-box>div:first-child,body.sidebar-v2 .btn-child-sidebar>a>div:first-child{width:var(--sb-icon-slot);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}body.sidebar-v2 .sidebar-submenu-text,body.sidebar-v2 .sidebar-submenu-child-text,body.sidebar-v2 .sidebar-menu-text,body.sidebar-v2 .sidebar-advisers-view-font{font-size:var(--sb-item-font-size);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}body.sidebar-v2 .menu-box{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}body.sidebar-v2[data-sidebar=collapsed] #logo_text,body.sidebar-v2[data-sidebar=collapsed] .logo-text-wrapper,body.sidebar-v2[data-sidebar=collapsed] .sidebar-submenu-text,body.sidebar-v2[data-sidebar=collapsed] .sidebar-menu-text,body.sidebar-v2[data-sidebar=collapsed] .sidebar-submenu-child-text,body.sidebar-v2[data-sidebar=collapsed] .sidebar-advisers-view-font:not(.sidebar-advisers-view-font-always-show),body.sidebar-v2[data-sidebar=collapsed] #advisers-information,body.sidebar-v2[data-sidebar=collapsed] .advisers-information,body.sidebar-v2[data-sidebar=collapsed] .btn-toggle:before,body.sidebar-v2[data-sidebar=collapsed] .sb-menu-chevron{opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;width:0;max-width:0;overflow:hidden}body.sidebar-v2[data-sidebar=collapsed] .btn-sidebar,body.sidebar-v2[data-sidebar=collapsed] .btn-child-sidebar>a{justify-content:center!important;padding-left:0!important;padding-right:0!important}body.sidebar-v2[data-sidebar=collapsed] .menu-box{justify-content:center}body.sidebar-v2[data-sidebar=collapsed] .menu-box>div:first-child{width:auto!important}body.sidebar-v2[data-sidebar=collapsed] .submenubox,body.sidebar-v2[data-sidebar=collapsed] .submenubox_advisers,body.sidebar-v2[data-sidebar=collapsed] .menu-collapse{height:0;min-height:0;margin:0;padding:0;display:none;overflow:hidden}body.sidebar-v2[data-sidebar=collapsed] .submenubox.show,body.sidebar-v2[data-sidebar=collapsed] .submenubox_advisers.show,body.sidebar-v2[data-sidebar=collapsed] .menu-collapse.show{height:auto;display:block;overflow:visible}body.sidebar-v2[data-sidebar=collapsed] .btn-sidebar,body.sidebar-v2[data-sidebar=collapsed] .btn-child-sidebar,body.sidebar-v2[data-sidebar=collapsed] .btn-child-sidebar>a{height:var(--sb-collapsed-item-size)!important;min-height:var(--sb-collapsed-item-size)!important;line-height:var(--sb-collapsed-item-size)!important;margin:2px 6px!important;padding-left:0!important;padding-right:0!important}body.sidebar-v2[data-sidebar=collapsed] .btn-sidebar.has-active,body.sidebar-v2[data-sidebar=collapsed] .btn-child-sidebar.is-active{box-shadow:none;background-color:var(--sb-active-bg)!important;border:1px solid var(--sb-active-border)!important}body.sidebar-v2[data-sidebar=collapsed] .btn-child-sidebar.is-active>a{box-shadow:none!important;background-color:#0000!important;border:none!important}body.sidebar-v2[data-sidebar=collapsed] .dsp-flex-column.mb-1{margin-bottom:0!important}body.sidebar-v2[data-sidebar=collapsed] .logo-container{padding:.5rem .25rem!important}body.sidebar-v2[data-sidebar=collapsed] .advisers-profile-container{margin-bottom:0!important;padding:.25rem 0!important}body.sidebar-v2[data-sidebar=collapsed] .advisers-profile-container br{display:none!important}body.sidebar-v2[data-sidebar=collapsed] #advisers-information,body.sidebar-v2[data-sidebar=collapsed] .advisers-information,body.sidebar-v2[data-sidebar=collapsed] .advisers-information-container{opacity:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important}body.sidebar-v2[data-sidebar=collapsed] .advisers-photo{width:44px;height:44px;margin-top:0}body.sidebar-v2[data-sidebar=collapsed] .advisers-profile-container{padding:.5rem 0}body.sidebar-v2[data-sidebar=collapsed] .logo-container .row{justify-content:center}body.sidebar-v2[data-sidebar=collapsed] .logo-container .col-8{display:none}body.sidebar-v2 .advisers-profile-container{padding:0 .5rem}body.sidebar-v2 .advisers-photo{transition:width var(--sb-ease), height var(--sb-ease), margin-top var(--sb-ease)}body.sidebar-v2 .menu-collapse.collapse:not(.show){overflow:hidden;height:0!important;margin:0!important;padding:0!important;display:none!important}body.sidebar-v2 .menu-collapse.collapse.show{visibility:visible!important;display:block!important}body.sidebar-v2 .submenubox{box-shadow:none;border:none;border-radius:0;margin:8px 0 0;padding:0;background-color:#0000!important}body.sidebar-v2 .submenubox .btn-toggle-nav{flex-direction:column;gap:4px;margin:0;padding:0 0 0 36px;display:flex}body.sidebar-v2 .submenubox_advisers{box-shadow:none;border-radius:0;background:0 0!important}@media (max-width:1024px) and (min-width:821px){body.sidebar-v2{--sb-expanded:290px;--sb-adviser-expanded:290px;--sb-item-font-size:14px;--sb-item-min-height:40px;--sb-item-pad-y:8px;--sb-item-pad-x:12px;--sb-icon-size:24px;--sb-icon-slot:24px;--sb-item-margin:0;--sb-collapsed-item-size:44px}body.sidebar-v2 .sidebar-submenu-text,body.sidebar-v2 .sidebar-submenu-child-text,body.sidebar-v2 .sidebar-menu-text,body.sidebar-v2 .sidebar-advisers-view-font{font-size:var(--sb-item-font-size)!important;min-width:0!important}}@media (max-width:820px){body.sidebar-v2{--sb-width:0px;--sb-expanded:min(300px, 88vw);--sb-adviser-expanded:min(300px, 88vw);--sb-item-font-size:15px;--sb-item-min-height:52px;--sb-item-pad-y:12px;--sb-item-pad-x:14px;--sb-icon-size:28px;--sb-icon-slot:48px;--sb-item-margin:3px 10px;--sb-submenu-indent:10px;--sb-collapsed-item-size:52px}body.sidebar-v2 #main_display_div{width:100%!important;max-width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important}body.sidebar-v2 #page_title,body.sidebar-v2 #row_header{margin-left:0!important;padding-left:0!important}body.sidebar-v2 .ta-page-wrap,body.sidebar-v2[data-sidebar=collapsed] .ta-page-wrap,body.sidebar-v2[data-sidebar=expanded] .ta-page-wrap{width:100%!important;margin-left:0!important}body.sidebar-v2 #sidebar,body.sidebar-v2 .sidebar-container,body.sidebar-v2 .sidebar-container-advisers-view{box-shadow:none;transform:translate(-100%);width:var(--sb-expanded)!important}body.sidebar-v2[data-sidebar=expanded] #sidebar,body.sidebar-v2[data-sidebar=expanded].sidebar-mobile-open #sidebar{transform:translate(0);box-shadow:4px 0 24px #00000040}body.sidebar-v2[data-sidebar=expanded]{--sb-width:0px}body.sidebar-v2[data-sidebar=expanded] #logo_text,body.sidebar-v2[data-sidebar=expanded] .logo-text-wrapper,body.sidebar-v2[data-sidebar=expanded] .sidebar-submenu-text,body.sidebar-v2[data-sidebar=expanded] .sidebar-menu-text,body.sidebar-v2[data-sidebar=expanded] .sidebar-submenu-child-text,body.sidebar-v2[data-sidebar=expanded] .sidebar-advisers-view-font,body.sidebar-v2[data-sidebar=expanded] #advisers-information,body.sidebar-v2[data-sidebar=expanded] .advisers-information{opacity:1!important;visibility:visible!important;white-space:nowrap!important;pointer-events:auto!important;width:auto!important;max-width:none!important;overflow:visible!important}body.sidebar-v2[data-sidebar=expanded] .submenubox,body.sidebar-v2[data-sidebar=expanded] .submenubox_advisers,body.sidebar-v2[data-sidebar=expanded] .menu-collapse.show{height:auto!important;display:block!important;overflow:visible!important}body.sidebar-v2[data-sidebar=expanded] .btn-sidebar,body.sidebar-v2[data-sidebar=expanded] .btn-child-sidebar>a{padding-left:var(--sb-item-pad-x)!important;padding-right:var(--sb-item-pad-x)!important;justify-content:flex-start!important;height:auto!important;line-height:1.25!important}body.sidebar-v2 #sidebar,body.sidebar-v2 .sidebar-container,body.sidebar-v2 .sidebar-container-advisers-view{isolation:isolate;z-index:900!important;background:var(--sb-bg)!important}body.sidebar-v2 #main_display_div{isolation:isolate;z-index:1!important}body.sidebar-v2.sidebar-mobile-open #main_display_div{pointer-events:none}body.sidebar-v2.sidebar-mobile-open #main_display_div .advisers-search-card,body.sidebar-v2.sidebar-mobile-open #main_display_div .advisers-search-actions{visibility:hidden}body.sidebar-v2 #arrow-sidebar{top:72px;z-index:910!important;left:12px!important}body.sidebar-v2 #row_header{z-index:600!important}body.sidebar-v2[data-sidebar=expanded].sidebar-mobile-open #arrow-sidebar{left:calc(var(--sb-expanded) - 18px)!important}body.sidebar-v2.sidebar-mobile-open:before{content:"";z-index:899;background:#00000073;animation:.2s sb-backdrop-in;position:fixed;inset:0}@keyframes sb-backdrop-in{0%{opacity:0}to{opacity:1}}body.sidebar-v2 .sidebar-submenu-text,body.sidebar-v2 .sidebar-submenu-child-text,body.sidebar-v2 .sidebar-menu-text,body.sidebar-v2 .sidebar-advisers-view-font{font-size:var(--sb-item-font-size)!important;min-width:0!important}}body.sidebar-v2.firefox{--sb-expanded:290px}@media (max-width:991px),(orientation:landscape) and (max-height:560px){table.mobile-data-cards,table.mobile-data-cards tbody{width:100%!important;min-width:0!important;display:block!important}table.mobile-data-cards thead{display:none!important}table.mobile-data-cards tbody tr{flex-direction:column!important;width:100%!important;height:auto!important;display:flex!important}table.mobile-data-cards tbody td,table.mobile-data-cards tbody td.divTableCell,table.mobile-data-cards tbody td.divTableCellComm{white-space:normal!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;display:flex!important}table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title{order:1;display:block!important}table.mobile-data-cards tbody td.mobile-card-actions{order:0;justify-content:flex-end!important}table.mobile-data-cards tbody td.mobile-card-actions:before{content:none!important;display:none!important}}html.dark .auth-login-page,html.dark .auth-login-shell,html.dark .auth-login-shell.darkblue_bg,html.dark .auth-login-panel,html.dark .auth-code-page{color:#e4e7ec!important;background:#101828!important}html.dark .auth-login-theme-btn{color:#d0d5dd!important;background:#1a2231!important;border-color:#344054!important}html.dark .auth-login-theme-btn:hover{color:#f9fafb!important;background:#243043!important}html.dark .auth-login-theme-btn .ta-theme-icon-moon{display:none!important}html.dark .auth-login-theme-btn .ta-theme-icon-sun{display:block!important}html.dark .auth-login-stack{box-shadow:none!important;background:0 0!important;border-color:#0000!important}@media (max-width:767px){html.dark .auth-login-stack{background:#1a2231!important;border-color:#344054!important;box-shadow:0 4px 8px -2px #00000073!important}}html.dark .auth-login-brand,html.dark .auth-login-page .titleform,html.dark .auth-code-value{color:#f9fafb!important;text-shadow:none!important}html.dark .auth-login-card,html.dark .auth-passwordless-card,html.dark .auth-passwordless-table-wrap,html.dark .auth-passwordless-list-card{color:#e4e7ec!important;background:#1a2231!important;border-color:#344054!important;box-shadow:0 1px 3px #00000059!important}html.dark .auth-login-tabs{background:#101828!important;border-color:#344054!important}html.dark .auth-login-tab:not(.is-active){color:#d0d5dd!important;background:0 0!important}html.dark .auth-login-tab:not(.is-active):hover{color:#f9fafb!important;background:#ffffff0f!important}html.dark .auth-login-tab.is-active,html.dark .auth-login-tab.is-active:hover{color:#fff!important;background:#465fff!important}html.dark .auth-login-card-title,html.dark .auth-login-footnote b,html.dark .auth-login-footnote .font-medium{color:#f2f4f7!important}html.dark .auth-login-divider,html.dark .auth-login-footnote{color:#98a2b3!important}html.dark .auth-login-page .login-formitem,html.dark .auth-login-page input.login-formitem,html.dark .auth-otp-input{color:#f9fafb!important;-webkit-text-fill-color:#f9fafb!important;caret-color:#f9fafb!important;background:#101828!important;border-color:#344054!important}html.dark .auth-login-page .login-formitem::placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}html.dark .auth-login-eye{color:#98a2b3!important}html.dark .auth-login-secondary-btn,html.dark .auth-login-secondary-btn span{color:#e4e7ec!important;-webkit-text-fill-color:#e4e7ec!important;background:#101828!important;border-color:#344054!important}html.dark .auth-login-secondary-btn:hover,html.dark .auth-login-secondary-btn:hover span{color:#f9fafb!important;-webkit-text-fill-color:#f9fafb!important;background:#ffffff0f!important}html.dark .auth-login-primary-btn,html.dark .auth-login-primary-btn span{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#465fff!important}html.dark .auth-otp-addon{color:#d0d5dd!important;background:#101828!important;border-color:#344054!important}html.dark .auth-login-alt-link{color:#7592ff!important}html.dark .auth-login-alt-link:hover{color:#9cb9ff!important}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}

/* ── color_picker.css ── */
:root {
  --header_div: #fafafa;
  --main_color: #474747;
  --font_color: #474747;
  --border_icon_color: #3667b1;
  --advisers_color_test: #7d93b49d;
  --warning_field_color: #d0342c;

  --main_header_height: 200px;
  --main-navigation_height: var(--main_header_height) - 93px;
  --row-header-height: 77px; /* TailAdmin sticky header height */

  --list_first_color: #ffffff;
  --list_second_color: #fffaed;

  --text_color: #5a5a5a;
  --text_color_title: #ffffff;

  --float_backgroud_add: #050a3b;
  --search_bar_icons: #1d3381;

  --tab_drawer: #25764b;

  --table_header_list: #071f42;

  --add_icon: #25d366;
  --brand-icon: #474747;

  --deep-blue: #071f42;
  --brand-gray: #474747;
  --blue-light: #0d6efd;
}

.deep-blue {
  color: var(--deep-blue);
}
.greyis {
  color: #797979;
}

.sidebar-background-color {
  background-color: #ffffff;
}

.navigation-background-color {
  background-color: var(--header_div);
}

.production-card-backgroud-color {
  background-color: #ededed;
}

.production-table-background-color {
  background-color: var(--brand-gray);
}

.production-table-l1 {
  background-color: #6487bc;
}
.production-table-l2 {
  background-color: #143669;
}

.life-card-color {
  color: #ef7c8e;
}
.cis-card-color {
  color: #ffbd59;
}
.gi-card-color {
  color: #95e195;
}

.bg-white {
  background-color: white;
}

.bg-brand-gray {
  background-color: var(--brand-gray);
}

/* ── font.css ── */
@font-face {
  font-family: "Avenir LT Std";
  src: local("Avenir LT Std"),
    url("../fonts/avenir_ff/AvenirLTStd-Roman.otf") format("truetype");
}

body {
  font-family: Arial, Helvetica, sans-serif;
}
label,input,select{
  font-family: "Avenir LT Std";
  font-size:18px;
}


.production-fonts {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 25px;
  line-height: 30px;
  /* identical to box height */

  text-align: center;

  /* color: #ffffff; */
}

.font-avenir {
  font-family: "Avenir LT Std" !important;
}

.fonts-production-subs-header {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 22px;

  color: #e48161;
}

.fonts-production-subs-content {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 20px;

  color: #808080;
}

.fonts-production-table-adviser {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;

  /* White */

  color: #ffffff;
}

.fonts-production-table-title {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 15px;

  /* White */

  color: #ffffff;
}

.font-color-title {
  color: var(--text_color_title);
  font-weight: 900;
}

.font-color-list {
  color: var(--text_color);
  font-weight: 400;
}

.font-size-10 {
  font-size: 10;
}
.font-size-12 {
  font-size: 12;
}
.font-size-14 {
  font-size: 14;
}
.font-size-16 {
  font-size: 16;
}
.font-size-18 {
  font-size: 18;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-20 {
  font-size: 20px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-22 {
  font-size: 22px;
}

.font-size-28 {
  font-size: 28px;
}

/* ── accessManagementModule/registration_form.css ── */
.form-container {
  min-width: 1500px;
  /* background-color: #8b7e74; */
  height: 400px;
  text-align: center;
  align-items: center;
}


@media only screen and (max-width: 1024px) {
  .form-container {
    min-width: 100vw;
    margin-top: 120px;
    padding-bottom: 10px;
  }


  .padding-top-pos {
    padding-top: 20px;
  }


  .icon-pos {
    cursor:pointer;
    font-size:12px;
  }
}


@media only screen and (max-width: 1180px) {
  .form-container {
    min-width: 100vw;
    margin-top: 120px;
    padding-bottom: 10px;
  }

  .padding-top-pos {
    padding-top: 40px;
  }


  .icon-pos {
    cursor:pointer;
    font-size:20px;
  }
}

@media only screen and (max-width: 1366px) {
  .form-container {
    min-width: 100vw;
    margin-top: 120px;
    padding-bottom: 10px;
  }


  .padding-top-pos {
    padding-top: 5vh;
  }


  .icon-pos {
    cursor:pointer;
    font-size:12px;
  }
}

/* ── accessManagementModule/module_list.css ── */
.module_list {
  display: flex;
  /* background-color: aquamarine; */
  flex-wrap: wrap;
  margin: 10px;
}
.module_name {
  width: 220px;
  margin: 5px;
  /* background-color: coral; */
}
.module_display {
  width: 150px;
  margin: 5px;

  /* background-color: chartreuse; */
}
.module_parent {
  width: 100px;
  margin: 5px;

  /* background-color: aliceblue; */
}
.module_url {
  width: 220px;
  margin: 5px;

  /* background-color: cornsilk; */
}
.module_type {
  width: 120px;
  margin: 5px;

  /* background-color: rgb(124, 178, 135); */
}
.module_order {
  width: 60px;
  margin: 5px;

  /* background-color: darkorange; */
}
.inptbtn {
  width: 220px;

  /* background-color: darkkhaki; */
}

.mod_height {
  height: 30px;
}

.btn_module {
  margin: 5px;
  align-self: center;
}

/* ── accessManagementModule/module_edit.css ── */


/* ── authModule/login.css ── */
.btn-link {
  text-decoration: none;
}

/* ── advisersModule/advisers_add.css ── */
.attachment-title {
  display: flex;
  align-items: center;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  text-align: start;
  color: var(--font_color);
  margin-bottom: 10px;
  margin-top: 10px;
}

.input-body-attachment {
  max-width: 800px;
  min-height: 20px;
  margin: 10px;
  display: grid;
}
.attachment-container {
  margin-left: 20px;
}

.attachment-text {
  margin-right: 20px;
}

/* .container-attachment-val {
    min-width: min-content;
  } */

.upload-attachment-file {
  margin-left: 10px;
  min-width: 1024px;
  min-height: 200px;
  border-style: dotted;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.dz-filename {
  line-height: 300%;
}
.dz-progess {
  top: 40%;
}
.dz-error-message {
  left: 125px;
  top: 0px;
}

.dz-error-message:after {
  border: transparent;
}

.float-edit-save {
  position: fixed;
  z-index: 99;
  top: 60px;
  left: 270px;
  min-width: 380px;
  height: 62px;

  background: #fafafa;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 5px 5px;
}

#btn-edit,
#btn-cancel,
#btn-save,
#btn-add,
#btn-reset {
  top: 10px;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 162px;
  height: 44px;
  display: flex;
  align-items: center;

  background: #474747;
  border-radius: 5px;
}

.btn-font {
  width: 38px;
  height: 18px;

  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;

  color: #ffffff;
}

.container-edit {
  display: flex;
  justify-content: center;
  margin: auto;
}
.container-save-cancel {
  margin-left: auto;
  display: flex;
  justify-content: center;
  width: inherit;
  height: inherit;
}

.clickable {
  cursor: pointer;
}

.country-number-input {
  flex: 1;
}
.mobile-number-input {
  flex: 3;
}

.text-area {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  min-height: 90px;
}

.remarks-modal {
  flex-grow: 1;
  /* padding: 10px; */
  /* min-height: 150px; */
  min-height: 50px;
}

.input-photo {
  display: none;
  opacity: 0;
}

.flex-basis-employment-detail {
  flex-basis: 170px;
}
.flex-basis-employment-history {
  flex-basis: 80px;
  margin-right: 10px;
}

.col-align-remarks {
  height: auto !important;
  justify-content: flex-start;
  align-items: flex-start !important;
}

.list-content-many {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: flex-start;
}

.list-title-many {
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: flex-start;
}

.advisers-add-padding {
  padding-top: 0px;
}

.input-photo-style {
  opacity: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  z-index: 2;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.all-fit-content {
  height: fit-content;
  width: fit-content;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

/* ── advisersModule/advisers_list.css ── */
#advisers-list {
  background: #474747;
  color: rgb(255, 255, 255);
  height: 55px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.title-color-table-global{
  background: #474747;
  color: rgb(255, 255, 255);
  height: 55px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}


.primary-color-list {
  background: var(--list_first_color);
}

.secondary-color-list {
  background: var(--list_second_color);
}

.advisers-table {
  --bs-gutter-x: 0.5rem;
  height: 60px;

  /* border-bottom: 1px solid #b8b8b8; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-edit-list {
  border-radius: 5px;
  max-height: 100px;
  margin-right: 5px;
  width: fit-content;
  max-height: 45px;
  border-left-color: var(--border_icon_color);
}
#edit-advisers {
  width: 45px;
  height: 45px;
}

.btn-advisers {
  background-color: transparent;
  border-color: transparent;
}
.btn.btn-primary.btn-advisers:hover {
  border-color: transparent;
  background-color: transparent;
}
.list-title {
  width: max-content;
}
.regulated-list {
  width: 75px;
}
.advisers-list-margin-top {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
}

#search_advisers {
  box-sizing: border-box;

  width: 250px;
  height: 45px;

  background: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
}

.long-txt {
  min-width: 190px;
}

.float-add-advisers {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--float_backgroud_add);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.float-add-advisers-icon {
  /* identical to box height */
  font-size: 50px;
  color: #ffffff;
}

.search-bar-auto{
  height: 60px;
  margin-left: -20px;
  display: flex;
  flex-direction: column-reverse;
  padding-left: 20px;
  position: fixed;
  width: 100%;
  background-color: white;
}

.search-bar {
  /* height: 120px; */
  margin-left: -20px;
  display: flex;
  flex-direction: column-reverse;
  padding-left: 20px;
  position: fixed;
  width: 100%;
  background-color: #f5f5f5;
}

.advisers-search-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.advisers-search-form {
  width: 400px;
  max-width: 100%;
}

.advisers-search-controls {
  width: 100%;
}

.advisers-export-buttons {
  margin-right: 300px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}

.advisers-search-input {
  width: 500px;
  max-width: 100%;
}

.modal-fit-content {
  width: fit-content;
}

.modal-max-width {
  width: max-content;
}

.fit-content {
  width: fit-content;
}

.height-fit-content{
  height: fit-content;
}

.search-flex {
  display: flex;
  flex-wrap: nowrap;
}

.margin-left {
  margin-left: 10px;
}

.search-glass {
  margin-left: 10px;
}

.list-container {
  box-shadow: 0px 2px 5px gray;
  display: grid;
  justify-items: center;
  width: max-content;
}

.fa-magnifying-glass {
  color: var(--search_bar_icons);
}

.flex-now-wrap {
  flex-wrap: nowrap;
}

.input-col-list {
  flex-grow: 1;
  box-sizing: border-box;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
}

.drop-shadow {
  box-shadow: 0px 2px 5px rgb(193, 193, 193);
}

.div-table-header-list {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  padding: 2px;
  background-color: var(--table_header_list);
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
}

.edit-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: max-content;
  padding-top: 20px;
  /* padding-bottom: 20px; */
}

.left-radius {
  border-radius: 10px 0px 0px 0px;
}

.right-radius {
  border-radius: 0px 10px 0px 0px;
}

.margin-top-bottom-5px {
  margin-top: 5px;
  margin-bottom: 5px;
}

.label-flex-basis-academic {
  flex-basis: 180px;
}

.label-flex-basis-involvement {
  flex-basis: 160px;
}

tr.attachment-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-style: none;
  border-color: white;
}

body {
  padding-right: 0px !important;
  overflow-y: auto !important;
}

.dummy-header-dropdown,
.header-dropdown {
  height: 180px;
  width: 100%;
  background-color: #f5f5f5;
}

.header-dropdown {
  display: flex;
  align-items: flex-end;
}

.add-btn-dropdown {
  margin-right: 40%;
  margin-bottom: 20px;
}

.dropdown-table {
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}

.no-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='4'><path d='M0 0l4 4 4-4z'/></svg>")
    no-repeat;
  background-position-x: calc(100% - 1em);
  background-position-y: center;
  background-size: 8px 4px;
  padding-right: 1.5em;
}


.tabs-table-head{
  background-color: #474747;
  color: white;
}

/* ── advisersModule/regulated_activities.css ── */
.regulated-choice {
  display: flex;
  flex-wrap: nowrap;
}

/* ── dropDownModule/dropdown.css ── */
.default-check {
  display: flex;
  justify-content: flex-end;
}
.default-check-label {
  margin-left: 10px;
}

.label-drop-margin {
  margin-right: 20px;
}

.dropdown-container {
  flex-wrap: nowrap;
}
.dropdown-input {
  flex-grow: 1;
  width: inherit;
}

.label-dropdown {
  flex-basis: 135px;
}

.no-outline:focus {
  outline: none;
}

.defauls-display {
  width: 50px;
  background: none no-repeat;
  background-position: right 5px top; /* Change the px value here to change the distance */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* ── attachment/attachment.css ── */
.modal-dialog-centered {
  display: flex;
  justify-content: center;
}
.modal-content-attachment {
  width: auto;
}

.attachment-trash {
  width: auto;
  cursor: pointer;
}

.attachment-contents {
  display: flex;
  flex-wrap: nowrap;
  padding: 2px;
}

.attachment-val {
  max-width: fit-content;
  max-height: fit-content;
  justify-items: start;
  display: flex;
  margin-bottom: 5px;
}

.modal-wrap {
  width: 100%;
}

.modal-popup {
  max-width: 1000px;
}

/* Responsive max-width for different screen resolutions */
@media (max-width: 1200px) {
  .modal-popup {
    max-width: 900px;
  }
}

@media (max-width: 992px) {
  .modal-popup {
    max-width: 800px;
  }
}

@media (max-width: 768px) {
  .modal-popup {
    max-width: 600px;
  }
}

@media (max-width: 576px) {
  .modal-popup {
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .modal-popup {
    max-width: 320px;
  }
}

@media (max-width: 360px) {
  .modal-popup {
    max-width: 280px;
  }
}

/* ── financeModule/account.css ── */
.file-container {
    /* Add any additional styles you want */
    background-color: #f0f0f0;
    border-radius: 5px;
  }

/* ── simple_class.css ── */
.margin-top {
  margin-top: 25px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-0 {
  margin: 0px;
}
.margin-top-80 {
  margin-top: 80px;
}

.clickable {
  cursor: pointer;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}

.width-12-percent {
  width: 12%;
}

.width-50-percent {
  width: 50%;
}

.dsp-flex-column {
  display: flex;
  flex-direction: column;
}

.dsp-flex-center-space-evenly {
  display: flex;
  /*justify-content: space-evenly;*/
  justify-content: center;
  align-items: center;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-2 {
  padding: 3px;
}

.width-600 {
  width: 600px;
}

.width-900 {
  width: 900px;
}

.width-auto {
  width: auto;
}

.flex-align-start {
  align-items: flex-start;
  display: flex;
}
.justify-center {
  justify-content: center;
}
.align-item-center {
  align-items: center;
}
.flex-align-center {
  align-items: center;
  display: flex;
}

.flex-align-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-basis-140 {
  flex-basis: 140px;
}

.flex-basis-180 {
  flex-basis: 180px;
}

.flex-basis-200 {
  flex-basis: 200px;
}

.flex-basis-250 {
  flex-basis: 250px;
}

.flex-basis-290 {
  flex-basis: 290px;
}

.flex-basis-350 {
  flex-basis: 350px;
}

.gap-10 {
  gap: 10px;
}

.margin-10 {
  margin: 10px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.min-height-100 {
  min-height: 100px;
}
.min-height-150 {
  min-height: 150px;
}

.margin-right-23 {
  margin-right: 23px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-50 {
  margin-right: 50px;
}
.margin-right-5p {
  margin-right: 5%;
}

.margin-left-30 {
  margin-left: 30px;
}
.margin-left-5p {
  margin-left: 5%;
}
.padding-left-30-percent {
  padding-left: 30%;
}
.padding-left-10-percent {
  padding-left: 10%;
}
.margin-top-30 {
  margin-top: 30px;
}

.box-15 {
  width: 15px;
  height: 15px;
}

.box-20 {
  width: 20px;
  height: 20px;
}
.box-25 {
  width: 25px;
  height: 25px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}
.padding-10 {
  padding: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-5 {
  padding-left: 5px;
}

.padding-right-30 {
  padding-right: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.width-64 {
  width: 64px;
}
.width-48 {
  width: 48px;
}
.width-16 {
  width: 16px;
}
.width-45 {
  width: 45px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-horizontal-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-horizontal-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.width-250 {
  width: 250px;
}
.width-220 {
  width: 220px;
}

.fixed {
  position: fixed;
}

.box-60 {
  width: 60px;
  height: 60px;
}

.border-radius-100 {
  border-radius: 100%;
}
.border-radius-all-5 {
  border-radius: 5px;
}

.height-60 {
  height: 60px;
}

.margin-right-10 {
  margin-right: 10px;
}

.width-30 {
  width: 30px;
}

.flex-end {
  justify-content: flex-end;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.space-between {
  justify-content: space-between;
}
.margin-top-180 {
  margin-top: 180px;
}
.margin-top-160 {
  margin-top: 160px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-top-60 {
  margin-top: 60px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-6 {
  padding-top: 6px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.margin-left-280 {
  margin-left: 280px;
}
.margin-left-220 {
  margin-left: 220px;
}

.height-300 {
  height: 300px;
}

.width-400 {
  width: 400px;
}
.width-300 {
  width: 300px;
}
.width-200 {
  width: 200px;
}
.width-120 {
  width: 120px;
}
.width-195 {
  width: 195px;
}

.margin-left-20 {
  margin-left: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.wrap {
  flex-wrap: wrap;
}

.flex-direction-column {
  flex-direction: column;
}

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

.padding-left-30 {
  padding-left: 30px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.flex-basis-40 {
  flex-basis: 40px;
}

.width-80-percent {
  width: 80%;
}

.border-box-10 {
  border-radius: 10px;
}

.black-shadow {
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.space-around {
  justify-content: space-around;
}

.company-header-border {
  border-style: solid;
  border-top: none;
  border-bottom: none;
}

.border-horizontal-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: #ffffff;
}

.border-left-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: none;
  border-width: 1px;
  border-color: #ffffff;
}

.border-right-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #ffffff;
}
.border-right-black {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #7c7c7c;
}

.border-right-grey {
  border-top-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #dee2e6;
}

.border-radius-top-lef-right-10 {
  border-radius: 10px 10px 0px 0px;
}

.text-center-100 {
  width: 100%;
  text-align: center;
}
.text-center {
  text-align: center;
}

.width-fit-content {
  width: fit-content;
}
.align-space-around {
  align-content: space-around;
}

.min-height-50 {
  min-height: 50px;
}
.min-height-22 {
  min-height: 22px;
}

.border-radius-top-right {
  border-radius: 0px 10px 0px 0px;
}
.border-radius-top-left {
  border-radius: 10px 0px 0px 0px;
}

.box-shadow-grey {
  background: #fafafa;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.margin-left-20- {
  margin-left: -20px;
}

.height-120 {
  height: 120px;
}
.height-200 {
  height: 200px;
}

.align-end {
  align-items: flex-end;
}

.row {
  --bs-gutter-x: 0rem;
}

.padding-production-table {
  padding: 8px 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.width-fill-width-available {
  width: -webkit-fill-available;
}
.width-fill-height-available {
  height: -webkit-fill-available;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}

.onHoverBtn:hover {
  background-color: #5e78ba !important;
  color: white;
}

.onHoverBtnBgGray:hover {
  background-color: #5d5d5d !important;
  color: white;
}

.color-soft-black {
  color: rgb(32, 31, 31) !important;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .margin-right-20 {
    margin-right: 10px;
  }


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

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .margin-right-20 {
    margin-right: 10px;
  }

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

}

/* ── simple_class_adviser.css ── */
.margin-top {
  margin-top: 25px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-0 {
  margin: 0px;
}
.margin-top-80 {
  margin-top: 80px;
}

.clickable {
  cursor: pointer;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}

.width-12-percent {
  width: 12%;
}

.width-50-percent {
  width: 50%;
}

.dsp-flex-column {
  display: flex;
  flex-direction: column;
}

.dsp-flex-center-space-evenly {
  display: flex;
  /*justify-content: space-evenly;*/
  justify-content: center;
  align-items: center;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-2 {
  padding: 3px;
}

.width-600 {
  width: 600px;
}

.width-900 {
  width: 900px;
}

.width-auto {
  width: auto;
}

.flex-align-start {
  align-items: flex-start;
  display: flex;
}
.justify-center {
  justify-content: center;
}
.align-item-center {
  align-items: center;
}
.flex-align-center {
  align-items: center;
  display: flex;
}

.flex-align-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-basis-140 {
  flex-basis: 140px;
}

.flex-basis-180 {
  flex-basis: 180px;
}

.flex-basis-200 {
  flex-basis: 200px;
}

.flex-basis-250 {
  flex-basis: 250px;
}

.flex-basis-290 {
  flex-basis: 290px;
}

.flex-basis-350 {
  flex-basis: 350px;
}

.gap-10 {
  gap: 10px;
}

.margin-10 {
  margin: 10px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.min-height-100 {
  min-height: 100px;
}
.min-height-150 {
  min-height: 150px;
}

.margin-right-23 {
  margin-right: 23px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-50 {
  margin-right: 50px;
}
.margin-right-5p {
  margin-right: 5%;
}

.margin-left-30 {
  margin-left: 30px;
}
.margin-left-5p {
  margin-left: 5%;
}
.padding-left-30-percent {
  padding-left: 30%;
}
.padding-left-10-percent {
  padding-left: 10%;
}
.margin-top-30 {
  margin-top: 30px;
}

.box-15 {
  width: 15px;
  height: 15px;
}

.box-20 {
  width: 20px;
  height: 20px;
}
.box-25 {
  width: 25px;
  height: 25px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}
.padding-10 {
  padding: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-5 {
  padding-left: 5px;
}

.padding-right-30 {
  padding-right: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.width-64 {
  width: 64px;
}
.width-48 {
  width: 48px;
}
.width-16 {
  width: 16px;
}
.width-45 {
  width: 45px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-horizontal-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-horizontal-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.width-250 {
  width: 250px;
}
.width-220 {
  width: 220px;
}

.fixed {
  position: fixed;
}

.box-60 {
  width: 60px;
  height: 60px;
}

.border-radius-100 {
  border-radius: 100%;
}
.border-radius-all-5 {
  border-radius: 5px;
}

.height-60 {
  height: 60px;
}

.margin-right-10 {
  margin-right: 10px;
}

.width-30 {
  width: 30px;
}

.flex-end {
  justify-content: flex-end;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.space-between {
  justify-content: space-between;
}
.margin-top-180 {
  margin-top: 180px;
}
.margin-top-160 {
  margin-top: 160px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-top-60 {
  margin-top: 60px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-6 {
  padding-top: 6px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.margin-left-280 {
  margin-left: 280px;
}
.margin-left-220 {
  margin-left: 220px;
}

.height-300 {
  height: 300px;
}

.width-400 {
  width: 400px;
}
.width-300 {
  width: 300px;
}
.width-200 {
  width: 200px;
}
.width-120 {
  width: 120px;
}
.width-195 {
  width: 195px;
}

.margin-left-20 {
  margin-left: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.wrap {
  flex-wrap: wrap;
}

.flex-direction-column {
  flex-direction: column;
}

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

.padding-left-30 {
  padding-left: 30px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.flex-basis-40 {
  flex-basis: 40px;
}

.width-80-percent {
  width: 80%;
}

.border-box-10 {
  border-radius: 10px;
}

.black-shadow {
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.space-around {
  justify-content: space-around;
}

.company-header-border {
  border-style: solid;
  border-top: none;
  border-bottom: none;
}

.border-horizontal-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: #ffffff;
}

.border-left-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: none;
  border-width: 1px;
  border-color: #ffffff;
}

.border-right-white {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #ffffff;
}
.border-right-black {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #7c7c7c;
}

.border-right-grey {
  border-top-style: none;
  border-left-style: none;
  border-right-style: solid;
  border-width: 1px;
  border-color: #dee2e6;
}

.border-radius-top-lef-right-10 {
  border-radius: 10px 10px 0px 0px;
}

.text-center-100 {
  width: 100%;
  text-align: center;
}
.text-center {
  text-align: center;
}

.width-fit-content {
  width: fit-content;
}
.align-space-around {
  align-content: space-around;
}

.min-height-50 {
  min-height: 50px;
}
.min-height-22 {
  min-height: 22px;
}

.border-radius-top-right {
  border-radius: 0px 10px 0px 0px;
}
.border-radius-top-left {
  border-radius: 10px 0px 0px 0px;
}

.box-shadow-grey {
  background: #fafafa;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.margin-left-20- {
  margin-left: -20px;
}

.height-120 {
  height: 120px;
}
.height-200 {
  height: 200px;
}

.align-end {
  align-items: flex-end;
}

.row {
  --bs-gutter-x: 0rem;
}

.padding-production-table {
  padding: 8px 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.width-fill-width-available {
  width: -webkit-fill-available;
}
.width-fill-height-available {
  height: -webkit-fill-available;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}

.onHoverBtn:hover {
  background-color: #5e78ba !important;
  color: white;
}

.onHoverBtnBgGray:hover {
  background-color: #5d5d5d !important;
  color: white;
}

.color-soft-black {
  color: rgb(32, 31, 31) !important;
}

/* ── fdpl_main.css ── */
.formdiv {
  height: auto;
  margin: 0 auto;
}
.logo {
  height: 40px;
  /*box-shadow: 1px 1px 10px rgb(43, 43, 43);*/
}

.sidebarwrapper {
  box-shadow: 1px 1px 8px #b8b8b8;
  min-width: 200px;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
.sidebarwrapper::-webkit-scrollbar {
  display: none;
}
.sidebardiv {
  padding: 0px;
}

.mainbodydiv {
  width: 88%;
  margin-left: 210px;
}
.main_header {
  z-index: 6;
  height: 150px;
  width: 100%;
  background-color: white;
  position: fixed;
}
.main_body {
  margin-top: 150px;
  height: 100%;
  width: 99%;
  /*background-color: grey;*/
  padding: 10px;
}

.page_title {
  width: 200px;
  background-color: #152656;
  height: 40px;
  border-radius: 0px 0px 10px 10px;
  padding: 5px;
  padding-top: 10px;
  text-align: center;
  margin-top: -2px;
  color: white;
  font-family: "Calibri";
  font-size: 14px;
}

.headerdiv {
  border: 0px solid black;
  padding: 3px;
  background-color: #152656;
}
.maindiv {
  margin-top: 55px;
}
.sidebartop {
  text-align: right;
  padding: 10px;
  border-bottom: 1px solid #b8b8b8;
  cursor: pointer;
  position: fixed;
  min-width: 200px;
  background-color: white;
  z-index: 1050;
}
.sidebarmenu {
  padding: 0px;
  margin-top: 40px;
}

.loginform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 20px;
  width: 400px;
  margin: 0 auto;
  box-shadow: 3px 3px 10px grey;
}
.loginform_msg {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 350px;
  margin: 0 auto;
  color:grey;
}
.login-formitem{
  width:90%;
  margin-bottom: 10px;
  height:40px;
  border-radius: 10px;
  border:1px solid rgb(228, 228, 228);
  padding: 10px;
  color: rgb(99, 99, 99);
}


.titleform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 350px;
  margin: 0 auto;
  /*font-family: "Fredoka One";*/
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #2c85d9;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.tabform {
  /*border:1px solid rgb(121, 120, 120);*/
  padding: 5px;
  width: 35%;
  margin-left: 20%;
  margin-bottom:32px;
  margin-right:320px;
  /*font-family: "Fredoka One";*/
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 10;
  font-size: 10px;
  color: #2c85d9;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tabform ul{
  border-bottom:0px solid rgb(201, 201, 201);
  background-color: #fcfcfc;
  padding:0px;

  
}
.tabform li{
  padding:0px;
  
}
.tab_under{
  border:1px solid rgb(201, 201, 201);
  width:70%;
  margin: 0 auto;
  border-radius: 5px;
  padding-bottom: 10px;
  box-shadow: 5px 10px 18px #888888;
}

.dncpro-btn-warning {
  background-color: rgb(255, 174, 0);
  color: white;
  padding: 5px 10px 5px 10px;
  box-shadow: 3px 3px 10px grey;
  border: 0px;
  border-radius: 10px;
}
.dncpro-btn-info {
  background-color: #b1b1b1;
  color: #23415e;
  padding: 5px 10px 5px 10px;
  box-shadow: 3px 3px 10px grey;
  border: 0px;
  border-radius: 10px;
}
.gradientblue_bg {
  background-image: linear-gradient(
    to right top,
    #8a85ff,
    #929dff,
    #a0b4ff,
    #b5caff,
    #cedeff,
    #dbe7ff,
    #e9f1ff,
    #f7faff,
    #fafbff,
    #fcfcff,
    #fefeff,
    #ffffff
  );
}
.darkblue_bg {
  background-color: #fcfcfc;
}
.table_style{
  width: 100%;
}
.table_style th{
   
  border: solid white 1px; background-color:#474747;
  color:white;
  padding: 10px;
  text-align: center;
}
.table_style td{
   
  border: solid rgb(202, 202, 202) 1px;
  padding: 10px;
  text-align: center;
  overflow-y: auto;
}

.table_freeze_head{
  width: 100%;
  border-collapse: collapse;
  
  
}
.table_freeze_head th{
  position: sticky; /* make the table heads sticky */
  top: 320px; /* table head will be placed from the top of the table and sticks to it */
}
/* .table_freeze_head tbody{
  
  

} */

.pagination {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tooltip {
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  max-width: 300px;
  height: 300px;

}

.hidden {
  display: none;
}
.fading_message {
  transition: opacity 1s ease-in-out;
}


.background-red {
  background-color: #ef7b7b;
}

.background-green {
  background-color: #28c64b;
}

.background-yellow {
  background-color: #c1c222;
}

.background-black {
  background-color: #1d1d1d;
}

.text-red {
  color: #e44949;;
}

.text-green {
  color: #28c64b;
}

.text-yellow {
  color: #c1c222;
}

.tooltip-wrapper {
  position: relative;
 
}

.tooltip-box {
  position: absolute;
  top: -120%;
  left: -120px;
  transform: translateX(-50%);
  background-color: #f9c7c7;
  color: #2b2b2b;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 100;
  display: none;
  max-width: 200px;        
  white-space: normal;     
  word-wrap: break-word;   
}

.tooltip-wrapper:hover .tooltip-box {
  display: block;
}


.icon-contact {
  font-size: 25px;
}

.search-select-suggest-wrap{
  position:relative;
  display:inline-block;
  vertical-align:middle
  ;max-width:100%;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .loginform {
    /*border:1px solid rgb(121, 120, 120);*/
    padding: 20px;
    margin: 0 auto;
    box-shadow: 3px 3px 10px grey;
  }

}


@media only screen and (max-width: 1024px) and (min-width: 768px) {

  .loginform {
    /*border:1px solid rgb(121, 120, 120);*/
    padding: 20px;
    margin: 0 auto;
    box-shadow: 3px 3px 10px grey;
  }

  .icon-contact {
    font-size: 15px;
  }
}

@media screen and (max-width: 1280px) {
  .icon-contact {
    font-size: 18px;
  }
}


@media screen and (max-width: 1366px) {
  .icon-contact {
    font-size: 21px;
  }
}

/* ── main.css ── */
.dz-progress{
  margin-top: -20px !important ;
}

.form-container-five {
  min-width: 1000px;
  margin-top: 120px;
  padding-bottom: 10px;
}
.title-header {
  height: 55px;
  background: #474747;
  border-radius: 10px 10px 0px 0px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-top: 15px;
}
.title-body {
  box-sizing: border-box;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  --bs-gutter-x: 0rem;
  /* padding-bottom: 15px; */
}

.margin-top {
  margin-top: 25px;
}

.label-col {
  /* width: 250px; */
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: start;
  /* color: var(--main_color); */
  color: #474747;
}

.col-align {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 120px;
  display: flex;
  margin: 10px;
}

.col-align-regulated {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  min-width: 40px;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px;
}
.col-align-number {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 60px;
  display: flex;
  margin: 5px;
}


.col-align-nowidth {
  justify-content: center;
  margin-top: 15px;
  align-items: center;
  display: flex;
  margin: 10px;
}

.label-input {
  margin-left: 10px;
  margin-top: 5px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis {
  flex-basis: 145px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-user-profile {
  flex-basis: 165px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-regulated {
  padding-left: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.input-col {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 30px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}
.input-col-tabs {
  flex-grow: 1;
  box-sizing: border-box;
  /* padding: 5px; */
  /* padding-left: 10px;
  padding-right: 10px; */
  min-width: -webkit-fill-available;
  min-height: 50px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  /* border-radius: 5px; */
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-many {
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 10px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-mobile-number {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  box-sizing: border-box;
  min-width: 250px;
  height: 45px;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-radio {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  width: 10px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.button_standard {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: #474747;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  color: white;
  font-size: 18px;

  
}
.button_standard:active,
.button_standard:focus {
  background-color: grey;
  color:rgb(100, 100, 100);
}
.clickable {
  cursor: pointer;
}

.mobile-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
  display: flex;
  padding-left: 10px;
  align-items: center;
  flex-grow: 1;
}
.country-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
}
.mobile-flex-grow {
  flex-grow: 1;
  display: flex;
}
/* .body-col1 {
  flex-basis: 80px;
}
.body-col2 {
  flex-basis: 80px;
} */
.body-col3 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
    no-repeat;
  background-position: right 5px top; /* Change the px value here to change the distance */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 4px;
}

.photo-box {
  box-sizing: border-box;

  width: 100%;
  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box2 {
  box-sizing: border-box;

  width: 95%;
  max-width: 200px;

  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box-btn {
  box-sizing: border-box;
  width: 160px;
  height: 45px;
  background: var(--main_color);
  border-radius: 5px;
  border-style: none;
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-align: center;

  color: #ffffff;
}

.btn-absolute-right {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}

.btn-absolute-right-pad {
  margin-left: 5px;
}

/* #btn-save,
#btn-cancel {
  display: none;
} */

button#docname {
  border-color: transparent;
  background-color: transparent;
}

.field-warning {
  border-color: var(--warning_field_color);
}

.modal-backdrop {
  background-color: rgb(255, 255, 255, 0.2) !important;
  width: max-content;
  height: max-content;
}

.btn-warning-del,
.btn-warning-no {
  width: 40%;
}

.page_title {
  position: fixed;
  font-family: "avenir";
  font-size: 18px;
}

.nav-tabs {
  margin-top: var(--main-navigation_height);
  position: fixed;
  height: auto;
  z-index: 7;
  padding: 20px;
}

.nav-tab-container {
  padding-top: 105px;
}

.tab-container {
  display: flex;
}

.tabs {
  padding: 10px 20px;
  cursor: pointer;
  color: #474747;
  background-color: #f0f0f0f0;
  position: relative;
  display: inline-block;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left: 7px;
  transform: perspective(10px) rotateX(2deg);
}

.tabs.active{
  color: #474747;
  background-color: #f0f0f0f0;
  background-color: #474747;
  color: #f0f0f0;
}

.nav-tabs-dummy {
  opacity: 0;
  color: transparent;
  background-color: transparent;
  display: flex;
  flex-wrap: nowrap;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}
.top-margin-10px {
  margin-top: 10px;
}
.top-margin-20px {
  margin-top: 20px;
}

.float-container {
  background-color: black;
}

.advisers-list-margin {
  margin-top: 0px;
}

.display-none {
  display: none;
}

.errormessage {
  color: red;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.errorinput {
  background-color: #ffcccc !important;
}

/*Button*/
.roundedbutton {
  border-radius: 5px;
}

/*Div Table style*/

.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}

.divTableHeader {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.divTableHeaderComm {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 14px;
}


.divTableCell {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
}
.divTableCellComm {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
  font-size: 14px;
}
.divCellBottomBorder {
  border-bottom: 1px solid #dedede;
  padding: 8px;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.divPadding5 {
  padding: 5px;
}
.divAlighLeft {
  text-align: left;
}
.divborder-1 {
  border: 1px solid #999999;
}
.divHighlight {
  background-color: rgb(206, 236, 255);
}
.divrow_even_color {
  background-color: rgb(255, 251, 217);
}
.divrow_odd_color {
  background-color: #ffffff;
}
.centered_contents {
  vertical-align: middle;
  text-align: center;
}

.global-pointer {
  cursor: pointer;
}

.button-add-something {
  width: fit-content;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}

.dsp-flex {
  display: flex;
}

.borderless {
  border: none;
  outline: none;
  border-color: transparent;
  background-color: transparent;
}
.left_middle_contents {
  vertical-align: middle;
  text-align: left;
}

.center-float-div {
  position: fixed;
  top: 10%;
  left: 25%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}
.center-float-div-message {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center; 
  top: 50%;
  left: 33%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 150px;
  min-width: 300px;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1060;
  padding: 20px;
  text-align: center;
}

.container {
  display: flex;
  flex-wrap: wrap; /* allows items to wrap to a new line if the container is too small */
}

.divright {
  flex: 1;
}

.label-text-middle-left {
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  text-align: start;
  color: var(--font_color);
  vertical-align: middle;
  text-align: left;
}
.div_header {
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
  background-color: #474747;
  height: 50px;
  color: white;
  padding: 10px;
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
}
.float-add-button {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.float-add-icon {
  /* identical to box height */
  font-size: 50px;
  color: whitesmoke;
}
.text_button {
  font-family: "avenir LT Std";
  font-style: normal;
  font-size: 18px;
  text-decoration: none;
  color: #474747;
  font-weight: 400;
  cursor: pointer;
}
.div_drop_shadow {
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
}
.moveable {
  cursor: move;
}
.pagination_button {
  padding: 10px;
  /*width: 50px;*/
  text-align: center;
  border: 1px solid #ededed;
}
.pagination_current_page_button {
  background-color: #d4e5ff;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-3 {
  padding: 3px;
}

.padding-0 {
  padding: 0px;
}

.list-card-container {
  border-radius: 10px;
  padding: 2px;
  margin-bottom: 20px;
  background-color: #474747;
  color: white;
}
tr.table-line-none {
  border-style: none;
  border-color: transparent;
}
.edit-color {
  color: var(--brand-icon);
}

/* .zoom-adjustment {
  zoom: 80%;
} */

.edit-color {
  color: var(--brand-icon);
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.label-flex-basis-disciplinary {
  flex-basis: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.on-input {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(48, 48, 48);
  border-color: rgb(48, 48, 48);
}

.all-center {
  align-items: center;
  justify-content: center;
}

.input-container-tabs {
  display: flex;
  margin: 2px;
  align-items: center;
  justify-content: center;
}

.col-align-cmfas {
  justify-content: flex-start;
  height: 45px;
  align-items: center;
  display: flex;
}

/* Sidebar Testing Only */
html,
body {
  margin: 0;
  height: 100%;
}

html {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.warning {
  color: var(--warning_field_color);
}

.width-100-percent {
  width: 100%;
}
.main_width {
  width: 95%;
}

.add-icon-color {
  color: var(--add_icon);
}

/* sidebar content */

.module-title {
  position: fixed;
  width: max-content;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #fafafa;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 10px 10px;
  right: 30px;
  font-weight: bold;
  background-color: #d1d1d1;
  color: #000;
}
.abi{

  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.card-content {
  border-radius: 0px 0px 10px 10px;
  width: 358px;
  height: 222px;

  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}



.leading-card-content{
  border-radius: 0px 0px 10px 10px;
  width: 500px;
  height: 222px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  
}

.card-content-lagging {
  border-radius: 0px 0px 10px 10px;
  width: 400px;
  height: 250px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.card-guide {
  border-radius: 5px 5px 5px 5px;
  width: 200px;
  height: 120;
  margin-right: 10px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-shortcut {
  border-radius: 5px 5px 5px 5px;
  width: 350px;
  height: 225px;
  margin-left: 100px;
  margin-top: 5px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-header-production {
  height: 46px;

  border-radius: 10px 10px 0px 0px;
}

.edit-color {
  color: var(--brand-icon);
}

.card-icon-container {
  position: relative;
  width: 65px;
  height: 65px;

  border-radius: 10px;
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.flex-basis-employment-detail {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.line-separator {
  height: 80%;
  border: 1px solid #8a8a8a;
}

.text-center {
  text-align: center;
}
.bth-login {
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: grey;
  border: 1px solid grey;
}
.nav-item {
  background-color: #ededed;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid rgb(220, 220, 220);
  margin-left: 2px;
  margin-top: 4px;
}
.nav-link {
  color: grey;
}
.active-tab {
  color: rgb(45, 38, 135);
  font-weight: bold;
  background-color: white;
}
input,
select {
  line-height: normal;
}

.m_login {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.adviser-img-container {
  border: 1px solid white;
  border-radius: 100%;
  width: inherit;
  height: inherit;
}

.advisers-photo {
  margin-top: -150px;
  object-fit: scale-down;
  height: 100px;
  width: 100px;
  transition: width 1s, height 1s, margin-top 1s;
}

.advisers-photo-small {
  margin-top: -200px;
  object-fit: scale-down;
  height: 50px;
  width: 50px;
  transition: width 1s, height 1s, margin-top 1s;
}

.adviser-circle-photo {
  position: absolute;
  width: inherit;
  border-radius: 100%;
  height: inherit;
  display: block;
  padding: 1px;
  object-fit: scale-down;
  border: 1px solid white;
  background-color: white;
}
.advisers-profile-container {
  height: 150px;
}

/*Slider*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

#life-check:checked + .slider {
  background-color: #fd9797;
}
#cis-check:checked + .slider {
  background-color: #f7ce8b;
}
#gi-check:checked + .slider {
  background-color: #95e195;
}
input:checked + .slider {
  background-color: #2196f3;
}
#mailmerge-check:checked + .slider {
  background-color: #b6fd97;
}
#mailmerge-with-pdf:checked + .slider{
  background-color: #fa5d5d;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

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

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

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

input[type="radio"] {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.fc_profile {
  font-size: 14px;
}
#main_display_div{
  width:88%;
  margin-left:5px;
  padding:0px;
}
#logo_enclosure_backend{
  padding-top:10px;
  padding-left:10px;
}

/*LOGIN PAGE*/

#loginpage_footnote{
  bottom:20px;
  position:fixed;
  text-align:center;
  width:50%;
  font-size:10px;
  color:rgb(103, 103, 103)
}

#login_right_div{
  background-image: url('/static/images/loginbg_right.jpg');
  height: 100vh;
  background-size: 100% 100%;
  background-size: cover

}
.tabform ul{
  background-color: transparent;

}

@media only screen and (max-width: 1000px) {
    #login_right_div{
      display:none;
    }
    #login_left_div{
      
      width:100%;
      height:100vh;
      background-image: url('/static/images/loginbg_right.jpg');
      background-size: cover
      
    }
    .tabform{
      top:15%;
      position: relative;
    }
    .tab_under{
      top:15%;
      position: relative;
      background-color: white;
      opacity: 95%;

    }
    #loginpage_footnote{
      width:98%;
      border-radius: 5px;
      background-color: white;
      opacity: 30%;
    }
    
    
}
@-moz-document url-prefix() {
  #main_display_div th {
    font-size: 10px;
  }
  #main_display_div td {
    font-size: 10px;
  }
  #main_display_div input {
    font-size: 10px;
    height: 30px;
  }
  .sidebar-submenu-text {
    font-size: 10px;
    font-family: Verdana;
    min-width: 90px;
    text-align: left;
  }
  .sidebar-submenu-child-text {
    font-size: 10px;
    font-family: Verdana;
  }
  #row_header {
    height: 45px;
  }
  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 250px;
  }
  #sidebar-arrow-text {
    font-size: 8px;
  }
  .logo-text-white_label {
    font-size: 14px;
  }
  .logo-text-wealth {
    font-size: 5px;
  }
  .logo {
    height: 30px;
    margin-top: 5px;
  }
  .sidebar-container {
    width: 200px;
  }
  .dummy-sidebar {
    width: 200px;
  }
  .sidebar_icon {
    width: 40px;
  }
  .btn-sidebar {
    line-height: 50px;
    height: 50px;
  }
  .btn-child-sidebar {
    line-height: 50px;
    height: 50px;
  }
  #batch_no {
    font-size: 10px;
  }

  #page_title {
    margin-top: 45px;
    font-size: 12px;
  }
  .logo-container {
    padding: 30px 0px 10px 20px;
  }

  /*Div Table style for firefox*/

  .divTable {
    display: table;
    width: 100%;
  }
  .divTableRow {
    display: table-row;
  }

  .divTableHeaderDisabled {
    text-align: center;
    vertical-align: middle;
    /*display: table-header-group;*/
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "verdana";
    font-size: 12px;
  }

  .divTableCellDisabled {
    border: 0px solid #999999;
    display: table-cell;
    padding: 4px 5px;
    font-size: 12px;
    font-family: "verdana";
  }
  .divCellBottomBorder {
    border-bottom: 1px solid #dedede;
    padding: 4px;
  }

  .divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
  }
  .divTableBody {
    display: table-row-group;
  }
  #prodlist_trash {
    font-size: 18px;
  }
  .float-edit-save {
    top: 35px;
    transform: scale(0.7);
  }
  #adviser_tasbs {
    transform: scale(0.7);
    transform-origin: 0;
  }
}
.form-check-input {
  margin-right: 10px;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */

  .height-100-percent {
    height: 70%;
  }
  .font-size-24 {
    font-size: 1em;
  }
  .font-size-20 {
    font-size: 0.8em;
  }
  
  .label-flex-basis-user-profile {
    font-size: 0.8em;
  }
  .label-col {
    font-size: 0.8em;
  }
  .label-input {
    font-size: 1em;
  }
  .title-header {
    font-size: 0.8em;
  }
  .input-col {
    color: rgb(62, 62, 62);
  }
  .fc_profile {
    color: rgb(62, 62, 62);
    font-size: 0.5em;
  }
  .mobile-number-input {
    color: rgb(62, 62, 62);
  }
  .input:disabled {
    color: rgb(62, 62, 62);
  }
  .module-title {
    font-size: 0.7em;
    height: 2em;
  }
}

/*
  .btn-sidebar {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 10px;
    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;
  }*/

.form-control:disabled {
  background-color: white;
}

input[type="checkbox"][disabled] {
  color: rgb(41, 31, 189);
}

.color-orange-secondary {
  background-color: rgb(247, 245, 235, 0.5) !important;
}

.color-orange-primary {
  background-color: rgb(234, 224, 218, 0.5) !important;
}

.color-orange-primary-header {
  background-color: rgb(202, 109, 51) !important;
}
.color-blue-primary {
  background-color: rgb(142, 167, 233, 0.5) !important;
}
.color-blue-primary-header {
  background-color: rgb(40, 54, 109) !important;
}
.color-blue-secondary {
  background-color: rgb(229, 224, 255, 0.5) !important;
}

.btn-download-excell {
    justify-content: center;
    width: 162px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #474747;
    border-radius: 5px;
    color: rgb(255, 255, 255);
  }

.btn-export {
  justify-content: center;
  width: 162px;
  height: 44px;
  display: flex;
  align-items: center;
  background: #05a95c;
  border-radius: 5px;
  color: whitesmoke;
  color: rgb(255, 255, 255);
}

.btn-export:hover{
  color: rgb(252, 254, 193);
}


.btn-run-autologin {
  justify-content: space-between;
  width: 120px;
  height: 44px;
  align-items: center;
  background: #474747;
  border-radius: 5px; 
}

.form-control:read-only {
  background-color: white;
}

.scrollable-sidebar {
  overflow: auto;
}
.bold {
  font-weight: bold;
}
.abicontainer {
  display: flex;
  flex-wrap: wrap;
}


.advisers-mini-info {
  box-sizing: border-box;

  /* position: absolute; */
  width: 330px;
  height: 95%;
  /* left: 200px; */
  /* top: -270px; */
  z-index: 2;
  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}

.advisers-all-info {
  /* Rectangle 260 */

  box-sizing: border-box;

  /* position: absolute; */
  width: 75%;
  height: 95%;
  /* left: 600px; */
  /* top: -270px; */
  z-index: 2;

  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}
.noaccess_wrapper{
  top:30%;
  right:300px;
  max-width: 800px;
  left: 40%;
  border-color: #e5e5e5;
}
.noaccess_messagebox{
  color:red;
  margin-top:120px;
  font-size:25px;
}

.advisers-info-font-title {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.48px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}
.advisers-info-font-body {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19.48px;
  line-height: 22px;

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.card-name-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 23.6069px;
  line-height: 27px;

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.card-title-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 19.9867px;
  line-height: 22px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.rep-code-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.username-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 25.48px;
  line-height: 29px;
  text-align: center;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.card-username-email-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16.2866px;
  line-height: 20px;
  /* identical to box height */

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.user-profie-tab {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 25.48px;
  line-height: 31px;
  text-decoration: none;
  /* identical to box height */
  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.nav_active{
  width: 150px;
  height: 0px;
  border: 4px solid #4164E3;
}

.nav_deactive{
  width: 150px;
  height: 0px;
  border: 4px solid #9a9a9a;
}

.list_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  height: 780px;
  margin: 15px;
  width: 400px;
}

.list_notif .list{
  padding: 0;
  overflow: scroll;
  overflow-x: hidden;
  width: 400px;
  height: 715px;
  line-height: 2em;
  float:left;
}

.list_notif .list::-webkit-scrollbar{
  background:transparent;
  width: 10px;
}

.list_notif .list::-webkit-scrollbar-track{
  background:transparent;
}

.list_notif .list::-webkit-scrollbar-thumb{
  background:#dedede4a;
}

.list li.active{
  background: #E4E7EB;
}

.desc_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  height: 780px;
  margin: 15px;
  width: 1000px;
}

.description_list{
  line-height: 5px;
  margin-bottom: 10px;
}

.desc_notif_content p, pre{
  color: #77889A;
}

.date_notif{
  font-size: 14px;
}

.head_list_notif{
  border-bottom: 3px solid #E4E7EB;
  height: 60px;
}

.head_list_notif a{
  color: #77889A;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.head_list_notif ul{
margin-left: -1em;
}

.head_list_notif li.deactivate{
  background-color: #77889a1d;
  border: 3px solid #E4E7EB;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.head_list_notif li.active{
  background-color: white;
  border: 3px solid #E4E7EB;
  border-bottom: 3px solid #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 10px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.border_list_notif{
  border-width: 0px 0px 3px 0px;
  border-style: solid ;
  border-color: #E4E7EB;
  color: #77889A;
  height: auto;
}

.border_list_notif p{
  display: inline-block;
}

.border_list_notif .title_list_notif{
  font-weight: bold;
}

/* .border_list_notif .short_desc_notif{
  
} */

.desc_notif .head_desc{
  margin-left: 50px;
  margin-top: 70px;
}

.head_desc p,pre{
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
}

.desc_notif .description{
  margin-left: 100px;
  margin-top: 30px;
  margin-right: 60px;
}

.text_desc_notif{
  text-align: justify;
}

.card-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 34.1418px;
  line-height: 41px;
  /* identical to box height */

  text-align: center;
}

.production-search {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 19.26px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.production-search-sub {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.2556px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.btn-production-search {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  background: #4164e3;
  width: 84px;
  height: 51px;
  border-radius: 8px;
}

.production-title-table {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 27.48px;
  line-height: 32px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */
  background: #3d58a6;
  color: #fafbfc;
}

.production-sub-month-year {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 27.48px;
  line-height: 33px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */

  color: #fafbfc;
}

.bg-table-lcg {
  background: #2b3e74;
}

.bg-month-year {
  background: #3d58a6;
}
.fontSize10 {
  font-family: "Avenir LT Std";
  font-size: 10px;
  
}
.fontSize18 {
  font-family: "Avenir LT Std";
  font-size: 18px;
}
.fontSize20 {
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.fontSize12 {
  font-family: "Avenir LT Std";
  font-size: 12px;
}
.fontSize11 {
  font-family: "Avenir LT Std";
  font-size: 11px;
}
.fontSize9 {
  font-family: "Avenir LT Std";
  font-size: 9px;
}
.required_field{
  color:yellow;
}

.statement_font{
  color:#4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
/* Style the autocomplete dropdown */
.ui-menu{
  width: fit-content !important;
  z-index: 1001 !important;
  top: 30% !important;
  left: 50% !important;
}

.ui-autocomplete {
  max-height: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
  position: absolute;
  width: 100%;
  transform: translateY(0);
}
.no-helper-status .ui-helper-hidden-accessible {
  display: none;
}

.ui-menu-item {
  padding: 8px 10px;
  cursor: pointer;
}

.ui-menu-item:hover {
  background-color: #f0f0f0;
}


.user-profie-rep-code-header{
  font-size:20px;
  font-weight:100;
  padding: 8px 10px;
  color:white;
  background-color:#474747;
}

.sticky-head {
  position: sticky;
  top: 0; /* Stick the header to the top */
  z-index: 1; /* Ensure the header appears above the table body while scrolling */
}

.font-size-20-bold{
  font-size: 20px;
  font-weight: bold;
}

/* Define A4 page size in millimeters (mm) */
@page {
  .printable{
    size: 210mm 297mm;
    margin: 0;
  }
  
  .printable-payslip{
    size: landscape;
  }
}

/* Reset default margin and padding */
.body-printable, .h1-printable, .h2-printable, .p-printable {
  margin: 0;
  padding: 0;
}

/* Define styles for the header */
.header-printable {
  color: #262862;
  padding: 75px;
  text-align: center;
} 
.header-printable-mystatement {
  color: #262862;
  padding: 0px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  top:0px;

} 

.header-printable-salary {
  color: #262862;
  text-align: center;
  display: none;
} 

.header-printable-payslip-introducer {
  color: #262862;
  text-align: center;
  display: none;
} 

/* Define styles for the body */
.body-printable {
  min-height: calc(112vh - 300px);
}

.body-printable-salary {
  min-height: fit-content;
}

.body-printable-payslip-introducer {
  min-height: fit-content;
  align-self: center;
  width: 1116px;
}

.footer-printable-salary {
  display: none;
}

.footer-printable-payslip-introducer{
  display: none;
}

.nb-text{
  display: none;
}

/* Define styles for the footer */
/* .footer-printable {
  color: #262862;
  bottom: 0;
  width: 100%;
} */


.notification-text{
  color:red;
  position: absolute;
  font-weight: bold;
  margin-left: 34px;
  margin-top: -30px;
}

.onhover-blue:hover{
  background-color: cornflowerblue;
  color: white;
  border-radius: 10px;
  border-style: solid;
  border-color: #3d58a6;
}

.text-inherit-bold{
  color: inherit;
  font-weight: bold;
}

.selected-commrate{
  background-color: cornflowerblue;
  color: white;
  font-weight: bold;
}

.padding_page{
  display: none;
}


.background-red {
  background-color: #ef7b7b;
}

.background-green {
  background-color: #28c64b;
}

.background-yellow {
  background-color: #c1c222;
}

.text-red {
  color: #e44949;;
}

.text-green {
  color: #28c64b;
}

.text-yellow {
  color: #c1c222;
}

.popup-bubble {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: antiquewhite;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  font-size: 16px;
  width: 150px;
}

.popup-bubble::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
}

.popup-bubble ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.popup-bubble ul li{
  padding: 5px 0;
  cursor: pointer;
}

.popup-bubble ul li:hover {
  background-color: #f0f0f0;
}


@media print {
  body {
    visibility: hidden;
    
  }

  .header-printable-salary {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
  }

  .body-printable-salary{
    padding-top: 220px;
    padding-bottom: 75px;
    width: 100%;
  }

  .payslip-box .table tr.padding_page{
    padding-top: 220px;
    display: block;
  }

  .tr-printable:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .tr-printable-salary:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .page-break{
    page-break-after: always;
    padding-top: 220px;
  }
  
  .centered-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tr-printable {
    margin-top: 220px;
    page-break-inside: avoid;
  }

  .printable {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .printable-payslip {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .footer-printable-salary {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    color: #262862;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: center;
  }
  .nb-text{
    display: inline;
  }

  .header-printable-payslip-introducer {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  } 

  .body-printable-payslip-introducer{
    margin: 0;
    padding-top: 160px;
    left: 20;
    padding-right: 40px;
    display: block !important;
    content: "Content";
    position: fixed;
    top: 0;
    width: 100%;
  }


  .footer-printable-payslip-introducer {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    align-self: center;
    color: #262862;
    margin-right: 20px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
}

.commrate-radio-btn{
    transform: scale(0.95); /* Adjust the scale factor as needed */
    margin-right: 5px; /* Add some space between the radio button and label */
}
    /* Apply styles to make radio buttons smaller */

.product-training-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}


.product-questionnaire-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}

/*Profile*/
.repcode{
  font-size: 14px;
}


.management-float-div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}


/* Floating Help Button */
.floating-help-btn {
  position: fixed;
  top: 95px;
  right: 10px;
  z-index: 10000;
  cursor: pointer;
  background-color: #474747;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

.floating-help-btn:hover {
  background-color: #56a4be;
  transform: scale(1.1);
}

.floating-help-btn i {
  font-size: 24px;
}

/* Responsive styles for floating help button */
@media (max-width: 768px) {
  .floating-help-btn {
    width: 45px;
    height: 45px;
    top: 85px;
    right: 15px;
  }

  .floating-help-btn i {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .floating-help-btn {
    width: 40px;
    height: 40px;
    top: 75px;
    right: 10px;
  }

  .floating-help-btn i {
    font-size: 18px;
  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  
  #main_display_div {
    /*
    padding: 10px;
    font-size: 14px;
    transform: scale(0.8);
    overflow: auto;
    max-height: 100vh;
    */
  }
/*
  #sidebar {
    transform: scale(0.7);
    font-size: 14px;
  }*/

  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 200px;
  }


  .leading-card-content{
    border-radius: 0px 0px 10px 10px;
    width: 350px;
    height: 200px;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #main_display_div {
    padding: 10px;
    font-size: 14px;/*
    transform: scale(0.8);
    overflow: auto;
    max-height: 100vh;
    */
  }
  /*
  #sidebar {
    transform: scale(0.7);
    font-size: 14px;
  }*/

  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 200px;
  }

  .leading-card-content{
    border-radius: 0px 0px 10px 10px;
    width: 350px;
    height: 200px;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
  }
}

/* ── main_adviser.css ── */
.dz-progress{
  margin-top: -20px !important ;
}
#account-top-collapse{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 5px;

}


.form-container-five {
  min-width: 1000px;
  margin-top: 120px;
  padding-bottom: 10px;
}
.title-header {
  height: 55px;
  background: #474747;
  border-radius: 10px 10px 0px 0px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-top: 15px;
}
.title-body {
  box-sizing: border-box;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  --bs-gutter-x: 0rem;
  /* padding-bottom: 15px; */
}

.margin-top {
  margin-top: 25px;
}

.label-col {
  /* width: 250px; */
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: start;
  /* color: var(--main_color); */
  color: #474747;
}

.col-align {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 120px;
  display: flex;
  margin: 10px;
}

.col-align-regulated {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  min-width: 40px;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px;
}
.col-align-number {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 60px;
  display: flex;
  margin: 5px;
}


.col-align-nowidth {
  justify-content: center;
  margin-top: 15px;
  align-items: center;
  display: flex;
  margin: 10px;
}

.label-input {
  margin-left: 10px;
  margin-top: 5px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis {
  flex-basis: 145px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-user-profile {
  flex-basis: 165px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-regulated {
  padding-left: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.input-col {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 30px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}
.input-col-tabs {
  flex-grow: 1;
  box-sizing: border-box;
  /* padding: 5px; */
  /* padding-left: 10px;
  padding-right: 10px; */
  min-width: -webkit-fill-available;
  min-height: 50px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  /* border-radius: 5px; */
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-many {
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 10px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-mobile-number {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  box-sizing: border-box;
  min-width: 250px;
  height: 45px;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-radio {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  width: 10px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.button_standard {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: #2563eb;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  color: white;
  font-size: 18px;

  
}
.button_standard:active,
.button_standard:focus {
  background-color: grey;
  color:rgb(100, 100, 100);
}
.clickable {
  cursor: pointer;
}

.mobile-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
  display: flex;
  padding-left: 10px;
  align-items: center;
  flex-grow: 1;
}
.country-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
}
.mobile-flex-grow {
  flex-grow: 1;
  display: flex;
}
/* .body-col1 {
  flex-basis: 80px;
}
.body-col2 {
  flex-basis: 80px;
} */
.body-col3 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
    no-repeat;
  background-position: right 5px top; /* Change the px value here to change the distance */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 4px;
}

.photo-box {
  box-sizing: border-box;

  width: 100%;
  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box2 {
  box-sizing: border-box;

  width: 200px;
  max-width: 200px;

  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box-btn {
  box-sizing: border-box;
  width: 160px;
  height: 45px;
  background: var(--main_color);
  border-radius: 5px;
  border-style: none;
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-align: center;

  color: #ffffff;
}

.btn-absolute-right {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}

.btn-absolute-right-pad {
  margin-left: 5px;
}

/* #btn-save,
#btn-cancel {
  display: none;
} */

button#docname {
  border-color: transparent;
  background-color: transparent;
}

.field-warning {
  border-color: var(--warning_field_color);
}

.modal-backdrop {
  background-color: rgb(255, 255, 255, 0.2) !important;
  width: max-content;
  height: max-content;
}

.btn-warning-del,
.btn-warning-no {
  width: 40%;
}

.page_title {
  position: fixed;
  font-family: "avenir";
  font-size: 18px;
}

.nav-tabs {
  margin-top: var(--main-navigation_height);
  position: fixed;
  height: auto;
  z-index: 7;
  padding: 20px;
}

.nav-tab-container {
  padding-top: 105px;
}

.tab-container {
  display: flex;
}

.tabs {
  padding: 10px 20px;
  cursor: pointer;
  color: #2563eb;
  background-color: #f0f0f0f0;
  position: relative;
  display: inline-block;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left: 7px;
  transform: perspective(10px) rotateX(2deg);
}

.tabs.active{
  color: #2563eb;
  background-color: #f0f0f0f0;
  background-color: #2563eb;
  color: #f0f0f0;
}

.nav-tabs-dummy {
  opacity: 0;
  color: transparent;
  background-color: transparent;
  display: flex;
  flex-wrap: nowrap;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}
.top-margin-10px {
  margin-top: 10px;
}
.top-margin-20px {
  margin-top: 20px;
}

.float-container {
  background-color: black;
}

.advisers-list-margin {
  margin-top: 0px;
}

.display-none {
  display: none;
}

.errormessage {
  color: red;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.errorinput {
  background-color: #ffcccc !important;
}

/*Button*/
.roundedbutton {
  border-radius: 5px;
}

/*Div Table style*/

.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}

.divTableHeader {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #2563eb;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.divTableHeaderComm {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #2563eb;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 14px;
}


.divTableCell {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
}
.divTableCellComm {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
  font-size: 14px;
}
.divCellBottomBorder {
  border-bottom: 1px solid #dedede;
  padding: 8px;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.divPadding5 {
  padding: 5px;
}
.divAlighLeft {
  text-align: left;
}
.divborder-1 {
  border: 1px solid #999999;
}
.divHighlight {
  background-color: rgb(206, 236, 255);
}
.divrow_even_color {
  background-color: rgb(255, 251, 217);
}
.divrow_odd_color {
  background-color: #ffffff;
}
.centered_contents {
  vertical-align: middle;
  text-align: center;
}

.global-pointer {
  cursor: pointer;
}

.button-add-something {
  width: fit-content;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}

.dsp-flex {
  display: flex;
}

.borderless {
  border: none;
  outline: none;
  border-color: transparent;
  background-color: transparent;
}
.left_middle_contents {
  vertical-align: middle;
  text-align: left;
}

.center-float-div {
  position: fixed;
  top: 10%;
  left: 25%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}
.center-float-div-message {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center; 
  top: 50%;
  left: 33%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 150px;
  min-width: 300px;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1060;
  padding: 20px;
  text-align: center;
}

.container {
  display: flex;
  flex-wrap: wrap; /* allows items to wrap to a new line if the container is too small */
}

.divright {
  flex: 1;
}

.label-text-middle-left {
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  text-align: start;
  color: var(--font_color);
  vertical-align: middle;
  text-align: left;
}
.label-text-announcement-broadcast {
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--font_color);
  vertical-align: middle;
  text-align: left;
}
.div_header {
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
  background-color: #2563eb;
  height: 50px;
  color: white;
  padding: 10px;
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
}
.float-add-button {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2563eb;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.float-add-icon {
  /* identical to box height */
  font-size: 50px;
  color: whitesmoke;
}
.text_button {
  font-family: "avenir LT Std";
  font-style: normal;
  font-size: 18px;
  text-decoration: none;
  color: #474747;
  font-weight: 400;
  cursor: pointer;
}
.div_drop_shadow {
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
}
.moveable {
  cursor: move;
}
.pagination_button {
  padding: 10px;
  /*width: 50px;*/
  text-align: center;
  border: 1px solid #ededed;
}
.pagination_current_page_button {
  background-color: #d4e5ff;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-3 {
  padding: 3px;
}

.padding-0 {
  padding: 0px;
}

.list-card-container {
  border-radius: 10px;
  padding: 2px;
  margin-bottom: 20px;
  background-color: #474747;
  color: white;
}
tr.table-line-none {
  border-style: none;
  border-color: transparent;
}
.edit-color {
  color: var(--brand-icon);
}

/*.zoom-adjustment {
  zoom: 80%;
}*/

.edit-color {
  color: var(--brand-icon);
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.label-flex-basis-disciplinary {
  flex-basis: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.on-input {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(48, 48, 48);
  border-color: rgb(48, 48, 48);
}

.all-center {
  align-items: center;
  justify-content: center;
}

.input-container-tabs {
  display: flex;
  margin: 2px;
  align-items: center;
  justify-content: center;
}

.col-align-cmfas {
  justify-content: flex-start;
  height: 45px;
  align-items: center;
  display: flex;
}

/* Sidebar Testing Only */
html,
body {
  margin: 0;
  height: 100%;
}

html {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.warning {
  color: var(--warning_field_color);
}

.width-100-percent {
  width: 100%;
}
.main_width {
  width: 95%;
}

.add-icon-color {
  color: var(--add_icon);
}

/* sidebar content */

.module-title {
  position: fixed;
  width: max-content;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #fafafa;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 10px 10px;
  right: 30px;
  font-weight: bold;
  background-color: #d1d1d1;
  color: #000;
}
.abi{

  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.card-content {
  border-radius: 0px 0px 10px 10px;
  width: 358px;
  height: 222px;

  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}



.leading-card-content{
  border-radius: 0px 0px 10px 10px;
  width: 30%;
  height: 200px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  
  
}
.leading-card-content img{
  position:relative;
  width:30px;
  top:-10px;
}
.fonts-production-subs-header{
  font-size:18px;
}
.prod-card-body{
  padding:10px;

}
.prod_card_table{
  font-size:12px;
}

.card-content-lagging {
  border-radius: 0px 0px 10px 10px;
  width:fit-content;
  max-width: 35%;
  min-width: 20%;
  height:200px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  
}
.card-content-lagging table{
  font-size: 14px;
}
.card-content-lagging img{
    position: relative;
    width: 30px;
    top:-10px;

}
.card-guide {
  border-radius: 5px 5px 5px 5px;
  width: 200px;
  height: 120;
  margin-right: 10px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-shortcut {
  border-radius: 5px 5px 5px 5px;
  width: 350px;
  height: 225px;
  margin-left: 100px;
  margin-top: 5px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-header-production {
  height: 36px;

  border-radius: 10px 10px 0px 0px;
}

.edit-color {
  color: var(--brand-icon);
}

.card-icon-container {
  position: relative;
  width: 65px;
  height: 65px;

  border-radius: 10px;
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.flex-basis-employment-detail {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.line-separator {
  height: 80%;
  border: 1px solid #8a8a8a;
}

.text-center {
  text-align: center;
}
.bth-login {
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: grey;
  border: 1px solid grey;
}
.nav-item {
  background-color: #ededed;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid rgb(220, 220, 220);
  margin-left: 2px;
  margin-top: 4px;
}
.nav-link {
  color: grey;
}
.active-tab {
  color: rgb(45, 38, 135);
  font-weight: bold;
  background-color: white;
}
input,
select {
  line-height: normal;
}

.m_login {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.adviser-img-container {
  border: 1px solid white;
  border-radius: 100%;
  width: inherit;
  height: inherit;
}

.advisers-photo {
  margin-top: -150px;
  object-fit: scale-down;
  height: 100px;
  width: 100px;
  transition: width 1s, height 1s, margin-top 1s;
}

.advisers-photo-small {
  margin-top: -200px;
  object-fit: scale-down;
  height: 50px;
  width: 50px;
  transition: width 1s, height 1s, margin-top 1s;
}

.adviser-circle-photo {
  position: absolute;
  width: inherit;
  border-radius: 100%;
  height: inherit;
  display: block;
  padding: 1px;
  object-fit: scale-down;
  border: 1px solid white;
  background-color: white;
}
.advisers-profile-container {
  height: 150px;
}

/*Slider*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

#life-check:checked + .slider {
  background-color: #fd9797;
}
#cis-check:checked + .slider {
  background-color: #f7ce8b;
}
#gi-check:checked + .slider {
  background-color: #95e195;
}
input:checked + .slider {
  background-color: #2196f3;
}
#mailmerge-check:checked + .slider {
  background-color: #b6fd97;
}
#mailmerge-with-pdf:checked + .slider{
  background-color: #fa5d5d;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

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

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

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

input[type="radio"] {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.fc_profile {
  font-size: 14px;
}
#main_display_div{
  margin-left:5px;
  padding:0px;
}
@-moz-document url-prefix() {
  #main_display_div th {
    font-size: 10px;
  }
  #main_display_div td {
    font-size: 10px;
  }
  #main_display_div input {
    font-size: 10px;
    height: 30px;
  }
  .sidebar-submenu-text {
    font-size: 10px;
    font-family: Verdana;
    min-width: 90px;
    text-align: left;
  }
  .sidebar-submenu-child-text {
    font-size: 10px;
    font-family: Verdana;
  }
  #row_header {
    height: 45px;
  }
  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 250px;
  }
  #sidebar-arrow-text {
    font-size: 8px;
  }
  .logo-text-white_label {
    font-size: 14px;
  }
  .logo-text-wealth {
    font-size: 5px;
  }
  .logo {
    height: 20px;
    margin-top: 5px;
  }
  .sidebar-container {
    width: 200px;
  }
  .dummy-sidebar {
    width: 200px;
  }
  .sidebar_icon {
    width: 40px;
  }
  .btn-sidebar {
    line-height: 50px;
    height: 50px;
  }
  .btn-child-sidebar {
    line-height: 50px;
    height: 50px;
  }
  #batch_no {
    font-size: 10px;
  }

  #page_title {
    margin-top: 45px;
    font-size: 12px;
  }
  .logo-container {
    padding: 30px 0px 10px 20px;
  }

  /*Div Table style for firefox*/

  .divTable {
    display: table;
    width: 100%;
  }
  .divTableRow {
    display: table-row;
  }

  .divTableHeaderDisabled {
    text-align: center;
    vertical-align: middle;
    /*display: table-header-group;*/
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "verdana";
    font-size: 12px;
  }

  .divTableCellDisabled {
    border: 0px solid #999999;
    display: table-cell;
    padding: 4px 5px;
    font-size: 12px;
    font-family: "verdana";
  }
  .divCellBottomBorder {
    border-bottom: 1px solid #dedede;
    padding: 4px;
  }

  .divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
  }
  .divTableBody {
    display: table-row-group;
  }
  #prodlist_trash {
    font-size: 18px;
  }
  .float-edit-save {
    top: 35px;
    transform: scale(0.7);
  }
  #adviser_tasbs {
    transform: scale(0.7);
    transform-origin: 0;
  }
}
.form-check-input {
  margin-right: 10px;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */

  .height-100-percent {
    height: 70%;
  }
  .font-size-24 {
    font-size: 1em;
  }
  .font-size-20 {
    font-size: 0.8em;
  }
  
  .label-flex-basis-user-profile {
    font-size: 0.8em;
  }
  .label-col {
    font-size: 0.8em;
  }
  .label-input {
    font-size: 1em;
  }
  .title-header {
    font-size: 0.8em;
  }
  .input-col {
    color: rgb(62, 62, 62);
  }
  .fc_profile {
    color: rgb(62, 62, 62);
    font-size: 0.5em;
  }
  .mobile-number-input {
    color: rgb(62, 62, 62);
  }
  .input:disabled {
    color: rgb(62, 62, 62);
  }
  .module-title {
    font-size: 0.7em;
    height: 2em;
  }
}

/*
  .btn-sidebar {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 10px;
    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;
  }*/

.form-control:disabled {
  background-color: white;
}

input[type="checkbox"][disabled] {
  color: rgb(41, 31, 189);
}

.color-orange-secondary {
  background-color: rgb(247, 245, 235, 0.5) !important;
}

.color-orange-primary {
  background-color: rgb(234, 224, 218, 0.5) !important;
}

.color-orange-primary-header {
  background-color: rgb(202, 109, 51) !important;
}
.color-blue-primary {
  background-color: rgb(142, 167, 233, 0.5) !important;
}
.color-blue-primary-header {
  background-color: rgb(40, 54, 109) !important;
}
.color-blue-secondary {
  background-color: rgb(229, 224, 255, 0.5) !important;
}

.btn-download-excell {
    justify-content: center;
    width: 162px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #474747;
    border-radius: 5px;
    color: rgb(255, 255, 255);
  }

.btn-export {
  justify-content: center;
  width: 162px;
  height: 44px;
  display: flex;
  align-items: center;
  background: #05a95c;
  border-radius: 5px;
  color: whitesmoke;
  color: rgb(255, 255, 255);
}

.btn-export:hover{
  color: rgb(252, 254, 193);
}


.btn-run-autologin {
  justify-content: space-between;
  width: 120px;
  height: 44px;
  align-items: center;
  background: #474747;
  border-radius: 5px; 
}

.form-control:read-only {
  background-color: white;
}

.scrollable-sidebar {
  overflow: auto;
}
.bold {
  font-weight: bold;
}
.abicontainer {
  display: flex;
  flex-wrap: wrap;
}

.advisers-mini-info {
  box-sizing: border-box;

  /* position: absolute; */
  width: 330px;
  height: 95%;
  /* left: 200px; */
  /* top: -270px; */
  z-index: 2;
  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}

.advisers-all-info {
  /* Rectangle 260 */

  box-sizing: border-box;

  /* position: absolute; */
  width: 75%;
  height: 95%;
  /* left: 600px; */
  /* top: -270px; */
  z-index: 2;

  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}
.noaccess_wrapper{
  top:30%;
  right:300px;
  max-width: 800px;
  left: 40%;
  border-color: #e5e5e5;
}
.noaccess_messagebox{
  color:red;
  margin-top:120px;
  font-size:25px;
}

.advisers-info-font-title {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.48px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}
.advisers-info-font-body {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19.48px;
  line-height: 22px;

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.card-name-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 23.6069px;
  line-height: 27px;

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.card-title-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 19.9867px;
  line-height: 22px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.rep-code-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.username-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 25.48px;
  line-height: 29px;
  text-align: center;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.card-username-email-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16.2866px;
  line-height: 20px;
  /* identical to box height */

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.user-profie-tab {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 25.48px;
  line-height: 31px;
  text-decoration: none;
  /* identical to box height */
  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.nav_active{
  width: 150px;
  height: 0px;
  border: 4px solid #4164E3;
}

.nav_deactive{
  width: 150px;
  height: 0px;
  border: 4px solid #9a9a9a;
}

.list_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  height: 780px;
  margin: 15px;
  width: 400px;
}

.list_notif .list{
  padding: 0;
  overflow: scroll;
  overflow-x: hidden;
  width: 400px;
  height: 715px;
  line-height: 2em;
  float:left;
}

.list_notif .list::-webkit-scrollbar{
  background:transparent;
  width: 10px;
}

.list_notif .list::-webkit-scrollbar-track{
  background:transparent;
}

.list_notif .list::-webkit-scrollbar-thumb{
  background:#dedede4a;
}

.list li.active{
  background: #E4E7EB;
}

.desc_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  height: 780px;
  margin: 15px;
  width: 1000px;
}

.description_list{
  line-height: 5px;
  margin-bottom: 10px;
}

.desc_notif_content p, pre{
  color: #77889A;
}

.date_notif{
  font-size: 14px;
}

.head_list_notif{
  border-bottom: 3px solid #E4E7EB;
  height: 60px;
}

.head_list_notif a{
  color: #77889A;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.head_list_notif ul{
margin-left: -1em;
}

.head_list_notif li.deactivate{
  background-color: #77889a1d;
  border: 3px solid #E4E7EB;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.head_list_notif li.active{
  background-color: white;
  border: 3px solid #E4E7EB;
  border-bottom: 3px solid #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 10px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.border_list_notif{
  border-width: 0px 0px 3px 0px;
  border-style: solid ;
  border-color: #E4E7EB;
  color: #77889A;
  height: auto;
}

.border_list_notif p{
  display: inline-block;
}

.border_list_notif .title_list_notif{
  font-weight: bold;
}

/* .border_list_notif .short_desc_notif{
  
} */

.desc_notif .head_desc{
  margin-left: 50px;
  margin-top: 70px;
}

.head_desc p,pre{
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
}

.desc_notif .description{
  margin-left: 100px;
  margin-top: 30px;
  margin-right: 60px;
}

.text_desc_notif{
  text-align: justify;
}

.card-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 20px;
  line-height: 41px;
  /* identical to box height */

  text-align: center;
}

.production-search {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 19.26px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.production-search-sub {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.2556px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.btn-production-search {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  background: #4164e3;
  width: 84px;
  height: 51px;
  border-radius: 8px;
}

.production-title-table {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */
  background: #3d58a6;
  color: #fafbfc;
}

.production-sub-month-year {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 27.48px;
  line-height: 33px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */

  color: #fafbfc;
}

.bg-table-lcg {
  background: #2b3e74;
}

.bg-month-year {
  background: #3d58a6;
}
.fontSize10 {
  font-family: "Avenir LT Std";
  font-size: 10px;
  
}
.fontSize18 {
  font-family: "Avenir LT Std";
  font-size: 18px;
}
.fontSize20 {
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.fontSize12 {
  font-family: "Avenir LT Std";
  font-size: 12px;
}
.fontSize11 {
  font-family: "Avenir LT Std";
  font-size: 11px;
}
.fontSize9 {
  font-family: "Avenir LT Std";
  font-size: 9px;
}
.required_field{
  color:yellow;
}

.statement_font{
  color:#4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
/* Style the autocomplete dropdown */
.ui-menu{
  width: fit-content !important;
  z-index: 1001 !important;
  top: 30% !important;
  left: 50% !important;
}

.ui-autocomplete {
  max-height: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
  position: absolute;
  width: 100%;
  transform: translateY(0);
}
.no-helper-status .ui-helper-hidden-accessible {
  display: none;
}

.ui-menu-item {
  padding: 8px 10px;
  cursor: pointer;
}

.ui-menu-item:hover {
  background-color: #f0f0f0;
}


.user-profie-rep-code-header{
  font-size:20px;
  font-weight:100;
  padding: 8px 10px;
  color:white;
  background-color:#2563eb;
}

.sticky-head {
  position: sticky;
  top: 0; /* Stick the header to the top */
  z-index: 1; /* Ensure the header appears above the table body while scrolling */
}

.font-size-20-bold{
  font-size: 20px;
  font-weight: bold;
}

/* Define A4 page size in millimeters (mm) */
@page {
  .printable{
    size: 210mm 297mm;
    margin: 0;
  }
  
  .printable-payslip{
    size: landscape;
  }
}

/* Reset default margin and padding */
.body-printable, .h1-printable, .h2-printable, .p-printable {
  margin: 0;
  padding: 0;
}

/* Define styles for the header */
.header-printable {
  color: #262862;
  padding: 75px;
  text-align: center;
} 
.header-printable-mystatement {
  color: #262862;
  padding: 0px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  top:0px;

} 

.header-printable-salary {
  color: #262862;
  text-align: center;
  display: none;
} 

.header-printable-payslip-introducer {
  color: #262862;
  text-align: center;
  display: none;
} 

/* Define styles for the body */
.body-printable {
  min-height: calc(112vh - 300px);
}

.body-printable-salary {
  min-height: fit-content;
}

.body-printable-payslip-introducer {
  min-height: fit-content;
  align-self: center;
  width: 1116px;
}

.footer-printable-salary {
  display: none;
}

.footer-printable-payslip-introducer{
  display: none;
}

.nb-text{
  display: none;
}

/* Define styles for the footer */
/* .footer-printable {
  color: #262862;
  bottom: 0;
  width: 100%;
} */


.notification-text{
  color:red;
  position: absolute;
  font-weight: bold;
  margin-left: 34px;
  margin-top: -30px;
}

.onhover-blue:hover{
  background-color: cornflowerblue;
  color: white;
  border-radius: 10px;
  border-style: solid;
  border-color: #3d58a6;
}

.text-inherit-bold{
  color: inherit;
  font-weight: bold;
}

.selected-commrate{
  background-color: cornflowerblue;
  color: white;
  font-weight: bold;
}

.padding_page{
  display: none;
}


.background-red {
  background-color: #ef7b7b;
}

.background-green {
  background-color: #28c64b;
}

.background-yellow {
  background-color: #c1c222;
}

.text-red {
  color: #e44949;;
}

.text-green {
  color: #28c64b;
}

.text-yellow {
  color: #c1c222;
}

.popup-bubble {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: antiquewhite;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  font-size: 16px;
  width: 150px;
}

.popup-bubble::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
}

.popup-bubble ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.popup-bubble ul li{
  padding: 5px 0;
  cursor: pointer;
}

.popup-bubble ul li:hover {
  background-color: #f0f0f0;
}

@media print {
  body {
    visibility: hidden;
    
  }

  .header-printable-salary {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
  }

  .body-printable-salary{
    padding-top: 220px;
    padding-bottom: 75px;
    width: 100%;
  }

  .payslip-box .table tr.padding_page{
    padding-top: 220px;
    display: block;
  }

  .tr-printable:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .tr-printable-salary:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .page-break{
    page-break-after: always;
    padding-top: 220px;
  }
  
  .centered-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tr-printable {
    margin-top: 220px;
    page-break-inside: avoid;
  }

  .printable {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .printable-payslip {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .footer-printable-salary {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    color: #262862;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: center;
  }
  .nb-text{
    display: inline;
  }

  .header-printable-payslip-introducer {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  } 

  .body-printable-payslip-introducer{
    margin: 0;
    padding-top: 160px;
    left: 20;
    padding-right: 40px;
    display: block !important;
    content: "Content";
    position: fixed;
    top: 0;
    width: 100%;
  }


  .footer-printable-payslip-introducer {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    align-self: center;
    color: #262862;
    margin-right: 20px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
}

.commrate-radio-btn{
    transform: scale(0.95); /* Adjust the scale factor as needed */
    margin-right: 5px; /* Add some space between the radio button and label */
}
    /* Apply styles to make radio buttons smaller */

.product-training-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}


.product-questionnaire-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}

/*Profile*/
.repcode{
  font-size: 14px;
}


.management-float-div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}
.mdrt_fonts{
  font-weight: bold;
  color:rgb(64, 64, 64);


}
.production-container{
  
  padding-top:60px;
  min-height:290px;
  
}
.card_container{
  height: 200px;
  width:100%;
}
#leading_tooltip{
  left:100%;
  top:-55px;
}
.production_title{
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  
  color: #6e6e6e;
}
.leading_row{
  font-size:12px;
}
.prod_multilevel_table{
  width:100%


}
.prod_multilevel_table th{
  padding:10px;
  font-size:14px;
  color:white;

  text-align: center;
  border:1px solid white;
  
  

}
.prod_multilevel_table td{
  padding:10px;
  font-size:14px;
  border:1px solid rgb(255, 255, 255);
}
.prop_td_bottom{
    background-color:#3d58a6;
}
.prod_td_top{
  background-color: #2b3e74;
}
#prod_search_panel{
  text-align: center;
  background-color: rgb(255, 255, 255); 
  padding:5px;
  font-size: 10px;
  margin-top:100px;
}
#prod_list_form{
  padding: 5px;
}
.prod_search_container{
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  width: 100%;
  padding: 0px;
}
#prod_search_wrapper{
  
  border:1px solid rgb(205, 205, 205);
  background-color: #ffffff;
  border-radius:10px;
  width: 100%;
  padding-right: 20px;
  font-size: 14px;

}
.production-search{
  margin-top: 5px;
  font-size: 14px;

}
.production-search label{
  margin-top:15px;
  font-size:18px;
}

.training_data_table th{
  font-size: 14px;
  font-weight:normal;

}
.training_data_table td{
  font-size: 12px;

}
.training_data_table {
  width:100%;


}
#refresh_modal{
  zoom:0.7;
  
}


#lagging_search_wrapper{
  text-align: center;
  background-color: rgb(255, 255, 255);
  padding:10px;
  font-size: 20px;
  width: 100%;
}
#lagging_search{
      padding:20px;
      border:1px solid rgb(205, 205, 205);
      background-color: #ffffff;
      border-radius:10px;
      width: 100%;
}

/* ── main_tab.css ── */
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-100 {
  z-index: 100;
}
.sidebar-container {
  width: 240px;
  height: 100%;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
}

.sidebar-container-advisers-view {
  width: 240px;
  height: 100%;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
}

.sidebar-advisers-view-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #77889a;
}
.sidebar-advisers-view-font-always-show {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #77889a;
}

.opacity-20 {
  opacity: 0.2;
}
.opacity-9 {
  opacity: 0.9 !important;
}
.opacity-9:disabled {
  opacity: 0.9 !important;
}

.hide-sidebar-arrow {
  display: flex;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10%;
  /*background-color: #474747;*/
  border: 1px solid #252d76;
  color: rgb(46, 46, 46);
  opacity: 0.5;
}

.hide-sidebar-postion {
  position: fixed;
  left: 250px;
  top: 10px;
}

.dummy-sidebar {
  width: 240px;
}

.sidebar-container.hide {
  width: 10%;
}

.full-content-container {
  width: 85%;
}

.sidebar-img {
  width: 80%;
}

.btn-toggle::before {
  display: flex;
  margin-top: 6px;
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
  position: relative;
  margin-left: 0;
}

.btn-sidebar {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-weight: 400;
  line-height: 60px;
  height: 60px;
  color: #000;
  background-color: #d1d1d1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 1rem;

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

.btn-child-sidebar {
  height: 60px;
  background-color: #a3a3a3;
  color: #000;
}

.btn-toggle-nav a:hover {
  border-radius: 0;
}

.btn-toggle-nav-advisers a {
  display: inline-flex;
  margin-top: 0px;
  margin-left: 0px;
  text-decoration: none;
  width: 100%;
  padding: 10px;
  font-family: "avenir";
  font-size: 16px;
  height: 60px;
}

.link-white {
  color: white;
}

.btn-sidebar:hover,
.btn-sidebar:focus {
  background-color: #8b8b8b;
  color: #000;
}

.btn-sidebar.hide {
  justify-content: flex-end;
}
.btn-toggle.hide::before {
  display: none;
}

.sidebar-submenu-text {
  font-size: 14px;
  /*font-family: "Avenir LT Std" , Helvetica, arial , "san-serif";*/
  font-family: Verdana;
}
.sidebar-submenu-child-text {
  font-size: 14px;
  /*font-family: "Avenir LT Std" , Helvetica, arial , "san-serif";**/
  font-family: Verdana;
}

.logo-text {
  height: 30px;
  padding-top: 2px;
}
.logo-text-white_label {
  height: 30px;
  padding-top: 2px;
  font-family: "Times New Roman";
  color: #bea05b;
  letter-spacing: 6px;
  font-size: 18px;
  display: inline-block;
}
.logo-text-wealth {
  height: 30px;
  padding-top: 0px;
  font-family: Verdana;
  color: #bea05b;
  font-size: 7px;
  letter-spacing: 2px;
  top: -10px;
  position: relative;
  left: -4px;
}
.logo-text-wrapper {
  text-align: center;
  left: -3px;
  top: 2px;
  position: relative;
}
#logo_enclosure_backend{
  padding-top:10px;
  padding-left:10px;
}
.sidebar-submenu.hide {
  display: none;
}


.admin-access {
  border-top: 2px solid white;
  margin-top: 20px;
}

.sidebar-scrollable {
  overflow-y: none;
}

.sidebar-scrollable ::-webkit-scrollbar {
  display: none;
}

.search-bar-container {
  margin-top: 60px;
  /* height: 120px; */
  width: 100%;
  background-color: white;
}

.advisers-information.show {
  border-radius: 5px;
  border: 0px solid white;
  backdrop-filter: blur(3px);
  width: 85%;
  height: 160px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-family: "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  background-color: rgb(70, 75, 141);
  opacity: 100;
  transition: opacity 2s;
}
.advisers-information {
  height: 200px;
  opacity: 0;
}

.advisers-information-container {
  height: inherit;
  opacity: 0;
  transition: opacity 2s;
}
.advisers-information-container.show {
  margin-top: 25px;
  height: inherit;
  width: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 100;
  transition: opacity 2s;
}

.advisers-name {
  font-size: 1.5em;
  font-weight: bold;
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .advisers-name {
    font-size: 1em;
    font-weight: bold;
  }
  .white_label-code,
  .advisers-designation {
    font-size: 0.55em;
    padding-bottom: 10px;
  }
  .logo-text-white_label {
    font-size: 0.7em;
    margin-left: -0.3em;
    margin-top: -0.2em;
    margin-bottom: 0.4em;
  }
  .logo-text-wealth {
    font-size: 0.25em;
    margin-left: 0.3em;
  }
  .logo {
    height: 1.2em;
    margin-top: 5px;
  }
  .sidebar-submenu-text {
    font-size: 0.6em;
    /*font-family: "Avenir LT Std" , Helvetica, arial , "san-serif";*/
    font-family: Verdana;
  }
  .sidebar-submenu-child-text {
    font-size: 0.6em;
    /*font-family: "Avenir LT Std" , Helvetica, arial , "san-serif";**/
    font-family: Verdana;
  }
  #sidebar-arrow-text {
    font-size: 0.5em;
  }
  .production-table-title {
    font-size: 0.8em;
  }
  .production-fonts {
    font-size: 1em;
  }
  .fonts-production-subs-header {
    font-size: 1em;
  }
  .fonts-production-subs-content {
    font-size: 0.5em;
  }
  .line-separator {
    height: 100%;
    margin-left: 20px;
    margin-right: 10px;
  }
  .height-100-percent {
    height: 70%;
  }

  .row-content-company {
    font-size: 0.7em;
  }
}

/* Temporary Only */





@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .sidebar-container-advisers-view {
    width: 200px;
    height: 100%;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
  }

  .btn-toggle-nav-advisers a {
  display: inline-flex;
  margin-top: 0px;
  margin-left: 0px;
  text-decoration: none;
  width: 100%;
  padding: 5px;
  font-family: "avenir";
  font-size: 14px;
  height: 60px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .sidebar-container-advisers-view {
    width: 200px;
    height: 100%;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
  }

  .btn-toggle-nav-advisers a {
    display: inline-flex;
    margin-top: 0px;
    margin-left: 0px;
    text-decoration: none;
    width: 100%;
    padding: 5px;
    font-family: "avenir";
    font-size: 14px;
    height: 60px;
  }
}
.dz-progress{
  margin-top: -20px !important ;
}

.form-container-five {
  min-width: 1000px;
  margin-top: 120px;
  padding-bottom: 10px;
}
.title-header {
  height: 55px;
  background: #474747;
  border-radius: 10px 10px 0px 0px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-top: 15px;
}
.title-body {
  box-sizing: border-box;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  --bs-gutter-x: 0rem;
  /* padding-bottom: 15px; */
}

.margin-top {
  margin-top: 25px;
}

.label-col {
  /* width: 250px; */
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: start;
  /* color: var(--main_color); */
  color: #474747;
}

.col-align {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 120px;
  display: flex;
  margin: 10px;
}

.col-align-regulated {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  min-width: 40px;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px;
}
.col-align-number {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 60px;
  display: flex;
  margin: 5px;
}

.label-input {
  margin-left: 10px;
  margin-top: 5px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis {
  flex-basis: 145px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-user-profile {
  flex-basis: 165px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-regulated {
  padding-left: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.input-col {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 30px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}
.input-col-tabs {
  flex-grow: 1;
  box-sizing: border-box;
  /* padding: 5px; */
  /* padding-left: 10px;
  padding-right: 10px; */
  min-width: -webkit-fill-available;
  min-height: 50px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  /* border-radius: 5px; */
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-many {
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 10px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-mobile-number {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  box-sizing: border-box;
  min-width: 250px;
  height: 45px;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}
.button_standard {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: #474747;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  color: white;
  font-size: 18px;

  
}
.button_standard:active,
.button_standard:focus {
  background-color: grey;
  color:rgb(100, 100, 100);
}
.clickable {
  cursor: pointer;
}

.mobile-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
  display: flex;
  padding-left: 10px;
  align-items: center;
  flex-grow: 1;
}
.country-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
}
.mobile-flex-grow {
  flex-grow: 1;
  display: flex;
}
/* .body-col1 {
  flex-basis: 80px;
}
.body-col2 {
  flex-basis: 80px;
} */
.body-col3 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
    no-repeat;
  background-position: right 5px top; /* Change the px value here to change the distance */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 4px;
}

.photo-box {
  box-sizing: border-box;

  width: 100%;
  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box2 {
  box-sizing: border-box;

  width: 200px;
  max-width: 200px;

  /*height: 255px;*/

  background: #ffffff;
  
  border: 0px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box-btn {
  box-sizing: border-box;
  width: 160px;
  height: 45px;
  background: var(--main_color);
  border-radius: 5px;
  border-style: none;
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-align: center;

  color: #ffffff;
}

.btn-absolute-right {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}

.btn-absolute-right-pad {
  margin-left: 5px;
}

/* #btn-save,
#btn-cancel {
  display: none;
} */

button#docname {
  border-color: transparent;
  background-color: transparent;
}

.field-warning {
  border-color: var(--warning_field_color);
}

.modal-backdrop {
  background-color: rgb(255, 255, 255, 0.2) !important;
  width: max-content;
  height: max-content;
}

.btn-warning-del,
.btn-warning-no {
  width: 40%;
}

.page_title {
  position: fixed;
  font-family: "avenir";
  font-size: 18px;
}

.nav-tabs {
  margin-top: var(--main-navigation_height);
  position: fixed;
  height: auto;
  z-index: 7;
  padding: 20px;
}

.nav-tab-container {
  padding-top: 105px;
}

.tab-container {
  display: flex;
}

.tabs {
  padding: 10px 20px;
  cursor: pointer;
  color: #474747;
  background-color: #f0f0f0f0;
  position: relative;
  display: inline-block;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left: 7px;
  transform: perspective(10px) rotateX(2deg);
}

.tabs.active{
  color: #474747;
  background-color: #f0f0f0f0;
  background-color: #474747;
  color: #f0f0f0;
}

.nav-tabs-dummy {
  opacity: 0;
  color: transparent;
  background-color: transparent;
  display: flex;
  flex-wrap: nowrap;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}
.top-margin-10px {
  margin-top: 10px;
}
.top-margin-20px {
  margin-top: 20px;
}

.float-container {
  background-color: black;
}

.advisers-list-margin {
  margin-top: 0px;
}

.display-none {
  display: none;
}

.errormessage {
  color: red;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.errorinput {
  background-color: #ffcccc !important;
}

/*Button*/
.roundedbutton {
  border-radius: 5px;
}

/*Div Table style*/

.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}

.divTableHeader {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.divTableHeaderComm {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 14px;
}


.divTableCell {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
}
.divTableCellComm {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
  font-size: 14px;
}
.divCellBottomBorder {
  border-bottom: 1px solid #dedede;
  padding: 8px;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.divPadding5 {
  padding: 5px;
}
.divAlighLeft {
  text-align: left;
}
.divborder-1 {
  border: 1px solid #999999;
}
.divHighlight {
  background-color: rgb(206, 236, 255);
}
.divrow_even_color {
  background-color: rgb(255, 251, 217);
}
.divrow_odd_color {
  background-color: #ffffff;
}
.centered_contents {
  vertical-align: middle;
  text-align: center;
}

.global-pointer {
  cursor: pointer;
}

.button-add-something {
  width: fit-content;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}

.dsp-flex {
  display: flex;
}

.borderless {
  border: none;
  outline: none;
  border-color: transparent;
  background-color: transparent;
}
.left_middle_contents {
  vertical-align: middle;
  text-align: left;
}

.center-float-div {
  position: fixed;
  top: 10%;
  left: 25%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}

.container {
  display: flex;
  flex-wrap: wrap; /* allows items to wrap to a new line if the container is too small */
}

.divright {
  flex: 1;
}

.label-text-middle-left {
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  text-align: start;
  color: var(--font_color);
  vertical-align: middle;
  text-align: left;
}
.div_header {
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
  background-color: #474747;
  height: 50px;
  color: white;
  padding: 10px;
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
}
.float-add-button {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.float-add-icon {
  /* identical to box height */
  font-size: 50px;
  color: whitesmoke;
}
.text_button {
  font-family: "avenir LT Std";
  font-style: normal;
  font-size: 18px;
  text-decoration: none;
  color: #474747;
  font-weight: 400;
  cursor: pointer;
}
.div_drop_shadow {
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
}
.moveable {
  cursor: move;
}
.pagination_button {
  padding: 10px;
  /*width: 50px;*/
  text-align: center;
  border: 1px solid #ededed;
}
.pagination_current_page_button {
  background-color: #d4e5ff;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-3 {
  padding: 3px;
}

.padding-0 {
  padding: 0px;
}

.list-card-container {
  border-radius: 10px;
  padding: 2px;
  margin-bottom: 20px;
  background-color: #474747;
  color: white;
}
tr.table-line-none {
  border-style: none;
  border-color: transparent;
}
.edit-color {
  color: var(--brand-icon);
}

/* .zoom-adjustment {
  zoom: 80%;
} */

.edit-color {
  color: var(--brand-icon);
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.label-flex-basis-disciplinary {
  flex-basis: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.on-input {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(48, 48, 48);
  border-color: rgb(48, 48, 48);
}

.all-center {
  align-items: center;
  justify-content: center;
}

.input-container-tabs {
  display: flex;
  margin: 2px;
  align-items: center;
  justify-content: center;
}

.col-align-cmfas {
  justify-content: flex-start;
  height: 45px;
  align-items: center;
  display: flex;
}

/* Sidebar Testing Only */
html,
body {
  margin: 0;
  height: 100%;
}

html {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.warning {
  color: var(--warning_field_color);
}

.width-100-percent {
  width: 100%;
}
.main_width {
  width: 95%;
}

.add-icon-color {
  color: var(--add_icon);
}

/* sidebar content */

.module-title {
  position: fixed;
  width: max-content;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #fafafa;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 10px 10px;
  right: 30px;
  font-weight: bold;
  background-color: #d1d1d1;
  color: #000;
}
.abi{

  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.card-content {
  border-radius: 0px 0px 10px 10px;
  width: 358px;
  height: 222px;

  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}



.leading-card-content{
  border-radius: 0px 0px 10px 10px;
  width: 500px;
  height: 222px;
  
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  
}

.card-guide {
  border-radius: 5px 5px 5px 5px;
  width: 200px;
  height: 120;
  margin-right: 10px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-shortcut {
  border-radius: 5px 5px 5px 5px;
  width: 350px;
  height: 225px;
  margin-left: 100px;
  margin-top: 5px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #fff;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
}

.card-header-production {
  height: 46px;

  border-radius: 10px 10px 0px 0px;
}

.edit-color {
  color: var(--brand-icon);
}

.card-icon-container {
  position: relative;
  width: 65px;
  height: 65px;

  border-radius: 10px;
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.flex-basis-employment-detail {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.line-separator {
  height: 80%;
  border: 1px solid #8a8a8a;
}

.text-center {
  text-align: center;
}
.bth-login {
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: grey;
  border: 1px solid grey;
}
.nav-item {
  background-color: #ededed;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid rgb(220, 220, 220);
  margin-left: 2px;
  margin-top: 4px;
}
.nav-link {
  color: grey;
}
.active-tab {
  color: rgb(45, 38, 135);
  font-weight: bold;
  background-color: white;
}
input,
select {
  line-height: normal;
}

.m_login {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.adviser-img-container {
  border: 1px solid white;
  border-radius: 100%;
  width: inherit;
  height: inherit;
}

.advisers-photo {
  margin-top: -150px;
  object-fit: scale-down;
  height: 100px;
  width: 100px;
  transition: width 1s, height 1s, margin-top 1s;
}

.advisers-photo-small {
  margin-top: -200px;
  object-fit: scale-down;
  height: 50px;
  width: 50px;
  transition: width 1s, height 1s, margin-top 1s;
}

.adviser-circle-photo {
  position: absolute;
  width: inherit;
  border-radius: 100%;
  height: inherit;
  display: block;
  padding: 1px;
  object-fit: scale-down;
  border: 1px solid white;
  background-color: white;
}
.advisers-profile-container {
  height: 150px;
}

/*Slider*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

#life-check:checked + .slider {
  background-color: #fd9797;
}
#cis-check:checked + .slider {
  background-color: #f7ce8b;
}
#gi-check:checked + .slider {
  background-color: #95e195;
}
input:checked + .slider {
  background-color: #2196f3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

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

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

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

input[type="radio"] {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.fc_profile {
  font-size: 14px;
}

@-moz-document url-prefix() {
  #main_display_div th {
    font-size: 10px;
  }
  #main_display_div td {
    font-size: 10px;
  }
  #main_display_div input {
    font-size: 10px;
    height: 30px;
  }
  .sidebar-submenu-text {
    font-size: 10px;
    font-family: Verdana;
    min-width: 90px;
    text-align: left;
  }
  .sidebar-submenu-child-text {
    font-size: 10px;
    font-family: Verdana;
  }
  #row_header {
    height: 45px;
  }
  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 250px;
  }
  #sidebar-arrow-text {
    font-size: 8px;
  }
  .logo-text-white_label {
    font-size: 14px;
  }
  .logo-text-wealth {
    font-size: 5px;
  }
  .logo {
    height: 30px;
    margin-top: 5px;
  }
  .sidebar-container {
    width: 200px;
  }
  .dummy-sidebar {
    width: 200px;
  }
  .sidebar_icon {
    width: 40px;
  }
  .btn-sidebar {
    line-height: 50px;
    height: 50px;
  }
  .btn-child-sidebar {
    line-height: 50px;
    height: 50px;
  }
  #batch_no {
    font-size: 10px;
  }

  #page_title {
    margin-top: 45px;
    font-size: 12px;
  }
  .logo-container {
    padding: 30px 0px 10px 20px;
  }

  /*Div Table style for firefox*/

  .divTable {
    display: table;
    width: 100%;
  }
  .divTableRow {
    display: table-row;
  }

  .divTableHeaderDisabled {
    text-align: center;
    vertical-align: middle;
    /*display: table-header-group;*/
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "verdana";
    font-size: 12px;
  }

  .divTableCellDisabled {
    border: 0px solid #999999;
    display: table-cell;
    padding: 4px 5px;
    font-size: 12px;
    font-family: "verdana";
  }
  .divCellBottomBorder {
    border-bottom: 1px solid #dedede;
    padding: 4px;
  }

  .divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
  }
  .divTableBody {
    display: table-row-group;
  }
  #prodlist_trash {
    font-size: 18px;
  }
  .float-edit-save {
    top: 35px;
    transform: scale(0.7);
  }
  #adviser_tasbs {
    transform: scale(0.7);
    transform-origin: 0;
  }
}
.form-check-input {
  margin-right: 10px;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */

  .height-100-percent {
    height: 70%;
  }
  .font-size-24 {
    font-size: 1em;
  }
  .font-size-20 {
    font-size: 0.8em;
  }
  
  .label-flex-basis-user-profile {
    font-size: 0.8em;
  }
  .label-col {
    font-size: 0.8em;
  }
  .label-input {
    font-size: 1em;
  }
  .title-header {
    font-size: 0.8em;
  }
  .input-col {
    color: rgb(62, 62, 62);
  }
  .fc_profile {
    color: rgb(62, 62, 62);
    font-size: 0.5em;
  }
  .mobile-number-input {
    color: rgb(62, 62, 62);
  }
  .input:disabled {
    color: rgb(62, 62, 62);
  }
  .module-title {
    font-size: 0.7em;
    height: 2em;
  }
}

/*
  .btn-sidebar {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 10px;
    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;
  }*/

.form-control:disabled {
  background-color: white;
}

input[type="checkbox"][disabled] {
  color: rgb(41, 31, 189);
}

.color-orange-secondary {
  background-color: rgb(247, 245, 235, 0.5) !important;
}

.color-orange-primary {
  background-color: rgb(234, 224, 218, 0.5) !important;
}

.color-orange-primary-header {
  background-color: rgb(202, 109, 51) !important;
}
.color-blue-primary {
  background-color: rgb(142, 167, 233, 0.5) !important;
}
.color-blue-primary-header {
  background-color: rgb(40, 54, 109) !important;
}
.color-blue-secondary {
  background-color: rgb(229, 224, 255, 0.5) !important;
}

.btn-download-excell {
    justify-content: center;
    width: 162px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #474747;
    border-radius: 5px;
    color: rgb(255, 255, 255);
  }

.btn-export {
  justify-content: center;
  width: 162px;
  height: 44px;
  display: flex;
  align-items: center;
  background: #05a95c;
  border-radius: 5px;
  color: whitesmoke;
  color: rgb(255, 255, 255);
}

.btn-export:hover{
  color: rgb(252, 254, 193);
}


.btn-run-autologin {
  justify-content: space-between;
  width: 120px;
  height: 44px;
  align-items: center;
  background: #474747;
  border-radius: 5px; 
}

.form-control:read-only {
  background-color: white;
}

.bold {
  font-weight: bold;
}
.abicontainer {
  display: flex;
  flex-wrap: wrap;
}

.advisers-mini-info {
  box-sizing: border-box;

  /* position: absolute; */
  width: 330px;
  height: 95%;
  /* left: 200px; */
  /* top: -270px; */
  z-index: 2;
  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}

.advisers-all-info {
  /* Rectangle 260 */

  box-sizing: border-box;

  /* position: absolute; */
  width: 75%;
  height: 95%;
  /* left: 600px; */
  /* top: -270px; */
  z-index: 2;

  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}
.noaccess_wrapper{
  top:30%;
  right:300px;
  max-width: 800px;
  left: 40%;
  border-color: #e5e5e5;
}
.noaccess_messagebox{
  color:red;
  margin-top:120px;
  font-size:25px;
}

.advisers-info-font-title {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.48px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}
.advisers-info-font-body {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19.48px;
  line-height: 22px;

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.card-name-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 23.6069px;
  line-height: 27px;

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.card-title-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 19.9867px;
  line-height: 22px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.rep-code-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.username-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 25.48px;
  line-height: 29px;
  text-align: center;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.card-username-email-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16.2866px;
  line-height: 20px;
  /* identical to box height */

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.user-profie-tab {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 25.48px;
  line-height: 31px;
  text-decoration: none;
  /* identical to box height */
  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.nav_active{
  width: 150px;
  height: 0px;
  border: 4px solid #4164E3;
}

.nav_deactive{
  width: 150px;
  height: 0px;
  border: 4px solid #9a9a9a;
}

.list_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  height: 780px;
  margin: 15px;
  width: 400px;
}

.list_notif .list{
  padding: 0;
  overflow: scroll;
  overflow-x: hidden;
  width: 400px;
  height: 715px;
  line-height: 2em;
  float:left;
}

.list_notif .list::-webkit-scrollbar{
  background:transparent;
  width: 10px;
}

.list_notif .list::-webkit-scrollbar-track{
  background:transparent;
}

.list_notif .list::-webkit-scrollbar-thumb{
  background:#dedede4a;
}

.list li.active{
  background: #E4E7EB;
}

.desc_notif{
  border: 5px solid #E4E7EB;
  border-radius: 8px;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
  height: 780px;
  margin: 15px;
  width: 1000px;
}

.description_list{
  line-height: 5px;
  margin-bottom: 10px;
}

.desc_notif_content p, pre{
  color: #77889A;
}

.date_notif{
  font-size: 14px;
}

.head_list_notif{
  border-bottom: 3px solid #E4E7EB;
  height: 60px;
}

.head_list_notif a{
  color: #77889A;
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.head_list_notif ul{
margin-left: -1em;
}

.head_list_notif li.deactivate{
  background-color: #77889a1d;
  border: 3px solid #E4E7EB;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.head_list_notif li.active{
  background-color: white;
  border: 3px solid #E4E7EB;
  border-bottom: 3px solid #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 10px;
  margin-right: 15px;
  margin-top: 15px;
  text-decoration: none; 
  list-style-type: none;
}

.border_list_notif{
  border-width: 0px 0px 3px 0px;
  border-style: solid ;
  border-color: #E4E7EB;
  color: #77889A;
  height: auto;
}

.border_list_notif p{
  display: inline-block;
}

.border_list_notif .title_list_notif{
  font-weight: bold;
}

/* .border_list_notif .short_desc_notif{
  
} */

.desc_notif .head_desc{
  margin-left: 50px;
  margin-top: 70px;
}

.head_desc p,pre{
  font-family: "Avenir LT Std";
  font-style: normal;
  font-size: 18px;
}

.desc_notif .description{
  margin-left: 100px;
  margin-top: 30px;
  margin-right: 60px;
}

.text_desc_notif{
  text-align: justify;
}

.card-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 34.1418px;
  line-height: 41px;
  /* identical to box height */

  text-align: center;
}

.production-search {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 14px;
  line-height: 18px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.production-search-sub {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.btn-production-search {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  background: #4164e3;
  width: 84px;
  height: 51px;
  border-radius: 8px;
}

.production-title-table {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 27.48px;
  line-height: 32px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */
  background: #3d58a6;
  color: #fafbfc;
}

.production-sub-month-year {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 27.48px;
  line-height: 33px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */

  color: #fafbfc;
}

.bg-table-lcg {
  background: #2b3e74;
}

.bg-month-year {
  background: #3d58a6;
}
.fontSize10 {
  font-family: "Avenir LT Std";
  font-size: 10px;
  
}
.fontSize18 {
  font-family: "Avenir LT Std";
  font-size: 18px;
}
.fontSize20 {
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.fontSize12 {
  font-family: "Avenir LT Std";
  font-size: 12px;
}
.fontSize11 {
  font-family: "Avenir LT Std";
  font-size: 11px;
}
.fontSize9 {
  font-family: "Avenir LT Std";
  font-size: 9px;
}
.required_field{
  color:yellow;
}

.statement_font{
  color:#4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
/* Style the autocomplete dropdown */
.ui-menu{
  width: fit-content !important;
  z-index: 1001 !important;
  top: 30% !important;
  left: 50% !important;
}

.ui-autocomplete {
  max-height: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
  position: absolute;
  width: 100%;
  transform: translateY(0);
}
.no-helper-status .ui-helper-hidden-accessible {
  display: none;
}

.ui-menu-item {
  padding: 8px 10px;
  cursor: pointer;
}

.ui-menu-item:hover {
  background-color: #f0f0f0;
}


.user-profie-rep-code-header{
  font-size:20px;
  font-weight:100;
  padding: 8px 10px;
  color:white;
  background-color:#474747;
}

.sticky-head {
  position: sticky;
  top: 0; /* Stick the header to the top */
  z-index: 1; /* Ensure the header appears above the table body while scrolling */
}

.font-size-20-bold{
  font-size: 20px;
  font-weight: bold;
}

/* Define A4 page size in millimeters (mm) */
@page {
  .printable{
    size: 210mm 297mm;
    margin: 0;
  }
  
  .printable-payslip{
    size: landscape;
  }
}

/* Reset default margin and padding */
.body-printable, .h1-printable, .h2-printable, .p-printable {
  margin: 0;
  padding: 0;
}

/* Define styles for the header */
.header-printable {
  color: #262862;
  padding: 75px 250px;
  text-align: center;
} 

.header-printable-salary {
  color: #262862;
  text-align: center;
  display: none;
} 

.header-printable-payslip-introducer {
  color: #262862;
  text-align: center;
  display: none;
} 

/* Define styles for the body */
.body-printable {
  min-height: calc(112vh - 200px);
}

.body-printable-salary {
  min-height: fit-content;
}

.body-printable-payslip-introducer {
  min-height: fit-content;
  align-self: center;
  width: 1116px;
}

.footer-printable-salary {
  display: none;
}

.footer-printable-payslip-introducer{
  display: none;
}

.nb-text{
  display: none;
}

/* Define styles for the footer */
/* .footer-printable {
  color: #262862;
  bottom: 0;
  width: 100%;
} */


.notification-text{
  color:red;
  position: absolute;
  font-weight: bold;
  margin-left: 34px;
  margin-top: -30px;
}

.onhover-blue:hover{
  background-color: cornflowerblue;
  color: white;
  border-radius: 10px;
  border-style: solid;
  border-color: #3d58a6;
}

.text-inherit-bold{
  color: inherit;
  font-weight: bold;
}

.selected-commrate{
  background-color: cornflowerblue;
  color: white;
  font-weight: bold;
}

.padding_page{
  display: none;
}


.background-red {
  background-color: #ef7b7b;
}

.background-green {
  background-color: #28c64b;
}

.background-yellow {
  background-color: #c1c222;
}

.text-red {
  color: #e44949;;
}

.text-green {
  color: #28c64b;
}

.text-yellow {
  color: #c1c222;
}

@media print {
  body {
    visibility: hidden;
    
  }

  .header-printable-salary {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
  }

  .body-printable-salary{
    padding-top: 220px;
    padding-bottom: 75px;
    width: 100%;
  }

  .payslip-box .table tr.padding_page{
    padding-top: 220px;
    display: block;
  }

  .tr-printable:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .tr-printable-salary:nth-child(15+1) {
    page-break-inside: avoid;
    page-break-after: always;
    padding-top: 220px;
    padding-bottom: 75px;
  }

  .page-break{
    page-break-after: always;
    padding-top: 220px;
  }
  
  .centered-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tr-printable {
    margin-top: 220px;
    page-break-inside: avoid;
  }

  .printable {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .printable-payslip {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .footer-printable-salary {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    color: #262862;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: center;
  }
  .nb-text{
    display: inline;
  }

  .header-printable-payslip-introducer {
    height: fit-content;
    display: block !important;
    content: "Header Content";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  } 

  .body-printable-payslip-introducer{
    margin: 0;
    padding-top: 160px;
    left: 20;
    padding-right: 40px;
    display: block !important;
    content: "Content";
    position: fixed;
    top: 0;
    width: 100%;
  }


  .footer-printable-payslip-introducer {
    page-break-before: always;
    content: "Footer Content";
    display: block !important;
    align-self: center;
    color: #262862;
    margin-right: 20px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
}

.commrate-radio-btn{
    transform: scale(0.95); /* Adjust the scale factor as needed */
    margin-right: 5px; /* Add some space between the radio button and label */
}
    /* Apply styles to make radio buttons smaller */

.product-training-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}


.product-questionnaire-border{

  border-radius: 5px;
  /* border-color: black; */
  padding: 5px;
  border: 1px solid;
}

/*Profile*/
.repcode{
  font-size: 14px;
}


.card-content-lagging {
  border-radius: 0px 0px 10px 10px;
  width: 400px;
  height: 250px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}


.mdrt-light-table{
  background-color: #3D58A6 !important;
  color: white;
}
.mdrt-dark-table{
  background-color: #2B3E74 !important;
  color: white;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #arrow-sidebar {
    width: 40px;
    height: 40px;
    left: 220px;
  }


  .leading-card-content{
    border-radius: 0px 0px 10px 10px;
    width: 350px;
    height: 220px;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #arrow-sidebar {
    width: 40px;
    height: 40px;
    left: 220px;
  }


  .leading-card-content{
    border-radius: 0px 0px 10px 10px;
    width: 350px;
    height: 220px;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
  }
}

/* ── main_mobile_adjust_backend.css ── */
@media only screen and (max-width: 1366px) {
    #main_display_div{
        width: 80%;
        /*margin-left:200px;*/
        max-width: none;
        
    }
}
/*
.zoom-adjustment{
  zoom:0%;
}*/

.loginform{
  width:80%;
  max-width: 300px;
}
.LoginDiv{
  overflow: hidden;
}
body{

  /*zoom:0.8;*/

}

/* ── main_mobile_adjust.css ── */
#mdrt_wrapper{
  padding-left:20px; 
  padding-top:20px; 
  padding-right:20px;
}
#cpd_detail_wrapper{
  min-width: 1000px; 
  height: 750px
}
#cpd_detail_wrapper table td{
  font-size: 16px;;
}
/* Was zoom:0.80 — shrinks entire app vs TailAdmin (100%). Disabled. */
body{
  zoom: 1;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
}

.table-responsive table {
  width: max-content;
  min-width: 100%;
}
#cpd_table_wrapper{
  width:100%;
}
#adv_training_detail{
  scale: 1.2 !important;;
}
.leading-card-content{
  max-width: 300px;
}



@media only screen and (max-width: 1366px) {
    #main_display_div{
        width: 85%;
        /*margin-left:200px;*/
        max-width: none;

    }
    .btn-production-search{
      width:100px;
    }
    /*.production-container{
      position: relative;
    }*/
    .fonts-production-subs-header{
      margin-top:10px;
    }
    #filemanager_browser_div{
      width:100%;
      min-width:500px;
    }
    #filemanager_browser_search_div{
      width:100%;
      min-width:500px;
    }
    .list_filename{
      width:60%;
    }
    .list_fileinfo{
      width:20%;
    }
    .list_fileaction{
      width:20%;
    }
    .file_list_table{
      width:90%;
    }
    .body-printable{
      zoom: 0.8;
    }
    .body-printable{
      zoom: 0.8;
    }
    #file_browser{
      zoom:0.9;
      
      
    }
    #search_div{
      zoom:0.9;
    }

    .adv_file_browser{
        margin-left:40px !important;
        margin-top:150px !important;
    }
    .admin_file_browser{
        margin-top:130px;
    }
    .adv_file_search_div{
        margin-left:40px !important;
    }
    #create_folder_form label{
      width:500px;
    }
    .filemanager_itemname{
      font-size: 12px !important;
    }
    .filemanager_filename{
      font-size: 12px !important;
    }
    .fileinfo{
      font-size: 12px !important;
    }
    .search_action_col{
    width:30% !important;
    }
    .card-content-lagging table{
      position: relative;
      top:-10px !important;

    }
    #lagging_search_wrapper{
  
      width: 90% !important;
      left:280px !important;  
    }
    #lagging_search_wrapper input,select{
      font-size: 14px !important;
      height: 40px !important;
      
    }
    #lagging_search_wrapper button{
      width:100px;
      font-size:14px;
      
    }
    #client_container{
      margin-right: 50px !important;
      margin-left: 50px !important;
    }
    /*
    #lagging_search_wrapper{
      text-align: center;
      background-color: rgb(255, 255, 255);
      padding:10px;
      font-size: 14px !important;
      width: 100%;
    }
    #lagging_search{
          padding:20px;
          border:1px solid rgb(205, 205, 205);
          background-color: #ffffff;
          border-radius:10px;
          width: 100%;
    }*/
      
    

    
    
    
    
}

@media only screen and (min-width: 1600px) {
    #main_display_div{
        width:100%;
        /*margin-left:200px;*/
        max-width: none;
       /* transform: scale(0.8);   
        transform-origin: top ;*/

       
        
    }
    
    
}
@media only screen and (min-width: 1368px) {
    #main_display_div{
        width:100%;
        /*margin-left:200px;*/
        max-width: none;
       /* transform: scale(0.8);   
        transform-origin: top ;*/
    } 
    
}
@media only screen and (max-width: 1200px) {
  #main_display_div{
        width:85%;
        /*margin-left:200px;*/
        max-width: none;
       /* transform: scale(0.8);   
        transform-origin: top ;*/
    } 
    #adv_training_detail{
      scale: 1 !important;;
    }
    
    
    .flex_div{
      display: flex;
      align-items: center;
      margin-right: 30px;
      margin-bottom: 30px;
      box-shadow: 5px 5px 10px grey;

    }
    #mdrt_wrapper{
      padding-left:30px; 
      padding-top:20px; 
      padding-right:20px;
    }
    #mdrt_table{
      font-size: 12px;

    }
    #cpd_table{
      
      font-size:12px;
      margin-left:30px;
    }
    #cpd_table thead td,th{
      font-size:14px !important;
    }
    #cpd_title{
      margin-left:30px !important;
    }
    
    #cpd_detail_wrapper {
      min-width: 1300px; 
      height: 750px
    }
    #cpd_detail_wrapper table{
      font-size: 12px;
    }
    #cpd_form button{
      font-size: 14px;
    }
    .training_data_table{
      width:85%;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1000px){
  #main_display_div{
    width:83% !important;
    

  }
  #production-table th,td{
    font-size: 10px !important;
    
  }
  .prod_card_table{
    top:-20px !important;
  }
  .training_table_div,
  #training_table_div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #cpd_table_wrapper {
    overflow: auto;
    width:95%;

  }
  .btn-production-search{
      width:fit-content;
      margin-left: 10px;
      height:45px;
    }
    #lagging_search{
      padding: 5px !important;;
    
    }
    .form-select-lg{
      max-width: 150px;

    }
    button{
      font-size: 12px !important;
      font-weight: normal !important;

    }
    input,select{
      font-size: 12px !important;
      font-weight: normal !important;
    }
    table td,th{
      font-size: 11px !important;
      padding:5px !important;
    }
    table{
      width:100%;
    }
    #client_container{
      margin-right: 50px !important;
      margin-left: 50px !important;
    }
    
  

}

/* ── main_pdf.css ── */
.blue-button {
  background: #4164e3;
}

.blue-title {
  color: #1e2b51;
}
/*
@media print {
  body {
    visibility: hidden;
  }
  .printable {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
}*/

.form-container-five {
  min-width: 1000px;
  margin-top: 120px;
  padding-bottom: 10px;
}
.title-header {
  height: 55px;
  background: #474747;
  border-radius: 10px 10px 0px 0px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-top: 15px;
}
.title-body {
  box-sizing: border-box;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  --bs-gutter-x: 0rem;
  /* padding-bottom: 15px; */
}

.margin-top {
  margin-top: 25px;
}

.label-col {
  /* width: 250px; */
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: start;
  /* color: var(--main_color); */
  color: #474747;
}

.col-align {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 120px;
  display: flex;
  margin: 10px;
}

.col-align-regulated {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  min-width: 40px;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px;
}
.col-align-number {
  justify-content: flex-start;
  margin-top: 15px;
  height: 45px;
  align-items: center;
  min-width: 60px;
  display: flex;
  margin: 5px;
}

.label-input {
  margin-left: 10px;
  margin-top: 5px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis {
  flex-basis: 145px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-user-profile {
  flex-basis: 165px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.label-flex-basis-regulated {
  padding-left: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.input-col {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 30px;
  height: 45px;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  
}
.input-col-tabs {
  flex-grow: 1;
  box-sizing: border-box;
  /* padding: 5px; */
  /* padding-left: 10px;
  padding-right: 10px; */
  min-width: -webkit-fill-available;
  min-height: 50px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  /* border-radius: 5px; */
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-many {
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 10px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}

.input-col-mobile-number {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  box-sizing: border-box;
  min-width: 250px;
  height: 45px;
  font-size: 18px;
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
}
.button_standard {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: #474747;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  align-items: center;
  color: white;
  font-size: 18px;

  
}
.button_standard:active,
.button_standard:focus {
  background-color: grey;
  color:rgb(100, 100, 100);
}
.clickable {
  cursor: pointer;
}

.mobile-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
  display: flex;
  padding-left: 10px;
  align-items: center;
  flex-grow: 1;
}
.country-number-input {
  background: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  height: 45px;
}
.mobile-flex-grow {
  flex-grow: 1;
  display: flex;
}
/* .body-col1 {
  flex-basis: 80px;
}
.body-col2 {
  flex-basis: 80px;
} */
.body-col3 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

select {
  
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
    no-repeat;
    background-color: white;
  background-position: right 1px top; /* Change the px value here to change the distance */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 4px;
}

.photo-box {
  box-sizing: border-box;

  width: 220px;
  height: 255px;

  background: #ffffff;
  border: 1px solid var(--main_color);

  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box-btn {
  box-sizing: border-box;
  width: 160px;
  height: 45px;
  background: var(--main_color);
  border-radius: 5px;
  border-style: none;
  font-family: "avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-align: center;

  color: #ffffff;
}

.btn {
  font-family: "avenir LT Std";
}

.btn-absolute-right {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}

.btn-absolute-right-pad {
  margin-left: 5px;
}

/* #btn-save,
#btn-cancel {
  display: none;
} */

button#docname {
  border-color: transparent;
  background-color: transparent;
}

.field-warning {
  border-color: var(--warning_field_color);
}

.modal-backdrop {
  background-color: rgb(255, 255, 255, 0.2) !important;
  width: max-content;
  height: max-content;
}

.btn-warning-del,
.btn-warning-no {
  width: 40%;
}

.page_title {
  position: fixed;
  font-family: "avenir";
  font-size: 18px;
}

.nav-tabs {
  margin-top: var(--main-navigation_height);
  position: fixed;
  height: auto;
  z-index: 7;
  padding: 20px;
}

.nav-tab-container {
  padding-top: 105px;
}

.nav-tabs-dummy {
  opacity: 0;
  color: transparent;
  background-color: transparent;
  display: flex;
  flex-wrap: nowrap;
}

.top-pad-100px {
  padding-top: 100px;
}

.top-pad-min-100px {
  margin-top: -60px;
  margin-bottom: 100px;
}

.dummy {
  opacity: 0;
  background-color: white;
  width: auto;
}

.dummy-space {
  opacity: 0;
  min-width: 5px;
}

.top-margin-100px {
  margin-top: 100px;
}
.top-margin-10px {
  margin-top: 10px;
}
.top-margin-20px {
  margin-top: 20px;
}

.float-container {
  background-color: black;
}

.advisers-list-margin {
  margin-top: 0px;
}

.display-none {
  display: none;
}

.errormessage {
  color: red;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.errorinput {
  background-color: #ffcccc;
}

/*Button*/
.roundedbutton {
  border-radius: 5px;
}

/*Div Table style*/

.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}

.divTableHeader {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.divTableHeaderComm {
  text-align: center;
  vertical-align: middle;
  display: table-header-group;
  border: 1px solid white;
  padding: 2px;
  /*background-color: #152656;*/
  background-color: #474747;
  color: white;
  font-weight: 100;
  font-family: "Avenir LT Std";
  font-size: 14px;
}


.divTableCell {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
}
.divTableCellComm {
  border: 0px solid #999999;
  display: table-cell;
  padding: 8px 10px;
  font-size: 14px;
}
.divCellBottomBorder {
  border-bottom: 1px solid #dedede;
  padding: 8px;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.divPadding5 {
  padding: 5px;
}
.divAlighLeft {
  text-align: left;
}
.divborder-1 {
  border: 1px solid #999999;
}
.divHighlight {
  background-color: rgb(206, 236, 255);
}
.divrow_even_color {
  background-color: rgb(255, 251, 217);
}
.divrow_odd_color {
  background-color: #ffffff;
}
.centered_contents {
  vertical-align: middle;
  text-align: center;
}

.global-pointer {
  cursor: pointer;
}

.button-add-something {
  width: fit-content;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}

.dsp-flex {
  display: flex;
}

.borderless {
  border: none;
  outline: none;
  border-color: transparent;
  background-color: transparent;
}
.left_middle_contents {
  vertical-align: middle;
  text-align: left;
}

.center-float-div {
  position: fixed;
  top: 10%;
  left: 25%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background-color: white;
  min-height: 300px;
  min-width: 620px;
  text-align: center;
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  z-index: 1000;
}


.container {
  display: flex;
  flex-wrap: wrap; /* allows items to wrap to a new line if the container is too small */
}

.divright {
  flex: 1;
}

.label-text-middle-left {
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  text-align: start;
  color: var(--font_color);
  vertical-align: middle;
  text-align: left;
}
.div_header {
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
  background-color: #474747;
  height: 50px;
  color: white;
  padding: 10px;
  font-family: "avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
}
.float-add-button {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.float-add-icon {
  /* identical to box height */
  font-size: 50px;
  color: whitesmoke;
}
.text_button {
  font-family: "avenir LT Std";
  font-style: normal;
  font-size: 18px;
  text-decoration: none;
  color: #474747;
  font-weight: 400;
  cursor: pointer;
}
.div_drop_shadow {
  box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
}
.moveable {
  cursor: move;
}
.pagination_button {
  padding: 10px;
  /*width: 50px;*/
  text-align: center;
  border: 1px solid #ededed;
}
.pagination_current_page_button {
  background-color: #d4e5ff;
}

.warning {
  color: var(--warning_field_color);
}

.add-icon-color {
  color: var(--add_icon);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.padding-3 {
  padding: 3px;
}

.padding-0 {
  padding: 0px;
}

.list-card-container {
  border-radius: 10px;
  padding: 2px;
  margin-bottom: 20px;
  background-color: #474747;
  color: white;
}
tr.table-line-none {
  border-style: none;
  border-color: transparent;
}
.edit-color {
  color: var(--brand-icon);
}

/* .zoom-adjustment {
  zoom: 80%;
} */

.edit-color {
  color: var(--brand-icon);
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.label-flex-basis-disciplinary {
  flex-basis: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.on-input {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(48, 48, 48);
  border-color: rgb(48, 48, 48);
}

.all-center {
  align-items: center;
  justify-content: center;
}

.input-container-tabs {
  display: flex;
  margin: 2px;
  align-items: center;
  justify-content: center;
}

.col-align-cmfas {
  justify-content: flex-start;
  height: 45px;
  align-items: center;
  display: flex;
}

/* Sidebar Testing Only */
html,
body {
  margin: 0;
  height: 100%;
}

html {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.warning {
  color: var(--warning_field_color);
}

.width-100-percent {
  width: 100%;
}

.add-icon-color {
  color: var(--add_icon);
}

/* sidebar content */

.module-title {
  position: fixed;
  width: max-content;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #fafafa;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 10px 10px;
  right: 30px;
  font-weight: bold;
  background-color: #d1d1d1;
  color: #000;
}
.abi{

  position: fixed;
  z-index: 5;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #474747;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.padding-5 {
  padding: 5px;
}

.card-content {
  border-radius: 0px 0px 10px 10px;
  width: 358px;
  height: 222px;

  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-header-production {
  height: 46px;

  border-radius: 10px 10px 0px 0px;
}

.edit-color {
  color: var(--brand-icon);
}

.card-icon-container {
  position: relative;
  width: 65px;
  height: 65px;

  border-radius: 10px;
}

.label-flex-basis-cmfas-certificates {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.flex-basis-employment-detail {
  flex-basis: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.line-separator {
  height: 80%;
  border: 1px solid #8a8a8a;
}

.text-center {
  text-align: center;
}
.bth-login {
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: grey;
  border: 1px solid grey;
}
.nav-item {
  background-color: #ededed;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid rgb(220, 220, 220);
  margin-left: 2px;
  margin-top: 4px;
}
.nav-link {
  color: grey;
}
.active-tab {
  color: rgb(45, 38, 135);
  font-weight: bold;
  background-color: white;
}
input,
select {
  line-height: normal;
}

.m_login {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.adviser-img-container {
  border: 1px solid white;
  border-radius: 100%;
  width: inherit;
  height: inherit;
}

.advisers-photo {
  margin-top: -150px;
  object-fit: scale-down;
  height: 100px;
  width: 100px;
  transition: width 1s, height 1s, margin-top 1s;
}

.advisers-photo-small {
  margin-top: -200px;
  object-fit: scale-down;
  height: 50px;
  width: 50px;
  transition: width 1s, height 1s, margin-top 1s;
}

.adviser-circle-photo {
  position: absolute;
  width: inherit;
  border-radius: 100%;
  height: inherit;
  display: block;
  padding: 1px;
  object-fit: scale-down;
  border: 1px solid white;
  background-color: white;
}
.advisers-profile-container {
  height: 150px;
}

/*Slider*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

#life-check:checked + .slider {
  background-color: #fd9797;
}
#cis-check:checked + .slider {
  background-color: #f7ce8b;
}
#gi-check:checked + .slider {
  background-color: #95e195;
}
input:checked + .slider {
  background-color: #2196f3;
}
#mailmerge-check:checked + .slider {
  background-color: #b6fd97;
}
#mailmerge-with-pdf:checked + .slider{
  background-color: #fa5d5d;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

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

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

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

input[type="radio"] {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.fc_profile {
  font-size: 14px;
}

@-moz-document url-prefix() {
  #main_display_div th {
    font-size: 10px;
  }
  #main_display_div td {
    font-size: 10px;
  }
  #main_display_div input {
    font-size: 10px;
    height: 30px;
  }
  .sidebar-submenu-text {
    font-size: 10px;
    font-family: Verdana;
    min-width: 90px;
    text-align: left;
  }
  .sidebar-submenu-child-text {
    font-size: 10px;
    font-family: Verdana;
  }
  #row_header {
    height: 45px;
  }
  #arrow-sidebar {
    width: 30px;
    height: 30px;
    left: 250px;
  }
  #sidebar-arrow-text {
    font-size: 8px;
  }
  .logo-text-white_label {
    font-size: 14px;
  }
  .logo-text-wealth {
    font-size: 5px;
  }
  .logo {
    height: 30px;
    margin-top: 5px;
  }
  .sidebar-container {
    width: 200px;
  }
  .dummy-sidebar {
    width: 200px;
  }
  .sidebar_icon {
    width: 40px;
  }
  .btn-sidebar {
    line-height: 50px;
    height: 50px;
  }
  .btn-child-sidebar {
    line-height: 50px;
    height: 50px;
  }
  #batch_no {
    font-size: 10px;
  }

  #page_title {
    margin-top: 45px;
    font-size: 12px;
  }
  .logo-container {
    padding: 30px 0px 10px 20px;
  }

  /*Div Table style for firefox*/

  .divTable {
    display: table;
    width: 100%;
  }
  .divTableRow {
    display: table-row;
  }

  .divTableHeaderDisabled {
    text-align: center;
    vertical-align: middle;
    /*display: table-header-group;*/
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "verdana";
    font-size: 12px;
  }

  .divTableCellDisabled {
    border: 0px solid #999999;
    display: table-cell;
    padding: 4px 5px;
    font-size: 12px;
    font-family: "verdana";
  }
  .divCellBottomBorder {
    border-bottom: 1px solid #dedede;
    padding: 4px;
  }

  .divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
  }
  .divTableBody {
    display: table-row-group;
  }
  #prodlist_trash {
    font-size: 18px;
  }
  .float-edit-save {
    top: 35px;
    transform: scale(0.7);
  }
  #adviser_tasbs {
    transform: scale(0.7);
    transform-origin: 0;
  }
}
.form-check-input {
  margin-right: 10px;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */

  .height-100-percent {
    height: 70%;
  }
  .font-size-24 {
    font-size: 1em;
  }
  .font-size-20 {
    font-size: 0.8em;
  }
  
  .font-size-36{
    font-size: 36px;
  }
  
  .label-flex-basis-user-profile {
    font-size: 0.8em;
  }
  .label-col {
    font-size: 0.8em;
  }
  .label-input {
    font-size: 1em;
  }
  .title-header {
    font-size: 0.8em;
  }
  .input-col {
    color: rgb(62, 62, 62);
  }
  .fc_profile {
    color: rgb(62, 62, 62);
    font-size: 0.5em;
  }
  .mobile-number-input {
    color: rgb(62, 62, 62);
  }
  .input:disabled {
    color: rgb(62, 62, 62);
  }
  .module-title {
    font-size: 0.7em;
    height: 2em;
  }
}

/*
  .btn-sidebar {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 10px;
    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;
  }*/

.form-control:disabled {
  background-color: white;
}

input[type="checkbox"][disabled] {
  color: rgb(41, 31, 189);
}

.color-orange-secondary {
  background-color: rgb(247, 245, 235, 0.5) !important;
}

.color-orange-primary {
  background-color: rgb(234, 224, 218, 0.5) !important;
}

.color-orange-primary-header {
  background-color: rgb(202, 109, 51) !important;
}
.color-blue-primary {
  background-color: rgb(142, 167, 233, 0.5) !important;
}
.color-blue-primary-header {
  background-color: rgb(40, 54, 109) !important;
}
.color-blue-secondary {
  background-color: rgb(229, 224, 255, 0.5) !important;
}

.btn-download-excell {
  justify-content: center;
  width: 162px;
  height: 44px;
  display: flex;
  align-items: center;
  background: #474747;
  border-radius: 5px;
}

.form-control:read-only {
  background-color: white;
}

.scrollable-sidebar {
  overflow: auto;
}
.bold {
  font-weight: bold;
}
.abicontainer {
  display: flex;
  flex-wrap: wrap;
}

.advisers-mini-info {
  box-sizing: border-box;

  /* position: absolute; */
  width: 330px;
  height: 729px;
  /* left: 200px; */
  /* top: -270px; */
  z-index: 2;
  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}

.advisers-all-info {
  /* Rectangle 260 */

  box-sizing: border-box;

  /* position: absolute; */
  width: 1129px;
  height: 729px;
  /* left: 600px; */
  /* top: -270px; */
  z-index: 2;

  background: #ffffff;
  /* Front Page Adviser/Grey Border */

  border: 1px solid #e4e7eb;
  border-radius: 8px;
}
.noaccess_wrapper{
  top:30%;
  right:300px;
  max-width: 800px;
  left: 40%;
  border-color: #e5e5e5;
}
.noaccess_messagebox{
  color:red;
  margin-top:120px;
  font-size:25px;
}

.advisers-info-font-title {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.48px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}
.advisers-info-font-body {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19.48px;
  line-height: 22px;

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.card-name-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 23.6069px;
  line-height: 27px;

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.card-title-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 18.9867px;
  line-height: 22px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.rep-code-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 25.0279px;
  line-height: 29px;
  /* identical to box height */

  /* Front Page Adviser/Blue Font */

  color: #1e2b51;
}

.username-advisers {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 25.48px;
  line-height: 29px;
  text-align: center;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.card-username-email-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 16.2866px;
  line-height: 20px;
  /* identical to box height */

  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.user-profie-tab {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 25.48px;
  line-height: 31px;
  /* identical to box height */
  /* Front Page Adviser/Bue Title */

  color: #1e2b51;
}

.card-font {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 34.1418px;
  line-height: 41px;
  /* identical to box height */

  text-align: center;
}

.production-search {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 19.26px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.production-search-sub {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 400;
  font-size: 19.2556px;
  line-height: 23px;

  /* Front Page Adviser/Grey Sidebar Item Font */

  color: #77889a;
}

.btn-production-search {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  background: #4164e3;
  width: 84px;
  height: 51px;
  border-radius: 8px;
}

.production-title-table {
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 27.48px;
  line-height: 32px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */
  background: #3d58a6;
  color: #fafbfc;
}

.production-sub-month-year {
  font-family: "Avenir LT Std";
  font-style: normal;
  font-weight: 750;
  font-size: 27.48px;
  line-height: 33px;
  /* identical to box height */

  text-align: center;

  /* Front Page Adviser/Grey Side Bar */

  color: #fafbfc;
}

.bg-table-lcg {
  background: #2b3e74;
}

.bg-month-year {
  background: #3d58a6;
}
.fontSize10 {
  font-family: "Avenir LT Std";
  font-size: 10px;
  
}
.fontSize18 {
  font-family: "Avenir LT Std";
  font-size: 18px;
}
.fontSize20 {
  font-family: "Avenir LT Std";
  font-size: 20px;
}
.fontSize12 {
  font-family: "Avenir LT Std";
  font-size: 12px;
}
.fontSize11 {
  font-family: "Avenir LT Std";
  font-size: 11px;
}
.fontSize9 {
  font-family: "Avenir LT Std";
  font-size: 9px;
}
.required_field{
  color:yellow;
}

.statement_font{
  color:#4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
/* Style the autocomplete dropdown */
.ui-menu{
  width: fit-content !important;
  z-index: 1001 !important;
  top: 30% !important;
  left: 50% !important;
}

.ui-autocomplete {
  max-height: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
  position: absolute;
  width: 100%;
  transform: translateY(0);
}
.no-helper-status .ui-helper-hidden-accessible {
  display: none;
}

.ui-menu-item {
  padding: 8px 10px;
  cursor: pointer;
}

.ui-menu-item:hover {
  background-color: #f0f0f0;
}

.tab-container {
  display: flex;
}

.tabs {
  padding: 10px 20px;
  cursor: pointer;
  color: #474747;
  background-color: #f0f0f0f0;
  position: relative;
  display: inline-block;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left: 7px;
  transform: perspective(10px) rotateX(2deg);
}

.tabs.active {
  color: #1d4481;
  background-color: #f0f0f0f0;
  background-color: #474747;
  color: #f0f0f0;
}

.spacer-100{
  height: 100px;
}

.center-flex-div {
  position: flex;
  left: 25%;
  background-color: white;
  min-width: 620px;
  text-align: center;
}

.title-header-pdf {
  height: 55px;
  background: var(--main_color);
  border-radius: 10px 10px 0px 0px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-top: 15px;
}

.center-table {
  margin: 0 auto;
}

.footer-pdf {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: gray;

}

.page-break-after, .page-break-after tr, .page-break-after td {
  page-break-after: always;
}

.page-break-inside {
  page-break-inside: auto;
}

/* ── pdf.css ── */
@font-face {
    font-family: "LVC Sans";
    src: local("LVC Sans"),
      url("../fonts/LVC_Sans/LVCSans.otf") format("truetype");
  }


.background-grey{
    background-color: #e7e8e8;
}

.background-dark-blue{
    background-color: #24397B;
}

.font-dark-blue{
    color: #24397B;
}

.font-white{
    color: #fff;
}

.border-left-grey{
    border-left-style: solid;
    border-left: #777776 solid 1px;
}

.border-right-grey tr, .border-right-grey td,
.border-right-grey {
    border-right-style: solid;
    border-right: #777776 solid 1px;
}

.border-bottom-grey tr, .border-bottom-grey td
{
    border-bottom-style: solid;
    border-bottom: 1px solid #777776;
}

.border-bottom-grey{
    border-bottom-style: solid;
    border-bottom: #777776 solid 1px;
}

.border-top-grey tr, .border-top-grey td,
.border-top-grey {
    border-top-style: solid;
    border-top: #777776 solid 1px;
}


.border-vertical-grey tr, .border-vertical-grey td, 
.border-vertical-grey{
    border-top-style: solid;
    border-top: #777776 solid 1px;
    border-bottom-style: solid;
    border-bottom: #777776 solid 1px;
}

.table-90-percent{
    width: 90%;
    border-collapse: collapse;
}

.th-pdf, .td-pdf{
  border: 1px solid #7F8285;
}

.td-grey {
    background-color: #e7e8e8;
}

.tr-grey{
    background-color: #e7e8e8;
}

.tr-field-pdf {
    font-size: 18px;
}

.dash-list-li{
    list-style-type: "-";
}

.custom-underline {
    text-decoration: none;
    position: relative;
}

.custom-underline::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px; 
    background-color: #7F8285;
}


.three-underline {
    border-bottom: 1px solid #7F8285; /* Optional: adds a bottom border to the element itself */
    position: relative;
    height: 3em; /* Adjust the height if needed */
    display: flex;
    align-items: center; 
}

.three-underline::before,
.three-underline::after,
.three-underline::nth-child(3) {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px; 
    background-color: #7F8285;
}

.three-underline::before {
    top: 20%;
}

.three-underline::after {
    top: 50%;
}

.three-underline::nth-child(3) {
    top: 80%;
}

label{
    display: inline-block;
    margin-right: 10px; 
    padding: 5px 10px;
    cursor: pointer; 
}


.form-style-pdf{
    width: 100%;
    color:rgb(166, 166, 166);
    position: relative;   
    padding: 0 70px;
}

tr, td{
    text-align: justify;
    
}

.form-style-pdf th{
    border: solid white 1px; background-color:#fafbfc;
    color:rgb(135, 135, 135);
    padding: 30px;
    text-align: justify;
}
.form-style-pdf td{
    padding-bottom: 10px;
    text-align: justify;
    color:rgb(135, 135, 135);
    padding: 0 70px;
}
.form-style-pdf label{
    color:rgb(135, 135, 135);
    font-family: Calibri;
    padding: 10px;
}

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

.td-250-px{
    width: 250px;
}

.td-220-px{
    width: 220px;
}

.td-125-px{
    width: 125px;
}

.td-110-px {
    width: 110px;
}

.td-100-percent{
    width: 100%;
}

.td-90-percent{
    width: 90%;
}

.td-80-percent{
    width: 80%;
}

.td-75-percent{
    width: 75%;
}

.td-70-percent{
    width: 70%;
}

.td-65-percent{
    width: 65%;
}

.td-60-percent{
    width: 60%;
}

.td-55-percent{
    width: 55%;
}

.td-50-percent{
    width: 50%;
}

.td-45-percent{
    width: 45%;
}

.td-40-percent{
    width: 40%;
}

.td-37-percent{
    width: 37.5px;
}

.td-30-percent{
    width: 30%;
}

.td-25-percent{
    width: 25%;
}

.td-20-percent{
    width: 20%;
}

.td-15-percent{
    width: 15%;
}

.td-12-percent{
    width: 12.5%;
}

.td-10-percent{
    width: 10%;
}

.td-30-px{
    width: 30px;
}

.td-50-px{
    width: 50px;
}

.td-75-px{
    width: 75px;
}

.td-100-px{
    width: 100px;
}

.td-justify{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.td-justify span{
    flex: 1;
    text-align: center;
}

.table-text-grey{
    color: #58595B;
    font-family: Calibri;
    font-size: 20px;
}

.superscript {
    vertical-align: super;
    font-size: 10px;
}

.inline-list{
    padding: 0;
    margin: 0;
}

.inline-list li{
    display: inline-block;
    margin-right: 10px;
    list-style-type: circle;
}

.padding-table{
    font-family: sans-serif;
}

.padding-table td{
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-right-100-px{
    padding-right: 100px;
}

.margin-right-100-px{
    margin-right: 100px;
}

.margin-bottom-15px{
    margin-bottom: 15px;
}

.margin-bottom-20px{
    margin-bottom: 20px;
}

.padding-bottom-15px{
    padding-bottom: 15px;
}

.padding-bottom-100px{
    padding-bottom: 100px;
}

.vertical-align-center{
    vertical-align: middle;
}

/* Hide the default radio button */
input[type="radio"] {
    appearance: none; /* Remove default styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 75%;
    border: 2px solid #a9aaab; /* Blue outline */
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    box-shadow: none; /* Remove shadow */
}

/* Custom checked color */
input[type="radio"]:checked {
    background-color: #fff; /* Blue fill */
    border-color: #a9aaab; /* Match border with the background */
}

/* Additional styling for checked indicator */
input[type="radio"]::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 20%;
    left: 20%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    transition: background-color 0.2s ease;
}

input[type="radio"]:checked::before {
    background-color: #B42D53;
    width: 7.5px;
    height: 7.5px;
    top: 50%;
    left: 50%;
}

/* Remove focus shadow */
input[type="radio"]:focus {
    box-shadow: none;
}

@page {
    size: A4;
    margin: 20mm;
}

.landscape {
    page: landscape;
    size: A4 landscape;
}

.font-calibri-dark-grey{
    font-family: "Calibri", sans-serif;
    color: #58595B;
}

.font-arial-dark-grey{
    font-family: Arial;
    color: #58595B;
}

.bold-text{
    font-weight: bold;
}

.weight-200{
    font-weight: 200;
}

.weight-100{
    font-weight: 100;
}

.lighter-text{
    font-weight: lighter;
}

.font-size-20px{
    font-size: 20px;
}

.font-size-18px{
    font-size: 18px;
}

.font-size-16px{
    font-size: 16px;
}

.font-size-15px{
    font-size: 15px;
}

.font-size-14px{
    font-size: 14px;
}

.font-size-12px{
    font-size: 12px;
}

.font-size-10px{
    font-size: 10px;
}

.font-size-9px{
    font-size: 9.5px;
}

.font-size-8px{
    font-size: 8px;
}

.font-lvc-sans-dark-grey{
    font-family: "LVC Sans";
}

.no-border {
    border-style: hidden !important;
    border-collapse: collapse;
}

.no-border table,
.no-border th,
.no-border tr,
.no-border td,
.no-border td table,
.no-border tr table,
.no-border table tr,
.no-border table th,
.no-border table td,
.no-border table tr td table,
.no-border table table,
.no-border table table tr,
.no-border table table th,
.no-border table table td,
.no-border table table table
{
    border-style: hidden !important;
    border: 0 !important;
    border-collapse: collapse;
}

.no-border td, .no-border table
{
    border-style: hidden !important;
    border: 0 !important;
    border-collapse: collapse;
}


.no-border-vertical table,
.no-border-vertical th,
.no-border-vertical tr,
.no-border-vertical td,
.no-border-vertical td table,
.no-border-vertical tr table,
.no-border-vertical table tr,
.no-border-vertical table th,
.no-border-vertical table td,
.no-border-vertical table tr td table,
.no-border-vertical table table,
.no-border-vertical table table tr,
.no-border-vertical table table th,
.no-border-vertical table table td,
.no-border-vertical table table table
{
    border-collapse: collapse;
    border-top-style: hidden !important;
    border-top: 0 !important;
    border-bottom-style: hidden !important;
    border-bottom: 0 !important;
}

.border-table table,
.border-table th,
.border-table tr,
.border-table td,
.border-table td table,
.border-table tr table,
.border-table table tr,
.border-table table th,
.border-table table td,
.border-table table tr td table,
.border-table table table,
.border-table table table tr,
.border-table table table th,
.border-table table table td,
.border-table table table table
{
    border-collapse: collapse;
    border: #777776 solid 1px;
    border-style: solid;
}

.border-1px{
    border-style: solid;
    border: 1px solid grey;
    border-collapse: collapse;
}

.border-1px table, .border-1px tr, .border-1px td{
    border-style: solid;
    border: 1px solid grey;

}

table {
    border-collapse: collapse;
}

.min-height-1000px{
    min-height: 1000px;
}

.min-height-2000px{
    min-height: 2000px;
}

/* ── pdfkit.css ── */
.dz-progress{
    margin-top: -20px !important ;
  }
  
  .form-container-five {
    min-width: 1000px;
    margin-top: 120px;
    padding-bottom: 10px;
  }
  .title-header {
    height: 55px;
    background: var(--main_color);
    border-radius: 10px 10px 0px 0px;
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: rgb(255, 255, 255);
    padding-left: 20px;
    padding-top: 15px;
  }
  .title-body {
    box-sizing: border-box;
    min-width: auto;
    background: #ffffff;
    border: 1px solid #b8b8b8;
    --bs-gutter-x: 0rem;
    /* padding-bottom: 15px; */
  }
  
  .margin-top {
    margin-top: 25px;
  }
  
  .label-col {
    /* width: 250px; */
    font-family: "avenir";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: start;
    /* color: var(--main_color); */
    color: #474747;
  }
  
  .col-align {
    justify-content: flex-start;
    margin-top: 15px;
    height: 45px;
    align-items: center;
    min-width: 120px;
    display: flex;
    margin: 10px;
  }
  
  .col-align-regulated {
    justify-content: flex-start;
    margin-top: 15px;
    height: 45px;
    min-width: 40px;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    margin: 10px;
  }
  .col-align-number {
    justify-content: flex-start;
    margin-top: 15px;
    height: 45px;
    align-items: center;
    min-width: 60px;
    display: flex;
    margin: 5px;
  }
  
  .label-input {
    margin-left: 10px;
    margin-top: 5px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  .label-flex-basis {
    flex-basis: 145px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  .label-flex-basis-user-profile {
    flex-basis: 165px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  .label-flex-basis-regulated {
    padding-left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  
  .input-col {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 30px;
    height: 45px;
    background: #ffffff;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    align-items: center;
    font-size: 18px;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
  }
  .input-col-tabs {
    flex-grow: 1;
    box-sizing: border-box;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    min-width: -webkit-fill-available;
    min-height: 50px;
    background: #ffffff;
    border: 1px solid #b8b8b8;
    /* border-radius: 5px; */
    align-items: center;
    font-size: 18px;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .input-col-many {
    flex-grow: 1;
    box-sizing: border-box;
    padding-left: 10px;
    height: 45px;
    background: #ffffff;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    align-items: center;
    font-size: 18px;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .input-col-mobile-number {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    box-sizing: border-box;
    min-width: 250px;
    height: 45px;
    font-size: 18px;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
  }
  .button_standard {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    background: #474747;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    align-items: center;
    color: white;
    font-size: 18px;
  
    
  }
  .button_standard:active,
  .button_standard:focus {
    background-color: grey;
    color:rgb(100, 100, 100);
  }
  .clickable {
    cursor: pointer;
  }
  
  .mobile-number-input {
    background: #ffffff;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    height: 45px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    flex-grow: 1;
  }
  .country-number-input {
    background: #ffffff;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    height: 45px;
  }
  .mobile-flex-grow {
    flex-grow: 1;
    display: flex;
  }
  /* .body-col1 {
    flex-basis: 80px;
  }
  .body-col2 {
    flex-basis: 80px;
  } */
  .body-col3 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
  }
  
  select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
      no-repeat;
    background-position: right 5px top; /* Change the px value here to change the distance */
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 4px;
  }
  
  .photo-box {
    box-sizing: border-box;
  
    width: 220px;
    height: 255px;
  
    background: #ffffff;
    border: 1px solid var(--main_color);
  
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .photo-box-btn {
    box-sizing: border-box;
    width: 160px;
    height: 45px;
    background: var(--main_color);
    border-radius: 5px;
    border-style: none;
    font-family: "avenir";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
  
    color: #ffffff;
  }
  
  .btn-absolute-right {
    padding-top: 10px;
    display: flex;
    flex-direction: row-reverse;
  }
  
  .btn-absolute-right-pad {
    margin-left: 5px;
  }
  
  /* #btn-save,
  #btn-cancel {
    display: none;
  } */
  
  button#docname {
    border-color: transparent;
    background-color: transparent;
  }
  
  .field-warning {
    border-color: var(--warning_field_color);
  }
  
  .modal-backdrop {
    background-color: rgb(255, 255, 255, 0.2) !important;
    width: max-content;
    height: max-content;
  }
  
  .btn-warning-del,
  .btn-warning-no {
    width: 40%;
  }
  
  .page_title {
    position: fixed;
    font-family: "avenir";
    font-size: 18px;
  }
  
  .nav-tabs {
    margin-top: var(--main-navigation_height);
    position: fixed;
    height: auto;
    z-index: 7;
    padding: 20px;
  }
  
  .nav-tab-container {
    padding-top: 105px;
  }
  
  .tab-container {
    display: flex;
  }
  
  .tabs {
    padding: 10px 20px;
    cursor: pointer;
    color: #474747;
    background-color: #f0f0f0f0;
    position: relative;
    display: inline-block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-left: 7px;
    transform: perspective(10px) rotateX(2deg);
  }
  
  .tabs.active{
    color: #474747;
    background-color: #f0f0f0f0;
    background-color: #474747;
    color: #f0f0f0;
  }
  
  .nav-tabs-dummy {
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: flex;
    flex-wrap: nowrap;
  }
  
  .top-pad-100px {
    padding-top: 100px;
  }
  
  .top-pad-min-100px {
    margin-top: -60px;
    margin-bottom: 100px;
  }
  
  .dummy {
    opacity: 0;
    background-color: white;
    width: auto;
  }
  
  .dummy-space {
    opacity: 0;
    min-width: 5px;
  }
  
  .top-margin-100px {
    margin-top: 100px;
  }
  .top-margin-10px {
    margin-top: 10px;
  }
  .top-margin-20px {
    margin-top: 20px;
  }
  
  .float-container {
    background-color: black;
  }
  
  .advisers-list-margin {
    margin-top: 0px;
  }
  
  .display-none {
    display: none;
  }
  
  .errormessage {
    color: red;
    font-weight: 100;
    font-family: "Avenir LT Std";
    font-size: 20px;
  }
  .errorinput {
    background-color: #ffcccc !important;
  }
  
  /*Button*/
  .roundedbutton {
    border-radius: 5px;
  }
  
  /*Div Table style*/
  
  .divTable {
    display: table;
    width: 100%;
  }
  .divTableRow {
    display: table-row;
  }
  
  .divTableHeader {
    text-align: center;
    vertical-align: middle;
    display: table-header-group;
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "Avenir LT Std";
    font-size: 20px;
  }
  .divTableHeaderComm {
    text-align: center;
    vertical-align: middle;
    display: table-header-group;
    border: 1px solid white;
    padding: 2px;
    /*background-color: #152656;*/
    background-color: #474747;
    color: white;
    font-weight: 100;
    font-family: "Avenir LT Std";
    font-size: 14px;
  }
  
  
  .divTableCell {
    border: 0px solid #999999;
    display: table-cell;
    padding: 8px 10px;
  }
  .divTableCellComm {
    border: 0px solid #999999;
    display: table-cell;
    padding: 8px 10px;
    font-size: 14px;
  }
  .divCellBottomBorder {
    border-bottom: 1px solid #dedede;
    padding: 8px;
  }
  
  .divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
  }
  .divTableBody {
    display: table-row-group;
  }
  .divPadding5 {
    padding: 5px;
  }
  .divAlighLeft {
    text-align: left;
  }
  .divborder-1 {
    border: 1px solid #999999;
  }
  .divHighlight {
    background-color: rgb(206, 236, 255);
  }
  .divrow_even_color {
    background-color: rgb(255, 251, 217);
  }
  .divrow_odd_color {
    background-color: #ffffff;
  }
  .centered_contents {
    vertical-align: middle;
    text-align: center;
  }
  
  .global-pointer {
    cursor: pointer;
  }
  
  .button-add-something {
    width: fit-content;
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-3 {
    flex: 3;
  }
  .flex-4 {
    flex: 4;
  }
  .flex-5 {
    flex: 5;
  }
  .flex-6 {
    flex: 6;
  }
  
  .dsp-flex {
    display: flex;
  }
  
  .borderless {
    border: none;
    outline: none;
    border-color: transparent;
    background-color: transparent;
  }
  .left_middle_contents {
    vertical-align: middle;
    text-align: left;
  }
  
  .center-float-div {
    position: fixed;
    top: 10%;
    left: 25%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    background-color: white;
    min-height: 300px;
    min-width: 620px;
    text-align: center;
    box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
    z-index: 1000;
  }
  
  .container {
    display: flex;
    flex-wrap: wrap; /* allows items to wrap to a new line if the container is too small */
  }
  
  .divright {
    flex: 1;
  }
  
  .label-text-middle-left {
    font-family: "avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    text-align: start;
    color: var(--font_color);
    vertical-align: middle;
    text-align: left;
  }
  .div_header {
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: left;
    background-color: #474747;
    height: 50px;
    color: white;
    padding: 10px;
    font-family: "avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
  }
  .float-add-button {
    position: fixed;
    z-index: 5;
    cursor: pointer;
    bottom: 20px;
    right: 30px;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #474747;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
  }
  
  .float-add-icon {
    /* identical to box height */
    font-size: 50px;
    color: whitesmoke;
  }
  .text_button {
    font-family: "avenir LT Std";
    font-style: normal;
    font-size: 18px;
    text-decoration: none;
    color: #474747;
    font-weight: 400;
    cursor: pointer;
  }
  .div_drop_shadow {
    box-shadow: 5px 5px 5px 0px rgba(200, 200, 200, 0.5);
  }
  .moveable {
    cursor: move;
  }
  .pagination_button {
    padding: 10px;
    /*width: 50px;*/
    text-align: center;
    border: 1px solid #ededed;
  }
  .pagination_current_page_button {
    background-color: #d4e5ff;
  }
  
  .warning {
    color: var(--warning_field_color);
  }
  
  .add-icon-color {
    color: var(--add_icon);
  }
  
  .flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  
  .padding-5 {
    padding: 5px;
  }
  
  .padding-3 {
    padding: 3px;
  }
  
  .padding-0 {
    padding: 0px;
  }
  
  .list-card-container {
    border-radius: 10px;
    padding: 2px;
    margin-bottom: 20px;
    background-color: #474747;
    color: white;
  }
  tr.table-line-none {
    border-style: none;
    border-color: transparent;
  }
  .edit-color {
    color: var(--brand-icon);
  }
  
  /* .zoom-adjustment {
    zoom: 80%;
  } */
  
  .edit-color {
    color: var(--brand-icon);
  }
  
  .label-flex-basis-cmfas-certificates {
    flex-basis: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  
  .label-flex-basis-disciplinary {
    flex-basis: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  
  .on-input {
    border: none;
    outline: none;
    border-bottom: 1px solid rgb(48, 48, 48);
    border-color: rgb(48, 48, 48);
  }
  
  .all-center {
    align-items: center;
    justify-content: center;
  }
  
  .input-container-tabs {
    display: flex;
    margin: 2px;
    align-items: center;
    justify-content: center;
  }
  
  .col-align-cmfas {
    justify-content: flex-start;
    height: 45px;
    align-items: center;
    display: flex;
  }
  
  /* Sidebar Testing Only */
  html,
  body {
    margin: 0;
    height: 100%;
  }
  
  html {
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  
  .warning {
    color: var(--warning_field_color);
  }
  
  .width-100-percent {
    width: 100%;
  }
  .main_width {
    width: 95%;
  }
  
  .add-icon-color {
    color: var(--add_icon);
  }
  
  /* sidebar content */
  
  .module-title {
    position: fixed;
    width: max-content;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #fafafa;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 0px 0px 10px 10px;
    right: 30px;
    font-weight: bold;
    background-color: #d1d1d1;
    color: #000;
  }
  .abi{
  
    position: fixed;
    z-index: 5;
    cursor: pointer;
    bottom: 20px;
    right: 30px;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #474747;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
  }
  
  .flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  
  .padding-5 {
    padding: 5px;
  }
  
  .card-content {
    border-radius: 0px 0px 10px 10px;
    width: 358px;
    height: 222px;
  
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .card-guide {
    border-radius: 5px 5px 5px 5px;
    width: 200px;
    height: 120;
    margin-right: 10px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  
    background: #fff;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
  }
  
  .card-shortcut {
    border-radius: 5px 5px 5px 5px;
    width: 350px;
    height: 225px;
    margin-left: 100px;
    margin-top: 5px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  
    background: #fff;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
  }
  
  .card-header-production {
    height: 46px;
  
    border-radius: 10px 10px 0px 0px;
  }
  
  .edit-color {
    color: var(--brand-icon);
  }
  
  .card-icon-container {
    position: relative;
    width: 65px;
    height: 65px;
  
    border-radius: 10px;
  }
  
  .label-flex-basis-cmfas-certificates {
    flex-basis: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  .flex-basis-employment-detail {
    flex-basis: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
  
  .line-separator {
    height: 80%;
    border: 1px solid #8a8a8a;
  }
  
  .text-center {
    text-align: center;
  }
  .bth-login {
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: grey;
    border: 1px solid grey;
  }
  .nav-item {
    background-color: #ededed;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid rgb(220, 220, 220);
    margin-left: 2px;
    margin-top: 4px;
  }
  .nav-link {
    color: grey;
  }
  .active-tab {
    color: rgb(45, 38, 135);
    font-weight: bold;
    background-color: white;
  }
  input,
  select {
    line-height: normal;
  }
  
  .m_login {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .adviser-img-container {
    border: 1px solid white;
    border-radius: 100%;
    width: inherit;
    height: inherit;
  }
  
  .advisers-photo {
    margin-top: -150px;
    object-fit: scale-down;
    height: 100px;
    width: 100px;
    transition: width 1s, height 1s, margin-top 1s;
  }
  
  .advisers-photo-small {
    margin-top: -200px;
    object-fit: scale-down;
    height: 50px;
    width: 50px;
    transition: width 1s, height 1s, margin-top 1s;
  }
  
  .adviser-circle-photo {
    position: absolute;
    width: inherit;
    border-radius: 100%;
    height: inherit;
    display: block;
    padding: 1px;
    object-fit: scale-down;
    border: 1px solid white;
    background-color: white;
  }
  .advisers-profile-container {
    height: 150px;
  }
  
  /*Slider*/
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  #life-check:checked + .slider {
    background-color: #fd9797;
  }
  #cis-check:checked + .slider {
    background-color: #f7ce8b;
  }
  #gi-check:checked + .slider {
    background-color: #95e195;
  }
  input:checked + .slider {
    background-color: #2196f3;
  }
  input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
  }
  
  .fc_profile {
    font-size: 14px;
  }
  
  @-moz-document url-prefix() {
    #main_display_div th {
      font-size: 10px;
    }
    #main_display_div td {
      font-size: 10px;
    }
    #main_display_div input {
      font-size: 10px;
      height: 30px;
    }
    .sidebar-submenu-text {
      font-size: 10px;
      font-family: Verdana;
      min-width: 90px;
      text-align: left;
    }
    .sidebar-submenu-child-text {
      font-size: 10px;
      font-family: Verdana;
    }
    #row_header {
      height: 45px;
    }
    #arrow-sidebar {
      width: 30px;
      height: 30px;
      left: 250px;
    }
    #sidebar-arrow-text {
      font-size: 8px;
    }
    .logo-text-white_label {
      font-size: 14px;
    }
    .logo-text-wealth {
      font-size: 5px;
    }
    .logo {
      height: 30px;
      margin-top: 5px;
    }
    .sidebar-container {
      width: 200px;
    }
    .dummy-sidebar {
      width: 200px;
    }
    .sidebar_icon {
      width: 40px;
    }
    .btn-sidebar {
      line-height: 50px;
      height: 50px;
    }
    .btn-child-sidebar {
      line-height: 50px;
      height: 50px;
    }
    #batch_no {
      font-size: 10px;
    }
  
    #page_title {
      margin-top: 45px;
      font-size: 12px;
    }
    .logo-container {
      padding: 30px 0px 10px 20px;
    }
  
    /*Div Table style for firefox*/
  
    .divTable {
      display: table;
      width: 100%;
    }
    .divTableRow {
      display: table-row;
    }
  
    .divTableHeaderDisabled {
      text-align: center;
      vertical-align: middle;
      /*display: table-header-group;*/
      border: 1px solid white;
      padding: 2px;
      /*background-color: #152656;*/
      background-color: #474747;
      color: white;
      font-weight: 100;
      font-family: "verdana";
      font-size: 12px;
    }
  
    .divTableCellDisabled {
      border: 0px solid #999999;
      display: table-cell;
      padding: 4px 5px;
      font-size: 12px;
      font-family: "verdana";
    }
    .divCellBottomBorder {
      border-bottom: 1px solid #dedede;
      padding: 4px;
    }
  
    .divTableFoot {
      background-color: #eee;
      display: table-footer-group;
      font-weight: bold;
    }
    .divTableBody {
      display: table-row-group;
    }
    #prodlist_trash {
      font-size: 18px;
    }
    .float-edit-save {
      top: 35px;
      transform: scale(0.7);
    }
    #adviser_tasbs {
      transform: scale(0.7);
      transform-origin: 0;
    }
  }
  .form-check-input {
    margin-right: 10px;
  }
  
  @supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
  
    .height-100-percent {
      height: 70%;
    }
    .font-size-24 {
      font-size: 1em;
    }
    .font-size-20 {
      font-size: 0.8em;
    }
    
    .label-flex-basis-user-profile {
      font-size: 0.8em;
    }
    .label-col {
      font-size: 0.8em;
    }
    .label-input {
      font-size: 1em;
    }
    .title-header {
      font-size: 0.8em;
    }
    .input-col {
      color: rgb(62, 62, 62);
    }
    .fc_profile {
      color: rgb(62, 62, 62);
      font-size: 0.5em;
    }
    .mobile-number-input {
      color: rgb(62, 62, 62);
    }
    .input:disabled {
      color: rgb(62, 62, 62);
    }
    .module-title {
      font-size: 0.7em;
      height: 2em;
    }
  }
  
  /*
    .btn-sidebar {
      display: flex !important;
      flex-direction: row-reverse;
      justify-content: space-between;
      font-weight: 400;
      line-height: 60px;
      height: 60px;
      color: white;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      font-size: 10px;
      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;
    }*/
  
  .form-control:disabled {
    background-color: white;
  }
  
  input[type="checkbox"][disabled] {
    color: rgb(41, 31, 189);
  }
  
  .color-orange-secondary {
    background-color: rgb(247, 245, 235, 0.5) !important;
  }
  
  .color-orange-primary {
    background-color: rgb(234, 224, 218, 0.5) !important;
  }
  
  .color-orange-primary-header {
    background-color: rgb(202, 109, 51) !important;
  }
  .color-blue-primary {
    background-color: rgb(142, 167, 233, 0.5) !important;
  }
  .color-blue-primary-header {
    background-color: rgb(40, 54, 109) !important;
  }
  .color-blue-secondary {
    background-color: rgb(229, 224, 255, 0.5) !important;
  }
  
  .btn-download-excell {
    justify-content: center;
    width: 162px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #474747;
    border-radius: 5px;
  }
  
  .btn-run-autologin {
    justify-content: space-between;
    width: 120px;
    height: 44px;
    align-items: center;
    background: #474747;
    border-radius: 5px; 
  }
  
  .form-control:read-only {
    background-color: white;
  }
  
  .scrollable-sidebar {
    overflow: auto;
  }
  .bold {
    font-weight: bold;
  }
  .abicontainer {
    display: flex;
    flex-wrap: wrap;
  }
  
  .advisers-mini-info {
    box-sizing: border-box;
  
    /* position: absolute; */
    width: 330px;
    height: 780px;
    /* left: 200px; */
    /* top: -270px; */
    z-index: 2;
    background: #ffffff;
    /* Front Page Adviser/Grey Border */
  
    border: 1px solid #e4e7eb;
    border-radius: 8px;
  }
  
  .advisers-all-info {
    /* Rectangle 260 */
  
    box-sizing: border-box;
  
    /* position: absolute; */
    width: 1129px;
    height: 780px;
    /* left: 600px; */
    /* top: -270px; */
    z-index: 2;
  
    background: #ffffff;
    /* Front Page Adviser/Grey Border */
  
    border: 1px solid #e4e7eb;
    border-radius: 8px;
  }
  .noaccess_wrapper{
    top:30%;
    right:300px;
    max-width: 800px;
    left: 40%;
    border-color: #e5e5e5;
  }
  .noaccess_messagebox{
    color:red;
    margin-top:120px;
    font-size:25px;
  }
  
  .advisers-info-font-title {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 19.48px;
    line-height: 23px;
  
    /* Front Page Adviser/Grey Sidebar Item Font */
  
    color: #77889a;
  }
  .advisers-info-font-body {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 19.48px;
    line-height: 22px;
  
    /* Front Page Adviser/Blue Font */
  
    color: #1e2b51;
  }
  
  .card-name-advisers {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 23.6069px;
    line-height: 27px;
  
    /* Front Page Adviser/Bue Title */
  
    color: #1e2b51;
  }
  
  .card-title-advisers {
    font-family: "Arial";
    font-style: normal;
    font-weight: 400;
    font-size: 18.9867px;
    line-height: 22px;
    /* identical to box height */
  
    /* Front Page Adviser/Blue Font */
  
    color: #1e2b51;
  }
  
  .rep-code-advisers {
    font-family: "Arial";
    font-style: normal;
    font-weight: 400;
    font-size: 25.0279px;
    line-height: 29px;
    /* identical to box height */
  
    /* Front Page Adviser/Blue Font */
  
    color: #1e2b51;
  }
  
  .username-advisers {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 25.48px;
    line-height: 29px;
    text-align: center;
  
    /* Front Page Adviser/Grey Sidebar Item Font */
  
    color: #77889a;
  }
  
  .card-username-email-font {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 16.2866px;
    line-height: 20px;
    /* identical to box height */
  
    /* Front Page Adviser/Bue Title */
  
    color: #1e2b51;
  }
  
  .user-profie-tab {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 25.48px;
    line-height: 31px;
    text-decoration: none;
    /* identical to box height */
    /* Front Page Adviser/Bue Title */
  
    color: #1e2b51;
  }
  
  .nav_active{
    width: 150px;
    height: 0px;
    border: 4px solid #4164E3;
  }
  
  .nav_deactive{
    width: 150px;
    height: 0px;
    border: 4px solid #9a9a9a;
  }
  
  .list_notif{
    border: 5px solid #E4E7EB;
    border-radius: 8px;
    font-family: "Avenir LT Std";
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    height: 780px;
    margin: 15px;
    width: 400px;
  }
  
  .list_notif .list{
    padding: 0;
    overflow: scroll;
    overflow-x: hidden;
    width: 400px;
    height: 715px;
    line-height: 2em;
    float:left;
  }
  
  .list_notif .list::-webkit-scrollbar{
    background:transparent;
    width: 10px;
  }
  
  .list_notif .list::-webkit-scrollbar-track{
    background:transparent;
  }
  
  .list_notif .list::-webkit-scrollbar-thumb{
    background:#dedede4a;
  }
  
  .list li.active{
    background: #E4E7EB;
  }
  
  .desc_notif{
    border: 5px solid #E4E7EB;
    border-radius: 8px;
    font-family: "Avenir LT Std";
    font-style: normal;
    font-size: 18px;
    height: 780px;
    margin: 15px;
    width: 1000px;
  }
  
  .description_list{
    line-height: 5px;
    margin-bottom: 10px;
  }
  
  .desc_notif_content p, pre{
    color: #77889A;
  }
  
  .date_notif{
    font-size: 14px;
  }
  
  .head_list_notif{
    border-bottom: 3px solid #E4E7EB;
    height: 60px;
  }
  
  .head_list_notif a{
    color: #77889A;
    font-family: "Avenir LT Std";
    font-style: normal;
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 40px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
  }
  
  .head_list_notif ul{
  margin-left: -1em;
  }
  
  .head_list_notif li.deactivate{
    background-color: #77889a1d;
    border: 3px solid #E4E7EB;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 15px;
    margin-top: 15px;
    text-decoration: none; 
    list-style-type: none;
  }
  
  .head_list_notif li.active{
    background-color: white;
    border: 3px solid #E4E7EB;
    border-bottom: 3px solid #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 15px;
    text-decoration: none; 
    list-style-type: none;
  }
  
  .border_list_notif{
    border-width: 0px 0px 3px 0px;
    border-style: solid ;
    border-color: #E4E7EB;
    color: #77889A;
    height: auto;
  }
  
  .border_list_notif p{
    display: inline-block;
  }
  
  .border_list_notif .title_list_notif{
    font-weight: bold;
  }
  
  /* .border_list_notif .short_desc_notif{
    
  } */
  
  .desc_notif .head_desc{
    margin-left: 50px;
    margin-top: 70px;
  }
  
  .head_desc p,pre{
    font-family: "Avenir LT Std";
    font-style: normal;
    font-size: 18px;
  }
  
  .desc_notif .description{
    margin-left: 100px;
    margin-top: 30px;
    margin-right: 60px;
  }
  
  .text_desc_notif{
    text-align: justify;
  }
  
  .card-font {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 750;
    font-size: 34.1418px;
    line-height: 41px;
    /* identical to box height */
  
    text-align: center;
  }
  
  .production-search {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 750;
    font-size: 19.26px;
    line-height: 23px;
  
    /* Front Page Adviser/Grey Sidebar Item Font */
  
    color: #77889a;
  }
  
  .production-search-sub {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 400;
    font-size: 19.2556px;
    line-height: 23px;
  
    /* Front Page Adviser/Grey Sidebar Item Font */
  
    color: #77889a;
  }
  
  .btn-production-search {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #ffffff;
    background: #4164e3;
    width: 84px;
    height: 51px;
    border-radius: 8px;
  }
  
  .production-title-table {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 27.48px;
    line-height: 32px;
    /* identical to box height */
  
    text-align: center;
  
    /* Front Page Adviser/Grey Side Bar */
    background: #3d58a6;
    color: #fafbfc;
  }
  
  .production-sub-month-year {
    font-family: "Avenir LT Std";
    font-style: normal;
    font-weight: 750;
    font-size: 27.48px;
    line-height: 33px;
    /* identical to box height */
  
    text-align: center;
  
    /* Front Page Adviser/Grey Side Bar */
  
    color: #fafbfc;
  }
  
  .bg-table-lcg {
    background: #2b3e74;
  }
  
  .bg-month-year {
    background: #3d58a6;
  }
  .fontSize10 {
    font-family: "Avenir LT Std";
    font-size: 10px;
    
  }
  .fontSize18 {
    font-family: "Avenir LT Std";
    font-size: 18px;
  }
  .fontSize20 {
    font-family: "Avenir LT Std";
    font-size: 20px;
  }
  .fontSize12 {
    font-family: "Avenir LT Std";
    font-size: 12px;
  }
  .fontSize11 {
    font-family: "Avenir LT Std";
    font-size: 11px;
  }
  .fontSize9 {
    font-family: "Avenir LT Std";
    font-size: 9px;
  }
  .required_field{
    color:yellow;
  }
  
  .statement_font{
    color:#4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
  /* Style the autocomplete dropdown */
  .ui-menu{
    width: fit-content !important;
    z-index: 1001 !important;
    top: 30% !important;
    left: 50% !important;
  }
  
  .ui-autocomplete {
    max-height: 150px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    width: 100%;
    transform: translateY(0);
  }
  .no-helper-status .ui-helper-hidden-accessible {
    display: none;
  }
  
  .ui-menu-item {
    padding: 8px 10px;
    cursor: pointer;
  }
  
  .ui-menu-item:hover {
    background-color: #f0f0f0;
  }
  
  
  .user-profie-rep-code-header{
    font-size:20px;
    font-weight:100;
    padding: 8px 10px;
    color:white;
    background-color:#474747;
  }
  
  .sticky-head {
    position: sticky;
    top: 0; /* Stick the header to the top */
    z-index: 1; /* Ensure the header appears above the table body while scrolling */
  }
  
  .font-size-20-bold{
    font-size: 20px;
    font-weight: bold;
  }
  
  /* Define A4 page size in millimeters (mm) */
  @page {
    size: 210mm 297mm;
    margin: 0;
  }
  
  /* Reset default margin and padding */
  .body-printable, .h1-printable, .h2-printable, .p-printable {
    margin: 0;
    padding: 0;
  }
  
  /* Define styles for the header */
  .header-printable {
    color: #262862;
    padding: 75px;
    text-align: center;
  } 
  
  .header-printable-salary {
    color: #262862;
    text-align: center;
    display: none;
  } 
  
  /* Define styles for the body */
  .body-printable {
    min-height: calc(112vh - 200px);
  }
  
  .body-printable-salary {
    min-height: fit-content;
  }
  
  .footer-printable-salary {
    display: none;
  }
  
  /* Define styles for the footer */
  /* .footer-printable {
    color: #262862;
    bottom: 0;
    width: 100%;
  } */
  
  
  .notification-text{
    color:red;
    position: absolute;
    font-weight: bold;
    margin-left: 34px;
    margin-top: -30px;
  }
  
  .onhover-blue:hover{
    background-color: cornflowerblue;
    color: white;
    border-radius: 10px;
    border-style: solid;
    border-color: #3d58a6;
  }
  
  .text-inherit-bold{
    color: inherit;
    font-weight: bold;
  }
  
  .selected-commrate{
    background-color: cornflowerblue;
    color: white;
    font-weight: bold;
  }
  
  .padding_page{
    display: none;
  }
  
  @media print {
    body {
      visibility: hidden;
      
    }
  
    .header-printable-salary {
      height: fit-content;
      display: block !important;
      content: "Header Content";
      position: fixed;
      top: 0;
      left: 0;
    }
  
    .body-printable-salary{
      padding-top: 220px;
      padding-bottom: 75px;
      width: 100%;
    }
  
    .payslip-box .table tr.padding_page{
      padding-top: 220px;
      display: block;
    }
  
    .tr-printable:nth-child(15+1) {
      page-break-inside: avoid;
      page-break-after: always;
      padding-top: 220px;
      padding-bottom: 75px;
    }
  
    .tr-printable-salary:nth-child(15+1) {
      page-break-inside: avoid;
      page-break-after: always;
      padding-top: 220px;
      padding-bottom: 75px;
    }
  
    .page-break{
      page-break-after: always;
      padding-top: 220px;
    }
    
    .centered-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  
    .tr-printable {
      margin-top: 220px;
      page-break-inside: avoid;
    }
  
    .printable {
      visibility: visible;
      position: absolute;
      left: 0;
      top: 0;
    }
    .footer-printable-salary {
      page-break-before: always;
      content: "Footer Content";
      display: block !important;
      color: #262862;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      padding: 10px;
      text-align: center;
    }
  }
  
  .commrate-radio-btn{
      transform: scale(0.95); /* Adjust the scale factor as needed */
      margin-right: 5px; /* Add some space between the radio button and label */
  }
      /* Apply styles to make radio buttons smaller */

/* ── filemanager.css ── */
/* File Manager — layout tuned for white-label shell (main_display_div) */

h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(90, 90, 90);
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
}

.filemanager_tb {
  width: 100%;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  table-layout: fixed;
}

.filemanager_tb > thead > tr > th {
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
}

.filemanager_tb > tbody > tr > td {
  vertical-align: top;
  border-top: 0;
}

.filemanager_new_folder {
  font-size: 20px;
  cursor: pointer;
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  background: transparent;
}

.fm-folder-node {
  width: 100%;
}

.fm-folder-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 4px;
  border-bottom: 1px solid #f1f5f9;
}

.fm-folder-line:hover {
  background: #f8fafc;
}

.fm-folder-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.fm-folder-tree-actions {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 2px;
}

.filemanager_itemname {
  display: inline-block;
  text-decoration: none;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 6px;
  max-width: 100%;
  vertical-align: middle;
}

.fm-folder-main .folder-closed,
.fm-folder-main .folder-opened,
.fm-folder-main .filemanager_folder {
  display: inline-block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  flex-shrink: 0;
  vertical-align: middle;
}

.filemanager_folder_tree {
  border-right: 1px solid #e5e7eb !important;
  width: 36% !important;
  min-width: 260px !important;
  max-width: 420px;
  cursor: default;
  background: #fff;
}

.filemanager_folder_tree > div {
  max-height: 520px !important;
  min-height: 360px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px 10px !important;
}

.filemanager_browser_div {
  width: 100% !important;
  height: 100%;
  min-height: 420px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: 520px !important;
  overflow: auto !important;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}

.filemanager_path_div {
  padding: 8px 10px;
  width: 100%;
  max-width: 100%;
  background-color: #f1f5f9;
  margin-bottom: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  border-radius: 8px;
  box-sizing: border-box;
}

.filemanager_path_wrapper {
  width: fit-content;
  max-width: 100%;
  background-color: #475569;
  min-height: 40px;
  height: auto;
  vertical-align: middle;
  padding: 8px 14px;
  text-align: left;
  color: white;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-sizing: border-box;
}

.filemanager_menu_wrapper {
  width: fit-content;
  height: 40px;
  padding: 8px 12px;
  text-align: center;
  font-size: 20px;
  color: rgb(57, 57, 57);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

/* Empty files pane hint */
.fm-browser-empty {
  color: #94a3b8;
  font-size: 14px;
  padding: 48px 20px;
  text-align: center;
}

.filemanager_browser_div:empty::before {
  content: none;
}

.filemanager_buttons_blue,
.filemanager_buttons_red,
.filemanager_buttons {
  border: 0;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

.filemanager_buttons_blue { color: rgb(38, 65, 134); }
.filemanager_buttons_red { color: rgb(239, 71, 71); }
.filemanager_buttons { color: rgb(55, 59, 136); }

.filemanager_buttons:hover,
.filemanager_buttons_blue:hover,
.filemanager_buttons_red:hover,
.filemanager_new_folder:hover {
  background: #f1f5f9;
}

#drop-zone {
  border: 0 dashed #88a;
  border-radius: 12px;
  min-height: 360px;
  padding: 10px;
  margin-bottom: 0;
  background: #ffffff;
  transition: background 0.2s, border-color 0.2s;
  overflow: auto;
  height: auto;
  max-height: 480px;
}

/* Search bar — NOT fixed (fixed caused the huge empty gap in WL shell) */
#search_div {
  position: relative !important;
  background-color: transparent;
  width: 100% !important;
  z-index: 2;
  padding-top: 0 !important;
  margin-bottom: 0.5rem;
}

#search_div button {
  background-color: #465fff;
  border-radius: 8px;
  color: white;
  padding: 8px 14px;
  border: 0;
}

#search_div input,
#fileSearchInput {
  border-radius: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid #d0d5dd !important;
  width: min(100%, 360px) !important;
  max-width: 360px;
  box-sizing: border-box;
  background: #fff;
}

#fileSearchInput:focus {
  outline: none;
  border-color: #465fff !important;
  box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.12);
}

#search_result {
  max-height: 580px;
  min-height: 420px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  max-width: 100%;
  background: #fff;
}

#back_div {
  position: relative;
  padding: 8px 12px;
  height: auto;
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
  box-sizing: border-box;
}

#upload_div {
  width: min(520px, calc(100vw - 1.5rem)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 1.5rem) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 8% !important;
  margin: 0 !important;
  text-align: left;
  padding: 20px 24px 24px !important;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  box-sizing: border-box;
}

#upload_div .fm-upload-title,
.fm-standalone-upload .fm-upload-title {
  margin: 0 0 16px;
  font-size: 1.15rem;
  font-weight: 700;
  color: #344054;
  word-break: break-word;
}

.fm-upload-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.fm-upload-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.fm-upload-field label {
  width: auto !important;
  font-weight: 600;
  color: #344054;
  text-align: left;
}

.fm-upload-field input[type="text"],
.fm-upload-field input[type="file"],
#upload_div input[type="text"],
#upload_div input[type="file"],
.fm-standalone-upload input[type="text"],
.fm-standalone-upload input[type="file"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
}

.fm-upload-error {
  color: #d32f2f;
  font-size: 13px;
}

.fm-upload-access-label {
  font-size: 16px;
  font-weight: 700;
  color: #344054;
}

.fm-upload-access-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
}

.fm-upload-access-options label {
  width: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

.fm-upload-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

#upload_div button,
.fm-upload-actions button,
.fm-upload-actions .fm-upload-cancel {
  background-color: #465fff;
  border-radius: 10px;
  color: white;
  padding: 10px 16px;
  border: 0;
  min-width: 110px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#upload_div .fm-upload-cancel,
.fm-upload-actions .fm-upload-cancel {
  background-color: #e5e7eb;
  color: #344054;
}

.fm-standalone-upload {
  width: min(520px, 100%);
  margin: 1rem auto;
  padding: 0 12px;
  box-sizing: border-box;
}

.fm-uploading-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.33);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}

.fm-uploading-modal-card {
  background: #fff;
  color: #222;
  padding: 24px 28px;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 600;
  max-width: calc(100vw - 2rem);
  text-align: center;
}

.table_menu {
  margin: 0 0 8px;
}

.table_menu i,
.table_menu .create_folder {
  color: rgb(216, 181, 100);
  font-size: 20px;
}

.table_menu_subfolder {
  width: 100%;
  background-color: rgb(204, 204, 204);
  color: rgb(86, 86, 86);
  margin-bottom: 10px;
}

.table_menu_subfolder td {
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  color: rgb(86, 86, 86);
}

.table_menu_subfolder i {
  color: rgb(86, 86, 86);
}

.fa-file-pdf {
  color: red;
  margin-right: 5px;
}

.fa-file-video {
  background: linear-gradient(30deg, #1446bb, #308ae3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 5px;
}

.fa-image {
  background: linear-gradient(300deg, #f83030, #fff828);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 5px;
}

.fa-file {
  color: rgb(48, 48, 114);
}

/* File rows — flex cards (avoids multi-column table overlap on tablet/mobile) */
.fm-file-list,
.file_list_table.fm-file-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin-top: 4px;
}

.fm-file-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 12px 10px;
  border-bottom: 1px solid #f1f5f9;
  box-sizing: border-box;
}

.fm-file-row:last-child {
  border-bottom: 0;
}

.fm-file-meta {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.fm-file-icon {
  flex-shrink: 0;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}

.fm-file-icon i {
  font-size: 22px;
}

.fm-file-text {
  min-width: 0;
  flex: 1 1 auto;
}

.filemanager_filename_link {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

.filemanager_filename {
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  font-family: Outfit, Arial, Helvetica, sans-serif;
  color: #344054;
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  line-height: 1.35;
}

.fm-file-info {
  margin-top: 4px;
}

.fm-file-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex: 0 0 auto;
}

.fm-file-actions .filemanager_buttons_blue,
.fm-file-actions .filemanager_buttons_red,
.fm-file-actions .filemanager_buttons {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.fm-file-actions i {
  font-size: 16px !important;
}

.fm-file-empty {
  padding: 24px 12px;
  color: #94a3b8;
  font-size: 14px;
  text-align: center;
}

.file_list_table {
  margin-top: 5px;
  width: 100% !important;
}

.file_list_table i {
  font-size: 22px;
}

.file_list_table td {
  padding: 10px;
}

.search_action_col {
  width: 15%;
}

.form_style input {
  padding: 10px;
}

.form_style label {
  width: 130px;
  font-family: Arial, Helvetica, sans-serif;
}

/* Add / Edit Folder — viewport-centered panel above navbar */
#new_folder_div.fm-folder-modal,
#edit_folder_div_wrapper,
#edit_folder_div_wrapper.fm-folder-modal,
.fm-folder-modal {
  position: fixed !important;
  width: min(960px, calc(100vw - 2.5rem)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 2.5rem) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  top: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: calc(100vh - 2rem);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.18) !important;
  text-align: left !important;
  background: #fff !important;
  z-index: 10060 !important;
}

.fm-folder-modal-inner {
  padding: 20px 22px 22px;
  box-sizing: border-box;
  width: 100%;
}

.fm-folder-modal-title {
  margin: 0 0 18px;
  font-size: 1.15rem;
  font-weight: 600;
  color: #1f2937;
  text-align: left;
}

.fm-folder-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.fm-folder-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

#new_folder_div .fm-form-label,
#edit_folder_div .fm-form-label,
.fm-folder-form .fm-form-label {
  display: block;
  width: auto !important;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #344054;
  text-align: left;
}

.fm-folder-input,
#new_folder_div .fm-folder-input,
#edit_folder_div .fm-folder-input,
#new_folder_div input.form-control,
#edit_folder_div input.form-control,
#new_folder_div select.form-control,
#edit_folder_div select.form-control {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px;
  padding: 10px 14px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #344054 !important;
  box-sizing: border-box;
  font-size: 0.875rem;
}

.fm-folder-input:focus,
#new_folder_div .fm-folder-input:focus,
#edit_folder_div .fm-folder-input:focus {
  outline: none;
  border-color: #465fff !important;
  box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.15);
}

.fm-checkbox-grid {
  display: grid;
  gap: 10px 14px;
  width: 100%;
}

.fm-access-grid {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}

.fm-functions-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  max-height: 240px;
  overflow-y: auto;
  padding: 4px 2px;
}

.fm-check-item,
#new_folder_div .fm-check-item,
#edit_folder_div .fm-check-item,
.fm-folder-form .fm-check-item {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  color: #344054;
  white-space: normal;
  line-height: 1.3;
  box-sizing: border-box;
  cursor: pointer;
}

.fm-check-item input[type="checkbox"] {
  width: 16px !important;
  height: 16px;
  min-width: 16px;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
  accent-color: #465fff;
}

.fm-check-item span {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.fm-folder-panel {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.fm-folder-panel-title {
  margin: 0 0 12px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #344054;
  text-align: left;
}

.fm-folder-modal .fm-folder-actions,
.fm-folder-form .fm-folder-actions,
#new_folder_div .fm-folder-actions,
#edit_folder_div .fm-folder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.fm-btn-primary,
.fm-btn-secondary,
.fm-btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  min-height: 42px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  box-sizing: border-box;
}

.fm-btn-primary {
  background: #465fff;
  color: #fff;
}

.fm-btn-primary:hover {
  background: #3641f5;
}

.fm-btn-secondary {
  background: #e5e7eb;
  color: #344054;
}

.fm-btn-danger {
  background: #f04438;
  color: #fff;
  min-width: 0;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 0.75rem;
}

.fm-edit-folder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100%;
}

.fm-people-access-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.fm-people-access-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.fm-people-access-table th,
.fm-people-access-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: middle;
}

.fm-people-access-table th {
  color: #475569;
  font-weight: 600;
  background: #fff;
}

.fm-people-empty {
  color: #98a2b3;
  text-align: center !important;
  padding: 16px !important;
}

.fm-email-suggestions {
  border: 1px solid #d0d5dd;
  display: none;
  position: absolute;
  background: white;
  z-index: 1000;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: auto;
  width: min(360px, 100%);
}

#edit_folder_div_wrapper input,
#edit_folder_div_wrapper select {
  padding: 10px 14px;
  border-radius: 8px;
}

#edit_folder_div_wrapper label {
  width: auto;
  text-align: left;
}

#edit_folder_div {
  min-width: 0;
  width: 100%;
}

#edit_file_div {
  width: min(640px, calc(100vw - 1.5rem)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 1.5rem) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 8% !important;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  box-sizing: border-box;
}

#id_access_level label {
  width: 80%;
  text-align: left;
}

.folder-opened-old {
  color: rgb(28, 139, 207) !important;
}

.folder-opened,
.folder-closed,
.create_folder {
  height: 22px;
  width: 22px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: 0;
  vertical-align: middle;
  flex-shrink: 0;
}

.folder-opened {
  background-image: url("/static/images/folder-opened.png");
}

.folder-opened::before,
.folder-closed::before {
  content: none;
}

.create_folder {
  background-image: url("/static/images/create_folder.png");
}

.folder-closed {
  border-radius: 4px;
  background-image: url("/static/images/folder-closed.png");
}

#file_sharing_div {
  width: min(640px, calc(100vw - 1.5rem)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 1.5rem) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 8% !important;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  box-sizing: border-box;
}

#file_sharing_form {
  padding: 16px 20px 20px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

.file-share-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fm-share-field {
  display: grid;
  grid-template-columns: minmax(140px, 240px) minmax(0, 1fr);
  gap: 10px 16px;
  align-items: start;
}

.fm-share-field label {
  padding-top: 8px;
  text-align: left;
  width: auto !important;
}

.fm-share-input-wrap {
  position: relative;
  min-width: 0;
  width: 100%;
}

#file_sharing_form input,
#file_sharing_form select {
  padding: 8px 10px;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
  border: 1px solid rgb(127, 127, 127);
  box-sizing: border-box;
}

#file_sharing_form button {
  padding: 8px 12px;
  border-radius: 5px;
  width: auto;
  min-width: 100px;
  border: none;
}

.fm-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

.fm-share-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fm-share-revoke {
  width: 30px !important;
}

.autocomplete-list {
  border: 1px solid #ccc;
  border-top: 0;
  background: white;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  max-height: 220px;
  overflow-y: auto;
  z-index: 1000;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  left: 0;
  top: calc(100% + 2px);
  box-sizing: border-box;
  border-radius: 5px;
}

.autocomplete-list li {
  padding: 5px 12px;
  cursor: pointer;
}

.autocomplete-list li:hover {
  background: #e3f2fd;
}

.form-error {
  color: #d32f2f;
  font-size: 13px;
}

#active_sharing_tb {
  margin-bottom: 20px;
}

#active_sharing_tb th {
  padding: 5px;
  border-bottom: 1px solid grey;
  text-align: center;
}

#active_sharing_tb td {
  padding: 5px;
  border-bottom: 1px solid grey;
  text-align: center;
  color: grey;
}

.fileinfo {
  font-size: 13px !important;
  color: #64748b;
}

/* Kill the huge top gap from frames + compiled tailwind overrides */
#file_browser,
#main_display_div #file_browser,
#file_browser.admin_file_browser,
#file_browser.adv_file_browser,
#main_display_div .admin_file_browser,
#main_display_div .adv_file_browser {
  margin-top: 0.75rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  zoom: 1 !important;
}

#main_display_div #search_div,
#search_div {
  position: relative !important;
  padding-top: 0 !important;
  zoom: 1 !important;
}

.adv_file_search_div,
.admin_file_search_div,
#main_display_div .adv_file_search_div {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#search_result_content {
  overflow: auto;
  max-height: 520px;
  margin-top: 8px;
  padding: 10px;
}

#filemanager_browser_search_div {
  margin-top: 8px;
  overflow: hidden;
  min-width: 0 !important;
  width: 100% !important;
}

/* Toolbar: new-folder sits with Folders header */
.fm-th-folders {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.fm-th-folders .filemanager_new_folder {
  margin: 0;
}

.fm-usage-row td {
  background: #f8fafc !important;
  padding: 10px 14px !important;
  border-top: 1px solid #e5e7eb;
}

.fm-usage-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.fm-usage-label {
  flex: 0 0 auto;
  min-width: 200px;
  font-size: 14px;
  font-weight: 600;
  color: #344054;
}

.fm-usage-meter {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

.fm-usage-bar-outer {
  width: 200px;
  max-width: 100%;
  height: 22px;
  border-radius: 8px;
  background: #eee;
  overflow: hidden;
  flex-shrink: 0;
}

.fm-usage-bar-inner {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #2b66f6 70%, #f54b4b 100%);
  transition: width 0.5s, background 0.3s;
}

.fm-usage-value {
  font-size: 15px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: #344054;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .fm-file-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .fm-file-actions {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 900px) {
  /* Kill legacy mobile min-widths / zoom that squash the files pane */
  #filemanager_browser_div,
  #filemanager_browser_search_div,
  #main_display_div #filemanager_browser_div,
  #main_display_div #filemanager_browser_search_div {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #file_browser,
  #search_div,
  #main_display_div #file_browser,
  #main_display_div #search_div {
    zoom: 1 !important;
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }

  .adv_file_browser,
  .admin_file_browser,
  .adv_file_search_div,
  #main_display_div .adv_file_browser,
  #main_display_div .admin_file_browser {
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }

  .filemanager_folder_tree {
    width: 100% !important;
    max-width: none;
    min-width: 0 !important;
    border-right: 0 !important;
    display: block;
  }

  .filemanager_folder_tree > div {
    max-height: 280px !important;
    min-height: 180px;
  }

  .filemanager_tb,
  .filemanager_tb > tbody,
  .filemanager_tb > thead,
  .filemanager_tb > tbody > tr,
  .filemanager_tb > thead > tr {
    display: block;
    width: 100%;
  }

  .filemanager_tb > thead > tr > th,
  .filemanager_tb > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .fm-folder-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }

  .fm-folder-main {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  .fm-folder-tree-actions {
    display: inline-flex !important;
    flex: 0 0 auto !important;
  }

  .filemanager_itemname {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .filemanager_tb > tbody > tr > td {
    border-top: 1px solid #e5e7eb;
  }

  .filemanager_browser_div,
  #drop-zone {
    min-height: 240px !important;
    max-height: none !important;
    height: auto !important;
  }

  .filemanager_path_wrapper {
    width: 100%;
  }

  #fileSearchInput,
  #search_div input {
    width: 100% !important;
    max-width: 100% !important;
  }

  .fm-upload-actions {
    width: 100%;
  }

  .fm-upload-actions button,
  .fm-upload-actions .fm-upload-cancel {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
  }

  .filemanager_path_div {
    align-items: flex-start;
  }

  .filemanager_path_wrapper {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }

  .fm-uploading-modal-card {
    font-size: 16px;
    padding: 20px;
  }

  #edit_file_div,
  #edit_folder_div_wrapper,
  #new_folder_div,
  #upload_div,
  .fm-folder-modal {
    width: calc(100vw - 1.25rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.25rem) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    top: 0.75rem !important;
    margin: 0 !important;
    max-height: calc(100vh - 1.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
    box-sizing: border-box;
    z-index: 10060 !important;
  }

  #edit_file_div,
  #file_sharing_div.center-float-div,
  #file_sharing_div {
    width: calc(100vw - 1.5rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.5rem) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    top: 0.75rem !important;
    margin: 0 !important;
    max-height: calc(100vh - 1.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    z-index: 10060 !important;
  }

  #file_sharing_form {
    padding: 0 !important;
    box-sizing: border-box;
  }

  .fm-folder-modal-inner {
    padding: 16px;
  }

  .fm-access-grid,
  .fm-functions-grid {
    grid-template-columns: 1fr;
  }

  .fm-folder-modal .fm-folder-actions,
  .fm-folder-form .fm-folder-actions {
    width: 100%;
  }

  .fm-folder-modal .fm-folder-actions .fm-btn-primary,
  .fm-folder-modal .fm-folder-actions .fm-btn-secondary,
  .fm-folder-form .fm-folder-actions .fm-btn-primary,
  .fm-folder-form .fm-folder-actions .fm-btn-secondary {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
  }

  .fm-people-access-table thead {
    display: none;
  }

  .fm-people-access-table,
  .fm-people-access-table tbody,
  .fm-people-access-table tr,
  .fm-people-access-table td {
    display: block;
    width: 100%;
  }

  .fm-people-access-table tr {
    margin-bottom: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
  }

  .fm-people-access-table td {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #f3f4f6;
  }

  .fm-people-access-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #344054;
  }

  #edit_folder_div {
    min-width: 0 !important;
    width: 100% !important;
  }

  .fm-share-field {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .fm-share-field label {
    padding-top: 0;
  }

  .fm-share-actions {
    width: 100%;
  }

  .fm-share-actions .btn,
  .fm-share-actions button {
    flex: 1 1 calc(50% - 6px);
    min-width: 0 !important;
  }

  #active_sharing_tb,
  #active_sharing_tb thead,
  #active_sharing_tb tbody,
  #active_sharing_tb tr,
  #active_sharing_tb th,
  #active_sharing_tb td {
    display: block;
    width: 100% !important;
  }

  #active_sharing_tb thead {
    display: none;
  }

  #active_sharing_tb tr {
    margin-bottom: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
  }

  #active_sharing_tb td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: right !important;
    border-bottom: 1px solid #f3f4f6;
    padding: 10px 12px !important;
  }

  #active_sharing_tb td:last-child {
    border-bottom: 0;
  }

  #active_sharing_tb td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #344054;
    text-align: left;
  }

  /* Compact usage footer on mobile */
  .fm-usage-row td {
    padding: 6px 10px !important;
  }

  .fm-usage-block {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    transform: scale(0.92);
    transform-origin: top left;
    width: calc(100% / 0.92);
  }

  .fm-usage-label {
    min-width: 0 !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
  }

  .fm-usage-meter {
    width: 100%;
    gap: 6px;
  }

  .fm-usage-bar-outer {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 14px !important;
    border-radius: 6px;
  }

  .fm-usage-value {
    font-size: 10px !important;
  }
}

/* ── frondend_advisers.css ── */

/* ── wm_profile_page.css ── */
/* Animation keywhite_label for sliding up */
@keyframes slideUp {
  from {
      transform: translateY(100%);
      opacity: 0;
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}

/* Apply the slide-up animation to the modal */
.custom-modal {
  animation: slideUp 0.5s ease-out;
  transform: translateY(100%); /* Start off-screen */
}

/* Optional: Override Bootstrap modal fade to control the transition */
.modal.fade .custom-modal {
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/* Ensure the modal is aligned at the bottom and centered */


.modal-dialog {
  text-align: left;
  position: relative;
  bottom: 40px;
  top:250px;
  /*left: 36%;*/      /* Center horizontally */
  transform: translateX(-50%);  /* Offset by 50% to center correctly */
  /*margin: 0;*/
  width: 100%;    /* Adjust the width based on content */
  max-width: 420px; /* Or any specific width, adjust this as necessary */
}


.body {
  margin: 0;
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center; /* Center horizontally */
  /*align-items: center; /* Center vertically */
  background-color: #f5f5f5;
  overflow: scroll;
  
  scrollbar-width: none; /* Firefox - hide scrollbar */

  
}
.about_me_btn{
  position: fixed;
  z-index: 1000;
  background-color: rgb(252, 255, 203);
  opacity: 50%;
  padding: 4px;
  top:80px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left:-10px;
  font-size: 12px;
  cursor: pointer;
  width:50px;
  transform: rotate(90deg);

}
.blog_btn{
  position: fixed;
  z-index: 1000;
  background-color: white;
  opacity: 50%;
  padding: 4px;
  top:135px;
  width:50px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-left:-10px;
  font-size: 12px;
  cursor: pointer;
  transform: rotate(90deg);

}
.container {
  display: flex;
  flex-wrap: wrap;
  max-width: 430px;
  padding: 0px;
  /*background-color: #02274d;*/
  min-height: 1000px;
  background-color: white;
  
}
.item {
  flex: 1 1 100%;
  

}


#profile-photo{
  width: 100%;
  height: auto;
  /*opacity: 50%;*/
  

}


.logo_bg {
  display: block;
  width: 150px;
  height: 90px;
  border-radius: 10px;
  background-color: rgb(29, 41, 73);

  /* Glow effect */
  box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.8); /* Change the values to adjust the glow */
  text-align: center;
  line-height: 80px;
  font-size: 24px;
  z-index: 552;
  opacity: 70%;
  border: 0px;
  position: absolute;
  top:20px;
  left:52%;
}
.logo_container {
  
  display: block;
  width: 200px;
  margin-left: 10px;
  margin-top: -20px;
  position: absolute;

  
  
  border-radius: 10px;
  text-align: center;
  line-height: 80px;
  font-size: 24px;
  z-index: 553;
  border:0px;
  top:20px;


  
  
}
.logo_image{
  width:85%;

}
#profile-bg{
  max-width:430px;
  min-height:400px;
}
#curve_divider{
  background-color: rgb(186, 153, 63);
  height:100px;
  border-radius:50%;
  align-items: center;
  
  top:380px;
  z-index: 500;
  max-width: 430px;
  position: absolute;
  width:100vw;
  
}

.profile{
  text-align: left;
  width:50vw;
  height:100px;
  /*background-color: #94b1ce;*/
  padding-top: 20px;
  z-index: 501;
  color:#454545;
  position: absolute;
  top:80px;
  margin-left: 50px;
  max-width: 150px;

  
}
.profile_photo{
  text-align: right;
  width:100vw;
  
  
  padding-top: 20px;
  z-index: 501;
  color:#454545;
  position: absolute;
  top:10px;
 
  max-width: 430px;
}
#profile_photo_main{
  height:350px;
  /*border-radius: 100px;
  border: 5px solid rgba(255, 255, 255, 0.381);
  box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.8)*/

}
.text-name{
  padding: 0px;
  font-size: 21px;
  color: #ffffff;
  font-family: Verdana;
  font-weight: bold;
  
  

}
.text-title{
  
  padding: 0px;
  font-size: 17px;
  color: #ffffff;
  font-family: arial;

}
.text-mas{
  padding: 0px;
  font-size: 12px;
  color: #ffffff;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight:lighter;
  

}
.contacts{
  margin-top: 10px;
  width:100vw;
  max-width: 430px;
  border-radius: 15px;
  font-size: 18px;
  color: #1E308C;
  /*box-shadow: 2px 1px 10px 2px #535353;
  background-color: #4d4d4d;*/
  /*background-image: linear-gradient(to bottom right, rgb(255, 255, 255), rgb(238, 241, 255));*/
  padding: 10px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

  
}
.contacts a{
  color: #1E308C;
}
.contacts table{
  width:80%;
  

  
}
.contacts th{

  text-align: left;
  padding:10px;


}
.contacts td{
  padding:3px;
  padding-bottom: 5px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: left;
  padding-right: 20px;
  color: #1E308C;
  font-size: 16px;
  text-decoration: none;


}
.content_container{
  background-color: white;
  z-index: 505;
  top:290px;
  height:100%;
  max-height: 700px;
  position: absolute;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  
}
.contacts img{
  width:30px;
  /*background-color: rgb(147, 147, 147);
  
  box-shadow: 0px 0px 5px 1px #ffffff;
  border: 1px solid 1E308C;
  border-radius: 20px;*/
  
}
.save_btn{
  bottom: 50px;
  padding: 10px;
  position: fixed;
  width:100vw;
  max-width: 430px;
  border:0px;
  z-index: 600;
  display: flex;
  justify-content: center;
  background-color: #ffffff;


}
.address{
  bottom: 0px;
  position: fixed;
  width:100vw;
  max-width: 430px;
  min-height: 50px;
  border:0px;
  z-index: 600;
  display: flex;
  justify-content: center;
  color:#02274d;
  font-size: 12px;
  background-color: #ffffff;


}
.action_msg{
  bottom: 100px;
  position: fixed;
  width:100vw;
  max-width: 430px;
  min-height: 50px;
  border:0px;
  z-index: 600;
  display: flex;
  justify-content: center;
  color:#02274d;
  font-size: 14px;
  background-color: #ffffff;


}
.btn_style{
  background-color: #0735c0;
  width:90%;
}
.articles_containner{
  /*ABI CHANGE FROM absolute to relative*/
  position: relative;
  width: 100vw;
  max-width: 430px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding:10px;
  background-color: white;
}
.article_div{
  margin-top: 10px;

}   

.social_div a{
  margin-right: 10px;
  cursor: pointer;
}
.social_div i{
  cursor: pointer;
  font-size: 20px;
}



.carousel-container {
overflow: hidden;
width: 100%;
max-width: 430px; /* Set to fit mobile screens */
margin: auto;
position: relative; /* To position buttons inside */
background-color: rgb(255, 255, 255);
padding:0px;
box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.2), /* Darker inset shadow */
inset -4px -4px 8px rgba(255, 255, 255, 0.8); /* Lighter inset shadow */

}

.carousel-wrapper {
display: flex;
transition: transform 0.3s ease-in-out;
}

.carousel-card {
min-width: 170px; /* Width of each card */
max-width: 200px;
margin: 5px;
height: 130px;
overflow: hidden;
background-color: #eaeaea;
border-radius: 0px;
/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
overflow: hidden; /* Hide overflow to maintain size */
position: relative;


}
.carousel-card iframe,
.carousel-card video {
width: 100%; /* Responsive width */
height: auto; /* Maintain aspect ratio */
max-height: 140px; /* Limit height for videos */
zoom:0.5;
}
.carousel-card p, 
.carousel-card div {
margin: 0;
padding: 0;
overflow-wrap: break-word; /* Prevent long words from overflowing */
}

#next,
#prev,
.carousel-card button {
background-color: #787878; /* Blue button color */
color: white;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
z-index: 991; /* Make sure buttons are above cards */
}

#next:hover,
#prev:hover,
.carousel-card button:hover {
background-color: #0056b3; /* Darker blue on hover */
}
#next{
top:80px;
right:-10px;
width:30px;
height:50px;
opacity: 70%;
position: absolute; 
z-index: 991;
border-bottom-left-radius: 50%; 
border-top-left-radius: 50%; 
background-color: #0b4685;
}
#prev{

top:80px;
position: absolute; 
z-index: 990;
width:30px;
height:50px;
left:-10px;
opacity: 70%;
border-bottom-right-radius: 50%; 
border-top-right-radius: 50%; 
background-color: #0b4685;
}
.article_header{
font-family:'arial';
font-size:15px;
font-weight: bolder;
padding:5px;
background-color: white;

}
.thumbnail{
object-fit: cover;
height:100%;


}
.thumbnail_title{
position: absolute;
z-index: 994;
background-color: #eaeaea;
color:rgb(101, 101, 101);
top:0px;
font-size: 10px;
padding:10px;
width:100%;
font-family: 'Calibri';
text-align: left;
;



}
.thumbnail_date{
position: absolute;
z-index: 994;
background-color: #eaeaea;
color:rgb(101, 101, 101);
top:115px;
font-size: 10px;
padding:5px;
width:100%;
font-family: 'Calibri';
text-align: left;
}

@media  (max-width:380px){
  .logo_container {
  
      
  }
  
  .logo_bg {
      
  }
  #curve_divider{
      top:300px;
  }
  .profile{
      top:310px;
  }
  .profile_photo{
      top:130px;
  }
  #profile_photo_main{
      height:160px;
  }
  .contacts{
      top:400px;
  }
  .modal-dialog{
      width:98%;
      max-width: 345px;
  }
  .articles_containner{

      max-width: 300px;
      left:0px;
      top:520px;
  }
  .article_div{
      zoom:0.90;
      
      
  }
}


@media  (min-width:381px) and (max-width:415px)  {
  .logo_container {
  
      
  }
  
  .logo_bg {
      
  }
  #curve_divider{
      top:340px;

  }
  .profile{
      top:345px;
  }
  .profile_photo{
      top:130px;
  }
  #profile_photo_main{
      height:160px;
  }
  .contacts{
      top:450px;
  }
  .modal-dialog{
      width:98%;
      max-width: 345px;
  }
  .articles_containner{
      
      max-width: 380px;
      left:0px;
      top:560px;
      padding-right: 10px;
  }
  .article_div{
      
      zoom:0.91;
      
  }
  
}
@media  (min-width:416px) and (max-width: 500px) {
  .logo_container {
  
      
  }
  
  .logo_bg {
      
  }
  #curve_divider{
      top:360px;
  }
  .profile{
      top:370px;
  }
  .profile_photo{
      top:160px;
  }
  .contacts{
      top:470px;
  }
  .modal-dialog{
      width:98%;
      max-width: 400px;
      top:350px;
  }
  .article_div{
      max-width: 430px;
      zoom:0.96;
      
  }
  .articles_containner{

      padding-left: 10px;
      padding-right: 10px;
      
      
  }
  
  
  
}

/* ── personal_page_03_responsive.css ── */
/* Personal Page 03 Responsive CSS - Works on all device resolutions */

/* Force bottom navigation to be visible on mobile - Highest Priority */
@media (max-width: 767.98px) {
    body .bottom_menus,
    html .bottom_menus,
    .container .bottom_menus,
    .item .bottom_menus,
    #main_container .bottom_menus,
    #bottom_menus_container .bottom_menus,
    div.bottom_menus {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        z-index: 99999 !important;
        transform: none !important;
        justify-content: space-around !important;
        align-items: center !important;
        background: #f4f4f4 !important;
        padding: 8px 5px !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15) !important;
        border-top: 1px solid rgba(208, 208, 208, 0.3) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure menu items are visible */
    .bottom_menus .menu_item_bottom,
    #bottom_menus_container .bottom_menus .menu_item_bottom {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
}

/* Mobile-first: Floating Bottom Navigation Bar */
@media (max-width: 767.98px) {
    .bottom_menus {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        z-index: 9999 !important;
        transform: none !important;
        justify-content: space-around !important;
        align-items: center !important;
        background: #f4f4f4 !important;
        padding: 8px 5px !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15) !important;
        border-top: 1px solid rgba(208, 208, 208, 0.3) !important;
    }

    .address {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 9998 !important;
        transform: none !important;
    }
}

/* Animation keywhite_label for sliding up */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Apply the slide-up animation to the modal */
.custom-modal {
    animation: slideUp 0.5s ease-out;
    transform: translateY(100%);
}

.custom-modal-enquiry {
    animation: slideUp 0.5s ease-out;
    transform: translateY(100%);
}

/* Optional: Override Bootstrap modal fade to control the transition */
.modal.fade .custom-modal .custom-modal-enquiry {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/* Modal dialogs - Responsive */
.modal-dialog {
    text-align: left;
    position: relative;
    bottom: 40px;
    top: 200px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.modal-dialog-enquiry {
    text-align: left;
    position: relative;
    bottom: 40px;
    top: 100px;
    transform: translateX(110%);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.enquiry-modal {
    top: 0px;
}

/* Body styles */
.body {
    margin: 0;
    height: 100vh;
    display: flex;
    width: 100vw;
    justify-content: center;
    background-color: #f5f5f5;
    overflow: scroll;
    scrollbar-width: none; /* Firefox - hide scrollbar */
}

/* Ensure body doesn't clip fixed elements */
body {
    overflow-x: hidden;
    position: relative;
    background-color: #f5f5f5;
    width: 100%;
}

/* Ensure container doesn't clip fixed elements */
.container {
    position: relative;
    overflow: visible;
}

/* Container - Responsive */
.container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    min-height: auto;
    background-color: transparent;
    margin: 0 auto;
    transition: margin-left 0.3s ease, max-width 0.3s ease;
    position: relative;
    overflow: visible;
}

.item {
    flex: 1 1 100%;
}

/* Profile background image */
#profile-bg {
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: cover;
}

/* Logo container - Responsive */
.logo_container {
    display: block;
    width: 150px;
    margin-left: 10px;
    margin-top: -20px;
    position: absolute;
    border-radius: 10px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    z-index: 553;
    border: 0px;
    top: 20px;
}

.logo_image {
    width: 85%;
    max-width: 100%;
    height: auto;
}

/* Desktop/Tablet Header Section */
.desktop-header-section {
    position: relative;
    min-height: 450px;
    background: linear-gradient(135deg, #0a2642 0%, #1f4c90 100%);
    padding: 40px;
    padding-bottom: 80px;
    display: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: visible;
    margin-bottom: -15px;
    gap: 0px;
    z-index: 700;
    width: 100%;
}

/* Desktop Header - Center inner content with max-width */
@media (min-width: 992px) {
    .desktop-header-section {
        padding-left: max(40px, calc((100% - 1200px) / 2));
        padding-right: max(40px, calc((100% - 1200px) / 2));
    }
    
    .desktop-nav-bar {
        padding-left: max(30px, calc((100% - 1200px) / 2)) !important;
        padding-right: max(30px, calc((100% - 1200px) / 2)) !important;
    }
    
    .desktop-contact-cards {
        right: max(40px, calc((100% - 1200px) / 2));
    }
}

@media (min-width: 1920px) {
    .desktop-header-section {
        padding-left: max(40px, calc((100% - 1400px) / 2));
        padding-right: max(40px, calc((100% - 1400px) / 2));
    }
    
    .desktop-nav-bar {
        padding-left: max(30px, calc((100% - 1400px) / 2)) !important;
        padding-right: max(30px, calc((100% - 1400px) / 2)) !important;
    }
    
    .desktop-contact-cards {
        right: max(40px, calc((100% - 1400px) / 2));
    }
}

/* Header background - gradient overlay on image */
.desktop-header-section::after {
    content: '';
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(10, 38, 66, 0.85) 0%, rgba(31, 76, 144, 0.85) 100%);
    z-index: 1;
}

.desktop-header-section > * {
    position: relative;
    z-index: 2;
}

.desktop-header-section .profile,
.desktop-header-section .profile_photo,
.desktop-header-section .desktop-logo-container {
    z-index: 1010;
}

/* Profile section - Responsive */
.profile {
    text-align: left;
    min-height: 100px;
    padding-top: 20px;
    color: #454545;
    position: absolute;
    top: 60px;
    margin-left: 30px;
    z-index: 888;
    width: calc(100% - 60px);
    max-width: 500px;
}

/* Desktop Logo Container */
.desktop-logo-container {
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 3;
}

.desktop-logo-image {
    width: 200px;
    height: auto;
}

/* Desktop Header Profile Section */
.desktop-header-section .profile {
    position: relative;
    top: auto;
    margin-left: 120px;
    width: 40%;
    max-width: none;
    flex: 0 0 40%;
    order: 1;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
    z-index: 3;
}

.profile span {
    display: block;
    max-width: 100%;
    margin-bottom: 2px;
    word-wrap: break-word;
}

.text-name {
    padding: 0px;
    font-size: 16px;
    color: #ffffff;
    font-family: Verdana;
    font-weight: bold;
    width: 100%;
    max-width: 100%;
    text-shadow: 0 0 20px #ffffff;
}

/* Desktop Header Text Styles */
.desktop-header-section .text-name {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
    line-height: 1.2;
}

.desktop-header-section .text-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #ffffff;
    line-height: 1.3;
    text-shadow: 0 0 10px #ffffff;
}

.desktop-header-section .text-mas {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 5px;
    font-weight: 500;
    text-shadow: 0 0 10px #ffffff;
}

.desktop-header-section .text-phone,
.desktop-header-section .text-email,
.desktop-header-section .text-qualification,
.desktop-header-section .text-qualification_pro,
.desktop-header-section .text-qualification-others {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 5px;
    line-height: 1.3;
    text-shadow: 0 0 10px #ffffff;
}

.desktop-header-section .text-phone,
.desktop-header-section .text-email {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 5px;
    display: block;
}

/* Desktop Header Social Media Icons */
.desktop-header-social-div {
    display: flex;
    gap: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.desktop-header-social-div a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.desktop-header-social-div a:hover {
    background-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    color: #ffffff;
}

.desktop-header-social-div i {
    font-size: 16px;
}

.desktop-header-social-div img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

.text-title {
    padding: 0px;
    font-size: 14px;
    color: #ffffff;
    font-family: arial;
}

.text-mas,
.text-phone,
.text-email,
.text-qualification,
.text-qualification_pro,
.text-qualification-others {
    padding: 0px;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/* Profile photo - Responsive */
.profile_photo {
    text-align: right;
    width: 100%;
    padding-top: 20px;
    /* z-index: 1010; */
    color: #454545;
    position: absolute;
    top: 10px;
    max-width: 100%;
    padding-right: 140px;
}

#profile_photo_main {
    height: auto;
    max-height: 350px;
    width: auto;
    max-width: 100%;
    /* margin-top: 55px; */
    margin-right: 0px;
    z-index: 1010;
    position: relative;
}

/* Desktop Header Profile Photo */
.desktop-header-section .profile_photo {
    position: relative;
    top: auto;
    flex: 0 0 40%;
    width: 40%;
    order: 3;
    padding-top: 0;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: -80px;
    align-self: flex-end;
    z-index: 1001;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.desktop-header-section #profile_photo_main {
    height: auto;
    max-height: 500px;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-right: 0px;
    border-radius: 0;
    object-fit: contain;
    position: relative;
    z-index: 1001;
}

/* Testimonials section styles */
.testimonials-section {
    width: 100%;
    padding: 20px 150px;
    margin-bottom: 20px;
}

.testimonials-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 0 10px;
}

.testimonials-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.testimonials-nav {
    display: flex;
    gap: 10px;
}

.testimonial-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(136, 247, 255, 0.5);
    background: rgba(26, 58, 92, 0.7);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.testimonial-nav-btn:hover {
    background: rgba(136, 247, 255, 0.2);
    border-color: #fff;
}

.testimonial-nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.testimonials-carousel-container {
    overflow: hidden;
    width: 100%;
}

.testimonials-carousel {
    display: flex;
    transition: transform 0.4s ease;
    gap: 15px;
}

/* Testimonial card styles - 3 cards when enough, full width when 1 */
.testimonial-card {
    background: linear-gradient(135deg, rgba(26, 58, 92, 0.85) 0%, rgba(13, 33, 55, 0.85) 100%);
    border-radius: 12px;
    padding: 20px;
    min-width: calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    flex-shrink: 0;
}
.testimonials-carousel-single-card .testimonial-card {
    min-width: 100%;
    max-width: 100%;
}

.testimonial-card-name {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.testimonial-card-name::before {
    content: '\f007';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
}

.testimonial-card-content {
    font-size: 14px;
    color: #e0e0e0;
    line-height: 1.6;
    text-align: justify;
}


.testimonial-card-author-single {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.testimonial-card-icon-single {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
}

.testimonial-card-author-text-single {
    display: flex;
    flex-direction: column;
}

.testimonial-card-name-single {
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    margin: 0;
    line-height: 1.3;
}

.testimonial-card-title-single {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    line-height: 1.3;
}



/* Navigation bar positioning - matching image */
@media (min-width: 768px) {
    .desktop-nav-bar {
        margin-top: 0;
        /* position: sticky; */
        /* position: relative; */
        /* top: -53px; */
        top: 10px;
        z-index: 650;
        margin-bottom: 0;
        padding: 0 30px;
    }
    
    /* Ensure content container starts after nav bar */
    .content_container {
        margin-top: 0;
        /* padding-top: 20px; */
    }
}

/* Contacts section - Responsive */
.contacts {
    margin-top: 10px;
    width: 100%;
    border-radius: 15px;
    font-size: 18px;
    color: #1E308C;
    padding: 10px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.contacts a {
    color: #1E308C;
    word-break: break-all;
}

.contacts table {
    width: 100%;
    max-width: 100%;
}

.contacts th {
    text-align: left;
    padding: 10px;
    font-size: 16px;
}

.contacts td {
    padding: 3px;
    padding-bottom: 5px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: left;
    padding-right: 20px;
    color: #1E308C;
    font-size: 16px;
    text-decoration: none;
    word-break: break-word;
}

.contacts img {
    width: 30px;
}

/* Content container - Responsive */
.content_container {
    background-color: rgb(10, 38, 68);
    z-index: 505;
    /* top: 150px; */
    height: auto;
    min-height: 100px;
    max-height: none;
    position: relative;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    width: 100%;
    padding-bottom: 100px;
}

/* Mobile: extra padding so content can scroll above fixed address + bottom nav */
@media (max-width: 767.98px) {
    .content_container {
        padding-bottom: 180px;
    }
    
    /* Extra margin on mobile so last service item isn't hidden behind featured bar */
    #services_container {
        margin-bottom: 32px;
    }
}

/* Desktop/Tablet Content Container */
@media (min-width: 768px) {
    .content_container {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-bottom: 20px;
        position: relative;
        top: auto;
        height: auto;
        min-height: auto;
        max-height: none;
        /* padding-top: 20px; */
    }
}

/* Articles container - Responsive */
.articles_containner {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px 150px;
    background-color: #0a2644;
    color: white;
}

/* Override max-width on desktop/tablet - Keep container full width, center content only */
@media (min-width: 768px) {
    .container {
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* Center the content container with max-width */
    .content_container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .articles_containner {
        max-width: 100% !important;
    }
    
    .article_div {
        max-width: 100% !important;
    }
}

/* For extra large screens - wider content area */
@media (min-width: 1920px) {
    .content_container {
        max-width: 100% !important;
    }
}

.article_div {
    /* margin-top: 10px; */
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article_div table {
    width: 100%;
    max-width: 100%;
    height: auto;
    table-layout: auto;
}

.article_div iframe {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* Social media icons */
.social_div a {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
}

.social_div i {
    cursor: pointer;
    font-size: 20px;
}

/* Badges wrapper */
.badges_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.badges {
    flex: 0 1 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 2px;
}

.badges img {
    width: 30px;
    height: auto;
}

/* Featured articles wrapper - Full width, in document flow between Services and footer */
.featured_wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #05172b;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 0;
    transition: width 0.3s ease;
    box-sizing: border-box;
}

.about_us_content {
    padding: 20px 150px;
    color: white;
}

/* Space below Services so content isn't hidden behind featured articles bar */
#services_container {
    margin-bottom: 24px;
}
/* Featured wrapper stays full width at all breakpoints (no max-width constraint) */
@media (min-width: 768px) {
    .featured_wrapper {
        width: 100%;
        max-width: 100%;
    }
}

/* Hide sidebar bottom menus and address on mobile (no longer needed but keeping for compatibility) */
@media (max-width: 767.98px) {
    .sidebar-bottom-menus,
    .sidebar-address {
        display: none !important;
    }

    /* Ensure bottom menus and address are visible on mobile */
    .bottom_menus {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 9999 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .address {
        display: flex !important;
        position: fixed !important;
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 9998 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.hidden {
    display: none;
}

/* Carousel - Full width; center article row when fewer cards */
.carousel-container {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #0a2644;
    padding: 0px;
    box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.2),
                inset -4px -4px 8px rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
}

/* Ensure collapse works: hidden must override .carousel-container display */
.carousel-container.hidden {
    display: none !important;
}

.carousel-wrapper {
    display: flex;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
    flex-shrink: 0;
}

.carousel-wrapper a {
    text-decoration: none;
    color: inherit;
}

.carousel-card {
    min-width: 200px;
    max-width: 200px;
    margin: 5px;
    min-height: 140px;
    height: auto;
    overflow: hidden;
    background-color: #0a2644;
    border: 1px solid #39738d;
    border-radius: 0px;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
    position: relative;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.95);
}

.carousel-card iframe,
.carousel-card video {
    width: 100%;
    height: auto;
    max-height: 100px;
    zoom: 0.5;
}

.carousel-card p,
.carousel-card div {
    margin: 0;
    padding: 0;
    overflow-wrap: break-word;
}

/* Snippet/body area inside card (same style as article block body) */
.carousel-card-snippet,
.carousel-card > div:not(.thumbnail_title):not(.thumbnail_date) {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    margin-top: 6px;
    margin-bottom: 8px;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 4.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

#next,
#prev,
.carousel-card button {
    background-color: #787878;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    z-index: 991;
}

#next:hover,
#prev:hover,
.carousel-card button:hover {
    background-color: #0056b3;
}

#next {
    top: 40px;
    right: -10px;
    width: 30px;
    height: 50px;
    opacity: 70%;
    position: absolute;
    z-index: 991;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    background-color: #0b4685;
}

#prev {
    top: 40px;
    position: absolute;
    z-index: 990;
    width: 30px;
    height: 50px;
    left: -10px;
    opacity: 70%;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    background-color: #0b4685;
}

.article_header {
    font-family: 'arial';
    font-size: 18px;
    font-weight: bolder;
    padding-top: 10px;
    padding-left: 10px;
    background-color: rgb(31, 76, 144);
    color: rgb(136, 247, 255);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 1px solid rgb(249, 238, 113);
    min-height: 50px;
    cursor: pointer;
}

.thumbnail {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* Featured article tile: header (same style as article block) */
.thumbnail_title {
    position: relative;
    z-index: 994;
    background-color: transparent;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 6px 0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    flex-shrink: 0;
}

/* Featured article tile: footer - Published On (same style as article block) */
.carousel-card .thumbnail_date {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    padding: 10px 0 0 0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    flex-shrink: 0;
    margin-top: auto;
    display: block;
}

/* Bottom menus - Floating Navigation Bar */
/* Bottom menus - Floating Navigation Bar */
.bottom_menus,
#bottom_menus_container .bottom_menus {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    background: #f4f4f4;
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 5px;
    z-index: 9999;
    border-top: 1px solid rgba(208, 208, 208, 0.3);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
    height: auto;
    min-height: 60px;
    max-height: none;
    transition: all 0.3s ease;
    visibility: visible;
    opacity: 1;
    overflow: visible;
    margin: 0;
    box-sizing: border-box;
}

/* Bottom menus container - allow fixed elements to escape */
#bottom_menus_container {
    position: relative;
    width: 100%;
    overflow: visible !important;
    z-index: 1;
    height: auto;
}

/* On mobile, ensure container doesn't interfere with fixed positioning */
@media (max-width: 767.98px) {
    #bottom_menus_container {
        display: block !important;
        position: relative !important;
        overflow: visible !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ensure bottom_menus breaks out of container and floats */
    #bottom_menus_container .bottom_menus,
    #bottom_menus_container > .bottom_menus {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 99999 !important;
        height: auto !important;
        min-height: 60px !important;
    }
    
    #bottom_menus_container .address,
    #bottom_menus_container > .address {
        position: fixed !important;
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 99998 !important;
    }
}

/* Bottom menus stay at bottom on mobile only */

.menu_item_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 5px;
    transition: all 0.2s ease;
    border-radius: 8px;
    min-width: 0;
}

.menu_item_bottom:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.menu_item_bottom:active {
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
}

.menu_item_bottom div {
    padding: 0px;
    font-size: 11px;
    color: rgb(127, 127, 127);
    margin-top: 4px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.menu_item_bottom i {
    font-size: 20px;
    color: rgb(127, 127, 127);
    padding: 0px;
    margin-bottom: 0px;
    transition: color 0.2s ease;
}

.menu_item_bottom:hover i,
.menu_item_bottom:active i {
    color: #1E308C;
}

/* Address - Responsive (below bottom navigation on mobile) */
.address {
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 30px;
    border: 0px;
    z-index: 9998;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #02274d;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 8px 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: all 0.3s ease;
    visibility: visible;
    opacity: 1;
}

/* Desktop Address - At bottom of content */
.desktop-address {
    display: none;
    text-align: center;
    color: #666666;
    font-size: 13px;
    padding: 30px 40px;
    /* margin-top: 40px; */
    border-top: 1px solid rgba(208, 208, 208, 0.3);
}

/* Center desktop address with content */
@media (min-width: 992px) {
    .desktop-address {
        margin-left: auto;
        margin-right: auto;
        /* max-width: 1200px; */
    }
}

@media (min-width: 1920px) {
    .desktop-address {
        /* max-width: 1400px; */
    }
}

/* Desktop/Tablet Address - At bottom of content */
@media (min-width: 768px) {
    .desktop-address {
        display: block;
    }
    
    .address {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        background-color: #ffffff;
        padding: 20px;
        margin-top: 40px;
        box-shadow: none;
        color: #666666;
        font-size: 13px;
    }
}

/* Desktop Header Buttons */
.desktop-header-buttons {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.btn-save-contact,
.btn-reach-out {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

.btn-save-contact {
    background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);
    color: #000000;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
}

.btn-save-contact:hover {
    background: linear-gradient(135deg, #f4d03f 0%, #d4af37 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6);
}

.btn-reach-out {
    background: linear-gradient(135deg, #1f4c90 0%, #0a2642 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(31, 76, 144, 0.4);
}

.btn-reach-out:hover {
    background: linear-gradient(135deg, #0a2642 0%, #1f4c90 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(31, 76, 144, 0.6);
}

.btn-save-contact i,
.btn-reach-out i {
    font-size: 16px;
}

/* Desktop Navigation Bar - Contact Options Bar - Matching Image Exactly */
.desktop-nav-bar {
    display: none;
    background: linear-gradient(90deg, #0a2448 0%, #4b7fbf 100%);
    justify-content: center;
    align-items: center;        
    position: relative;
    z-index: 600;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0;
    transition: all 0.3s ease;
    margin-bottom: 0;
    max-width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    gap: 0;
}

/* Add shadow when scrolled */
.desktop-nav-bar.scrolled {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Show contact bar on desktop/tablet */
@media (min-width: 768px) {
    .desktop-nav-bar {
        /* position: sticky; */
        /* position: relative; */
        /* top: -53px; */
        top: 10px;
        z-index: 600;
        border-radius: 0;
        width: 100%;
        margin: 0;
    }
}

.desktop-nav-bar .nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 6px;
    transition: all 0.3s ease;
    flex: 0 1 25%;
    min-width: 150px;
    max-width: 250px;
    text-align: left;
    position: relative;
    background: transparent;
}

.desktop-nav-bar .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.desktop-nav-bar .nav-item:active {
    background-color: rgba(255, 255, 255, 0.15);
    transform: translateY(0);
}

.desktop-nav-bar .nav-item i {
    font-size: 24px;
    color: #ffffff;
    transition: all 0.3s ease;
    display: block;
    margin: 0;
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

.desktop-nav-bar .nav-item:hover i {
    color: #ffffff;
    transform: scale(1.08);
}

.desktop-nav-bar .nav-item span {
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    transition: all 0.3s ease;
    white-space: nowrap;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.3px;
}

.desktop-nav-bar .nav-item:hover span {
    color: #ffffff;
    font-weight: 500;
}

/* Desktop Contact Cards */
.desktop-contact-cards {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 30px;
    right: 40px;
    gap: 12px;
    padding: 0px;
    margin: 0;
    z-index: 1010;
    width: auto;
}

/* Contact cards row container */
.desktop-contact-cards > div:first-child {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.contact-card {
    width: auto;
    min-width: 220px;
    max-width: 280px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    background: #0b2341;
    border-radius: 12px;
    padding: 12px 16px;
    text-align: left;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border: 1px solid rgba(208, 208, 208, 0.2);
}

.contact-card > div:first-child {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-card > div:last-child {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.contact-card-icon {
    font-size: 20px;
    color: #dcbb68;
    display: block;
    margin: 0;
}

.contact-card-label {
    font-size: 9px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.contact-card-value {
    font-size: 12px;
    color: #ffffff;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
}

.contact-card-value a {
    color: #ffffff;
    text-decoration: none;
}

.contact-card-value a:hover {
    text-decoration: underline;
}

/* Mobile Profile Sections - Hidden on Desktop/Tablet */
.mobile-profile-section,
.mobile-profile-photo {
    display: block;
}

.mobile-contacts {
    display: block;
}

/* Address stays at bottom on mobile only */

/* Burger Menu - Responsive */
.burger-icon {
    position: absolute;
    top: 15px;
    margin-right: 10px;
    right: 0px;
    cursor: pointer;
    z-index: 1001;
}

.burger-icon div {
    width: 30px;
    height: 4px;
    background-color: #bababa;
    margin: 6px 0;
    transition: 0.4s;
}

.menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: width 0.5s;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-overlay a {
    color: white;
    font-size: 2em;
    padding: 15px;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-overlay a:hover {
    color: #f1c40f;
}

.change .bar1 {
    transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: rotate(45deg) translate(-5px, -6px);
}

/* Desktop Sidebar Navigation - REMOVED (using desktop-nav-bar instead) */

/* ============================================
   RESPONSIVE MEDIA QUERIES
   ============================================ */

/* Extra Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {

    /* Hide desktop header section on mobile */
    .desktop-header-section {
        display: none !important;
    }

    /* Hide desktop navigation bar on mobile */
    .desktop-nav-bar {
        display: none !important;
    }

    /* Hide desktop contact cards on mobile */
    .desktop-contact-cards {
        display: none !important;
    }

    /* Show mobile sections */
    .mobile-profile-section,
    .mobile-profile-photo {
        display: block !important;
    }

    .mobile-contacts {
        display: block !important;
    }

    /* Show burger menu on mobile */
    .burger-icon {
        display: block;
    }

    /* Show bottom menus and address on mobile */
    .bottom_menus {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transform: none !important;
    }

    .address {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        transform: none !important;
    }

    .container {
        max-width: 100%;
        margin-left: 0;
    }

    .logo_container {
        width: 120px;
        margin-left: 5px;
    }

    .logo_image {
        width: 80%;
    }

    .profile {
        margin-left: 15px;
        top: 50px;
        width: calc(100% - 30px);
    }

    .text-name {
        font-size: 14px;
    }

    .text-title {
        font-size: 12px;
    }

    #profile_photo_main {
        max-height: 250px;
        margin-right: 0px;
    }

    .contacts {
        font-size: 16px;
        padding: 8px;
    }

    .contacts th,
    .contacts td {
        font-size: 14px;
        padding: 8px;
    }

    .content_container {
        /* top: 250px; */
        /* top: 10px; */
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    .articles_containner {
        padding: 20px 50px;
    }

    .about_us_content {
        padding: 20px 50px;
    }

    .carousel-card {
        min-width: 180px;
        max-width: 180px;
    }

    .bottom_menus {
        bottom: 0 !important;
        min-height: 60px;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }

    .address {
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }

    .menu_item_bottom div {
        font-size: 10px;
    }

    .menu_item_bottom i {
        font-size: 18px;
    }

    .address {
        font-size: 10px;
        padding: 8px;
    }

    .modal-dialog {
        max-width: 95%;
        top: 150px;
    }

    .modal-dialog-enquiry {
        max-width: 95%;
        top: 80px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    /* Hide desktop header section on small devices */
    .desktop-header-section {
        display: none !important;
    }

    /* Hide top sticky nav on small devices */
    .top-sticky-nav {
        display: none !important;
    }
    
    /* Hide desktop navigation bar on small devices */
    .desktop-nav-bar {
        display: none !important;
    }

    /* Hide desktop contact cards on small devices */
    .desktop-contact-cards {
        display: none !important;
    }

    /* Show mobile sections */
    .mobile-profile-section,
    .mobile-profile-photo {
        display: block !important;
    }

    .mobile-contacts {
        display: block !important;
    }

    /* Show burger menu on small devices */
    .burger-icon {
        display: block;
    }

    /* Show bottom menus and address on small devices */
    .bottom_menus {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transform: none !important;
    }

    .address {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        transform: none !important;
    }

    .container {
        max-width: 540px;
        margin-left: 0;
    }

    .logo_container {
        width: 150px;
    }

    .profile {
        margin-left: 20px;
    }

    #profile_photo_main {
        max-height: 300px;
    }

    .contacts {
        font-size: 17px;
    }

    .content_container {
        /* top: 280px; */
        /* top: 10px; */
    }

    .articles_containner {
        padding: 20px 50px;
    }

    .about_us_content {
        padding: 20px 50px;
    }

    .carousel-card {
        min-width: 190px;
        max-width: 190px;
    }

    .modal-dialog {
        max-width: 400px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Hide burger menu on tablet */
    .burger-icon {
        display: none !important;
    }

    .menu-overlay {
        display: none !important;
    }

    /* Hide mobile background section */
    .mobile-bg-section {
        display: none !important;
    }

    /* Hide bottom menus and address at bottom on tablet */
    .bottom_menus {
        display: none !important;
    }

    .address {
        display: none !important;
    }

    /* Show desktop header section */
    .desktop-header-section {
        display: flex !important;
    }

    /* Hide mobile profile sections */
    .mobile-profile-section,
    .mobile-profile-photo {
        display: none !important;
    }

    /* Show desktop navigation bar (contact options) */
    .desktop-nav-bar {
        display: flex !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* Show desktop contact cards, hide mobile contacts */
    .desktop-contact-cards {
        display: flex !important;
        flex-direction: column;
    }

    .mobile-contacts {
        display: none !important;
    }

    .container {
        max-width: 100%;
        margin-left: 0;
    }

    .logo_container {
        width: 180px;
    }

    .desktop-logo-container {
        left: 40px;
    }

    .profile {
        margin-left: 0px;
        max-width: 400px;
        padding-left: 0px;
    }

    .text-name {
        font-size: 18px;
    }

    .text-title {
        font-size: 16px;
    }

    #profile_photo_main {
        max-height: 350px;
        margin-right: 0px;
    }

    .desktop-header-section #profile_photo_main {
        margin-right: 0px;
    }

    .contacts {
        font-size: 18px;
        padding: 15px;
    }

    .content_container {
        /* top: 320px; */
        /* top: 20px; */
    }

    .articles_containner {
        padding: 20px 40px;
    }

    .carousel-card {
        min-width: 200px;
        max-width: 200px;
    }

    .bottom_menus {
        max-width: 720px;
    }

    .address {
        max-width: 720px;
        font-size: 13px;
    }

    .modal-dialog {
        max-width: 450px;
    }

    .about_us_content {
        padding: 20px 40px;
        color: white;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Hide burger menu on desktop */
    .burger-icon {
        display: none !important;
    }

    .menu-overlay {
        display: none !important;
    }

    /* Hide bottom menus and address at bottom on desktop */
    .bottom_menus {
        display: none !important;
    }

    .address {
        display: none !important;
    }

    /* Hide mobile background section */
    .mobile-bg-section {
        display: none !important;
    }

    /* Show desktop header section */
    .desktop-header-section {
        display: flex !important;
    }

    /* Hide mobile profile sections */
    .mobile-profile-section,
    .mobile-profile-photo {
        display: none !important;
    }

    /* Show desktop navigation bar (contact options) */
    .desktop-nav-bar {
        display: flex !important;
    }

    /* Show desktop contact cards, hide mobile contacts */
    .desktop-contact-cards {
        display: flex !important;
        flex-direction: column;
    }

    .mobile-contacts {
        display: none !important;
    }

    .container {
        max-width: 100%;
        margin-left: 0;
    }

    .logo_container {
        width: 200px;
    }

    .desktop-logo-container {
        left: 40px;
    }

    .profile {
        margin-left: 0px;
        max-width: 450px;
        padding-left: 30px;
    }

    .text-name {
        font-size: 20px;
    }

    .text-title {
        font-size: 18px;
    }

    #profile_photo_main {
        max-height: 400px;
        margin-right: 0px;
    }

    .desktop-header-section #profile_photo_main {
        margin-right: 0px;
    }

    .contacts {
        font-size: 19px;
        padding: 20px;
    }

    .content_container {
        /* top: 350px; */
        /* top: 100px; */
    }

    .articles_containner {
        padding: 20px 40px;
    }

    .carousel-card {
        min-width: 220px;
        max-width: 220px;
    }

    .bottom_menus {
        max-width: 960px;
    }

    .address {
        max-width: 960px;
        font-size: 14px;
    }

    .modal-dialog {
        max-width: 500px;
    }

    .profile_photo {
        padding-right: 95px;
    }

    .about_us_content {
        padding: 20px 40px;
        color: white;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Hide burger menu on large desktop */
    .burger-icon {
        display: none !important;
    }

    .menu-overlay {
        display: none !important;
    }

    /* Hide bottom menus and address at bottom on large desktop */
    .bottom_menus {
        display: none !important;
    }

    .address {
        display: none !important;
    }

    /* Hide mobile background section */
    .mobile-bg-section {
        display: none !important;
    }

    /* Show desktop header section */
    .desktop-header-section {
        display: flex !important;
    }

    /* Hide mobile profile sections */
    .mobile-profile-section,
    .mobile-profile-photo {
        display: none !important;
    }

    /* Show desktop navigation bar (contact options) */
    .desktop-nav-bar {
        display: flex !important;
    }

    /* Show desktop contact cards, hide mobile contacts */
    .desktop-contact-cards {
        display: flex !important;
        flex-direction: column;
    }

    .mobile-contacts {
        display: none !important;
    }

    .container {
        max-width: 100%;
        margin-left: 0;
    }

    .logo_container {
        width: 220px;
    }

    .desktop-logo-container {
        left: 40px;
    }

    .profile {
        margin-left: 0px;
        max-width: 500px;
    }

    .text-name {
        font-size: 22px;
    }

    .text-title {
        font-size: 20px;
    }

    #profile_photo_main {
        max-height: 450px;
        margin-right: 0px;
    }

    .desktop-header-section #profile_photo_main {
        margin-right: 0px;
    }

    .contacts {
        font-size: 20px;
        padding: 25px;
    }

    .content_container {
        /* top: 400px; */
        /* top: 150px; */
    }

    .articles_containner {
        padding: 20px 150px;
    }

    .carousel-card {
        min-width: 250px;
        max-width: 250px;
        min-height: 160px;
    }

    .bottom_menus {
        max-width: 1140px;
    }

    .address {
        max-width: 1140px;
        font-size: 15px;
    }

    .modal-dialog {
        max-width: 550px;
    }

    .about_us_content {
        padding: 20px 150px;
        color: white;
    }
}

/* Landscape orientation adjustments */
@media (orientation: landscape) and (max-height: 600px) {
    #profile-bg {
        min-height: 200px;
    }

    .profile {
        top: 40px;
    }

    #profile_photo_main {
        max-height: 200px;
        margin-top: 30px;
    }

    .content_container {
        /* top: 200px; */
    }
}

/* Print styles */
@media print {
    .bottom_menus,
    .address,
    .featured_wrapper,
    .burger-icon,
    .menu-overlay {
        display: none;
    }

    .container {
        max-width: 100%;
    }

    .content_container {
        position: relative;
        top: 0;
    }
}

/* ── advisersModule/advisers_mobile.css ── */
/**
 * Advisers module — mobile / tablet layout fixes (≤820px).
 * Loaded after main_adviser.css and sidebar_v2.css in the CSS bundle.
 */

@media (max-width: 820px) {
  /* Prevent page-level horizontal scroll */
  body.sidebar-v2,
  body.sidebar-v2 .body-container,
  body.sidebar-v2 #main_display_div,
  #main_display_div {
    overflow-x: hidden;
    max-width: 100vw;
  }

  body.sidebar-v2 #main_display_div {
    margin-top: 64px !important;
    margin-left: 0 !important;
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  body.sidebar-v2 #page_title {
    margin-left: 0 !important;
    font-size: inherit;
    line-height: inherit;
    padding-right: 0;
    height: auto;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
  }

  body.sidebar-v2 #row_header {
    padding-left: 0 !important;
  }

  body.sidebar-v2 #row_header #account-dropdown,
  body.sidebar-v2 #row_header .advisers-account-dropdown {
    margin-right: 8px !important;
  }

  body.sidebar-v2 #row_header .sidebar-advisers-view-font-always-show {
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Forms — fit viewport width, no horizontal overflow */
  .form-container-five {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 72px !important;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .form-container-five .title-header {
    width: 100%;
    box-sizing: border-box;
  }

  .form-container-five .title-body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .form-container-five .title-body > .row,
  .form-container-five > form > .col > .row,
  .form-container-five .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .title-body > .row {
    flex-direction: column;
  }

  .form-container-five .label-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .body-col1,
  .form-container-five .body-col2,
  .form-container-five .body-col3,
  .form-container-five .col,
  .form-container-five .label-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .col-align,
  .form-container-five .col-align-number,
  .form-container-five .col-align-regulated,
  .form-container-five .col-align-nowidth,
  .form-container-five .col-align-cmfas {
    flex-direction: column;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 8px 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .col-align label,
  .form-container-five .col-align .flex-basis-180,
  .form-container-five .flex-basis-180,
  .form-container-five .flex-basis-200,
  .form-container-five .label-flex-basis,
  .form-container-five .label-flex-basis-user-profile,
  .form-container-five .flex-basis-employment-detail {
    flex-basis: auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 4px;
    box-sizing: border-box;
  }

  .form-container-five .form-control,
  .form-container-five .input-col,
  .form-container-five .input-col-tabs,
  .form-container-five textarea,
  .form-container-five select,
  .form-container-five input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .search-select-suggest-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .form-container-five .dsp-flex,
  .form-container-five .flex-align-justify-center {
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  /* Mobile number rows — country code + number shrink to fit */
  .form-container-five .col-align .dsp-flex {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    align-items: stretch;
  }

  .form-container-five .col-align .dsp-flex select.form-control,
  .form-container-five .col-align .dsp-flex .form-control.flex-1 {
    flex: 0 0 30% !important;
    width: auto !important;
    max-width: 34% !important;
    min-width: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .form-container-five .col-align .dsp-flex input.form-control.flex-7 {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .form-container-five .col-align .dsp-flex .padding-right-10 {
    display: none;
  }

  .form-container-five .mobile-number-input,
  .form-container-five .country-number-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .form-container-five .width-100-percent,
  .form-container-five .fit-content {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Photo upload — title then body per block (WM, then Public Profile) */
  .form-container-five .advisers-photo-panel {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
  }

  .form-container-five .advisers-photo-block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .form-container-five .advisers-photo-block__title {
    width: 100%;
    box-sizing: border-box;
  }

  .form-container-five .advisers-photo-block__body {
    width: 100%;
    box-sizing: border-box;
  }

  .form-container-five .photo-box,
  .form-container-five .photo-box2,
  .form-container-five .photo-box3 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 180px;
    box-sizing: border-box;
  }

  .form-container-five .photo-box2 img,
  .form-container-five .photo-box img {
    max-width: 100% !important;
    object-fit: cover;
  }

  /* Fixed search toolbar */
  .search-bar,
  .search-bar-auto {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    height: auto !important;
    min-height: 0;
    margin-left: 0 !important;
    padding: 40px 12px 10px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    flex-direction: column !important;
    z-index: 5;
  }

  .search-bar > .row,
  .search-bar-auto > .row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px;
    width: 100% !important;
    margin: 0 !important;
  }

  .search-bar .fit-content,
  .search-bar-auto .fit-content {
    width: 100% !important;
  }

  .search-bar .dsp-flex,
  .search-bar-auto .dsp-flex {
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 8px !important;
    margin-right: 0 !important;
  }

  .search-bar form,
  .search-bar #personal_list_form,
  .search-bar #introducer_list_form,
  .search-bar-auto form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .search-bar input.form-control,
  .search-bar-auto input.form-control,
  .advisers-search-input {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
  }

  .search-bar .download-excell .dsp-flex {
    margin-right: 0 !important;
    justify-content: flex-start !important;
  }

  .search-bar .btn,
  .search-bar-auto .btn {
    flex: 1 1 auto;
    min-width: 0;
  }

  #action_message {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Spacer divs after fixed search — not needed with sticky */
  .search-bar + .width-100-percent.height-60,
  .search-bar-auto + .width-100-percent.height-60 {
    display: none !important;
  }

  #pa_container.height-60 {
    margin-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* List tables — horizontal scroll inside container */
  .advisers-list-table-container,
  .advisers-module-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  .advisers-list-table-container.all-fit-content {
    width: 100% !important;
    height: auto !important;
  }

  .advisers-list-table-container table,
  .advisers-module-page table {
    width: max-content;
    min-width: 100%;
  }

  .advisers-list-table-container .margin-top-80,
  .advisers-module-page .margin-top-80 {
    margin-top: 8px !important;
  }

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

  /* Edit / save floating bar */
  .float-edit-save {
    left: 0 !important;
    right: 0 !important;
    top: 60px !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    padding: 0 8px;
    box-sizing: border-box;
  }

  .float-edit-save #btn-edit,
  .float-edit-save #btn-cancel,
  .float-edit-save #btn-save,
  .float-edit-save #btn-add,
  .float-edit-save #btn-reset {
    position: relative !important;
    width: auto !important;
    flex: 1 1 45%;
    min-width: 0;
  }

  .container-save-cancel {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center !important;
  }

  .upload-attachment-file {
    min-width: 0 !important;
    width: 100% !important;
  }

  .float-add-advisers {
    right: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
  }

  .title-header {
    font-size: 1rem;
    line-height: 1.3;
    padding-top: 12px;
    height: auto;
    min-height: 48px;
  }

  .advisers-add-padding {
    padding-top: 0 !important;
  }

  .padding-top-60 {
    padding-top: 8px !important;
  }

  /* Client transfer and other form-container pages */
  .form-container {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 25px !important;
    padding: 8px 4px 24px;
    box-sizing: border-box;
    height: auto !important;
    text-align: left;
  }

  /* Resigned WM client list — mobile select-all bar (light theme) */
  .form-container.client-transfers-resigned-wm .client-transfers-select-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 44px;
  }

  .form-container.client-transfers-resigned-wm label.client-transfers-select-all-mobile {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .form-container.client-transfers-resigned-wm .client-transfers-select-all-mobile input[type="checkbox"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 1.125rem !important;
    max-width: 1.125rem !important;
    min-width: 1.125rem;
    height: 1.125rem !important;
    margin: 0;
    flex-shrink: 0;
    accent-color: #465fff;
    touch-action: manipulation;
    cursor: pointer;
  }

  .form-container.client-transfers-resigned-wm .client-transfers-select-all-label {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    color: #374151;
    user-select: none;
  }

  .form-container.client-transfers-resigned-wm .client-transfers-selected-count {
    font-size: 0.8125rem;
    color: #6b7280;
    text-align: right;
  }

  .form-container.client-transfers-resigned-wm .client-transfers-context-text {
    line-height: 1.45;
  }

  .form-container.client-transfers-resigned-wm table.client-transfer-select-table.mobile-data-cards thead {
    display: none !important;
  }

  .form-container.client-transfers-resigned-wm table.client-transfer-select-table.mobile-data-cards tbody td.mobile-card-select input[type="checkbox"] {
    width: 1.375rem !important;
    height: 1.375rem !important;
    max-width: 1.375rem !important;
    min-width: 1.375rem;
  }

  .form-container .flex-basis-180,
  .form-container label.flex-basis-180 {
    flex-basis: auto !important;
    width: 100%;
    margin-bottom: 4px;
  }

  .form-container .dsp-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px;
  }

  .form-container .form-control,
  .form-container input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .form-container select,
  .form-container textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .form-container .space-between {
    flex-wrap: wrap;
    gap: 8px;
  }

  .form-container .search-select-suggest-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Edit adviser tab navigation (mobile only — desktop uses legacy fixed layout) */
  #adviser_tabs {
    position: sticky !important;
    top: 0;
    left: 0 !important;
    right: 0;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin-left: 0 !important;
    margin-top: 20px !important;
    padding: 0;
    box-sizing: border-box;
    z-index: 5;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    align-items: stretch !important;
  }

  #adviser_tabs .advisers-edit-tabs {
    position: static !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px 12px 8px !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 100%;
    gap: 0;
    background: #f5f5f5;
    border: none;
  }

  #adviser_tabs .advisers-edit-tabs::-webkit-scrollbar {
    display: none;
  }

  #adviser_tabs .advisers-edit-tabs .nav-item {
    flex: 0 0 auto;
    margin: 4px 0 0 7px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  #adviser_tabs .advisers-edit-tabs .nav-item:first-child {
    margin-left: 0 !important;
  }

  #adviser_tabs .advisers-edit-tabs .nav-link {
    padding: 10px 16px !important;
    font-size: 0.8125rem;
    line-height: 1.25;
    color: #474747 !important;
    background-color: var(--color-white) !important;
    border: none !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    transform: perspective(10px) rotateX(2deg);
  }

  #adviser_tabs .advisers-edit-tabs .nav-link.active-tab,
  #adviser_tabs .advisers-edit-tabs .nav-link.active {
    background-color: #474747 !important;
    color: #ffffff !important;
    font-weight: normal;
  }

  #adviser_tabs + .height-120 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  /* Form sits in flow below sticky tabs — no double header offset */
  #adviser_tabs ~ .form-container-five {
    margin-top: 12px !important;
  }

  /* PA add / edit floating panels */
  #edit_pa_div.advisers-pa-float,
  #add_pa_div.advisers-pa-float {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100vh !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    padding: 64px 8px 16px !important;
    box-sizing: border-box;
    text-align: left;
  }

  .advisers-pa-form #edit_contact_tb,
  .advisers-pa-form #add_pa_tb,
  #edit_pa_div #edit_contact_tb,
  #add_pa_div #add_pa_tb {
    display: block;
    width: 100%;
  }

  .advisers-pa-form #edit_contact_tb tbody,
  .advisers-pa-form #add_pa_tb tbody,
  #edit_pa_div #edit_contact_tb tbody,
  #add_pa_div #add_pa_tb tbody {
    display: block;
    width: 100%;
  }

  .advisers-pa-form #edit_contact_tb tr,
  .advisers-pa-form #add_pa_tb tr,
  #edit_pa_div #edit_contact_tb tr,
  #add_pa_div #add_pa_tb tr {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
  }

  .advisers-pa-form #edit_contact_tb tr:last-child,
  .advisers-pa-form #add_pa_tb tr:last-child,
  #edit_pa_div #edit_contact_tb tr:last-child,
  #add_pa_div #add_pa_tb tr:last-child {
    border-bottom: none;
    align-items: stretch;
  }

  .advisers-pa-form #edit_contact_tb td,
  .advisers-pa-form #add_pa_tb td,
  #edit_pa_div #edit_contact_tb td,
  #add_pa_div #add_pa_tb td {
    display: block;
    width: 100% !important;
    padding: 4px 0 !important;
    text-align: left !important;
  }

  .advisers-pa-form #edit_contact_tb td:first-child:not([colspan]),
  .advisers-pa-form #add_pa_tb td:first-child:not([colspan]),
  #edit_pa_div #edit_contact_tb td:first-child:not([colspan]),
  #add_pa_div #add_pa_tb td:first-child:not([colspan]) {
    font-weight: 600;
    font-size: 0.85rem;
    color: #374151;
  }

  .advisers-pa-form #edit_contact_tb input,
  .advisers-pa-form #add_pa_tb input,
  .advisers-pa-form #edit_contact_tb select,
  .advisers-pa-form #add_pa_tb select,
  #edit_pa_div #edit_contact_tb input,
  #add_pa_div #add_pa_tb input,
  #edit_pa_div #edit_contact_tb select,
  #add_pa_div #add_pa_tb select {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  .advisers-pa-form .search-select-suggest-wrap,
  #edit_pa_div .search-select-suggest-wrap,
  #add_pa_div .search-select-suggest-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }

  .advisers-pa-form td[colspan] .btn,
  #edit_pa_div td[colspan] .btn,
  #add_pa_div td[colspan] .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  /* Proxy / processing-flow modal forms */
  .modal.advisers-fullscreen-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100vh !important;
  }

  .modal.advisers-fullscreen-modal .modal-dialog {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100%;
    height: 100%;
  }

  .modal.advisers-fullscreen-modal .modal-content.advisers-modal-form {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100%;
    max-height: 100vh;
    border-radius: 0;
    border: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal.advisers-fullscreen-modal .col-align {
    flex-direction: column;
    align-items: stretch !important;
    height: auto !important;
    margin: 8px 0 !important;
  }

  .modal.advisers-fullscreen-modal .col-align label,
  .modal.advisers-fullscreen-modal .col-align .flex-basis-180 {
    flex-basis: auto !important;
    width: 100%;
    margin-bottom: 4px;
  }

  .modal.advisers-fullscreen-modal .form-control,
  .modal.advisers-fullscreen-modal .search-select-suggest-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .modal.advisers-fullscreen-modal .modal-footer {
    flex-wrap: wrap;
    gap: 8px;
  }

  .modal.advisers-fullscreen-modal .modal-footer .btn {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Form section tables — scroll inside container on small screens */
  .form-container-five .table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .form-container-five .table-bordered {
    width: max-content;
    min-width: 100%;
  }

  /* Floating save / back toolbar (add + edit pages) */
  .float-edit-save.advisers-form-toolbar {
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 56px;
    border-radius: 0 !important;
    padding: 8px;
    box-sizing: border-box;
  }

  .float-edit-save .advisers-form-toolbar-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    height: auto !important;
  }

  .float-edit-save .advisers-form-toolbar-inner .btn {
    margin-left: 0 !important;
    flex: 1 1 calc(33.333% - 8px);
    min-width: 0;
    position: relative !important;
    width: auto !important;
    top: auto !important;
  }

  .float-edit-save .advisers-form-toolbar-inner .btn-save-primary {
    background-color: rgb(24, 206, 24);
    color: white;
  }

  /* Bottom padding so fixed toolbar does not cover form fields */
  .form-container-five:has(+ .float-edit-save),
  .form-container-five:has(~ .float-edit-save) {
    padding-bottom: 72px;
  }

  body.sidebar-v2 #main_display_div:has(.float-edit-save.advisers-form-toolbar) {
    padding-bottom: 72px;
  }
}

@media (max-width: 480px) {
  .search-bar .btn-download-excell,
  .search-bar-auto .btn-download-excell {
    width: 100%;
    font-size: 0.8rem;
  }

  body.sidebar-v2 #arrow-sidebar {
    top: 20px !important;
  }
}

/* ── advisersModule/introducer_mobile.css ── */
/**
 * Introducer module — mobile layout (≤820px).
 */

.introducer-export-modal {
  display: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 40%;
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
}

.introducer-pagination {
  flex-direction: row-reverse;
  margin-right: 90px;
}

.introducer-form-page {
  margin-top: 60px;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.introducer-back-btn {
  margin-left: 0;
}

.introducer-form-panel {
  min-width: 0;
  width: 100%;
  height: auto;
}

.introducer-list-shell {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.introducer-list-panel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.introducer-table-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.introducer-table-wrap .table {
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 820px) {
  /* ── List pages (edit_introducer, introducer_case_list) ── */
  .introducer-page.form-container-five {
    margin-top: 64px !important;
    padding-left: 4px;
    padding-right: 4px;
    overflow-x: hidden;
  }

  .introducer-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px;
    padding-bottom: 12px !important;
  }

  .introducer-toolbar .fit-content {
    width: 100% !important;
  }

  .introducer-toolbar .advisers-search-form,
  .introducer-toolbar #introducer_list_form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .introducer-search-input,
  .introducer-toolbar #search_keys {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
  }

  .introducer-toolbar > div:last-child {
    width: 100%;
  }

  .introducer-toolbar .btn-download-excell {
    width: 100%;
  }

  .introducer-page .tab-container,
  .introducer-page .introducer-tab-container {
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }

  .introducer-page .tabs {
    flex: 1 1 calc(50% - 6px);
    margin-left: 0;
    text-align: center;
    font-size: 0.8rem;
    padding: 8px 6px;
    transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .introducer-page .title-header,
  .introducer-page .introducer-list-title {
    font-size: 1rem;
    padding-left: 12px;
    width: 100%;
    box-sizing: border-box;
  }

  .introducer-list-panel {
    border-left: none;
    border-right: none;
    border-radius: 0 0 10px 10px;
  }

  .introducer-page .advisers-list-cards {
    margin-top: 0.75rem;
  }

  .introducer-table-wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box;
  }

  .introducer-table-wrap > table,
  .introducer-table-wrap .table {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
  }

  .introducer-page .list-title {
    width: auto !important;
  }

  .introducer-page .width-12-percent {
    width: auto !important;
    min-width: 72px;
  }

  /* Export popup */
  .introducer-export-modal {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    z-index: 800;
    box-sizing: border-box;
  }

  .introducer-export-modal .dsp-flex.align-item-center.justify-center {
    flex-direction: column;
    gap: 10px;
    align-items: stretch !important;
  }

  #export-filter {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px;
  }

  #export-filter .padding-horizontal-10 {
    display: none;
  }

  #export-filter .dsp-flex.align-item-center {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .introducer-pagination {
    flex-direction: column !important;
    align-items: center !important;
    margin-right: 0 !important;
    margin-bottom: 72px;
    width: 100%;
  }

  /* ── Add / Edit introducer form ── */
  .introducer-form-page {
    margin-top: 0 !important;
    padding: 0 8px 24px;
    overflow-x: hidden;
    max-width: 100%;
    box-sizing: border-box;
  }

  .introducer-form-panel {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0 0 0 !important;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
  }

  .introducer-form-panel .modal-header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .introducer-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  .introducer-form-actions .btn {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
  }

  .introducer-form-panel .modal-body {
    padding: 12px;
    overflow-x: hidden;
  }

  .introducer-form-fields {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .introducer-form-fields--grid {
    grid-template-columns: 1fr !important;
  }

  .introducer-form-panel .introducer-field-row,
  .introducer-form-panel .introducer-field-row--full {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .introducer-form-panel .introducer-field-label {
    width: 100%;
    margin-bottom: 0;
  }

  .introducer-form-panel .introducer-field-input,
  .introducer-form-panel .introducer-contact-row,
  .introducer-form-panel #introducer_form .form-control,
  .introducer-form-panel #introducer_form input:not([type="hidden"]),
  .introducer-form-panel #introducer_form select,
  .introducer-form-panel #introducer_form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .introducer-form-panel .introducer-contact-row {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center !important;
    gap: 8px;
  }

  .introducer-form-panel .introducer-contact-code,
  .introducer-form-panel .introducer-contact-code.form-control {
    width: 100px !important;
    max-width: 120px !important;
    flex: 0 0 auto !important;
  }

  .introducer-form-panel .introducer-contact-row input.form-control {
    flex: 1 1 160px !important;
    width: auto !important;
  }

  .introducer-attachments {
    margin-top: 16px;
    padding: 12px;
  }

  .introducer-form-panel .modal-max-width {
    width: auto !important;
    max-width: 100% !important;
  }

  .introducer-form-panel .body-col2,
  .introducer-form-panel .body-col1,
  .introducer-form-panel .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .introducer-form-panel .nav-tabs {
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
  }

  .introducer-form-panel .nav-tabs .nav-link {
    font-size: 0.85rem;
    padding: 8px 12px;
  }

  .introducer-form-panel .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .introducer-form-panel .table-responsive table {
    min-width: 640px;
  }

  .introducer-form-panel #current-attachments,
  .introducer-attachments-list {
    flex-direction: column;
    align-items: stretch;
  }

  .introducer-form-panel .search-select-suggest-wrap {
    width: 100% !important;
  }

  /* ── Wealth Manager section (add/edit) — mobile cards ── */
  .introducer-wm-section {
    margin-top: 1rem !important;
    padding: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .introducer-wm-search-row {
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    margin: 0 0 12px !important;
    min-width: 0 !important;
  }

  .introducer-wm-search-row label,
  .introducer-wm-search-row .flex-basis-180 {
    flex-basis: auto !important;
    width: 100%;
    margin-bottom: 4px;
  }

  .introducer-wm-search-field,
  .introducer-wm-section .search-select-suggest-wrap,
  .introducer-wm-section .form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .introducer-wm-panel {
    width: 100%;
    min-width: 0;
  }

  .introducer-wm-tabs {
    position: relative !important;
    z-index: 2;
    margin-top: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 12px;
    width: 100%;
    display: flex;
  }

  .introducer-wm-tabs .nav-item {
    flex: 1 1 auto;
    min-width: 0;
  }

  .introducer-wm-tabs .nav-link {
    font-size: 0.85rem;
    padding: 10px 12px;
    width: 100%;
    min-height: 44px;
    touch-action: manipulation;
    cursor: pointer;
    pointer-events: auto;
  }

  .introducer-wm-actions .onHoverBtnBgGray {
    cursor: pointer;
    touch-action: manipulation;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 6px 8px;
  }

  .introducer-wm-table-wrap {
    overflow: visible !important;
    width: 100%;
  }

  .introducer-wm-table {
    min-width: 0 !important;
    border: none !important;
  }

  .introducer-wm-table__head {
    display: none;
  }

  .introducer-wm-table,
  .introducer-wm-table tbody {
    display: block;
    width: 100%;
  }

  .introducer-wm-table tbody tr.introducer-wm-row {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
  }

  .introducer-wm-table tbody tr.introducer-wm-row:not(.introducer-wm-row--extras) {
    margin-top: 12px;
    border-top: 1px solid #e5e7eb;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  }

  .introducer-wm-table tbody tr.introducer-wm-row--extras {
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    margin-bottom: 4px;
    border-top: 1px solid #f3f4f6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  }

  .introducer-wm-table tbody tr.introducer-wm-row.display-none,
  .introducer-wm-table tbody tr.introducer-wm-row[hidden] {
    display: none !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  .introducer-wm-table td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
    border: none !important;
    box-sizing: border-box;
    text-align: left !important;
  }

  .introducer-wm-table td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 6px;
  }

  .introducer-wm-table td > div,
  .introducer-wm-table td .introducer-wm-basis-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  .introducer-wm-table .introducer-wm-field,
  .introducer-wm-table input.form-control,
  .introducer-wm-table select.form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .introducer-wm-table .introducer-wm-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 8px;
  }

  .introducer-wm-table .introducer-wm-checkboxes {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }

  .introducer-wm-table .introducer-wm-check-item {
    width: 100% !important;
    padding-right: 0 !important;
    margin-bottom: 4px;
  }

  .introducer-wm-table .modal-max-width {
    width: auto !important;
    max-width: 100% !important;
  }
}

/* ── preserved overrides ── */
/**
 * CUSTOM OVERRIDES — edit this file, NOT tailwind.css directly.
 * Appended last on every `npm run build:css` so these rules always win.
 */

/* —— TailAdmin sidebar width (https://demo.tailadmin.com/ → w-[290px]) —— */
:root,
body.sidebar-v2,
body.sidebar-v2.firefox {
  --sb-expanded: 290px !important;
  --sb-width: 290px;
  --row-header-height: 77px !important; /* TailAdmin header */
  --ta-navbar-height: 77px;
}

body.sidebar-v2[data-sidebar="collapsed"] {
  --sb-width: var(--sb-collapsed, 90px) !important;
}

body.sidebar-v2 #sidebar,
body.sidebar-v2 .sidebar-container,
body.sidebar-v2 .sidebar-container-advisers-view,
.sidebar-container,
.sidebar-container-advisers-view {
  width: var(--sb-width, 290px) !important;
  min-width: var(--sb-width, 290px) !important;
  max-width: var(--sb-width, 290px) !important;
}

body.sidebar-v2[data-sidebar="expanded"] #sidebar,
body.sidebar-v2[data-sidebar="expanded"] .sidebar-container,
body.sidebar-v2:not([data-sidebar="collapsed"]) #sidebar,
body.sidebar-v2:not([data-sidebar="collapsed"]) .sidebar-container {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

/* Mobile: off-canvas drawer — full-width content; drawer overlays when open.
   Must come AFTER desktop width rules so it wins. */
@media (max-width: 820px) {
  body.sidebar-v2,
  body.sidebar-v2[data-sidebar="collapsed"],
  body.sidebar-v2[data-sidebar="expanded"] {
    --sb-width: 0px !important;
    --sb-collapsed: 0px !important;
  }

  body.sidebar-v2 .ta-page-wrap,
  body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap,
  body.sidebar-v2[data-sidebar="expanded"] .ta-page-wrap,
  .ta-page-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  body.sidebar-v2 aside#sidebar,
  body.sidebar-v2 #sidebar,
  body.sidebar-v2 .sidebar-container,
  body.sidebar-v2 .sidebar-container-advisers-view,
  body.sidebar-v2[data-sidebar="collapsed"] aside#sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] .sidebar-container,
  body.sidebar-v2[data-sidebar="expanded"] aside#sidebar,
  body.sidebar-v2[data-sidebar="expanded"] #sidebar,
  body.sidebar-v2[data-sidebar="expanded"] .sidebar-container,
  body.sidebar-v2:not([data-sidebar="collapsed"]) aside#sidebar,
  body.sidebar-v2:not([data-sidebar="collapsed"]) #sidebar {
    width: min(300px, 88vw) !important;
    min-width: min(300px, 88vw) !important;
    max-width: min(300px, 88vw) !important;
    padding: 0 16px !important;
  }

  /* Hidden by default on mobile */
  body.sidebar-v2:not(.sidebar-mobile-open) aside#sidebar,
  body.sidebar-v2:not(.sidebar-mobile-open) #sidebar,
  body.sidebar-v2:not(.sidebar-mobile-open) .sidebar-container,
  body.sidebar-v2:not(.sidebar-mobile-open) .sidebar-container-advisers-view {
    transform: translateX(-100%) !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  /* Open drawer */
  body.sidebar-v2.sidebar-mobile-open aside#sidebar,
  body.sidebar-v2.sidebar-mobile-open #sidebar,
  body.sidebar-v2.sidebar-mobile-open .sidebar-container,
  body.sidebar-v2.sidebar-mobile-open .sidebar-container-advisers-view,
  body.sidebar-v2[data-sidebar="expanded"].sidebar-mobile-open aside#sidebar,
  body.sidebar-v2[data-sidebar="expanded"].sidebar-mobile-open #sidebar {
    transform: translateX(0) !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.25) !important;
    pointer-events: auto !important;
    z-index: 10050 !important;
  }

  /* Mobile open: show labels (not icon rail) */
  body.sidebar-v2.sidebar-mobile-open #logo_text,
  body.sidebar-v2.sidebar-mobile-open .logo-text-wrapper,
  body.sidebar-v2.sidebar-mobile-open .sidebar-submenu-text,
  body.sidebar-v2.sidebar-mobile-open .sidebar-menu-text,
  body.sidebar-v2.sidebar-mobile-open .sidebar-submenu-child-text,
  body.sidebar-v2.sidebar-mobile-open .sb-menu-chevron {
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
  }

  body.sidebar-v2.sidebar-mobile-open .btn-sidebar,
  body.sidebar-v2.sidebar-mobile-open .btn-child-sidebar > a {
    justify-content: flex-start !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 44px !important;
  }
}

body.sidebar-v2 #row_header,
#row_header.ta-navbar {
  padding-left: 0 !important;
  height: auto !important;
  min-height: 77px !important;
  max-height: none !important;
  width: 100% !important;
  position: relative !important;
}

/* Hide legacy sidebar caret — navbar hamburger toggles sidebar */
#arrow-sidebar,
body.sidebar-v2 #arrow-sidebar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Main column under navbar — scrolls inside ta-page-wrap (no second sidebar offset) */
.ta-main-column,
body.sidebar-v2 .ta-main-column {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  box-sizing: border-box;
  background: #f9fafb;
  padding: 0;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif;
}

body.sidebar-v2[data-sidebar="collapsed"] .ta-main-column {
  margin-left: 0 !important;
  width: 100% !important;
}

.ta-page-wrap {
  transition: margin-left 0.28s cubic-bezier(0.4, 0, 0.2, 1), width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Page title row — in flow above filter/search, TailAdmin style */
#page_title_bar,
#page_title_bar.ta-page-header,
.ta-page-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 1.5rem 1.5rem 1rem !important;
  background: var(--color-gray-50) !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  #page_title_bar,
  #page_title_bar.ta-page-header,
  .ta-page-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.25rem !important;
    padding: 0.75rem 0.75rem 0.5rem !important;
  }
  #page_title,
  #page_title.ta-page-title,
  .ta-page-title#page_title {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}

#page_title,
#page_title.ta-page-title,
.ta-page-title#page_title {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1d2939 !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 20px !important; /* TailAdmin text-xl */
  font-weight: 600 !important;
  line-height: 28px !important;
  z-index: auto !important;
  pointer-events: auto;
}

.ta-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  font-size: 0.875rem;
  color: #667085;
}

.ta-breadcrumb-home {
  color: #667085 !important;
  text-decoration: none !important;
}

.ta-breadcrumb-home:hover {
  color: #465fff !important;
}

.ta-breadcrumb-sep {
  color: #98a2b3;
}

.ta-breadcrumb-current {
  color: #344054;
  font-weight: 500;
}

/* Content sits under title in the same column — no extra fixed offset */
body.sidebar-v2 #main_display_div,
#main_display_div {
  position: relative !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 1.5rem 1.5rem !important;
  background: var(--color-gray-50) !important;
  z-index: 1 !important;
  isolation: isolate;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  body.sidebar-v2 #main_display_div,
  #main_display_div {
    padding: 0 0.75rem 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Kill legacy mobile training offsets that leave a right gutter */
  #training_table_div,
  .training_table_div,
  .fc-trainings-page,
  .fc-attended-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Login tabs — kill global main_adviser.css padding: 20px on .nav-tabs */
.nav-tabs {
  background-color: transparent;
  padding: 0 !important;
}

/* Introducer WM + form — undo global fixed .nav-tabs from main_adviser.css */
.introducer-wm-section .introducer-wm-tabs,
.introducer-wm-panel > .nav.nav-tabs {
  position: static !important;
  margin-top: 0 !important;
  z-index: auto !important;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.introducer-form-panel .nav-tabs {
  position: static !important;
  margin-top: 0 !important;
  z-index: auto !important;
  padding: 0 !important;
}

/* Client transfers + advisers tab strips — same fixed .nav-tabs undo */
.client-transfers-tabs .nav.nav-tabs,
.advisers-tab-scroll .nav.nav-tabs,
.products-tab-scroll .nav.nav-tabs {
  position: static !important;
  margin-top: 0 !important;
  z-index: auto !important;
  padding: 0 !important;
  width: 100%;
  height: auto !important;
}

@media (max-width: 820px) {
  .introducer-form-panel {
    margin: 40px 0 0 0 !important;
  }
}

.introducer-wm-table-wrap {
  margin-top: 0;
  clear: both;
}

/* Active/Archive tab filter must win over mobile card `display: block` on rows */
.introducer-wm-table tbody tr.introducer-wm-row.display-none,
.introducer-wm-table tbody tr.introducer-wm-row[hidden] {
  display: none !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Introducer add/edit — desktop field grid (unlayered so it wins over legacy flex) */
.introducer-form-panel .introducer-form-fields {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.introducer-form-panel .introducer-field-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  margin: 0 0 12px;
  padding: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
}

.introducer-form-panel .introducer-field-row--textarea {
  align-items: start;
  min-height: 120px;
}

.introducer-form-panel .introducer-field-label {
  grid-column: 1;
  margin: 0;
  padding: 0;
}

.introducer-form-panel .introducer-field-input,
.introducer-form-panel .introducer-contact-row {
  grid-column: 2;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

.introducer-form-panel .introducer-field-input.form-control {
  display: block;
  width: 100%;
  max-width: 100%;
}

.introducer-form-panel .introducer-contact-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.introducer-form-panel .introducer-contact-code.form-control {
  width: auto !important;
  min-width: 72px;
  max-width: 120px;
  flex: 0 0 auto;
}

.introducer-form-panel .introducer-contact-row input.form-control {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  max-width: 100%;
}

/* TailAdmin card section headers (white + gray text, not solid brand bar) */
.title-header,
.introducer-page .introducer-list-title.title-header,
.advisers-module-page .introducer-list-title.title-header,
.introducer-list-title.title-header {
  background-color: var(--color-white) !important;
  background: var(--color-white) !important;
  color: #1d2939 !important;
  border-bottom: 1px solid var(--color-gray-100) !important;
  font-weight: 600 !important;
}

/* TailAdmin underline tabs (not Bootstrap pill tabs) */
.nav-item {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.nav-link {
  color: #667085 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

.nav-link:hover {
  color: #465fff !important;
  background-color: transparent !important;
}

.nav-link.active {
  color: #465fff !important;
  background-color: transparent !important;
  border-bottom-color: #465fff !important;
}

#login_right_div {
  background-image: url('/static/images/loginbg_right.jpg');
  height: 100%;
  background-size: 100% 100%;
  background-size: cover;
}

/* Do not globally recolor every button hover — TailAdmin buttons opt in via classes */

/* Bootstrap collapse shim — Tailwind's .collapse utility conflicts with Bootstrap JS */
.collapse:not(.show) {
  display: none !important;
  visibility: hidden !important;
}

.collapse.show {
  display: block !important;
  visibility: visible !important;
}

/* Bootstrap modal shim — advisers shell loads bootstrap JS only, not bootstrap.css */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal.show {
  display: block !important;
}

.modal.fade .modal-dialog {
  transition: transform 0.2s ease-out;
}

.modal .modal-dialog {
  position: relative;
  top: auto !important;
  bottom: auto !important;
  left: auto;
  right: auto;
  transform: none !important;
  width: auto;
  margin: 0.5rem auto;
  max-width: 500px;
  pointer-events: none;
  text-align: left;
}

.modal .modal-dialog.modal-sm {
  max-width: 300px;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal.show .modal-dialog {
  pointer-events: auto;
}

.modal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  outline: 0;
}

.modal .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.modal .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal .modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid #dee2e6;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.advisers-account-dropdown {
  margin-right: 100px;
}

/* Kill legacy body { zoom: 0.80 } from main_mobile_adjust.css (TailAdmin = 100%) */
body,
body.body,
body.sidebar-v2 {
  zoom: 1 !important;
}

/* Mobile: undo legacy width rules that break advisers layout */
@media (max-width: 1024px) {
  body.sidebar-v2 #main_display_div {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* FC notifications — fluid layout overrides legacy fixed 400/1000 widths */
.fc-notif-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.fc-notif-page .list_notif,
.fc-notif-page .desc_notif {
  max-width: 100% !important;
  box-sizing: border-box !important;
  height: auto !important;
}
.fc-notif-page .list_notif .list {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
.fc-notif-page .text_desc_notif,
.fc-notif-page #text_desc_notif,
.fc-notif-body {
  text-align: left !important;
  white-space: pre-line !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  font-family: inherit !important;
}

/* FC Leading Indicator — TailAdmin layout (do not re-impose legacy fixed card widths) */
.fc-leading-page {
  width: 100% !important;
  max-width: 1400px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: visible;
}
.fc-leading-page #prod_search_panel,
.fc-leading-page .fc-leading-search {
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.fc-leading-page #prod_list_form {
  display: block !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}
.fc-leading-page #prod_search_wrapper,
.fc-leading-page .fc-leading-date-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.fc-leading-page .fc-leading-date-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem 1rem !important;
}
.fc-leading-page .fc-leading-date-bar__info {
  display: flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  width: auto !important;
}
.fc-leading-page #leading_tooltip,
.fc-leading-page .fc-leading-tooltip-trigger {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (min-width: 768px) {
  .fc-leading-page .fc-leading-date-bar {
    flex-wrap: nowrap !important;
  }
}
/* Tooltip is portaled to body — do not style in-page copies as visible overlays */
.fc-leading-page .tooltip-box-leading {
  display: none !important;
}
.fc-leading-tooltip-backdrop {
  z-index: 10050 !important;
}
body > .tooltip-box-leading,
body > .fc-leading-tooltip-panel {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10060 !important;
  width: min(720px, calc(100vw - 32px)) !important;
  max-width: min(720px, calc(100vw - 32px)) !important;
  max-height: min(75vh, 520px) !important;
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 16px !important;
  opacity: 1 !important;
}
body > .tooltip-box-leading:not(.is-open),
body > .fc-leading-tooltip-panel:not(.is-open) {
  display: none !important;
}
body > .tooltip-box-leading.is-open,
body > .fc-leading-tooltip-panel.is-open {
  display: block !important;
}
.fc-leading-page .card_container,
.fc-leading-page .fc-leading-banner {
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.fc-leading-page .production-container,
.fc-leading-page .fc-leading-cards {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.fc-leading-page .leading-card-content {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: unset !important;
  box-sizing: border-box !important;
}
.fc-leading-page .company-container,
.fc-leading-page .fc-leading-section,
.fc-leading-page .company-container-content,
.fc-leading-page .fc-leading-section-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.fc-leading-page .fc-leading-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.fc-leading-page .prod_multilevel_table {
  min-width: 640px;
}
.fc-leading-page .prod_multilevel_table.mobile-data-cards {
  min-width: 640px;
}
/* Never let sidebar menu button styles hit in-page controls */
.fc-leading-page .fc-leading-filter-btn {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media (max-width: 1024px) {
  .fc-notif-page .list_notif,
  .fc-notif-page .desc_notif {
    width: 100% !important;
  }
  .fc-leading-page .leading-card-content {
    max-width: none !important;
    width: 100% !important;
  }
  .fc-leading-page #prod_search_wrapper,
  .fc-leading-page .fc-leading-date-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 820px) {
  body > .tooltip-box-leading,
  body > .fc-leading-tooltip-panel {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
  .fc-leading-page #prod_search_panel,
  .fc-leading-page #prod_search_wrapper,
  .fc-leading-page .fc-leading-date-shell,
  .fc-leading-page .fc-leading-date-bar {
    overflow: visible !important;
  }
  .fc-leading-page .fc-leading-section,
  .fc-leading-page .fc-leading-section-head,
  .fc-leading-page .fc-leading-section-inner {
    overflow: visible !important;
  }
  .fc-leading-page .fc-leading-filter-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .fc-leading-page .leading-card-content {
    width: 100% !important;
    max-width: 100% !important;
  }
  .fc-leading-page .fc-leading-details {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .fc-leading-page .prod_multilevel_table {
    min-width: 560px;
  }
  body.sidebar-v2 #main_display_div:has(.fc-leading-page),
  #main_display_div:has(.fc-leading-page) {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .fc-leading-page #prod_search_panel,
  .fc-leading-page .fc-leading-search,
  .fc-leading-page .fc-leading-section-inner,
  .fc-leading-page .company-container-content,
  .fc-leading-page .production-container,
  .fc-leading-page .fc-leading-cards {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .fc-leading-page .production-container,
  .fc-leading-page .fc-leading-cards {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 820px) {
  body {
    zoom: 1 !important;
  }

  /* FC dashboard (legacy + TailAdmin) — full-width stack on phone */
  #dashboard-container,
  .dashboard-container,
  .fc-dashboard-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* Legacy hero only — TailAdmin uses .fc-dashboard-hero (scoped CSS wins via .fc-dashboard-page) */
  #dashboard-container .dashboard_header,
  .dashboard_header {
    height: 96px !important;
    width: 100% !important;
  }
  .fc-dashboard-page .dashboard_header {
    display: none !important;
  }
  #flex_wrapper,
  .flex_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 12px !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
  /* TailAdmin FC dashboard — tighter, no extra gutter */
  .fc-dashboard-page #flex_wrapper {
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  #flex_wrapper .flex_div,
  .flex_wrapper .flex_div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .fc-dashboard-page #flex_wrapper .fc-dash-card {
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }
}

/* Sidebar toggle hover — TailAdmin soft gray */
.btn-toggle:hover,
.btn-toggle:focus {
  color: #101828 !important;
  background-color: var(--color-gray-100) !important;
}

/* Sidebar — TailAdmin light theme (https://demo.tailadmin.com/) */
.sidebar-container,
.sidebar-container-advisers-view,
.sidebar-background-color,
#sidebar.sidebar-background-color,
#dummy-sidebar.sidebar-background-color,
body.sidebar-v2 #sidebar,
body.sidebar-v2 .sidebar-container,
body.sidebar-v2 .sidebar-container-advisers-view {
  background: var(--color-white) !important;
  background-color: var(--color-white) !important;
  border-right: 1px solid #e4e7ec;
}

.btn-sidebar {
  background-color: transparent !important;
  color: #344054 !important;
  border-radius: 0.5rem !important;
}

.btn-child-sidebar,
.btn-child-sidebar > a {
  background-color: transparent !important;
  color: #344054 !important;
  border-radius: 0.5rem !important;
}

.btn-sidebar:hover,
.btn-sidebar:focus {
  background-color: var(--color-gray-100) !important;
  color: #101828 !important;
}

body.sidebar-v2 .btn-sidebar {
  background-color: transparent !important;
  color: #344054 !important;
}

body.sidebar-v2 .btn-child-sidebar,
body.sidebar-v2 .btn-child-sidebar > a {
  background-color: transparent !important;
  color: #344054 !important;
}

body.sidebar-v2 .btn-sidebar:hover,
body.sidebar-v2 .btn-sidebar:focus {
  background-color: #f2f4f7 !important;
  color: #101828 !important;
}

body.sidebar-v2 .btn-child-sidebar:hover,
body.sidebar-v2 .btn-child-sidebar > a:hover,
body.sidebar-v2 .btn-child-sidebar > a:focus {
  background-color: #4d4d4d40 !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-sidebar[aria-expanded="true"] {
  background-color: var(--color-gray-100) !important;
  color: #101828 !important;
}

/* Active sidebar item — submenu uses translucent gray + brand text */
body.sidebar-v2 .btn-child-sidebar.is-active,
.btn-child-sidebar.is-active {
  background-color: #4d4d4d40 !important;
  color: #465fff !important;
  box-shadow: none !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active > a,
.btn-child-sidebar.is-active > a {
  background-color: #4d4d4d40 !important;
  box-shadow: none !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active:hover,
.btn-child-sidebar.is-active:hover {
  background-color: #4d4d4d40 !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active > a:hover,
body.sidebar-v2 .btn-child-sidebar.is-active > a:focus,
.btn-child-sidebar.is-active > a:hover {
  background-color: #4d4d4d40 !important;
  box-shadow: none !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-submenu-child-text,
body.sidebar-v2 .btn-child-sidebar.is-active .adviser-bg-gray,
body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-advisers-view-font,
.btn-child-sidebar.is-active .sidebar-submenu-child-text {
  background-color: transparent !important;
  color: var(--sb-active-text, #465fff) !important;
  font-weight: var(--sb-active-font-weight, 600);
}

body.sidebar-v2 .btn-sidebar.has-active {
  background-color: var(--sb-active-bg, #ecf3ff) !important;
  color: var(--sb-active-text, #465fff) !important;
  box-shadow: none !important;
}

body.sidebar-v2 .btn-sidebar.has-active .sidebar-submenu-text,
body.sidebar-v2 .btn-sidebar.has-active .sidebar-menu-text,
body.sidebar-v2 .btn-sidebar.has-active .adviser-bg-gray {
  background-color: transparent !important;
  color: var(--sb-active-text, #465fff) !important;
}

body.sidebar-v2 .btn-sidebar,
body.sidebar-v2 .btn-child-sidebar,
body.sidebar-v2 .btn-child-sidebar > a {
  min-height: 40px;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

body.sidebar-v2 .sidebar-submenu-text,
body.sidebar-v2 .sidebar-submenu-child-text,
body.sidebar-v2 .sidebar-menu-text,
.sidebar-submenu-text,
.sidebar-submenu-child-text {
  text-align: left !important;
  color: var(--color-gray-700, #344054) !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

body,
.body,
#main_display_div,
.ta-main-column {
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
}

.btn-child-sidebar,
.btn-child-sidebar > a,
.btn-sidebar {
  color: var(--color-gray-700, #344054) !important;
}

.btn-child-sidebar .sidebar-submenu-child-text,
.btn-child-sidebar .sidebar-advisers-view-font {
  color: var(--color-gray-700, #344054) !important;
}

/* Active menu text stays brand */
body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-submenu-child-text,
body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-advisers-view-font,
body.sidebar-v2 .btn-sidebar.has-active .sidebar-submenu-text,
body.sidebar-v2 .btn-sidebar.has-active .sidebar-menu-text {
  color: var(--sb-active-text, #465fff) !important;
}

/* Sidebar SVG icons — TailAdmin gray idle */
.sidebar-icon-mask,
body.sidebar-v2 .sidebar-icon-mask {
  display: inline-block !important;
  width: var(--sb-icon-size, 28px) !important;
  height: var(--sb-icon-size, 28px) !important;
  background-color: #344054 !important;
  -webkit-mask-image: var(--sidebar-icon);
  mask-image: var(--sidebar-icon);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-icon-mask,
body.sidebar-v2 .btn-sidebar.has-active .sidebar-icon-mask,
body.sidebar-v2 .btn-sidebar.is-active .sidebar-icon-mask {
  background-color: #465fff !important;
}

/* Keep sidebar menu labels readable on light buttons */
.btn-sidebar .link-white,
.btn-sidebar .sidebar-menu-text,
.btn-sidebar .sidebar-submenu-text {
  color: #344054 !important;
}

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

.submenubox .btn-toggle-nav a,
.submenubox .btn-child-sidebar > a {
  width: 100% !important;
  max-width: 100%;
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
}

.submenubox .sidebar-submenu-child-text {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

body.sidebar-v2 .submenubox,
body.sidebar-v2 .submenubox_advisers {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.module-title {
  background: transparent !important;
  background-color: transparent !important;
  color: #101828 !important;
  top: var(--row-header-height, 72px) !important;
  margin-top: 0 !important;
}

#row_header,
.row-header {
  height: auto !important;
  min-height: var(--row-header-height, 77px) !important;
  z-index: 600 !important;
  overflow: visible !important;
  background-color: var(--color-white) !important;
  border-bottom: 1px solid #e4e7ec !important;
  box-shadow: none !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
}

/* Page content must stay under Accounts / apps header menus */
body.sidebar-v2 #main_display_div,
#main_display_div {
  z-index: 1 !important;
  isolation: isolate;
}

#Accounts_div,
#apps_div,
#google-apps-dropdown {
  position: relative;
  z-index: 10051;
}

.mainpage-header-dropdown {
  position: fixed !important;
  z-index: 10060 !important;
}

/* Keep Firefox header height consistent with TailAdmin */
@-moz-document url-prefix() {
  :root {
    --row-header-height: 77px;
  }
}

/* Introducer list — undo legacy form-container-five min-width on list pages */
.introducer-page.form-container-five {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Adviser edit tabs — use .tabs look, not global login nav-item chrome */
#adviser_tabs .advisers-edit-tabs .nav-item {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

#adviser_tabs .advisers-edit-tabs .nav-link {
  color: #1d2939 !important;
  background-color: var(--color-white) !important;
}

#adviser_tabs .advisers-edit-tabs .nav-link.active-tab,
#adviser_tabs .advisers-edit-tabs .nav-link.active {
  background-color: #1d2939 !important;
  color: #ffffff !important;
}

.float-add-button {
  background: #465fff !important;
  box-shadow: 0 4px 8px -2px rgba(70, 95, 255, 0.35) !important;
}

.float-add-button:hover {
  background: #3641f5 !important;
  color: #fff !important;
}

/* —— TailAdmin navbar (measured from https://demo.tailadmin.com/basic-tables) —— */
.ta-navbar {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0;
  height: auto !important;
  min-height: 77px !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
}

.ta-navbar-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1 1 auto;
}

.ta-navbar-search {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  max-width: 430px;
}

@media (min-width: 1280px) {
  .ta-navbar-search {
    display: flex;
  }
}

.ta-navbar-search-icon {
  position: absolute;
  left: 16px;
  display: inline-flex;
  width: 18px;
  height: 18px;
  pointer-events: none;
}

.ta-navbar-search-input {
  width: 100%;
  height: 44px; /* h-11 */
  padding: 10px 56px 10px 48px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: transparent;
  color: #1d2939;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  outline: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.ta-navbar-search-input:focus {
  border-color: #9cb9ff;
  box-shadow: 0 0 0 4px rgba(70, 95, 255, 0.1);
}

.ta-navbar-search-input::placeholder {
  color: #98a2b3;
}

.ta-navbar-search-kbd {
  position: absolute;
  right: 12px;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #e4e7ec;
  border-radius: 6px;
  background: #f9fafb;
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
}

.ta-navbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

/* TailAdmin: h-11 w-11 rounded-lg border */
.ta-navbar-icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  color: #667085;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ta-navbar-icon-btn:hover {
  background: var(--color-gray-50) !important;
  border-color: #d0d5dd;
  color: #344054 !important;
}

.ta-navbar-icon-btn svg {
  width: 20px;
  height: 20px;
}

.ta-navbar-notify-dot {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #f04438;
  border: 1.5px solid #fff;
}

.ta-user-menu-btn.dropbtn {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  height: 44px !important;
  padding: 0 4px 0 0 !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #344054 !important;
  cursor: pointer;
  width: auto !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
}

.ta-user-menu-btn.dropbtn:hover {
  background: var(--color-gray-100) !important;
  color: #101828 !important;
}

.ta-user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #465fff, #9cb9ff);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.ta-user-name {
  font-size: 14px;
  font-weight: 500;
  color: #344054;
}

@media (max-width: 1024px) {
  .ta-user-name,
  .ta-user-menu-btn .fa-chevron-down {
    display: none !important;
  }
  .ta-navbar-actions {
    gap: 6px;
    flex-shrink: 0;
  }
  .ta-navbar-left {
    min-width: 0;
    overflow: visible;
  }
}

.ta-user-dropdown.dropdown-content,
.ta-user-dropdown {
  min-width: 13rem !important;
  padding: 0.5rem 0 !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 1rem !important;
  background: var(--color-white) !important;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06) !important;
}

.ta-user-dropdown a {
  display: block !important;
  padding: 0.625rem 1rem !important;
  color: #344054 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  font-size: 0.875rem !important;
}

.ta-user-dropdown a:hover {
  background: var(--color-gray-50) !important;
  color: #465fff !important;
}

.ta-user-dropdown a.ta-user-logout {
  border-top: 1px solid #f2f4f7 !important;
  color: #f04438 !important;
}

.ta-apps-menu {
  padding: 0.75rem !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 1rem !important;
  background: var(--color-white) !important;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06) !important;
  width: max-content !important;
}

.ta-apps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

.ta-apps-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  color: #344054 !important;
  text-decoration: none !important;
  font-size: 0.75rem;
  font-weight: 500;
  background: transparent !important;
}

.ta-apps-item:hover {
  color: #465fff !important;
}

.ta-apps-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
  color: #344054;
}

.ta-apps-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

.ta-apps-icon--simulator {
  background: #ecf3ff;
  border-color: #c2d6ff;
  color: #465fff;
}

.ta-apps-icon--idata {
  background: #ecfdf3;
  border-color: #a6f4c5;
  color: #039855;
}

.ta-apps-icon--kyc {
  background: #fef3f2;
  border-color: #fecdca;
  color: #d92d20;
}

.ta-apps-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  background: transparent;
}

/* TailAdmin form cards (advisers edit sections) */
.form-container-five {
  overflow: hidden;
  margin-bottom: 1.25rem;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 1rem !important;
  background: var(--color-white) !important;
  box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
}

/* List / hub shells: don't nest search + table cards inside another card */
.finance-module-page.form-container-five,
.compensation-module-page.form-container-five,
.advisers-module-page.form-container-five,
.products-module-page.form-container-five,
.payday-compensation-wrapper.form-container-five,
.finance-payday-wrapper.form-container-five,
.onhold-compensation-wrapper.form-container-five {
  overflow: visible !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.form-container-five > .title-header {
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
}

/* Pagination — TailAdmin style (theme-adaptive) */
.pagination {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.35rem;
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent !important; /* override legacy #ffffff from fdpl_main */
}

@media (min-width: 640px) {
  .pagination {
    flex-wrap: wrap;
  }
}

.pagination .page-link,
.pagination_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.65rem !important;
  border: 1px solid var(--color-gray-200, #e4e7ec) !important;
  border-radius: 0.5rem !important;
  background: var(--color-white, #ffffff) !important;
  color: #344054 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
}

.pagination .page-item.active .page-link,
.pagination_current_page_button {
  border-color: #465fff !important;
  background: #465fff !important;
  color: #fff !important;
}

.pagination .page-link:hover,
.pagination_button:hover {
  background: var(--color-gray-50, #f9fafb) !important;
  color: #465fff !important;
}

.pagination_current_page_button:hover {
  background: #3641f5 !important;
  color: #fff !important;
}

/* Tables — TailAdmin basic-tables */
table.ta-data-table thead th,
table.ta-data-table tbody td,
.advisers-list-desktop-table table thead th,
.advisers-list-desktop-table table tbody td {
  text-align: left !important;
  padding: 0.875rem 1.25rem !important;
}

.advisers-list-desktop-table table tbody tr:hover td,
table.ta-data-table tbody tr:hover td {
  background-color: var(--color-gray-50) !important;
}

/* Kill legacy zebra / cessation pink paint on TailAdmin tables */
.advisers-list-desktop-table table tbody tr.primary-color-list,
.advisers-list-desktop-table table tbody tr.secondary-color-list,
.advisers-list-desktop-table table tbody tr[style*="ffe6e6"] {
  background-color: transparent !important;
}

.advisers-list-desktop-table table tbody tr[style*="ffe6e6"] td {
  background-color: transparent !important;
}

.advisers-module-page {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}

.advisers-module-page .advisers-search-card,
.advisers-module-page .advisers-list-desktop-table {
  border-radius: 1rem !important;
  border: 1px solid var(--color-gray-200) !important;
  box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06) !important;
}

/* Ceased advisers — subtle TailAdmin hint, not pink row paint */
.advisers-list-desktop-table table tbody tr.is-ceased td {
  color: #667085 !important;
}

.advisers-list-desktop-table table tbody tr.is-ceased td:first-child {
  box-shadow: inset 3px 0 0 #f04438;
}

/* Auth login — unlayered lock (beats legacy global button { #787878 }) */
.auth-login-page .auth-login-brand {
  color: #101828 !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  background: transparent !important;
}

.auth-login-page .auth-login-card {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 1rem !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06) !important;
}

.auth-login-page .auth-login-tabs {
  background: #f2f4f7 !important;
  border: 1px solid #e4e7ec !important;
}

.auth-login-page .auth-login-tab {
  background: transparent !important;
  color: #475467 !important;
  border: 0 !important;
  border-radius: 0.5rem !important;
  padding: 0.625rem 0.75rem !important;
  z-index: auto !important;
}

.auth-login-page .auth-login-tab:not(.is-active):hover {
  background: #e4e7ec !important;
  color: #1d2939 !important;
}

.auth-login-page .auth-login-tab.is-active,
.auth-login-page .auth-login-tab.is-active:hover {
  background: #465fff !important;
  color: #ffffff !important;
}

.auth-login-page .auth-login-secondary-btn,
.auth-login-page .auth-login-secondary-btn:hover {
  z-index: auto !important;
}

.auth-login-page .auth-login-secondary-btn {
  background: #ffffff !important;
  border: 1px solid #d0d5dd !important;
  color: #344054 !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
}

.auth-login-page .auth-login-secondary-btn:hover {
  background: #f9fafb !important;
  color: #1d2939 !important;
}

.auth-login-page .auth-login-primary-btn,
.auth-login-page .auth-login-primary-btn:hover {
  z-index: auto !important;
  border: 0 !important;
  color: #ffffff !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
}

.auth-login-page .auth-login-primary-btn {
  background: #465fff !important;
}

.auth-login-page .auth-login-primary-btn:hover {
  background: #3641f5 !important;
}

.auth-login-page .auth-login-theme-btn {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  color: #667085 !important;
  border-radius: 9999px !important;
  padding: 0 !important;
  z-index: 20 !important;
}

.auth-login-page .auth-login-theme-btn:hover {
  background: #f9fafb !important;
  color: #344054 !important;
}

.auth-login-page .auth-login-divider {
  color: #667085 !important;
  font-weight: 500 !important;
}

.auth-login-page .auth-login-alt-link {
  color: #465fff !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.auth-login-page .auth-login-footnote,
.auth-login-page .auth-login-footnote b {
  color: #667085 !important;
  text-shadow: none !important;
}

.auth-login-page .auth-login-footnote b {
  color: #475467 !important;
  font-weight: 500 !important;
}

html.dark .auth-login-page .auth-login-brand {
  color: #f9fafb !important;
}

html.dark .auth-login-page .auth-login-card {
  background: #1a2231 !important;
  border-color: #344054 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

html.dark .auth-login-page .auth-login-tabs {
  background: #101828 !important;
  border-color: #344054 !important;
}

html.dark .auth-login-page .auth-login-tab:not(.is-active) {
  background: transparent !important;
  color: #d0d5dd !important;
}

html.dark .auth-login-page .auth-login-tab:not(.is-active):hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f9fafb !important;
}

html.dark .auth-login-page .auth-login-tab.is-active,
html.dark .auth-login-page .auth-login-tab.is-active:hover {
  background: #465fff !important;
  color: #ffffff !important;
}

html.dark .auth-login-page .auth-login-secondary-btn {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #e4e7ec !important;
}

html.dark .auth-login-page .auth-login-secondary-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f9fafb !important;
}

html.dark .auth-login-page .auth-login-theme-btn {
  background: #1a2231 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark .auth-login-page .auth-login-theme-btn:hover {
  background: #243043 !important;
  color: #f9fafb !important;
}

html.dark .auth-login-page .auth-login-divider,
html.dark .auth-login-page .auth-login-footnote {
  color: #98a2b3 !important;
}

html.dark .auth-login-page .auth-login-footnote b {
  color: #d0d5dd !important;
}

html.dark .auth-login-page .auth-login-alt-link {
  color: #7592ff !important;
  background: transparent !important;
}

html.dark .auth-login-page,
html.dark .auth-login-shell,
html.dark .auth-login-panel {
  background: #101828 !important;
  color: #e4e7ec !important;
}

/* Training detail overlays — escape legacy #refresh_modal { zoom:0.7 }.
   Explicit size so the host cannot collapse; left inset clears the sidebar. */
#refresh_modal.fc-detail-overlay-host {
  position: fixed !important;
  top: 0 !important;
  left: var(--sb-width, 0px) !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100vw - var(--sb-width, 0px)) !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 10060 !important;
  display: block !important;
  zoom: 1 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#refresh_modal.fc-detail-overlay-host .fc-training-detail-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: calc(var(--row-header-height, 77px) + 0.5rem) 0.75rem 0.75rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: rgba(16, 24, 40, 0.45) !important;
  pointer-events: auto !important;
}

#refresh_modal.fc-detail-overlay-host .fc-training-detail-panel {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  max-width: 100% !important;
  margin: 10px auto !important;
}

@media (min-width: 768px) and (max-width: 1366px) {
  #refresh_modal.fc-detail-overlay-host .fc-training-detail-backdrop {
    align-items: center !important;
    padding: calc(var(--row-header-height, 77px) + 10px) 1rem 10px !important;
  }
  #refresh_modal.fc-detail-overlay-host .fc-training-detail-panel {
    width: min(780px, 82vmin) !important;
    height: min(780px, 82vmin) !important;
    max-height: min(780px, 82vmin) !important;
  }
}

@media (max-width: 820px) {
  #refresh_modal.fc-detail-overlay-host {
    left: 0 !important;
    width: 100vw !important;
  }
}

@media (orientation: landscape) and (max-height: 700px) {
  #refresh_modal.fc-detail-overlay-host .fc-training-detail-backdrop {
    padding: calc(var(--row-header-height, 77px) + 0.35rem) 0.5rem 0.5rem !important;
  }
}

/* Finance accounts — edit / attachment overlays at all breakpoints */
#modalId.fixed {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10060 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: calc(var(--ta-navbar-height, 77px) + 12px) 0.75rem 1.25rem !important;
}

@media (min-width: 768px) {
  #modalId.fixed {
    padding: calc(var(--ta-navbar-height, 77px) + 16px) 1.25rem 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  #modalId.fixed {
    align-items: center !important;
    padding: calc(var(--ta-navbar-height, 77px) + 24px) 1.5rem 2rem !important;
  }
}

.finance-float-panel.center-float-div,
.finance-float-panel--wide.center-float-div,
.finance-float-panel--xl.center-float-div {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: calc(100dvh - var(--ta-navbar-height, 77px) - 2rem) !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  text-align: left !important;
}

#modalId #edit_form,
#modalId #adviserContainer,
#modalId #divValue,
#modalId .finance-float-field,
#modalId .finance-float-body,
#modalId .finance-float-actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#modalId #divValue {
  display: block !important;
}

.finance-float-panel.center-float-div {
  width: min(32rem, 100%) !important;
}

.finance-float-panel--wide.center-float-div {
  width: min(48rem, 100%) !important;
}

.finance-float-panel--xl.center-float-div {
  width: min(64rem, 100%) !important;
}

.finance-float-body,
.finance-float-panel .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  overflow-y: auto !important;
}

.finance-float-panel textarea.form-control {
  height: auto !important;
  min-height: 5.5rem !important;
}

@media (max-width: 991px) {
  .finance-module-page table.mobile-data-cards tbody td::before {
    flex-shrink: 1;
    max-width: 58%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .finance-module-page table.mobile-data-cards tbody td .dsp-flex.space-around {
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: auto !important;
    margin-left: auto;
  }

  .finance-float-panel.center-float-div,
  .finance-float-panel--wide.center-float-div,
  .finance-float-panel--xl.center-float-div {
    width: 100% !important;
  }

  #modalId.fixed,
  #main_display_div #modalId.fixed {
    inset: auto !important;
    top: calc(var(--ta-navbar-height, 77px) + 12px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 12px !important;
    align-items: stretch !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: auto !important;
  }

  #modalId #dragrable.finance-float-panel,
  #modalId .finance-float-panel.center-float-div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
  }

  #modalId .finance-float-header.div_header {
    flex: 0 0 auto !important;
    min-height: 3rem !important;
    height: auto !important;
    padding: 0.875rem 1rem !important;
    cursor: default;
    background: #1d2939 !important;
    color: #ffffff !important;
  }

  #modalId .finance-float-header.div_header h3,
  #modalId .finance-float-header.div_header label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  #modalId .finance-float-body {
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 0.75rem 1rem 1rem !important;
  }

  #modalId .finance-float-actions {
    justify-content: stretch !important;
  }

  #modalId .finance-float-actions button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  #modalId #edit_form,
  #modalId #adviserContainer,
  #modalId #divValue,
  #modalId .finance-float-field,
  #modalId textarea.form-control {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 639px) {
  .finance-float-actions button,
  .finance-float-panel .modal-footer button {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 0 !important;
  }
}

/* Adviser banding add/edit — layout only. Do not set display on the modal
   itself; showComponent / hideComponent own visibility via inline style. */
#edit_adviser_banding_div .div_header,
#add_adviser_banding_div .div_header {
  background-color: #1d2939 !important;
  color: #ffffff !important;
}

#edit_adviser_banding_div .div_header label,
#add_adviser_banding_div .div_header label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 991px) {
  #edit_adviser_banding_div,
  #add_adviser_banding_div {
    top: calc(var(--ta-navbar-height, 77px) + 8px) !important;
    left: 8px !important;
    right: 8px !important;
    transform: none !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--ta-navbar-height, 77px) - 16px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
    z-index: 10050 !important;
  }

  #edit_adviser_banding_div .div_header,
  #add_adviser_banding_div .div_header {
    position: sticky;
    top: 0;
    z-index: 5;
    display: block !important;
    margin-bottom: 0;
    min-height: 50px;
    background-color: #1d2939 !important;
    color: #ffffff !important;
  }

  #edit_adviser_banding_div .div_header label,
  #add_adviser_banding_div .div_header label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  #edit_adviser_banding_div form > .dsp-flex,
  #add_adviser_banding_div form > .dsp-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 0.75rem 1rem;
    box-sizing: border-box;
  }

  #edit_adviser_banding_div .divTableBody,
  #add_adviser_banding_div .divTableBody,
  #edit_adviser_banding_div .divTableRow,
  #add_adviser_banding_div .divTableRow {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #edit_adviser_banding_div .dsp-flex-column,
  #add_adviser_banding_div .dsp-flex-column {
    width: 100% !important;
    margin-top: 1rem;
  }

  #edit_adviser_banding_div .dsp-flex-column > .dsp-flex.space-around,
  #add_adviser_banding_div .dsp-flex-column > .dsp-flex.space-around {
    display: none !important;
  }

  #edit_adviser_banding_div .dsp-flex-column > .dsp-flex,
  #add_adviser_banding_div .dsp-flex-column > .dsp-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.25rem;
  }

  #edit_adviser_banding_div .dsp-flex-column > .dsp-flex > .fit-content:first-child::before,
  #add_adviser_banding_div .dsp-flex-column > .dsp-flex > .fit-content:first-child::before {
    content: "BC";
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: #074173;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }

  #edit_adviser_banding_div .dsp-flex-column > .dsp-flex > .fit-content:last-child::before,
  #add_adviser_banding_div .dsp-flex-column > .dsp-flex > .fit-content:last-child::before {
    content: "OR";
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: #1679ab;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }

  #edit_adviser_banding_div .title-row > .divTableRow,
  #add_adviser_banding_div .title-row > .divTableRow {
    display: none !important;
  }

  #edit_adviser_banding_div .fit-content,
  #add_adviser_banding_div .fit-content,
  #edit_adviser_banding_div .divTableBody,
  #add_adviser_banding_div .divTableBody {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #edit_adviser_banding_div .padding-left-20,
  #add_adviser_banding_div .padding-left-20 {
    padding-left: 0 !important;
  }

  #edit_adviser_banding_div .divTableRow .top-margin-20px,
  #add_adviser_banding_div .divTableRow .top-margin-20px {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.375rem;
    width: 100% !important;
  }

  #edit_adviser_banding_div .top-margin-20px:has(.form-check-input),
  #add_adviser_banding_div .top-margin-20px:has(.form-check-input) {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }

  #edit_adviser_banding_div .top-margin-20px:has(.form-check-input) .form-check-label,
  #add_adviser_banding_div .top-margin-20px:has(.form-check-input) .form-check-label {
    width: auto !important;
    margin: 0 !important;
  }

  #edit_adviser_banding_div label[style*="150px"],
  #add_adviser_banding_div label[style*="150px"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  #edit_adviser_banding_div input[type="text"],
  #add_adviser_banding_div input[type="text"],
  #edit_adviser_banding_div input[type="date"],
  #add_adviser_banding_div input[type="date"],
  #edit_adviser_banding_div .search-select-suggest-wrap,
  #add_adviser_banding_div .search-select-suggest-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  #edit_adviser_banding_div .padding-3.dsp-flex,
  #add_adviser_banding_div .padding-3.dsp-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.375rem;
    padding: 0.625rem 0 !important;
    border-bottom: 1px solid #f2f4f7;
  }

  #edit_adviser_banding_div .width-195,
  #add_adviser_banding_div .width-195 {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 0.875rem;
    font-weight: 500;
    color: #344054;
  }

  #edit_adviser_banding_div .col-1.divTableCell[style*="160px"],
  #add_adviser_banding_div .col-1.divTableCell[style*="160px"] {
    width: auto !important;
  }

  #edit_adviser_banding_div .button_standard,
  #add_adviser_banding_div .button_standard {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 0.5rem !important;
  }

  #edit_adviser_banding_div form > .padding-10,
  #add_adviser_banding_div form > .padding-10 {
    padding: 12px 0.75rem calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Finance misc edit overlay — do not set display; JS owns show/hide. */
.finance-edit-misc-overlay {
  position: fixed;
  inset: 0;
  z-index: 10070;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  box-sizing: border-box;
  overflow: auto;
  background: rgba(17, 24, 39, 0.4);
  padding: calc(var(--ta-navbar-height, 77px) + 12px) 12px 12px;
}

.finance-edit-misc-panel {
  display: flex !important;
  flex-direction: column !important;
  width: min(36rem, 100%) !important;
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  text-align: left !important;
  overflow: hidden !important;
}

.finance-edit-misc-overlay .finance-float-header.div_header {
  flex: 0 0 auto !important;
  min-height: 3rem !important;
  height: auto !important;
  background: #1d2939 !important;
  color: #ffffff !important;
}

.finance-edit-misc-overlay .finance-float-header h3,
.finance-edit-misc-overlay .finance-float-header p {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.finance-edit-misc-overlay .finance-float-header p {
  opacity: 0.85;
}

.finance-edit-misc-grid {
  display: grid;
  gap: 1rem;
}

.finance-edit-misc-overlay input:not([type="hidden"]):not([type="button"]),
.finance-edit-misc-overlay textarea,
.finance-edit-misc-overlay .form-control,
.finance-edit-misc-overlay .form-select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 640px) {
  .finance-edit-misc-grid {
    grid-template-columns: 1fr 1fr;
  }

  .finance-edit-misc-span-2 {
    grid-column: span 2;
  }
}

@media (max-width: 991px) {
  .finance-edit-misc-overlay {
    inset: auto !important;
    top: calc(var(--ta-navbar-height, 77px) + 12px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 12px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .finance-edit-misc-panel {
    width: 100% !important;
  }

  .finance-edit-misc-overlay .finance-float-actions {
    justify-content: stretch !important;
  }

  .finance-edit-misc-overlay .finance-float-actions .button_standard {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

/* Set GST Rate overlay */
.finance-gst-rate-overlay {
  z-index: 10070;
}

.finance-gst-rate-panel {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}

.finance-gst-rate-panel .finance-float-header.div_header {
  flex: 0 0 auto !important;
  min-height: 3rem !important;
  height: auto !important;
  background: #1d2939 !important;
  color: #ffffff !important;
}

.finance-gst-rate-panel .finance-float-header h3,
.finance-gst-rate-panel .finance-float-header p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.finance-gst-rate-panel .finance-float-header p {
  opacity: 0.85;
}

.finance-gst-rate-panel .finance-float-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  max-height: none !important;
}

.finance-gst-rate-panel .finance-float-actions {
  flex: 0 0 auto !important;
}

@media (max-width: 991px) {
  .finance-gst-rate-panel table.mobile-data-cards thead {
    display: none !important;
  }

  .finance-gst-rate-panel table.mobile-data-cards,
  .finance-gst-rate-panel table.mobile-data-cards tbody,
  .finance-gst-rate-panel table.mobile-data-cards tr,
  .finance-gst-rate-panel table.mobile-data-cards td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .finance-gst-rate-panel table.mobile-data-cards tbody tr {
    margin: 0 0 0.75rem !important;
    padding: 0.75rem !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 0.75rem !important;
    background: #ffffff !important;
  }

  .finance-gst-rate-panel table.mobile-data-cards tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  .finance-gst-rate-panel table.mobile-data-cards tbody td {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.375rem !important;
    padding: 0.375rem 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  .finance-gst-rate-panel table.mobile-data-cards tbody td::before {
    content: attr(data-label);
    font-size: 0.75rem;
    font-weight: 500;
    color: #667085;
  }

  .finance-gst-rate-panel table.mobile-data-cards tbody td:not([data-label])::before,
  .finance-gst-rate-panel table.mobile-data-cards tbody td[data-label=""]::before {
    display: none;
  }

  .finance-gst-rate-panel table.mobile-data-cards .form-control,
  .finance-gst-rate-panel table.mobile-data-cards select,
  .finance-gst-rate-panel table.mobile-data-cards input[type="number"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .finance-gst-rate-table-wrap {
    overflow: visible !important;
    border: 0 !important;
  }
}

/* ── TailAdmin shell (authoritative — last wins) ── */
/**
 * TailAdmin chrome + content tokens — measured from
 * https://demo.tailadmin.com/ and https://demo.tailadmin.com/basic-tables
 * (2026-07-28 CDP). Appended LAST by build-css.js.
 */

:root {
  --font-outfit: Outfit, sans-serif;
  --sb-expanded: 290px;
  --sb-collapsed: 90px;
  --sb-width: 290px;
  --row-header-height: 77px;
  --ta-navbar-height: 77px;
  --ta-brand-50: #ecf3ff;
  --ta-brand-500: #465fff;
  --ta-gray-50: #f9fafb;
  --ta-gray-100: #f2f4f7;
  --ta-gray-200: #e4e7ec;
  --ta-gray-300: #d0d5dd;
  --ta-gray-400: #98a2b3;
  --ta-gray-500: #667085;
  --ta-gray-700: #344054;
  --ta-gray-800: #1d2939;
  --ta-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --ta-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

body,
body.body,
body.sidebar-v2 {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  background-color: var(--color-gray-50) !important;
  color: #1d2939 !important;
  /* Kill legacy main_mobile_adjust.css body { zoom: 0.80 } — TailAdmin is 100% */
  zoom: 1 !important;
}

/* ─── Hide legacy caret / spacer ─── */
#arrow-sidebar,
#dummy-sidebar,
.dummy-sidebar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ─── App shell — TailAdmin flex layout (sidebar + page column) ─── */
html {
  height: 100% !important;
  min-height: 100% !important;
}

html,
body,
body.body {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--color-gray-50) !important;
}

.ta-app-shell,
.body-container.ta-app-shell,
body.sidebar-v2 .ta-app-shell,
body.sidebar-v2 .body-container.ta-app-shell {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--color-gray-50) !important;
  box-sizing: border-box !important;
}

/* Sidebar: <aside> full viewport height — TailAdmin pattern */
body.sidebar-v2 aside#sidebar,
body.sidebar-v2 #sidebar,
body.sidebar-v2 aside.sidebar-container,
body.sidebar-v2 .sidebar-container {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  width: var(--sb-width, 290px) !important;
  min-width: var(--sb-width, 290px) !important;
  max-width: var(--sb-width, 290px) !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  background: var(--color-white) !important;
  border-right: 1px solid var(--color-gray-200) !important;
  box-shadow: none !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
}

/* Content column: fills remaining width, full height */
.ta-page-wrap,
body.sidebar-v2 .ta-page-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: calc(100% - var(--sb-width, 290px)) !important;
  max-width: none !important;
  margin-left: var(--sb-width, 290px) !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: var(--color-gray-50) !important;
  box-sizing: border-box !important;
}

body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap {
  width: calc(100% - 90px) !important;
  margin-left: 90px !important;
}

@media (max-width: 820px) {
  body.sidebar-v2 .ta-page-wrap,
  body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap,
  body.sidebar-v2[data-sidebar="expanded"] .ta-page-wrap {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"],
  body.sidebar-v2[data-sidebar="expanded"] {
    --sb-width: 0px !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] aside#sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] .sidebar-container,
  body.sidebar-v2[data-sidebar="expanded"] aside#sidebar,
  body.sidebar-v2[data-sidebar="expanded"] #sidebar,
  body.sidebar-v2:not([data-sidebar="collapsed"]) aside#sidebar,
  body.sidebar-v2:not([data-sidebar="collapsed"]) #sidebar {
    width: min(300px, 88vw) !important;
    min-width: min(300px, 88vw) !important;
    max-width: min(300px, 88vw) !important;
    padding: 0 16px !important;
  }
}

/*
 * Header: TailAdmin sticky bar — height comes from lg:py-4 (16px) + 44px controls ≈ 76–77px.
 * Do NOT let legacy #row_header { height: 45px } / .height-60 win.
 */
#row_header,
#row_header.ta-navbar,
header.ta-navbar,
body.sidebar-v2 #row_header,
body.sidebar-v2 header.ta-navbar {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 77px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: var(--color-white) !important;
  border-bottom: 1px solid var(--color-gray-200) !important;
  box-shadow: none !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  overflow: visible !important;
}

/* Inner row = TailAdmin xl:px-6 + lg:py-4 */
.ta-navbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 77px !important;
  padding: 16px 24px !important; /* py-4 + px-6 */
  box-sizing: border-box !important;
}

body.sidebar-v2[data-sidebar="collapsed"] .ta-navbar-inner {
  padding-left: 24px !important;
}

.ta-navbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.ta-navbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

.ta-navbar-search {
  position: relative !important;
  display: none !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 430px !important;
}

@media (min-width: 1280px) {
  .ta-navbar-search {
    display: flex !important;
  }
}

body.sidebar-v2 .logo-container {
  padding: 32px 0 28px !important;
  border-bottom: none !important;
  background: transparent !important;
}

body.sidebar-v2 .logo-container .navbar-brand,
body.sidebar-v2 #logo_enclosure_backend {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}

body.sidebar-v2 #logo_enclosure_backend > .col-3,
body.sidebar-v2 #logo_enclosure_backend > .col-8 {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  float: none !important;
}

body.sidebar-v2 #logo_enclosure_backend > .col-8 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.sidebar-v2 .logo-container .logo {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
}

body.sidebar-v2 .logo-text-white_label {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1d2939 !important;
  line-height: 1.2 !important;
}

body.sidebar-v2 .logo-text-wealth {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #667085 !important;
}

/* MENU — text-xs leading-[20px] text-gray-400 uppercase mb-4 */
body.sidebar-v2 .scrollable-sidebar > .member-access > ul.list-unstyled::before {
  content: "MENU";
  display: block;
  margin: 0 0 16px;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  color: #98a2b3;
}

/* menu-item: gap-3 px-3 py-2 rounded-lg text-theme-sm font-medium — measured TailAdmin */
body.sidebar-v2 .btn-sidebar,
body.sidebar-v2 .btn-child-sidebar,
body.sidebar-v2 .btn-child-sidebar > a {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 40px !important;
  margin: 0 0 4px !important;
  padding: 8px 12px !important;
  border: none !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #344054 !important;
}

/* Kill legacy Bootstrap caret (::before) — TailAdmin chevron is on the RIGHT only */
body.sidebar-v2 .btn-toggle::before,
.btn-toggle::before,
body.sidebar-v2 .btn-toggle[aria-expanded="true"]::before,
.btn-toggle[aria-expanded="true"]::before,
body.sidebar-v2 .btn-toggle[aria-expanded-advisers="true"]::before,
.btn-toggle[aria-expanded-advisers="true"]::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

body.sidebar-v2 .btn-sidebar.btn-toggle {
  justify-content: flex-start !important;
}

body.sidebar-v2 .btn-sidebar .menu-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* TailAdmin chevron: 20×20, right side (ml-auto), ~10px from edge via item padding */
body.sidebar-v2 .sb-menu-chevron {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: auto !important;
  color: #98a2b3 !important;
  transition: transform 0.2s ease, color 0.15s ease !important;
}

body.sidebar-v2 .sb-menu-chevron svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

body.sidebar-v2 .btn-sidebar[aria-expanded="true"] .sb-menu-chevron,
body.sidebar-v2 .btn-sidebar.has-active .sb-menu-chevron {
  transform: rotate(180deg) !important;
  color: #465fff !important;
}

/* Parent menu hover — lighter */
body.sidebar-v2 .btn-sidebar:hover {
  background: #f2f4f7 !important;
  color: #344054 !important;
}

/* Submenu hover — darker translucent */
body.sidebar-v2 .btn-child-sidebar:hover,
body.sidebar-v2 .btn-child-sidebar > a:hover {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

/* Parent open (TailAdmin): light gray — brand is for active leaf / has-active */
body.sidebar-v2 .btn-sidebar[aria-expanded="true"]:not(.has-active) {
  background: var(--color-gray-100) !important;
  color: #344054 !important;
}

body.sidebar-v2 .btn-sidebar[aria-expanded="true"]:not(.has-active) .sb-menu-chevron {
  color: #667085 !important;
}

/* menu-item-active / has-active parent */
body.sidebar-v2 .btn-child-sidebar.is-active {
  background: #4d4d4d40 !important;
  color: #465fff !important;
  box-shadow: none !important;
}

body.sidebar-v2 .btn-sidebar.has-active {
  background: #ecf3ff !important;
  color: #465fff !important;
  box-shadow: none !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active > a {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active:hover {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

body.sidebar-v2 .btn-sidebar.has-active:hover {
  background: #ecf3ff !important;
  color: #465fff !important;
}

body.sidebar-v2 .sidebar-submenu-text,
body.sidebar-v2 .sidebar-submenu-child-text,
body.sidebar-v2 .sidebar-menu-text {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: inherit !important;
  text-align: left !important;
  background: transparent !important;
}

/* ─── Submenu = TailAdmin menu-dropdown (mt-2 flex flex-col gap-1 pl-9) ───
 * Do NOT force display:block — Bootstrap .collapse handles show/hide.
 */
body.sidebar-v2 .submenubox,
body.sidebar-v2 .submenubox_advisers,
body.sidebar-v2 .menu-collapse.submenubox {
  width: 100% !important;
  margin: 8px 0 0 !important; /* mt-2 */
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.sidebar-v2 .submenubox.collapse:not(.show),
body.sidebar-v2 .menu-collapse.collapse:not(.show) {
  display: none !important;
}

body.sidebar-v2 .submenubox.collapse.show,
body.sidebar-v2 .menu-collapse.collapse.show {
  display: block !important;
}

body.sidebar-v2 .submenubox .btn-toggle-nav,
body.sidebar-v2 .submenubox .menu-dropdown,
body.sidebar-v2 .submenubox > ul,
body.sidebar-v2 .submenubox_advisers > ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important; /* gap-1 */
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 36px !important; /* pl-9 */
  list-style: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* menu-dropdown-item: style <a> only (TailAdmin) — <li> is a zero-size wrapper */
body.sidebar-v2 .submenubox .btn-child-sidebar,
body.sidebar-v2 .submenubox .menu-dropdown-item {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar > a,
body.sidebar-v2 .submenubox .menu-dropdown-item-link {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  color: #344054 !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar > a:hover,
body.sidebar-v2 .submenubox .menu-dropdown-item-link:hover,
body.sidebar-v2 .submenubox_advisers .btn-child-sidebar > a:hover {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar.is-active,
body.sidebar-v2 .submenubox .menu-dropdown-item.is-active {
  background: transparent !important;
  color: inherit !important;
}

html:not(.dark) body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a,
html:not(.dark) body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a,
html:not(.dark) body.sidebar-v2 .submenubox .menu-dropdown-item.is-active .menu-dropdown-item-link {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

html:not(.dark) body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a:hover,
html:not(.dark) body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a:hover {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

/* Submenu FA icons */
body.sidebar-v2 .submenubox .sb-icon-slot.sb-submenu-fa,
body.sidebar-v2 .submenubox_advisers .sb-icon-slot.sb-submenu-fa,
body.sidebar-v2 .sb-icon-slot.sb-menu-fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

body.sidebar-v2 .submenubox .sb-submenu-fa .fa-solid,
body.sidebar-v2 .submenubox_advisers .sb-submenu-fa .fa-solid,
body.sidebar-v2 .sb-menu-fa .fa-solid {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #344054 !important;
  width: auto !important;
  height: auto !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar.is-active .sb-submenu-fa .fa-solid,
body.sidebar-v2 .submenubox_advisers .btn-child-sidebar.is-active .sb-submenu-fa .fa-solid,
body.sidebar-v2 .btn-sidebar.has-active .sb-menu-fa .fa-solid {
  color: #465fff !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar > a > div:first-child {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sidebar-v2 .submenubox .sidebar-submenu-child-text,
body.sidebar-v2 .submenubox .sidebar-advisers-view-font,
body.sidebar-v2 .submenubox .adviser-bg-gray {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: inherit !important;
  text-align: left !important;
  background: transparent !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar.is-active .sidebar-submenu-child-text {
  color: #465fff !important;
}

body.sidebar-v2[data-sidebar="collapsed"] .sb-menu-chevron {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
}

body.sidebar-v2 .sb-icon-slot {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  margin-right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.sidebar-v2 .sidebar-icon-mask,
body.sidebar-v2 .sidebar_icon,
body.sidebar-v2 img.sidebar-icon-mask {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  flex-shrink: 0 !important;
}

body.sidebar-v2 .sidebar-icon-mask,
body.sidebar-v2 img.sidebar-icon-mask {
  background-color: #667085 !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-icon-mask,
body.sidebar-v2 .btn-sidebar.has-active .sidebar-icon-mask {
  background-color: #465fff !important;
}

body.sidebar-v2 .btn-sidebar:hover .sidebar-icon-mask,
body.sidebar-v2 .btn-child-sidebar:hover .sidebar-icon-mask {
  background-color: #344054 !important;
}

body.sidebar-v2 .btn-child-sidebar.is-active:hover .sidebar-icon-mask,
body.sidebar-v2 .btn-sidebar.has-active:hover .sidebar-icon-mask {
  background-color: #465fff !important;
}

/* Collapsed icon rail — desktop/tablet only (mobile uses off-canvas drawer) */
@media (min-width: 821px) {
  body.sidebar-v2[data-sidebar="collapsed"] {
    --sb-width: 90px;
  }

  body.sidebar-v2[data-sidebar="collapsed"] aside#sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] .sidebar-container {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 0 12px !important;
  }
}

body.sidebar-v2[data-sidebar="expanded"] aside#sidebar,
body.sidebar-v2[data-sidebar="expanded"] #sidebar,
body.sidebar-v2:not([data-sidebar="collapsed"]) aside#sidebar,
body.sidebar-v2:not([data-sidebar="collapsed"]) #sidebar {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  padding: 0 20px !important;
}

@media (max-width: 820px) {
  body.sidebar-v2,
  body.sidebar-v2[data-sidebar="collapsed"],
  body.sidebar-v2[data-sidebar="expanded"] {
    --sb-width: 0px !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap,
  body.sidebar-v2[data-sidebar="expanded"] .ta-page-wrap,
  body.sidebar-v2 .ta-page-wrap {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.sidebar-v2 aside#sidebar,
  body.sidebar-v2 #sidebar,
  body.sidebar-v2 .sidebar-container,
  body.sidebar-v2 .sidebar-container-advisers-view,
  body.sidebar-v2[data-sidebar="collapsed"] aside#sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] .sidebar-container,
  body.sidebar-v2[data-sidebar="expanded"] aside#sidebar,
  body.sidebar-v2[data-sidebar="expanded"] #sidebar,
  body.sidebar-v2:not([data-sidebar="collapsed"]) aside#sidebar,
  body.sidebar-v2:not([data-sidebar="collapsed"]) #sidebar {
    width: min(300px, 88vw) !important;
    min-width: min(300px, 88vw) !important;
    max-width: min(300px, 88vw) !important;
    padding: 0 16px !important;
  }

  body.sidebar-v2:not(.sidebar-mobile-open) aside#sidebar,
  body.sidebar-v2:not(.sidebar-mobile-open) #sidebar,
  body.sidebar-v2:not(.sidebar-mobile-open) .sidebar-container {
    transform: translateX(-100%) !important;
    pointer-events: none !important;
  }

  body.sidebar-v2.sidebar-mobile-open aside#sidebar,
  body.sidebar-v2.sidebar-mobile-open #sidebar,
  body.sidebar-v2.sidebar-mobile-open .sidebar-container,
  body.sidebar-v2[data-sidebar="expanded"] aside#sidebar,
  body.sidebar-v2[data-sidebar="expanded"] #sidebar {
    transform: translateX(0) !important;
    pointer-events: auto !important;
    z-index: 10050 !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.25) !important;
  }
}

.ta-navbar-search-icon {
  position: absolute !important;
  left: 16px !important;
  display: inline-flex !important;
  pointer-events: none !important;
}

.ta-navbar-search-input {
  width: 100% !important;
  height: 44px !important;
  padding: 10px 56px 10px 48px !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #1d2939 !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  box-shadow: var(--ta-shadow-xs) !important;
  outline: none !important;
}

.ta-navbar-search-input:focus {
  border-color: #9cb9ff !important;
  box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.1) !important;
}

.ta-navbar-search-input::placeholder {
  color: #98a2b3 !important;
}

.ta-navbar-search-kbd {
  position: absolute !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 6px !important;
  background: var(--color-gray-50) !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  pointer-events: none !important;
}

/* Hamburger: h-11 w-11 rounded-lg border */
.ta-navbar-icon-btn,
.ta-navbar-hamburger {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 8px !important;
  background: var(--color-white) !important;
  color: #667085 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.ta-navbar-icon-btn:hover {
  background: var(--color-gray-50) !important;
  color: #344054 !important;
}

/* Theme / notify: rounded-full (measured TailAdmin) */
.ta-navbar-icon-btn.ta-navbar-round {
  border-radius: 9999px !important;
}

.ta-navbar-notify-dot {
  position: absolute !important;
  top: 9px !important;
  right: 10px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 9999px !important;
  background: #f04438 !important;
  border: 1.5px solid #fff !important;
}

.ta-user-menu-btn.dropbtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  height: 44px !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #344054 !important;
  cursor: pointer !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
}

.ta-user-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 9999px !important;
  background: #ecf3ff !important;
  color: #465fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ta-user-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #344054 !important;
}

/* Mobile / tablet navbar — avatar only, no overlapping labels */
@media (max-width: 1024px) {
  .ta-navbar-inner {
    padding: 12px 16px !important;
    gap: 8px !important;
  }
  .ta-navbar-left {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .ta-navbar-actions {
    gap: 6px !important;
    flex-shrink: 0 !important;
  }
  .ta-user-name,
  .ta-user-menu-btn .fa-chevron-down {
    display: none !important;
  }
  .ta-navbar-icon-btn,
  .ta-navbar-hamburger,
  .ta-user-avatar {
    width: 40px !important;
    height: 40px !important;
  }
  .ta-user-menu-btn.dropbtn {
    height: 40px !important;
    gap: 0 !important;
    width: auto !important;
  }
  #help_div .dropbtn,
  #floating-help-container .dropbtn,
  #help_div .ta-navbar-icon-btn,
  #floating-help-container .ta-navbar-icon-btn,
  .ta-navbar-help {
    width: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #667085 !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 9999px !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #help_div .dropbtn i,
  #floating-help-container .dropbtn i,
  #help_div .ta-navbar-icon-btn i,
  #floating-help-container .ta-navbar-icon-btn i,
  .ta-navbar-help svg {
    font-size: 16px !important;
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 820px) {
  .ta-navbar-inner {
    padding: 10px 12px !important;
    gap: 6px !important;
    min-height: 64px !important;
  }
  .ta-navbar-icon-btn,
  .ta-navbar-hamburger,
  .ta-user-avatar,
  #help_div .dropbtn,
  #floating-help-container .dropbtn,
  #help_div .ta-navbar-icon-btn,
  #floating-help-container .ta-navbar-icon-btn,
  .ta-navbar-help {
    width: 36px !important;
    height: 36px !important;
  }
  .ta-user-menu-btn.dropbtn {
    height: 36px !important;
  }
}

.ta-apps-menu,
.ta-user-dropdown {
  background: var(--color-white) !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 16px !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03) !important;
  padding: 12px !important;
  min-width: 240px !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
}

.ta-apps-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.ta-apps-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 8px !important;
  border-radius: 12px !important;
  color: #344054 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.ta-apps-item:hover {
  background: var(--color-gray-50) !important;
}

.ta-apps-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: var(--color-gray-100) !important;
  border: 1px solid var(--color-gray-200) !important;
  box-sizing: border-box !important;
  color: #344054 !important;
}

.ta-apps-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.ta-apps-icon--simulator {
  background: #ecf3ff !important;
  border-color: #c2d6ff !important;
  color: #465fff !important;
}

.ta-apps-icon--idata {
  background: #ecfdf3 !important;
  border-color: #a6f4c5 !important;
  color: #039855 !important;
}

.ta-apps-icon--kyc {
  background: #fef3f2 !important;
  border-color: #fecdca !important;
  color: #d92d20 !important;
}

.ta-apps-icon img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
}

.ta-apps-label {
  color: inherit !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.ta-user-dropdown a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  color: #344054 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
}

.ta-user-dropdown a:hover {
  background: var(--color-gray-100) !important;
}

.ta-user-dropdown a.ta-user-logout {
  color: #d92d20 !important;
}

/* ─── Main scrolls inside page wrap (TailAdmin content column) ───
 * .ta-page-wrap already has margin-left for the sidebar — never offset again here.
 */
.ta-main-column,
body.sidebar-v2 .ta-main-column,
body.sidebar-v2[data-sidebar="collapsed"] .ta-main-column,
body.sidebar-v2[data-sidebar="expanded"] .ta-main-column {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: var(--color-gray-50) !important;
  box-sizing: border-box !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
}

/* page header: flex justify-between gap-3 pb-6 (inside p-6) */
#page_title_bar,
.ta-page-header {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px 24px 24px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#page_title,
.ta-page-title,
body.sidebar-v2 #page_title,
body.sidebar-v2 .ta-page-title {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1d2939 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.ta-breadcrumb {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #667085 !important;
}

.ta-breadcrumb-current {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

@media (max-width: 820px) {
  #page_title_bar,
  .ta-page-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.35rem !important;
    padding: 16px 16px 8px !important;
  }

  #page_title,
  .ta-page-title,
  body.sidebar-v2 #page_title {
    font-size: 18px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    margin-left: 0 !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.sidebar-v2 #main_display_div,
  #main_display_div,
  #main_display_div.main_width,
  body.sidebar-v2 #main_display_div.main_width {
    padding: 0 16px 16px !important;
  }
}

.ta-breadcrumb-home {
  color: #667085 !important;
  text-decoration: none !important;
}

.ta-breadcrumb-home:hover {
  color: #465fff !important;
}

.ta-breadcrumb-sep {
  color: #98a2b3 !important;
}

.ta-breadcrumb-current {
  color: #344054 !important;
  font-weight: 500 !important;
}

body.sidebar-v2 #main_display_div,
#main_display_div,
#main_display_div.main_width,
body.sidebar-v2 #main_display_div.main_width,
body.sidebar-v2 #main_display_div.margin-top-60 {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 24px 24px !important;
  background: var(--color-gray-50) !important;
  z-index: 1 !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
}

@media (max-width: 820px) {
  body.sidebar-v2 #main_display_div,
  #main_display_div,
  #main_display_div.main_width,
  body.sidebar-v2 #main_display_div.main_width,
  body.sidebar-v2 #main_display_div.margin-top-60 {
    padding: 0 16px 16px !important;
  }
}

/* Kill legacy 88% / 85% / 95% content widths */
body.sidebar-v2 #main_display_div .width-fill-width-available,
#main_display_div .width-fill-width-available,
body.sidebar-v2 .advisers-module-page,
.advisers-module-page {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

@media screen {
  body.sidebar-v2 #main_display_div,
  #main_display_div,
  #main_display_div.main_width {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

body.sidebar-v2 .navigation-background-color {
  background: var(--color-white) !important;
}

body.sidebar-v2 .box-shadow-grey,
#row_header.box-shadow-grey {
  box-shadow: none !important;
}

/* ─── Content cards / tables (basic-tables) ─── */
.advisers-module-page,
.contacts-page,
.computation-page,
.personal-module-page {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
}

.advisers-search-card,
.advisers-list-desktop-table,
.ta-card,
.computation-search-card,
.personal-search-card {
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 16px !important;
  background: var(--color-white) !important;
  box-shadow: var(--ta-shadow-sm) !important;
}

.ta-card-header h3,
.advisers-list-desktop-table .ta-card-header h3 {
  margin: 0 !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  color: #1d2939 !important;
}

/* th: TailAdmin basic-tables — title case, not uppercase */
.advisers-list-desktop-table table thead th,
.advisers-list-desktop-table table thead tr.font-color-title th,
table.ta-data-table thead th,
table.ta-data-table thead tr.font-color-title th,
.font-color-title th,
tr.font-color-title th {
  padding: 12px 20px !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #667085 !important;
  background: var(--color-gray-50) !important;
  border-bottom: 1px solid var(--color-gray-200) !important;
  text-align: left !important;
}

@media (min-width: 640px) {
  .advisers-list-desktop-table table thead th,
  table.ta-data-table thead th {
    padding: 12px 24px !important;
  }
}

.advisers-list-desktop-table table tbody td,
table.ta-data-table tbody td {
  padding: 16px 20px !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--color-gray-700, #344054) !important;
  border-bottom: 1px solid var(--color-gray-100, #f2f4f7) !important;
  background: transparent !important;
  text-align: left !important;
  vertical-align: middle !important;
}

@media (min-width: 640px) {
  .advisers-list-desktop-table table tbody td,
  table.ta-data-table tbody td {
    padding: 16px 24px !important;
  }
}

.advisers-list-desktop-table table tbody tr:hover td,
table.ta-data-table tbody tr:hover td {
  background: var(--color-gray-50) !important;
}

/* Primary / secondary buttons — TailAdmin brand when already using brand classes */
.button_standard.bg-brand-500,
button.bg-brand-500 {
  background: #465fff !important;
  border-color: #465fff !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.btn-font.border-gray-300,
.btn-download-excell.border-gray-300 {
  border-radius: 8px !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Debug banner — don't break TailAdmin sidebar look */
.ta-debug-banner {
  margin: 0 0 12px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: #fffaeb !important;
  border: 1px solid #fedf89 !important;
  color: #93370d !important;
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* ─── Night mode (html.dark) — TailAdmin dark tokens ─── */
html.dark body,
html.dark body.body,
html.dark body.sidebar-v2,
html.dark html,
html.dark {
  background-color: #101828 !important;
  background: #101828 !important;
  color: #e4e7ec !important;
}

html.dark .ta-app-shell,
html.dark .body-container.ta-app-shell,
html.dark body.sidebar-v2 .ta-app-shell,
html.dark body.sidebar-v2 .body-container.ta-app-shell,
html.dark .ta-page-wrap,
html.dark body.sidebar-v2 .ta-page-wrap,
html.dark body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap,
html.dark body.sidebar-v2[data-sidebar="expanded"] .ta-page-wrap,
html.dark .ta-main-column,
html.dark body.sidebar-v2 .ta-main-column,
html.dark body.sidebar-v2[data-sidebar="collapsed"] .ta-main-column,
html.dark body.sidebar-v2[data-sidebar="expanded"] .ta-main-column,
html.dark #page_title_bar,
html.dark #main_display_div,
html.dark body.sidebar-v2 #main_display_div,
html.dark #main_display_div.main_width,
html.dark body.sidebar-v2 #main_display_div.main_width {
  background: #101828 !important;
  background-color: #101828 !important;
}

html.dark body.sidebar-v2 aside#sidebar,
html.dark body.sidebar-v2 #sidebar,
html.dark body.sidebar-v2 .sidebar-container,
html.dark body.sidebar-v2 aside.sidebar-container {
  background: #1a2231 !important;
  border-right-color: #344054 !important;
}

html.dark body.sidebar-v2 .logo-text-white_label {
  color: #f9fafb !important;
}

html.dark body.sidebar-v2 .logo-text-wealth,
html.dark body.sidebar-v2 .scrollable-sidebar > .member-access > ul.list-unstyled::before {
  color: #98a2b3 !important;
}

html.dark body.sidebar-v2 .btn-sidebar,
html.dark body.sidebar-v2 .btn-child-sidebar,
html.dark body.sidebar-v2 .btn-child-sidebar > a {
  color: #d0d5dd !important;
}

html.dark body.sidebar-v2 .btn-sidebar:hover,
html.dark body.sidebar-v2 .btn-child-sidebar:hover,
html.dark body.sidebar-v2 .btn-child-sidebar > a:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #f2f4f7 !important;
}

html.dark body.sidebar-v2 .btn-child-sidebar.is-active,
html.dark body.sidebar-v2 .btn-sidebar.has-active {
  background: rgba(70, 95, 255, 0.12) !important;
  color: #7592ff !important;
}

html.dark body.sidebar-v2 .btn-sidebar[aria-expanded="true"]:not(.has-active) {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #f2f4f7 !important;
}

html.dark body.sidebar-v2 .sidebar-icon-mask {
  background-color: #98a2b3 !important;
}

html.dark body.sidebar-v2 .btn-child-sidebar.is-active .sidebar-icon-mask,
html.dark body.sidebar-v2 .btn-sidebar.has-active .sidebar-icon-mask {
  background-color: #7592ff !important;
}

html.dark #row_header,
html.dark #row_header.ta-navbar,
html.dark header.ta-navbar,
html.dark body.sidebar-v2 #row_header {
  background: #1a2231 !important;
  border-bottom-color: #344054 !important;
}

html.dark .ta-navbar-search-input {
  border-color: #344054 !important;
  color: #f9fafb !important;
  background: transparent !important;
}

html.dark .ta-navbar-search-kbd {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #98a2b3 !important;
}

html.dark .ta-navbar-icon-btn {
  background: #1a2231 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark .ta-navbar-icon-btn:hover {
  background: #101828 !important;
  color: #f2f4f7 !important;
}

html.dark #help_div .dropbtn,
html.dark #floating-help-container .dropbtn,
html.dark #help_div .ta-navbar-icon-btn,
html.dark #floating-help-container .ta-navbar-icon-btn,
html.dark .ta-navbar-help {
  background: #1a2231 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark #help_div .dropbtn:hover,
html.dark #floating-help-container .dropbtn:hover,
html.dark #help_div .ta-navbar-icon-btn:hover,
html.dark #floating-help-container .ta-navbar-icon-btn:hover,
html.dark .ta-navbar-help:hover {
  background: #101828 !important;
  color: #f2f4f7 !important;
}

html.dark #help_div .dropbtn i,
html.dark #floating-help-container .dropbtn i,
html.dark #help_div .ta-navbar-icon-btn i,
html.dark #floating-help-container .ta-navbar-icon-btn i,
html.dark .ta-navbar-help i,
html.dark .ta-navbar-help svg {
  color: inherit !important;
}

html.dark .ta-user-name {
  color: #f2f4f7 !important;
}

html.dark #page_title,
html.dark .ta-page-title {
  color: #f9fafb !important;
}

html.dark .ta-breadcrumb,
html.dark .ta-breadcrumb-home {
  color: #98a2b3 !important;
}

html.dark .ta-breadcrumb-current {
  color: #d0d5dd !important;
}

html.dark .advisers-search-card,
html.dark .advisers-list-desktop-table,
html.dark .ta-card,
html.dark .form-container-five,
html.dark .introducer-page.form-container-five {
  background: #1a2231 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark .advisers-list-desktop-table table thead th,
html.dark table.ta-data-table thead th,
html.dark .font-color-title th {
  background: #101828 !important;
  color: #98a2b3 !important;
  border-bottom-color: #344054 !important;
  text-transform: none !important;
}

html.dark .advisers-list-desktop-table table tbody td,
html.dark table.ta-data-table tbody td,
html.dark .advisers-list-desktop-table table tbody td.ta-td,
html.dark table.ta-data-table tbody td.ta-td,
html.dark .advisers-list-desktop-table table tbody td.text-gray-700,
html.dark table.ta-data-table tbody td.text-gray-700,
html.dark #main_display_div .advisers-list-desktop-table table tbody td,
html.dark #main_display_div table.ta-data-table tbody td,
html.dark #main_display_div .advisers-list-desktop-table table tbody td.text-gray-700,
html.dark #main_display_div table.ta-data-table tbody td.text-gray-700 {
  color: #ffffff !important;
  border-bottom-color: #344054 !important;
}

html.dark .advisers-list-desktop-table table tbody tr:hover td,
html.dark table.ta-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* Apps launcher + account dropdown */
html.dark .ta-apps-menu,
html.dark .ta-user-dropdown,
html.dark #apps-menu.ta-apps-menu,
html.dark .mainpage-header-dropdown.ta-apps-menu,
html.dark .mainpage-header-dropdown.ta-user-dropdown {
  background: #1a2231 !important;
  border-color: #344054 !important;
  box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.4),
    0px 4px 6px -2px rgba(0, 0, 0, 0.25) !important;
}

html.dark .ta-apps-item {
  color: #d0d5dd !important;
  background: transparent !important;
}

html.dark .ta-apps-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f9fafb !important;
}

html.dark .ta-apps-icon {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark .ta-apps-icon--simulator {
  background: rgba(70, 95, 255, 0.16) !important;
  border-color: rgba(70, 95, 255, 0.35) !important;
  color: #7592ff !important;
}

html.dark .ta-apps-icon--idata {
  background: rgba(3, 152, 85, 0.16) !important;
  border-color: rgba(3, 152, 85, 0.35) !important;
  color: #32d583 !important;
}

html.dark .ta-apps-icon--kyc {
  background: rgba(217, 45, 32, 0.16) !important;
  border-color: rgba(217, 45, 32, 0.35) !important;
  color: #f97066 !important;
}

html.dark .ta-apps-icon img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html.dark .ta-user-dropdown a {
  color: #d0d5dd !important;
}

html.dark .ta-user-dropdown a:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

html.dark .ta-card-header h3 {
  color: #f9fafb !important;
}

html.dark body.sidebar-v2 .navigation-background-color {
  background: #1a2231 !important;
}

/* AJAX content in main column often uses Tailwind bg-white */
html.dark #main_display_div .advisers-search-card,
html.dark #main_display_div .advisers-list-desktop-table,
html.dark #main_display_div .contacts-search-card,
html.dark #main_display_div .contacts-table-card,
html.dark #main_display_div .contacts-table-card__header,
html.dark #main_display_div .client-transfers-tabs,
html.dark #main_display_div .rounded-2xl.bg-white,
html.dark #main_display_div .bg-white.shadow-theme-sm,
html.dark #main_display_div .bg-white.shadow-theme-md,
html.dark #main_display_div .bg-white {
  background-color: #1a2231 !important;
  border-color: #344054 !important;
}

html.dark #main_display_div .border-gray-200,
html.dark #main_display_div .border-gray-100 {
  border-color: #344054 !important;
}

html.dark #main_display_div .text-gray-700,
html.dark #main_display_div .text-gray-800,
html.dark #main_display_div .text-gray-900,
html.dark #main_display_div .font-color-title,
html.dark #main_display_div label,
html.dark #main_display_div th {
  color: #f2f4f7 !important;
}

html.dark #main_display_div table tbody td,
html.dark #main_display_div .ta-data-table tbody td,
html.dark #main_display_div .advisers-list-desktop-table tbody td,
html.dark #main_display_div .ta-td {
  color: #ffffff !important;
}

html.dark #main_display_div .text-gray-500,
html.dark #main_display_div .text-gray-400,
html.dark #main_display_div .text-gray-600 {
  color: #98a2b3 !important;
}

html.dark #main_display_div input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark #main_display_div select,
html.dark #main_display_div textarea {
  background-color: #101828 !important;
  border-color: #344054 !important;
  color: #f9fafb !important;
}

html.dark #main_display_div .btn-secondary,
html.dark #main_display_div button.bg-white {
  background-color: #1a2231 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark ::-webkit-scrollbar-thumb {
  background: #344054 !important;
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background: #475467 !important;
}

/* Beat every legacy media #row_header { height: 45px } */
@media screen {
  #row_header,
  #row_header.ta-navbar,
  header.ta-navbar,
  body.sidebar-v2 #row_header {
    height: auto !important;
    min-height: 77px !important;
    max-height: none !important;
  }
  .ta-navbar-inner {
    min-height: 77px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* ─── FINAL submenu overrides (must be last) ─── */
body.sidebar-v2 .submenubox .btn-toggle-nav,
body.sidebar-v2 .submenubox .menu-dropdown {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 0 0 36px !important;
  margin: 0 !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar,
body.sidebar-v2 .submenubox .menu-dropdown-item {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar > a,
body.sidebar-v2 .submenubox a.menu-dropdown-item-link {
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--color-gray-700, #344054) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  gap: 12px !important;
}

body.sidebar-v2 .submenubox .btn-child-sidebar.is-active,
body.sidebar-v2 .submenubox .menu-dropdown-item.is-active {
  background: #4d4d4d40 !important;
}

html:not(.dark) body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a,
html:not(.dark) body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a {
  background: #4d4d4d40 !important;
  color: #465fff !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a,
html.dark body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a {
  background: #ffffff !important;
  color: #1d2939 !important;
}

/* Collapsed icon rail — staff sidebar submenubox (icons only) */
@media (min-width: 821px) {
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .member-access > ul.list-unstyled {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .dsp-flex-column.mb-1 {
    width: 100% !important;
    margin: 0 !important;
    align-items: center !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .btn-sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .btn-child-sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .btn-child-sidebar > a {
    width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox.show,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers.show,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .menu-collapse.show {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox .btn-toggle-nav,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox .menu-dropdown,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox > ul,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers .btn-toggle-nav,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers > ul {
    padding: 0 !important;
    gap: 4px !important;
    align-items: center !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox li.btn-child-sidebar,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers li.btn-child-sidebar {
    width: 44px !important;
    margin: 0 auto !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox li.btn-child-sidebar > a,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers li.btn-child-sidebar > a {
    justify-content: center !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 44px !important;
    height: 44px !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .sidebar-submenu-text,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .sidebar-submenu-child-text,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox .sidebar-submenu-child-text,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .submenubox_advisers .sidebar-submenu-child-text {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .sb-submenu-fa .fa-solid,
  body.sidebar-v2[data-sidebar="collapsed"] #sidebar .sb-menu-fa .fa-solid {
    font-size: 16px !important;
  }
}

/* ── Global dark mode adaptation (final) ── */
/**
 * Global light↔dark adaptation — appended LAST by build-css.js.
 *
 * Primary mechanism: remap Tailwind / theme CSS variables under html.dark
 * so utilities and components that use var(--color-*) flip automatically.
 * Secondary: override leftover hardcoded #fff / legacy surfaces.
 */

/* ── 1) Theme token flip (covers most Tailwind utilities + @apply) ── */
html.dark {
  color-scheme: dark;

  --color-white: #1a2231;
  --color-black: #f9fafb;

  --color-gray-25: #1a2231;
  --color-gray-50: #101828;
  --color-gray-100: #1a2231;
  --color-gray-200: #344054;
  --color-gray-300: #475467;
  --color-gray-400: #667085;
  --color-gray-500: #797979;
  --color-gray-600: #797979;
  --color-gray-700: #797979;
  --color-gray-800: #797979;
  --color-gray-900: #f2f4f7;
  --color-gray-950: #ffffff;
  --color-gray-dark: #1a2231;

  --color-brand-25: #161950;
  --color-brand-50: rgba(70, 95, 255, 0.12);
  --color-brand-100: rgba(70, 95, 255, 0.18);

  --color-page-bg: #101828;
  --color-header-div: #1a2231;
  --color-list-first: #1a2231;
  --color-list-second: #101828;
  --color-main: #797979;
  --color-font-brand: #f2f4f7;
  --color-table-header: #98a2b3;
  --color-text-muted: #797979;
  --color-sidebar-text: #797979;

  --ta-dark-bg: #101828;
  --ta-dark-surface: #1a2231;
  --ta-dark-elevated: #243043;
  --ta-dark-border: #344054;
  --ta-dark-text: #797979;
  --ta-dark-muted: #797979;
  --ta-dark-heading: #f9fafb;

  --shadow-theme-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.35);
  --shadow-theme-sm: 0px 1px 3px 0px rgba(0, 0, 0, 0.45),
    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --shadow-theme-md: 0px 4px 8px -2px rgba(0, 0, 0, 0.45),
    0px 2px 4px -2px rgba(0, 0, 0, 0.3);
}

/* ── 2) Shell / page ── */
html.dark,
html.dark body,
html.dark body.body,
html.dark body.sidebar-v2 {
  background: var(--ta-dark-bg) !important;
  background-color: var(--ta-dark-bg) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .ta-app-shell,
html.dark .body-container,
html.dark .body-container.ta-app-shell,
html.dark .ta-page-wrap,
html.dark body.sidebar-v2 .ta-page-wrap,
html.dark body.sidebar-v2[data-sidebar="collapsed"] .ta-page-wrap,
html.dark body.sidebar-v2[data-sidebar="expanded"] .ta-page-wrap,
html.dark .ta-main-column,
html.dark body.sidebar-v2 .ta-main-column,
html.dark body.sidebar-v2[data-sidebar="collapsed"] .ta-main-column,
html.dark body.sidebar-v2[data-sidebar="expanded"] .ta-main-column,
html.dark #page_title_bar,
html.dark #main_display_div,
html.dark body.sidebar-v2 #main_display_div,
html.dark #main_display_div.main_width,
html.dark .main_width,
html.dark .mainbodydiv,
html.dark .main_body {
  background: var(--ta-dark-bg) !important;
  background-color: var(--ta-dark-bg) !important;
  color: var(--ta-dark-text) !important;
}

/* ── 3) Hardcoded utility leftovers (legacy #fff, not vars) ── */
html.dark .bg-white,
html.dark .\!bg-white,
html.dark [class~="bg-white"] {
  background-color: var(--ta-dark-surface) !important;
  background: var(--ta-dark-surface) !important;
}

html.dark .advisers-list-table-container {
  background-color: #1a2231 !important;
}

html.dark .hover\:bg-white:hover,
html.dark .hover\:bg-gray-50:hover,
html.dark .hover\:bg-gray-100:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Keep true white text/icons on brand CTAs */
html.dark .text-white,
html.dark .btn-primary,
html.dark .bg-brand-500,
html.dark .bg-brand-600,
html.dark .float-add-button,
html.dark .title-header.text-white,
html.dark .tabs.active {
  color: #ffffff !important;
}

html.dark .bg-transparent {
  background-color: transparent !important;
  background: transparent !important;
}

/* ── 4) Module cards / tables / search (beat #fff!important sources) ── */
html.dark .teams-search-card,
html.dark .attachment-search-card,
html.dark .access-search-card,
html.dark .advisers-search-card,
html.dark .personal-search-card,
html.dark .announcement-search-card,
html.dark .contacts-search-card,
html.dark .contacts-table-card,
html.dark .contacts-table-card__header,
html.dark .search-bar,
html.dark .advisers-search-bar,
html.dark .teams-list-card,
html.dark .attachment-list-card,
html.dark .access-list-card,
html.dark .personal-list-card,
html.dark .advisers-list-card,
html.dark .advisers-list-desktop-table,
html.dark .access-desktop-table,
html.dark .access-table-wrap,
html.dark .personal-table-wrap,
html.dark .announcement-table-wrap,
html.dark .teams-desktop-table,
html.dark .attachment-desktop-table,
html.dark .box-shadow-grey,
html.dark .form-container-five,
html.dark .introducer-page,
html.dark .introducer-page.form-container-five,
html.dark .client-transfers-tabs,
html.dark .ta-card,
html.dark .title-body,
html.dark .center-float-div,
html.dark .center-float-div-message,
html.dark .teams-edit-modal > div,
html.dark .attachment-modal > div,
html.dark .access-modal,
html.dark .products-float-panel .div_header,
html.dark .compensation-module-page .control_wrapper,
html.dark .introducer-export-modal,
html.dark .rounded-2xl.border,
html.dark .rounded-xl.border.bg-white,
html.dark .rounded-lg.border.bg-white,
html.dark .overflow-hidden.rounded-2xl.bg-white,
html.dark .overflow-hidden.rounded-xl.bg-white {
  background: var(--ta-dark-surface) !important;
  background-color: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .teams-list-card__header,
html.dark .attachment-list-card__header,
html.dark .access-list-card__header,
html.dark .personal-list-card__header {
  background: var(--ta-dark-bg) !important;
  border-color: var(--ta-dark-border) !important;
}

/* Brand section headers stay brand (not remapped to gray) */
html.dark .title-header {
  background: #465fff !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Secondary buttons */
html.dark .btn-secondary,
html.dark .btn-outline-secondary,
html.dark .btn.btn-font,
html.dark .btn-download-excell,
html.dark button.border-gray-300.bg-white,
html.dark .advisers-module-page button.border-gray-300.bg-white,
html.dark .introducer-export-modal button.border-gray-300.bg-white,
html.dark .teams-module-page button.border-gray-300.bg-white,
html.dark .teams-edit-modal button.border-gray-300.bg-white,
html.dark .border-gray-300.bg-white {
  background: var(--ta-dark-surface) !important;
  background-color: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .btn-secondary:hover,
html.dark .btn-outline-secondary:hover,
html.dark .btn.btn-font:hover,
html.dark .btn-download-excell:hover,
html.dark button.border-gray-300.bg-white:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ta-dark-heading) !important;
}

/* Tables */
html.dark table,
html.dark .table,
html.dark table.ta-data-table,
html.dark .advisers-list-desktop-table table,
html.dark .teams-desktop-table table,
html.dark .attachment-desktop-table table,
html.dark .personal-table-wrap table,
html.dark .announcement-table-wrap table {
  background: transparent !important;
  color: var(--ta-dark-text) !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark table thead th,
html.dark .table thead th,
html.dark table.ta-data-table thead th,
html.dark .font-color-title,
html.dark .font-color-title th,
html.dark tr.font-color-title,
html.dark tr.font-color-title th,
html.dark .table thead tr,
html.dark table.table thead tr {
  background: var(--ta-dark-bg) !important;
  color: var(--ta-dark-muted) !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark table tbody td,
html.dark .table tbody td {
  color: var(--ta-dark-text) !important;
  border-color: var(--ta-dark-border) !important;
  background: transparent !important;
}

html.dark table tbody tr:hover td,
html.dark .table tbody tr:hover td,
html.dark .advisers-list-desktop-table table tbody tr:hover td,
html.dark table.ta-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Mobile list cards */
@media (max-width: 767px) {
  html.dark table.mobile-data-cards tbody tr {
    background: #1a2231 !important;
    border-color: #344054 !important;
    box-shadow: none !important;
  }

  html.dark table.mobile-data-cards tbody td {
    border-bottom-color: #344054 !important;
    color: #d0d5dd !important;
  }

  html.dark table.mobile-data-cards tbody td::before {
    color: #98a2b3 !important;
  }

  html.dark table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title,
  html.dark table.fc-partner-contacts-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title {
    background: #101828 !important;
    color: #f9fafb !important;
    border-bottom-color: #344054 !important;
  }

  html.dark table.fc-partner-contacts-table.mobile-data-cards tbody td.mobile-card-actions {
    background: #1a2231 !important;
  }

  html.dark table.fc-internal-contacts-table.mobile-data-cards tbody tr.mobile-card-has-title td.mobile-card-title {
    background: #101828 !important;
    color: #f9fafb !important;
    border-bottom-color: #344054 !important;
  }

  html.dark table.fc-internal-contacts-table.mobile-data-cards tbody td .fc-matters-html {
    color: #d0d5dd !important;
  }
}

/* Tabs */
html.dark .nav-tabs .nav-link,
html.dark #adviser_tabs .advisers-edit-tabs .nav-link,
html.dark .introducer-tab-container .tabs {
  background: var(--ta-dark-bg) !important;
  color: var(--ta-dark-muted) !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark .nav-tabs .nav-link.active,
html.dark .nav-tabs .nav-link.active-tab,
html.dark #adviser_tabs .advisers-edit-tabs .nav-link.active,
html.dark #adviser_tabs .advisers-edit-tabs .nav-link.active-tab,
html.dark .introducer-tab-container .tabs.active {
  background: #465fff !important;
  color: #ffffff !important;
  border-color: #465fff !important;
}

/* Modals / dialogs / popovers */
html.dark .modal-content,
html.dark .modal .modal-content,
html.dark .modal-header,
html.dark .modal-body,
html.dark .modal-footer,
html.dark #popup_message_dialog,
html.dark #warning .rounded-lg,
html.dark #warning .bg-white,
html.dark .swal2-popup,
html.dark .ui-dialog,
html.dark .ui-dialog .ui-dialog-content,
html.dark .ui-dialog .ui-dialog-titlebar,
html.dark .ui-widget-content,
html.dark .dropdown-menu,
html.dark .popover,
html.dark .ta-apps-menu,
html.dark .ta-user-dropdown,
html.dark .mainpage-header-dropdown {
  background: var(--ta-dark-surface) !important;
  background-color: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .modal-header,
html.dark .modal-footer,
html.dark .ui-dialog-titlebar {
  border-color: var(--ta-dark-border) !important;
}

html.dark .ta-apps-icon {
  background: var(--ta-dark-bg) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .ta-apps-icon--simulator {
  background: rgba(70, 95, 255, 0.16) !important;
  border-color: rgba(70, 95, 255, 0.35) !important;
  color: #7592ff !important;
}

html.dark .ta-apps-icon--idata {
  background: rgba(3, 152, 85, 0.16) !important;
  border-color: rgba(3, 152, 85, 0.35) !important;
  color: #32d583 !important;
}

html.dark .ta-apps-icon--kyc {
  background: rgba(217, 45, 32, 0.16) !important;
  border-color: rgba(217, 45, 32, 0.35) !important;
  color: #f97066 !important;
}

html.dark .ta-user-dropdown a,
html.dark .ta-apps-item,
html.dark #popup_message,
html.dark .infomessage,
html.dark #modal-body-warning h6 {
  color: var(--ta-dark-text) !important;
}

html.dark .ta-user-dropdown a:hover,
html.dark .ta-apps-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ta-dark-heading) !important;
}

/* Forms */
html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]),
html.dark select,
html.dark textarea,
html.dark .form-control,
html.dark .form-select,
html.dark .input-col {
  background-color: var(--ta-dark-bg) !important;
  border-color: var(--ta-dark-border) !important;
  color: #f2f4f7 !important;
  color-scheme: dark;
}

html.dark input::placeholder,
html.dark .form-control::placeholder,
html.dark textarea::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}

/* Native date/time fields — WebKit edit segments need explicit color */
html.dark input[type="date"],
html.dark input[type="time"],
html.dark input[type="datetime-local"],
html.dark input[type="month"],
html.dark input[type="week"] {
  color: #f2f4f7 !important;
  color-scheme: dark;
}

html.dark input[type="date"]::-webkit-datetime-edit,
html.dark input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html.dark input[type="date"]::-webkit-datetime-edit-text,
html.dark input[type="date"]::-webkit-datetime-edit-month-field,
html.dark input[type="date"]::-webkit-datetime-edit-day-field,
html.dark input[type="date"]::-webkit-datetime-edit-year-field,
html.dark input[type="time"]::-webkit-datetime-edit,
html.dark input[type="time"]::-webkit-datetime-edit-fields-wrapper,
html.dark input[type="datetime-local"]::-webkit-datetime-edit,
html.dark input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper {
  color: #f2f4f7 !important;
}

html.dark input[type="date"]::-webkit-calendar-picker-indicator,
html.dark input[type="time"]::-webkit-calendar-picker-indicator,
html.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.2);
  opacity: 0.85;
}

html.dark label,
html.dark .form-label,
html.dark .label-col,
html.dark .control-label {
  color: var(--ta-dark-text) !important;
}

html.dark option {
  background: var(--ta-dark-surface) !important;
  color: var(--ta-dark-text) !important;
}

/* Pagination */
html.dark .pagination {
  background: transparent !important;
}

html.dark .fc-contacts-pagination {
  background: transparent !important;
  border-top-color: #344054 !important;
}

html.dark .pagination .page-link,
html.dark .pagination_button {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
}

html.dark .pagination .page-link:hover,
html.dark .pagination_button:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f2f4f7 !important;
}

html.dark .pagination .page-item.active .page-link,
html.dark .pagination_current_page_button,
html.dark .pagination_button.pagination_current_page_button {
  background: #465fff !important;
  border-color: #465fff !important;
  color: #fff !important;
}

html.dark .pagination_current_page_button:hover,
html.dark .pagination_button.pagination_current_page_button:hover {
  background: #3641f5 !important;
  border-color: #3641f5 !important;
  color: #fff !important;
}

html.dark #main_display_div .pagination .page-link,
html.dark #main_display_div .pagination_button:not(.pagination_current_page_button) {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #d0d5dd !important;
  -webkit-text-fill-color: #d0d5dd !important;
}

html.dark #main_display_div .pagination .page-item.active .page-link,
html.dark #main_display_div .pagination_current_page_button {
  background: #465fff !important;
  border-color: #465fff !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Sidebar / header already in shell — reinforce */
html.dark body.sidebar-v2 aside#sidebar,
html.dark body.sidebar-v2 #sidebar,
html.dark body.sidebar-v2 .sidebar-container,
html.dark .sidebar-container,
html.dark .sidebar-container-advisers-view {
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark #row_header,
html.dark .row-header,
html.dark header.ta-navbar {
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark .ta-navbar-icon-btn,
html.dark .ta-navbar-icon-btn:hover,
html.dark .ta-user-menu-btn.dropbtn:hover {
  background: var(--ta-dark-bg) !important;
  border-color: var(--ta-dark-border) !important;
  color: #d0d5dd !important;
}

html.dark #help_div .dropbtn,
html.dark #floating-help-container .dropbtn,
html.dark #help_div .ta-navbar-icon-btn,
html.dark #floating-help-container .ta-navbar-icon-btn,
html.dark .ta-navbar-help {
  background: var(--ta-dark-bg) !important;
  border-color: var(--ta-dark-border) !important;
  color: #d0d5dd !important;
}

html.dark #help_div .dropbtn:hover,
html.dark #floating-help-container .dropbtn:hover,
html.dark #help_div .ta-navbar-icon-btn:hover,
html.dark #floating-help-container .ta-navbar-icon-btn:hover,
html.dark .ta-navbar-help:hover {
  background: #101828 !important;
  color: #f2f4f7 !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar > a,
html.dark body.sidebar-v2 .submenubox a.menu-dropdown-item-link {
  color: #797979 !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar > a:hover,
html.dark body.sidebar-v2 .submenubox a.menu-dropdown-item-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f9fafb !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a,
html.dark body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a {
  background: #ffffff !important;
  color: #1d2939 !important;
}

/* Select2 / datepicker / dropzone */
html.dark .select2-container--default .select2-selection--single,
html.dark .select2-dropdown,
html.dark .select2-container--default .select2-results__option,
html.dark .ui-datepicker,
html.dark .ui-state-default,
html.dark .dropzone {
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .ui-state-highlight,
html.dark .ui-state-active,
html.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(70, 95, 255, 0.25) !important;
  color: #f9fafb !important;
}

/* Inline legacy white backgrounds */
html.dark [style*="background:#fff"],
html.dark [style*="background: #fff"],
html.dark [style*="background:#ffffff"],
html.dark [style*="background: #ffffff"],
html.dark [style*="background-color:#fff"],
html.dark [style*="background-color: #fff"],
html.dark [style*="background-color:#ffffff"],
html.dark [style*="background-color: #ffffff"],
html.dark [style*="background:#FFF"],
html.dark [style*="background: #FFF"],
html.dark [style*="background:#FFFFFF"],
html.dark [style*="background: #FFFFFF"],
html.dark [style*="background-color:#FFF"],
html.dark [style*="background-color: #FFF"],
html.dark [style*="background-color:#FFFFFF"],
html.dark [style*="background-color: #FFFFFF"],
html.dark [style*="background:#f9fafb"],
html.dark [style*="background: #f9fafb"],
html.dark [style*="background-color:#f9fafb"],
html.dark [style*="background-color: #f9fafb"],
html.dark [style*="background:#fafafa"],
html.dark [style*="background: #fafafa"],
html.dark [style*="background:#F9FAFB"],
html.dark [style*="background: #F9FAFB"],
html.dark [style*="background:white"],
html.dark [style*="background: white"],
html.dark [style*="background-color:white"],
html.dark [style*="background-color: white"] {
  background-color: var(--ta-dark-surface) !important;
  background: var(--ta-dark-surface) !important;
}

html.dark hr {
  border-color: var(--ta-dark-border) !important;
  opacity: 1 !important;
}

html.dark ::-webkit-scrollbar-thumb {
  background: #344054 !important;
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background: #475467 !important;
}

html.dark .compensation-filter-label,
html.dark .compensation-filter-dates > span,
html.dark .compensation-filter-radios,
html.dark .compensation-filter-radios label {
  color: var(--color-gray-300, #d0d5dd) !important;
}

html.dark .compensation-search-card,
html.dark .computation-search-card,
html.dark .compensation-table-card,
html.dark .compensation-table-card__header,
html.dark .compensation-module-page .table-container,
html.dark .compensation-module-page .comm_table,
html.dark .payday-compensation-wrapper .comm_table,
html.dark .onhold-compensation-wrapper .comm_table,
html.dark .compensation-module-page .divTable,
html.dark .computation-page .divTable {
  background-color: var(--ta-dark-surface) !important;
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .compensation-tabs,
html.dark .computation-tab-scroll,
html.dark .finance-module-page .compensation-tabs,
html.dark .finance-payday-wrapper .compensation-tabs {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--ta-dark-text) !important;
}

html.dark .compensation-module-page,
html.dark .computation-page,
html.dark .payday-compensation-wrapper,
html.dark .onhold-compensation-wrapper,
html.dark .finance-module-page,
html.dark .finance-payday-wrapper {
  background-color: var(--ta-dark-bg) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .finance-module-page table tbody td,
html.dark .finance-payday-wrapper table tbody td,
html.dark .finance-module-page .divTableCellComm,
html.dark .finance-module-page .ta-td,
html.dark #main_display_div .finance-module-page table tbody td,
html.dark #main_display_div .finance-payday-wrapper table tbody td {
  background: transparent !important;
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
  border-color: #344054 !important;
}

html.dark .finance-search-card,
html.dark .finance-module-page .compensation-search-card,
html.dark .finance-table-card,
html.dark .finance-module-page .advisers-list-desktop-table,
html.dark .finance-payday-wrapper .advisers-list-desktop-table {
  background: #1a2231 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

html.dark .finance-filter-label,
html.dark .finance-list-meta__counts,
html.dark .finance-module-page .ta-card-header h3,
html.dark .finance-payday-wrapper .ta-card-header h3 {
  color: #797979 !important;
}

html.dark .finance-filter-box .form-control,
html.dark .finance-filter-box .input-col,
html.dark .finance-filter-box select,
html.dark .finance-search-card .form-control,
html.dark .finance-search-card .input-col,
html.dark .finance-search-card select {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
}

html.dark .finance-filter-actions button.border-gray-300.bg-white {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

/* Compensation real tables */
html.dark .compensation-module-page table,
html.dark .computation-page table,
html.dark .compensation-module-page table thead th,
html.dark .computation-page table thead th,
html.dark .compensation-module-page .sticky-head,
html.dark .payday-compensation-wrapper table thead th,
html.dark .onhold-compensation-wrapper table thead th,
html.dark .compensation-module-page th,
html.dark .computation-page th,
html.dark .compensation-module-page .divTableHeader,
html.dark .computation-page .divTableHeader,
html.dark .compensation-module-page table thead th.divTableHeader,
html.dark .computation-page table thead th.divTableHeader,
html.dark #main_display_div .compensation-module-page .divTableHeader,
html.dark #main_display_div .computation-page .divTableHeader,
html.dark .finance-module-page table,
html.dark .finance-payday-wrapper table,
html.dark .finance-module-page table thead th,
html.dark .finance-payday-wrapper table thead th,
html.dark .finance-module-page .sticky-head,
html.dark .finance-module-page .divTableHeaderComm,
html.dark .finance-module-page th,
html.dark .finance-payday-wrapper th {
  background: var(--ta-dark-bg) !important;
  background-color: var(--ta-dark-bg) !important;
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
  border-color: var(--ta-dark-border) !important;
}

html.dark .compensation-module-page table tbody td,
html.dark .computation-page table tbody td,
html.dark .payday-compensation-wrapper table tbody td,
html.dark .onhold-compensation-wrapper table tbody td,
html.dark .compensation-module-page td,
html.dark .computation-page td,
html.dark .compensation-module-page .advisers-list-desktop-table table tbody td,
html.dark .onhold-compensation-wrapper .advisers-list-desktop-table table tbody td,
html.dark .compensation-module-page table.ta-data-table tbody td,
html.dark .onhold-compensation-wrapper table.ta-data-table tbody td,
html.dark .compensation-module-page .ta-td,
html.dark .onhold-compensation-wrapper .ta-td,
html.dark .compensation-module-page tbody td.text-gray-700,
html.dark .onhold-compensation-wrapper tbody td.text-gray-700,
html.dark #main_display_div .compensation-module-page table tbody td,
html.dark #main_display_div .onhold-compensation-wrapper table tbody td,
html.dark #main_display_div .compensation-module-page .ta-td,
html.dark #main_display_div .onhold-compensation-wrapper .ta-td {
  background: transparent !important;
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
  border-color: var(--ta-dark-border) !important;
}

/* Suggestion panels in compensation filters */
html.dark .compensation-module-page .search-select-panel,
html.dark .computation-page .search-select-panel,
html.dark .onhold-compensation-wrapper .search-select-panel,
html.dark .payday-compensation-wrapper .search-select-panel {
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: #f2f4f7 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

html.dark .compensation-module-page .search-select-panel .search-select-item,
html.dark .computation-page .search-select-panel .search-select-item,
html.dark .onhold-compensation-wrapper .search-select-panel .search-select-item,
html.dark .payday-compensation-wrapper .search-select-panel .search-select-item,
html.dark #main_display_div .search-select-panel .search-select-item {
  color: #ffffff !important;
}

html.dark .compensation-module-page .search-select-panel .search-select-item:hover,
html.dark .computation-page .search-select-panel .search-select-item:hover,
html.dark .onhold-compensation-wrapper .search-select-panel .search-select-item:hover,
html.dark .compensation-module-page .search-select-panel .search-select-item.is-active,
html.dark .computation-page .search-select-panel .search-select-item.is-active,
html.dark #main_display_div .search-select-panel .search-select-item:hover,
html.dark #main_display_div .search-select-panel .search-select-item.is-active {
  background: rgba(70, 95, 255, 0.22) !important;
  color: #ffffff !important;
}

html.dark .compensation-module-page table tbody tr:hover td,
html.dark .computation-page table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Legacy divTable cells still used on some pages */
html.dark .divTableCellComm,
html.dark .divTableCell,
html.dark .divTableHeaderComm,
html.dark .compensation-module-page .divTableCellComm,
html.dark .compensation-module-page .divTableHeaderComm,
html.dark .computation-page .divTableCellComm,
html.dark .computation-page .divTableHeaderComm {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ta-dark-text) !important;
  border-color: var(--ta-dark-border) !important;
  border-right-color: transparent !important;
}

html.dark .divTableHeaderComm,
html.dark .compensation-module-page .divTableHeaderComm,
html.dark .computation-page .divTableHeaderComm,
html.dark .divTableCellComm.divTableHeaderComm {
  background: var(--ta-dark-bg) !important;
  background-color: var(--ta-dark-bg) !important;
  color: var(--ta-dark-muted) !important;
}

html.dark .compensation-module-page .divTableRow,
html.dark .computation-page .divTableRow {
  border-color: var(--ta-dark-border) !important;
}

html.dark .compensation-modal-title {
  background: #465fff !important;
  color: #fff !important;
}

html.dark .compensation-module-page .button_standard,
html.dark .computation-page .button_standard {
  border-color: var(--ta-dark-border) !important;
}

html.dark .compensation-filter-actions button.border-gray-300.bg-white {
  background: var(--ta-dark-surface) !important;
  border-color: var(--ta-dark-border) !important;
  color: var(--ta-dark-text) !important;
}

html.dark .compensation-table-card__header h3,
html.dark .compensation-module-page .text-gray-800,
html.dark .compensation-module-page .text-gray-700,
html.dark .computation-page .text-gray-800,
html.dark .computation-page .text-gray-700 {
  color: var(--ta-dark-heading) !important;
}

html.dark .compensation-module-page .text-gray-500,
html.dark .computation-page .text-gray-500 {
  color: var(--ta-dark-muted) !important;
}

/* Headings */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark #page_title,
html.dark .ta-page-title,
html.dark .module-title,
html.dark .page_title {
  color: var(--ta-dark-heading) !important;
  background-color: transparent !important;
}

/*
 * Compensation / on-hold — force readable light text on dark surfaces.
 * Uses -webkit-text-fill-color so WebKit date/select values cannot stay dark.
 */
html.dark .compensation-module-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark .compensation-module-page select,
html.dark .compensation-module-page textarea,
html.dark .compensation-module-page .form-control,
html.dark .computation-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark .computation-page select,
html.dark .computation-page .form-control,
html.dark .onhold-compensation-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark .onhold-compensation-wrapper select,
html.dark .onhold-compensation-wrapper .form-control,
html.dark #main_display_div .compensation-module-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark #main_display_div .compensation-module-page select,
html.dark #main_display_div .compensation-module-page .form-control,
html.dark #main_display_div .onhold-compensation-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark #main_display_div .onhold-compensation-wrapper select,
html.dark #main_display_div .onhold-compensation-wrapper .form-control {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  background-color: #101828 !important;
  border-color: #344054 !important;
  color-scheme: dark;
}

html.dark .compensation-module-page input::placeholder,
html.dark .compensation-module-page .form-control::placeholder,
html.dark .onhold-compensation-wrapper input::placeholder,
html.dark #main_display_div .compensation-module-page input::placeholder {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  opacity: 1 !important;
}

html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit,
html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit-text,
html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit-month-field,
html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit-day-field,
html.dark .compensation-module-page input[type="date"]::-webkit-datetime-edit-year-field,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit-text,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit-month-field,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit-day-field,
html.dark .onhold-compensation-wrapper input[type="date"]::-webkit-datetime-edit-year-field,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit-text,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit-month-field,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit-day-field,
html.dark #main_display_div .compensation-module-page input[type="date"]::-webkit-datetime-edit-year-field {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark .compensation-module-page table tbody td,
html.dark .compensation-module-page table.ta-data-table tbody td,
html.dark .compensation-module-page .advisers-list-desktop-table table tbody td,
html.dark .compensation-module-page .ta-td,
html.dark .onhold-compensation-wrapper table tbody td,
html.dark .onhold-compensation-wrapper .ta-td,
html.dark #main_display_div .compensation-module-page table tbody td,
html.dark #main_display_div .compensation-module-page .ta-td,
html.dark #main_display_div .onhold-compensation-wrapper table tbody td,
html.dark #main_display_div .onhold-compensation-wrapper .ta-td,
html.dark #main_display_div .advisers-list-desktop-table table tbody td {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark .compensation-module-page .search-select-panel .search-select-item,
html.dark .onhold-compensation-wrapper .search-select-panel .search-select-item,
html.dark #main_display_div .search-select-panel .search-select-item {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

/*
 * Global dark text contrast — all modules in #main_display_div.
 * Content text uses #797979; inputs / brand / links stay brighter.
 */
html.dark #main_display_div,
html.dark #main_display_div .products-module-page,
html.dark #main_display_div .advisers-module-page,
html.dark #main_display_div .teams-module-page,
html.dark #main_display_div .finance-module-page,
html.dark #main_display_div .compensation-module-page,
html.dark #main_display_div .computation-page,
html.dark #main_display_div .form-container-five,
html.dark #main_display_div .introducer-page,
html.dark #main_display_div .payday-compensation-wrapper,
html.dark #main_display_div .finance-payday-wrapper,
html.dark #main_display_div .onhold-compensation-wrapper,
html.dark #main_display_div .hr-module-page,
html.dark #main_display_div .contacts-module-page,
html.dark #main_display_div .access-module-page,
html.dark #main_display_div .attachment-module-page,
html.dark #main_display_div .personal-module-page,
html.dark #main_display_div .announcement-module-page {
  color: #797979 !important;
}

html.dark #main_display_div .products-search-card,
html.dark #main_display_div .products-list-desktop-table,
html.dark #main_display_div .products-list-table-container,
html.dark #main_display_div .products-float-panel.center-float-div,
html.dark #main_display_div .teams-search-card,
html.dark #main_display_div .attachment-search-card,
html.dark #main_display_div .access-search-card,
html.dark #main_display_div .personal-search-card,
html.dark #main_display_div .announcement-search-card,
html.dark #main_display_div .advisers-search-card,
html.dark #main_display_div .advisers-list-desktop-table,
html.dark #main_display_div .compensation-search-card,
html.dark #main_display_div .compensation-table-card,
html.dark #main_display_div .rounded-2xl.border {
  background: #1a2231 !important;
  background-color: #1a2231 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

html.dark #main_display_div table tbody td,
html.dark #main_display_div table.table tbody td,
html.dark #main_display_div table.ta-data-table tbody td,
html.dark #main_display_div .table tbody td,
html.dark #main_display_div .products-list-desktop-table table tbody td,
html.dark #main_display_div .advisers-list-desktop-table table tbody td,
html.dark #main_display_div .teams-desktop-table table tbody td,
html.dark #main_display_div .attachment-desktop-table table tbody td,
html.dark #main_display_div .personal-table-wrap table tbody td,
html.dark #main_display_div .announcement-table-wrap table tbody td,
html.dark #main_display_div .font-color-list td,
html.dark #main_display_div .list-title td,
html.dark #main_display_div .ta-td,
html.dark #main_display_div .divTableCell,
html.dark #main_display_div .divTableCellComm,
html.dark #main_display_div span:not(.text_button):not([class*="badge"]):not([class*="brand"]),
html.dark #main_display_div p,
html.dark #main_display_div li,
html.dark #main_display_div .divTableRow {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
  border-color: #344054 !important;
}

html.dark #main_display_div table thead th,
html.dark #main_display_div .font-color-title th,
html.dark #main_display_div tr.font-color-title th {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark #main_display_div .text_button,
html.dark #main_display_div td .text_button,
html.dark #main_display_div a.text_button {
  color: #7592ff !important;
  -webkit-text-fill-color: #7592ff !important;
}

html.dark #main_display_div label,
html.dark #main_display_div .text-gray-700,
html.dark #main_display_div .text-gray-800,
html.dark #main_display_div .text-gray-900,
html.dark #main_display_div .font-medium.text-gray-700,
html.dark #main_display_div .products-float-field .label-text-middle-left,
html.dark #main_display_div .products-float-check,
html.dark #main_display_div .products-float-panel .div_header,
html.dark #main_display_div .products-float-panel .div_header h3,
html.dark #main_display_div .div_header,
html.dark #main_display_div .div_header label,
html.dark #main_display_div .ta-card-header h3,
html.dark #main_display_div h1,
html.dark #main_display_div h2,
html.dark #main_display_div h3,
html.dark #main_display_div h4,
html.dark #main_display_div h5,
html.dark #main_display_div h6 {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark #main_display_div .text-gray-500,
html.dark #main_display_div .text-gray-400,
html.dark #main_display_div .text-gray-600,
html.dark #main_display_div .placeholder\:text-gray-400::placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark #main_display_div input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
html.dark #main_display_div select,
html.dark #main_display_div textarea,
html.dark #main_display_div .form-control {
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
  caret-color: #f9fafb !important;
  background-color: #101828 !important;
  border-color: #344054 !important;
  color-scheme: dark;
}

html.dark #main_display_div input::placeholder,
html.dark #main_display_div textarea::placeholder,
html.dark #main_display_div .form-control::placeholder {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  opacity: 1 !important;
}

html.dark #main_display_div .btn.btn-font,
html.dark #main_display_div .btn-download-excell,
html.dark #main_display_div button.border-gray-300.bg-white,
html.dark #main_display_div .btn-secondary,
html.dark #main_display_div .button_standard:not(.bg-brand-500) {
  color: #e4e7ec !important;
  -webkit-text-fill-color: #e4e7ec !important;
  background-color: #1a2231 !important;
  border-color: #344054 !important;
}

html.dark #main_display_div .divrow_even_color,
html.dark #main_display_div .divrow_odd_color,
html.dark #main_display_div .primary-color-list,
html.dark #main_display_div .secondary-color-list {
  background-color: transparent !important;
  background: transparent !important;
}

html.dark body.sidebar-v2 .sidebar-submenu-text,
html.dark body.sidebar-v2 .sidebar-submenu-child-text,
html.dark body.sidebar-v2 .sidebar-menu-text {
  color: inherit !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active .sidebar-submenu-child-text,
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a {
  color: #1d2939 !important;
}

/* Auth login — final dark lock (after all other rules) */
html.dark .auth-login-page .auth-login-secondary-btn,
html.dark .auth-login-page .auth-login-secondary-btn span {
  background: #101828 !important;
  background-color: #101828 !important;
  border-color: #475467 !important;
  color: #f2f4f7 !important;
  -webkit-text-fill-color: #f2f4f7 !important;
}

html.dark .auth-login-page .auth-login-secondary-btn:hover,
html.dark .auth-login-page .auth-login-secondary-btn:hover span {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark .auth-login-page .login-formitem,
html.dark .auth-login-page input.login-formitem {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
}

/* Sidebar submenu + Teams list — dark-mode text #797979 */
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar > a,
html.dark body.sidebar-v2 .submenubox a.menu-dropdown-item-link,
html.dark body.sidebar-v2 .sidebar-submenu-text,
html.dark body.sidebar-v2 .sidebar-submenu-child-text,
html.dark body.sidebar-v2 .sidebar-menu-text,
html.dark body.sidebar-v2 .sidebar-advisers-view-font,
html.dark body.sidebar-v2 .btn-child-sidebar .sidebar-submenu-child-text,
html.dark body.sidebar-v2 .btn-child-sidebar .sidebar-advisers-view-font,
html.dark body.sidebar-v2 .btn-child-sidebar > a,
html.dark body.sidebar-v2 .btn-sidebar {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active > a,
html.dark body.sidebar-v2 .submenubox .menu-dropdown-item.is-active > a,
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active .sidebar-submenu-child-text,
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar.is-active .sidebar-advisers-view-font {
  color: #1d2939 !important;
  -webkit-text-fill-color: #1d2939 !important;
}

html.dark .teams-sidebar,
html.dark .teams-list,
html.dark .teams-list-item,
html.dark .teams-list.bg-white,
html.dark #main_display_div .teams-list,
html.dark #main_display_div .teams-sidebar {
  background: #1a2231 !important;
  background-color: #1a2231 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

html.dark .teams-list-item {
  border-color: #344054 !important;
}

html.dark .teams-list-item.is-active {
  background: rgba(70, 95, 255, 0.14) !important;
}

html.dark .teams-list-item__name,
html.dark #main_display_div .teams-list-item__name,
html.dark .teams-module-page .teams-list-item__name {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
  background: transparent !important;
  background-color: transparent !important;
}

html.dark .teams-list-item__name:hover,
html.dark #main_display_div .teams-list-item__name:hover {
  color: #7592ff !important;
  -webkit-text-fill-color: #7592ff !important;
  background: rgba(70, 95, 255, 0.12) !important;
}

html.dark .teams-list-item.is-active .teams-list-item__name,
html.dark .teams-list-item.is-active .teams-list-item__name:hover {
  background: #465fff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark .teams-module-page .text-gray-700,
html.dark .teams-module-page label,
html.dark .teams-module-page .text-gray-800 {
  color: #797979 !important;
}

html.dark .teams-module-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark .teams-module-page .form-control {
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
  background-color: #101828 !important;
  border-color: #344054 !important;
}

/* Default dark body / content text */
html.dark,
html.dark body,
html.dark #main_display_div,
html.dark #main_display_div table tbody td,
html.dark #main_display_div .ta-td,
html.dark #main_display_div .text-gray-700,
html.dark #main_display_div .font-color-list td {
  color: #797979 !important;
}

/*
 * FINAL content text lock — #797979 on all page content.
 * Keeps inputs, brand CTAs, Edit links, and active pills unchanged.
 */
html.dark #main_display_div,
html.dark #main_display_div *:not(input):not(textarea):not(select):not(option):not(.text_button):not(.btn-primary):not(.bg-brand-500):not(.auth-login-primary-btn):not(.nav-link.active):not(.is-active):not(.pagination_current_page_button):not(.page-link):not(.title-header):not(.teams-section-title):not(.float-add-button):not(i):not(svg):not(path) {
  color: #797979;
}

html.dark #main_display_div table tbody td,
html.dark #main_display_div table.ta-data-table tbody td,
html.dark #main_display_div .advisers-list-desktop-table table tbody td,
html.dark #main_display_div .products-list-desktop-table table tbody td,
html.dark #main_display_div .ta-td,
html.dark #main_display_div .divTableCell,
html.dark #main_display_div .divTableCellComm,
html.dark #main_display_div label,
html.dark #main_display_div p,
html.dark #main_display_div span:not(.text_button),
html.dark #main_display_div .text-gray-700,
html.dark #main_display_div .text-gray-800,
html.dark #main_display_div .text-gray-900,
html.dark #main_display_div .text-gray-500,
html.dark #main_display_div .text-gray-600,
html.dark #main_display_div .text-gray-400,
html.dark #main_display_div h1,
html.dark #main_display_div h2,
html.dark #main_display_div h3,
html.dark #main_display_div h4,
html.dark #main_display_div .font-color-list td,
html.dark #main_display_div .list-title td,
html.dark #main_display_div .teams-list-item__name,
html.dark #main_display_div .pagination_button:not(.pagination_current_page_button),
html.dark .compensation-module-page table tbody td,
html.dark .onhold-compensation-wrapper table tbody td,
html.dark .payday-compensation-wrapper table tbody td,
html.dark .computation-page table tbody td,
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar:not(.is-active) > a,
html.dark body.sidebar-v2 .submenubox .btn-child-sidebar:not(.is-active) .sidebar-submenu-child-text {
  color: #797979 !important;
  -webkit-text-fill-color: #797979 !important;
}

html.dark #main_display_div .text_button,
html.dark #main_display_div a.text_button,
html.dark #main_display_div .text-brand-500,
html.dark #main_display_div a.text-brand-500 {
  color: #7592ff !important;
  -webkit-text-fill-color: #7592ff !important;
}

html.dark #main_display_div input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
html.dark #main_display_div select,
html.dark #main_display_div textarea,
html.dark #main_display_div .form-control {
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
}

html.dark #main_display_div .btn-primary,
html.dark #main_display_div .bg-brand-500,
html.dark #main_display_div .title-header,
html.dark #main_display_div .teams-section-title,
html.dark #main_display_div .pagination_current_page_button,
html.dark #main_display_div .nav-link.active,
html.dark #main_display_div .float-add-button,
html.dark #main_display_div .teams-list-item.is-active .teams-list-item__name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Compensation float panels (mass update / import) */
html.dark .compensation-float-panel.center-float-div,
html.dark #main_display_div .compensation-float-panel.center-float-div {
  background: #1a2231 !important;
  border-color: #344054 !important;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.45) !important;
  color: #797979 !important;
}

html.dark .compensation-float-header,
html.dark .compensation-float-panel .div_header,
html.dark #main_display_div .compensation-float-panel .div_header {
  background: #1a2231 !important;
  border-bottom-color: #344054 !important;
  color: #797979 !important;
}

html.dark .compensation-float-header h3,
html.dark .compensation-float-panel .div_header h3,
html.dark .compensation-float-panel .div_header label,
html.dark .compensation-float-label {
  color: #797979 !important;
}

html.dark .compensation-float-input,
html.dark .compensation-float-panel .form-control,
html.dark #main_display_div .compensation-float-panel .form-control {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
}

html.dark .compensation-float-actions button.border-gray-300.bg-white,
html.dark .compensation-float-panel .button_standard:not(.bg-brand-500) {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

html.dark .compensation-float-messages {
  border-top-color: #344054 !important;
}

html.dark .compensation-float-error,
html.dark .compensation-float-messages .errormessage {
  color: #f97066 !important;
}

/* Finance float panels (GST / Xero / split / account modals) */
html.dark .finance-float-panel.center-float-div,
html.dark #main_display_div .finance-float-panel.center-float-div {
  background: #1a2231 !important;
  border-color: #344054 !important;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.45) !important;
  color: #797979 !important;
}

html.dark .finance-float-header,
html.dark .finance-float-panel .div_header,
html.dark .finance-float-panel .modal-header,
html.dark #main_display_div .finance-float-panel .div_header,
html.dark #main_display_div .finance-float-panel .modal-header {
  background: #1a2231 !important;
  border-bottom-color: #344054 !important;
  color: #797979 !important;
}

html.dark .finance-float-header h3,
html.dark .finance-float-panel .div_header h3,
html.dark .finance-float-panel .div_header label,
html.dark .finance-float-panel .modal-header h3,
html.dark .finance-float-panel .modal-header h5,
html.dark .finance-float-panel .modal-header label,
html.dark .finance-float-label {
  color: #797979 !important;
}

html.dark .finance-float-input,
html.dark .finance-float-panel .form-control,
html.dark .finance-float-panel .form-select,
html.dark #main_display_div .finance-float-panel .form-control,
html.dark #main_display_div .finance-float-panel .form-select {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #f9fafb !important;
  -webkit-text-fill-color: #f9fafb !important;
}

html.dark .finance-float-actions,
html.dark .finance-float-panel .modal-footer {
  background: #1a2231 !important;
  border-top-color: #344054 !important;
}

html.dark .finance-float-actions button.border-gray-300.bg-white,
html.dark .finance-float-panel .button_standard:not(.bg-brand-500),
html.dark .finance-float-panel .modal-footer .btn:not(.bg-brand-500):not(.btn-primary) {
  background: #101828 !important;
  border-color: #344054 !important;
  color: #797979 !important;
}

html.dark .finance-float-messages {
  border-top-color: #344054 !important;
}

html.dark .finance-float-error,
html.dark .finance-float-messages .errormessage {
  color: #f97066 !important;
}

/* Regulated activity icons — keep light-mode green / red / grey in dark mode */
html.dark #main_display_div .fa-square-check,
html.dark #main_display_div .fa-square-xmark,
html.dark .advisers-list-desktop-table .fa-square-check,
html.dark .advisers-list-desktop-table .fa-square-xmark,
html.dark .advisers-list-card__regulated .fa-square-check,
html.dark .advisers-list-card__regulated .fa-square-xmark {
  -webkit-text-fill-color: currentColor !important;
}

html.dark #edit_adviser_banding_div .div_header,
html.dark #add_adviser_banding_div .div_header,
html.dark #main_display_div #edit_adviser_banding_div .div_header,
html.dark #main_display_div #add_adviser_banding_div .div_header,
html.dark #modalId .finance-float-header.div_header,
html.dark #main_display_div #modalId .finance-float-header.div_header,
html.dark .finance-gst-rate-panel .finance-float-header.div_header,
html.dark #main_display_div .finance-gst-rate-panel .finance-float-header.div_header,
html.dark .finance-edit-misc-overlay .finance-float-header.div_header,
html.dark #main_display_div .finance-edit-misc-overlay .finance-float-header.div_header {
  background-color: #1d2939 !important;
  color: #ffffff !important;
}

html.dark #edit_adviser_banding_div .div_header label,
html.dark #add_adviser_banding_div .div_header label,
html.dark #main_display_div #edit_adviser_banding_div .div_header label,
html.dark #main_display_div #add_adviser_banding_div .div_header label,
html.dark #modalId .finance-float-header.div_header h3,
html.dark #modalId .finance-float-header.div_header label,
html.dark #main_display_div #modalId .finance-float-header.div_header h3,
html.dark #main_display_div #modalId .finance-float-header.div_header label,
html.dark .finance-gst-rate-panel .finance-float-header h3,
html.dark .finance-gst-rate-panel .finance-float-header p,
html.dark #main_display_div .finance-gst-rate-panel .finance-float-header h3,
html.dark #main_display_div .finance-gst-rate-panel .finance-float-header p,
html.dark .finance-edit-misc-overlay .finance-float-header h3,
html.dark .finance-edit-misc-overlay .finance-float-header p,
html.dark #main_display_div .finance-edit-misc-overlay .finance-float-header h3,
html.dark #main_display_div .finance-edit-misc-overlay .finance-float-header p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}