@import url('./preflight.css');
@import url('./vegaTokens.css');

/************************ Reset CSS Start *******************************/
* {
    font-family: "Inter", sans-serif !important;
}
.note-editable h1, .message h1, .offerletter_preview_content h1,
.note-editable h2, .message h2, .offerletter_preview_content h2,
.note-editable h3, .message h3, .offerletter_preview_content h3,
.note-editable h4, .message h4, .offerletter_preview_content h4,
.note-editable h5, .message h5, .offerletter_preview_content h5 {
    line-height: normal;
}
.note-editable pre,
#messageViewModal .message_body_box pre,
#offerletter_edit_container code,
#offerletter_edit_container pre,
.message_content pre,
.offerletter_preview_content code,
.offerletter_preview_content pre,
#templateViewModal .panel-body pre,
#messages .message_content pre {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
}
  
.fa, .far, .fas,
[class^="icon-"], [class*=" icon-"] { 
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.fa.fa-trash,
.far.fa-trash-alt {
    color: var(--v-text-danger-link) !important;
}

img[src*="silk/delete"] {
    background-image: url("/v4/img/vega-icon-delete.svg") !important;
}

.fa.fa-calendar::before {
    content: "\f073" !important;
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5" !important;
}

.feedback .fa-star {
    color: #1362E2 !important;
}

.noty_modal {
    z-index: 100000000 !important;
}

#noty_center_layout_container {
    z-index: 100000001 !important;
}

.note-editor.note-frame {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
}

.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
    border-top: var(--v-border-input-field) !important;
}

.gh-header-divider a, #switchLanguageDropdownWrapper a, #switchAccountDropdownWrapper a {
    outline: none !important;
}

#switchAccountsMenu {
    padding: 0px !important;
}

#switchAccountsMenu .link_switch_account_container {
    border-top: var(--v-border-input-field) !important;
}

#ghLoginInfoDropdownWrapperButton {
    padding-right: 10px !important
}

.switch-accounts-menu .link_switch_account_container.selected:before {
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 600;
    color: var(--theme-color-active-main);
    content: '\f00c';
}

.switch-accounts-menu .link_switch_account_container.selected {
    background-color: var(--v-bg-quaternary) !important;
}

.popover {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-12) !important;
    padding: var(--v-size-16) !important;
    box-shadow: var(--v-shadow-popover) !important;
    font-size: var(--v-size-16) !important;
}

.popover[x-placement^=top] .arrow::before {
    border-top-color: var(--v-borderColor-divider) !important;
}

.popover[x-placement^=right] .arrow::before {
    border-right-color: var(--v-borderColor-divider) !important;
}

.popover[x-placement^=bottom] .arrow::before {
    border-bottom-color: var(--v-borderColor-divider) !important;
}

.popover[x-placement^=left] .arrow::before {
    border-left-color: var(--v-borderColor-divider) !important;
}

body div.popover .popover-header {
    padding: 0 !important;
    margin-bottom: var(--v-size-16) !important;
    font: var(--v-font-field-label-em) !important;
    background-color: #fff !important;
    border: none !important;
    color: var(--v-text-primary) !important;
}

body div.popover .popover-body {
    padding: 0 !important;
}

body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex !important;
    flex-flow: row-reverse !important;
}

body .ui-dialog .ui-dialog-titlebar > button.ui-dialog-titlebar-close {
    top: calc(50% - 16px) !important;
    right: 24px !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    border: unset !important;
}

body .ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick {
    background-image: unset !important;
}

body .ui-dialog .ui-widget-header {
    border: unset !important;
}

body .ui-widget input {
    padding: unset !important;
}

@keyframes circle-loader-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#videoContainer,
.loader {
    position: relative !important;
}

#videoContainer,
.loader,
.gh_loader,
.gh_pie_loader {
    background-image: unset !important;
    border-radius: inherit !important;
    background-color: var(--v-bg-primary) !important;
    border: 0 !important;
}

#videoContainer::before,
.loader::before,
.gh_loader::before,
.gh_pie_loader::before {
    position: absolute !important;
    top: calc(50% - 24px)  !important;
    left: calc(50% - 24px) !important;
    z-index: 99999 !important;
    content: '' !important;
    display: block !important;
    background-image: url("/v4/img/vega-loader.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: auto !important;
    -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
    animation: circle-loader-animation 2000ms linear infinite !important;
    opacity: 1 !important;
}

#videoContainer::before {
    z-index: 0 !important;
}

.gh-material-spinner,
.fas.fa-spinner {
    border: none !important;
    vertical-align: middle !important;
    background-image: url("/v4/img/vega-loader.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    min-width: 16px !important;
    min-height: 16px !important;
    -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
    animation: circle-loader-animation 2000ms linear infinite !important;
    opacity: 1 !important;
}

.fas.fa-spinner::before {
    content: none;
}

.loader > img[src*="/loader.gif"],
.loader > img[src*="/vega-loader.svg"] {
    display: none !important;
}

img[src*="/v4/img/vega-loader.svg"] {
    -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
    animation: circle-loader-animation 2000ms linear infinite !important;
    background: none !important;
}

.vega-loader-center {
    margin-left: calc(50% - 24px);
}

.progress {
    background-color: rgba(229, 239, 255, 1) !important;
    height: 16px !important;
    border-radius: 9999px !important;
}

.progress .progress-bar {
    background-color: rgba(153, 192, 255, 1) !important;
    content-visibility: hidden !important;
    border-radius: 9999px !important;
    background-image: none !important;
}

img[src*="/v4/img/vega-icon-delete.svg"] {
    width: auto !important;
    height: auto !important;
}

/************************ Reset CSS End *******************************/

/************************ Component CSS Start *******************************/

#collapse-additional .timeoff-rule-checkbox > input[type="checkbox"],
.round-checkbox input[type="checkbox"] {
    width: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
    border: none !important;
    visibility: visible !important;
    opacity: 0 !important;
    display: inline-block;
    margin: 0 !important;
    float: left;
}

.round-checkbox input[type="checkbox"]::before,
#collapse-additional .timeoff-rule-checkbox > input[type="checkbox"]::before {
    content: none !important;
}

#configRuleModalForm .round-checkbox input[type="checkbox"] + label {
    font: var(--v-font-field-label-sm) !important;
}

div[id*="repeat-on-day-option"].btn-group > button,
div#timeoffRepeatOn > button.circle-button,
div#taClockRepeatOn > button.circle-button,
div#taDurationRepeatOn > button.circle-button,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button,
.round-checkbox input[type="checkbox"] + label,
.vega-selection-chip,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox] + label {
    background-color: var(--v-bg-primary, #FCFCFC) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
    padding: 6px var(--v-size-12) !important;
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-full) !important;
    height: var(--v-size-32) !important;
    width: 70px !important;
    cursor: pointer !important;
    margin-right: var(--v-size-8) !important;
    margin-bottom: var(--v-size-8) !important;
}

div.btn-toolbar.error {
    padding-left: 0px !important;
}

div.btn-toolbar.error + .error-container.error,
#configRuleModalForm #additional-weekdays.error + .error-container.error {
    padding-top: 0 !important;
}

div[id*="repeat-on-day-option"].btn-group > button:hover,
div#timeoffRepeatOn > button.circle-button.btn-outline-info:not(.active):hover,
div#taClockRepeatOn > button.circle-button:not(.active):hover,
div#taDurationRepeatOn > button.circle-button:not(.active):hover,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button:hover,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button:hover,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button:hover,
.round-checkbox input[type="checkbox"] + label:hover,
.vega-selection-chip:hover,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox] + label:hover {
    color: var(--v-text-primary) !important;
    background-color: var(--v-bg-secondary, rgba(0, 151, 255, 0.3)) !important;
    border: var(--v-border-input-field-hover) !important;
}

div[id*="repeat-on-day-option"].btn-group > button:focus,
div#timeoffRepeatOn > button.circle-button:focus,
div#taClockRepeatOn > button.circle-button:focus,
div#taDurationRepeatOn > button.circle-button:focus,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button:focus,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button:focus,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button:focus,
.round-checkbox input[type="checkbox"]:focus + label,
.round-checkbox input[type="checkbox"]:active + label,
.vega-selection-chip:focus,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox]:focus + label {
    border: var(--v-border-input-field-focus) !important;
    box-shadow: var(--v-ring-input-focus) !important;
}

#repeatByWeekContainer button.btn-outline-info.active,
#repeat-on-day-option button.btn-outline-secondary.active,
div[id*="repeat-on-day-option"].btn-group > button.active,
div#timeoffRepeatOn > button.circle-button.active,
div#taClockRepeatOn > button.circle-button.active,
div#taDurationRepeatOn > button.circle-button.active,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button.active,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button.active,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button.active,
.round-checkbox input[type="checkbox"]:checked + label,
.vega-selection-chip-selected,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox]:checked + label {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
    background-color: var(--v-bg-selection-tile-selected) !important;
    border: var(--v-border-selection-tile-selected) !important;
    border-radius: var(--v-rounded-full) !important;
}

#repeatByWeekContainer button.btn-outline-info.active:hover,
#repeat-on-day-option button.btn-outline-secondary.active:hover,
div[id*="repeat-on-day-option"].btn-group > button.active:hover,
div#timeoffRepeatOn > button.circle-button.btn-outline-info.active:hover,
div#taClockRepeatOn > button.circle-button.active:hover,
div#taDurationRepeatOn > button.circle-button.active:hover,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button.active:hover,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button.active:hover,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button.active:hover,
.round-checkbox input[type="checkbox"]:checked + label:hover,
.vega-selection-chip-selected:hover,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox]:checked + label:hover {
    border: var(--v-border-selection-tile-selected) !important;
    border-color: var(--v-borderColor-tile-selected-hover) !important;
    color: var(--v-text-primary) !important;
    background-color: var(--v-bg-selection-tile-selected-hover) !important;
}

#repeatByWeekContainer button.btn-outline-info.active:focus,
#repeat-on-day-option button.btn-outline-secondary.active:focus,
div[id*="repeat-on-day-option"].btn-group > button.active:focus,
div#timeoffRepeatOn > button.circle-button.active:focus,
div#taClockRepeatOn > button.circle-button.active:focus,
div#taDurationRepeatOn > button.circle-button.active:focus,
div[id$="RepeatOption"] .btn-toolbar > button.circle-button.active:focus,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button.active:focus,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button.active:focus,
.round-checkbox input[type="checkbox"]:checked:focus + label,
.round-checkbox input[type="checkbox"]:checked:active + label,
.vega-selection-chip-selected:focus,
.vega-selection-chip-selected:active,
#collapse-additional .timeoff-rule-checkbox input[type=checkbox]:checked:focus + label {
    border: var(--v-border-selection-tile-selected) !important;
    box-shadow: var(--v-ring-input-focus) !important;
}

div[id$="RepeatOption"] .btn-toolbar:has(+ .invalid-feedback) > button,
div[id$="RepeatOption"] .btn-toolbar.error > button,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"]:has(+ .invalid-feedback) > button,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"]:has(+ .invalid-feedback) > button,
#upsert-shift-premium-policy-modal .error-days label,
.error .round-checkbox input[type="checkbox"] + label,
.error-days .round-checkbox input[type="checkbox"] + label,
.vega-selection-chip-error {
    border: var(--v-border-input-field-danger) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
}

div[id$="RepeatOption"] .btn-toolbar:has(+ .invalid-feedback) > button:hover,
div[id$="RepeatOption"] .btn-toolbar.error > button:hover,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"]:has(+ .invalid-feedback) > button:hover,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"]:has(+ .invalid-feedback) > button:hover,
.error .round-checkbox input[type="checkbox"] + label:hover,
.error-days .round-checkbox input[type="checkbox"] + label:hover,
.vega-selection-chip-error:hover {
    border: var(--v-border-input-field-danger-hover) !important;
}

div[id$="RepeatOption"] .btn-toolbar:has(+ .invalid-feedback) > button:focus,
div[id$="RepeatOption"] .btn-toolbar.error > button:focus,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"]:has(+ .invalid-feedback) > button:focus,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"]:has(+ .invalid-feedback) > button:focus,
.error .round-checkbox input[type="checkbox"]:focus + label,
.error-days .round-checkbox input[type="checkbox"]:focus + label,
.error .round-checkbox input[type="checkbox"]:active + label,
.error-days .round-checkbox input[type="checkbox"]:active + label,
.vega-selection-chip-error:focus {
    box-shadow: var(--v-ring-input-danger-focus) !important;
    border: var(--v-border-input-field-danger-focus) !important;
}

a.vega-default-link[disabled]
a[disabled],
.gh-ba-container a[disabled],
a.vega-default-link[disabled]:hover,
a[disabled]:hover,
.gh-ba-container a[disabled]:hover,
a.vega-default-link[disabled]:active,
a[disabled]:active,
.gh-ba-container a[disabled]:active
{
    color: var(--v-text-disabled) !important;
    opacity: 1 !important;
    text-decoration: unset !important;
}

div[id*="repeat-on-day-option"].btn-group > button:disabled,
div#timeoffRepeatOn > button.circle-button:disabled,
div#taClockRepeatOn > button.circle-button:disabled,
div#taDurationRepeatOn > button.circle-button:disabled,
div[id$="RepeatOption"] .btn-toolbar > button:disabled,
div[id$="RepeatOnOption"] .btn-group[name="stateOfWeekOptions"] > button:disabled,
div[id$="RepeatOnOption"] .btn-group[name="repeatOnOptions"] > button:disabled,
.round-checkbox input[type="checkbox"]:disabled + label,
.vega-selection-chip:disabled,
.vega-selection-chip-disabled {
    color: var(--v-text-disabled) !important;
    border: var(--v-border-input-field-disabled) !important;
}

.vega-signme-preview {
    border: var(--v-border-divider) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-modal-footer .vega-button.vega-primary-button.btn-primary {
    background-color: var(--v-bg-action) !important;
}

.vega-button, .note-modal.link-dialog .modal-footer .btn {
    padding: 6px var(--v-size-16) !important;
    border: none !important;
    font: var(--v-font-btn-label) !important;
    height: fit-content !important;
    text-align: center !important;
    white-space: nowrap !important;
    border-radius: var(--v-rounded-full) !important;  
    width: auto !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    background-image: unset !important;
    box-shadow: unset !important;
    text-wrap: balance !important;
    overflow-wrap: break-word;
    white-space: normal !important;
}

body .vega-button.vega-primary-button, .note-modal.link-dialog .modal-footer .btn.btn-primary, body .ui-dialog button.vega-primary-button:not(.ui-dialog-titlebar-close) {
    background-color: var(--v-bg-action) !important;
    color: var(--v-text-on-action) !important;
    border: 2px solid transparent !important;
}

.vega-button.vega-primary-button.btn-primary,
.note-modal.link-dialog .modal-footer .btn.btn-primary,
.vega-button.vega-primary-button.btn-info {
    background-color: var(--v-bg-action) !important;
}

.vega-button.vega-primary-button.btn-primary:not(:disabled, .disabled):hover,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:disabled, .disabled):hover,
.vega-button.vega-primary-button.btn-info:not(:disabled, .disabled):hover,
body .vega-button.vega-primary-button:not(:disabled, .disabled):hover,
body .ui-dialog button.vega-primary-button:hover:not(.ui-dialog-titlebar-close),
body .modal-footer .btn.vega-button.vega-primary-button:not(:disabled, .disabled):hover {
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
    background-color: var(--v-bg-action-hover) !important;
}

.vega-button.vega-primary-button.btn-primary:not(:disabled, .disabled):focus,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:disabled, .disabled):focus,
.vega-button.vega-primary-button.btn-info:not(:disabled, .disabled):focus, 
body .vega-button.vega-primary-button:not(:disabled, .disabled):focus {
    outline: none !important;
    border: 2px solid transparent !important;
    box-shadow: var(--v-ring-action-focus) !important;
    background-color: var(--v-bg-action-focus) !important;
}

.vega-button.vega-primary-button.btn-primary:focus:hover,
.note-modal.link-dialog .modal-footer .btn.btn-primary:focus:hover,
.vega-button.vega-primary-button.btn-info:focus:hover, 
body .vega-button.vega-primary-button:focus:hover {
    background-color: var(--v-bg-action-hover) !important;
}

.vega-button.vega-primary-button.btn-primary:not(:disabled):not(.disabled):active,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:disabled):not(.disabled):active,
.vega-button.vega-primary-button.btn-info:not(:disabled):not(.disabled):active, 
body .vega-button.vega-primary-button:not(:disabled):not(.disabled):active {
    background-color: var(--v-bg-action-active) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.vega-success-button {
    background-color: var(--v-bg-status-success) !important;
    font: var(--v-font-btn-label) !important;
    color: var(--v-text-black) !important;
    border: 2px solid var(--v-bg-status-success) !important;
}

.vega-circle-button {
    padding: 0 !important;
    height: 40px !important;
    width: 40px !important;
}

.vega-button-sm {
    padding: 6px var(--v-size-12) !important;
    border: none !important;
    font: var(--v-font-btn-label-sm) !important;
}

.vega-kit-button.vega-button.vega-secondary-button,
.vega-button.vega-secondary-button, .fc-header-toolbar .fc-right .fc-button {
    padding: 6px var(--v-size-16) !important;
    background-color: var(--v-bg-action-secondary) !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-secondary-btn) !important;
}

.vega-kit-button.vega-button.vega-secondary-button:hover,
.vega-button.vega-secondary-button:hover, .fc-header-toolbar .fc-right .fc-button:hover {
    color: var(--v-text-link-hover) !important;
    border: var(--v-border-secondary-btn-hover) !important;
    background-color: var(--v-bg-action-secondary-hover) !important;
}

.vega-kit-button.vega-button.vega-secondary-button:focus,
.vega-button.vega-secondary-button:focus, .fc-header-toolbar .fc-right .fc-button:focus {
    outline: none !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-secondary-btn) !important;
    box-shadow: var(--v-ring-action-focus) !important;
}

.vega-kit-button.vega-button.vega-secondary-button:focus:hover,
.vega-button.vega-secondary-button:focus:hover, .fc-header-toolbar .fc-right .fc-button:focus:hover {
    background-color: var(--v-bg-action-secondary-hover) !important;
}

.vega-kit-button.vega-button.vega-secondary-button:not(:disabled):active,
.vega-button.vega-secondary-button:not(:disabled):active {
    background-color: var(--v-bg-action-secondary-active) !important;
    border: var(--v-border-secondary-btn-active) !important;
    color: var(--v-text-link-active) !important;
    outline: none !important;
    box-shadow: none !important;
}

.vega-button.vega-secondary-button.vega-button-icon:active img {
    display: none !important;
}

.vega-button.vega-secondary-button.vega-button-icon:active::before {
    content: '' !important;
    background: url("/v4/img/vega-chevron-left-active.svg") no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
    padding-top: 2px !important;
    margin-right: 6px !important;
    position: relative !important;
    top: 2px !important;
}

#alertUnsaveModal .vega-button.vega-default-danger-button,
.vega-button.vega-default-danger-button, body .ui-dialog button.vega-default-danger-button:not(.ui-dialog-titlebar-close) {
    padding: 6px var(--v-size-16) !important;
    background-color: var(--v-bg-action-secondary) !important;
    border: var(--v-border-secondary-danger-btn) !important;
    color: var(--v-text-danger-link) !important;
}

#alertUnsaveModal .vega-button.vega-default-danger-button:hover,
.vega-button.vega-default-danger-button:hover, body .ui-dialog button.vega-default-danger-button:hover:not(.ui-dialog-titlebar-close) {
    background-color: var(--v-bg-danger-tertiary-hover) !important;
    color: var(--v-text-danger-link-hover) !important;
    border: var(--v-border-secondary-danger-btn-hover) !important;
}

#alertUnsaveModal .vega-button.vega-default-danger-button:focus,
.vega-button.vega-default-danger-button:focus {
    outline: none !important;
    box-shadow: var(--v-ring-action-danger-focus) !important;
    color: var(--v-text-danger-link-focus) !important;
}

#alertUnsaveModal .vega-button.vega-default-danger-button:focus:hover,
.vega-button.vega-default-danger-button:focus:hover {
    background-color: var(--v-bg-danger-tertiary-hover) !important;
}

