@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-Thin.ttf');
    font-weight: 100;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-Light.ttf');
    font-weight: 200;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-ExtraLight.ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Onest';
    src: url('resources/fonts/Onest-Bold.ttf');
    font-weight: 700;
}

.wm-app input::-ms-clear,
.wm-app input::-ms-reveal {
    display: none;
}

.wm-app .dashboard-profile-pic-spinner .spinner-message {
    top: 18%;
}

.wm-app .app-container.otp-container #google-captcha {
    transform: scale(1.1);
    transform-origin: 0 0;
}

.wm-app .app-content-column {
    background-color: var(--background) !important;
}

.wm-app .max-w-default {
    max-width: var(--page-content-max-width);
}

.wm-app .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

/* footer start */

.wm-app .footer-social-media-icon {
    color: var(--system-brand-primary);
}

.wm-app .basic-divider-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.wm-app .basic-divider-container .basic-divider-container-left {
    color: var(--system-button-link);
    padding: 0 8px 0 0;
    border-right: solid 1px var(--system-button-primary-disabled-border);
}

.wm-app .footer-main-container {
    z-index: 1;
    padding: 40px 0;
    margin: 0 auto;
    max-width: 1440px;
}

/* footer end */

/* register start */

.wm-app .register-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 24px 0;
    flex-direction: column;
    gap: 0px;
}

.wm-app .register-form .title {
    height: 28px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0 0 0 0;
    padding: 0;
}

/* register end */

/* login start */

.wm-app .login-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 24px 0;
    flex-direction: column;
    gap: 0px;
}

.wm-app .login-form .title {
    height: 28px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0 0 0 0;
    padding: 0;
}

/* login end */

/* global resume start */

.wm-app .app-container.applicant-dashboard-bottom-section-container .app-container.dashboard-navbar-content {
    background-color: var(--background);
}

.wm-app .applicant-dashboard-profile-completion-bar-container {
    /* background-color: var(--base-purple-20) !important; */
    background-color: var(--base-blue-20) !important;
}

/* global resume end */

/* global lamaran start */

.wm-app app-page-lamaran .information-box {
    border-color: var(--system-border-info) !important;
    background-color: var(--system-fill-info) !important;
}

/* global lamaran end */


/* toast start */

.wm-app .toast-success {
    background-color: var(--base-green-80);
}

.wm-app .toast-error {
    background-color: var(--system-button-danger);
    /* --system-button-danger-hover: #d42814; */
}

/* toast end */

/* disabled by role start */

.wm-app input[type="checkbox"].disabled-by-role+span::before {
    -webkit-box-shadow: inset 0 0 0 13px var(--system-button-primary-disabled-border) !important;
    color: var(--system-button-primary-disabled) !important;
    cursor: not-allowed !important;
}

.wm-app input[type="checkbox"].disabled-by-role+span,
.wm-app input[type="radio"].disabled-by-role+span {
    color: var(--system-button-primary-disabled) !important;
    cursor: not-allowed !important;
}

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field input.disabled-by-role:checked+.caption:before,
.wm-app .fif-radioset.fif-control-field .fif-radioset.fif-control-field input.disabled-by-role:checked+.caption:before {
    box-shadow: inset 0 0 0 4px var(--system-button-primary-disabled) !important;
    border-color: var(--system-button-primary-disabled) !important;
}

.wm-app .fif-control-field .form-control.disabled-by-role[disabled] {
    color: var(--system-text-icon-ink) !important;
    cursor: not-allowed !important;
}

.wm-app .custom-upload-input-container.disabled-by-role .custom-upload-input,
.wm-app .custom-upload-input-container.disabled-by-role .custom-upload-input+div.upload-input-container-text span.anchor-caption {
    cursor: not-allowed !important;
}

/* disabled by role end */

/* subsection basic style start */

.wm-app .resume-subsection-content-container.emergency-contact {
    background-color: var(--system-container-interest-basic);
    border: 1px dashed var(--system-brand-primary);
}

.wm-app .resume-subsection-content-container.emergency-contact .app-panel {
    background-color: transparent;
}

.wm-app .resume-subsection-content-container.emergency-contact.basic-border {
    border: 1px solid var(--section);
}

/* subsection basic style end */

