:root {--cfds-blue: #1565c0;--cfds-blue-rgb: 21, 101, 192;--cfds-grey: #e0e3e9;--cfds-grey-rgb: 224, 227, 233;--cfds-grey-alpha: #f0f1f4;--cfds-grey-alpha-rgb: 240, 241, 244;--cfds-orange: #e65100;--cfds-orange-rgb: 230, 81, 0;--cfds-orange-alpha: #fdeee6;--cfds-orange-alpha-rgb: 253, 238, 230;--cfds-light: #fff;--cfds-light-rgb: 255, 255, 255;--cfds-lightest-grey: #7b8288;--cfds-dark: #212529;--cfds-dark-rgb: 33, 37, 41;--cfds-dark-alpha: #d1d4d6;--cfds-dark-alpha-rgb: 209, 212, 214;--cfds-blue-2: #0d47a1;--cfds-blue-2-rgb: 13, 71, 161;--cfds-blue-2-alpha: #c2d1e7;--cfds-blue-2-alpha-rgb: 194, 209, 231;--cfds-blue-3: #2196f3;--cfds-blue-3-rgb: 33, 150, 243;--cfds-blue-3-alpha: #bcdaf5;--cfds-blue-3-alpha-rgb: 188, 218, 245;--cfds-yellow: #ffb514;--cfds-yellow-rgb: 255, 181, 20;--cfds-yellow-alpha: #ffecc4;--cfds-yellow-alpha-rgb: 255, 236, 196;--cfds-green: #3ecc47;--cfds-green-rgb: 62, 204, 71;--cfds-green-alpha: #b2eab5;--cfds-green-alpha-rgb: 178, 234, 181;--cfds-purple: #723ecc;--cfds-purple-rgb: 114, 62, 204;--cfds-purple-alpha: #d0c4eb;--cfds-purple-alpha-rgb: 208, 196, 235;--cfds-red: #de1515;--cfds-red-rgb: 222, 21, 21;--cfds-red-alpha: #f6b9b9;--cfds-red-alpha-rgb: 246, 185, 185;--cfds-grey-2: #646a71;--cfds-light-grey: #70777d;--cfds-dark-grey: #494e56;--cfds-medium-grey: #646a71;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--rounded-0: 0px;--rounded-1: 4px;}html {font-size: 16px;height: 100vh;}body {font-family: 'Ubuntu', sans-serif !important;--header-font-size: 26px;--header-font-weight: bold;--box-border: 1px solid var(--cfds-grey);--box-border-radius: 0 0 8px 8px;--box-box-shadow: 0px 4px 16px 0px #21252919;--box-padding-top: 12px;--box-padding-right: 24px;--box-padding-bottom: 12px;--box-padding-left: 24px;--box-padding: var(--box-padding-top) var(--box-padding-right);height: 100%;background-color: rgba(var(--cfds-grey-rgb), 0.5);font-size: 16px;line-height: 1.5;}.body {padding-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem;font-size: 16px;}*[role=button] {cursor: pointer;}.overflow-hidden {overflow: hidden !important;}.overflow-auto {overflow: auto !important;scrollbar-color: rgba(var(--cfds-dark-rgb), 0.3) transparent;scrollbar-width: thin;}.flex-column {flex-direction: column;}.text-red {color: var(--cfds-red) !important;}.text-yellow {color: var(--cfds-yellow) !important;}.text-orange {color: var(--cfds-orange) !important;}.text-green {color: var(--cfds-green) !important;}.text-grey {color: #525961 !important;}.fw-bold {font-weight: bold !important;}.fw-normal {font-weight: 300 !important;}.fw-500 {font-weight: 500 !important;}.required-icon {color: #f44336;}.ms-auto {margin-left: auto;}.m-0 {margin: 0 !important;}.mx-0 {margin-left: 0;margin-right: 0;}.mt-2 {margin-top: 8px !important;}.ms-3, .mx-3, .m-3 {margin-left: 16px;}.me-3, .mx-3, .m-3 {margin-right: 16px;}.mt-3, .my-3, .m-3 {margin-top: 1rem;}.mb-3, .my-3, .m-3 {margin-bottom: 1rem !important;}.mt-0 {margin-top: 0 !important;}.mb-0 {margin-bottom: 0 !important;}.mr-auto {margin-right: auto;}.mx-auto {margin-left: auto;margin-right: auto;}.p-0 {padding: 0 !important;}.pe-0 {padding-right: 0 !important;}.p-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;padding-left: 1rem !important;padding-right: 1rem !important;}.ps-3 {padding-left: 1rem !important;}.ps-0 {padding-left: 0 !important;}.pt-0 {padding-top: 0 !important;}.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important}.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important}.px-3 {padding-right: 1rem !important;padding-left: 1rem !important}.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important}.pt-3 {padding-top: 1rem !important;}.pb-3 {padding-bottom: 1rem !important;}.p-2 {padding: 8px;}.ps-2 {padding-left: 8px;}.gap-2 {gap: 8px;}.gap-3 {gap: 16px;}.gap-4 {gap: 24px;}.col-gap-3 {column-gap: 16px;}.row-gap-0 {row-gap: 0;}.border-none {border: none;}.width-max-content{width: max-content;}.s-main {flex: 1;min-height: 0;overflow: auto;padding: 16px 3px 16px 20px;scrollbar-gutter: stable;background-color: unset;}.align-items-center {align-items: center;}.align-items-end {align-items: end;}.justify-content-center {justify-content: center;}.justify-content-end {justify-content: end;}.flex-wrap {flex-wrap: wrap;}.flex-1 {flex: 1;}.flex-2 {flex: 2;}.flex-3 {flex: 3;}.h-100 {height: 100%;}.w-fit-content {width: fit-content;}.w-100 {width: 100%;}.d-none {display: none !important;}.min-h-0 {min-height: 0;}.flex-row {flex-direction: row !important;}.d-grid {display: grid;}.text-note {color: #1C94C4;font-size: 14px;font-style: italic;}.alert-primary {color: #004085;background-color: #cce5ff;border-color: #b8daff}.cursor-pointer {cursor: pointer;}.md-form {--color: unset;--border-color: #ced4da;--background-color: unset;position: relative;display: flex;margin-bottom: 0;margin-top: 28px;}.md-form input {width: 100%;padding: 6px 8px;min-height: 34px;height: 34px;line-height: 21px;font-size: 16px;border: unset;border-bottom: 1px solid var(--border-color) !important;background-color: var(--background-color);color: var(--color);}.md-form .input-fake-value {width: 100%;padding: 6px 8px;min-height: 34px;height: 34px;line-height: 21px;font-size: 16px;border: unset;border-bottom: 1px solid var(--border-color) !important;background-color: var(--background-color);color: var(--color);}.md-form textarea {width: 100%;padding: 6px 8px;min-height: 34px;height: 34px;line-height: 21px;font-size: 16px;font-family: "Ubuntu";border: unset;border-bottom: 1px solid var(--border-color);}.md-form :is(input,textarea):focus-visible {outline: none;}.md-form:not(.md-form-box-style) label {text-wrap: nowrap;cursor: text;font-weight: 300;color: #757575;position: absolute;font-size: 16px;height: 34px;bottom: 0;top: 0;margin: 0;left: 0;margin: 6px 8px;-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;transition: color .2s ease-out, -webkit-transform .2s ease-out;transition: transform .2s ease-out, color .2s ease-out;transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;}.md-form:not(.md-form-box-style) label.active {transform: translateY(-27px) scale(calc(12 / 16));top: 0;}.md-form:not(.md-form-box-style) input:focus ~ label {transform: translateY(-27px) scale(calc(12 / 16));top: 0;}.md-form .md-icon-container {height: 34px;display: flex;align-items: center;justify-content: center;}.md-form:has(input[type="text"]:disabled) .md-icon-container {background: #eeeeee ;color: #bbbbbb;}.md-form .md-icon-container > *:not(.no-border) {height: 100%;align-content: center;border-bottom: 1px solid var(--border-color);}.md-form .md-icon-container > *.no-border {margin-left: 8px;}.md-form .md-icon-container > button {height: 100%;background-color: unset;width: fit-content;padding: 0;margin: 0;border-radius: 0;border: none;}.md-form.md-form-dark {--border-color: rgba(var(--cfds-light-rgb), 0.5);--color: var(--cfds-light);}.md-form.md-form-dark .md-icon-container > button {color: white;}.md-form.has-require {--label-color: var(--cfds-red);--border-color: var(--cfds-red);}.md-form.md-form-select :is(input, label, .md-icon-container) {cursor: pointer;}.md-form.md-form-select input {caret-color: transparent;}.md-form.md-form-select select {display: none;}.md-dropdown-container {position: fixed;background: white;border: 1px solid #e1e5e9;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);max-height: 300px;overflow-y: auto;z-index: 999999;display: none;scrollbar-color: rgba(var(--cfds-dark-rgb), 1) transparent;scrollbar-width: thin;}.md-dropdown-container.open {display: block;}.md-dropdown-container .md-option {min-height: 48px;padding: 12px 16px;cursor: pointer;transition: background-color 0.2s;display: flex;align-items: center;gap: 8px;border-bottom: 1px solid #f0f0f0;}.md-dropdown-container .md-option:last-child {border-bottom: none;}.md-dropdown-container .md-option:is([selected], :hover, .focused) {background-color: var(--cfds-grey-alpha);}.md-form.md-form-select select:disabled ~ .md-icon-container,.md-form.md-form-input input:disabled ~ .md-icon-container {background: #eeeeee;color: #bbbbbb;cursor: not-allowed;}.md-form.md-form-input input:disabled {background: #eeeeee;color: #bbbbbb;cursor: not-allowed;}.md-form.md-form-select.text-align-right input {text-align: right;}.md-dropdown-container.text-align-right .md-option {justify-content: right;}.md-form-check {position: relative;display: flex;align-items: center;gap: 8px;min-width: 24px;}.md-form-check input {position: absolute;opacity: 0;width: 24px;height: 24px;z-index: 3;cursor: pointer;}.md-form-check label {line-height: 25px;font-weight: 400;position: relative;font-size: 16px;margin: 0;padding-left: 28px;padding-right: 0;cursor: pointer;text-wrap: wrap;min-height: 24px;height: unset;}.md-form-check.style-2 label {padding-left: 36px;}.md-form-check label.checkbox-right {padding-left: 0;padding-right: 36px;}.md-form-check.no-label {width: 24px;height: 24px;}.md-form-check.no-label label {padding-left: 0;padding-right: 0;}.md-form-check label::before {content: ' ';position: absolute;left: 0;width: 1em;height: 1em;margin: 0;mask-image: url("../icon/check-is-off-1aa2a76692cdd057360beb80a490f85b.svg");mask-size: contain;mask-repeat: no-repeat;background-color: currentColor !important;font-size: 24px;border: none !important;cursor: pointer;}.md-form-check.style-2 label::before {background-image: url("../icon/check-is-off-grey-06c84eba91dd75935f723cbfc0d355d1.svg");background-size: cover;background-color: unset !important;mask-image: none;}.md-form-check label.checkbox-right::before {left: unset;right: 0;margin: 0;mask-image: url("../icon/check-is-off-1aa2a76692cdd057360beb80a490f85b.svg");}.md-form-check.style-2 label.checkbox-right::before {background-size: cover;background-image: url("../icon/check-is-off-grey-06c84eba91dd75935f723cbfc0d355d1.svg");mask-image: none;background-color: unset !important;}.md-form-check input[type=checkbox]:checked ~ label::before {mask-image: url("../icon/check-box-icon-71e6cbe162e2419a14538f0ba4521b64.svg");}.md-form-check.style-2 input[type=checkbox]:checked ~ label::before {background-image: url("../icon/check-is-on-white-d2ad09199fa6b4b5f4d70817847287de.svg");background-size: cover;mask-image: none;background-color: unset !important;}.md-form-check input[type=checkbox]:disabled ~ label,.md-form-check input[type=checkbox]:disabled ~ label::before {color: rgba(var(--cfds-dark-rgb), 0.5);border: none;cursor: not-allowed !important;}.md-form-check.style-2 input[type=checkbox]:disabled ~ label,.md-form-check.style-2 input[type=checkbox]:disabled ~ label::before {color: unset;}.md-form.md-form-box-style {margin: 0;--border-color: var(--cfds-grey);}.md-form.md-form-box-style input {padding: 9px 12px;border-radius: 4px;border: solid 1px var(--cfds-grey);border-bottom: solid 1px var(--cfds-grey) !important;font-size: 14px;line-height: 1.5;height: 39px;}.md-form.md-form-box-style textarea {border-radius: 4px;border: solid 1px var(--cfds-grey);resize: none;padding: 10px 12px;font-size: 14px;line-height: 1.44;}.md-form.md-form-box-style textarea::placeholder {font-size: 14px;line-height: 1.44;color: var(--cfds-grey-2);}.md-form.md-form-box-style textarea:-ms-input-placeholder {font-size: 14px;line-height: 1.44;color: var(--cfds-grey-2);}.md-form.md-form-box-style textarea::-ms-input-placeholder {font-size: 14px;line-height: 1.44;color: var(--cfds-grey-2);}.md-form.md-form-box-style .md-icon-container {height: 39px;display: flex;align-items: center;justify-content: center;}.md-form.md-form-box-style .md-icon-container > *:not(.no-border) {height: 100%;align-content: center;border: 1px solid var(--border-color);}.md-form.md-form-box-style .md-icon-container ~ input {border-left: unset;border-top-left-radius: unset;border-bottom-left-radius: unset;}.md-form.md-form-box-style .md-icon-container:has(~ input) > *:not(.no-border) {border-right: unset;}.md-form.md-form-box-style .md-icon-container:has(~ input) > *:not(.no-border):first-child {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}.md-form.md-form-box-style:has(.md-icon-container) input {border-right: unset;border-top-right-radius: unset;border-bottom-right-radius: unset;}.md-form.md-form-box-style .md-icon-container > *:not(.no-border) {border-left: unset;border-right: unset;border-top-left-radius: unset;border-bottom-left-radius: unset;}.md-form.md-form-box-style .md-icon-container > *:last-child:not(.no-border){border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right:  1px solid var(--border-color);}.md-form.md-form-box-style input:has(~ .md-icon-container .no-border:first-child) {border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right:  1px solid var(--border-color);}.md-form.md-form-box-style:has(label) {padding-top: 22px;}.md-form.md-form-box-style label {position: absolute;top: 0;display: inline-block;font-weight: unset;margin-top: 0;font-size: 12px;font-weight: 500;line-height: 1.5;padding-right: 0;color: var(--cfds-dark-grey);}.md-form.md-form-box-style:has(input[required]) label:after {content: " *";color: var(--cfds-red);}table.s-table {width: 100%;background-color: var(--cfds-light);margin-bottom: 0;margin-top: 0;}table.s-table > thead {height: 60px;background-color: var(--cfds-grey);}table.s-table > thead > tr {}table.s-table > thead > tr > th {min-height: 60px;padding: 8px 16px !important;vertical-align: middle;}table.s-table > thead > tr > th,table.s-table > thead > tr > th * {font-size: 16px;font-weight: 700;line-height: 18px;color: var(--cfds-dark) !important;}table.s-table > thead > tr > th *:hover {font-weight: 700;}table.s-table > :is(tbody,tfoot) > tr > td {padding: 18px 16px !important;border-top: none;box-shadow: inset 0 -2px 0 0 var(--cfds-grey);border-bottom: unset;}table.s-table > :is(tbody,tfoot) > tr > td:before {content: "";visibility: hidden;width: 0;}table.s-table > :is(tbody,tfoot) > tr > td,table.s-table > :is(tbody,tfoot) > tr > td *:not(.svg-icon,.s-checkbox-label,.s-chip) {font-size: 16px;font-weight: normal;line-height: 24px;color: rgba(var(--cfds-dark-rgb), 1);}table.s-table > :is(tbody,tfoot) > tr > td > i.svg-icon,table.s-table > :is(tbody,tfoot) > tr > td > div > i.svg-icon {font-size: 24px;}table.s-table > tbody > tr[disabled] {background-color: rgba(var(--cfds-grey-alpha-rgb), 1);}table.s-table > tbody > tr > td[editable] {padding-top: 9px;padding-bottom: 9px;}table.s-table > tbody > tr[oos] {background-color: rgba(var(--cfds-orange-alpha-rgb), 1);}table.s-table:not(.no-hover) > tbody > tr:hover {--row-background-color: rgba(var(--cfds-yellow-alpha-rgb), 1);cursor: pointer;background-color: rgba(var(--cfds-yellow-alpha-rgb), 1);}table.s-table > tbody > tr.bg {--row-background-color: #F8FBFD;background: none repeat scroll 0% 0% #F8FBFD;}table.s-table > :is(tbody,tfoot) > tr[selected] {--row-background-color: rgba(var(--cfds-dark-rgb), 1) !important;background-color: rgba(var(--cfds-dark-rgb), 1) !important;}table.s-table > :is(tbody,tfoot) > tr[selected] > td,table.s-table > :is(tbody,tfoot) > tr[selected] > td *:not(.s-chip, .zeplin-label-title, .zeplin-label-delete, .zeplin-label-delete > .svg-icon, .status-indicator) {color: rgba(var(--cfds-light-rgb), 1) !important;}table.s-table th.asc a::after {position: relative;font-family: 'Font Awesome 5 Free';top: 4px;left: 5px;content: "\f0de";font-weight: 900;font-size: .75rem;}table.s-table th.desc a::after {position: relative;font-family: 'Font Awesome 5 Free';top: -2px;left: 5px;content: "\f0dd";font-weight: 900;font-size: .75rem;}.s-navigation {display: flex;align-items: center;justify-content: space-between;}.s-navigation .s-pagination {display: flex;align-items: center;gap: 8px;}.s-navigation .s-pagination .s-page-item {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;border-radius: 4px;border: solid 1px rgba(var(--cfds-dark-rgb), 0.3);font-family: Ubuntu;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-navigation .s-pagination .s-page-item[onclick] {cursor: pointer;}.s-navigation .s-pagination .s-page-item:not([onclick]) {cursor: default;}.s-navigation .s-pagination .s-page-item.active {background-color: var(--cfds-dark);color: var(--cfds-light);}.s-navigation .s-pagination .s-page-item[onclick]:not(.active):hover {background-color: rgba(var(--cfds-light-rgb), 1);}.s-navigation .s-pagination .s-page-item .s-page-link {width: 100%;height: 100%;color: var(--cfds-dark);display: flex;align-items: center;justify-content: center;}.s-navigation .s-dropdown {height: 42px;}.s-navigation .s-dropdown > a {height: 42px;border-radius: 4px;border: solid 1px var(--cfds-dark);display: flex;align-items: center;justify-content: center;gap: 4px;background-color: transparent;padding: 0 16px;font-size: 16px;font-weight: bold;color: var(--cfds-dark);}.s-navigation .s-dropdown .dropdown-menu {padding: 0;border-radius: 8px;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);background-color: var(--cfds-light);}.s-navigation .s-dropdown .dropdown-menu .dropdown-item {height: 48px;padding: 0 20px;display: flex;align-items: center;color: var(--cfds-dark);}.s-navigation .s-dropdown .dropdown-menu .dropdown-item:hover {box-shadow: unset;border-radius: unset;background-color: var(--cfds-grey-alpha) !important;color: var(--cfds-dark) !important;}.s-navigation .s-dropdown .dropdown-menu .dropdown-item:nth-child(1) {border-top-left-radius: 8px;border-top-right-radius: 8px;}.s-navigation .s-dropdown .dropdown-menu .dropdown-item:nth-last-child(1) {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}.s-btn {height: 42px;min-width: 42px;border-radius: 4px;box-shadow: none;border: none;align-items: center;gap: var(--gap-2);justify-content: center;padding: 0 16px;text-wrap: nowrap;font-family: Ubuntu;font-size: 16px !important;line-height: 18px;font-weight: bold;font-stretch: normal;}.s-btn[disabled] {box-shadow: var(--box-shadow) !important;opacity: 0.5;}.s-btn:not(.d-none) {display: flex !important;}.s-btn.s-state-2 {border-radius: 32px;}.s-btn.s-state-3 {border-radius: 32px;padding: 5px 16px 5px 12px !important;}.s-btn.s-circle {padding: 0;aspect-ratio: 1 / 1;border-radius: 50%;}.s-btn.s-icon-only {padding: 0 !important;width: 42px;font-size: 18px !important;}.s-btn:hover {box-shadow: none;}.s-btn-blue, .s-btn-blue:is(:focus, :hover) {background-color: var(--cfds-blue);color: var(--cfds-light);}.s-btn-orange {background-color: var(--cfds-orange);color: var(--cfds-light);}.s-btn-orange:hover {color: var(--cfds-light);}.s-btn-green {background-color: var(--cfds-green);color: var(--cfds-light);}.s-btn-green:hover {color: var(--cfds-light);}.s-btn-dark, .s-btn-dark:focus {background-color: var(--cfds-dark);color: var(--cfds-light);}.s-btn-dark:hover {color: var(--cfds-light);}.s-btn-light, .s-btn-light:focus {background-color: var(--cfds-light);color: var(--cfds-dark);}.s-btn-light:hover {color: var(--cfds-dark);}.s-btn-red, .s-btn-red:focus {background-color: var(--cfds-red);color: var(--cfds-light);}.s-btn-red:hover {color: var(--cfds-light);}.s-btn-yellow, .s-btn-yellow:focus {background-color: var(--cfds-yellow);color: var(--cfds-dark);}.s-btn-yellow:hover {color: var(--cfds-dark);}.s-btn-grey, .s-btn-grey:focus {background-color: var(--cfds-grey);color: var(--cfds-dark);}.s-btn-grey:hover {color: var(--cfds-dark);}.s-btn-icon-only {padding: 0 !important;}.s-btn-outline {--box-shadow: inset 0 0 0 2px var(--cfds-blue);background-color: unset;box-shadow: var(--box-shadow);}.s-btn-outline:hover, .s-btn-outline:focus {box-shadow: var(--box-shadow);}.s-btn-outline.s-dark {--box-shadow: inset 0 0 0 2px var(--cfds-dark);}.s-btn-outline.s-dark-20-pct {--box-shadow: inset 0 0 0 2px rgba(var(--cfds-dark-rgb), 0.2);}.s-btn-outline.s-orange {--box-shadow: inset 0 0 0 2px var(--cfds-orange);}.s-btn-outline.s-grey {--box-shadow: inset 0 0 0 2px var(--cfds-grey);}.s-btn-outline.s-white {--box-shadow: inset 0 0 0 2px white;color: white;}.s-btn-outline.s-grey-1 {--box-shadow: inset 0 0 0 1px var(--cfds-grey);}.s-btn.s-square {padding: 0;aspect-ratio: 1 / 1;border-radius: 8px;}.s-btn.s-square-2 {padding: 0;aspect-ratio: 1 / 1;border-radius: 4px;}.outline-button {border-radius: 8px;}.text-nowrap {text-wrap: nowrap;}.s-chip {--s-chip-height: 31px;--s-chip-padding: 6px 11px 7px 14px;--s-chip-radius: 16px;--s-chip-bg: #f08800;--s-chip-color: var(--cfds-dark);--s-font-size: 16px;--s-font-weight: 500;--s-font-weight: 500;display: flex;align-items: center;justify-content: center;height: var(--s-chip-height);width: fit-content;padding: var(--s-chip-padding);border-radius: var(--s-chip-radius);background-color: var(--s-chip-bg);font-size: var(--s-font-size);font-weight: var(--s-font-weight);color: var(--s-chip-color);}.s-chip.s-small {--s-chip-height: 24px;--s-chip-padding: 3px 11px 3px 14px;--s-font-size: 14px;line-height: 18px;}.s-chip.s-chip-grey {--s-chip-bg: rgba(var(--cfds-dark-rgb), 0.2);}.c-content {flex: 1;min-height: 0;overflow: auto;padding: 0 1px 16px 20px;scrollbar-gutter: stable;background-color: unset;display: flex;flex-direction: column;margin-top: 16px;min-height: 0;--value-grid-template-columns: 150px 1fr;scrollbar-color: rgba(var(--cfds-dark-rgb), 0.3) transparent;scrollbar-width: thin;}.c-content-title {display: flex;gap: 22px;align-items: center;font-family: Ubuntu;font-size: 26px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 42px;letter-spacing: normal;color: var(--cfds-dark);}.c-content-sub-title {font-family: Ubuntu;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.list-link, .list-link:is(:hover, :focus) {display: flex;align-items: center;gap: 8px;font-size: 16px;color: var(--cfds-dark);font-weight: 300;outline: unset;}.list-title, .list-title:is(:hover, :focus) {display: flex;gap: 22px;align-items: center;margin-bottom: 0;font-family: Ubuntu;font-size: 26px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 42px;letter-spacing: normal;color: var(--cfds-dark);}.status-indicator {display: flex;align-items: center;justify-content: center;border-radius: 64px;height: 42px;padding: 0 16px;font-weight: bold !important;text-transform: uppercase;}.status-indicator[status="In Progress"] {background-color: #e65100;color: #ffffff !important;}.status-indicator[status="Submitted"] {background-color: #ffb514;color: #212529 !important;}.status-indicator[status="In Review"] {background-color: #0d47a1;color: #ffffff !important;}.status-indicator[status="Candidate"] {background-color: #2196f3;color: #ffffff !important;}.status-indicator[status="Hired"] {background-color: #3ecc47;color: #212529 !important;}.status-indicator[status="Archived"] {background-color: #d1d4d6;color: #212529!important;}.c-card {display: flex;flex-direction: column;background-color: white;border-radius: 8px;border: 1px solid #e0e0e0 !important;height: fit-content;}.c-card .c-card-header {font-size: 18px;font-weight: bold;color: var(--cfds-dark);text-transform: uppercase;padding: 8px 16px;}.c-card .c-card-body {display: flex;padding: 16px;}.c-tab-container {position: relative;height: 60px;overflow: clip;border-radius: 8px;margin: 1rem 1rem 0 1rem;}.c-tab-container.c-tab-show-all {height: unset;}.c-tab-list:before {content: unset;}.c-tab-list {display: flex;box-shadow: unset !important;background-color: var(--cfds-yellow) !important;border-radius: 8px;padding: 0 1rem;flex-wrap: wrap;column-gap: clamp(2px, 2px + (22 - 2) * ((100vw - 1280px) / (1920 - 1280)), 22px);}.c-tab-container .c-tab-list {padding: 0 2.5rem 0 1rem;}.c-tab-list li {margin-bottom: unset;display: flex;align-items: center;justify-content: center;height: 60px;overflow: unset;}.c-tab-list li a {color: var(--cfds-dark) !important;font-weight: 500;font-size: 16px !important;border-radius: 8px !important;line-height: normal;display: flex;align-items: center;justify-content: center;padding: 10px 10px;margin: unset;border: unset !important;border-color: unset;outline: unset;outline-offset: 0;}.c-tab-list li.active a {cursor: unset;color: var(--cfds-light) !important;background-color: rgba(var(--cfds-dark-rgb), 0.5) !important;}.c-tab-list li:not(.active) a:hover {outline: 1px solid var(--cfds-dark);-webkit-transition: unset;transition: unset;border-radius: 8px !important;background-color: unset;}.c-tab-list a i.svg-icon.scale-size {margin-left: 4px;font-size: 15px;}.c-tab-expand-icon {cursor: pointer;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;margin-right: 0.5rem;height: 60px;}.c-tab-expand-icon > div {font-weight: 500;font-size: 16px;border-radius: 8px;line-height: normal;display: flex;align-items: center;justify-content: center;padding: 10px 10px;}.c-tab-expand-icon.active > div {color: var(--cfds-light);background-color: rgba(var(--cfds-dark-rgb), 0.5);}.s-main-menu {--s-menu-padding-y: clamp(10px, calc(100vw * (15 / 1920)), 15px);background-color: rgba(var(--cfds-dark-rgb), 1);display: flex;padding: 0 20px;min-height: 60px;align-items: center;gap: 8px;}.s-main-menu .s-nav {display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding-left: 0;gap: clamp(calc(15px - var(--s-menu-padding-y)), 15px + (33 - 15) * ((100vw - 1280px) / (1920 - 1280)) - var(--s-menu-padding-y), calc(33px - var(--s-menu-padding-y)));}.s-main-menu .s-nav-item {height: 60px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;}.s-main-menu .s-nav-item .s-nav-link {height: 38px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 9px var(--s-menu-padding-y);font-family: Ubuntu;font-size: clamp(14px, calc(100vw * (16 / 1920)), 16px);font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: rgba(var(--cfds-light-rgb), 0.75);}.s-main-menu .s-nav-item .s-nav-link.highlight {background-color: var(--cfds-yellow);color: var(--cfds-dark) !important;}.s-main-menu .s-nav-item .s-nav-link:not(.highlight):is(:hover, :focus) {outline: 1px solid var(--cfds-yellow);-webkit-transition: unset;transition: unset;outline-offset: 0;}.c-search {display: flex;margin: 0 !important;align-items: center;height: 100%;}.s-md-form.dark-mode .form-control:not(.s-text-dark) {color: var(--cfds-light) !important;box-shadow: 0 1px 0 0 rgba(var(--cfds-light-rgb), 0.5) !important;}.s-scrollable {height: calc(100% - 54px) !important;}.s-footer {width: 100%;margin: auto;height: 54px;background-color: var(--cfds-dark);padding: 0 20px;display: flex;align-items: center;justify-content: space-between;}.s-footer > p {color: rgba(var(--cfds-light-rgb), 0.5);}.s-h1 {font-family: Ubuntu;font-size: 44px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-h2 {font-family: Ubuntu;font-size: 32px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-h3 {font-family: Ubuntu;font-size: 26px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 42px;letter-spacing: normal;color: var(--cfds-dark);}.s-sub-h {font-family: Ubuntu;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-p-bold {font-family: Ubuntu;font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-p-medium {font-family: Ubuntu;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-p-italic {font-family: Ubuntu;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: italic;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-p-regular {font-family: Ubuntu;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--cfds-dark);}.s-p-regular-sml {font-family: Ubuntu;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.44;letter-spacing: normal;color: var(--cfds-dark);}.s-text-light-50-pct {color: rgba(var(--cfds-light-rgb), 0.5);}.s-text-dark {color: var(--cfds-dark) !important;}.s-text-red {color: var(--cfds-red) !important;}.s-text-white {color: white !important;}.s-text-blue {color: var(--cfds-blue) !important;}.s-text-orange {color: var(--cfds-orange) !important;}.s-text-lightest-grey {color: var(--cfds-lightest-grey) !important;}.s-text-green {color: var(--cfds-green) !important;}.s-text-medium-grey {color: var(--cfds-medium-grey) !important;}.s-bg-dark {background-color: rgba(var(--cfds-dark-rgb), 1);}.s-bg-orange-alpha {background-color: var(--cfds-orange-alpha);}.s-bg-red-alpha-30 {background-color: rgba(246, 185, 185, 0.3);}.s-bg-dark-alpha-30 {background-color: rgba(209, 212, 214, 0.3);}.s-bg-yellow-alpha-30 {background-color: rgba(var(--cfds-yellow-rgb), 0.3);}.md-form-radio {width: fit-content;min-width: 24px;position: relative;display: flex;align-items: center;gap: 8px;margin: 0;font-size: 16px;}.md-form-radio input {position: absolute;opacity: 0;pointer-events: none;}.md-form-radio span {line-height: 28px;font-weight: 400;position: relative;font-size: 16px;margin: 0;padding-left: 32px;cursor: pointer;text-wrap: wrap;min-height: 24px;height: unset;}.md-form-radio label.checkbox-right {padding-left: 0;padding-right: 32px;}.md-form-radio.no-label {width: 24px;height: 24px;}.md-form-radio.no-label span {padding-left: 0;padding-right: 0;}.md-form-radio span::before {content: ' ';position: absolute;left: 0;margin: 0;width: 28px;min-width: 28px;height: 28px;display: block;background-size: cover;background-image: url("../icon/cfds-icons-radio-btn-off-bf70cd0eced4844cf10a990d6c9a79ad.svg");border: none !important;cursor: pointer;}.md-form-radio span.checkbox-right::before {left: unset;right: 0;margin: 0;}.md-form-radio input[type=radio]:checked ~ span::before {background-image: url("../icon/cfds-icons-radio-btn-on-fd42621264ae6aae545470db3e2f41a8.svg");}.md-form-radio input[type=radio]:disabled ~ span,.md-form-radio input[type=radio]:disabled ~ span::before {color: rgba(var(--cfds-dark-rgb), 0.5);border: none;cursor: not-allowed !important;}.note-list-style {display: flex;flex-direction: column;}.note-list-style .note-list-row:first-child {border-top: 2px solid var(--cfds-grey);}.note-list-style .note-list-row {border-bottom: 2px solid var(--cfds-grey);}.note-list-style .note-list-row .view-mode {min-height: 80px;display: grid;align-items: start;gap: 16px;grid-template-columns: 1fr 240px min-content;padding: 16px;background-color: white;line-height: 21px;}.note-list-style .note-list-row:not([mode=view], [mode=send-mail]) .view-mode {display: none;}.note-list-style .note-list-row[mode=edit] .edit-mode {min-height: 80px;display: grid;align-items: start;gap: 16px;grid-template-columns: 1fr min-content;padding: 16px;background-color: var(--cfds-yellow-alpha);line-height: 21px;}.note-list-style .note-list-row:not([mode=edit]) .edit-mode {display: none;}.note-list-style .note-list-row[mode=send-mail] .send-mail-mode {display: flex;padding: 16px;background-color: var(--cfds-yellow-alpha);}.note-list-style .note-list-row:not([mode=send-mail]) .send-mail-mode {display: none;}.note-list-style .note-updated-by {font-size: 14px;}.note-list-style .note-btn {display: flex;gap: 8px;}.c-sub-section {min-height: 60px;font-family: Ubuntu;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: var(--cfds-dark);background-color: var(--cfds-grey);align-content: center;padding: 0 1rem;}.c-section {width: 350px;padding: 16px;}.tab-container {min-height: 0;}.tab-pane {margin: 0 !important;width: 100%;height: 100%;overflow: hidden;}.tab-pane .tab-pane-content {height: 100%;width: 100%;overflow: auto;background: #fff;}.s-card {display: flex;flex-direction: column;}.s-card .s-card-header {display: flex;align-items: start;justify-content: space-between;border-bottom: 3px solid #212529;padding: 11px 1rem;min-height: 64px;}.s-card .s-card-header h2 {font-size: 22px;color: #1a1a1a;margin: 0;padding-bottom: 0;font-weight: 600;line-height: 42px;}.s-card .s-card-header h3 {font-size: 16px;color: #1a1a1a;margin: 0;padding-bottom: 0;font-weight: 600;line-height: 42px;}.s-card .s-card-body {display: flex;flex-direction: column;padding: 1.5rem 0 1.5rem 1rem;background-color: #fff;}.c-content .zeplin-title {min-height: 56px;font-size: 26px;font-weight: bold;color: var(--cfds-light);border-radius: 8px;background-color: var(--cfds-dark);padding: 0 20px;text-transform: uppercase;display: flex;align-items: center;}.c-content .zeplin-title:not(.empty):has(~ div .zeplin-table, ~ div.need-indicator) {border-radius: 8px 8px 0 0;}.c-content .zeplin-title.empty:has(~ div.need-indicator) {background-color: rgba(var(--cfds-dark-rgb), 0.5);}.c-content .zeplin-title.empty:has(~ div.need-indicator) ~ div {display: none;}.c-content .zeplin-sub-title {font-size: 18px;font-weight: bold;color: var(--cfds-dark);padding: 12px 20px;text-transform: uppercase;display: flex;align-items: center;}.c-content .zeplin-info {grid-template-columns: var(--value-grid-template-columns);width: 100%;border-radius: 8px;background-color: var(--cfds-light);padding: 8px 20px 8px 20px;min-height: 34px;align-items: start;display: grid;line-height: 24px;gap: 20px;}.c-content .zeplin-info.stacked {--value-grid-template-columns: 1fr;gap: 12px;}.c-content .zeplin-value {font-weight: bold;color: var(--cfds-dark) !important;}.c-content a.zeplin-value {text-decoration: underline !important;text-decoration-style: dotted !important;text-underline-offset: 4px !important;text-decoration-thickness: 2px !important;}.c-content .zeplin-value-list {display: flex;flex-direction: column;gap: 6px;}.zeplin-value-checkbox {display: flex;align-items: center;justify-content: end;gap: 16px;}.zeplin-value-checkbox > div {display: flex;align-items: end;gap: 8px;}.zeplin-value-checkbox .svg-icon {mask-image: url("../icon/check-is-off-1aa2a76692cdd057360beb80a490f85b.svg");opacity: 0.5;float: unset;}.zeplin-value-checkbox[check=Yes] [checkValue=Yes] .svg-icon {mask-image: url("../icon/check-box-icon-71e6cbe162e2419a14538f0ba4521b64.svg");opacity: 1;}.zeplin-value-checkbox[check=No]  [checkValue=No] .svg-icon {mask-image: url("../icon/check-box-icon-71e6cbe162e2419a14538f0ba4521b64.svg");opacity: 1;}.zeplin-value-checkbox[check=notApplicable]  [checkValue=notApplicable] .svg-icon {mask-image: url("../icon/check-box-icon-71e6cbe162e2419a14538f0ba4521b64.svg");opacity: 1;}.zeplin-value-checkbox.only-one > div {display: none}.zeplin-value-checkbox[check=Yes].only-one [checkValue=Yes] {display: flex;}.zeplin-value-checkbox[check=No].only-one [checkValue=No] {display: flex;}.zeplin-value-checkbox[check=Yes].only-one [checkValue=Yes] .svg-icon {mask-image: unset;opacity: 1;background-color: unset;background-size: cover;background-image: url("../icon/cfds-icons-check-is-on-99210a5d1082aef7636ce6716b6ff623.svg");}.zeplin-value-checkbox[check=No].only-one [checkValue=No] .svg-icon {mask-image: url("../icon/check-is-off-1aa2a76692cdd057360beb80a490f85b.svg");opacity: 1;}.c-content .zeplin-content {display: flex;flex-direction: column;gap: 2px;}.zeplin-table {--grid-template-columns: 1fr;}.zeplin-table .zeplin-table-row {display: grid;grid-template-columns: var(--grid-template-columns);min-height: 80px;background-color: var(--cfds-light);box-shadow: inset 0 1px 0 0 var(--cfds-grey);}.zeplin-table .zeplin-table-row:last-child {box-shadow: inset 0 1px 0 0 var(--cfds-grey), inset 0 -1px 0 0 var(--cfds-grey);}.zeplin-table .zeplin-table-cell {min-height: 80px;padding: 16px;display: flex;align-items: center;word-break: break-word;}.zeplin-table .zeplin-table-cell a {font-weight: bold;color: var(--cfds-dark);grid-template-columns: minmax(300px, 500px);text-decoration: underline !important;text-decoration-style: dotted !important;text-underline-offset: 4px !important;text-decoration-thickness: 2px !important;}.label-list .zeplin-label-container {order: unset !important;}.zeplin-label-container {--background-color: #ffb514;--color: #212529;}.zeplin-label {position: relative;padding-left: 10px;}.zeplin-label .zeplin-label-content {display: flex;align-items: center;gap: 8px;font-size: 14px;line-height: 14px;min-height: 28px;padding: 0 12px 0 6px;border-top-left-radius: 1px;border-bottom-left-radius: 1px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;background-color: var(--background-color);color: var(--color);}.zeplin-label .zeplin-label-content:before {position: absolute;content: "";width: 19.799px;height: 19.799px;top: 3.6px;transform: rotate(45deg);left: 0;background-color: inherit;border-bottom-left-radius: 6px;transform-origin: center;border-top-left-radius: 2px;border-bottom-right-radius: 2px;z-index: 1;}.zeplin-label .zeplin-label-title {position: relative;z-index: 2;background-color: var(--background-color) !important;color: var(--color) !important;text-wrap: nowrap;}.zeplin-label .zeplin-label-delete {background-color: var(--background-color) !important;color: var(--color) !important;cursor: pointer;}.text-grey-2 {color: var(--cfds-grey-2);}.text-dark-grey {color: var(--cfds-dark-grey);}.text-decoration-underline {text-decoration: underline !important;text-decoration-style: dotted !important;text-underline-offset: 4px !important;text-decoration-thickness: 2px !important;}.text-decoration-line-through {text-decoration: line-through;}.fs-1 {font-size: 12px;}.fs-13px {font-size: 13px;}.fs-2 {font-size: 14px;line-height: 1.44;}.font-style-18px {font-size: 18px;}.font-style-16px {font-size: 16px;}.font-style-12px {font-size: 12px;line-height: 1.5;}.font-style-11px {font-size: 11px;line-height: 1.5;}.text-uppercase {text-transform: uppercase;}.border-radius-4px {border-radius: 4px;}.border-radius-10px {border-radius: 10px;}.border-circle {border-radius: 50%;}.s-border-orange {border-color: var(--cfds-orange) !important;}.text-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}#mdb-preloader {opacity: 1 !important;background-color: rgba(0, 0, 0, 0.6) !important;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9998;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.preloader-wrapper {position: relative;display: inline-block;width: 3rem;height: 3rem;font-size: 0;}.preloader-wrapper.big {width: 4rem;height: 4rem;}.preloader-wrapper.crazy {-webkit-animation-duration: 333ms !important;animation-duration: 333ms !important;}.preloader-wrapper.active {-webkit-animation: container-rotate 1568ms linear infinite;animation: container-rotate 1568ms linear infinite;}.spinner-layer {position: absolute;width: 100%;height: 100%;opacity: 0;}.spinner-layer {opacity: 1 !important;-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;}.spinner-yellow-only {border-color: #f4b400 !important;}.preloader-wrapper .spinner-layer .circle-clipper {position: relative;display: inline-block;width: 50%;height: 100%;overflow: hidden;border-color: inherit;}.preloader-wrapper .spinner-layer .gap-patch {position: absolute;top: 0;left: 45%;width: 10%;height: 100%;overflow: hidden;border-color: inherit;}.preloader-wrapper .spinner-layer .gap-patch .circle {left: -450%;width: 1000%;}.preloader-wrapper .spinner-layer .circle-clipper .circle {position: absolute;top: 0;right: 0;bottom: 0;width: 200%;height: 100%;border-color: inherit;border-style: solid;border-width: .1875rem;border-bottom-color: transparent !important;border-radius: 50%;}.circle-clipper.left .circle {left: 0;border-right-color: transparent !important;-webkit-transform: rotate(129deg);transform: rotate(129deg);-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;}.circle-clipper.right .circle {left: -100%;border-left-color: transparent !important;-webkit-transform: rotate(-129deg);transform: rotate(-129deg);-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;}@keyframes container-rotate {to { transform: rotate(360deg); -webkit-transform: rotate(360deg); }}@-webkit-keyframes container-rotate {to { -webkit-transform: rotate(360deg); }}@keyframes fill-unfill-rotate {12.5% { transform: rotate(135deg); }25%   { transform: rotate(270deg); }37.5% { transform: rotate(405deg); }50%   { transform: rotate(540deg); }62.5% { transform: rotate(675deg); }75%   { transform: rotate(810deg); }87.5% { transform: rotate(945deg); }to    { transform: rotate(1080deg); }}@-webkit-keyframes fill-unfill-rotate {12.5% { -webkit-transform: rotate(135deg); }25%   { -webkit-transform: rotate(270deg); }37.5% { -webkit-transform: rotate(405deg); }50%   { -webkit-transform: rotate(540deg); }62.5% { -webkit-transform: rotate(675deg); }75%   { -webkit-transform: rotate(810deg); }87.5% { -webkit-transform: rotate(945deg); }to    { -webkit-transform: rotate(1080deg); }}@keyframes left-spin {from { transform: rotate(130deg); }50%  { transform: rotate(-5deg); }to   { transform: rotate(130deg); }}@-webkit-keyframes left-spin {from { -webkit-transform: rotate(130deg); }50%  { -webkit-transform: rotate(-5deg); }to   { -webkit-transform: rotate(130deg); }}@keyframes right-spin {from { transform: rotate(-130deg); }50%  { transform: rotate(5deg); }to   { transform: rotate(-130deg); }}@-webkit-keyframes right-spin {from { -webkit-transform: rotate(-130deg); }50%  { -webkit-transform: rotate(5deg); }to   { -webkit-transform: rotate(-130deg); }}