#alertUnsaveModal .vega-button.vega-default-danger-button:active,
.vega-button.vega-default-danger-button:active {
    box-shadow: none !important;
    color: var(--v-text-danger-link-active) !important;
    border: var(--v-border-secondary-danger-btn-active) !important;
    background-color: var(--v-bg-action-secondary) !important;
}

body .vega-button.vega-danger-button, body .ui-dialog button.vega-danger-button:not(.ui-dialog-titlebar-close) {
    background-color: var(--v-bg-danger) !important;
    color: var(--v-text-on-action) !important;
    border: var(--v-border-secondary-danger-btn) !important
}

.vega-button.vega-danger-button:hover, body .ui-dialog button.vega-danger-button:hover:not(.ui-dialog-titlebar-close) {
    background-color: var(--v-bg-danger-hover) !important;
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
}

.vega-button.vega-danger-button:focus {
    outline: none !important;
    box-shadow: var(--v-ring-action-danger-focus) !important;
}

.vega-button.vega-danger-button:not(:disabled):not(.disabled):active {
    box-shadow: none !important;
    color: var(--v-text-on-action) !important;
    background-color: var(--v-bg-danger-active) !important;
    border: 2px solid transparent !important;
}

.vega-kit-button.vega-button.vega-secondary-button:disabled,
.vega-button.vega-secondary-button.disabled,
.vega-button.vega-secondary-button:disabled, .vega-button.vega-default-danger-button:disabled, .fc-header-toolbar .fc-right .fc-button:disabled {
    border: var(--v-border-secondary-btn-disabled) !important;
    color: var(--v-text-disabled) !important;
    cursor: not-allowed !important;
    background-color: var(--v-bg-action-secondary) !important;
    opacity: 1 !important;
}

.vega-button.vega-primary-button.disabled:hover,
.vega-button.vega-primary-button.btn-info.disabled:hover,
.vega-button.vega-primary-button:disabled,
.vega-button.vega-primary-button.disabled,
.vega-button.vega-danger-button.disabled,
.vega-button.vega-danger-button:disabled {
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.vega-button.vega-width-full:focus {
    width: calc(100% - 8px) !important;
}

.vega-button-left-back {
    margin-right: 6px !important;
    margin-top: -3px !important;
}

.vega-plus-btn:hover a,
.vega-plus-btn:hover .icon {
    filter: none !important;
}

.vega-icon-check::before {
    content: '' !important;
    background: url("/v4/img/vega-completed.svg") 1px no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
    margin-right: var(--v-size-8) !important;
}

.vega-icon-xmark::before {
    content: '' !important;
    background: url("/v4/img/vega-incompleted.svg") 1px no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
    margin-right: var(--v-size-8) !important;
}

.vega-icon-trash-alt {
    color: var(--v-text-danger-link) !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}

.vega-icon-trash-alt::before {
    content: "\f2ed" !important;
    vertical-align: middle !important;
}

.vega-icon-trash-alt * {
    display: none !important;
}

.vega-fa-edit {
    color: rgb(19, 98, 226) !important;
    font-weight: 700 !important;
    font-size: var(--v-size-16) !important;
    background: none !important;
    border: none !important;
}

.vage-icon-font-awesome {
    color: var(--v-text-link) !important;
    font-weight: 700 !important;
    font-size: var(--v-size-16) !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.vega-icon-edit {
    border: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url("/v4/img/vega-icon-edit.svg") !important;
}

.vega-icon-input-position {
    position: absolute !important;
    left: 10px !important;
    top: 12px !important;
}

.vega-gh-header {
    background: #fff !important;
}

.vega-gh-header .gh-container .img_override_logo {
    margin-left: 0 !important;
    width: 147px !important;
}

.vega-gh-header .gh-container .gh-logo {
    background-size: 147px auto;
    background-image: url("/v4/img/vega-heartland-logo.png") !important;
}

.vega-gh-header .gh-container #pg-header-login span {
    padding: 0 !important;
}

.vega-gh-header #gh-header-sub-nav-elements li {
    height: 42px !important;
}

.vega-gh-header #gh-header-sub-nav-elements li.gh-first.gh-faux-first {
    padding-top: 12px !important;
}


.vega-gh-header #gh-header-sub-nav-elements li a {
    text-shadow: none !important;
}

.vega-gh-header #gh-header-sub-nav-elements li a.vega-default-link {
    line-height: 40px !important;
}

.vega-gh-header #gh-header-sub-nav-elements li.gh-first.gh-faux-first img {
    margin-top: 0 !important;
}

.vega-gh-header #country-selector .vega-dropdown-nav-link {
    padding: 8px 16px;
    box-sizing: border-box !important;
}

.vega-gh-header #country-selector:hover {
    margin-top: 0 !important;
}

.vega-gh-header #country-selector:hover .vega-dropdown-nav-link {
    color: var(--v-text-primary) !important;
    width: auto !important;

}

.vega-gh-header #country-selector .vega-dropdown-nav-link .icon-flag {
    vertical-align: initial !important;
}

.vega-gh-header #country-selector .vega-dropdown {
    padding: 8px 0 !important;
    top: 41px !important
}

.vega-gh-header #country-selector .vega-dropdown a {
    border: none !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    display: inline-block !important;
    width: 100% !important;
}

.vega-gh-header #country-selector .vega-dropdown a:hover {
    color: var(--v-text-primary) !important;
    background-color: var(--v-bg-quaternary) !important;
    text-decoration: none !important;
}

.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li a {
    background-size: 18px !important;
}

.vega-gh-header  #gh-header-nav-elements li a:hover {
    text-decoration: none !important;
}