/* pagination basic start */

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic { */
.wm-app .app-livelist .panel-footer .pagination.basic {
    margin: 0;
}

.wm-app .app-livelist.fif-list-household .app-livelist-container.list-group {
    overflow: visible;
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-page.page-item .page-link { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-page.page-item .page-link {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 12px;
    background-color: transparent;
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-page.page-item .page-link:hover { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-page.page-item .page-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-page.page-item.active .page-link { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-page.page-item.active .page-link {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 12px;
    border: solid 1px var(--system-brand-primary);
    background-color: var(--system-fill-white);
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-prev.page-item .page-link,
.wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-next.page-item .page-link { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-prev.page-item .page-link,
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-next.page-item .page-link {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 4px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-prev.page-item:hover .page-link,
.wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-next.page-item:hover .page-link { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-prev.page-item:hover .page-link,
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-next.page-item:hover .page-link {
    background-color: rgba(0, 0, 0, 0.1);
}

/* .wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-prev a:before,
.wm-app .page-job-vacancies-list .app-livelist .panel-footer .pagination.basic .pagination-next a:before { */
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-prev a:before,
.wm-app .app-livelist .panel-footer .pagination.basic .pagination-next a:before {
    margin-bottom: 14.5px;
}

/* pagination basic end */

/*basic font related start*/

.wm-app .basic-field-label-font {
    font-size: 12px !important;
    font-weight: 500 !important;
}


/*basic font related end*/

.wm-app {
    font-family: 'Onest' !important;
    height: auto;
}

.wm-app .app-top-nav {
    position: sticky;
    z-index: 3;
    top: 0;
}

.wm-app p.app-label {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink-bold);
    margin: 0;
}

.wm-app .custom-modal .modal-content {
    display: grid;
}

.wm-app .app-footer {
    border-top: none !important;
    padding: 0 !important;
}


/*padding-top value based on topnav height*/

.wm-app .app-content {
    z-index: 1;
}

@media screen and (max-width: 1320px) {
    .wm-app .app-content {
        /*padding-top: 0px;*/
    }
}

.wm-app .icon-field-invalid {
    color: var(--system-text-danger) !important;
}

.wm-app .icon-field-valid {
    color: var(--base-green-80) !important;
}

.wm-app .icon-field-warning {
    color: var(--base-orange-50) !important;
}

.wm-app .force-hide-icon {
    display: none !important;
}

.wm-app .force-inherit-icon {
    display: inherit !important;
}

.wm-app .custom-modal .custom-modal-close {
    font-size: 16px;
    object-fit: contain;
    color: #757575;
}

.wm-app .vertical-divider {
    width: 100%;
    height: 1px;
    background-color: #d1d1d1;
    margin: 19.5px 0;
}


/* link */

.wm-app .location-link,
.wm-app .location-link:hover,
.wm-app .location-link:active {
    color: var(--system-button-link) !important;
    text-underline-offset: 2px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 0;
}

.wm-app .fif-link .anchor-caption {
    vertical-align: baseline;
    flex-grow: 0;
    font-family: Onest;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

.wm-app .fif-link .anchor-caption:hover {
    color: var(--system-brand-primary);
}

.wm-app .fif-link .anchor-caption:active,
.wm-app .fif-link .anchor-caption:active:focus {
    color: var(--system-brand-secondary);
}

.wm-app .fif-link.original-blue .anchor-caption {
    color: var(--system-button-link);
}

.wm-app .fif-link.original-blue .anchor-caption:hover {
    color: var(--system-button-link-hover);
}

.wm-app .fif-link.original-blue .anchor-caption:active,
.wm-app .fif-link.original-blue .anchor-caption:active:focus {
    color: var(--system-button-link-hover);
}


/* link underline */


/*.wm-app .fif-link:active,*/


/*.wm-app .fif-link:hover,*/


/*.wm-app .fif-link:focus {*/


/*    color: var(--system-brand-secondary);*/


/*    text-decoration: underline;*/


/*}*/


/* button link */

.wm-app .fif-link-btn {
    /*width: 100%;*/
    /*height: 40px;*/
    /*align-self: stretch;*/
    /*flex-grow: 0;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*gap: 8px;*/
    /*padding: 9px 16px;*/
    /*border-radius: 12px;*/
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.wm-app .fif-link-btn .btn-caption,
.wm-app .fif-link-btn .anchor-caption {
    vertical-align: baseline;
    flex-grow: 0;
    font-family: Onest;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

.wm-app .fif-link-btn .btn-caption:active,
.wm-app .fif-link-btn .btn-caption:active:focus,
.wm-app .fif-link-btn .anchor-caption:active,
.wm-app .fif-link-btn .anchor-caption:active:focus {
    color: var(--system-brand-secondary);
}

.wm-app .fif-link-btn:hover {
    color: var(--system-brand-primary);
    text-decoration: underline;
}

.wm-app .fif-link-btn[disabled] {
    cursor: default;
    text-decoration: none;
}

.wm-app .fif-link-btn[disabled] .btn-caption {
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-link-btn[disabled] .btn-caption,
.wm-app .fif-link-btn[disabled] .anchor-caption {
    color: var(--system-button-primary-disabled);
}


/* link btn done */

.wm-app .force-hide {
    display: none !important;
}

.wm-app .force-hide-visibility {
    visibility: hidden !important;
}

.wm-app p.app-label.fif-text-regular-error {
    color: var(--system-text-danger);
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    margin: 0;
}

.wm-app p.app-label.fif-text-secondary {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #757575;
    margin-bottom: 0px;
}


/*input*/

.wm-app .form-control.fif-input {
    background-image: none;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
    background-color: #ffffff;
}

.wm-app .form-control.fif-input.error,
.wm-app .form-control.fif-input.error:hover,
.wm-app .form-control.fif-input.error:focus {
    box-shadow: none;
    border: solid 1px var(--system-border-error);
    background-color: #ffffff;
    background-image: none;
}

.wm-app .form-control.fif-input:hover,
.wm-app .form-control.fif-input:focus {
    border: solid 1px var(--system-brand-primary);
    background-color: #ffffff;
    background-image: none;
}

/* form field start */

.wm-app .fif-control-field .form-control[disabled] {
    background-color: var(--system-button-primary-disabled-border) !important;
    border: 1px solid #d1d1d1 !important;
    color: var(--system-button-primary-disabled) !important;
}

.wm-app .fif-control-field .form-control[readonly] {
    background-color: var(--system-button-primary-disabled-border) !important;
    border: 1px solid #d1d1d1 !important;
}


/* form field end */


/* form field text label*/

.wm-app .fif-control-field p.control-label,
.wm-app .fif-control-field .live-field.active p.control-label,
.wm-app .fif-control-field label.control-label,
.wm-app .fif-control-field .live-field.active label.control-label,
.wm-app .fif-control-field .control-label.text-danger,
.wm-app {
    padding: 0;
    margin-bottom: 0;
    flex-grow: 0;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
}

.wm-app .fif-control-field p.control-label,
.wm-app .fif-control-field label.control-label {
    color: var(--system-text-icon-ink-bold);
}

.wm-app .fif-control-field .form-group .formfield-label.app-label.control-label {
    padding-bottom: 2px;
    float: left;
}

.wm-app .fif-control-field .form-group .formfield-label.app-label.control-label+div {
    width: 100%;
    float: left;
}


.wm-app .fif-control-field.control-field-question p.control-label,
.wm-app .fif-control-field.control-field-question label.control-label {
    font-size: 14px;
    font-weight: bold;
}

.wm-app .fif-control-field.control-field-question .control-label.underscore-span span,
.wm-app .fif-basic-container .container-title.control-label.underscore-span span {
    text-decoration: underline !important;
}

.wm-app .underscore-span span {
    text-decoration: underline !important;
}

.wm-app .bold-span span {
    font-weight: bold !important;
}

.wm-app .fif-control-field.control-field-question .form-group .formfield-label.app-label.control-label {
    padding-bottom: 4px;
}

.wm-app .fif-control-field.control-field-question.fif-datepicker {
    height: 100%;
    justify-content: space-between;
}

.wm-app .fif-control-field .field-title-question-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    flex-wrap: wrap;
}

.wm-app .control-label.hidden-span span {
    visibility: hidden;
}


/* Form field error text*/

.wm-app .fif-control-field .form-group .help-block {
    width: 100%;
}

.wm-app .fif-control-field .live-field.form-group .help-block {
    padding-top: 2px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    padding: 2px 0 0 0;
}

.wm-app .fif-control-field .live-field.form-group .help-block.text-danger {
    color: var(--system-text-danger);
}


/* form field text input*/

.wm-app .fif-control-field .form-group .form-control-static+.app-input-wrapper input.form-control,
.wm-app .fif-control-field.fif-datepicker .form-group .app-dateinput.form-control,
.wm-app .fif-control-field .app-search-input.form-control,
.wm-app .fif-control-field .app-search-input.form-control:focus,
.wm-app .fif-control-field .form-group .app-currency .form-control,
.wm-app .fif-control-field .form-control {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
    background-color: #fff;
    width: 100%;
    background-image: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    height: 40px;
}

.wm-app .fif-control-field .form-group .app-select-wrapper .form-control {
    border-radius: 12px;
    border: solid 1px #d1d1d1;
}

.wm-app .fif-control-field .form-group .app-select-wrapper.ng-invalid .form-control.ng-touched .wm-app .fif-control-field .app-search-input.form-control,
.wm-app .fif-control-field .app-search-input.form-control:focus,
.wm-app .fif-control-field .app-select.form-control {
    padding: 9px 32px 9px 16px;
}

.wm-app .fif-control-field .app-search-input.form-control:not(:first-child):not(:last-child) {
    border-radius: 12px;
}

.wm-app .fif-control-field.full-screen.app-search {
    width: 100% !important;
    display: block !important;
    position: relative;
}

.wm-app .fif-control-field.full-screen.app-search .back-btn {
    display: none;
}

.wm-app .fif-control-field.full-screen.input-group input {
    padding: 9px 32px 9px 16px;
    border-bottom: 1px solid #d1d1d1;
}

.wm-app .fif-control-field .form-control:first-child {
    border-radius: 12px;
}

.wm-app .fif-control-field .live-field.active.form-group .form-control-static+.app-input-wrapper input.form-control,
.wm-app .fif-control-field .live-field.active.form-group .app-date input.form-control,
.wm-app .fif-control-field .live-field.active.form-group .app-select-wrapper select.form-control,
.wm-app .fif-control-field.form-non-resizable-text-area .live-field.active.form-group .form-control-static+.app-input-wrapper>.form-control,
.wm-app .fif-control-field .live-field.active.form-group .app-currency .form-control {
    border: solid 1px var(--system-brand-primary);
}

.wm-app .fif-control-field:not(.ng-pristine) .live-field.form-group .form-control-static+.app-input-wrapper.ng-invalid input.form-control:not(.ng-pristine):not([disabled]),
.wm-app .fif-control-field.error:not(.ng-pristine) .live-field.form-group .form-control-static+.app-input-wrapper input.form-control:not(.ng-pristine):not([disabled]),
.wm-app .fif-control-field.fif-datepicker .form-group .app-date.ng-invalid:not(.ng-pristine):not(.ng-untouched) .app-dateinput.form-control:not([disabled]),
.wm-app .fif-control-field:not(.ng-pristine) .form-group .app-select-wrapper.ng-invalid .form-control:not(.ng-pristine),
.wm-app .app-form .fif-control-field.form-non-resizable-text-area .form-group .form-control-static+.app-input-wrapper.ng-invalid:not(.ng-pristine)>.form-control:not(.ng-pristine):not([disabled]),
.wm-app .fif-control-field:not(.ng-pristine) .live-field.form-group .app-currency .form-control.ng-invalid:not([disabled]),
.wm-app .fif-control-field:not(.ng-pristine) .live-field.form-group .app-currency.ng-invalid .form-control:not([disabled]) {
    border: 1px solid var(--system-border-error) !important;
}

.wm-app .app-form .fif-control-field .form-group .form-control-static+.app-select-wrapper {
    width: 100% !important;
}

.wm-app .fif-control-field .live-field.form-group .app-search .form-control.field-invalid:not([disabled]) {
    border: 1px solid var(--system-border-error) !important;
}

/* some select and autocomplete start */

.wm-app .dropdown-menu li a:hover {
    background-color: var(--system-fill-info);
    color: #213679 !important;
}

.wm-app .app-form .fif-control-field .form-group.active~.form-select-dropdown-suffix,
.wm-app .app-form .fif-control-field .form-group.active~.homepage-job-browsing-form-input-suffix .app-icon,
.wm-app .pb-select.pb-select-dropdown-open i.app-icon {
    transform: scaleY(-1);
}

.wm-app .form-subsection-data .dropdown-menu li a {
    text-wrap: pretty;
}

.wm-app .form-subsection-data .fif-control-field .app-search .app-textbox {
    padding: 9px 32px 9px 16px;
}

.wm-app .app-form .fif-control-field.fif-autocomplete .form-group.active~.form-select-dropdown-suffix {
    display: none;
}

.wm-app .fif-control-field .form-group .app-search .clear-btn.show-btn {
    display: none;
    right: 6px !important;
    top: 1px;
}

.wm-app .fif-control-field .form-group .app-search.focused .clear-btn.show-btn {
    display: block;
}

.wm-app .form-group .modal-fif-autocomplete.ng-touched.ng-invalid .form-control {
    border-bottom: none;
    border: solid 1px;
    border-color: var(--system-border-error);
}


/*.wm-app .app-search .app-search-input*/


/* select and autocomplete end*/


/* form field helper*/

.wm-app .app-form .app-label.field-helper {
    align-self: stretch;
    flex-grow: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    padding: 2px 0 0 0;
    margin-bottom: 0;
    color: #757575;
}

.wm-app .app-form .app-label.field-helper.error {
    color: var(--system-text-danger);
}

.wm-app .app-form .app-label.field-helper.correct {
    color: #45ba32;
}


/*textarea helper start*/

.wm-app .app-form .fif-control-field.form-non-resizable-text-area .form-group .form-control-static+.app-input-wrapper .textarea-count {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: right;
    color: #757575;
    width: 100%;
    margin-top: 4px;
    padding: 0;
}

.wm-app .app-form .fif-text-area-with-helper-container .control-field-static-helper {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    width: 100%;
    margin: 0;
    margin-top: 4px;
    padding: 0;
    position: absolute;
    bottom: 2px;
}

.wm-app .fif-question-text-area-with-helper-container .control-field-static-helper {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    width: 100%;
    margin: 0;
    margin-top: 4px;
    padding: 0;
    position: absolute;
    bottom: 2px;
}

.wm-app .fif-question-text-area-with-helper-container.fif-control-field.control-field-question {
    justify-content: space-between;
    gap: 12px;
}


/*textarea helper end*/


/* form field horizontal checkbox start */

.wm-app .form-subsection-data .fif-control-field.field-title-with-checkbox-horizontal-container {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.wm-app .form-subsection-data .fif-control-field.field-title-with-checkbox-horizontal-container .control-label {
    padding-bottom: 0px;
    width: fit-content;
}

.wm-app .form-subsection-data .fif-control-field.field-title-with-checkbox-horizontal-container .fif-radioset-horizontal .fif-radioset-horizontal.fif-control-field {
    padding: 0;
    top: 1px;
    position: relative;
}


/* form field horizontal checkbox end */


/* form field footnote*/

.wm-app .app-form .fif-control-field .fif-link .anchor-caption {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
}


/* form field icon */

.wm-app .app-form .fif-control-field .fif-field-icon {
    width: fit-content;
    border: none;
    box-shadow: none;
    padding: 0;
    background: unset;
    top: 32px;
    right: 32px;
    z-index: 9;
    position: absolute;
}

.wm-app .app-form .fif-control-field .fif-field-icon .app-icon {
    padding: 0;
}


/* form field datepicker start */

.wm-app .app-form .fif-control-field .fif-datepicker .app-icon {
    font-size: 12px;
    color: var(--system-text-icon-ink);
}

.wm-app .app-form .fif-control-field .fif-datepicker .btn {
    margin: 10px 16px 10px 10px;
}

.wm-app .app-form .fif-control-field .fif-datepicker.health-list-datepicker .btn {
    margin: 6px 6px 3px 6px;
}


.wm-app .bs-datepicker {
    border-radius: 8px;
}

.wm-app .bs-datepicker-buttons {
    display: none;
}

.wm-app .bs-datepicker .bs-datepicker-head {
    color: var(--system-text-icon-ink);
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    border-bottom: 1px solid var(--system-button-primary-disabled-border);
}

.wm-app .bs-datepicker .bs-datepicker-body thead tr>th {
    font-weight: 500;
}

.wm-app .bs-datepicker .bs-datepicker-body thead tr {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    color: #757575;
}

.wm-app .bs-datepicker .bs-datepicker-head .current.ng-star-inserted {
    /*max-width: 3ch;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: clip;*/
}

.wm-app .bs-datepicker-head bs-datepicker-navigation-view {
    background: #ffffff;
}

.wm-app .bs-datepicker-head,
.wm-app .bs-datepicker-head bs-datepicker-navigation-view {
    border-radius: 8px 8px 0px 0px;
}

.wm-app .bs-datepicker .bs-datepicker-body {
    padding: 4px 4px 8px;
}

.wm-app .bs-datepicker-body,
.wm-app .bs-datepicker-body table {
    background: #ffffff;
    border-radius: 0px 0px 12px 12px;
}

.wm-app .bs-datepicker-body table td {
    color: var(--system-text-icon-ink);
    border-radius: 4px;
}

.wm-app .app-date tbody td span:hover {
    background-color: #edf2f7;
    border-radius: 4px;
}

.wm-app .app-date tbody td span.selected:hover {
    background-color: #edf2f7;
    border-radius: 4px;
}

.wm-app .app-date tbody td span.selected {
    background-color: var(--system-brand-primary);
    color: #ffffff;
    border-radius: 4px;
}

.wm-app .bs-datepicker-body table.days span {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: var(--system-text-icon-ink);
    border-radius: 4px;
}

.wm-app .bs-datepicker-body table.days span.is-other-month {
    color: var(--system-button-primary-disabled);
}

.wm-app .bs-datepicker-body table.days span.is-other-month:hover {
    color: var(--system-button-primary-disabled);
    background-color: #edf2f7;
}

.wm-app .bs-datepicker table td.is-highlighted:not(.disabled):not(.selected) span {
    background-color: #edf2f7;
    color: var(--system-brand-primary);
}

.wm-app .bs-datepicker table td.selected:not(.disabled) span {
    background-color: var(--system-brand-primary);
    color: #ffffff;
}

.wm-app .bs-datepicker table td.selected.is-highlighted:not(.disabled) span,
.wm-app .bs-datepicker table td.selected.is-highlighted:not(.disabled) span.selected,
.wm-app .bs-datepicker table td.is-highlighted:not(.disabled) span.selected {
    background-color: #edf2f7;
    color: var(--system-brand-primary);
    border: 1px solid var(--system-brand-primary);
}

.wm-app .app-date tbody td span.selected:hover {
    background-color: #edf2f7;
    color: var(--system-brand-primary);
    border: 1px solid var(--system-brand-primary);
}

.wm-app .app-date tbody td span.current-date {
    font-weight: normal;
    background-color: transparent;
    color: var(--system-brand-primary);
    text-decoration: none;
    text-decoration-color: var(--system-brand-primary);
    text-underline-offset: 2px;
}

.wm-app .app-date tbody td span.current-date.selected {
    background-color: var(--system-brand-primary);
    color: #ffffff;
    text-decoration: none;
    text-decoration-color: #ffffff;
    text-underline-offset: 2px;
}

.wm-app .app-date tbody td span.selected.current-date:hover {
    text-decoration: none;
    text-decoration-color: #ffffff;
    text-underline-offset: 2px;
}


/* form field datepicker start end */


/*text-decoration: underline;*/


/*text-decoration-color: red;*/


/*text-underline-offset: 2px;*/


/*ng-star-inserted current-date text-info*/


/* search text input with prefix icon*/

.wm-app .fif-search-input-text-container {
    width: 100%;
    height: auto;
    padding: 20px;
    background-color: #ffffff;
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wm-app .fif-search-input-text-prefix {
    position: absolute;
    left: 36px;
    top: 30px;
    color: var(--system-text-icon-ink-bold);
    z-index: 2;
}

.wm-app .fif-search-input-text {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink-bold);
    background-color: #ffffff;
    padding: 0px 0px 0px 40px;
    background-image: none;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
    z-index: 1;
}

.wm-app .fif-search-input-text::placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #c2c2c2;
}

/* custom select start */

.wm-app .pb-select {
    width: 100%;
}

.wm-app .pb-select .chosen-container-single .chosen-drop {
    margin-top: 2px;
    border-radius: 8px 8px 8px 8px;
    border-top: 1px solid #aaa;
}

.wm-app .pb-select .chosen-container-single .chosen-single {
    padding: 9px 32px 9px 16px;
    height: 40px;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    width: 100%;
    background-image: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    box-shadow: none;
    cursor: default;
    color: var(--system-text-icon-ink);
}

.wm-app .pb-select .chosen-container-single .chosen-drop {
    z-index: 10001;
}

.wm-app .pb-select .chosen-container-single .chosen-drop .chosen-results {
    max-height: 60vh;
}

.wm-app .pb-select .chosen-container-single .chosen-single:hover {
    cursor: default;
    text-decoration: none;
}

.wm-app .pb-select.field-invalid .chosen-container-single .chosen-single {
    border: solid 1px var(--system-border-error);
}

.wm-app .pb-select .chosen-container-single .chosen-single span {
    height: 20px;
}

.wm-app .pb-select .pb-select-error {
    padding-top: 2px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-danger);
    ;
    padding: 2px 0 0 0;
    margin: 0;
}

.wm-app .pb-select .form-select-dropdown-suffix {
    bottom: 9px;
    top: unset;
}

.wm-app .pb-select .chosen-container {
    font-size: 14px;
    color: var(--system-text-icon-ink);
}

/* custom select end */

/* Button Primary*/

.wm-app .fif-submit-btn {
    text-transform: none;
}

.wm-app .fif-submit-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--system-brand-primary);
    border: none;
    box-shadow: none;
}

.wm-app .fif-submit-btn:hover,
.wm-app .fif-submit-btn:focus {
    background-color: var(--system-button-primary-hover);
}

.wm-app .fif-submit-btn:active {
    background-color: var(--system-brand-primary);
}

.wm-app .fif-submit-btn:active:focus {
    background-color: var(--system-button-primary-pressed);
}

.wm-app .fif-submit-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.wm-app .fif-submit-btn[disabled] {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-submit-btn[disabled]:hover {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-submit-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-submit-btn i.app-icon {
    color: #ffffff;
}

.wm-app .fif-submit-btn.form-save-btn {
    width: 157px;
}


/* Button Secondary */

.wm-app .fif-secondary-btn {
    text-transform: none;
}

.wm-app .fif-secondary-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: #ffffff;
    border: solid 1px #d1d1d1;
    box-shadow: none;
}

.wm-app .fif-secondary-btn:hover,
.wm-app .fif-secondary-btn:focus {
    background-color: var(--system-button-secondary-hover);
}

.wm-app .fif-secondary-btn:active {
    background-color: #ffffff;
}

.wm-app .fif-secondary-btn:active:focus {
    background-color: var(--system-button-secondary-active);
}

.wm-app .fif-secondary-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-icon-ink);
}

.wm-app .fif-secondary-btn[disabled] {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-secondary-btn[disabled]:hover {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-secondary-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}


/*Button Tertiary*/

.wm-app .fif-tertiary-btn {
    text-transform: none;
}

.wm-app .fif-tertiary-btn {
    width: auto;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--system-fill-white);
    border: none;
    box-shadow: none;
}

.wm-app .fif-tertiary-btn:hover {
    background-color: var(--base-blue-10) !important;
}

.wm-app .fif-tertiary-btn:active {
    background-color: var(--base-blue-10) !important;
}

.wm-app .fif-tertiary-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

.wm-app .fif-tertiary-btn i.app-icon {
    color: var(--system-brand-primary);
}


/*Button Transparent*/

.wm-app .fif-transparent-btn {
    width: auto;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.wm-app .fif-transparent-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: black;
    box-shadow: none;
}

.wm-app .fif-transparent-btn:hover .btn-caption,
.wm-app .fif-transparent-btn:active .btn-caption {
    font-weight: bold;
}

.wm-app .fif-transparent-btn:hover .app-icon,
.wm-app .fif-transparent-btn:active .app-icon {
    font-weight: bold;
}


/* Button Text Primary*/

.wm-app .fif-text-primary-btn {
    text-transform: none;
}

.wm-app .fif-text-primary-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.wm-app .fif-text-primary-btn:hover,
.wm-app .fif-text-primary-btn:focus,
.wm-app .fif-text-primary-btn:active,
.wm-app .fif-text-primary-btn:active:focus {
    background-color: transparent;
}

.wm-app .fif-text-primary-btn:hover .btn-caption,
.wm-app .fif-text-primary-btn:focus .btn-caption {
    color: var(--system-button-primary-hover);
}

.wm-app .fif-text-primary-btn:active .btn-caption {
    color: var(--system-brand-primary);
}

.wm-app .fif-text-primary-btn:active:focus .btn-caption {
    color: var(--system-button-primary-pressed);
}

.wm-app .fif-text-primary-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0;
}

.wm-app .fif-text-primary-btn .app-icon {
    font-size: 13px;
    top: 1px;
}

.wm-app .fif-text-primary-btn[disabled] {
    background-color: transparent;
    border: none;
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-text-primary-btn[disabled]:hover {
    background-color: transparent;
    border: none;
}

.wm-app .fif-text-primary-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}


/* Button Ghost Primary */

.wm-app .fif-ghost-btn {
    text-transform: none;
}

.wm-app .fif-ghost-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: transparent;
    border: solid 1px var(--system-brand-primary);
    box-shadow: none;
}

.wm-app .fif-ghost-btn:hover,
.wm-app .fif-ghost-btn:focus {
    border-color: var(--system-button-primary-hover);
    background-color: transparent;
}

.wm-app .fif-ghost-btn:active,
.wm-app .fif-ghost-btn:active:focus {
    border-color: var(--system-button-primary-pressed);
    background-color: transparent;
}

.wm-app .fif-ghost-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
}

.wm-app .fif-ghost-btn:hover .btn-caption,
.wm-app .fif-ghost-btn:focus .btn-caption {
    color: var(--system-button-primary-hover);
}

.wm-app .fif-ghost-btn:active .btn-caption,
.wm-app .fif-ghost-btn:active:focus .btn-caption {
    color: var(--system-button-primary-pressed);
}

.wm-app .fif-ghost-btn[disabled] {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-ghost-btn[disabled]:hover {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-ghost-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}


/* Button Ghost Primary */

.wm-app .fif-ghost-add-btn {
    text-transform: none;
}

.wm-app .fif-ghost-add-btn {
    width: 100%;
    min-height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--base-blue-10);
    border: dashed 1px var(--system-brand-primary);
    box-shadow: none;
}

.wm-app .fif-ghost-add-btn:hover,
.wm-app .fif-ghost-add-btn:focus {
    border-color: var(--system-button-primary-hover);
    background-color: var(--base-blue-10);
}

.wm-app .fif-ghost-add-btn:active,
.wm-app .fif-ghost-add-btn:active:focus {
    border-color: var(--system-button-primary-pressed);
    background-color: var(--base-blue-10);
}

.wm-app .fif-ghost-add-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    text-wrap: pretty;
}

.wm-app .fif-ghost-add-btn:hover .btn-caption,
.wm-app .fif-ghost-add-btn:focus .btn-caption,
.wm-app .fif-ghost-add-btn.btn i.app-icon {
    color: var(--system-button-primary-hover);
}

.wm-app .fif-ghost-add-btn:active .btn-caption,
.wm-app .fif-ghost-add-btn:active:focus .btn-caption,
.wm-app .fif-ghost-add-btn.btn i.app-icon {
    color: var(--system-button-primary-pressed);
}

.wm-app .fif-ghost-add-btn[disabled] {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-ghost-add-btn[disabled]:hover {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-ghost-add-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-ghost-add-btn.btn i.app-icon {
    color: var(--system-brand-primary);
}

.wm-app .fif-ghost-add-btn.btn[icon-position=right] i.app-icon {
    margin: 0;
    padding: 0;
    top: 1px;
}

/* Button Ghost Add Static */

.wm-app .fif-ghost-add-static-btn {
    text-transform: none;
}

.wm-app .fif-ghost-add-static-btn {
    width: 100%;
    min-height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--system-button-ghost-static);
    border: dashed 1px var(--system-brand-primary);
    box-shadow: none;
}

.wm-app .fif-ghost-add-static-btn:hover,
.wm-app .fif-ghost-add-static-btn:focus {
    border-color: var(--system-button-primary-hover);
    background-color: var(--system-button-ghost-static);
}

.wm-app .fif-ghost-add-static-btn:active,
.wm-app .fif-ghost-add-static-btn:active:focus {
    border-color: var(--system-button-primary-pressed);
    background-color: var(--system-button-ghost-static);
}

.wm-app .fif-ghost-add-static-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    text-wrap: pretty;
}

.wm-app .fif-ghost-add-static-btn:hover .btn-caption,
.wm-app .fif-ghost-add-static-btn:focus .btn-caption,
.wm-app .fif-ghost-add-static-btn.btn i.app-icon {
    color: var(--system-button-primary-hover);
}

.wm-app .fif-ghost-add-static-btn:active .btn-caption,
.wm-app .fif-ghost-add-static-btn:active:focus .btn-caption,
.wm-app .fif-ghost-add-static-btn.btn i.app-icon {
    color: var(--system-button-primary-pressed);
}

.wm-app .fif-ghost-add-static-btn[disabled] {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-ghost-add-static-btn[disabled]:hover {
    background-color: transparent;
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-ghost-add-static-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-ghost-add-static-btn.btn i.app-icon {
    color: var(--system-brand-primary);
}

.wm-app .fif-ghost-add-static-btn.btn[icon-position=right] i.app-icon {
    margin: 0;
    padding: 0;
    top: 1px;
}


/* Button Danger */

.wm-app .fif-danger-btn {
    text-transform: none;
}

.wm-app .fif-danger-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--system-text-danger);
    border: none;
    box-shadow: none;
}

.wm-app .fif-danger-btn:hover,
.wm-app .fif-danger-btn:focus {
    background-color: var(--system-text-danger-hover);
}

.wm-app .fif-danger-btn:active {
    background-color: var(--system-text-danger-hover);
}

.wm-app .fif-danger-btn:active:focus {
    background-color: var(--system-text-danger-active);
}

.wm-app .fif-danger-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.wm-app .fif-danger-btn[disabled] {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-danger-btn[disabled]:hover {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-danger-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-danger-btn i.app-icon {
    color: #ffffff;
}

/* Button Danger Text */

.wm-app .fif-danger-text-btn {
    text-transform: none;
}

.wm-app .fif-danger-text-btn {
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    background-color: var(--system-fill-white);
    border: solid 1px var(--system-text-danger);
    box-shadow: none;
}

.wm-app .fif-danger-text-btn:hover,
.wm-app .fif-danger-text-btn:focus {
    background-color: var(--system-button-secondary-hover);
    border: solid 1px var(--system-text-danger);
}

.wm-app .fif-danger-text-btn:active {
    background-color: var(--system-button-secondary-hover);
    border: solid 1px var(--system-text-danger);
}

.wm-app .fif-danger-text-btn:active:focus {
    background-color: var(--system-button-secondary-hover);
    border: solid 1px var(--system-text-danger);
}

.wm-app .fif-danger-text-btn .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-danger);
}

.wm-app .fif-danger-text-btn[disabled] {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
    cursor: default;
    opacity: 1;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wm-app .fif-danger-text-btn[disabled]:hover {
    background-color: var(--system-button-primary-disabled-border);
    border: solid 1px var(--system-button-primary-disabled);
}

.wm-app .fif-danger-text-btn[disabled] .btn-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-primary-disabled);
}

.wm-app .fif-danger-text-btn i.app-icon {
    color: var(--system-text-danger);
}


/* flex for container */

.wm-app .app-container.flex-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.wm-app .app-container.flex-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/* container for text/label */

.wm-app .fif-center-text {
    text-align: center;
}


/*Checkbox*/

.wm-app .fif-checkbox,
.wm-app .fif-checkbox .caption {
    margin: 0;
}

.wm-app .fif-checkbox label .caption {
    padding-left: 25px;
    flex-grow: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    white-space: break-spaces;
}

.wm-app .fif-checkbox label {
    padding-left: 0;
    width: auto;
}

.wm-app .fif-checkbox label .caption::before {
    top: 3px;
    height: 16px;
    width: 16px;
    border: solid 1px #d1d1d1;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0px 0px 2px 2px;
    font-size: 12px;
}

.wm-app .fif-checkbox label input:checked+.caption::before {
    top: 3px;
    height: 16px;
    width: 16px;
    border: none;
    border-radius: 4px;
    padding: 0px 0px 2px 2px;
    font-size: 12px;
    background-color: var(--system-brand-primary);
    -webkit-box-shadow: inset 0 0 0 13px var(--system-brand-primary);
    box-shadow: inset 0 0 0 13px var(--system-brand-primary);
    box-shadow: var(--system-brand-primary);
    color: #ffffff;
}

.wm-app .checkbox input:checked+.caption:before {}

.wm-app app-partial-component_filter .cb-filter .checkbox input:checked+.caption:before {
    padding: 0 1px !important;
}

.wm-app .fif-checkbox.three-column-checkbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.wm-app .fif-checkbox.three-column-checkbox.app-checkboxset .app-checkbox {
    width: 31%;
    margin-top: 0;
    margin-bottom: 0;
}

.wm-app .fif-checkbox.three-column-checkbox.app-checkboxset .app-checkbox .caption {
    white-space: nowrap;
}

.wm-app .fif-checkbox.health-other-checkbox .app-checkbox {
    position: relative;
    top: 32px;
}

.wm-app .radio label:not(.unchecked) input:focus+.caption:before,
.wm-app .checkbox label:not(.unchecked) input:focus+.caption:before {
    border: none !important;
}

/* Avatar */

.wm-app .avatar-img-md {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    object-fit: cover;
}

.wm-app .avatar-img-lg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    object-fit: cover;
}


/*.wm-app .avatar-mask-container {*/


/*    display: flex;*/


/*    flex-direction: column;*/


/*    align-items: center;*/


/*    justify-content: center;*/


/*    color: #ffffff;*/


/*    gap: 4px;*/


/*}*/

.wm-app .avatar-mask-container .app-label {
    flex-grow: 0;
    font-family: Onest;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: transparent;
    cursor: pointer;
}

.wm-app .avatar-mask-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: transparent;
    gap: 4px;
}

.wm-app .avatar-mask-container:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.wm-app .avatar-mask-container:hover .app-label {
    color: #ffffff;
}

.wm-app .avatar-l-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Modal Dialog */

.wm-app p.confirm-h1 {
    font-size: 20px;
    font-weight: bold !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0;
}

.wm-app p.confirm-h2 {
    font-size: 16px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-icon-ink-bold);
    margin: 0;
}

.wm-app p.confirm-h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-icon-ink-bold);
    margin: 0;
}

.wm-app p.delete-h1 {
    font-size: 20px;
    font-weight: bold !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-danger);
    margin: 0;
}

.wm-app p.delete-h2 {
    font-size: 16px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-icon-ink-bold);
    margin: 0;
}

.wm-app p.delete-h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-text-icon-ink-bold);
    margin: 0;
}


/* Icon related */

.icon-danger {
    color: var(--system-text-danger) !important;
}

.icon-submit {
    color: var(--system-brand-primary) !important;
}

.icon-success {
    color: #45ba32 !important;
}

.icon-with-text-basic,
.wm-app .icon-with-text-basic .app-label {
    color: var(--system-button-link) !important;
}


/* color related */

.wm-app .primary-color {
    color: var(--system-brand-primary) !important;
}


/* Tooltip */

.wm-app .fif-tooltip-content {
    position: absolute;
    background: #ffffff;
    z-index: 20;
    border-radius: 12px;
    padding: 8px 12px;
    width: 223px;
    visibility: hidden;
}

.wm-app .insurance-badge .fif-tooltip-content {
    width: 233px;
}

.wm-app .insurance-badge .fif-tooltip-content .fif-tooltip-content-list {
    list-style-type: disc;
    padding-left: 24px;
    color: #ffffff;
}