.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-bulk-jobs a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#dashboard a {
    background-image: url('/v4/img/vega-header-dashboard.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-bulk-jobs a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#dashboard a:hover {
    background-image: url('/v4/img/vega-header-dashboard-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-candidates a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#edit-resume a {
    background-image: url('/v4/img/vega-header-resume.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-candidates a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#edit-resume a:hover {
    background-image: url('/v4/img/vega-header-resume-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#onboarding a {
    background-image: url('/v4/img/vega-header-onboarding.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#onboarding a:hover {
    background-image: url('/v4/img/vega-header-onboarding-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-partner-sales a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#wotc a {
    background-size: 16px 18px !important;
    padding-left: 28px !important;
    background-image: url('/v4/img/vega-header-tax.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-partner-sales a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#wotc a:hover {
    background-image: url('/v4/img/vega-header-tax-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#benefits a {
    background-image: url('/v4/img/vega-header-benefits.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#benefits a:hover {
    background-image: url('/v4/img/vega-header-benefits-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#time a {
    background-image: url('/v4/img/vega-header-time.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#time a:hover {
    background-image: url('/v4/img/vega-header-time-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-jobs a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-candidates-popover a{
    background-image: url('/v4/img/vega-header-search-jobs.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-jobs a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#search-candidates-popover a:hover {
    background-image: url('/v4/img/vega-header-search-jobs-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-job-seekers a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#interviews a {
    background-size: 20px 18px !important;
    padding-left: 37px !important;
    background-image: url('/v4/img/vega-header-Interviews.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-job-seekers a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#interviews a:hover {
    background-image: url('/v4/img/vega-header-Interviews-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#applications a {
    background-image: url('/v4/img/vega-header-applications.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#applications a:hover {
    background-image: url('/v4/img/vega-header-applications-active.svg') !important;
}

.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#manage-jobs a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#mfa-tools a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-jobs a {
    background-image: url('/v4/img/vega-header-jobs.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#manage-jobs a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#mfa-tools a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-jobs a:hover {
    background-image: url('/v4/img/vega-header-jobs-active.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-question a,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#help-center a {
    background-image: url('/v4/img/vega-header-help-center.svg') !important;
}
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#admin-question a:hover,
.vega-gh-header #gh-header-nav .gh-container #gh-header-nav-elements li#help-center a:hover {
    background-image: url('/v4/img/vega-header-help-center-active.svg') !important;
}

.vega-header-btn {
    color: var(--v-text-primary) !important;
    font: var(--v-font-btn-label-sm) !important;
    border-radius: var(--v-rounded-full) !important;
    cursor: pointer !important;
    margin-left:  0 !important;
    margin-right: var(--v-size-12) !important;
}

.vega-header-btn:active {
    background-color: var(--v-bg-tertiary) !important;
}

.vega-header-btn.selected {
    background-color: rgba(0, 151, 255, 0.3) !important;
    cursor: default !important;
}

.vega-header-btn:hover {
    background-color: var(--v-bg-secondary) !important;
}

.vega-header-btn a:active {
    background-color: var(--v-bg-tertiary) !important;
}

.vega-header-btn a {
    padding: var(--v-size-12) !important;
    border-radius: var(--v-rounded-full) !important;
    display: inline-block !important;
}

.vega-header-btn.selected a:focus-visible,
.vega-header-btn a:focus-visible {
    outline: none !important;
    border: 4px solid #cedaf8 !important;
}

.vega-table-layout-fixed {
    table-layout:fixed !important;
}

.table-scroll,
.org-table-container,
.vega-table,
.vega-table tr,
.vega-table .gh-table-head,
.vega-table .table-header,
.vega-table .vega-table-tbody {
    border: none !important;
    border-radius: unset !important;
    background-color: unset !important;
}

.vega-org-table-container {
    border: 1px solid var(--v-bg-divider-secondary) !important;
    border-radius: 12px !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    z-index: 1;
}

/* .vega-org-table-container .table-responsive {
    position: relative;
    z-index: 1;
    border-radius: 12px !important;
} */

.vega-table-border-radius_container {
    border: 1px solid var(--v-bg-divider-secondary) !important;
    border-radius: 12px !important;
}

.vega-org-table-container .vega-table-container,
.vega-org-table-container .vega-table-border-radius_container {
    border: none !important;
}

.vega-table {
    font: var(--v-font-field-label-sm) !important;
    border-radius: var(--v-rounded-12) !important;
    border-collapse: collapse !important;
    box-shadow: 0 0 0 1px var(--v-bg-divider-secondary) !important;
}


.vega-table .vega-danger-link,
.vega-table .vega-default-link {
    font: var(--v-font-btn-label-sm) !important;
}

.vega-table-border-radius_container table tbody tr:last-child td,
.vega-table-border-radius_container .gh-table tbody tr:last-child td,
.vega-table-border-radius_container .table tbody tr:last-child td {
    border-bottom: unset !important;
}

.vega-table-border-radius_container > table,
.vega-table-border-radius_container .vega-table {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.vega-table-border-radius_container table th {
    border-top: none !important;
}

.vega-table-border-radius_container .vega-table-td-border tr.vega-table-tbody td:last-child, 
.vega-table-border-radius_container .vega-table-td-border .vega-table-tbody tr td:last-child {
    border-right: none !important; 
}

.vega-table-border-radius_container .vega-table-td-border tr.vega-table-tbody td:first-child,
.vega-table-border-radius_container .vega-table-td-border .vega-table-tbody tr td:first-child {
    border-left: none !important;
}

.vega-table-border-radius_container table th:first-child,
.vega-table-border-radius_container table tr td:first-child {
    border-left: none !important;
}

.vega-table-border-radius_container table th:last-child,
.vega-table-border-radius_container table tr td:last-child {
    border-right: none !important;
}

.vega-table .gh-table-head .gh-table-th:last-child,
.vega-table .table-header .table-col:last-child,
.vega-table th:last-child {
    border-radius: 0 var(--v-rounded-12) 0 0 !important;
}

.vega-org-table-container .vega-table-container .table-header > div:last-child,
#timeSheetsTableContainer .gh-table-pie .gh-table-head .gh-table-th:last-child,
.vega-table-border-radius_container table th:first-child,
.vega-table-border-radius_container .table-header .table-col:first-child,
.vega-table-border-radius_container .gh-table-head .gh-table-th:first-child,
.vega-table-border-radius_container table tbody tr:last-of-type td:first-of-type,
.vega-table-border-radius_container table tbody tr:last-of-type td:last-of-type,
.vega-table-border-radius_container table th:last-child,
.vega-table-border-radius_container .gh-table-head .gh-table-th:last-child,
.vega-table-border-radius_container .table-header .table-col:last-child,
.vega-table-border-radius_container .vega-table th:last-child {
    border-radius: unset !important;
}

.vega-table-border-radius_container.gh-table-pie {
    box-shadow: unset !important;
}

.vega-table-border-radius_container.table-wrap {
    border-bottom: unset !important;
}

table:not(.vega-table-filter) tbody tr[style*="order: 0"]:not(:first-child) td {
    border-top: none !important;
}

table tbody tr:first-child[style*="order"]:not([style*="order: 0"]) td {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-table.table-bordered td, .vega-table.table-bordered th {
    border: unset !important;
}

.vega-table thead {
    background-color: unset !important;
}

.vega-table .gh-table-head .gh-table-th,
.vega-table .table-header .table-col,
.vega-table th  {
    border: none !important;
    padding: var(--v-size-12) !important;
    background-color: var(--v-bg-table-header) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm-em) !important;
}

.vega-table .gh-table-head .gh-table-th:first-child,
.vega-table .table-header .table-col:first-child,
.vega-table th:first-child {
    border-radius: var(--v-rounded-12) 0 0 0 !important;
}

.vega-table tr.vega-table-tbody:last-of-type td:first-of-type,
.vega-table .vega-table-tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 var(--v-rounded-12) !important;
}

.vega-table tr.vega-table-tbody:last-of-type td:last-of-type,
.vega-table .vega-table-tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 var(--v-rounded-12) 0 !important;
}

.vega-table .vega-table-tbody {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
}

.vega-table .vega-table-tbody .gh-table-td,
.vega-table .vega-table-tbody .table-col,
.vega-table .vega-table-tbody td {
    padding: var(--v-size-12) !important;
    border: none !important;
    background-color: #fff !important;
}

.vega-table .vega-table-tbody .gh-table-td,
.vega-table .vega-table-tbody .table-col,
.vega-table .vega-table-tbody td {
    border-top: var(--v-border-divider-secondary) !important;
    border-left: none !important;
}

.vega-table-td-border {
    box-shadow: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.vega-table-td-border th  {
    border-top: var(--v-border-divider-secondary) !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-table-filter.vega-table-td-border th {
    border-bottom: none !important;
}

tr.vega-table-header + tr.vega-table-tbody td,
.vega-table-td-border:not(.vega-table-filter) .vega-table-tbody tr:first-child td {
    border-top: none !important;
}

.vega-table.vega-table-filter tr.vega-table-header + tr.vega-table-tbody td {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-table-td-border tr.vega-table-tbody:last-child td,
.vega-table-td-border .vega-table-tbody tr:last-child td {
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-table-td-border th:first-child,
.vega-table-td-border tr.vega-table-tbody td:first-child,
.vega-table-td-border .vega-table-tbody tr td:first-child {
    border-left: var(--v-border-divider-secondary) !important;
}

.vega-table-td-border th:last-child,
.vega-table-td-border tr.vega-table-tbody td:last-child,
.vega-table-td-border .vega-table-tbody tr td:last-child {
    border-right: var(--v-border-divider-secondary) !important;
}

.vega-modal-container, .note-modal.link-dialog .modal-content, .ui-widget.ui-widget-content, .vega-overide-template-view .modal-content {
    border-radius: var(--v-rounded-12) !important;
    background-color: var(--v-bg-primary) !important;
    border: 0 !important;
    box-shadow: var(--v-shadow-modal) !important;
}

.vega-modal-header, .note-modal.link-dialog .modal-header, body .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    background-color: #fff !important;
    padding: var(--v-size-24) var(--v-size-32) var(--v-size-12) !important;
    border-bottom: var(--v-border-divider-secondary) !important;
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
    color: var(--v-text-primary) !important;
}

.vega-modal-header {
    align-items: self-start !important;
}

.vega-modal-header .gh_dialog_close_link.close {
    font-size: var(--v-size-24) !important;
    color: var(--v-text-secondary) !important;
    font-weight: 400 !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
}

body .vega-modal-header .vega-close-background-image, .note-modal.link-dialog .modal-header .close, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    width: 24px !important;
    height: 24px !important;
    padding: var(--v-size-4) !important;
    margin: 0 !important;
    border-radius: var(--v-rounded-full) !important;
    background: url("/v4/img/vega-modal-close-btn.svg") center !important;
    background-color: unset !important;
    right: 0px !important;
}

body .ui-dialog[aria-describedby$="_holder"] .ui-dialog-titlebar .ui-dialog-titlebar-close {
    right: 32px !important;
}

body .vega-modal-header .vega-close-background-image.vega-right-20 {
    right: 20px !important; 
}

.note-modal.link-dialog .modal-header .close {
    top: 24px !important;
    right: 20px !important;
}

.vega-modal-header-flex {
    display: flex !important;
    align-items: center !important;
}

.vega-modal-header-flex .vega-close-background-image {
    position: static !important;
}

.vega-close-background-image.close:hover {
    transform: none !important;
}

.vega-modal-header .vega-close-background-image * {
    display: none !important;
}

.modal-ba-type .modal-content .vega-modal-header.modal-header .modal-title,
body .modal .modal-content .vega-modal-header.modal-header .modal-title,
.vega-modal-header .modal-title,
.vega-modal-header .header-title,
body .note-modal.link-dialog .modal-content .modal-header .modal-title,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font: var(--v-font-h4) !important;
    color : var(--v-text-primary) !important;
    margin: 0 !important;
}

.vega-modal-header #vega-modal-title {
    font: var(--v-font-h4) !important;
    color: var(--v-text-primary) !important;
    margin: 0 !important;
}

.vega-modal-footer, .note-modal.link-dialog .modal-footer {
    box-shadow: none !important;
    padding: var(--v-size-20) var(--v-size-32) !important;
    display: flex !important;
    justify-content: unset !important;
    flex-direction: row-reverse !important;
    background-color: #fff !important;
    border: none !important;
    border-top: 1px solid #dde2e5 !important;
    border-bottom-left-radius: var(--v-rounded-12) !important;
    border-bottom-right-radius: var(--v-rounded-12) !important;
}

.vega-modal-footer[style*="display: none"] {
    display: none !important;
}

ul[id^="noty"] {
    left: 50% !important;
    transform: translateX(-50%);
    width: fit-content !important;
}

ul[id^="noty"] > li {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    width: fit-content !important;
}

ul[id^="noty"] .noty_message {
    border-radius: 12px !important;
    padding: var(--v-size-24) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
    border: none !important;
    outline: none !important;
    max-width: 480px !important;
}

ul[id^="noty"] .noty_message span {
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
}

ul[id^="noty"] .noty_message.alert-danger {
    background-color: var(--v-bg-status-error) !important;
}

ul[id^="noty"] .noty_message.alert-warning {
    background-color: var(--v-bg-status-warning) !important;
}

ul[id^="noty"] .noty_message.alert-success {
    background-color: var(--v-bg-status-success) !important;
}

ul[id^="noty"] .noty_message.alert-info {
    background-color: var(--v-bg-status-info) !important;
}

ul[id^="noty"] .noty_buttons {
    border: none !important;
    padding: 4px 24px 24px 24px !important;
}

ul[id^="noty"] .noty_buttons > button:not(:first-child) {
    margin-left: var(--v-size-8) !important;
}

.vega-modal-footer > * {
    margin: 0 !important;
}

.vega-modal-footer > .row {
    margin:0 -15px !important;
}

.vega-modal-footer .vega-button {
    margin-right: 0 !important;
    margin-left: var(--v-size-12) !important;
}


.vega-modal-footer.vega-footer-in-content {
    margin: 0 -32px !important;
    position: relative !important;
    bottom: -16px !important;
}

.vega-modal-content + .vega-modal-footer.vega-footer-in-content {
    margin: 0 !important;
    position: static !important;
}

.vega-modal-tab-container {
    padding-left: var(--v-size-32) !important;
    padding-right: var(--v-size-32) !important;
}

#deleteHolidayRuleModal #deleteHolidayRuleModalContent .modal-footer,
.vega-modal-footer.vega-flex-row-end,
.vega-modal-footer.align-group-center {
    flex-direction: row !important;
    justify-content: end !important;
}

.vega-footer-message-container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: end !important;
}

.vega-footer-message-container[style*="display: none"] {
    display: none !important;
}

.vega-footer-message {
    align-self: center !important;
    text-align: left !important;
    flex-grow: 1 !important;
    flex-basis: min-content !important;
    width: auto !important;
}

.vega-footer-message *[class*="error-msg"],
.vega-footer-message[class*="error-msg"] {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-error) !important;
}

.vega-footer-message-container .alert {
    margin: 0 !important;
}

.vega-modal-content, .note-modal.link-dialog .modal-body, .ui-dialog .ui-dialog-content {
    padding: var(--v-size-16) var(--v-size-32) !important;
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    background-color: #fff !important;
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

.vega-modal-container > .vega-modal-content:first-child {
    border-radius: var(--v-rounded-12) !important;
}

.vega-modal-content > .align_center,
.vega-modal-content > .text-center {
    text-align: left !important;
}

.vega-message-count,
.vega-side-nav .red_badge,
.vega-side-nav .message-count {
    background-color: var(--v-bg-danger) !important;
    border-radius: var(--v-size-4) !important;
    color: var(--v-text-inverted-primary) !important;
    font-size: var(--v-size-12) !important;
    text-align: center !important;
    display: inline-block !important;
    padding: 0 6px !important;
    vertical-align: middle !important;
    min-width: var(--v-size-16) !important;
    min-height: var(--v-size-16) !important;
}

.vega-side-nav.collapse .vega-side-nav-title {
    display: none !important;
}

.vega-side-nav.collapse .vega-product-logo {
    display: block !important;
    margin: 24px 0px 32px 3px !important;
}

.vega-side-nav.collapse .vega-header-logo {
    display: none !important;
}

.vega-side-nav li {
    margin: var(--v-size-4) 0 !important;
    border: none !important;
}

.vega-side-nav li > a {
    padding: var(--v-size-8) var(--v-size-16) var(--v-size-8) var(--v-size-8) !important;
    color: var(--v-text-sidebar-link) !important;
    font: var(--v-font-sidebar-link-em) !important;
    min-height: 56px !important;
    height: auto !important;
}

.vega-side-nav li > a[data-toggle="tooltip"] {
    padding: 0px !important;
}

.vega-side-nav li > a[data-toggle="tooltip"]:focus {
    border: unset !important;
}

.vega-side-nav.collapse li > a {
    padding: var(--v-size-8) !important;
}

.vega-side-nav.collapse li {
   width: 56px !important;
}

.vega-side-nav > ul li a {
    text-transform: none !important;
}

.vega-side-nav > ul > li > a {
    border: none !important;
}

.vega-side-nav a:focus {
    outline: none !important;
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-sidebar-item-focus) !important;
}

.vega-side-nav li a > img:not(.tooltip_img) {
    height: 40px !important;
    width: 40px !important;
    padding: var(--v-size-8) !important;
}

.vega-side-nav.collapse > ul a > img.tooltip_img {
    margin-left: -25px !important;
}

.site-nav.sidenav li a > img.tooltip_img {
	width: 0px;
	height: 0px;
}

body #container_ats_side_nav>.menu-title.vega-side-nav-title+ul>li>a>img {
    max-height: unset !important;
}

.vega-side-nav li.selected {
    background-color: var(--v-bg-sidebar-item-selected) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-side-nav li.selected a {
    background-color: initial !important;
}

.vega-side-nav li.selected a > img {
    background-color: var(--v-bg-action) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-side-nav.sidenav ul li.selected a > span,
.vega-side-nav.sidenav ul li.selected a {
    color: var(--v-text-on-action) !important;
}

.vega-side-nav li.selected:hover,
.vega-side-nav li.selected:hover a > img {
    background-color: #fff !important;
}

.vega-side-nav li:not(.has-child):hover {
    background-color: var(--v-bg-sidebar-item-hover) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-side-nav li:not(.has-child):hover a > span,
.vega-side-nav.sidenav ul li.selected:hover a > span,
.vega-side-nav.sidenav ul li.selected:hover a,
.vega-side-nav li:not(.has-child):hover a {
    color: var(--v-text-sidebar-link-hover) !important;
} 

.vega-side-nav li:not(.has-child):hover img.inactive,
.vega-side-nav li.has-child > a:hover img.inactive,
.vega-side-nav li:not(.selected) img.inactive,
.vega-side-nav li.selected img.active {
    display: none !important;
}

.vega-side-nav li:not(.has-child):hover img.active,
.vega-side-nav li.has-child > a:hover img.active,
.vega-side-nav li:not(.selected) img.inactive,
.vega-side-nav li.selected img.inactive {
    display: inline-block !important;
}

.vega-side-nav li.has-child a.expand {
    position: relative !important;
}

.vega-side-nav li.has-child a.expand i.arrow {
    position: absolute !important;
    right: 0px !important;
    margin-right: 10px !important;
}

.vega-side-nav li:first-child #frmSearchApplicant a {
    padding-right: 10px !important;
}

.vega-side-nav.site-nav.sidenav.collapse {
    width: 74px !important;
}

body .vega-collapse-wing, body .benefits-sidenav .vega-collapse-wing {
    background-image: url("/v4/img/vega-collpase.png") !important;
    right: -18px !important;
    width: 26px !important;
    height: 43px !important;
    background-size: 26px 43px !important;
    top: 24px !important;
}

body .site-nav.sidenav.collapse .vega-collapse-wing {
    background-image: url("/v4/img/vega-collpase-back.png") !important;
    right: -18px !important;
    width: 26px !important;
    height: 43px !important;
    background-size: 26px 43px !important;
    top: 24px !important;
}

.vega-side-nav li.has-child > ul {
    background: inherit !important;
}

.vega-side-nav li.has-child > ul li {
    margin-left: var(--v-size-48) !important;
}

.vega-side-nav li.has-child > a:hover {
    background-color: var(--v-bg-sidebar-item-hover) !important;
    border-radius: var(--v-rounded-8) !important;
    color: var(--v-text-sidebar-link-hover) !important;
}

.vega-side-nav li.has-child > ul > li > a {
    font-weight: 500 !important;
    border: 0 !important;
    border-radius: var(--v-rounded-8) !important;
    padding: var(--v-size-8) !important;
    min-height: 24px !important;
    height: auto !important;
}

.vega-side-nav li.has-child > ul li a:focus {
    border: var(--v-border-sidebar-item-focus) !important;
}

body .vega-side-nav > ul > li a > img + span {
    padding-left: 8px !important;
    padding-right: 0px !important;
}

.vega-side-nav-title {
    font: var(--v-font-h6) !important;
    color: var(--v-text-white) !important;
    visibility: hidden !important;
    padding-bottom: 0 !important;
}

.vega-side-nav li.has-child > a i.fas.fa-angle-up.arrow:before {
    content: '' !important;
    background: url(/pie/images/icons/vega-sidenav-arrow-up.svg) center no-repeat;
    width: 12px;
    height: 12px;
    display: block;
}

.vega-side-nav li.has-child > a:hover .fas.fa-angle-up.arrow:before {
    background: url(/pie/images/icons/vega-sidenav-arrow-up-hover.svg) center no-repeat;
}

.vega-tab-primary-content {
    box-shadow: var(--v-shadow-card) !important;
    padding: var(--v-size-24) !important;
    border-radius: var(--v-rounded-12) !important;
    border: none !important;
    font: var(--v-font-field-label) !important;
    font-family: "Inter", sans-serif !important;
    background-color: #fff !important;
}

.vega-tab-group-container {
    border: transparent !important;
    border-radius: var(--v-rounded-12) !important;
    box-shadow: none !important;
}

.vega-tab-group-container .employee_detail_section_row {
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-tab-group-container .employee_detail_section_row:last-child {
    border-bottom: none !important;
}

.vega-primary-tab-group {
    background-color: transparent;
    padding: 0 var(--v-size-24) !important;
    border-bottom: none !important;
    height: auto !important;
    margin: 0 !important;
    display: flex !important;
}

.vega-primary-tab-group li a,
.vega-primary-tab-group > a {
    height: 42px !important;
    border: none !important;
    margin: 0 !important;
    letter-spacing: normal !important;
    background-color: var(--v-bg-action-quaternary) !important;
    padding: 10px var(--v-size-16) !important;
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
    margin-right: var(--v-size-4) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label) !important;
}

.vega-primary-tab-group li a {
    display: inline-block !important;
}

.vega-primary-tab-group li a:hover,
.vega-primary-tab-group > a:hover {
    color: var(--v-text-primary) !important;
} 

.vega-primary-tab-group li.active a, 
.vega-primary-tab-group a.active, 
.vega-primary-tab-group > a.selected,
.vega-primary-tab-group > li.selected a {
    background-color: var(--v-bg-primary) !important;
}

.vega-primary-tab-group > a.selected > span,
.vega-primary-tab-group > a:hover > span {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.vega-primary-tab-group a:hover {
    color: inherit !important;
}

.vega-primary-tab-group li a:not(.active):hover,
.vega-primary-tab-group > a:not(.selected):hover {
    background-color: var(--v-bg-tab-hover) !important;
}

.vega-secondary-tab-group {
    border: none !important;
    background-color: transparent !important;
    border-bottom: var(--v-border-divider-secondary) !important;
    padding: var(--v-size-12) 0 !important;
}

.vega-secondary-tab-group.vega-border-top {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-secondary-tab-group li {
    margin-right: 0 !important;
    line-height: unset !important;
}

.vega-secondary-tab-group li::after {
    content: none !important;
    display: none !important;
}

.vega-secondary-tab-group li > a,
.vega-secondary-tab-group > a {
    margin: 0 !important;
    padding: var(--v-size-12) var(--v-size-16) !important;
    padding-top: 0 !important;
    border: none !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label) !important;
    background-color: unset !important;
}

.vega-secondary-tab-group.vega-mult-lines li > a,
.vega-secondary-tab-group.vega-mult-lines > a {
    margin-top: var(--v-size-12) !important;
}

.vega-secondary-tab-group li > a.active,
.vega-secondary-tab-group li.selected > a,
.vega-secondary-tab-group > a.active,
.vega-secondary-tab-group > a.selected,
.vega-secondary-tab-group > a.ghTabSelected {
    border-bottom: 2px solid #1362E2 !important;
    color: var(--v-text-link) !important;
    background-color: unset !important;
}

.vega-secondary-tab-group li > a:hover,
.vega-secondary-tab-group > a:hover,
.vega-secondary-tab-group > a:hover > span {
    color: var(--v-text-link) !important;
}

.vega-secondary-tab-group a:hover > span,
.vega-secondary-tab-group a.active>span,
.vega-secondary-tab-group > a.selected > span,
.vega-secondary-tab-group > a.ghTabSelected > span,
.vega-secondary-tab-group > a:hover > span {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.vega-secondary-tab-group-focus a:focus-visible {
    outline: var(--v-border-secondary-btn) !important;
    outline-offset: -8px !important;
    outline-style: auto !important;
}

.vega-secondary-tab-group#gh-header-nav-elements {
    padding: 8px 0 48px 0 !important;
    border: none !important;
}

.vega-secondary-tab-group#gh-header-nav-elements li{
    margin: 0 !important;
}

#appSourceReportsearchQueryContainerExpandButton:hover {
    color: var(--v-text-link) !important;
}

.vega-gh-header .vega-secondary-tab-group#gh-header-nav-elements li .bubble-alert.vega-counter {
    position: unset !important;
    margin: 12px 16px 12px -10px !important;
    height: 22px !important;
    line-height: 22px !important;
    text-align: center !important;
}

.vega-secondary-tab-group#gh-header-nav-elements li a {
    padding: 12px 16px 12px 35px !important;
}

.vega-secondary-tab-group#gh-header-nav-elements #frmSearchApplicant .ui-menu.ui-widget {
    box-sizing: border-box !important;
    width: 162px !important;
    font: var(--v-font-field-label-sm) !important;
    padding: 4px 8px !important;
    margin-top: 2px !important;
}

.vega-secondary-tab-group#gh-header-nav-elements #frmSearchApplicant .ui-menu.ui-widget .ui-state-active {
    color: var(--v-text-link) !important;
    border: none !important;
}

.vega-secondary-tab-group > a:hover .vega-lite-badge,
.vega-secondary-tab-group > a:hover .vega-lite-badge-circle {
    color: #fff !important;
}

.vega-secondary-tabpanel {
    padding: var(--v-size-20) 0 !important;
}

.vega-secondary-tabpanel ul {
    padding: 0 !important;
    list-style-type: none !important;
}

.vega-tab-group-card {
    border-radius: var(--v-rounded-12) !important;
    border: var(--v-border-divider-secondary) !important;
    box-shadow: var(--v-shadow-card) !important;
}

.vega-tab-group-card-footer {
    border-top: var(--v-border-divider-secondary) !important;
    background-color: var(--v-bg-secondary) !important;
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

#vega-card-item:hover {
    background-color: var(--v-bg-quaternary) !important;
}

#vega-card-item:last-child {
    border-bottom: unset !important;
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

.vega-card {
    padding: var(--v-size-24) !important;
    border-radius: var(--v-rounded-12) !important;
    border: none !important;
    font: var(--v-font-field-label) !important;
    font-family: "Inter", sans-serif !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.vega-card-with-shadow {
    box-shadow: var(--v-shadow-card) !important;
}

.vega-card-with-heading {
    padding: 0 !important;
    box-shadow: var(--v-shadow-card) !important;
}

.vega-card-heading-title {
    border: 0 !important;
    font: var(--v-font-field-label) !important;
    padding: var(--v-size-16) var(--v-size-24) !important;
    background-color: var(--v-bg-secondary) !important;
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
}

.vega-card-title {
    font: var(--v-font-h6) !important;
    margin-bottom: var(--v-size-24) !important;
    padding-bottom: 0 !important;
}

#ghform-preview-container.vega-modal-content #ghform-content .vega-card .vega-card-title,
#ghform-preview-container.vega-modal-content #ghform-content .vega-card.form-group,
#ghform-preview-container.vega-modal-content #ghform-content .vega-card.form-group .card-body.vega-margin-lr--15 .card-body.vega-margin-lr--15 {
    padding: 0 !important;
    margin: 0 !important;
}

#ghform-preview-container.vega-modal-content #ghform-content .vega-card.form-group .vega-card.form-group .card-header .card-title:not(:empty) {
    padding-left: 15px !important;
}

#ghform-preview-container.vega-modal-content #ghform-content > .form-group:not(.vega-card),
#ghform-preview-container.vega-modal-content #ghform-content .form-group .div-file-uplpoad input.vega-button {
    margin-left: -15px !important;
}

#gh-body-secondary .vega-card > .panel-heading + .panel-body,
#gh-body-secondary .vega-card > .card-header + .card-body, 
.applicant-detail-container .vega-card > .panel-heading + .panel-body,
.applicant-detail-container .vega-card > .card-header + .card-body,
.job_applicant_container .vega-card > .panel-heading + .panel-body,
.job_applicant_container .vega-card > .card-header + .card-body {
    padding: var(--v-size-16) var(--v-size-24) !important;
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.vega-card-title strong {
    font-weight: 700 !important;
}

.vega-card-heading a.vega-default-link,
.vega-font-size-16
{
    font-size: var(--v-size-16) !important;
}

.vega-font-size-18 {
    font-size: 18px !important;
}

.vega-font-size-20
{
    font-size: var(--v-size-20) !important;
}

.vega-card-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.vega-card-form-item {
    color: var(--v-text-primary) !important;
    margin: var(--v-size-32) 0 !important;
    font-weight: 400 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.vega-card-form-item div label {
    font-family: "Inter", sans-serif !important;
    line-height: var(--v-size-24) !important;
    padding-top: 3px !important;
}

.vega-card-form-item:first-child {
    color: var(--v-text-primary) !important;
    margin-top: var(--v-size-24) 0 !important;
}

.vega-card-border {
    border: var(--v-border-divider-secondary) !important;
    border-radius: var(--v-rounded-12) !important;
}

.vega-card.vega-card-with-heading .list-group.list-group-flush > div {
    padding-left: var(--v-size-24) !important;
}

.vega-card.vega-card-with-heading .list-group.list-group-flush > div:last-child {
    padding-bottom: var(--v-size-24) !important;
}

.vega-card.vega-card-with-heading .list-group.list-group-flush > div:first-child {
    padding-top: var(--v-size-24) !important;
}

.vega-custome-fields-card {
    border: var(--v-border-divider-secondary) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-custome-fields-card .list-group .list-title, .vega-custome-fields-card .card-header {
    border: none !important;
    background-color: var(--v-bg-secondary) !important;
    font: var(--v-font-field-label-sm-em) !important;
    color: var(--v-text-primary) !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-custome-fields-card .card-header {
    border-top-left-radius: var(--v-rounded-8) !important;
    border-top-right-radius: var(--v-rounded-8) !important;
}

.vega-custome-fields-card .list-group .list-group-item {
    border: none !important;
    border-bottom: var(--v-border-divider-secondary) !important;
    font: var(--v-font-field-label-xs) !important;
    color: var(--v-text-primary) !important;
}

.vega-custome-fields-card .list-group>li>div {
    font: var(--v-font-field-label-xs) !important;
    color: var(--v-text-primary) !important; 
}

.vega-custome-fields-card .list-group>li:hover,
.vega-custome-fields-card .list-group .list-group-item:hover {
    background-color: var(--v-bg-secondary) !important;
}

.vega-custome-fields-card .card-body .radio-group-row div label {
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
    line-height: 28px !important;
}

.vega-custome-fields-card .fa-map-marker-alt::before {
    content: '' !important;
    background: url("/v4/img/vega-location.svg") no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
}

.vega-custome-fields-card .fa-times::before,
.vega-pdf-form .fa-times::before {
    content: '' !important;
    background: url("/v4/img/vega-delete.svg") no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
}

.vega-custome-fields-card .fa-times::before {
    position: relative !important;
    top: 2px !important;
}

.vega-warning-card {
    background-color: var(--v-bg-status-warning) !important;
    border-radius: 12px !important;
    border-width: 0 !important;
    outline: none !important;
    font: var(--v-font-field-label) !important;
}

.vega-counter {
    border: none !important;
    font-size: var(--v-size-12) !important;
    border-radius: var(--v-rounded-full) !important;
    background-color: var(--v-bg-action) !important;
    padding: 0 var(--v-size-4) !important;
    color: var(--v-text-inverted-primary) !important;
    text-align: center !important;
}

.vega-counter.badge {
    padding: 2px 4px !important;
    min-width: var(--v-size-16) !important;
    min-height: var(--v-size-16) !important;
}

.vega-counter.badge.vega-padding-0 {
    padding: 0 !important;
}

.vega-flex-row-reverse .vega-counter.badge {
    margin-right: 0 !important;
    margin-left: 4px !important;
}

.vega-flex-row-reverse .vega-counter.badge + * {
    margin-left: 0 !important;
}

.vega-danger-link,
a.vega-danger-link {
    cursor: pointer !important;
    color: var(--v-text-danger-link) !important;
    font: var(--v-font-btn-label) !important;
    text-decoration: unset !important;
    background-color: none !important;
    border: none !important;
}

.vega-danger-link:hover,
a.vega-danger-link:hover {
    color: var(--v-text-danger-link-hover) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-danger-link-hover) !important;
}

.vega-danger-link:focus,
a.vega-danger-link:focus {
    color: var(--v-text-danger-link-focus) !important;
    outline: 0 !important;
}

.vega-danger-link:active,
a.vega-danger-link:active {
    color: var(--v-text-danger-link-active) !important;
    text-decoration: unset !important;
    background: none !important;
}

.vega-link-underline:hover {
    position: relative !important;
}

.vega-link-underline:hover:after {
    content: '' !important;
    width: 100% !important;
    position: absolute !important;
    bottom: 4px !important;
    border-bottom: 1px solid var(--v-text-link) !important;
}

.vega-footer-phone-copyright a,
.vega-copyright-footer a,
a.company-link.vega-default-link,
.vega-default-link.copy-rule-btn,
.vega-default-link.link-text,
.vega-default-link,
a.vega-default-link {
    cursor: pointer !important;
    color: var(--v-text-link) !important;
    font: var(--v-font-btn-label) !important;
    word-break: break-word !important;
    text-decoration: unset !important;
    border: none !important;
}

.vega-link-small,
.vega-danger-link.vega-link-small,
.vega-default-link.vega-link-small,
a.vega-default-link.vega-link-small {
    font: var(--v-font-btn-label-sm) !important;
}

button:focus,
.vega-default-link,
.vega-danger-link,
.vega-default-link:hover,
.vega-danger-link:hover,
.vega-default-link:focus,
.vega-danger-link:focus,
.vega-default-link:visited,
.vega-danger-link:visited,
a.company-link.vega-default-link:visited,
.vega-default-link.copy-rule-btn:hover,
.vega-default-link.copy-rule-btn,
.vega-default-link.text-info:hover,
.vega-default-link.text-info {
    outline: none !important;
    box-shadow: none !important;
}

.pie-plain-footer .terms-disclaimer a:focus,
.vega-footer-phone-copyright a:focus,
.vega-copyright-footer a:focus,
#gh-footer a.vega-default-link:focus,
a.company-link.vega-default-link:focus,
.vega-default-link.copy-rule-btn:focus,
.vega-default-link.link-text:focus,
.vega-default-link:focus {
    outline: 0 !important;
    color: var(--v-text-link-focus) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-focus) !important;
}


#gh-footer a.vega-default-link:hover,
.vega-footer-phone-copyright a:hover,
.pie-plain-footer .terms-disclaimer a:hover,
.vega-copyright-footer a:hover,
a.company-link.vega-default-link:hover,
.vega-default-link:hover,
.vega-default-link.copy-rule-btn:hover,
.vega-default-link.link-text:hover,
a.vega-default-link:hover {
    color: var(--v-text-link-hover) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
    background-color: unset !important;
}

#gh-footer a.vega-default-link:active,
.pie-plain-footer .terms-disclaimer a:active,
.vega-footer-phone-copyright a:active,
.vega-copyright-footer a:active,
a.company-link.vega-default-link:active,
.vega-default-link.copy-rule-btn:active,
.vega-default-link.link-text:active,
.vega-default-link:active,
a.vega-default-link:active {
    color: var(--v-text-link-active) !important;
    text-decoration: unset !important;
}

.vega-default-link.disabled {
    cursor: not-allowed !important;
    color: var(--v-text-disabled) !important;
}

.vega-default-link.disabled:hover {
    text-decoration: none !important;
    color: var(--v-text-disabled) !important;
}

.vega-default-link-color {
    color: var(--v-text-link) !important;
}

.vega-dropdown {
    box-shadow: var(--v-shadow-dropdown-menu) !important;
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-input-field) !important;
}

input.vega-dropdown {
    box-shadow: unset !important;
}

#ghLoginInfoDropdownWrapper .vega-dropdown {
    right: -10px !important;
}

.vega-dropdown .user-avatar {
    height: 36px !important;
    width: 36px !important;
    line-height: 36px !important;
    overflow: hidden;
}

.vega-dropdown .vega-account-setting.vega-default-link:focus {
    color: var(--v-text-link-active) !important;
}

.vega-dropdown:before {
    border-top: var(--v-border-input-field) !important;
    border-left: var(--v-border-input-field) !important;
}

.vega-dropdown .dropdown-divider,
.vega-dropdown-border {
    border-top: none !important;
    border-bottom: var(--v-border-input-field) !important;
}

.vega-dropdown-arrow-hidden.dropdown-toggle {
    padding-right: var(--v-size-8) !important;
}

.vega-dropdown-arrow-hidden.dropdown-toggle::before {
    content: none !important;
}

.vega-dropdown-arrow-hidden.dropdown-toggle::after {
    content: none !important;
}

.vega-dropdown-container .search-result-item,
.vega-dropdown-container .vega-dropdown-item,
.vega-dropdown-container .dropdown-item,
.vega-dropdown-container a {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
    margin: 0 !important;
    padding: 8px 16px !important;
}

.vega-dropdown-container .search-result-item {
    padding-left: 40px !important;
}

.vega-dropdown-container .search-result-item > i.fas {
    float: left !important;
    line-height: 24px !important;
    margin-right: var(--v-size-8) !important;
    color: var(--v-text-link) !important;
    margin-left: -24px !important;
}

.vega-dropdown-container .search-result-item > i.fas[class*="fa-arrow"] {
    float: right !important;
    margin-left: 8px !important;
}

.vega-dropdown-container .form-check-input {
    margin-left: 0 !important;
}

.vega-dropdown-container .search-result-item:hover,
.vega-dropdown-container .vega-dropdown-item:hover,
.vega-dropdown-container .dropdown-item:hover,
.vega-dropdown-container a:not(.vega-account-setting):hover {
    background-color: var(--v-bg-quaternary) !important;
}

.vega-dropdown-container .vega-account-setting {
    color: var(--v-text-link) !important;
    font: var(--font-btn-label-sm) !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    padding: 0px !important;
}

.vega-dropdown-container .vega-user-email {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
}

.vega-tree-dropdown {
    padding: 0 !important;
    border: none !important;
}

.vega-tree-dropdown .gh-tree-dropdown {
    width: 100%;
}

.vega-tree-dropdown .gh-tree-dropdown .gh-branch-toggle {
    background-color: initial !important;
}

.vega-tree-dropdown .gh-tree-dropdown .gh-branch-toggle i.fas {
    color: var(--v-text-link) !important;
}

.vega-tree-dropdown .vega-select {
    height: auto !important;
}

.vega-tree-dropdown .vega-select:after {
    top: 11px !important;
    left: unset !important;
    height: var(--v-size-24) !important;
    right: var(--v-size-12) !important;
    background: url(/v4/img/vega-select-arrow-down.svg) no-repeat !important;
}

.vega-select-dropdown.dropdown-toggle.btn,
.vega-select,
.vega-input,
.note-modal.link-dialog .modal-body input[type="text"] {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    height: 40px !important;
    padding: var(--v-size-8) var(--v-size-12) !important;
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    background-color: #fff !important;
}

.timepicker-interval .vega-input.vega-no-bg-input {
    background-color: inherit !important;
}

.vega-select-dropdown.dropdown-toggle.btn {
    width: fit-content !important;
}

.vega-icon-in-input {
    font-size: var(--v-size-16) !important;
    position: absolute !important;
    left: var(--v-size-12) !important;
    top: calc(50% - 8px) !important;
}

.vega-icon-in-input + .vega-input {
    padding-left: 40px !important;
}

body input.vega-input.ent-time-input,
body input.vega-input.ent-date-input,
body input.vega-input.ent-date-input.error {
    padding-left: 34px !important;
}

.vega-input.gh-generic-search-input {
    padding-left: var(--v-size-40) !important;
}

.input-w-icon input.vega-input,
.vega-input.pl-5,
.vega-select-dropdown.pl-5,
.vega-input.vega-padding-left-50 {
    padding-left: 50px !important;
}

.vega-select-dropdown.dropdown-toggle:not(:disabled):not(.disabled):focus {
    box-shadow: var(--v-ring-input-focus) !important;
}

.vega-select-dropdown.dropdown-toggle:not(:disabled):not(.disabled):active,
.vega-select-dropdown.dropdown-toggle:not(:disabled):not(.disabled):hover {
    background-color: var(--v-bg-primary) !important;
    border: var(--v-border-input-field) !important;
}

.vega-select-dropdown::before {
    position: absolute !important;
    right: 8px !important;
    top: calc(50% - 5px) !important;
    content: "" !important;
    border-top: 8px solid #fff !important;
    border-right: 6px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 6px solid transparent !important;
    z-index: 1 !important;
}

.vega-select-dropdown::after {
    position: absolute !important;
    right: 8px !important;
    top: calc(50% - 4px) !important;
    content: "" !important;
    border-top: 8px solid var(--v-text-link) !important;
    border-right: 6px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 6px solid transparent !important;
}

.vega-select-dropdown.disabled::after,
.vega-select-dropdown:disabled::after {
    border-top-color: var(--v-bg-disabled) !important;
}

.vega-select-dropdown.btn.disabled,
.vega-select-dropdown.btn:disabled {
    color: var(--v-text-input-placeholder) !important;
    border: var(--v-border-input-field-disabled) !important;
}

.vega-select-dropdown .vega-select-placeholder,
.vega-select .vega-select-placeholder {
    font: var(--v-font-field-value) !important;
    color: var(--v-text-input-placeholder) !important;
}

.vega-input::placeholder, .vega-textarea::placeholder {
    font: var(--v-font-field-value) !important;
    color: var(--v-text-input-placeholder) !important;
}

.vega-input:active,
.vega-textarea:active {
    text-decoration-line: none !important;
}

.vega-input:focus,
.vega-input.form-control:focus,
.vega-textarea:focus {
    outline: 0 !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

.vega-input[readonly]:not(.custom-field-file),
.vega-input:disabled {
    color: var(--v-text-input-disabled) !important;
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.vega-textarea {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    padding: var(--v-size-8) var(--v-size-12) !important;
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    cursor: auto !important;
}

.vega-checkbox {
    line-height: var(--v-size-24) !important;
}

.vega-checkbox label::before {
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    border-radius: var(--v-rounded-4) !important;
    border: var(--v-border-input-field) !important;
}

.vega-checkbox label::after {
    left: -2rem !important;
    top: 5px !important;
    width: 9px !important;
    height: 14px !important;   
}

.vega-checkbox input:checked~label::before,
.vega-sm-checkbox input:checked~label::before,
.vega-radio input:checked~label::before {
    background-color: var(--v-text-link) !important;
}

input[type=checkbox].vega-input-checkbox,
input[type=checkbox].vega-custome-checkbox,
.note-modal.link-dialog .modal-body input[type="checkbox"]  {
    position: relative !important;
    height: var(--v-size-16) !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* visibility: hidden !important; */
    vertical-align: middle !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: var(--v-size-16) !important;
    margin-right: var(--v-size-8) !important;
}

input[type=checkbox].vega-input-checkbox.vega-margin-right-8 {
    margin-right: var(--v-size-8) !important;
}

input[type=checkbox].vega-input-checkbox::before,
.note-modal.link-dialog .modal-body input[type="checkbox"]::before,
input[type=checkbox].vega-custome-checkbox::before {
    content:'' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
    line-height: var(--v-size-16) !important;
    text-align: center !important;
    font-size: var(--v-size-16) !important;
    background-color: #fff !important;
    border-radius: var(--v-rounded-4) !important;
    border: var(--v-border-input-field) !important;
    visibility: visible !important;
}

.gh-checkbox-kit input[type=checkbox].vega-input-checkbox {
    top: 2.5px !important;
    position: absolute !important;
}

input[type=checkbox].vega-input-checkbox:focus-visible::before, .note-modal.link-dialog .modal-body input[type="checkbox"]:focus-visible::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
}

input[type=checkbox].vega-custome-checkbox:checked::before {
    color: #fff !important;
    content: '' !important;
    background: url(/v4/img/vega-checked-regular.svg) center no-repeat !important;
    background-color: var(--v-bg-action) !important;
    background-size: 10px !important;
}

input[type=checkbox].vega-input-checkbox:checked::before, .note-modal.link-dialog .modal-body input[type="checkbox"]:checked::before {
    content: '' !important;
    background: url(/v4/img/vega-checked-regular.svg) center no-repeat !important;
    background-color: var(--v-text-link) !important;
    background-size: 10px !important;
}

input[type=checkbox].vega-input-checkbox::after, .note-modal.link-dialog .modal-body input[type="checkbox"]::after {
    display: none !important;
}

.vega-tree-dropdown .gh-checkbox-sm,
.vega-checkbox-input-small {
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-2) !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}

.vega-tree-dropdown .gh-checkbox-sm:checked,
.vega-checkbox-input-small:checked {
    background-color: var(--v-bg-action) !important;
    background-position: center !important;
    background-size: var(--v-size-24) !important;
    border-radius: 4px !important;
}

input[type=checkbox].vega-checkbox-input-large,
input[type=checkbox].vega-checkbox-input-large::before {
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
}

.gh-checkbox-kit input[type=checkbox].vega-checkbox-input-large {
    top: calc(50% - 12px) !important;
}

input[type=checkbox].vega-checkbox-input-large:checked::before {
    background-size: var(--v-size-16) !important;
}

input[type="checkbox"].vega-sm-checkbox {
    border: var(--v-border-input-field) !important;
}

input[type="checkbox"].vega-sm-checkbox:checked {
    background: var(--v-bg-action) !important;
    border: var(--v-border-input-field) !important;
}

input[type="checkbox"].vega-sm-checkbox:checked:after {
    left: 3px !important;
}

input[type="checkbox"].vega-sm-checkbox label::before {
    border-radius: var(--v-rounded-4) !important;
    border: var(--v-border-input-field) !important;
}

input[type="checkbox"].vega-sm-checkbox.error {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
}

span.required,
input[type="checkbox"].vega-sm-checkbox + label.error {
    color: var(--v-text-error) !important;
}

input[type=checkbox].vega-input-checkbox:disabled:before, .note-modal.link-dialog .modal-body input[type="checkbox"]:disabled:before  {
    cursor: default !important;
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
}

input[type=checkbox].vega-input-checkbox:disabled:checked:before, .note-modal.link-dialog .modal-body input[type="checkbox"]:disabled:checked:before {
    background-color: var(--v-text-disabled) !important;
    border: none !important;
}

input[type="radio"].vega-radio {
    border: var(--v-border-input-field) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    min-width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    background: #fff !important;
    /* outline: 0 !important; */
    vertical-align: text-bottom !important;
    cursor: pointer !important;
    border-radius: 100% !important;
    box-shadow: unset !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    overflow: hidden !important;
}

input[type="radio"].vega-radio:hover {
    border: var(--v-border-input-field-hover) !important;
}

input[type="radio"].vega-radio:active {
    border: var(--v-border-input-field-focus) !important;
}

input[type="radio"].vega-radio::after {
    content: '' !important;
    transform: scale(0) !important;
    transition: all .2s ease-in-out !important;
}

.vega-poa-save-content-font-color {
    color: var(--v-bg-action) !important;
}

input[type="radio"].vega-radio:checked::after {
    background-color: var(--v-text-link) !important;
    box-sizing: border-box !important;
    position: absolute !important;
    border: 0 !important;
    border-radius: 100% !important;
    left: 5px !important;
    top: 5px !important;
    width: 12px !important;
    height: 12px !important;
    transform: scale(1) !important;
}

input[type="radio"].vega-radio:checked:hover::after {
    background-color: var(--v-bg-action-hover) !important;
}

input[type="radio"].vega-radio:checked:active::after {
    background-color: var(--v-bg-action-active) !important;
}

input[type="radio"].vega-radio.error,
input[type="radio"].vega-radio:invalid {
    border: var(--v-border-input-field-danger) !important;
}

input[type="radio"].vega-radio.error:hover,
input[type="radio"].vega-radio:invalid:hover {
    border: var(--v-border-input-field-danger-hover) !important;
}

input[type="radio"].vega-radio.error:active,
input[type="radio"].vega-radio:invalid:active {
    border: var(--v-border-input-field-danger-focus) !important;
}

input[type="radio"].vega-radio:invalid:checked::after,
input[type="radio"].vega-radio.error:checked::after {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-bg-danger) !important;
}

input[type="radio"].vega-radio:invalid:checked:hover::after,
input[type="radio"].vega-radio.error:checked:hover::after {
    background-color: var(--v-bg-danger-hover) !important;
}

input[type="radio"].vega-radio:invalid:checked:active::after,
input[type="radio"].vega-radio.error:checked:active::after {
    background-color: var(--v-bg-danger-active) !important;
}

input[type="radio"].vega-radio .custom-control-label::before {
    border: var(--v-border-input-field) !important;
}

input[type="radio"].vega-radio input:checked~.custom-control-label > span {
    background-color: var(--v-text-link) !important;
}

input[type="radio"].vega-radio-small {
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
    min-width: var(--v-size-16) !important;
    min-height: var(--v-size-16) !important;
}

input[type="radio"].vega-radio-small:checked::after {
    left: 3px !important;
    top: 3px !important;
    width: var(--v-size-8) !important;
    height: var(--v-size-8) !important;
}

.vega-input.error + label {
    display: block !important;
}

.form-group label[for]:not(.error),
.form-group label.form-control-label,
.vega-form-label {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    word-break: break-word;
    max-width: 100%;
}
.form-group label[for] + input,
.vega-form-label + input {
    margin-top: 0 !important;
}

.vega-form-error-msg,
.vega-form span.error,
.vega-form label.error,
.vega-form .error_hint,
.form_elem.error .error_hint,
.form_elem.field_hint.error .error_hint {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
    padding-top: var(--v-size-8) !important;
    padding-left: var(--v-size-8) !important;
    text-align: left !important;
    margin-left: 0 !important;
}

.vega-form .vega-input + label.error,
.vega-form .vega-select + label.error,
.form_elem .vega-input + label.error,
.vega-input.error ~ .error:not(input),
.vega-textarea.error ~ .error,
.vega-select.error ~ .error,
.form-group.has-error .error,
.form_elem .vega-select + label.error,
.form_elem .vega-textarea + label.error,
.form_elem label.error {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
    padding-top: var(--v-size-8) !important;
    padding-left: var(--v-size-8) !important;
    text-align: left !important;
}

#frmCandidateSearch *[style*="2px solid red"],
.signme-preview.error, .error .signme-preview,
.vega-form .vega-input.error,
.vega-form .vega-textarea.error,
.note-editor.error,
.vega-textarea.error,
.note-editable.error,
select.error + .select2 > .selection > .select2-selection,
.vega-form .select2.select2-container .select2-selection.error,
.vega-form.error .select2.select2-container .select2-selection,
.form_elem.error .select2.select2-container .select2-selection,
.form_elem.error .vega-input[type="text"],
.form_elem.error .vega-input[type="password"],
.form_elem.error table.mceLayout,
.form_elem.error textarea,
.vega-input-checkbox.error[type="checkbox"]::before,
.vega-input.error[type="text"],
.vega-input.error[type="password"],
.vega-input.error[type="number"]  {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
    color: var(--v-text-secondary) !important;
    box-shadow: none !important;
}

select.error ~ .select2.select2-container--open > .selection  .select2-selection,
select.error ~ .select2.select2-container.select2-container--focus > .selection .select2-selection {
    border: var(--v-border-input-field-danger) !important;
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
}

.signme-preview.error:focus, .error .signme-preview:focus,
.vega-form .vega-input.error:not(:disabled, [readonly]):focus,
.vega-form .vega-textarea.error:focus,
.note-editor.error:focus,
.vega-textarea.error:focus,
.note-editable.error:focus,
select.error + .select2 > .selection > .select2-selection:focus,
.vega-form .select2.select2-container .select2-selection.error:focus,
.vega-form.error .select2.select2-container .select2-selection:focus,
.form_elem.error .select2.select2-container .select2-selection:focus,
.form_elem.error .vega-input[type="text"]:not(:disabled, [readonly]):focus,
.form_elem.error .vega-input[type="password"]:not(:disabled, [readonly]):focus,
.form_elem.error textarea:focus,
.vega-input-checkbox.error[type="checkbox"]:focus::before,
.vega-input.error[type="text"]:not(:disabled, [readonly]):focus,
.vega-input.error[type="password"]:not(:disabled, [readonly]):focus,
.vega-input.error[type="number"]:not(:disabled, [readonly]):focus {
    border: var(--v-border-input-field-danger) !important;
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
}

.vega-salary-input::after {
    content: '' !important;
    position: absolute !important;
    background-image: url("/v4/img/vega-dollar-sign.svg") !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
    margin: auto 10px !important;
    top: 13px !important;
}
.vega-dollar-sign {
    text-indent: -9999px;
}
.vega-dollar-sign::before {
    content: '' !important;
     position: absolute !important;
    background-image: url(/v4/img/vega-dollar-sign.svg) !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
}

.vega-dollart-sign-color {
    color: #6b747d !important;
}

.vega-padding-045{
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}

label.gh-toggle-checkbox {
    height: 40px !important;
    width: 70px !important;
    border-radius: 99px;
}

input[type=checkbox].vega-input-switch {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    border: none !important;
    cursor: pointer !important;
    width: 56px !important;
    background-color: rgba(107, 116, 125, 0.7) !important;
    height: var(--v-size-32) !important;
    border-radius: var(--v-rounded-full) !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

body input[type=checkbox].vega-input-switch::after {
    position: absolute !important;
    left: 4px !important;
    top: 4px !important;
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    line-height: var(--v-size-24) !important;
    border-radius: var(--v-rounded-full) !important;
    background: #fff !important;
    content: '' !important;
    cursor: pointer !important;
    transform: none !important;
    transition: all 0.4s !important;
}

body input[type=checkbox].vega-input-switch::before,
body input[type=checkbox].vega-input-switch:checked::before {
    display: none !important;
}

body input[type=checkbox].vega-input-switch:checked::after {
    top: 4px !important;
    left: calc(100% - 28px) !important;
}

input[type=checkbox].vega-input-switch:checked,
.vega-switch-inner::before {
    background-color: var(--v-bg-action) !important;
}

.vega-switch-inner::after {
    background-color: rgba(107, 116, 125, 0.7) !important;
}

.vega-switch-inner:hover::after,
input[type=checkbox].vega-input-switch:hover {
    background-color: var(--v-text-input-disabled) !important;
}

.vega-switch-inner:hover::before,
input[type=checkbox].vega-input-switch:checked:hover {
    background-color: rgba(4, 112, 236, 1) !important;
}

.vega-switch::after {
    top: -1px !important;
    left: -2px !important;
    content: '' !important;
}

.vega-onoff-switch::before {
    text-align: right !important;
    padding-right: var(--v-size-12) !important;
    height: var(--v-size-32) !important;
    border-radius: var(--v-rounded-full) !important;
    background-color: var(--v-bg-action) !important;
}

.vega-onoff-switch::after {
    text-align: right !important;
    padding-right: var(--v-size-12) !important;
    height: var(--v-size-32) !important;
    border-radius: var(--v-rounded-full) !important;
    background-color: rgba(107, 116, 125, 0.7) !important;
}

.vega-onoff-switch-inner {
    width: 24px !important;
    height: 24px !important;
    left: 0px !important;
    border-radius: var(--v-rounded-full) !important;
}

.vega-image-upload {
    background: transparent !important;
    background-color: rgba(240, 243, 247, 1) !important;
    width: 120px !important;
    height: 120px !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    color: var(--v-text-link) !important;
    border: 1px dotted #abc6d8 !important;
}

.vega-image-upload .text-ellipsis {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 200px !important;
    display: inline-block !important;
    text-align: center !important;
}


.vega-image-upload-add {
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    margin-bottom: var(--v-size-8) !important;
}

.vega-image-upload-prefill {
    width: 120px !important;
    height: 120px !important;
    background: transparent !important;
    background-color: rgba(240, 243, 247, 1) !important;
}

.vega-image-upload-prefill img {
    max-width: 120px !important;
    max-height: 120px !important;
}

.vega-image-upload-img-prefill {
    width: 120px !important;
    height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border: 1px dotted #abc6d8 !important;
}

.vega-additional-option-font {
    font: var(--v-font-field-label-em) !important;
    color: var(--v-text-primary) !important;
    margin-right: 0px !important;
}

.vega-additional-options-status {
    margin-bottom: 0px !important;
    margin-top: var(--v-size-16) !important;
}

.vega-additional-options-status i {
    margin-right: var(--v-size-24) !important;
    margin-left: var(--v-size-8) !important;
}

.vega-page-nav li {
    width: 32px !important;
    height: 32px !important;
 }
 
.vega-page-nav a {
     border: none !important;
     width: 32px !important;
     height: 32px !important;
     margin: 0 !important;
     text-align: center !important;
     color: var(--v-text-link) !important;
     background-color: rgba(0, 0, 0, 0) !important;
 }

 .vega-page-nav a:visited {
    color: var(--v-text-link) !important;
}
 
.vega-page-nav a:focus {
     box-shadow: none !important;
 }
 
.vega-page-nav .navigate-btn {
     border-radius: 50% !important;
 }
 
.vega-page-nav .navigate-btn:hover {
     background-color: unset !important;
 }
 
.vega-page-nav li.active a {
     color: rgba(32, 54, 69, 1) !important;
 }
 
.vega-page-nav a:hover {
     text-decoration: unset !important;
 } 

.vega-page-nav li.page-item a.page-link.vega-default-link.vega-link-small {
    word-break: unset !important;
    font-weight: 400 !important;
}

.vega-pagination-navbar .vega-pagination .vega-page-item {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.vega-pagination-navbar .vega-pagination .vega-page-item .pglink {
    padding: 0px !important;
}

.vega-pagination-navbar .vega-pagination .vega-page-item .pglink:link, .pglink:visited {
   font-size: 14px !important;
   color: #1362E2 !important;
}

.vega-pagination-navbar .vega-pagination .vega-page-item .pglink.gh-active {
    background-color: transparent !important;
    color: #203645 !important;
    font-weight: 700 !important;
}

.vega-lite-badge {
    background:  var(--v-bg-inverted-tertiary) !important;
    color: var(--v-text-inverted-primary) !important;
    font: var(--v-font-btn-label-sm) !important;
    padding: 4px 8px !important;
    display: inline-block !important;
    text-align: center !important;
    border-radius: var(--v-rounded-12) !important;
    margin-right: 5px !important;
    min-width: 37px !important;
    min-height: 25px !important;
}

.gh-content-ats .vega-lite-badge {
    background:  var(--v-bg-inverted-tertiary) !important;
    color: var(--v-text-inverted-primary) !important;
    font: var(--v-font-btn-label-sm) !important;
    padding: 4px !important;
    display: inline-block !important;
    text-align: center !important;
    border-radius: 9999px !important;
    margin-right: 5px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    min-height: unset !important;
}

.vega-lite-badge-circle {
    background:  var(--v-bg-inverted-tertiary) !important;
    color: var(--v-text-inverted-primary) !important;
    font: var(--v-font-btn-label-sm) !important;
    display: inline-block !important;
    text-align: center !important;
    border-radius: var(--v-rounded-full) !important;
    margin-right: 5px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.vega-notification-info {
    padding: var(--v-size-24) !important;
    background-color: var(--v-bg-status-info) !important;
    border-radius: var(--v-rounded-12) !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important
}

.vega-notification-warning {
    background-color: var(--v-bg-status-warning) !important;
    border-radius: 12px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    padding: var(--v-size-24) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
}

.vega-notification-error {
    background-color: var(--v-bg-status-error) !important;
    border-radius: 12px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    padding: var(--v-size-24) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
}

.vega-notification-success {
    background-color: var(--v-bg-status-success) !important;
    border-radius: 12px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    padding: var(--v-size-24) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
}

.modal-dialog .modal-alert.error,
.modal-dialog .modal-alert.error label,
.modal-footer .alert:not([class*="vega-"]) {
    border: none !important;
    background-color: #fff !important;
    font: var(--v-font-footnote1-short) !important;
    padding: 0 !important;
    text-align: left !important;
}

.modal-footer .alert.alert-warning:not([class*="vega-"]) {
    color: var(--v-text-accent3-primary) !important;
}

.modal-footer .alert.alert-success:not([class*="vega-"]) {
    color: var(--v-text-success) !important;
}

.modal-dialog .modal-alert.error,
.modal-dialog .modal-alert.error label,
.modal-footer .alert.alert-danger:not([class*="vega-"]) {
    color: var(--v-text-error) !important;
}

.modal-dialog .modal-alert.error li {
    padding: 0 !important;
    margin: 0 !important;
}

.modal-dialog .modal-alert.error label {
    padding: var(--v-size-4) 0 !important;
    margin: 0 !important;
}

/************************ Component CSS End *******************************/


/**************************Common Css Start *****************************/
.vega-col-auto,
.vega-col-1,
.vega-col-2,
.vega-col-3,
.vega-col-4,
.vega-col-5,
.vega-col-6,
.vega-col-7,
.vega-col-8,
.vega-col-9,
.vega-col-10,
.vega-col-11,
.vega-col-12 {
    position: relative !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.vega-col-auto {
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}

.vega-col-1 {
    -ms-flex: 0 0 8.333333% !important;
    flex: 0 0 8.333333% !important;
    max-width: 8.333333% !important;
}

.vega-col-2 {
    -ms-flex: 0 0 16.666667% !important;
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

.vega-col-3 {
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.vega-col-4 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}

.vega-col-6 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.vega-col-7 {
    -ms-flex: 0 0 58.333333% !important;
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
}

.vega-col-8 {
    -ms-flex: 0 0 66.666667% !important;
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
}

.vega-col-9 {
    -ms-flex: 0 0 75% !important;
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

.vega-col-10 {
    -ms-flex: 0 0 83.333333% !important;
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
}

.vega-col-11 {
    -ms-flex: 0 0 91.666667% !important;
    flex: 0 0 91.666667% !important;
    max-width: 91.666667% !important;
}

.vega-col-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.vega-visibility-hidden {
    visibility: hidden !important;
}

.vega-white-space-nowrap {
    white-space: nowrap !important;
}

.vega-override-fields-break {
    white-space: break-spaces !important;
}

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

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

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

.vega-display-inline {
    display: inline !important; 
}

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

.vega-display-inline-flex {
    display: inline-flex !important;
}

.vega-flex-column {
    display: flex !important;
    flex-direction: column !important;
}

.vega-flex-column-reverse {
    display: flex !important;
    flex-flow: column-reverse !important;
}

.vega-flex-row {
    display: flex !important;
    flex-direction: row !important;
}

.vega-flex-row-reverse {
    display: flex !important;
    flex-flow: row-reverse !important;
}

#tos-popup .footer-btns {
    display: flex;
    flex-flow: row-reverse !important;
}

.vega-justify-content-left {
    display: flex !important;
    justify-content: left !important;
}

.vega-justify-content-right {
    display: flex !important;
    justify-content: right !important;
}

.vega-flex-row-end {
    display: flex !important;
    flex-direction: row !important;
    justify-content: end !important;
}

.vega-flex-row-center {
    display: flex !important;
    justify-content: center !important;
}

.vega-flex-align-center {
    display: flex !important;
    align-items: center !important;
}

.vega-flex-grow-1 {
    flex-grow: 1 !important;
    justify-content: end !important;
}

.vega-flex-wrap {
    flex-wrap: wrap !important;
}

.vega-flex-no-wrap {
    flex-wrap: nowrap !important;
}

.vega-flex-33p {
    flex: 0 0 33% !important;
}

.vega-flex-order-100 {
    order: 100 !important;
}

.vega-align-content-start {
    align-content: flex-start !important;
}

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

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

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

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

.vega-align-item-baseline {
    align-items: baseline !important;
}

.vega-align-item-unset {
    align-items: unset !important;
}

.vega-align-item-unset {
    align-items: unset !important;
}

.vega-flex-start-self {
    align-self: flex-start !important;
}

.vega-flex-center-self {
    align-self: center !important;
}

.vega-flex-shrink-0 {
    flex-shrink: 0 !important;
}

.vega-float-unset {
    float: unset !important;
}

.vega-float-right {
    float: right !important;
}

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

.vega-position-sticky {
    position: sticky !important;
    top: 0;
    z-index: 1;
}

.vega-position-static {
    position: static !important;
}

.vega-position-static-before:before {
    position: static !important;
}

.vega-position-relative {
    position: relative !important;
}

.vega-position-absolute {
    position: absolute !important;
}

.vega-top-unset {
    top: unset !important;
}

.vega-top--8 {
    top: -8px !important;
}

.vega-top-5 {
    top: 5px !important;
}

.vega-top-10 {
    top: 10px !important;
}

.vega-top-11 {
    top: 11px !important; 
}

.vega-top-24 {
    top: var(--v-size-24) !important;
}

.vega-top-32 {
    top: var(--v-size-32) !important;
}

.vega-left-0 {
    left: 0 !important;
}

.vega-right-0 {
    left: unset !important;
    right: 0 !important;
}

.vega-right-5 {
    right: 5px !important;
}

.vega-right-12 {
    right: var(--v-size-12) !important;
}

.vega-right-20 {
    right: var(--v-size-20) !important;
}

.vega-right-24 {
    right: var(--v-size-24) !important;
}

.vega-zIndex-999 {
    z-index: 999 !important;
}

.vega-align-text-bottom {
    vertical-align: text-bottom !important;
}

.vega-button.vega-width-full,
.vega-width-full {
    width: 100% !important;
}

.vega-width-initial {
    width: initial !important;
}

.vega-width-fit-content {
    width: fit-content !important;
}

.vega-width-16 {
    width: 16px !important;
}

.vega-width-20 {
    width: 20px !important;
}

.vega-width-70 {
    width: 70px !important;
}

.vega-width-80 {
    width: 80px !important;
}

.vega-width-100 {
    width: 100px !important;
}

.vega-width-104 {
    width: 104px !important;
}

.vega-width-120 {
    width: 120px !important;
}

.vega-width-146 {
    width: 146px !important;
}

.vega-width-172 {
    width: 172px !important;
}

.vega-width-200 {
    width: 200px !important;
}

.vega-width-220 {
    width: 220px !important;
}

.vega-width-240 {
    width: 240px !important;
}

.vega-width-250 {
    width: 250px !important;
}

.vega-width-260 {
    width: 260px !important;
}

.vega-width-280 {
    width: 280px !important;
}

.vega-width-430 {
    width: 430px !important;
}

.vega-width-600 {
    width: 600px !important;
}

.vega-width-680 {
    width: 680px !important;
}

.vega-width-55p {
    width: 55.8888% !important;
}

.vega-width-33p {
    width: 33% !important;
}

.vega-width-70p {
    width: 70% !important;
}

.vega-width-90p {
    width: 90% !important;
}

.vega-width-full {
    width: 100% !important;
}

.vega-min-width-fit-content {
    min-width: fit-content !important;
}

.vega-min-width-70 {
    min-width: 70px !important;
}

.vega-min-width-96 {
    min-width: 96px !important;
}

.vega-min-width-160 {
    min-width: 160px !important;
}

.vega-min-width-180 {
    min-width: 180px !important;
}

.vega-min-width-210 {
    min-width: 210px !important;
}

.vega-min-width-230 {
    min-width: 230px !important;
}

.vega-min-width-260 {
    min-width: 260px !important;
}

.vega-min-width-300 {
    min-width: 300px !important;
}

.vega-min-width-550 {
    min-width: 550px !important;
}

.vega-min-width-650 {
    min-width: 650px !important;
}

.vega-min-width-800 {
    min-width: 800px !important;
}

.vega-min-width-900 {
    min-width: 900px !important;
}

.vega-min-width-1060 {
    min-width: 1060px !important;
}

.vega-min-width-1200 {
    min-width: 1200px !important;
}

.vega-min-width-1400 {
    min-width: 1400px !important;
}

.vega-max-width-fit-content {
    max-width: fit-content !important;
}

.vega-max-width-118 {
    max-width: 118px !important;
}

.vega-max-width-225 {
    max-width: 225px !important;
}

.vega-max-width-310 {
    max-width: 310px !important;
}

.vega-max-width-480 {
    max-width: 480px !important;
}

.vega-max-width-800 {
    max-width: 800px !important;
}

.vega-max-width-900 {
    max-width: 900px !important;
}

.vega-max-width-55p {
    max-width: 55.8888% !important;
}

.vega-max-width-unset {
    max-width: unset !important;
}

.vega-max-width-min-content {
    max-width: min-content !important;
}

.vega-max-width-100p {
    max-width: 100% !important;
}

.vega-min-height-unset {
    min-height: unset !important;
}

.vega-min-height-200 {
    min-height: 200px !important;
}

.vega-min-height-500 {
    min-height: 500px !important;
}

.vega-min-height-650 {
    min-height: 650px !important;
}

.vega-max-height-350 {
    max-height: 350px !important;
}

.vega-max-height-74vh {
    max-height: 74vh !important;
}

.vega-max-height-unset {
    max-height: unset !important;
}

.vega-height-auto {
    height: auto !important;
}

.vega-height-full {
    height: 100% !important;
}

.vega-height-0 {
    height: 0px !important;
}

.vega-height-16 {
    height: var(--v-size-16) !important;
}

.vega-height-20 {
    height: 20px !important;
}

.vega-height-22 {
    height: 22px !important;
}

.vega-height-25 {
    height: 25px !important;
}

.vega-height-36 {
    height: 36px !important;
}

.vega-height-40 {
    height: var(--v-size-40) !important;
}

.vega-height-45 {
    height: 45px !important;
}

.vega-height-48 {
    height: var(--v-size-48) !important;
}

.vega-height-57 {
    height: 57px !important;
}

.vega-height-90 {
    height: 90px !important;
}

.vega-height-430 {
    height: 430px !important;
}

.vega-height-650 {
    height: 650px !important;
}

.vega-line-height-unset {
    line-height: unset !important;
}

.vega-line-height-14 {
    line-height: 14px !important;
}

.vega-line-height-18 {
    line-height: 18px !important;
}

.vega-line-height-20 {
    line-height: 20px !important;
}

.vega-line-height-24 {
    line-height: 24px !important;
}

.vega-line-height-26 {
    line-height: 26px !important;
}

.vega-line-height-32 {
    line-height: 32px !important;
}

.vega-line-height-40 {
    line-height: 40px !important;
}

.vega-line-height-76 {
    line-height: 76px !important;
}

.vega-margin-auto {
    margin: auto !important;
}

.vega-margin-0 {
    margin: 0px !important;
}

.vega-margin-4 {
    margin: 4px !important;
}

.vega-margin-8 {
    margin: 8px !important;
}

.vega-margin-top--2 {
    margin-top: -2px !important;
}

.vega-margin-top--1 {
    margin-top: -1px !important;
}

.vega-margin-top--4 {
    margin-top: -4px !important;
}

.vega-margin-top--5 {
    margin-top: -5px !important;
}

.vega-margin-top--8 {
    margin-top: -8px !important;
}

.vega-margin-top--24 {
    margin-top: -24px !important;
}

.vega-margin-top--10 {
    margin-top: -10px !important;
}

.vega-margin-top--50 {
    margin-top: -50px !important;
}

.vega-margin-top-0 {
    margin-top: 0px !important;
}

.vega-margin-top-1 {
    margin-top: 1px !important;
}

.vega-margin-top-2 {
    margin-top: var(--v-size-2) !important;
}

.vega-margin-top-3 {
    margin-top: 3px !important;
}

.vega-margin-top-4 {
    margin-top: var(--v-size-4) !important;
}

.vega-margin-top-5 {
    margin-top: 5px !important;
}

.vega-margin-top-6 {
    margin-top: 6px !important;
}

.vega-margin-top-7 {
    margin-top: 7px !important;
}

.vega-margin-top-8 {
    margin-top: var(--v-size-8) !important;
}

.vega-margin-top-10 {
    margin-top: 10px !important;
}

.vega-margin-top-14 {
    margin-top: 14px !important;
}

.vega-margin-top-16 {
    margin-top: var(--v-size-16) !important;
}

.vega-margin-top-24 {
    margin-top: var(--v-size-24) !important;
}

.vega-margin-top-30 {
    margin-top: 30px !important;
}

.vega-margin-top-40 {
    margin-top: 40px !important;
}

.vega-margin-top-50 {
    margin-top: 50px !important;
}

.vega-margin-top-58 {
    margin-top: 58px !important;
}

.vega-margin-top-80 {
    margin-top: 80px !important;
}

.vega-margin-bottom--2 {
    margin-bottom: -2px !important;
}

.vega-margin-bottom--10 {
    margin-bottom: -10px !important;
}

.vega-margin-bottom-0 {
    margin-bottom: 0px !important;
}

.vega-margin-bottom-1 {
    margin-bottom: 1px !important;
}

.vega-margin-bottom-2 {
    margin-bottom: 2px !important;
}

.vega-margin-bottom-3 {
    margin-bottom: 3px !important;
}

.vega-margin-bottom-4 {
    margin-bottom: 4px !important;
}

.vega-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.vega-margin-bottom-8 {
    margin-bottom: var(--v-size-8) !important;
}

.vega-margin-bottom-12 {
    margin-bottom: 12px !important;
}

.vega-margin-bottom-16 {
    margin-bottom: var(--v-size-16) !important;
}

.vega-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.vega-margin-bottom-24 {
    margin-bottom: var(--v-size-24) !important;
}

.vega-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.vega-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.vega-margin-bottom-48 {
    margin-bottom: 48px !important;
}

.vega-margin-bottom-50 {
    margin-bottom: 50px !important;
}

.vega-margin-bottom-55 {
    margin-bottom: 55px !important;
}

.vega-margin-left--24 {
    margin-left: -24px !important;
}

.vega-margin-left--4 {
    margin-left: -4px !important;
}

.vega-margin-left--6 {
    margin-left: -6px !important;
}

.vega-margin-left--2 {
    margin-left: -2px !important;
}

.vega-margin-left--1 {
    margin-left: -1px !important;
}

.vega-margin-left-0 {
    margin-left: 0px !important;
}

.vega-margin-left-2 {
    margin-left: 2px !important;
}

.vega-margin-left-4 {
    margin-left: var(--v-size-4)!important;
}

.vega-margin-left-7 {
    margin-left: 7px !important;
}

.vega-margin-left-8 {
    margin-left: var(--v-size-8) !important;
}

.vega-margin-left-12 {
    margin-left: 12px !important;
}

.vega-margin-left-10 {
    margin-left: 10px !important;
}

.vega-margin-left-14 {
    margin-left: 14px !important;
}

.vega-margin-left-16 {
    margin-left: var(--v-size-16) !important;
}

.vega-margin-left-24 {
    margin-left: var(--v-size-24) !important;
}

.vega-margin-left-40 {
    margin-left: 40px !important;
}

.vega-margin-left-70 {
    margin-left: 70px !important;
}

.vega-margin-right--7 {
    margin-right: -7px !important;
}

.vega-margin-right-0 {
    margin-right: 0px !important;
}

.vega-margin-right-2 {
    margin-right: 2px !important;
}

.vega-margin-right-3 {
    margin-right: 3px !important;
}

.vega-margin-right-5 {
    margin-right: 5px !important;
}

.vega-margin-right-6 {
    margin-right: 6px !important;
}

.vega-margin-right-8 {
    margin-right: var(--v-size-8) !important;
}

.vega-margin-right-10 {
    margin-right: 10px !important;
}

.vega-margin-right-12 {
    margin-right: var(--v-size-12) !important;
}

.vega-margin-right-16 {
    margin-right: var(--v-size-16) !important;
}

.vega-margin-right-30 {
    margin-right: 30px !important;
}

.vega-margin-right-32 {
    margin-right: 32px !important;
}

.vega-margin-24-0 {
    margin: var(--v-size-24) 0 !important;
}

.vega-margin-30--32--15-30 {
    margin: 30px -32px -15px !important;
}

.vega-margin-16--42--15--42 {
    margin: 16px -42px -15px -42px !important;
}

.vega-margin-16--42-0-16 {
    margin: 16px -42px -0 !important;
}

.vega-margin-16--36--16-16 {
    margin: 16px -36px -16px !important;
}

.vega-margin-16--31--16 {
    margin: 16px -31px -16px !important;
}

.vega-margin-0--56--13 {
    margin: 0px -56px -13px !important;
}

.vega-margin-0--250--20-0 {
    margin: 0px -250px -20px !important
}

.vega-padding-0 {
    padding: 0px !important;
}

.vega-padding-3 {
    padding: 3px !important;
}

.vega-padding-32 {
    padding: 32px !important;
}

.vega-padding-x-15 {
    padding: 0 15px !important;
}

.vega-padding-12 {
    padding: var(--v-size-12) !important;
}

.vega-padding-8 {
    padding: var(--v-size-8) !important;
}

.vega-padding-16 {
    padding: var(--v-size-16) !important;
}

.vega-padding-24 {
    padding: var(--v-size-24) !important;
}

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

.vega-padding-top-1 {
    padding-top: 2px !important;
}

.vega-padding-top-2 {
    padding-top: 2px !important;
}

.vega-padding-top-3 {
    padding-top: 3px !important;
}

.vega-padding-top-6 {
    padding-top: 6px !important;
}

.vega-padding-top-7 {
    padding-top: 7px !important;
}

.vega-padding-top-8 {
    padding-top: var(--v-size-8) !important;
}

.vega-padding-top-12 {
    padding-top: var(--v-size-12) !important;
}

.vega-padding-top-21 {
    padding-top: 21px !important;
}

.vega-padding-top-24 {
    padding-top: var(--v-size-24) !important;
}

.vega-padding-top-30 {
    padding-top: 30px !important;
}

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

.vega-padding-bottom-6 {
    padding-bottom: 6px !important;
}

.vega-padding-bottom-8 {
    padding-bottom: 8px !important;
}

.vega-padding-bottom-12 {
    padding-bottom: var(--v-size-12) !important;
}

.vega-padding-bottom-15 {
    padding-bottom: 15px !important;
}

.vega-padding-bottom-16 {
    padding-bottom: var(--v-size-16) !important;
}

.vega-padding-bottom-24 {
    padding-bottom: var(--v-size-24) !important;
}

.vega-padding-bottom-34 {
    padding-bottom: 34px !important;
}

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

.vega-padding-left-4 {
    padding-left: 4px !important;
}

.vega-padding-left-8 {
    padding-left: var(--v-size-8) !important;
}

.vega-padding-left-10 {
    padding-left: 10px !important;
}

.vega-padding-left-12 {
    padding-left: 12px !important;
}

.vega-padding-left-15 {
    padding-left: 15px !important;
}

.vega-padding-left-16 {
    padding-left: var(--v-size-16) !important;
}

.vega-padding-left-20 {
    padding-left: var(--v-size-20) !important;
}

.vega-padding-left-28 {
    padding-left: 28px !important;
}

.vega-padding-left-30 {
    padding-left: 30px !important;
}

.vega-padding-left-36 {
    padding-left: 36px !important;
}

.vega-padding-left-52 {
    padding-left: 52px !important;
}

.vega-padding-left-95 {
    padding-left: 95px !important;
}

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

.vega-padding-right-4 {
    padding-right: 4px !important;
}

.vega-padding-right-8 {
    padding-right: 8px !important;
}

.vega-padding-right-14 {
    padding-right: 14px !important;
}

.vega-padding-right-25 {
    padding-right: 25px !important;
}

.vega-padding-right-36 {
    padding-right: 36px !important;
}

.vega-padding-20-0 {
    padding: var(--v-size-20) 0 !important;
}

.vega-padding-8-16-8-8 {
    padding: var(--v-size-8) var(--v-size-16) var(--v-size-8) var(--v-size-8) !important
}

.vega-padding-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vega-padding-lr-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.vega-padding-lr-16 {
    padding-left: var(--v-size-16) !important;
    padding-right: var(--v-size-16) !important;
}

.vega-padding-lr-20 {
    padding-left: var(--v-size-20) !important;
    padding-right: var(--v-size-20) !important;
}

.vega-padding-lr-24 {
    padding-left: var(--v-size-24) !important;
    padding-right: var(--v-size-24) !important;
}

.vega-margin-lr--15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.vega-margin-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vega-color-border-divider {
    color: var(--v-borderColor-divider) !important;
}

.vega-color-text-on-action {
    color: var(--v-text-on-action) !important;
}

.vega-color-text-danger {
    color: var(--v-text-danger-link) !important;
}

.vega-color-text-link {
    color: var(--v-text-link) !important;
}

.vega-color-text-error {
    color: var(--v-text-error) !important;
}

.vega-color-bg-warning {
    color: var(--v-bg-accent3-primary) !important;
}

.vega-text-success-color {
    color: var(--v-text-success) !important;
}

.vega-color-text-success {
    color: var(--v-bg-status-success) !important;
}

.vega-bg-inherit {
    background-color: inherit !important;
}

.vega-bg-color-unset {
    background-color: unset !important;
}

.vega-bg-secondary {
    background-color: var(--v-bg-secondary) !important;
}

.vega-bg-quaternary {
    background-color: var(--v-bg-quaternary) !important;
}

.vega-bg-blue {
    background-color: #e3f7fd !important;
}

body .vega-bg-white {
    background-color: #fff !important;
}

.vega-bg-color-action {
    background-color: var(--v-bg-action) !important;
}

.vega-bg-color-danger {
    background-color: var(--v-bg-danger) !important;
}

.vega-bg-color-table-header{
    background-color: var(--v-bg-table-header) !important;
}

.vega-bg-color-quaternary {
    background-color: var(--v-bg-action-quaternary) !important;
}

.vega-bg-image-alarm-after::after {
    background-image: url("/v4/img/vega-alarm.svg") !important;
}

.vega-bg-image-unset {
    background-image: unset !important;
}

.vega-bg-card-overrides {
    background-color: #F0F3F7 !important;
}

.vega-empty-border {
    border: none !important;
}

.vega-empty-outline {
   outline: none !important;
}

.vega-border-divider {
    border: var(--v-border-divider) !important;
}

.vega-border-secondary {
    border: var(--v-border-divider-secondary) !important;
}

.vega-border-secondary-dashed {
    border: var(--v-border-divider-secondary) !important;
    border-style: dashed !important;
}

.vega-border-right {
    border-right: var(--v-border-divider-secondary) !important;
}

.vega-border-top-secondary {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-border-none {
    border: none !important;
}

.vega-border-top-none {
    border-top: none !important;
}

.vega-border-bottom-none {
    border-bottom: none !important;
}

.vega-boder-bottom-secondary {
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-border-bottom {
    border-bottom: var(--v-border-input-field) !important;
}

.vega-border-bottom-unset {
    border-bottom: unset !important;
}

.vega-border-bottom-divider-secondary {
    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
}

.vega-border-color-divider {
    border-color: var(--v-borderColor-divider) !important;
}

.vega-border-radius-unset {
    border-radius: unset !important;
}

.vega-border-radius-full {
    border-radius: var(--v-rounded-full) !important;
}

.vega-border-radius-4 {
    border-radius: 4px !important;
}

.vega-border-radius-8 {
    border-radius: var(--v-rounded-8) !important;
}

.vega-border-radius-12, #noty_center_layout_container li {
    border-radius: var(--v-rounded-12) !important;
}

.vega-border-top-radius {
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
}

.vega-border-bottom-radius {
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

.vega-border-transparent-2 {
    border: 2px solid transparent !important;
}

.vega-h1-font {
    font: var(--v-font-h1) !important;
    color: var(--v-text-primary) !important;
}

.vega-h2-font {
    font: var(--v-font-h2) !important;
    color: var(--v-text-primary) !important;
}

.vega-h3-font {
    font: var(--v-font-h3) !important;
    color: var(--v-text-primary) !important;
}

body .vega-h4-font {
    font: var(--v-font-h4) !important;
    color: var(--v-text-primary) !important;
}

.vega-h5-font {
    font: var(--v-font-h5) !important;
    color: var(--v-text-primary) !important;
}

.vega-h6-font {
    font: var(--v-font-h6) !important;
    color: var(--v-text-primary) !important;
}

.vega-font-btn-link-label {
    font: var(--v-font-btn-link-label) !important;
}

.vega-bd-bottom-divider-secondary {
    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
}

.vega-bg-primary {
    background-color: var(--v-bg-primary) !important;
}

.vega-vertical-align-unset {
    vertical-align: unset !important;
}

.vega-text-transform-capitalize {
    text-transform: capitalize !important;
}

.vega-text-align-center {
    text-align: center !important;
}

.vega-text-align-left {
    text-align: left !important;
}

.vega-text-align-right {
    text-align: right !important;
}

.vega-text-sm-secondary {
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-secondary) !important;
}

.vega-text-secondary {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-secondary) !important;
}

.vega-text-secondary-400 {
    font: var(--v-font-field-label-xs) !important;
    color: var(--v-text-secondary) !important;
}

.vega-text-primary-700 {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    font-weight: 700 !important;
}

.vega-font-section {
    font: var(--v-font-btn-label-lg) !important;
}

.vega-font-btn-label {
    font: var(--v-font-btn-label) !important;
}

.vega-font-btn-label-sm-primary {
    font: var(--v-font-btn-label-sm) !important;
    color: var(--v-text-primary) !important;
}

.vega-btn-label-sm-link-700 {
    font: var(--v-font-btn-label-sm) !important;
    color: var(--v-text-link) !important;
}

.vega-font-field-label-xs {
    font: var(--v-font-field-label-xs) !important;
}

.vega-text-primary {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.vega-text-primary-em {
    font: var(--v-font-field-label-em) !important;
    color: var(--v-text-primary) !important;
}

.vega-em-text-primary {
    font: var(--v-font-field-label-em) !important;
    color: var(--v-text-primary) !important;
    font-weight: 400 !important;
}

.vega-sm-text-primary {
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
}

.vega-field-value-sm-primary {
    font: var(--v-font-field-value-sm) !important;
    color: var(--v-text-primary) !important;
}

.vega-text-primary-color {
    color: var(--v-text-primary) !important;
}

.vega-text-filter-select-color {
    color: #888 !important;
    font-size: 16px !important;
    padding-left: 20px !important;
}

.vega-short-text-primary {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-primary) !important;
}

.vega-short-text {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-secondary) !important;
    font-weight: 400 !important;
}

.vega-font-p1-short {
    color: var(--v-text-primary) !important;
    font: var(--v-font-p1-short) !important;
}

.vega-color-secondary {
    color: var(--v-text-secondary) !important;
}

.vega-font-p2-short {
    font: var(--v-font-p2-short) !important;
}

.vega-font-footnote2-short {
    font: var(--v-font-footnote2-short) !important;
}

.vega-font-field-label-xs-em {
    font: var(--v-font-field-label-xs-em) !important;
}

.vega-font-field-value {
    font: var(--v-font-field-value) !important;
}

.vega-font-field-value-em {
    font: var(--v-font-field-value-em) !important;
}

.vega-font-field-label-lg {
    font: var(--v-font-field-label-lg) !important;
}

.vega-font-footnote1-long {
    font: var(--v-font-footnote1-long) !important;
}

.vega-font-field-label-sm-em {
    font: var(--v-font-field-label-sm-em) !important;
}

.vega-font-size-12 {
    font-size: var(--v-size-12) !important;
}

.vega-font-size-14 {
    font-size: 14px !important;
}

.vega-font-size-20 {
    font-size: 20px !important;
}

.vega-font-size-24 {
    font-size: 24px !important;
}

.vega-font-size-28 {
    font-size: 28px !important;
}

.vega-font-size-32 {
    font-size: var(--v-size-32) !important;
}

.vega-font-size-120 {
    font-size: 120% !important;
}

.vega-font-style-normal {
    font-style: normal !important;
}

.vega-font-style-italic {
    font-style: italic !important;
}

.vega-font-normal {
    font-weight: 400 !important;
}

.vega-font-medium {
    font-weight: 500 !important;
}

.vega-font-blod {
    font-weight: 700 !important;
}

.vega-line-height-16 {
    line-height: 16px !important;
}

.vega-cursor-pointer {
    cursor: pointer !important;
}

.vega-bg-color-unset {
    background-color: unset !important;
}

.vega-text-overflow {
    text-overflow: ellipsis;
}

.vega-overflow-hidden {
    overflow: hidden !important;
}

.vega-overflow-unset {
    overflow: unset !important;
}

.vega-overflow-x-auto {
    overflow-x: auto !important;
}

.vega-overflow-x-scroll {
    overflow-x: scroll !important;
}

.vega-overflow-y-auto {
    overflow-y: auto !important;
}

.vega-overflow-y-hidden {
    overflow-y: hidden !important;
}

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

.vega-box-sizing-border {
    box-sizing: border-box !important;
}

.vega-before-none::before {
    content: none !important;
}

.vega-after-none::after {
    content: none !important;
}

.vega-direction-rtl {
    direction: rtl !important;
}

.vega-pointer-events-none {
    pointer-events: none !important;
}

.auto-margin-with-error {
    margin-bottom: 30px !important;
}
/**************************Common Css End *****************************/

/************************Feature CSS Start *******************************/


/* Header/Footer Start */
#country-selector .nav-link > .icon-flag.us {
    background: url("/images/icons/country/united_states.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
#country-selector .nav-link > .icon-flag.ca {
    background: url("/images/icons/country/canada.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
#country-selector .nav-link > .icon-flag.uk {
    background: url("/images/icons/country/united_kingdom.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
#country-selector .nav-link > .icon-flag.au {
    background: url("/images/icons/country/australia.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
#country-selector .nav-link > .icon-flag.nz {
    background: url("/images/icons/country/new_zealand.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
#country-selector .nav-link > .icon-flag.ie {
    background: url("/images/icons/country/ireland.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}

.vega-header-logo {
    width: 142px !important;
    height: 26px !important;
    margin-bottom: 32px !important;
}

.vega-text-avator {
    font: var(--v-font-field-label-sm-em) !important;
    font-weight: 700 !important;
    height: 36px !important;
    width: 36px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    line-height: 18px !important;
    font-size: 14px !important;
}

.vega-text-avator img {
    height: 36px !important;
    width: 36px !important; 
}

.vega-useravator-info {
    background-color: var(--v-bg-accent3-primary) !important;
    color: var(--v-text-black) !important;
    font-size: 14px !important;
}

.vega-copyright-footer {
    left: 15px !important;
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-primary) !important;
    margin-bottom: 20px !important;
}

.vega-footer-phone-copyright a,
.vega-copyright-footer a[href*="/site/"],
.vega-copyright-footer a {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.vega-copyright-footer hr {
    margin: 24px 20px !important;
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-footer-phone-copyright,
.vega-footer-phone-copyright .gh-footer-tos,
.vega-footer-phone-copyright .gh-footer-copyright {
    width: 710px !important;
    margin: auto !important;
    background: none !important;
    border: none !important;
    font: var(--v-font-footnote1-short) !important;
    text-align: center !important;
    color: var(--v-text-primary) !important;
    margin-top: var(--v-size-8) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.vega-footer-phone-copyright .gh-footer-poweredby img {
    display: none !important;
}

.vega-footer-phone-copyright > div {
    padding: 0 !important;
    margin: 0 auto !important;
}

.vega-footer-phone-copyright .gh-footer-phonenum {
    float: unset !important;
    font: var(--v-font-field-label-em) !important;
    text-align: center !important;
    color: var(--v-text-primary) !important;
}

.vega-footer-phone-copyright.gh-footer-tos {
    padding-bottom: 40px !important;
}

.vega-footer-phone-copyright .gh-footer-phonenum + .gh-footer-copyright {
    position: absolute !important;
    bottom: -80px !important;
    left: 20px !important;
    display: block !important;
}

.vega-coverage-option {
    padding-left: 0.5rem !important;
    margin-bottom: 17px !important;
}

.vega-upload-handbook-error {
    position: relative !important;
    top: 50px !important;
    color: var(--v-text-error) !important;
}

.vega-edit-offer-footer {
    margin: 16px -32px -16px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.vega-col-md-5 {
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
}

.vega-col-md-7 {
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
}

/* Header/Footer End */

/* Hiring Start*/

.vega-job-card {
    display: block !important;
    padding: 16px !important;
    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
}

.vega-count-label {
    display: inline-block !important;
    border: 1px solid #CDD1D3 !important;
    border-radius: 9999px !important;
    padding: 2px 8px !important;
}

.vega-count-label::before {
    content: '' !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
}

.vega-count-label.vega-before-none {
    padding: 2px 14px !important;
}

.vega-count-label.vega-before-none::before {
    content: none !important;
}

.vega-job-count-label-new,
.vega-count-label.vega-count-label-new_form::before,
.vega-count-label.vega-count-label-new::before {
    background-color: var(--v-bg-accent5-secondary) !important;
}

.vega-job-count-label-active,
.vega-count-label-active_form::before,
.vega-count-label-active::before {
    background-color: var(--v-bg-accent9-primary) !important;
}

.vega-job-count-label-hired,
.vega-count-label-hired_form::before,
.vega-count-label-hired::before {
    background-color: var(--v-bg-status-success) !important;
}

.vega-job-count-label-nothired,
.vega-count-label-nothired_form::before,
.vega-count-label-nothired::before {
    background-color: var(--v-bg-status-error) !important;
}

.vega-job-count-label-onhold,
.vega-count-label-onhold_form::before,
.vega-count-label-onhold::before {
    background-color: var(--v-bg-status-info) !important;
}

.vega-job-count-label-wotc-eligibl,
.vega-count-label-wotc-eligible::before {
    background-color: var(--v-bg-accent7-primary) !important;
}

.vega-job-count-label-incomplete,
.vega-count-label-incomplete_form::before,
.vega-count-label-incomplete::before {
    background-color: var(--v-bg-danger) !important;
}

.vega-override + span.select2-container > span.selection > span.select2-selection {
    height: 44px !important;
}

.vega-override-small-link .vega-default-link {
    font-size: 12px !important;
}

.vega-override-header-tip {
    padding-left: 200px !important;
    padding-right: 0px !important;
}

.vega-override-resume-select::after {
    content: unset !important;
}

.vega-override-job-boards .vega-border-bottom-radius {
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

.vega-override-job-boards .div_premium_jobpost:not(:last-child) {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    font-weight: 500 !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-override-job-boards .div_premium_jobpost:last-of-type {
    border: unset !important;
}

.vega-post-job-success {
    display: block !important;
    margin: 16px -32px 0 -32px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--v-bg-divider-secondary) !important;
    text-align: right !important;
    padding-right: 10px !important;
}

#ui-id-2.ui-dialog-title,
#ui-id-1.ui-dialog-title {
    white-space: normal;
}

#ui-id-2 + .ui-dialog-titlebar-close,
#ui-id-1 + .ui-dialog-titlebar-close {
    right: 10px !important;
    top: 30% !important;
}

.vega-override-candidate-buttons .gh-active {
    background-color: var(--v-bg-action) !important;
}

.vega-override-candidate-buttons .changeStatus:hover {
    background-color: var(--v-bg-action) !important;
}

.vega-override-screening-hint li {
    padding-left: 25px !important;
    background: url('/v4/img/vega-star-mark.svg') 1px -2px no-repeat !important;
}

#vega-override-job-lists .ghTab {
    margin-top: var(--v-size-16) !important;
    margin-bottom: 0px !important;
}

#vega-override-job-lists .ghTab span {
    padding-bottom: 5px !important;
    font-weight: 500 !important;
}

#vega-override-job-lists .ghTab.ghTabSelected span {
    border-bottom: 3px solid var(--v-text-link) !important;
    color: var(--v-text-link) !important;
}

#vega-override-job-lists .ghTab span:hover {
    color: var(--v-text-link) !important;
}

#candidateFormContainer .answer_group .vega-bg-secondary {
    background-color: #fff !important;
}

#gh-body-secondary:not(.vega-apply-register) .vega-default-link:not(.vega-font-size-16) {
    font-size: 12px !important;
}

#gh-body-secondary:not(.vega-apply-register) .vega-default-link:hover {
    color: var(--v-text-link) !important;
}

#jobtabs .changeChart.vega-button.vega-primary-button.active {
    background-color: var(--v-bg-action) !important;
    border: none !important;
}

#jobtabs.ui-tabs .vega-card-heading-title li:not(:last-child) {
    border-right: unset !important;
}

#jobtabs.ui-tabs .vega-card-heading-title li.ui-state-active {
    border-bottom: 3px solid var(--v-text-link) !important;
}

#jobtabs.ui-tabs .vega-card-heading-title li.ui-tabs-active a, #jobtabs.ui-tabs .vega-card-heading-title li:hover a {
    border-bottom: unset !important;
}

#frmCandidateSearch .vega-override-resume-category .sp_title_element {
    background-color: var(--v-bg-primary) !important;
    border: var(--v-border-chip) !important;
    padding: var(--v-size-4) var(--v-size-8) !important;
    border-radius: var(--v-rounded-full) !important;
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
}

#screeningContainer.vega-override-question-radios input[type="radio"] {
    width: var(--v-size-24) !important;
}

.vega-override-message-body > p {
    margin-bottom: 16px !important;
}

#form-templates.vega-override-note-toolbar .note-toolbar.panel-heading,
#messageForm.vega-override-note-toolbar .note-toolbar.panel-heading {
    border-radius: var(--v-rounded-8) !important;
}

.vega-override-job-application:last-of-type {
    border-bottom: none !important;
}

.vega-override-careers-header.vega-bg-secondary {
    border-top: var(--v-border-divider-secondary) !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.vega-override-eeo-select:not(.sel-choose-email-user, .sel-choose-task-user) + .select2.select2-container ul.select2-selection__rendered:after {
    content: unset !important;
}

.vega-override-eeo-option #ofccp-error {
    color: var(--v-text-error) !important;
}

.vega-override-text-sms label.error {
    position: absolute !important;
    left: 15px !important;
    top: 70px !important;
}

#fb-frame-container .gh-form>.font_20 {
    background-color: inherit !important;
    margin-left: 171px !important;
    width: calc(75% - 184px) !important;
}

.vega-override-forms #ghform-content label:not(.error) {
    font-size: inherit !important;
    font-weight: inherit !important;
    margin-bottom: var(--v-size-8) !important;
}

.vega-override-form-priview.form_preview {
    right: 30px !important;
    left: 40px !important;
    margin-left: 165px !important;
    width: calc(75% - 220px) !important;
}

.vega-form .align-group-flex-start > label {
    margin-bottom: 0 !important;
}

.vega-nowrap-ellipsis {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.vega-override-fields-config label,
.vega-override-application-form-group label.vega-margin-bottom-8 {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
    text-overflow: ellipsis !important;
}

.vega-override-in_setting.in_setting + label,
.vega-override-application-form-group .form-group:hover label {
    padding-right: 36px !important;
}

.vega-override-in_setting.in_setting i.vage-icon-font-awesome {
    color: var(--v-text-link) !important;
}

.vega-override-in_setting.in_setting i.vage-icon-font-awesome.vega-color-text-error {
    color: var(--v-text-error) !important;
}

.vega-override-job-status_container > span.label-warning, 
.vega-override-job-status_container > span.label-success,
.vega-override-job-status_container > span.label-info,
.vega-override-job-status_container > span.label-expired,
.vega-override-job-status_container > span.label-pass,
.vega-override-job-status_container > span.label-closed {
    padding: 4px 12px !important;
    border-radius: 9999px !important;
    font: var(--v-font-field-label-sm-em) !important;
    color: var(--v-text-primary) !important;
    white-space: nowrap !important;
}

.vega-bg-jobs-closed .text-white,
.vega-bg-jobs-submitted .text-white,
.vega-bg-jobs-expired .text-white,
.vega-bg-jobs-approved .text-white,
.vega-bg-jobs-posted .text-dark,
.vega-bg-jobs-pending .text-white,
.vega-bg-jobs-closed .text-dark,
.vega-bg-jobs-submitted .text-dark,
.vega-bg-jobs-expired .text-dark,
.vega-bg-jobs-approved .text-dark,
.vega-bg-jobs-posted .text-dark,
.vega-bg-jobs-pending .text-dark {
    font: var(--v-font-field-label-em) !important;
    color: var(--v-text-primary) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.vega-bg-jobs-closed .text-white span,
.vega-bg-jobs-submitted .text-white span,
.vega-bg-jobs-expired .text-white span,
.vega-bg-jobs-approved .text-white span,
.vega-bg-jobs-posted .text-dark span,
.vega-bg-jobs-pending .text-white span,
.vega-bg-jobs-closed .text-dark span,
.vega-bg-jobs-submitted .text-dark span,
.vega-bg-jobs-expired .text-dark span,
.vega-bg-jobs-approved .text-dark span,
.vega-bg-jobs-posted .text-dark span ,
.vega-bg-jobs-pending .text-dark span {
    padding: 0 !important;
    margin-right: 12px !important;
}

.vega-bg-jobs-closed .font_14.font_italic.font_6_grey,
.vega-bg-jobs-submitted .font_14.font_italic.font_6_grey,
.vega-bg-jobs-expired .font_14.font_italic.font_6_grey,
.vega-bg-jobs-approved .font_14.font_italic.font_6_grey,
.vega-bg-jobs-posted .font_14.font_italic.font_6_grey,
.vega-bg-jobs-pending .font_14.font_italic.font_6_grey {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-primary) !important;
}

.vega-bg-jobs-closed,
.vega-bg-jobs-submitted,
.vega-bg-jobs-expired,
.vega-bg-jobs-approved,
.vega-bg-jobs-posted,
.vega-bg-jobs-pending {
    border: 2px solid !important;
    padding: 20px !important;
    padding-left: 48px !important;
    position: relative !important;
    background-color: var(--v-bg-secondary) !important;
    border-radius: var(--v-rounded-8) !important;
    font: var(--v-font-field-label-em) !important;
}

.vega-bg-jobs-closed .btn-groups,
.vega-bg-jobs-submitted .btn-groups,
.vega-bg-jobs-expired .btn-groups,
.vega-bg-jobs-approved .btn-groups,
.vega-bg-jobs-posted .btn-groups,
.vega-bg-jobs-pending .btn-groups {
    white-space: nowrap !important;
}

.vega-bg-jobs-closed::before,
.vega-bg-jobs-submitted::before,
.vega-bg-jobs-expired::before,
.vega-bg-jobs-approved::before,
.vega-bg-jobs-posted::before,
.vega-bg-jobs-pending::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: var(--v-rounded-full) !important;
    position: absolute !important;
    left: 20px !important;
    top: calc(50% - 8px) !important;
}

.vega-bg-jobs-closed {
    border-color: var(--v-bg-inverted-tertiary) !important;
}

.vega-bg-jobs-closed::before {
    background-color: var(--v-bg-inverted-tertiary) !important;
}

.vega-bg-jobs-submitted {
    border-color: var(--v-bg-accent10-tertiary) !important;
}

.vega-bg-jobs-submitted::before {
    background-color: var(--v-bg-accent10-tertiary) !important;
}

.vega-bg-jobs-expired {
    border-color: var(--v-bg-status-info) !important;
}

.vega-bg-jobs-expired::before {
    background-color: var(--v-bg-status-info) !important;
}

.vega-bg-jobs-approved {
    border-color: var(--v-bg-accent10-primary) !important;
}

.vega-bg-jobs-approved::before {
    background-color: var(--v-bg-accent10-primary) !important;
}

.vega-bg-jobs-posted {
    border-color: var(--v-bg-status-success) !important;
}

.vega-bg-jobs-posted::before {
    background-color: var(--v-bg-status-success) !important;
}

.vega-bg-jobs-pending {
    border-color: var(--v-bg-status-warning) !important;
}

.vega-bg-jobs-pending::before {
    background-color: var(--v-bg-status-warning) !important;
}

.vega-override-job-status_container > span.label-warning {
    background-color: var(--v-bg-status-warning) !important;
}

.vega-override-job-status_container > span.label-info {
    background-color: var(--v-bg-accent10-tertiary) !important;
}

.vega-override-job-status_container > span.label-expired {
    background-color: var(--v-bg-status-info) !important;
}

.vega-override-job-status_container > span.label-pass {
    background-color: var(--v-bg-accent10-primary) !important;
    color: #fff !important; 
}

.vega-override-job-status_container > span.label-closed {
    background-color: var(--v-bg-inverted-primary) !important;
    color: #fff !important;
}

.vega-override-job-status_container > div.job_renewed_label {
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
}

.vega-override-job-status_container > span.label-success {
    background-color: var(--v-bg-status-success) !important;
}

.vega-override-candidate-search-results:not(:first-child) {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-override-application-forms-status {
    position: relative !important;
    padding-left: 20px !important;
    color: var(--v-text-primary) !important;
}

.vega-override-application-forms-status::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
}

.vega-override-application-forms-status.paid::before,
.vega-override-application-forms-status.pending::before,
.vega-override-application-forms-status.label-success::before, 
.vega-override-application-forms-status.label-warning::before {
    top: 2px !important;
}

.vega-override-application-forms-status.paid::before,
.vega-override-application-forms-status.label-success::before,
.vega-override-application-forms-status.label-text-success::before {
    background: var(--v-bg-status-success) !important;
}

.vega-override-application-forms-status.pending::before,
.vega-override-application-forms-status.label-warning::before,
.vega-override-application-forms-status.label-text-warning::before {
    background: var(--v-bg-status-info) !important;
}

#candidate-search-results .vega-override-candidate-search-container .vega-override-candidate-search-results:hover, 
#candidate-search-results .vega-override-candidate-search-container .vega-override-candidate-search-results.gh-selected {
    background-color: var(--v-bg-quaternary) !important; 
}

#candidate-search-results .profile-image-container img {
    width: 36px !important;
    height: 36px !important;
}