.wm-app .fif-tooltip-container:hover .fif-tooltip-content {
    visibility: visible;
}

.wm-app .fif-tooltip-container.bottom .fif-tooltip-content {
    left: 50%;
    top: 120%;
    transform: translate(-50%, 10%);
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
}

.wm-app .fif-tooltip-container.bottom .fif-tooltip-content::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 49%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    z-index: 21;
}

.wm-app .fif-tooltip-container.top .fif-tooltip-content {
    left: 50%;
    bottom: 35px;
    transform: translate(-50%, 0%);
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
}

.wm-app .fif-tooltip-container.top .fif-tooltip-content::after {
    content: "";
    position: absolute;
    transform: rotate(180deg);
    left: 49%;
    top: 99%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    z-index: 21;
}

.wm-app .fif-tooltip-label,
.wm-app .fif-tooltip-container .fif-tooltip-content .fif-tooltip-label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    overflow: unset;
    text-overflow: unset;
    word-break: unset;
    padding: 0;
    margin-bottom: 0;
}


/*invert*/

.wm-app .fif-tooltip-container.inverted.top .fif-tooltip-content {
    left: 50%;
    /*top: 120%;*/
    transform: translate(-50%, -148%);
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
    background-color: rgba(30, 30, 30, 0.8);
}

.wm-app .fif-tooltip-container.inverted.top .fif-tooltip-content::after {
    content: "";
    position: absolute;
    bottom: -18%;
    left: 49%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 0.8) transparent transparent transparent;
    z-index: 21;
}

.wm-app .fif-tooltip-container.inverted.bottom .fif-tooltip-content {
    left: 50%;
    top: 120%;
    transform: translate(-50%, 10%);
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
    background-color: rgba(30, 30, 30, 0.8);
}

.wm-app .fif-tooltip-container.inverted.bottom .fif-tooltip-content::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 49%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent rgba(30, 30, 30, 0.8) transparent;
    z-index: 21;
}

.wm-app .fif-tooltip-container.inverted .fif-tooltip-content .fif-tooltip-label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    overflow: unset;
    text-overflow: unset;
    word-break: unset;
    padding: 0;
    margin-bottom: 0;
}


/* Cursor */

.wm-app .cursor-text {
    cursor: text !important;
}

.wm-app .cursor-pointer {
    cursor: pointer !important;
}

.wm-app .app-content ::-webkit-scrollbar,
.wm-app .modal-content-body ::-webkit-scrollbar {
    width: 14px;
}

.wm-app .app-content ::-webkit-scrollbar:horizontal,
.wm-app .modal-content-body ::-webkit-scrollbar:horizontal {
    height: 14px;
}

.wm-app .app-content ::-webkit-scrollbar-track,
.wm-app .app-content ::-webkit-scrollbar-track:horizontal,
.wm-app .modal-content-body ::-webkit-scrollbar-track,
.wm-app .modal-content-body ::-webkit-scrollbar-track:horizontal {
    background: transparent;
}

.wm-app .app-content ::-webkit-scrollbar-thumb,
.wm-app .app-content ::-webkit-scrollbar-thumb:horizontal,
.wm-app .app-content ::-webkit-scrollbar-thumb:hover,
.wm-app .modal-content-body ::-webkit-scrollbar-thumb,
.wm-app .modal-content-body ::-webkit-scrollbar-thumb:horizontal,
.wm-app .modal-content-body ::-webkit-scrollbar-thumb:hover {
    border-radius: 12px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: var(--base-blue-30);
}


/*.modal-content-body*/

/* Variables */

:root {
    --system-text-danger: #e7422f;
    --system-text-danger-hover: #d42814;
    --system-text-danger-active: #a82111;
    --system-button-ghost-static: #f5f4f6;
    --system-button-primary-disabled: #a3a3a3;
    --system-button-primary-disabled-border: #e6e6e6;
    --system-upload-container: rgba(210, 221, 233, 0.3);
    --system-upload-container-hover: rgba(210, 221, 233, 0.5);
    --system-upload-container-border: #9ca9cf;
    --system-upload-container-border-hover: #8898c9;
    --system-modal-footer: #f5f4f6;
    --system-brand-primary: #213679;
    --system-brand-accent-2: #f57e21;
    --system-brand-accent-3: #91b546;
    --system-brand-accent-4: #80cfe1;
    --section: #e5e8f0;
    --system-fill-white: #fff;
    --base-blue-50: #687cbb;
    --system-text-icon-ink: #4a4a4a;
    --system-fill-overlay: rgba(30, 30, 30, 0.8);
    --system-text-icon-invert: #fff;
    --system-fill-info: #d4d9e9;
    --base-blue-30: #9ca9cf;
    --base-blue-20: #c0c8e2;
    --system-text-icon-ink-bold: #1e1e1e;
    --system-text-icon-sub-ink: #757575;
    --system-border-stroke: #d1d1d1;
    --system-button-secondary: #fff;
    --system-text-icon-placeholder: #c2c2c2;
    --system-border-error: #e99d94;
    --system-fill-disabled: #e6e6e6;
    --system-text-icon-disabled: #a3a3a3;
    --system-border-inner-focus: #213679;
    --system-fill-comlink: #16599d;
    --system-fill-comp-hover: #fafafa;
    --system-border-disabled: #a3a3a3;
    --system-button-disabled: #e6e6e6;
    --system-button-primary: #213679;
    --system-button-primary-hover: #152864;
    --system-button-primary-pressed: #0c1942;
    --system-button-secondary-hover: #fafafa;
    --system-button-secondary-active: #f2f2f2;
    --system-button-link: #465ead;
    --system-button-link-hover: #213679;
    --system-button-danger: #e7422f;
    --system-button-danger-hover: #d42814;
    --system-button-danger-active: #a82111;
    --background: #f5f6f9;
    --system-fill-neutral: #cde8f9;
    --base-green-70: #91b546;
    --system-border-success: #c3d79c;
    --system-fill-success: #dfe7cf;
    --base-purple-10: #f5f4f6;
    --base-green-50: #acc578;
    --base-orange-50: #f1a66b;
    --system-brand-secondary: #0c1942;
    --system-brand-accent-1: #e7422f;
    --system-fill-error: #f6d3cf;
    --system-fill-warning: #f9e3d2;
    --system-fill-black: #1e1e1e;
    --system-fill-comp-active: #d4d9e9;
    --system-fill-comlink-hover: #a797b4;
    --system-border-info: #9ca9cf;
    --system-border-warning: #f0c39f;
    --system-border-focus: rgba(33, 54, 121, 0.2);
    --system-border-sub-stroke: #e6e6e6;
    --system-container-interest-basic: #e8eef4;
    --system-footer-background: linear-gradient(90deg, #213679 0%, #0A7AC0 100%);
    --system-footer-text: #ffffff;
    --system-footer-copyright: #ffffff;
    --base-mono-0: #fff;
    --base-mono-10: #f2f2f2;
    --base-mono-20: #e6e6e6;
    --base-mono-30: #d1d1d1;
    --base-mono-40: #c2c2c2;
    --base-mono-50: #a3a3a3;
    --base-mono-60: #757575;
    --base-mono-70: #4a4a4a;
    --base-mono-80: #3b3b3b;
    --base-mono-90: #2c2c2c;
    --base-mono-100: #1e1e1e;
    --base-mono-5: #fafafa;
    --base-purple-20: #e3dfe6;
    --base-purple-30: #ccc6d2;
    --base-purple-40: #a797b4;
    --base-purple-50: #72528e;
    --base-purple-60: #280b42;
    --base-purple-70: #240a3c;
    --base-purple-80: #1c082f;
    --base-purple-90: #160624;
    --base-purple-100: #11051c;
    --base-blue-10: #d4d9e9;
    --base-blue-40: #8898c9;
    --base-blue-70: #2f499a;
    --base-blue-80: #213679;
    --base-blue-90: #152864;
    --base-blue-100: #0c1942;
    --base-red-10: #f6d3cf;
    --base-red-20: #f0b5ae;
    --base-red-30: #e99d94;
    --base-red-40: #eb8276;
    --base-red-50: #e86c5e;
    --base-red-60: #e7422f;
    --base-red-70: #d42814;
    --base-red-80: #be2311;
    --base-red-90: #a82111;
    --base-red-100: #911c0f;
    --base-orange-10: #f9e3d2;
    --base-orange-20: #f4d4bb;
    --base-orange-30: #f0c39f;
    --base-orange-40: #efb587;
    --base-orange-60: #f2964f;
    --base-orange-70: #f57e21;
    --base-orange-80: #e56c0e;
    --base-orange-90: #cb5f0c;
    --base-orange-100: #ad520a;
    --base-yellow-10: #fef8eb;
    --base-yellow-20: #fbebc0;
    --base-yellow-30: #f9e1a1;
    --base-yellow-40: #f6d376;
    --base-yellow-50: #f4ca5c;
    --base-yellow-60: #f1bd33;
    --base-yellow-70: #dbac2e;
    --base-yellow-80: #ab8624;
    --base-yellow-90: #85681c;
    --base-yellow-100: #654f15;
    --base-teal-10: #f2fafc;
    --base-teal-20: #d8f0f6;
    --base-teal-30: #c5e9f1;
    --base-teal-40: #aadfeb;
    --base-teal-50: #99d9e7;
    --base-teal-60: #80cfe1;
    --base-teal-70: #74bccd;
    --base-teal-80: #5b93a0;
    --base-teal-90: #46727c;
    --base-teal-100: #36575f;
    --base-green-10: #dfe7cf;
    --base-green-20: #d1e0b3;
    --base-green-30: #c3d79c;
    --base-green-40: #bacd91;
    --base-green-60: #9dbe5a;
    --base-green-80: #83a63b;
    --base-green-90: #759630;
    --base-green-100: #66812b;
    --wa-icon-color: #16ca28;
    --page-content-max-width: 1440px;
}

/* End of Variables */


/* Text Related */

.wm-app p.app-label.fif-page-title {
    font-size: 38px;
    line-height: 1.21;
    text-align: left;
    color: var(--system-fill-white);
}

.wm-app p.app-label.fif-page-sub-title {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: var(--system-fill-white);
}

.wm-app p.app-label.fif-h3 {
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0;
}

.wm-app p.app-label.fif-h4 {
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-brand-primary);
    margin: 0;
}

.wm-app .bold {
    font-weight: bold !important;
}


/* badge start */

.wm-app .self-badge {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* gap: 0px; */
    /* padding: 6px 12px; */
    border-radius: 20px;
    width: fit-content;
    height: fit-content;
    padding: 4px 12px;
    border: solid 1px var(--system-brand-accent-2);
    display: inline-flex;
}

.wm-app .insurance-badge {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* gap: 0px; */
    /* padding: 6px 12px; */
    border-radius: 20px;
    width: fit-content;
    /* height: fit-content; */
    padding: 4px 12px;
    background-color: var(--system-fill-success);
    border: solid 1px var(--system-border-success);
    display: inline-flex;
    gap: 8px;
    height: 40px;
}

.wm-app .self-badge p,
.wm-app .app-form .self-badge p.app-label,
.wm-app .app-livelist .app-list-item.list-group-item .self-badge p.app-label,
.wm-app .app-livelist .app-list-item.active.list-group-item .self-badge p.app-label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    color: var(--system-brand-accent-2);
}

.wm-app .app-form .insurance-badge p.app-label,
.wm-app .app-livelist .app-list-item.list-group-item .insurance-badge .insurance-badge-label.app-label,
.wm-app .app-livelist .app-list-item.active.list-group-item .insurance-badge .insurance-badge-label.app-label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    color: var(--base-green-90);
}

.wm-app .app-livelist .app-list-item.active.list-group-item .insurance-badge .fif-tooltip-container,
.wm-app .app-livelist .app-list-item.list-group-item .insurance-badge .fif-tooltip-container {
    color: var(--base-green-90);
}

.wm-app .app-livelist .app-list-item.active.list-group-item .insurance-badge .fif-tooltip-container .app-icon-wrapper,
.wm-app .app-livelist .app-list-item.list-group-item .insurance-badge .fif-tooltip-container .app-icon-wrapper {
    font-size: 13px;
    display: flex;
}

.wm-app .insurance-badge.insurance-not-covered {
    background-color: var(--background);
    border: solid 1px var(--base-mono-50);
}