.vega-override-requestion-modal .font_13 {
    font-size: 16px !important;
}

.vega-override-requestion-modal .font_12 {
    font-size: 14px !important;
}

.vega-override-requestion-modal .requisition_approval_status {
    border: var(--v-border-divider-secondary) !important;
}

.vega-override-requestion-modal .font_italic {
    font-style: italic !important;
}

#filter.vega-override-filter-input .vega-input {
    width: 135px !important;
    line-height: unset !important;
    height: auto !important;
    font-size: inherit !important;
}

body #filter select#status {
    width: 182px !important;
}

body #filter select#reason {
    width: 150px !important;
}

body #filter select#assigned {
    width: 265px !important; 
}

body #filter select#job {
    width: 220px !important;
}

.onboarding-main fieldset {
    border-radius: 12px !important;;
}

#extra_info_hint.error {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
}

.vega-override-avator-circle img {
   width: 36px !important;
   height: 36px !important;
}

.vega-override-avator-circle img,
.vega-override-message-item .avatar-outer img {
   border-radius: var(--v-rounded-full) !important;
}

.vega-override-message-item:hover {
    background-color: var(--v-bg-quaternary) !important;
}

#vega-override-jobs-lists {
    border: none !important;
}

#tab_applicants.vega-override-tablist li a {
    margin-bottom: -3px !important;
}