.wm-app .app-livelist .app-list-item.list-group-item .insurance-badge.insurance-not-covered .insurance-badge-label.app-label,
.wm-app .app-livelist .app-list-item.active.list-group-item .insurance-badge.insurance-not-covered .insurance-badge-label.app-label,
.wm-app .app-livelist .app-list-item.list-group-item .insurance-badge.insurance-not-covered .fif-tooltip-container {
    color: var(--system-text-icon-sub-ink);
}

.wm-app .section-badge {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 20px;
}

.wm-app .section-badge.incomplete {
    min-width: 115px;
}

.wm-app .section-badge.complete {
    min-width: 90px;
}

.wm-app .section-badge p {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
}

.wm-app .section-badge .complete-icon {
    display: none;
}

.wm-app .section-badge.incomplete {
    padding: 6px 12px;
    border: solid 1px var(--base-orange-70);
    background-color: var(--base-orange-10);
}

.wm-app .section-badge.incomplete p {
    color: var(--base-orange-70);
}

.wm-app .section-badge.complete {
    padding: 4px 4px 4px 12px;
    border: solid 1px var(--base-green-100);
    background-color: var(--base-green-10);
}

.wm-app .section-badge.section-only.complete {
    min-width: 130px;
}

.wm-app .section-badge.complete p {
    color: var(--base-green-100);
}

.wm-app .section-badge.complete .complete-icon {
    font-size: 19px;
    /* display: block; */
    color: var(--base-green-100);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wm-app .section-badge.complete .complete-icon i {
    padding: 0;
}


/* Modal Start */

.wm-app .modal-body {
    padding: 0;
}

.wm-app .con-modal .modal-content {
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
    max-width: 572px;
}

.con-modal-header {
    padding: 20px;
    border: solid 1px #d1d1d1;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con-modal-header .caption {
    font-size: 14px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink-bold);
}

.con-modal-header .btn-close-modal {
    font-size: 12px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.con-modal-content {
    padding: 24px;
}

.con-modal-footer {
    height: 80px;
    padding: 20px;
    background-color: var(--system-modal-footer);
    border-radius: 0px 0px 12px 12px;
}

@media screen and (max-width: 1320px) {
    .wm-app .app-content {
        /*padding-top: 0px;*/
    }
}


/* Parent btn position */

.parent-btn-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.parent-btn-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.parent-btn-mid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}


/* Date pick start */

.wm-app .btn-today-wrapper {
    padding: 12px 16px;
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
    border-top: solid 1px var(--system-button-primary-disabled-border);
    background: #ffffff;
}

.wm-app .btn-today-wrapper .btn {
    color: var(--system-brand-primary);
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    text-transform: none;
    box-shadow: none;
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    border: none;
}

.wm-app .btn-today-wrapper .btn {
    color: var(--system-brand-primary);
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    text-transform: none;
    box-shadow: none;
    width: 100%;
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 12px;
    border: none;
}

.wm-app .btn-today-wrapper .btn:hover,
.wm-app .btn-today-wrapper .btn:focus,
.wm-app .btn-today-wrapper .btn:active,
.wm-app .btn-today-wrapper .btn:active:focus {
    background-color: transparent;
}

.wm-app .btn-today-wrapper .btn:hover,
.wm-app .btn-today-wrapper .btn:focus {
    color: var(--system-button-primary-hover);
}

.wm-app .btn-today-wrapper .btn:active {
    color: var(--system-brand-primary);
}

.wm-app .btn-today-wrapper .btn:active:focus {
    color: var(--system-button-primary-pressed);
}


/* Date pick end*/


/* Upload start */

.wm-app .custom-upload-container .app-spinner .spinner-message {
    top: 10%;
}

.wm-app .upload-pic-label-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
}

.wm-app .upload-pic-label-container .control-label {
    width: auto;
}

.wm-app .upload-pic-label-container .fif-tooltip-container {
    height: 16px;
    display: flex;
}

.wm-app .upload-pic-label-container .fif-tooltip-container .app-icon-wrapper {
    font-size: 13px;
    display: flex;
}

.wm-app .upload-input-container-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    bottom: 72px;
}

.wm-app .custom-upload-input-container {
    height: 72px;
    border: 1px dashed var(--system-upload-container-border);
    background: var(--system-upload-container);
    border-radius: 12px;
    cursor: pointer;
}

.wm-app .custom-upload-input-container:hover {
    border: 1px dashed var(--system-upload-container-border-hover);
    background: var(--system-upload-container-hover);
}

.wm-app .custom-upload-input-container .custom-upload-input {
    opacity: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    position: relative;
    cursor: pointer;
}

.wm-app .custom-upload-input-container .custom-upload-icon {
    display: flex;
    font-size: 36px;
    color: #c2c2c2;
    margin: 0;
    padding: 0;
    padding-right: 8px;
}

.wm-app .custom-upload-input-container .custom-upload-icon .app-icon {
    margin: 0;
    padding: 0;
}

.wm-app .custom-upload-input-container .custom-upload-anchor,
.wm-app .app-livelist .app-list-item.active.list-group-item .app-anchor.custom-upload-anchor {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: var(--system-button-link);
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 11;
}

.wm-app .custom-upload-input-container .custom-upload-text {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    margin: 0;
    padding: 0;
    padding-right: 4px;
}

.wm-app .custom-upload-input-container .custom-upload-text-bold {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    color: var(--system-text-icon-ink-bold);
}

.wm-app .custom-upload-input-container .custom-upload-input-container-anchor-and-max-size-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wm-app .custom-upload-input-container .custom-upload-input-container-anchor-container {
    display: flex;
}

.wm-app .custom-upload-input-container .custom-input-max-file-text {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    margin: 0;
    padding: 0;
}

.wm-app .custom-upload-output-container {
    height: 72px;
    border: 1px solid var(--base-blue-20);
    background: #ffffff;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.wm-app .custom-upload-output-container.output-with-preview {
    height: fit-content;
    /*border: 1px solid #ccc6d2;*/
    /*background: transparent;*/
    /*border-radius: 12px;*/
    /*padding: 12px;*/
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 0;
    /*justify-content: space-between;*/
}

.wm-app .custom-upload-output-container.output-with-preview .custom-upload-output-preview-container {
    height: 459px;
    border-bottom: 1px solid #d1d1d1;
}

.wm-app .custom-upload-output-container.output-with-preview .custom-upload-output-preview-container img {
    object-fit: contain !important;
    width: 100%;
    height: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wm-app .custom-upload-output-container .upload-text-button-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 12px;
}

.wm-app .custom-upload-output-container .upload-output-text-icon-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
}

.wm-app .custom-upload-output-container .upload-output-text-container {
    display: flex;
    flex-direction: column;
}

.wm-app .custom-upload-output-container .custom-upload-icon {
    font-size: 36px;
    color: var(--system-brand-primary);
    padding: 6px;
}

.wm-app .custom-upload-output-container .upload-output-text-container .fif-link {
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20vw;
}

.wm-app .modal-content-body .custom-upload-output-container .upload-output-text-container .fif-link {
    max-width: 308px;
}

.wm-app .custom-upload-output-container .upload-output-text-container .fif-link span.anchor-caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
}

.wm-app .custom-upload-output-container .app-icon {
    vertical-align: baseline;
    padding: 0;
}

.wm-app .custom-upload-output-container .upload-output-text-info-container .custom-upload-text {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    padding: 0;
    margin: 0;
}

.wm-app .custom-upload-output-container .upload-output-text-info-container .dot {
    background-color: #757575;
    border-radius: 50%;
    height: 4px;
    width: 4px;
}

.wm-app .custom-upload-output-container .upload-output-text-info-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.wm-app .custom-upload-output-container .upload-output-btn-container {
    display: flex;
    gap: 8px;
}

.wm-app .custom-upload-output-container .upload-output-download,
.wm-app .app-livelist .app-list-item .custom-upload-output-container .upload-output-download {
    font-size: 13px;
    color: var(--system-brand-primary);
    padding: 6px;
}

.wm-app .app-livelist .app-list-item .custom-upload-output-container .upload-output-download .app-icon {
    color: var(--system-brand-primary);
}

.wm-app .custom-upload-output-container .upload-output-delete,
.wm-app .app-livelist .app-list-item .custom-upload-output-container .upload-output-delete {
    font-size: 13px;
    color: var(--system-text-danger);
    padding: 6px;
}

.wm-app .app-livelist .app-list-item .custom-upload-output-container .upload-output-delete .app-icon {
    color: var(--system-text-danger);
}


/* Upload end*/


/* Alert */

.wm-app .alert-info-container {
    display: flex;
    flex-direction: row;
    padding: 16px;
    width: 100%;
    background-color: var(--system-fill-info);
    border: solid 1px var(--system-border-info);
    border-radius: 8px;
    gap: 14px;
}

.wm-app .alert-info-container .alert-info-icon {
    font-size: 18px;
    color: var(--system-brand-primary);
    flex-shrink: 0;
    padding: 0;
    display: flex;
    margin: 0;
}

.wm-app .alert-text-container {
    display: flex;
    flex-direction: column;
}

.wm-app .alert-text-container .alert-text-heading {
    align-self: stretch;
    flex-grow: 0;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    text-align: left;
    color: var(--system-text-icon-ink-bold);
}

.wm-app .alert-text-container .alert-text-content {
    flex-grow: 0;
    font-family: Onest;
    font-size: 12px;
    line-height: 1.67;
    text-align: left;
    color: var(--system-text-icon-ink);
}


/* Alert End */


/* */


/* form related start*/

.wm-app .subsection-save-btn-container {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid #d1d1d1;
}

.wm-app .resume-subsection-content-container.hide-subsection-save-btn .subsection-save-btn-container {
    display: none;
}

.wm-app .resume-subsection-content-container .subsection-save-btn {
    width: 157px;
    align-self: end;
}

.wm-app .have-other-field-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}

.wm-app .have-other-field-container-8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.wm-app .have-other-field-container-12 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.wm-app .have-other-field-horizontal-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    /*flex: 1;*/
}

.wm-app .have-other-field-horizontal-container .checkbox-for-input-field {
    bottom: -30px;
}

.wm-app .double-field-container {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.wm-app .double-field-container>* {
    flex: 1;
}

.wm-app .multiple-field-container {
    display: flex;
    gap: 16px;
}

.wm-app .multiple-field-container>* {
    flex: 1;
}

.wm-app .fif-control-field.form-non-resizable-text-area textarea,
.wm-app .app-form .fif-control-field.form-non-resizable-text-area .form-group .form-control-static+.app-input-wrapper>.form-control {
    resize: none;
    max-height: 118px;
    height: 118px;
    width: 100%;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
}

.wm-app .fif-control-field.hide-helper .form-group .help-block {
    display: none;
}

.wm-app .fif-control-field .field-title-with-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    flex-wrap: wrap;
}

.wm-app .form-subsection-data .fif-control-field .field-title-with-checkbox-container .control-label {
    padding-bottom: 0px;
    width: fit-content;
}

.wm-app .fif-control-field .field-title-with-checkbox-container .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.app-radioset {
    padding: 0;
}

.wm-app .fif-control-field .field-title-with-checkbox-container .fif-radioset-horizontal.fif-control-field .help-block {
    padding: 0;
}

.wm-app .form-subsection-data .fif-title-and-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 16px;
}

.wm-app .form-subsection-data .fif-list-title-and-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 16px;
    gap: 8px;
}

.wm-app .form-subsection-data .fif-list-title-and-button-container-extra-badge {
    display: flex;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 16px;
    gap: 8px;
    flex-direction: column;
}

.wm-app .form-subsection-data .fif-list-title-and-button-container-extra-badge .list-title-and-button-container-inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-bottom: 16px; */
    gap: 8px;
}

.wm-app .form-subsection-data .fif-item-btn-container {
    display: flex;
    gap: 8px;
}

.wm-app .form-subsection-data .fif-item-btn-container .btn.app-button {
    color: #757575;
}

.wm-app .form-subsection-data .fif-item-btn-container .btn.app-button .app-icon {
    font-size: 16px;
    color: #757575;
    padding: 0;
    margin: 0;
}

.wm-app .form-subsection-data .fif-item-btn-container .btn.app-button.icon-danger .app-icon {
    color: var(--system-text-danger) !important;
}

.wm-app .form-subsection-data.form-with-checkbox-list .form-elements {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wm-app .form-subsection-data.app-form .app-label.control-field-prefix {
    width: fit-content;
    border: none;
    box-shadow: none;
    padding: 0;
    background: unset;
    top: 32px;
    left: 16px;
    z-index: 9;
    position: absolute;
    color: #757575;
    margin-bottom: 0;
    font-size: 14px;
}

.wm-app .form-subsection-data.app-form .field-with-prefix .form-group .form-control-static+.app-input-wrapper>.form-control {
    padding: 9px 32px 8px 46px;
}

.wm-app .form-subsection-data.app-form .money-prefix.field-with-prefix .form-group .form-control-static+.app-input-wrapper>.form-control,
.wm-app .form-subsection-data.app-form .money-prefix.field-with-prefix .form-group .app-currency>.form-control {
    padding: 9px 32px 8px 38px;
}

.wm-app .form-subsection-data.app-form .money-prefix .input-group-addon,
.wm-app .form-subsection-data.app-form .money-prefix.field-with-prefix .input-group-addon {
    display: none;
}

.wm-app .app-form .form-group .form-control-static+.input-group.fif-datepicker .app-dateinput {
    padding: 9px 28px 9px 16px;
}

.wm-app .resume-form-question-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.wm-app .resume-title-form-question-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
    width: 100%;
    justify-content: space-between;
}

.wm-app .resume-title-form-question-container:first-child {
    flex: 1;
}

.wm-app .form-subsection-data .fif-control-field.resume-form-question-container .resume-title-form-question-container p.control-label {
    padding: 0;
}

.wm-app .form-subsection-data .fif-control-field.resume-form-question-container .resume-title-form-question-container .upload-pic-label-container {
    align-items: flex-end;
}

.wm-app .updated-default-anchor {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: var(--system-button-link);
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-align: end;
}

.wm-app .form-subsection-data .additional-field-horizontal-container {
    display: flex;
    gap: 8px;
}

.wm-app .form-subsection-data .additional-field-horizontal-container .additional-field-horizontal-title {
    width: max-content;
}

.wm-app .form-subsection-data .additional-field-horizontal-container .additional-field-horizontal-field {
    flex: 1;
}

.wm-app .app-form.form-subsection-data .additional-field-horizontal-container .additional-field-horizontal-field .form-group .input-group {
    display: block;
}

.wm-app .form-subsection-data .additional-field-horizontal-container.for-identity .additional-field-horizontal-title {
    flex: 1;
}

.wm-app .form-subsection-data .additional-field-horizontal-container.for-identity .additional-field-horizontal-field {
    flex: 2;
}

/* form related end*/


/* basic create update modal start */

.wm-app .create-update-modal .modal-content {
    max-width: 600px;
    flex-grow: 0;
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
    overflow: hidden;
}

.wm-app .create-update-modal .modal-content .modal-content-header {
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid 1px #d1d1d1;
}

.wm-app .create-update-modal .modal-content .modal-content-header .modal-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: left;
    color: var(--system-text-icon-ink-bold);
}

.wm-app .create-update-modal .modal-content .modal-content-header .close-button {
    cursor: pointer;
}

.wm-app .create-update-modal .modal-content .modal-content-body {
    padding: 20px;
}

.wm-app .create-update-modal .modal-content .modal-content-footer {
    padding: 20px;
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    background-color: var(--system-modal-footer);
}

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

.wm-app .form-select-dropdown-suffix {
    position: absolute;
    top: 32px;
    right: 16px;
    /*z-index: 3;*/
    z-index: 10000;
    pointer-events: none;
}

.wm-app .app-form .form-group .form-control-static+.input-group {
    width: 100%;
}

.wm-app .create-update-modal .form-subsection-data .form-vertical-separator-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wm-app .create-update-modal .modal-double-field-container {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.wm-app .create-update-modal .modal-double-field-container>* {
    flex: 1;
}

.wm-app .create-update-modal .app-form .form-group .form-control-static+.input-group.fif-datepicker {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.wm-app .create-update-modal .app-dialog-body.modal-body {
    overflow: visible;
}

.wm-app .create-update-modal .modal-have-other-field-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}


/* basic create update modal end*/


/* title and image examle start */

.wm-app .create-update-modal.title-and-image-example .modal-content {
    max-width: 860px;
    flex-grow: 0;
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(30, 30, 30, 0.05), 0 10px 15px -3px rgba(30, 30, 30, 0.12), 0 4px 6px -2px rgba(30, 30, 30, 0.05);
    overflow: hidden;
}

.wm-app .title-and-image-example-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wm-app .title-and-image-example-container .app-label {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    padding: 0;
    margin: 0;
}

.wm-app .title-and-image-example-container img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}


/* title and image examle end */


/* radioset start */

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 9px 0;
}

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field .app-radio {
    margin-top: 0;
    margin-bottom: 0;
    width: fit-content;
}

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field .app-radio .app-radioset-label {
    padding-left: 0;
}

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field .app-radio .caption {
    margin: 0;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field input:checked+.caption:before,
.wm-app .fif-radioset.fif-control-field .fif-radioset.fif-control-field input:checked+.caption:before {
    box-shadow: inset 0 0 0 4px var(--system-brand-primary);
    border-color: var(--system-brand-primary) !important;
}

.wm-app .form-subsection-data .field-title-with-checkbox-container .fif-control-field.field-title-and-checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}

.wm-app .form-subsection-data .field-title-with-checkbox-container .fif-control-field.field-title-and-checkbox .fif-radioset-horizontal {
    padding: 0;
}

.wm-app .form-subsection-data .field-title-with-checkbox-container .fif-control-field.field-title-and-checkbox .control-label {
    width: fit-content;
}


/* radioset end*/


/* list Start */

.wm-app .form-subsection-data .form-separator-container .fif-basic-list-container {
    flex: 0;
}

.wm-app .form-subsection-data .form-separator-container .fif-basic-list-container .list-group-item {
    padding: 0;
    margin-bottom: 16px;
    border: none;
}

.wm-app .form-subsection-data .form-separator-container .fif-basic-list-container .list-group-item:last-child {
    margin-bottom: 0px;
}

.wm-app .multiple-field-container.fif-basic-list {
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    border: solid 1px #d1d1d1d1;
    flex-direction: column;
    align-items: stretch;
}

.wm-app .multiple-field-container.fif-basic-list .btn.app-button {
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    width: 40px;
    padding: 8px 10px 8px 10px;
}

.wm-app .multiple-field-container.fif-basic-list .btn.app-button:hover {
    background-color: var(--system-button-secondary-hover);
}

.wm-app .multiple-field-container.fif-basic-list .btn.app-button:focus:active {
    background-color: var(--system-button-secondary-active);
}

.wm-app .multiple-field-container.fif-basic-list .btn.app-button .app-icon,
.wm-app .multiple-field-container.fif-basic-list .btn.app-button:hover .app-icon,
.wm-app .multiple-field-container.fif-basic-list .btn.app-button:focus:active .app-icon {
    padding: 0;
}

.wm-app .form-subsection-data .fif-list-title.app-label {
    /*height: 22px;*/
    flex-grow: 1;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    padding: 0;
    margin: 0;
}

.wm-app .form-subsection-data .fif-list-title-pretext.app-label {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-brand-primary);
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
    border-right: solid 1px var(--system-button-primary-disabled-border);
    width: fit-content;
}

.wm-app .fif-list-title-and-button-container.inline-only-list-title .fif-list-title-pretext,
.wm-app .fif-list-title-and-button-container.inline-only-list-title .fif-list-title,
.wm-app .fif-list-title-and-button-container-extra-badge.inline-only-list-title .fif-list-title-pretext,
.wm-app .fif-list-title-and-button-container-extra-badge.inline-only-list-title .fif-list-title {
    display: inline;
}