.vega-override-error-color#eventFormModal #date-error,
.vega-override-error-color#eventFormModal #time_to-error,
.vega-override-error-color#eventFormModal #time_from-error,
.vega-override-error-color#eventFormModal #name-error {
    color: var(--v-text-error) !important;
    text-align: left !important;
}

.vega-override-slider-frame {
    border: none !important;
    cursor: pointer !important;
    background-color: rgba(107, 116, 125, 0.7) !important;
    height: var(--v-size-32) !important;
    border-radius: var(--v-rounded-full) !important;
}

.vega-override-slider-frame .slider-button {
    width: var(--v-size-24) !important;
    height: var(--v-size-24) !important;
    line-height: var(--v-size-24) !important;
    border-radius: var(--v-rounded-full) !important;
    color: #fff !important;
    margin-top: 4px !important;
    margin-left: 4px !important;
}

.vega-override-slider-frame.on {
    background-color: var(--v-bg-action) !important;
    color: #fff !important;
}

.vega-override-slider-frame:hover {
    background-color: var(--v-text-input-disabled) !important;
}

.vega-override-slider-frame.on:hover {
    background-color: rgba(4, 112, 236, 1) !important;
}

.vega-override-slider-frame.on .slider-button {
    margin-left: 40px !important;
}

.vega-override-job-tabs a:not(.active) {
    background-color: #f2f2f2 !important;
}