.wm-app .fif-list-title-and-button-container.inline-only-list-title .fif-list-title-left-container,
.wm-app .fif-list-title-and-button-container-extra-badge.inline-only-list-title .fif-list-title-left-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.wm-app .form-subsection-data .fif-list-title-left-container .inline-flex-with-badge {
    flex: 1;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.wm-app .fif-list-title-only-container {}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-and-desc-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--system-button-link);
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-description-container .app-label {
    font-family: Onest;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    padding: 0;
    margin: 0;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--system-button-link);
    padding: 0 8px 0 0;
    border-right: solid 1px var(--system-button-primary-disabled-border);
    width: fit-content;
    /*align-items: flex-end;*/
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container.with-building-icon {
    padding-bottom: 2px;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container.with-calendar-icon {
    bottom: 1px;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container.with-birthcake-icon {
    padding-bottom: 1px;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container.with-birthcake-icon .app-label {
    top: 1px;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container:last-child {
    padding: 0 0 0 0;
    border-right: none;
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container .app-label {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--system-button-link);
}

.wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container .fif-list-label-with-icon-container .app-icon {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.wm-app .form-subsection-data .media-list.document-only-list.app-livelist {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}

.wm-app .form-subsection-data .media-list.document-only-list .app-livelist-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    overflow: unset;
    width: fit-content;
    margin: 0;
    padding: 0;
    flex: 1;
}

.wm-app .form-subsection-data .media-list.document-only-list .app-livelist-container::before {
    content: none;
}

.wm-app .form-subsection-data .media-list.document-only-list .app-list-item {
    width: 50%;
    padding: 0;
    margin: 0;
    border: 0;
    width: calc(50% - 10px);
}

.wm-app .form-subsection-data .media-list.document-only-list .app-list-item:hover,
.wm-app .form-subsection-data .media-list.document-only-list .app-list-item:focus,
.wm-app .form-subsection-data .media-list.document-only-list .app-list-item.active {
    background: transparent;
}

.wm-app .form-subsection-data .edu-certificate-container {
    display: flex;
    gap: 8px;
}

.wm-app .form-subsection-data .edu-certificate-container .app-label {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #757575;
}


/* list end */


/* flex basic start */

.wm-app .basic-flex-display {
    display: flex;
}

.wm-app .flex-size-0 {
    flex: 0;
}

.wm-app .flex-size-1 {
    flex: 1;
}

.wm-app .flex-size-2 {
    flex: 2;
}

.wm-app .flex-size-3 {
    flex: 3;
}

.wm-app .flex-size-4 {
    flex: 4;
}

.wm-app .flex-size-5 {
    flex: 5;
}

.wm-app .flex-size-10 {
    flex: 10;
}

.wm-app .flex-start {
    align-items: flex-start;
}

.wm-app .flex-space-between {
    justify-content: space-between;
}

.wm-app .flex-space-evenly {
    justify-content: space-evenly;
}

.wm-app .flex-end {
    justify-content: flex-end;
}

.wm-app .flex-items-center {
    display: flex;
    align-items: center;
}

.wm-app .sm-only-full {
    width: 50%;
}

.wm-app .all-child-flex>* {
    display: flex;
}

.wm-app .gap-12 {
    gap: 12px;
}


/*flex basic end*/


/* width related start*/

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


/* width related end */


/* container with icon start*/

.wm-app .label-and-icon-container {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wm-app .label-and-icon-container .app-icon {
    font-size: 16px;
    color: var(--system-brand-primary);
    padding: 0;
}


/* container with icon end */


/* basic container start */

.wm-app .fif-basic-container {
    gap: 16px;
    border-radius: 12px;
    border: solid 1px #d1d1d1d1;
    flex-direction: column;
    align-items: stretch;
    padding: 20px 0;
}

.wm-app .fif-basic-container .container-title {
    padding: 0;
    margin-bottom: 0;
    /* flex-grow: 0; */
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: var(--system-text-icon-ink);
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 20px 20px;
}

.wm-app .fif-basic-container-interest {
    gap: 16px;
    border-radius: 12px;
    border: solid 1px #d1d1d1d1;
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    background-color: var(--system-container-interest-basic);
}

.wm-app .fif-basic-container-interest .container-title-interest-personal {
    padding: 0;
    margin-bottom: 0;
    /* flex-grow: 0; */
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0px 20px;
}

.wm-app .form-subsection-data .fif-basic-container-two-upload {
    gap: 20px;
    border-radius: 12px;
    border: solid 1px #d1d1d1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 20px;
    background-color: var(--system-upload-container-hover);
}

.wm-app .multiple-field-container.fif-basic-container .fif-control-field.control-field-question {
    padding: 0 20px 0px;
}

.wm-app .static-btn-and-select-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
}


/* static-btn-and-select-container-with-other start */

.wm-app .static-btn-and-select-container-with-other {
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-items: center;
}

.wm-app .static-btn-and-select-container-with-other .static-btn-and-select-container {
    flex: 4;
}


/* static-btn-and-select-container-with-other end */


/* basic subsection start */

.wm-app .subsection-title-container {
    gap: 12px;
}


/*.wm-app .subsection-badge-container,*/


/*.wm-app .section-badge {*/


/*display: flex;*/


/*flex-direction: row;*/


/*justify-content: flex-end;*/


/*    min-width: 114px;*/


/*}*/


/* basic subsection end */


/* basic container end */


/* basic display hide start */


/*Widgets.formSubsection.formWidgets.flagVehicle.datavalue===true ? "stay-display": "stay-hide"*/

.wm-app .display-and-hide.stay-hide {
    visibility: hidden !important;
}


/* basic display hide start end */

/* z-index start */

.wm-app .z-index-1000 {
    z-index: 1000;
}

/* z-index end */


/* basic padding start */

.wm-app .no-padding-bottom {
    padding-bottom: 0 !important;
}

.wm-app .no-padding {
    padding: 0 !important;
}

.wm-app .question-with-padding-bottom {
    padding-bottom: 12px !important;
}


/* basic padding end */


/* recruiter view style start */

.wm-app .app-content.recruiter-viewer {
    padding-top: 0px;
}

.wm-app .app-content.recruiter-viewer .dashboard-navbar-content {
    padding: 50px 100px 60px;
    width: 100%;
}

.wm-app .app-content.recruiter-viewer .dashboard-navbar-content .resume-navbar {
    top: -80px;
}

.wm-app .app-content.recruiter-viewer .dashboard-navbar-content .resume-section-container {
    margin-top: unset;
}


/* recruiter view style end*/


/* file color start */

.wm-app .fa-file-excel {
    color: #87dd79;
}


/* file color end */

/* basic text align start */

.wm-app .text-align-end {
    text-align: end;
}

/* basic text align end */

/* simple screen start */

/* .wm-app .non-mobile-display-only{
    display: block;
} */

.wm-app .mobile-display-only,
.wm-app .mobile-display-only-inline-flex {
    display: none;
}

/* simple screen end */

@media screen and (max-width: 1200px) {
    .wm-app .static-btn-and-select-container-with-other .fif-checkbox {
        flex: 2;
    }
}

@media screen and (max-width: 1128px) {
    .wm-app .static-btn-and-select-container-with-other {
        display: flex;
        gap: 4px;
        flex-direction: column;
        align-items: stretch;
    }

    .wm-app .static-btn-and-select-container-with-other .fif-checkbox {
        align-self: end;
    }
}

@media screen and (max-width: 1000px) {
    .wm-app .custom-upload-output-container .upload-output-text-container .fif-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15vw;
    }
}

@media screen and (max-width: 768px) {
    .wm-app .con-modal {
        max-width: 286px;
    }

    .wm-app .modal {
        display: flex !important;
        justify-content: center;
    }

    .wm-app .have-other-field-horizontal-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
        /*flex: 1;*/
    }

    .wm-app .have-other-field-horizontal-container .checkbox-for-input-field {
        bottom: 0px;
    }

    .wm-app .fif-submit-btn.form-save-btn {
        width: 100%;
    }

    .wm-app .resume-subsection-content-container .subsection-save-btn {
        width: 100%;
    }

    .wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container {
        flex-direction: column;
    }

    .wm-app .form-subsection-data .fif-basic-list-container .fif-list-field-data-container.flex-wrap {
        flex-direction: unset;
    }

    .wm-app .resume-title-form-question-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .wm-app .updated-default-anchor {
        text-align: start;
    }

    .wm-app .form-subsection-data .media-list.document-only-list .app-list-item {
        width: 100%;
    }

    .wm-app .fif-control-field .field-title-with-checkbox-container {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 12px;
        justify-content: normal;
        align-items: flex-start;
    }

    .wm-app .sm-only-full {
        width: 100%;
    }

    .wm-app .form-subsection-data .field-title-with-checkbox-container .fif-control-field.field-title-and-checkbox {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .wm-app .display-and-hide.stay-hide {
        display: none !important;
    }

    .wm-app .fif-checkbox.three-column-checkbox {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .wm-app .fif-checkbox.three-column-checkbox.app-checkboxset .app-checkbox {
        width: 100%;
    }

    .wm-app .form-subsection-data .fif-basic-container-two-upload {
        flex-direction: column;
    }

    .wm-app .basic-flex-display {
        flex-direction: column;
    }

    .wm-app .form-subsection-data .multiple-field-container .fif-radioset-horizontal .mobile-column-radioset.fif-radioset-horizontal.fif-control-field {
        gap: 12px;
        flex-direction: column;
    }

    .wm-app .fif-radioset-horizontal.fif-control-field .fif-radioset-horizontal.fif-control-field .app-radio .caption {
        text-wrap: balance;
    }

    .wm-app .fif-checkbox.three-column-checkbox.app-checkboxset .app-checkbox .caption {
        text-wrap: balance;
    }

    .wm-app .form-subsection-data .fif-control-field.field-title-with-checkbox-horizontal-container {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    /* recruiter view style start */
    .wm-app .app-content.recruiter-viewer {
        padding-top: 0px;
    }

    .wm-app .app-content.recruiter-viewer .dashboard-navbar-content {
        padding: 50px 24px 70px;
        width: 100%;
    }

    .wm-app .app-content.recruiter-viewer .dashboard-navbar-content .resume-navbar {
        top: -80px;
    }

    .wm-app .app-content.recruiter-viewer .dashboard-navbar-content .resume-section-container {
        margin-top: unset;
    }

    /* recruiter view style end*/
    .wm-app .form-subsection-data .additional-field-horizontal-container.for-identity {
        flex-direction: column;
        align-items: stretch;
    }

    .wm-app .app-container.otp-container #google-captcha {
        transform: scale(0.8);
        transform-origin: 0 0;
        position: relative;
        left: -22px;
    }

    /* footer start */

    .wm-app .basic-divider-container {
        flex-direction: column;
        /* flex-wrap: wrap; */
    }

    .wm-app .basic-divider-container .basic-divider-container-left {
        border-right: none;
    }

    /* footer end */

    .wm-app .non-mobile-display-only {
        display: none !important;
    }

    .wm-app .mobile-display-only {
        display: block !important;
    }

    .wm-app .mobile-display-only-inline-flex {
        display: inline-flex !important;
    }

    .wm-app .fif-checkbox.health-other-checkbox .app-checkbox {
        position: relative;
        top: 0px;
    }
}

@media screen and (max-width: 555px) {
    .wm-app .app-content.recruiter-viewer .dashboard-navbar-content {
        padding: 50px 24px 52px;
        width: 100%;
    }

    .wm-app .app-content.recruiter-viewer .resume-navbar-dropdown-container {
        display: flex;
        position: absolute;
        top: -85px;
    }
}

@media screen and (min-width: 1440px) {
    .wm-app .form-subsection-data .additional-field-horizontal-container.for-identity .additional-field-horizontal-title {
        flex: unset;
    }
}

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

    /*overidding wm style*/
    .wm-app .modal-dialog.fit-content-modal {
        width: fit-content;
        margin: 30px auto;
        /*position: relative;*/
        /*width: auto;*/
    }
}