.vega-override-job-tabs-container .vega-card-heading-title li a {
    cursor:  pointer !important;
}

.vega-postjob-container .form-group span.error {
    color: var(--v-text-error) !important;
    font-size: 14px !important;
}

.vega-screening-questions span.error, .vega-save-questions span.error {
    color: var(--v-text-error) !important;
    font-size: 14px !important;
    margin-left: 20px !important;
}

.vega-save-questions span.error {
    margin-left: 0px !important;
}

.vega-pending-badge {
    background-color: #FFDC83 !important;
    color: #203645 !important;
}

.vega-posted-badge {
    background-color: #A0E9A7 !important;
    color: #203645 !important;
}

.vega-override-zoomPhoto .vega-text-avator {
    width: 100px !important;
    height: 100px !important;
    font-size: 40px !important;
}

.vega-override-rating .star_full, .vega-override-rating .star_empty:hover, .vega-override-rating .star_over, 
.vega-override-rating .app_star_full, .vega-override-rating .app_star_empty:hover, .vega-override-rating .app_star_over {
    background-image: url('/v4/img/vega-icon-rating-ative.svg') !important;
}

.vega-interview-hired-text {
    color: #A0E9A7 !important;
}

.vega-interview-new-text {
    color: #1D41C3 !important;
}

.vega-override-schedule-icon {
    background-image: url('/v4/img/vega-icon-time-card.svg') !important;
    margin-top: 3px !important;
}

.vega-override-interview-rating .star_empty {
    background-image: url('/v4/img/vega-star-toggle.png') !important;
}

.vega-override-recipient-list-employees > div {
    border-bottom: unset !important;
    border-top: var(--v-border-divider-secondary) !important;
    background-color: var(--v-bg-secondary) !important;
}

.vega-override-chart .morris-hover {
    z-index: 9 !important;
}

#CandidateProfileButtonList a.btn.btn-info.vega-button {
    font-size: 16px !important;
}

.vega-override-SearchApplicant .ui-menu.ui-widget {
    border-radius: unset !important;
}

.vega-override-SearchApplicant .ui-menu.ui-widget {
    margin-top: 12px !important;
    border-radius: 8px !important;
}

.vega-override-SearchApplicant .ui-menu-item, .vega-override-SearchApplicant .ui-state-active {
    border-radius: 8px !important;
}

.vega-select2-error {
    display: flex !important;
    flex-direction: column !important;
}

.vega-select2-error > label.error {
   order: 3 !important;
}

.vega-override-sponsor-indeed-form .form-inline label {
    justify-content: left !important;
}

#vega-override-checkbox-margin .vega-input-checkbox {
    margin-right: 0px !important;
}

.vega-override-indeed-setup label.error {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
    padding-top: var(--v-size-8) !important;
    padding-left: var(--v-size-8) !important;
    text-align: left !important;
    margin-left: 0 !important;
}

.vega-app-tray-btn {
    background-color: var(--v-bg-tertiary) !important;
    padding: var(--v-size-16) !important;
    border-radius: var(--v-rounded-full) !important;
    z-index: 1 !important;
}

.vega-mobile-menu {
    border-top: var(--v-border-divider-secondary) !important; 
}

.vega-mobile-menu a {
    padding: var(--v-size-8) !important;
    padding-left: var(--v-size-16) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
}

.vega-mobile-menu a.selected {
    font: var(--v-font-field-value-em) !important;
}

.vega-mobile-menu a:hover {
    background-color: var(--v-bg-quaternary) !important;
    cursor: pointer !important;
    font-weight: 400 !important;
}

.vega-mobile-menu a.selected:hover {
    font-weight: 700 !important;
}

.vega-mobile-nav-trigger {
    padding-left: 16px !important;
}

#switchLanguageDropdownWrapper .dropdown-menu .dropdown-item:last-child {
    border-bottom: unset !important;
}

#switchLanguageDropdownWrapper .dropdown-menu {
    box-shadow: var(--v-shadow-dropdown-menu) !important;
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-input-field) !important;
    left: -15px !important;
}

#switchLanguageDropdownWrapper .dropdown-menu::before {
    border-top: var(--v-border-input-field) !important;
    border-left: var(--v-border-input-field) !important;
}

#switchLanguageDropdownWrapper .dropdown-menu .border-bottom {
    border-top: none !important;
    border-bottom: var(--v-border-input-field) !important;
}

.nav-tabs .dropdown-menu {
    margin-top: 0.12rem;
}

#screeningContainer span {
    padding-top: 5px !important;
}

#cardOnFileJson.selectInput {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    height: 40px !important;
    padding: var(--v-size-8) var(--v-size-12) !important;
}

@media (max-width: 1800px) {
    #gh-publish-job .vega-width-33p {
        width: 50% !important;
    }
}

body.checklist-collapsed .gh-checklist-frame, .gh-checklist-frame .gh-checklist-title {
    background-color: var(--v-bg-action) !important;
}

#gh-checklist-sidenav .vega-button {
    font-size: 13px !important;
    padding: 0 6px !important;
}

#searchContainerAdvanced .employer-card {
    font-size: 14px !important;
}

#gh-body-secondary .vega-card,
.applicant-detail-container .vega-card,
.job_applicant_container .vega-card {
    box-shadow: none !important;
    border: var(--v-border-divider-secondary) !important;
}

#gh-body-secondary .vega-card .jobtabs-botton:first-of-type {
    border-bottom-left-radius: var(--v-size-12) !important;
}

#gh-body-secondary .vega-card .jobtabs-botton:last-of-type {
    border-bottom-right-radius: var(--v-size-12) !important;
}

#gh-body-secondary .vega-card .jobtabs-botton:not(:last-child) {
    border-right: var(--v-border-divider-secondary) !important;
}

#bulk_action_applicants_list .smb-enterprise-cross.candidate-bulk-status-container .mt-2.mb-2.font_14 {
    font-size: 16px !important;
}

#bulk_action_applicants_list .smb-enterprise-cross.candidate-bulk-status-container .align-center.mt-3 {
    text-align: right !important;
}

.vega-company-jobs-page {
    margin-right: -40px;
}

.vega-company-jobs-page a {
    width: 140px;
}

.vega-company-jobs-page span.red_badge {
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: var(--v-bg-danger) !important;
    position: relative;
    top: -1px;
    right: 50px;
}

#reqDetailsModal span.vega-text-sm-secondary {
    line-height: 22px !important;
}

#reqDetailsModal img.gh-ba-icon-16 {
    width: 12px;
    margin-bottom: 2px;
}
/* Hiring end*/

/* Onboarding Start */

#table-scroll.card {
    margin-bottom: 20px !important;
    border-radius: 12px !important;
}

#offer_template_table .vega-upsert-offertemplate {
    padding: var(--v-size-12) !important;
    background-color: var(--v-bg-table-header) !important;
    height: 40px !important;
}

#offer_template_table .vega-upsert-table-td label::before  {
    left: -21px !important; 
    border: var(--v-border-input-field) !important;
}

#offer_template_table .vega-upsert-table-td .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--v-text-link) !important;
}

#offer_template_table .vega-upsert-table-td .custom-control {
    min-height: 18px !important;
}

#offer_template_table .vega-upsert-table-td .custom-checkbox input {
    width: 16px !important;
    height: 16px !important;
    margin-left: 0px !important;
    margin-top: -1.5px !important;
}

#offer_template_table .vega-upsert-table-td .custom-control-label::after {
    left: -16px !important;
}

.vega-onboarding-employee {
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
}

.vega-employees-info {
    background-color: var(--v-bg-secondary) !important;
    padding: var(--v-size-24) !important;
    border-radius: var(--v-rounded-12) !important;
    display: flex !important;
    align-items: unset !important;
}

.vega-employee-list {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

.vega-employee-list ul:not(:last-child) {
    margin-left: 0px !important;
}

.vega-employee-list ul li {
    color: var(--v-text-primary) !important;
    font-family: var(--v-fontName-inter) !important;
}

.employee_card.vega-tab-group-card .card-body.add-bottom-border::after {
    border-bottom: var(--v-border-divider-secondary) !important;
}

.card.employee_card a.vega-default-link {
    color: var(--v-text-link) !important;
}

.vega-actionrequired::before {
    content: '' !important;
    background: url("/v4/img/vega-actionrequired.svg") 1px no-repeat !important;
    display: inline-block !important;
    height: var(--v-size-16) !important;
    width: var(--v-size-16) !important;
    margin-right: var(--v-size-8) !important;
}

#everify-form #everify_doc_text.error {
    color: var(--v-text-error) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

#everify-form label {
    justify-content: flex-start !important;
    margin-top: 10px !important;
}

.vega-override-select-loader {
    right: 36px !important;
    top: 36px !important;
}

.signme .signme-menu a.selected {
    text-decoration: none !important;
}

.signme .signme-menu a {
    text-decoration: underline !important;
}

.vega-override-signme .signme-menu a {
    color: var(--v-text-link) !important;
    text-decoration: none !important
}

.vega-override-signme .signme-menu a.selected {
    text-decoration: underline !important;
}

.vega-override-signme.signme .signme-content .vega-signme-type-input{
    width: 100% !important;
    padding: 0 10px !important;
}

#tos-popup #myTab li a,
.vega-text-decoration-unset {
    text-decoration: unset !important;
}

.vega-override-onboarding-package {
    overflow: unset !important;
    background-color: unset !important;
}

#sort_documents .row, #sort_custom_documents .row {
    border-top: var(--v-border-divider-secondary) !important;
} 

#document_table .vega-table-header, #custom_document_table .vega-table-header {
    padding: 12px 20px !important;
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    
}

#document_table .row.ui-sortable-handle:last-child, #document_table .border_top_none {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#vega-partner-extra-data .width_310 {
    display: flex;
    flex-direction: column;
}

#vega-partner-extra-data .width_310 select {
    order: 0;
}

#vega-partner-extra-data .width_310 span.select2 {
    order: 1;
}

#vega-partner-extra-data .width_310 label.error {
    order: 2;
}

#form-bulk-download .custom-control.custom-checkbox.gh-checkbox .chk-box-loader {
    left: -56px;
}

#custom_list_setting .option_list_setting.custom_list_setting {
    max-height: calc(100vh - 576px) !important;
    overflow-y: auto !important;
}

/* Onboarding End */

/* TA Start */

#taEmployerDashboardTaClockCardContainer.vega-tab-group-container .vega-secondary-tab-group {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    background-color: var(--v-bg-secondary) !important;
}

#assign_holidayrules_container_1 .select2.select2-container .select2-selection,
#assign_payrules_container_1 .select2.select2-container .select2-selection {
    border: var(--v-border-input-field) !important;
}

.candidate-search-content-container.vega-card {
    border: var(--v-border-input-field) !important;
    box-shadow: var(--v-shadow-dropdown-menu) !important;
}

#assign_holidayrules_container_1 .select2.select2-container .select2-selection,
#assign_payrules_container_1 .select2.select2-container .select2-selection {
    height: 40px !important;
}

#assign_holidayrules_container_1 .select2-selection__rendered,
#assign_payrules_container_1 .select2-selection__rendered {
    line-height: unset !important;
}

.gh-ba-container .select2-container--default .select2-selection--single .select2-selection__arrow,
#assign_holidayrules_container_1 .select2-selection__arrow,
#assign_payrules_container_1 .select2-selection__arrow {
    height: 26px !important;
    top: 1px !important;
}

#custom-fields-modal .select2-selection__rendered {
    line-height: unset !important;
}

#notification-edit-modal-form .vega-input {
    line-height: unset !important;
}

#ApprovalForm span.select2 span.select2-selection span.select2-selection__arrow b {
    margin-top: -10px !important;
}

.vega-check-circle-color {
    color: #01801F !important;
}

input#dropShiftSettingRadio1,
input#dropShiftSettingRadio2 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.gh-checkbox-kit input#dropShiftSettingRadio1:before,
.gh-checkbox-kit input#dropShiftSettingRadio2:before {
    top: -21px !important;
}

#gh-checklist-tna .vega-button.btn-success {
    background-color: var(--v-bg-status-success) !important;
    border-color: var(--v-bg-status-success) !important;
    color: var(--v-text-black) !important;
}

#gh-checklist-tna .note-input {
    height: 57px !important;
}

/* TA End */

/*WOTC Start*/

.vega-card .wotc-card:not(:last-child) {
    border-bottom: var(--v-border-input-field) !important;
}

.vega-hire-content > label {
    position: unset !important;
}

.vega-hire-content.select > label {
    position: absolute !important;
    top: 38px !important;
}

.vega-hire-content.select > label + span {
    margin-bottom: 35px !important;
}

.vega-order-status:first-of-type {
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
}

.vega-order-status:last-of-type {
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
}

.vega-order-status:hover {
    background-color: var(--v-bg-quaternary) !important;
}

.vega-override-agree-checkbox label, #no-cd-file-chosen, 
#hint_radio_additional_document, #no-ad-file-chosen {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
}

.vega-override-wotc-basic div.form-group label {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    font-weight: 400 !important;
}

.vega-override-wotc-questions .list-group-item {
    border: var(--v-border-divider-secondary) !important; 
}

.vega-override-wotc-questions .list-group-item+.list-group-item {
    border-top: none !important;
}

.vega-override-wotc-questions .list-group-item label {
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
}

.vega-override-wotc-questions label {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    font-weight: 400 !important;
}

.vega-override-wotc-questions p.error, .vega-override-wotc-basic p.error {
    color: var(--v-text-error) !important;
    margin-left: var(--v-size-8) !important;
}

.vega-onoffswitch-label
{
    width: 72px;
}

.vega-onoffswitch-label .onoffswitch-switch-override
{
    top: 0px !important;
}

.sheet-conf-switch-line .onoffswitch-checkbox:checked + .vega-onoffswitch-label .onoffswitch-switch-override
{
    left: 38px !important; 
}

.employee-profile .gh_dialog_close.modal-header.vega-modal-header {
    background-color: inherit !important;
}

#answer-questions-form hr.sg-row-hr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vega-label-word-wrap {
    white-space: normal;
    word-break: break-word;
}

.vega-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
  
.vega-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.vega-top-9 {
    top: 9px !important;
}

#wotc-checkout-step2 .vega-button.vega-primary-button {
    margin-left: 0px !important;
}

#div_billing_detail .vega-footer-in-content {
    margin: unset !important;
    bottom: unset !important;
}
/*WOTC End*/

.vege_min_width_180 {
    min-width: 180px;
}
.vega-min-width-320{
    min-width: 320px;
}

.vega-min-width-400{
    min-width: 400px;
}

#custom_document_form div label.error{
    background: unset;
    border: unset;
    padding-top: 0 !important;
}
#div_delete_bank_account_modal div{
    color: #203645 !important;
}

body .vega-override-signup .text-info:hover {
    color: var(--v-text-link-hover) !important;
}

#form_add_bank_account #div_deposit_document_upload_section{
    margin-left: -15px;
    padding-left: 10px;
}

.unread-message-count-container {
    background-color: rgba(230, 50, 87, 1) !important;
    color: rgba(252, 252, 252, 1) !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    width: fit-content !important;
    border-radius: 9999px !important;
    padding: 0 4px !important;
}

.vega-dialog-modal {
    border-radius: var(--v-rounded-12) !important;
    min-width: 735px !important;
}

.pagination .page-item a i[class*="fa-chevron"],
.pagination .page-item a i[class*="fa-angle"],
.pagination .page-item:first-of-type a span[aria-hidden='true'],
.pagination .page-item:last-of-type a span[aria-hidden='true'] {
    display: none;
}

.pagination .page-item:first-of-type a::before, .pagination .page-item:last-of-type a::before {
    content: '';
    display: block;
    background: url('/v4/img/vega-chevron-left.svg') center no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.pagination + .text-secondary {
    color: var(--v-text-primary) !important;
}

.pagination li.page-item {
    cursor: default !important;
}

.pagination .page-item .page-link {
    cursor: pointer !important;
}

.pagination .page-item a.page-link:hover {
    background-color: unset !important;
}

.schedule-pagination-container .pagination .page-item a.vega-page-disabled,
.pagination a.vega-page-disabled,
.vega-page-disabled {
    color: #b0b4b5 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.pagination .page-item:first-of-type a.vega-page-disabled::before,
.pagination .page-item:last-of-type a.vega-page-disabled::before {
    background: unset !important;
    background-color: #b0b4b5 !important;
    -webkit-mask-image: url('/v4/img/vega-chevron-left.svg') !important;
    mask-image: url('/v4/img/vega-chevron-left.svg') !important;
    mask-position: center !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
}

.pagination .page-item:first-of-type a.gh-active::before, .pagination .page-item:last-of-type a.gh-active::before,
.pagination .page-item:first-of-type a.active::before, .pagination .page-item:last-of-type a.active::before {
    display: none;
}

.pagination .page-item.active, .pagination .page-item.gh-active {
    font-weight: 700;
}

.pagination .page-item:last-of-type a::before {
    transform: rotate(180deg);
}

.modal-header.vega-common-header {
    position: relative !important;
    padding-right: 52px !important;
}

.vega-common-header .modal-title {
    margin-right: 20px !important;
}
 
.vega-common-header-close {
    position: absolute !important; 
    right: 32px !important;
    top: 30px !important;
}

.modal-dialog .modal-header button.close {
    margin-left: 20px !important;
    margin-top: 4px !important;
}

.modal-footer.ui-helper-hidden, .gh_dialog_bottom_bar.ui-helper-hidden {
    display: none !important;
}

body .modal-header .gh_dialog_close_link.close.vega-common-header-close {
    margin: 0px !important;
}

body .modal-header .gh_dialog_close_link.close.vega-common-header-close span {
    display: none;
}

body .modal-header .gh_dialog_close_link.close.vega-common-header-close::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("/v4/img/vega-modal-close-btn.svg") center !important;
}

#form-submit-wotc-date .vega-start-wage {
    justify-content: end !important;
}

#form-submit-wotc-date .vega-start-wage .vega-start-wage-content {
    width: 135px !important;
}

.vega-opacity-1,
.btn-flat:hover {
    opacity: 1 !important;
}

#schedulingOption h6 {
    font-size: 16px;
}

#appSourceReportsearchQuerySelections .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: 5px !important;
}

#div-wotc-dashboard-video .modal-header button.close {
    background-image: url("/v4/img/vega-modal-close-btn.svg");
    width: 24px;
    height: 24px;
    top: 12px;
    right: 10px;
    transform: unset !important;
}

#wotc-popup-container .wotc-close img {
    width: 24px;
    height: 24px;
}

.div_premium_post_elem,
.div_premium_post_elem div.text-dark,
#premium_job_boards_container .div_premium_jobpost div.text-dark {
    font: var(--v-font-p2-short) !important
}

input[type="radio"].vega-radio:focus-visible{
    outline: 5px !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

input[type="radio"].vega-radio:disabled::after {
    background-color: var(--v-bg-disabled) !important;
}

input[type="radio"].vega-radio:disabled {
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
    pointer-events: none !important;
}



/**ATS-3904*/
#noty_center_layout_container .noty_bar.noty_type_alert .noty_message {
    color: var(--v-text-primary);
}

select.w-100 + .select2.select2-container .select2-selection {
    border: var(--v-border-input-field) !important;
}

/* Jobs Begin */
#bulkActionModal .smb-enterprise-cross.candidate-bulk-status-container .font_14 {
    font-size: 16px !important;
}

#bulkActionModal .smb-enterprise-cross.candidate-bulk-status-container .font_14 + .align-center.mt-3 {
    text-align: end !important;
}

.gh_dialog_inner.vega-modal-container:has(#bulk_action_applicants_list) {
    width: fit-content !important;
}
/* Jobs End */

.application_messages_container_v2>.application_message.send {
    margin-left: 35%;
    margin-right: 32px;
}

.application_messages_container_v2>.application_message {
    margin-left: 32px;
    margin-right: 35%;
}

/* Begin ATS-3958 */
#imailForm #composeMessage .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset {
    min-width: 161px !important;
}

#imailForm #composeMessage .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    margin-top: 8px !important;
}

#imailForm #composeMessage .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette:nth-child(2) {
    margin-left: 5px !important;
}

.vega-employer #messageForm .note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset {
    min-width: 161px !important;
}

.vega-employer #messageForm .note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset,
.vega-employer #messageForm .note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    padding: 6px var(--v-size-16) !important;
    background-color: var(--v-bg-action-secondary) !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-secondary-btn) !important;
    height: fit-content !important;
    text-align: center !important;
    border-radius: var(--v-rounded-full) !important;
    width: auto !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    background-image: unset !important;
    box-shadow: unset !important;
    overflow-wrap: break-word;
    white-space: normal !important;
    font: var(--v-font-btn-label) !important;
}

.vega-employer #messageForm .note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    margin-bottom: 8px !important;
}

#form-submit-wotc-date .alert-warning {
    background: rgba(255, 220, 131, 1);
    border: unset;
}

.vega-employer #messageForm .note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette:nth-child(2) {
    margin-left: 5px !important;
}
/* End ATS-3958 */

/* Begin ATS-4078 */
#candidate-view .applicant_detail_pane {
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12) !important;
    background-color: #fff !important;
}

#candidate-view #ratings.applicant_detail_pane thead th {
    padding: 12px !important;
    vertical-align: middle !important;
    max-width: 100px !important;
}

#candidate-view #ratings.applicant_detail_pane thead th .ratings_thead {
    margin: 0 !important;
    width: 100%;
}

#candidate-view #ratings.applicant_detail_pane .overflow_xscroll {
    overflow-x: auto !important;
}

#candidate-view #ratings.applicant_detail_pane .vega-border-radius-unset {
    border-radius: unset !important;
}

#candidate-view #ratings.applicant_detail_pane .col-md-4 thead tr th:last-child,
#candidate-view #ratings.applicant_detail_pane .col-md-4 tbody tr td:last-child,
#candidate-view #ratings.applicant_detail_pane .overflow_xscroll thead tr th:first-child,
#candidate-view #ratings.applicant_detail_pane .overflow_xscroll tbody tr td:first-child,
#candidate-view #ratings.applicant_detail_pane .col-md-4 tfoot tr td:last-child,
#candidate-view #ratings.applicant_detail_pane .overflow_xscroll tfoot tr td:first-child {
    border-radius: unset !important;
    border-left: none !important;
    border-right: none !important;
}

#candidate-view #ratings.applicant_detail_pane .overflow_xscroll thead tr th:last-child {
    border-right: var(--v-border-divider-secondary) !important;
    border-radius: 0 var(--v-rounded-12) 0 0 !important;
}

#candidate-view #ratings.applicant_detail_pane .overflow_xscroll tbody tr td:last-child {
    border-right: var(--v-border-divider-secondary) !important;
}

#candidate-view #ratings.applicant_detail_pane .overflow_xscroll tfoot tr td:last-child {
    border-right: var(--v-border-divider-secondary) !important;
    border-radius: 0 0 var(--v-rounded-12) 0 !important;
}

#candidate-view #ratings.applicant_detail_pane tfoot tr td {
    border-bottom: var(--v-border-divider-secondary) !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    background-color: #fff !important;
    text-align: left;
}

#candidate-view #ratings.applicant_detail_pane .col-md-4 tfoot tr td:first-child {
    border-left: var(--v-border-divider-secondary) !important;
    border-radius: 0 0 0 var(--v-rounded-12) !important;
}

#candidate-view #ratings.applicant_detail_pane tfoot tr td:last-child {
    border-right: var(--v-border-divider-secondary) !important;
    border-radius: 0 0 var(--v-rounded-12) 0 !important;
}

#candidate-view #ratings.applicant_detail_pane .col-md-4 tfoot tr td:last-child,
#candidate-view #ratings.applicant_detail_pane .overflow_xscroll tfoot tr td:first-child {
    border-radius: 0 !important;
}

#candidate-view #ratings.applicant_detail_pane .average + .align-center,
#candidate-view #ratings.applicant_detail_pane .average .rating-input,
#candidate-view #ratings.applicant_detail_pane .vega-border-radius-unset .rating-input {
    text-align: center !important;
}
/* End ATS-4078 */

/*ON-1872*/
#div_add_employment_container .vega-text-primary-color {
    color: var(--v-text-primary) !important;
}

/* Begin WOTC-1853 */
#container-poa-sign #wotc-setup-container .input-group-container .select.input-group select.vega-select.select2-hidden-accessible {
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

#container-poa-sign #wotc-setup-container .smb-enterprise-cross.poa-form-container #form-poa-sign #poa-sign-header {
    margin: 12px 0 !important;
}

#container-poa-sign #wotc-setup-container .smb-enterprise-cross.poa-form-container #form-poa-sign .vega-wotc-auto-process-preference + label {
    line-height: 32px !important;
}

#container-poa-sign #wotc-setup-container .smb-enterprise-cross.poa-form-container .form-wotc-service-agreement input[name="poa-agree"] {
    margin-bottom: 4px !important;
    margin-left: 0 !important;
}

#container-poa-sign #wotc-setup-container .smb-enterprise-cross.poa-form-container .form-wotc-service-agreement input[name="poa-agree"] + label {
    margin-left: 0 !important;
    font: var(--v-font-field-label) !important;
}
/* End WOTC-1853 */

/* Begin ATS-4042 */
.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset {
    min-width: 161px !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    margin-top: 8px !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette:nth-child(2) {
    margin-left: 5px !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset {
    min-width: 161px !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    padding: 6px var(--v-size-16) !important;
    background-color: var(--v-bg-action-secondary) !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-secondary-btn) !important;
    height: fit-content !important;
    text-align: center !important;
    border-radius: var(--v-rounded-full) !important;
    width: auto !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    background-image: unset !important;
    box-shadow: unset !important;
    overflow-wrap: break-word;
    white-space: normal !important;
    font: var(--v-font-btn-label) !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette .note-color-select {
    margin-bottom: 8px !important;
}

.note-editor .note-color-all .dropdown-toggle + .note-dropdown-menu .note-palette:nth-child(2) {
    margin-left: 5px !important;
}
/* End ATS-4042 */

/* Begin ATS-4103 */
.note-editor .tooltip.bs-tooltip-bottom {
    z-index: 9999 !important;
}
/* End ATS-4103 */

.vega-custom-fields-actions > * + *{
    margin-left: .55em !important;
}

body.gh-message-thread-view #container_ats_side_nav>ul {
	height: calc(100vh - 84px);
}
/**************************Feature Css End *****************************/