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

/************************ Reset CSS Start *******************************/
* {
    font-family: "Inter", sans-serif !important;
  }
 
.note-editable pre,
#messageViewModal .message_body_box pre,
#offerletter_edit_container code  {
    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;
}
.onboarding-offer-letter a.vega-text-primary, #div_handbook_preview_wrapper  a.vega-text-primary{
    color: #1362E2 !important;
}

.fas.fa-trash-alt,
.fa.fa-trash,
.far.fa-trash-alt {
    font-weight: 400 !important;
    color: var(--v-text-danger-link) !important;
}

.fas.fa-search {
    color: var(--v-text-secondary) !important;
}

.btn-danger .fa.fa-trash,
.btn-danger .far.fa-trash-alt {
    color: #fff !important;
}

.vega-bg-trash::before,
.fa.fa-trash:before {
    content: '' !important;
    background: url(/v4/img/vega-icon-delete.svg) center no-repeat !important;
    width: 14px;
    height: 16px;
    display: block;
    background-size: 14px 16px !important;
}

.vega-bg-trash::before {
    width: 16px !important;
    background-size: cover !important;
}

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

img[src*="delete-icon.png"] {
    filter: hue-rotate(280deg) brightness(1000%) contrast(100%) saturate(1000%) invert(100%) drop-shadow(0 0 0 #bd2947);
    -webkit-filter:  hue-rotate(280deg) brightness(1000%) contrast(100%) saturate(1000%) invert(100%) drop-shadow(0 0 0 #bd2947);
}

*[style*="color: #83AE70;"] {
    color: var(--v-text-success) !important;
}

*[style*="color: #EC262C;"] {
    color: var(--v-text-error) !important;
}

.content {
    background-color: #F0F3F7 !important;
}

.note-editor.note-frame {
    padding: 0 !important;
    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;
}

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

.shift-update-popover.popover {
    max-width: fit-content;
}

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

body .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    min-height: 36px;
    background-position: 32px 24px;
    background-size: auto 32px;
}

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);
    }
}

.loader {
    position: relative !important;
}

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

.material-spinner {
    border: none !important;
    border-radius: unset !important;
}

.material-spinner,
.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;
}

img[src*="/loader.gif"],
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;
}

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

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

/************************ Component CSS Start *******************************/
.btn-group > button[class*="hover-disabled"] {
    margin-right: 10px;
}

.btn-group > button[class*="hover-disabled"]:last-child {
    margin-right: 0px;
}

body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button),
.btn.tag {
    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;
    min-height: 28px !important;
    background-color: #fff !important;
}

button.el-button-blue:not(.vega-default-link, .vega-button),
a.el-button-blue:not(.vega-default-link, .vega-button),
button.el-button-green:not(.vega-button, [class*="primary"]),
a.el-button-green:not(.vega-button, [class*="primary"]),
a.btn-success:not(.vega-button, [class*="primary"]),
.btn:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-timepicker-btn, .vega-button, .vega-default-link, .vega-danger-link),
.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;
    border-radius: var(--v-rounded-full) !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    background-image: unset !important;
    box-shadow: unset !important;
}

button.el-button-blue:not(.vega-default-link, .vega-button):not([class*="vega-width"]),
a.el-button-blue:not(.vega-default-link, .vega-button):not([class*="vega-width"]),
button.el-button-green:not(.vega-button, [class*="primary"]):not([class*="vega-width"]),
a.el-button-green:not(.vega-button, [class*="primary"]):not([class*="vega-width"]),
a.btn-success:not(.vega-button, [class*="primary"]):not([class*="vega-width"]),
.btn:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-timepicker-btn, .vega-button):not([class*="vega-width"], .add-new-shift, div[name$="Options"] button),
.note-modal.link-dialog .modal-footer .btn:not([class*="vega-width"]) { 
    width: auto !important;
}

.btn.w-100:not(.note-btn, .share-btn, .btn-rss, 
.tag, .vega-timepicker-btn, .vega-button):not([class*="vega-width"], .add-new-shift) {
    width: 100% !important;
}

.btn[class*="vega-width"].vega-width-full:focus {
    width: calc(100% - 8px) !important;
}

a.btn.bg-secondary:focus,
a.btn.bg-secondary:hover,
button.btn.bg-secondary:focus, 
button.btn.bg-secondary:hover {
    background-color: transparent !important;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button),
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button),
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button),
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button),
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button),
button.el-button-blue:not(.vega-default-link, .vega-button),
a.el-button-blue:not(.vega-default-link, .vega-button),
.gh-ba-container .main .btn-bf-primary,
.gh-ba-container .main .btn.btn-primary,
.btn.btn-primary:not(.custom-theme-color, .vega-button),
body .btn.btn-info:not(.dropdown-toggle, .vega-button), .note-modal.link-dialog .modal-footer .btn.btn-primary {
    background-color: var(--v-bg-action) !important;
    color: var(--v-text-on-action) !important;
    border: 2px solid transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, :disabled):hover,
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button, :disabled):hover,
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button, :disabled):hover,
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button, :disabled):hover,
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button, :disabled):hover,
a.el-button-blue:not(.vega-default-link, .vega-button, :disabled):hover,
button.el-button-blue:not(.vega-default-link, .vega-button, :disabled):hover,
.btn.btn-primary:not(.custom-theme-color, .vega-button, :disabled):hover,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:disabled):hover,
body .btn.btn-info:not(.dropdown-toggle, .vega-button, :disabled):hover,
.gh-ba-container .main .btn-bf-primary, .gh-ba-container .main .btn.btn-primary:not(:disabled):hover,
.daterangepicker.show-calendar .drp-buttons button.applyBtn:not(:disabled):hover {
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
    background-color: var(--v-bg-action-hover) !important;
}

.gh-ba-container div.gh-ba-select:after {
    content: unset !important;
}

#input_nav_employee_search + ul li:hover {
    background-color: var(--v-bg-quaternary) !important;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button):focus,
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button):focus,
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button):focus,
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button):focus,
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button):focus,
a.el-button-blue:not(.vega-default-link, .vega-button):focus,
button.el-button-blue:not(.vega-default-link, .vega-button):focus,
.note-modal.link-dialog .modal-footer .btn.btn-primary:focus,
.btn.btn-info:not(.dropdown-toggle, .vega-button):focus,
.btn.btn-primary:not(.custom-theme-color, .vega-button):focus {
    outline: none !important;
    box-shadow: var(--v-ring-action-focus) !important;
    background-color: var(--v-bg-action-focus) !important;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, :active):focus:hover,
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button, :active):focus:hover,
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button, :active):focus:hover,
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button, :active):focus:hover,
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button, :active):focus:hover,
a.el-button-blue:not(.vega-default-link, .vega-button, :active):focus:hover,
button.el-button-blue:not(.vega-default-link, .vega-button, :active):focus:hover,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:active):focus:hover,
.btn.btn-info:not(.dropdown-toggle, .vega-button, :active):focus:hover,
.btn.btn-primary:not(.custom-theme-color, :active, .vega-button):focus:hover {
    background-color: var(--v-bg-action-hover) !important;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button):active,
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button):active,
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button):active,
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button):not(:disabled):not(.disabled):active,
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button):active,
a.el-button-blue:not(.vega-default-link, .vega-button):not(:disabled):not(.disabled):active,
button.el-button-blue:not(.vega-default-link, .vega-button):not(:disabled):not(.disabled):active,
.btn.btn-primary:not(.custom-theme-color, .vega-button):not(:disabled):not(.disabled):active,
.note-modal.link-dialog .modal-footer .btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-info:not(.dropdown-toggle, .vega-button):not(:disabled):not(.disabled):active {
    background-color: var(--v-bg-action-active) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.daterangepicker.show-calendar .drp-buttons button.applyBtn:disabled,
.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button):disabled,
.btn.btn-outline-secondary.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button, div[name$="Options"] button):disabled,
body.vega-employer .ui-dialog button:not(.ui-dialog-titlebar-close, .vega-button):disabled,
.btn.btn-outline-info:not([class*="vega-"], .custom-theme-color, div[name$="Options"] button):disabled,
.btn.btn-outline-info.active:not(.custom-theme-color, div[name$="Options"] button):disabled,
a.el-button-blue:not(.vega-default-link, .vega-button):disabled,
button.el-button-blue:not(.vega-default-link, .vega-button):disabled,
.note-modal.link-dialog .modal-footer .btn.btn-primary:disabled,
.btn.btn-info:not(.dropdown-toggle):disabled,
.btn.btn-primary:not(.custom-theme-color, .vega-button):disabled,
#GhChatDetailPage .read-only-no-background,
label[disabled='disabled'] .btn.btn-info {
    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;
}

.btn.gh-outline-toggle-btn.active:not(.note-btn, .share-btn, .btn-rss, .tag, .vega-button):focus {
    box-shadow: 0 0 0 1px rgba(19, 98, 226, 0.25) !important;
}

button.el-button-green:not(.custom-theme-color, .vega-button, [class*="primary"]),
a.el-button-green:not(.custom-theme-color, #btn_wotc_accept, #link-sign-form2848, a#submit_custom_document_btn, .custom-theme-color, .vega-button, [class*="primary"]),
a.btn-success:not(.custom-theme-color, #btn_wotc_accept, #link-sign-form2848, a#submit_custom_document_btn.custom-theme-color, .vega-button, [class*="primary"]),
.btn.btn-success:not(.custom-theme-color, #btn_wotc_accept, #link-sign-form2848, a#submit_custom_document_btn.custom-theme-color, .vega-button, [class*="primary"]) {
    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;
}

.btn.btn-secondary:not(.delete-button, .vega-button),
.btn.gh-non-primary-btn,
.btn.btn-outline-secondary:not(.note-btn, .share-btn, .btn-rss, .tag, .delete-button, div[name$="Options"] button),
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss, .delete-button, .vega-logoWarningModal-overrides) {
    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;
}

#tax-withholding-save-button.link_save_continue {
    padding: var(--v-size-8) var(--v-size-16) !important;
}

.btn.btn-outline-secondary:not(.active, .note-btn, .share-btn, .btn-rss, .tag, .delete-button, div[name$="Options"] button):hover,
.btn.btn-secondary:not(.vega-button, .dropdown-toggle, .delete-button):hover,
.btn.gh-non-primary-btn:hover,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss, .dropdown-toggle, .delete-button):hover,
.daterangepicker.show-calendar .drp-buttons button.cancelBtn: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;
}

.btn.btn-outline-secondary:not(.active, .dropdown-toggle, .note-btn, .share-btn, .btn-rss, .tag, .delete-button, div[name$="Options"] button):focus,
.btn.btn-secondary:not(.dropdown-toggle, .vega-button, .delete-button):focus,
.btn.gh-non-primary-btn:not(.dropdown-toggle, .delete-button, .vega-button):focus,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss):not(.dropdown-toggle, .delete-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;
}

.btn.btn-outline-secondary:not(.active, .note-btn, .share-btn, .btn-rss, .tag, .delete-button, div[name$="Options"] button):disabled:hover,
.btn.btn-secondary:not(.vega-button, .delete-button):disabled:hover,
.btn.gh-non-primary-btn:disabled:hover,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss, .delete-button):disabled:hover {
    background-color: transparent !important;
    border: var(--v-border-secondary-btn) !important;
    color: var(--v-text-link) !important;
}

.btn.btn-outline-secondary:not(.active, .note-btn, .share-btn, .btn-rss, .tag, .delete-button, div[name$="Options"] button):not(.dropdown-toggle):not(:disabled):active,
.btn.btn-secondary:not(.dropdown-toggle, .vega-button, .delete-button):not(:disabled):active,
.btn.gh-non-primary-btn:not(.dropdown-toggle, .delete-button, .vega-button):not(:disabled):active,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss, .delete-button):not(.dropdown-toggle):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;
}

.btn.btn-outline-secondary:not(.active, .note-btn, .share-btn, .btn-rss, .tag, .dropdown-toggle, .delete-button, div[name$="Options"] button):disabled,
.btn.btn-secondary:not(.dropdown-toggle, .vega-button, .delete-button):disabled,
.btn.gh-non-primary-btn:not(.dropdown-toggle, .delete-button, .vega-button):disabled,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss, .dropdown-toggle, .delete-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;
}

.btn.gh-non-primary-btn:active img,
.btn.btn-default:not(.note-btn, .share-btn, .btn-rss):active img {
    display: none !important;
}

.btn.delete-button,
button.el-button-red:not(.vaga-button), body .btn.btn-danger {
    background-color: var(--v-bg-danger) !important;
    color: var(--v-text-on-action) !important;
    border: var(--v-border-secondary-danger-btn) !important
}

.btn.delete-button:hover,
body button.el-button-red:not(.vaga-button):hover, body .btn.btn-danger:not(.vaga-button):hover {
    background-color: var(--v-bg-danger-hover) !important;
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
}

.btn.delete-button:focus,
body button.el-button-red:not(.vaga-button):focus,
body .btn.btn-danger:not(.vaga-button):focus {
    outline: none !important;
    box-shadow: var(--v-ring-action-danger-focus) !important;
    background-color: var(--v-bg-danger) !important;
}

.btn.delete-button:hover,
body button.el-button-red:not(.vaga-button, :active):focus:hover,
body .btn.btn-danger:not(.vaga-button, :active):focus:hover {
    background-color: var(--v-bg-danger-hover) !important;
}

.btn.delete-button:active,
body button.el-button-red:not(.vaga-button):active,
body .btn.btn-danger:not(.vaga-button):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;
}

body .btn.btn-danger.bg-transparent,
body .btn.btn-danger.bg-transparent:focus,
body .btn.btn-danger.bg-transparent:hover,
body .btn.btn-danger.bg-transparent:active {
    border: none !important;
    background-color: transparent !important;
}

.variable-schedule-settings-history-list .gh-nav-pills-tab a {
    flex-direction: row-reverse;
}

.variable-schedule-settings-history-list .gh-nav-pills-tab a span.badge {
    margin-right: 0px;
    margin-left: 8px !important;
}

.variable-schedule-settings-history-list a span {
    color: #343a40 !important;
    font-weight: 400 !important;
}

.variable-schedule-settings-history-list .gh-nav-pills-tab a.active span:not(.badge) {
    color: var(--v-text-action) !important;
}

.web-clock-name-container {
    background: #181830 !important;
}

.gh-ba-container .was-validated input[type="radio"]:invalid, .gh-ba-container .was-validated input[type="checkbox"]:invalid {
    border: var(--v-border-input-field-danger) !important;
}

.gh-ba-container .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input), .gh-ba-container .lh-45-field {
    height: 40px !important;
    line-height: 38px !important;
}

.fas.f-check::before, .completed:not(.variable-schedule-settings-history-list)::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;
}

ul.employee-checklist-ul li.completed::before,  ul.employee-checklist-ul li.incompleted::before, 
#container_onboarding_side_nav ul li a.completed::before {
    content: unset !important;
}

.incompleted::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;
}

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

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

.far.fa-copy,
.far.fa-edit,
.fa.fa-edit {
    color: rgb(19, 98, 226) !important;
    font-weight: 700 !important;
    background: none !important;
    border: none !important;
}

.far.fa-copy {
    font-weight: 400 !important;
}

.fa, .fas, .far {
    /* 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;
}

.far.fa-times-circle:not(.vega-icon-xmark) ::before {
    content: "\f00d" !important;
}

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

.ghpwd-hint .invalid {
    background: url('/v4/img/vega-incompleted.svg') no-repeat left !important;
}

.ghpwd-hint .valid {
    background: url('/v4/img/vega-completed.svg') no-repeat left !important;
}

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

.signme-preview .signature_preview {
    height: 80px;
    line-height: 80px;
    min-height: 80px !important;
    border-radius: 12px !important;
    background-size: 300px 80px !important;
    min-width: 300px !important;
}

.signme-preview .signature_preview img {
    max-width: 90% !important;
}

#signature_img.signature_preview.no_background img {
    display: inline-block !important;
}

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

.gh-header-nav-item:active {
    background-color: var(--v-bg-tertiary) !important;
}

.gh-header-nav-item:focus {
    box-shadow: var(--v-ring-action-focus) !important;
}

.gh-header-nav-item.selected {
    background-color: var(--v-bg-quaternary) !important;
    cursor: default !important;
}

#taEmployeeTemplateModal .vega-hint, .vega-hint {
    color: #6B747D !important;
    font-family: Inter;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
}

.gh-header-nav-item.selected > a, .assign-btn, a.link-btn, .fringe-element-container .fringe-content-title,
.signme .signme-menu a, .text-blue, .fed_tax_notes, #taEmployeeTemplateModal .fa-angle-down::before, #taEmployeeTemplateModal .fa-angle-up::before, #gh-account-table-body .fa-bell:before {
    color: var(--v-text-link) !important;
}

#taEmployeeTemplateModal .fa-angle-down::before {
    content: '' !important; 
    background: url("/v4/img/vega-select-arrow-down.svg") no-repeat !important;
    display: block;
    width: 16px;
    height: 16px;
}

#taEmployeeTemplateModal .fa-angle-up::before {
    content: '' !important; 
    background: url("/v4/img/vega-select-arrow-up.svg") no-repeat !important;
    display: block;
    width: 16px;
    height: 16px;
}

.vega-overview-content .feature_container h6 {
    color: #203645;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    margin-left: 0px !important;
}

#ta-team-punch-modal #ta-team-punch-table tr.no-fit td {
    background-color: #CCDFFF !important;
}

.gh-nav-pills-tabs .badge-warning,
#ta-team-punch-modal[data-type=break] .team-punch-status-dot {
    background-color: #FFDC83 !important;
}

.gh-nav-pills-tabs .text-warning,
i.fas.fa-circle[style*="color: #FFB800"],
i.fas.fa-circle[style*="color: rgb(255, 184, 0)"]
{
    color: #FFDC83 !important;
}

.gh-nav-pills-tabs .badge-dark {
    background-color: #CDD1D3 !important;
}


.gh-nav-pills-tabs .text-dark,
i.fas.fa-circle[style*="color: #292F48"],
i.fas.fa-circle[style*="color: rgb(41, 47, 72)"],
#gh-account-table-body td i.pending {
    color: #CDD1D3 !important;
}

.gh-nav-pills-tabs .badge-success,
#ta-team-punch-modal .team-punch-status-dot {
    background-color: #A0E9A7 !important;
}

.gh-nav-pills-tabs .text-success,
i.fas.fa-circle[style*="color: #3CB569"],
i.fas.fa-circle[style*="color: rgb(60, 181, 105)"],
#gh-account-table-body td i.active {
    color: #A0E9A7 !important;
}

#holidayModalEntitySelect .gh-nav-pills-tabs  .badge-danger,
.gh-nav-pills-tabs .gh-nav-pills-tab .badge-danger,
.gh-nav-pills-tabs .badge-danger,
#ta-team-punch-modal[data-type=clock_out] .team-punch-status-dot {
    background-color: #FF6E8B !important;
}

.gh-nav-pills-tabs .text-danger,
i.fas.fa-circle[style*="color: #EC262C"],
#gh-account-table-body td i.inactive {
    color: #FF6E8B !important;
}

#gh-account-table-body .fa-bell:before {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-right: 2px !important;
}

.table-container.container-fluid {
    padding-top: 0px !important;
}

.gh-header-nav-item:hover {
    background-color: var(--v-bg-secondary) !important;
}

table.vega-table-filter + div.no-pay-group {
    border-top: 1px solid var(--v-bg-divider-secondary) !important;
}

.table-responsive table + div.no-pay-group {
    margin: 0 auto !important;
    padding: var(--v-size-16) 0 !important;
}

.vega-table-container,
.vega-table-container .vega-table-body,
.table-container,
.table-body,
.gh-employer-table,
.sms-billing-history-table,
.table-scroll,
.org-table-container,
.table,
.gh-table,
.gh-table-pie,
.table tr,
.gh-table tr,
.table tbody,
.gh-table tbody,
.table thead,
.gh-table thead,
.gh-table-row,
.gh-table-body,
.gh-table-head,
.table-header {
    border: none !important;
    border-radius: unset !important;
    background-color: unset !important;
}

.vega-table-container,
.table-container {
    border: var(--v-border-divider-secondary) !important;
    font: var(--v-font-field-label-sm) !important;
    border-radius: var(--v-rounded-12) !important;
}

.gh-employer-table,
.sms-billing-history-table,
.table,
.gh-table,
.gh-table-pie {
    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;
}

.gh-table .sticky-column:before, .gh-table .sticky-header:before {
    border: none !important;
}

.vega-table-container .table-header > div,
.table-container .table-header > div,
.gh-employer-table th,
.sms-billing-history-table th,
.gh-table-head .gh-table-th:not(.vega-unassignNumber-overrides),
.table-header .table-col,
.table th, .gh-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;
    text-align: left !important;
    justify-content: space-between !important;
}

#group-table th {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

#swap_shift_modal tr.row,
#drop_shift_modal tr.row,
#ta_employee_timeoff_history_table tr.row,
#group-table tr.row {
    display: table-row;
}

#swap_shift_modal .table-scroll-y,
#drop_shift_modal .table-scroll-y {
    display: table-row-group;
}

.vega-table-container .table-header > div:first-child,
.table-container .table-header > div:first-child,
.gh-employer-table th:first-child,
.sms-billing-history-table th:first-child,
.gh-table-head .gh-table-th:first-child,
.table-header .table-col:first-child,
.table th:first-child, .gh-table th:first-child {
    border-radius: var(--v-rounded-12) 0 0 0 !important;
}

.vega-table-container .table-header > div:last-child,
.table-container .table-header > div:last-child,
.gh-employer-table th:last-child,
.sms-billing-history-table th:last-child,
.gh-table-head .gh-table-th:last-child,
.table-header .table-col:last-child,
.table th:last-child, .gh-table th:last-child {
    border-radius: 0 var(--v-rounded-12) 0 0 !important;
}

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

.vega-table-container .vega-table-body,
.table-container .table-body {
    min-height: 40px !important;
    border-radius: 0 0 var(--v-rounded-12) var(--v-rounded-12)  !important;
    margin: 0 !important;
}

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

.vega-table-container .vega-table-body,
.table-container .table-body,
.gh-employer-table tbody,
.sms-billing-history-table tbody,
.gh-table-body,
.table tbody, .gh-table tbody {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
}

.summary-tfoot td,
.summary-foot .gh-table-td,
.gh-employer-table tbody td,
.sms-billing-history-table tbody td,
.gh-table-body .gh-table-td,
.gh-table-body .table-col,
.table:not(.vega-group-table) tbody td,
.gh-table:not(.vega-group-table) tbody td {
    padding: var(--v-size-12) !important;
}

.vega-table-container .vega-table-body > ul li,
.table-container .table-body > ul li,
.gh-employer-table tbody td,
.sms-billing-history-table tbody td,
.gh-table-body .gh-table-td,
.gh-table-body .table-col,
.table tbody td:not([class*="bg-"]),
.gh-table tbody td {
    background-color: #fff !important;
}

.vega-table-container .vega-table-body > ul li,
.table-container .table-body > ul li,
.gh-employer-table tbody td,
.sms-billing-history-table tbody td,
.gh-table-body .gh-table-td,
.gh-table-body .table-col,
.table tbody td,
.gh-table tbody td {
    border: none !important;
    text-align: left !important;
    justify-content: left !important;
}

.gh-table .table-condensed tbody td {
    text-align: center !important;
}

.table-container .table-body > ul li .row > div[class*="col-"],
.vega-table-container .table-header > div,
.vega-table-container .vega-table-body > ul li .row > div[class*="col-"] {
    justify-content: left !important;
    flex-direction: row !important;
    padding: var(--v-size-12) !important;
}

.vega-table-container .table-header,
.vega-table-container .vega-table-body > ul li,
.vega-table-container .vega-table-body > ul li > .row,
.table-container .vega-table-body > ul li > .row,
.table-container .table-header,
.table-container .table-body > ul li,
.table-container .table-body > ul li > .row {
    padding: 0 !important;
}

.vega-table-container .vega-table-body > ul li,
.table-container .table-body > ul li,
.gh-employer-table tbody td,
.sms-billing-history-table tbody td,
.gh-table-body .gh-table-td,
.table-row .table-col,
.table tbody td,
.gh-table tbody td {
    border-top: var(--v-border-divider-secondary) !important;
    border-left: none !important;
}

div.gh-table-pie div.gh-table-td span {
    overflow: hidden !important;
}

#ta-team-punch-table {
    overflow-x: auto !important;
}

.gh-employer-table,
.sms-billing-history-table,
.table, .gh-table {
    box-shadow: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.gh-employer-table th,
.sms-billing-history-table th,
.table th, .gh-table th {
    border-top: var(--v-border-divider-secondary) !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.gh-employer-table.vega-table-filter th,
.sms-billing-history-table.vega-table-filter th,
.table.vega-table-filter th, .gh-table.vega-table-filter th {
    border-bottom:none !important;
}

.vega-table-container:not(.vega-table-filter) .vega-table-body > ul li:first-child,
.table-container:not(.vega-table-filter) .table-body > ul li:first-child,
.gh-employer-table:not(.vega-table-filter) tbody tr:first-child td,
.sms-billing-history-table:not(.vega-table-filter) tbody tr:first-child td,
.gh-table:not(.vega-table-filter) tbody tr:first-child td, 
.table:not(.vega-table-filter) tbody tr:first-child td {
    border-top: none !important;
}

.vega-table-container .table-header,
.table-container .table-header,
.gh-employer-table tbody tr:last-child td,
.sms-billing-history-table tbody tr:last-child td,
.gh-table tbody tr:last-of-type td,
.table tbody tr:last-child td {
    border-bottom: var(--v-border-divider-secondary) !important;
}

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

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

table tr.disabled-tr {
    position: relative !important;
    opacity: 1 !important;
}

table tr.disabled-tr > * {
    opacity: 0.3;
}

table tr.disabled-tr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block !important;
    border-top: var(--v-border-divider-secondary) !important;
}

#ta-team-punch-modal .ta-team-punch-modal-card label:not(.error), #taClockModalForFeed label:not(.error) {
    font-weight: 500 !important;
}

#ta-team-punch-modal .input-group-prepend label:not(.error), #taClockModalForFeed .input-group-prepend label:not(.error) {
    font-weight: 700 !important;
}

body #ta-team-punch-modal #ta-team-punch-table .select2-selection {
    border: var(--v-border-input-field) !important;
    background: #FCFCFC !important;
}

body #ta-team-punch-modal #ta-team-punch-table .select2-container--open .select2-selection {
    border: 1px solid #1362E2 !important;
}

body #ta-team-punch-modal  #ta-team-punch-table .table-select select + .select2.select2-container .select2-selection:focus {
    border: 1px solid #1362E2 !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

#ta-team-punch-table table .vega-table-header tr:last-child th {
    border-bottom: unset !important;
}

#ta-team-punch-table table .vega-table-tbody tr:first-child td {
    border-top: var(--v-border-divider-secondary) !important;
}

.modal-content, .note-modal.link-dialog .modal-content, .ui-widget.ui-widget-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;
}

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

.note-modal.link-dialog .modal-dialog {
    box-shadow: none !important;
}

.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;
    align-items: center !important;
    color: var(--v-text-primary) !important;
}

#timeOffPayGroupModal .modal-header, #deleteBreakModal .modal-header, #groupModalContent .modal-header, #addLocationModal  .modal-header {
    padding: var(--v-size-24) var(--v-size-32) var(--v-size-12) !important;
}

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

.vega-override-approve-modal.org-modal-header {
    border: unset !important;
    box-shadow: unset !important;
    padding-left: 0px !important;
}

#ApprovalForm .vega-override-approve-modal.org-modal-header .modal-title {
    font-weight: 500 !important;
    font-size: 24px !important;
}

.modal-header.org-modal-header + .approval-path-condition {
    border: var(--v-border-divider-secondary) !important;
    border-radius: var(--v-size-12) !important;
}

body .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 .modal-header .close:not(.gh_dialog_close_link), .note-modal.link-dialog .modal-header .close, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    width: 24px !important;
    height: 24px !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;
}

body button.ui-dialog-titlebar-close:empty::before {
   content: none !important;
}

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

.close:hover {
    transform: none !important;
}

.modal-header:not(.vega-common-header) .close * {
    display: none !important;
}

#configRuleModalContent .modal-title,
.modal-ba-type .modal-content .modal-header.modal-header .modal-title,
body .modal .modal-content .modal-header.modal-header .modal-title,
.modal-header .modal-title,
.modal-header .header-title,
.modal-header > h5,
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;
}

.modal-footer, .note-modal.link-dialog .modal-footer, .gh_dialog_bottom_bar {
    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;
}

.modal-footer:not(.vega-flex-row-end, .align-group-center) > .vega-secondary-button,
.modal-footer:not(.vega-flex-row-end, .align-group-center) > .vega-default-danger-button,
.modal-footer:not(.vega-flex-row-end, .align-group-center) > .gh-non-primary-btn:not(.vega-primary-button, .vega-danger-button) {
    order: 2;
}

#taEmployeeSheetImportTemplateOptionModal .modal-footer > .gh-non-primary-btn:not(.vega-primary-button, .vega-danger-button) {
    order: unset;
}

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

.modal-footer[style*="display: none"],
.note-modal.link-dialog .modal-footer[style*="display: none"],
.gh_dialog_bottom_bar[style*="display: none"] {
    display: none !important;
}

#shift-edit-modal-footer.modal-footer {
    padding: var(--v-size-32) !important;
}

#shift-edit-modal-footer.modal-footer #delete-shift-button,
#shift-edit-modal-footer.modal-footer .row {
    margin: 0 !important;
}

.gh_dialog_bottom_bar span:first-child {
    display: flex;
    flex-flow: row-reverse !important;
}

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

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

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

.modal-footer button.float-left:first-of-type:not(.vega-margin-left-12) {
    margin-left: 0 !important;
}

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

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

.modal-footer .footer-btns:not(.vega-billing-profile-overrides, .vega-teamDelete-footer-btn-overrides, .vega-teamNotice-footer-btn-overrides, .vega-form-assignjobs-footer-btn-overrides),
.modal-footer .row.flex-1 {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: end !important;
}

.modal-error-msg {
    align-self: center !important;
    text-align: left !important;
    flex-grow: 1 !important;
    flex-basis: min-content !important;
    width: auto !important;
}

.modal-footer .footer-btns .alert,
.modal-footer .row.flex-1 .alert {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#taEmployeeTemplateAssign_error_msg_container .alert {
    margin-bottom: 4px !important;
}

.modal-body, .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: var(--v-rounded-12) !important;
}

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

#unassignCompletedTimeoffPolicyModal .warning-message-container.text-danger.text-center {
    text-align: center !important;
    font-size: 14px !important;
}

.modal-body > .vega-text-align-center {
    text-align: center !important;
}

.side-nav {
    padding: 0 var(--v-size-8) !important;
    background-color: var(--v-bg-sidebar) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body .collapse-wing, body .benefits-sidenav .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 .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;
}

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

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

.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;
}

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

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

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

.nav.navbar-nav .nav-item a {
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label) !important;
    display: inline-block !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.nav.navbar-nav .nav-item.active a,
.gh-table-sort-icon {
    color: var(--v-text-link) !important;
}

.gh-sort-content .gh-sort-item.active:after {
    border-left-color: var(--v-text-link) !important;
    border-bottom-color: var(--v-text-link) !important;
}

.nav.navbar-nav .nav-item a i {
    margin-right: 2px !important;
}
.nav.navbar-nav .nav-item a span.count {
    box-sizing: content-box !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    top: -12px !important;
    left: 16px !important;
    right: unset !important;
}

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

.nav.navbar-nav .nav-item a:hover {
    color: var(--v-text-link) !important;
}

.nav.navbar-nav .nav-item #form_nav_candidate_search a:hover {
    color: inherit !important;
}

.nav.navbar-nav .nav-item #form_nav_candidate_search a.fa-search {
    color: var(--v-text-secondary) !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}

.gh-nav-pills-tabs,
.nav.nav-tabs {
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

.horizontal-nav-pills > a,
.gh-nav-pills-tabs > a,
.nav.nav-tabs li > a,
.nav.nav-tabs > a {
    opacity: 1 !important;
    display: inline-block;
    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;
}
#scheduleTableTopInput > .control.control-checkbox ~ .ml-auto.mr-0,
#scheduleTableTopInput > .control.control-checkbox {
    margin-top: -6px !important;
}

#scheduleTableTopInput .horizontal-nav-pills > a {
    padding: 0 !important;
    padding-bottom: 5px !important;
    border-bottom: 3px solid transparent !important;
    margin-right: 20px !important;
}

.horizontal-nav-pills > a.align-group-flex-start,
.gh-nav-pills-tabs > a.align-group-flex-start,
.nav.nav-tabs li > a.align-group-flex-start,
.nav.nav-tabs > a.align-group-flex-start {
    display: flex !important;
}

.horizontal-nav-pills a.active,
#scheduleTableTopInput .horizontal-nav-pills > a.active,
#holidayModalEntitySelect a[data-status="unresolved"].active,
.gh-nav-pills-tab a[data-type="pending"].active,
.nav.nav-tabs li > a.active,
.nav.nav-tabs li.selected > a,
.nav.nav-tabs li.active > a:not(.tab-1),
.nav.nav-tabs > a.active,
.nav.nav-tabs > a.selected,
.nav.nav-tabs > a.ghTabSelected {
    border-bottom: 3px solid var(--v-text-link) !important;
    color: var(--v-text-link) !important;
    background-color: unset !important;
}

#div_team_member_container .nav.nav-tabs li.active > a:not(.active) {
    border-bottom: none !important;
    color: var(--v-text-primary) !important;
}

.nav.nav-tabs li.active > a::after {
    content: none !important;
}

.horizontal-nav-pills > a:hover,
.gh-nav-pills-tabs > a:hover,
.nav.nav-tabs li > a:hover,
.nav.nav-tabs > a:hover,
.nav.nav-tabs > a:hover > span {
    color: var(--v-text-link) !important;
}

.horizontal-nav-pills > a:not(.vega-counter):active > span,
.gh-nav-pills-tabs > a.active > span,
.nav.nav-tabs li.active > span,
.nav.nav-tabs a:hover > span,
.nav.nav-tabs a.active>span,
.nav.nav-tabs > a.selected > span,
.nav.nav-tabs > a.ghTabSelected > span,
.nav.nav-tabs > a:hover > span {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.horizontal-nav-pills .badge,
.gh-nav-pills-tabs .badge,
.nav.nav-tabs .ats-messages-count {
    color: #fff !important;
    border-radius: var(--v-rounded-full) !important;
}

.nav.nav-tabs > a:hover .vega-lite-badge {
    color: #fff !important;
}

.gh-employee-header .nav.nav-tabs {
    border-bottom: unset !important;
}

.card .tab-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;
}

.import-action-card,
.card, .gh-ba-bs-lighter-v2, .feature_container, #info-panel-top.panel {
    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: var(--v-shadow-card) !important;
}

.feature_container {
    font-weight: 400 !important;
}

.feature_container .shadow-bottom {
    padding-top: 0px !important;
}

.card-heading, .card-header {
    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;
}

.card .card-header + .list-group .card-container > .pl-4.pr-4 {
    padding-left: var(--v-size-24) !important;
    padding-right: var(--v-size-24) !important;
}

.feature-border-header {
    padding: var(--v-size-16) !important;
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
}

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

#templateSettingCardsContainer .card-title {
    margin-bottom: 0px !important;
}

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

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

.employee-view-open-shift-count {
    border-radius: var(--v-rounded-full) !important;
    padding: 0 var(--v-size-4) !important;
    min-width: var(--v-size-16) !important;
    min-height: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
    box-shadow: none !important;
}

.counter {
    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-on-action) !important;
}

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

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

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

a[href*="/site/"],
.main a[href^="http"]:not([class*="btn"]),
a.browse-file,
.copy-rule-btn,
.link-text,
a.text-info:not(.vega-text-primary),
body a.text-primary,
body .main a.btn.btn-outline-primary,
a.link-blue {
    cursor: pointer !important;
    color: var(--v-text-link) !important;
    font: var(--v-font-btn-label);
    word-break: break-word !important;
    text-decoration: unset !important;
    outline: none !important;
    border: none !important;
}

a[href*="/site/"].vega-font-size-12,
a.text-info.vega-font-size-12 {
    font-size: var(--v-size-12) !important;
}

.main-copyright-footer a[href*="/site/"],
.vega-override-signup.vega-short-text-primary a[href*="/site/"],
#gh-footer .vega-short-text-primary a[href*="/site/"],
#gh-footer a[href*="/site/"]:not(.vega-default-link),
small a[href*="/site/"],
small a.text-info {
    font: var(--v-font-btn-label-sm) !important;
}

.main a[href^="http"]:not([class*="btn"]):hover,
a[href*="/site/"]:hover,
a.browse-file:hover,
.copy-rule-btn:hover,
.link-text:hover,
a.text-info:hover,
body a.text-primary:hover,
body .main a.btn.btn-outline-primary:hover,
a.link-blue:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
    background-color: unset !important;
    outline: none !important;
    color: var(--v-text-link-hover) !important;
}

button:focus {
    outline: none !important;
}

.main a[href^="http"]:not([class*="btn"]):focus,
a[href*="/site/"]:focus,
a.browse-file:focus,
.copy-rule-btn:focus,
.link-text:focus,
a.text-info:focus,
body a.text-primary:focus {
    outline: 0 !important;
    color: var(--v-text-link-focus) !important;
}

.main a[href^="http"]:not([class*="btn"]):active,
a[href*="/site/"]:active,
a.browse-file:active,
.copy-rule-btn:active,
.link-text:active,
a.text-info:active,
body a.text-primary:active,
body .main a.btn.btn-outline-primary:active,
a.link-blue:active {
    color: var(--v-text-link-active) !important;
    text-decoration: unset !important;
}

.vega-dropdown-wrapper .card,
.gh-drop-down-menu .dropdown-submenu .dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu),
.css-1pcexqc-container div[class$="-menu"],
.gh-drop-down-menu.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu),
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) {
    box-shadow: var(--v-shadow-dropdown-menu) !important;
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-input-field) !important;
    padding: var(--v-size-8) 0 !important;
}

#shiftJobs .dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) {
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

#shiftJobs .dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) > ul,
#taEmployeeDashboardCardContainer .dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) > ul {
    padding: var(--v-size-8) 0 !important;
    max-height: inherit !important;
    overflow: auto !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .fa-chevron-down,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .fa-chevron-right,
#payRollDateRangeDropDown > button > i.fa-chevron-down {
    color: var(--v-text-link) !important;
    font-weight: 700 !important;
}

#payRollDateRangeDropDown .vega-dropdown-payroll-dates-container {
    border: none !important;
    box-shadow: none !important;
}

#payRollDateRangeDropDown .vega-dropdown-payroll-dates-container > li.dropdown-item {
    padding: 0 !important;
}

#payRollDateRangeDropDown .vega-dropdown-payroll-dates-container > li.dropdown-item:hover {
    background-color: unset !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu, .datepicker-orient-top):before {
    border-top: var(--v-border-input-field) !important;
    border-left: var(--v-border-input-field) !important;
}

.css-1pcexqc-container div[class$="-menu"] div[class$="-option"] {
    background-color: unset !important;
}

.vega-dropdown-wrapper .card > div:not(.search-result-item) {
    width: max-content;
    overflow: auto;
    max-height: 350px;
    max-width: 1000px;
    white-space: break-spaces;
}

.card .search-result-item,
#configRuleModalForm .gh-tree-dropdown-select .gh-tree-dropdown li > label,
.gh-tree-dropdown-select .gh-tree-dropdown li > label,
.css-1pcexqc-container div[class$="-menu"] div[class$="-option"],
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .dropdown-item,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a {
    cursor: pointer;
    border: none !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
    margin: 0 !important;
    padding: var(--v-size-8) var(--v-size-16) !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown li > label {
    padding-right: 26px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown li > label input[type="checkbox"] {
    margin-bottom: 2px !important;
}


.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu, .vega-employee-menu, .vega-chat-dropdown, .vega-job-option-fields-overrides) a {
    display: inline-block;
    width: 100% !important;
}

#taClockForFeedJobSelection .job-search-result-container > p.leaf-path, .shift-job-name-container > p.leaf-path {
    font-size: 16px !important;
    line-height: 20px !important;
}

.map-content-container div.gm-iv-address div.gm-iv-address-link,
div.gm-iv-address div.gm-iv-address-link {
    top: 40px;
    left: 5px;
}

.send-notification-box,
#paySummaryCardPaymentTab .rounded,
#paySummaryCardDurationTab .rounded,
#paySummaryCardPieceRateTab .rounded {
    border-radius: 4px !important;
}

.vega-comment-bar.flex-between {
    flex-flow: row-reverse;
}

.ta-employee-dashboard-button-group .col-md-12 {
    padding: 1rem 2rem !important;
}

.ta-employee-dashboard-button-group .col-md-12 > div {
    box-shadow: none !important;
}

.map-content-container div.gm-iv-address div.gm-iv-address-link a,
div.gm-iv-address div.gm-iv-address-link a[href^="http"] {
    font-size: 11px !important;
}

i.dashboard-chat,
.punch-table-custom-fields-item .file-name {
    color: #1362E2 !important;
}

.vega-dashboard-map-header .text-warning,
.vega-dashboard-list-view[style*="color: #ffc107"]  {
    color: #6B747D !important;
}

.vega-dashboard-map-header .text-info,
.vega-dashboard-list-view[style*="color: #229f84"]
 {
    color: #01801F !important;
}

#ta-duration-week-total-row.vega-duration-week-total {
    background: #F5F7F7 !important;
}

#taClockActionIcon + .dropdown-menu a {
    display: flex !important;
}

#taClockActionIconContainer .dropdown-menu {
    width: unset !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .dropdown-divider,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .border-bottom {
    border-top: none !important;
    border-bottom: var(--v-border-input-field) !important;
}

#face-id-upload-modal .modal-header .close {
    background: url("/v4/img/vega-modal-close-btn.svg") center !important;
}

#ghAccountEditForm .select2-container--default .select2-selection--multiple .select2-selection__clear {
    color: transparent !important;
    width: 15px !important;
    height: 14px !important;
    background: url(/v4/img/vega-company-remove.svg) no-repeat !important;
    margin-top: 0px;
    top: 7px !important;
    right: 1px;
}

#ghAccountEditForm .select2.select2-container.select2-container--default .select2-selection.select2-selection--multiple {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

#employee-assign .list li label {
    border-bottom: none !important;
}

.signme .signme-content {
    border: unset !important;
    border-radius: 12px !important;
}

.signme .signme-content .vega-signme-type-input{
    width: 100% !important;
    padding: 0 10px !important;
}

.signme .signme-content .signme-draw {
   height: 178px !important;
   margin-top: 25px !important;
}

.vega-override-signme .vega-short-text,
.gh-graph-tooltip {
    color: var(--v-text-primary) !important;
}

#jobBasedPayRateForm .calculate-pay-rate-field.error + .error-holder {
    top: 38px !important;
}

#status-message-body .fa-check-circle,
#saveFaceIDSuccessModal .fa-check-circle{
    color: var(--v-text-success) !important;
}

#status-message-body .fa-exclamation-circle {
    color: var(--v-bg-danger) !important;
}

#gh-ep-audit-trail .table-responsive {
    border-radius: var(--v-rounded-12) !important;
    border: none !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a i {
    margin-right: 8px !important;
    vertical-align: middle !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .form-check-input {
    margin-left: 0 !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) > li > a:hover,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) > li > a:focus,
.dropdown-submenu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu):hover > a,
.dropdown-submenu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu):focus > a {
    background: none !important;
}

.card .search-result-item:hover,
.gh-tree-dropdown-select .gh-tree-dropdown li > label:hover,
.css-1pcexqc-container div[class$="-menu"] div[class$="-option"]:hover,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .job-option-container .job-option:hover,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .dropdown-item:hover,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a:not(.vega-account-setting):hover,
.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .dropdown-item.active,
.variable-schedule-settings-table-weekday-item .dropdown-item.active,
.variable-schedule-settings-table-weekday-item .dropdown-item:active {
    background-color: var(--v-bg-quaternary) !important;
    text-decoration: none !important;
}

.variable-schedule-settings-table-weekday-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.variable-schedule-settings-table-fields-container {
    align-items: flex-start !important;
    width: 100%;
    justify-content: space-between;
}

.variable-schedule-settings-table-weekday-item .weekday-title {
    width: 100%;
    text-align: left !important;
}

.variable-schedule-settings-table-weekday-item .text-field {
    flex: 1 0 auto;
}

.variable-schedule-settings-table-weekday-item .time-range-field,
.variable-schedule-settings-table-weekday-item .flex-text-field {
    flex: 1 1 auto;
}

.variable-schedule-settings-table-weekday-item .time-range-field {
    max-width: 93%;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a.text-info {
    color: var(--v-text-link) !important;
    font: var(--font-btn-label-sm) !important;
    font-weight: 700 !important;
}

.vega-dropdown.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a.text-info, #templateSettingCardsContainer .card {
    padding: 0px !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) a.text-info:active {
    color: var(--v-text-link-active) !important;
    text-decoration: unset !important;
    box-shadow: none !important;
}

.vega-tree-dropdown.gh-tree-dropdown-select,
.gh-tree-dropdown-select {
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-input-field) !important;
    padding: 0 !important;
    min-height: 40px !important;
    line-height: 40px !important;
}

#configRuleModalForm .gh-tree-dropdown-select > label,
.gh-tree-dropdown-select > label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
    border-radius: var(--v-rounded-8) !important;
    min-height: 40px !important;
    padding: var(--v-size-8) var(--v-size-12) !important;
    font: var(--v-font-field-value) !important;
    color: var(--v-text-input-placeholder) !important;
    text-align: left !important;
    background-color: #fff !important;
}

.gh-ba-container .gh-tree-dropdown-select > label:after {
    display: none !important;
}

#jobContainer .gh-tree-dropdown.border.bg-white > ul {
    height: 150px;
}

#jobContainer .gh-tree-dropdown.border.bg-white {
    width: 100% !important;
}

#searchQuerySelections label {
    overflow-x: hidden !important;
    text-wrap: nowrap !important;
}

#searchQuerySelections .gh-tree-dropdown-select {
 min-height: 40px !important;
}

#employeeEmploymentPage form[data-profile-section="employment"] div.gh-tree-dropdown-select {
    line-height: 40px !important;
    min-height: 46px !important;
}

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

.main:has(#employeeComponent),
.main-content:has(#employeeComponent) + .vega-copyright-footer {
    background-color: #F0F3F7 !important;
}

#employeeContainer .bf-content-header {
    padding: 30px !important;
    padding-bottom: 0px !important;
    background-color: #F0F3F7 !important;
}

#employeeContainer .bf-content-header .nav .nav-link.active {
    color: #1362E2 !important;
}

#employeeContainer ul.nav-tabs a.nav-link:not(.active) {
    color: #203645 !important;
}

#sendEmailNotificationConfirmModal .modal-body #notification-message-body,
#sendEmailNotificationStatusModal #status-message-body {
    font-family: Inter !important; 
    font-size: 16px !important; 
    font-style: normal !important; 
    font-weight: 500 !important; 
    line-height: 22px !important; 
}

.variable-schedule-settings-history-list .gh-nav-pills-tab a.active {
    border-color: unset !important;
}

#employeeEmploymentPage .gh-tree-dropdown-select.gh_EP_EmploymentGroupTree:not(.tree-displayed) {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
}

#employeeEmploymentPage .gh-tree-dropdown-select.gh_EP_EmploymentGroupTree label {
    padding-left: 10px !important;
    font-size: 16px !important;
    color: var(--v-text-primary) !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown li.gh-branch-open > ul label {
    display: block !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="1"] > label {
    padding-left: 40px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="2"] > label {
    padding-left: 68px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="3"] > label {
    padding-left: 92px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="4"] > label {
    padding-left: 116px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="5"] > label {
    padding-left: 140px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="6"] > label {
    padding-left: 164px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="7"] > label {
    padding-left: 188px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="8"] > label {
    padding-left: 212px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="9"] > label {
    padding-left: 236px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="10"] > label {
    padding-left: 260px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="11"] > label {
    padding-left: 284px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="12"] > label {
    padding-left: 308px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown ul li[data-level="13"] > label {
    padding-left: 332px !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown li:not(.gh-branch-open) > ul label {
    display: none !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown .gh-branch-toggle {
    background-color: initial !important;
    height: 40px !important;
}

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

.gh-tree-dropdown-select .h-100 {
    height: auto !important;
}

.gh-tree-dropdown-select .h-100: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;
    background-size: 16px !important;
    width: 16px !important;
}

.search-border {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    background-color: #fff !important;
}

#ghChatContactList .search-border, #v-pills-tabContent .search-border {
    border: unset !important;  
}

#v-pills-tabContent .search-border {
    position: relative;
}

#pay_rules_and_rates_tab  .search-border .fa-search, #timesheets_tab .search-border .fa-search, 
#v-pills-tabContent .search-border .fa-search {
    width: 16px;
    height: 16px;
}

#jobContainer .gh-tree-dropdown-select .gh-tree-dropdown::before,
#setup-paycodes-excluded-select::before,
#pay_rules_and_rates_tab  .search-border .fa-search::before, #timesheets_tab .search-border .fa-search::before, 
#v-pills-tabContent .search-border .fa-search::before, 
#auditTrailSearchInput + .fas.fa-search::before, #enrollmentsAuditTrailSearchInput + .fas.fa-search::before {
    position: absolute;
    left: 30px !important;
    content: '' !important;
    background: url(/v4/img/vega-select-search.svg) !important;
    width: 16px;
    height: 16px;
    display: block;
}

#jobContainer .gh-tree-dropdown-select .gh-tree-dropdown::before,
#setup-paycodes-excluded-select::before {
    left: 10px !important;
    top: 10px !important;
}

#auditTrailSearchInput + .fas.fa-search::before, #enrollmentsAuditTrailSearchInput + .fas.fa-search::before {
    left: unset !important;
}

#jobContainer .gh-tree-dropdown-select .gh-tree-dropdown input.gh-tree-filter,
#setup-paycodes-excluded-select input.gh-tree-filter,
#pay_rules_and_rates_tab  .search-border input, #timesheets_tab .search-border input, 
#v-pills-tabContent .search-border input, #auditTrailSearchInput, #enrollmentsAuditTrailSearchInput {
    padding-left: 35px !important;
}

#auditTrailSearchInput + .fas.fa-search, #enrollmentsAuditTrailSearchInput + .fas.fa-search {
    left: 15px !important;
    top: calc(50% - 8px) !important;
}

#ghChatContactList .search-border .fa-search, #GhChatNewContactPage .search-border .fa-search {
    position: relative !important;
    left: 5px !important;
}

#GhChatNewContactPage .align-group-flex-start .fa-user-friends {
    position: relative !important;
    left: 9px !important;
}

#ghChatContactList .search-border #contactListSearch, #GhChatNewContactPage .search-border input, #GhChatNewContactPage .align-group-flex-start input {
    padding-left: 30px !important;
    margin-left: -20px !important;
}

#GhChatNewContactPage #vega-new-chat-name {
    padding-left: 33px !important;
}

#searchQuerySelections .gh-tree-dropdown .gh-tree-filter {
    border: none !important;
    border-bottom: var(--v-border-input-field) !important;
    border-radius: 8px 8px 0px 0px !important;
}

#taEmployeeTemplateAssign_error_msg_container .alert {
    margin-bottom: 8px !important;
}

#variableScheduleSettingsTableContainer input[type='text'],
#variableScheduleSettingsHistoryModal input[type='text'] {
    max-width: 45% !important;
    height: 22px !important;
    border-radius: 5px !important;
    border: none !important;
    text-align: center !important;
    -webkit-appearance: none !important; 
    -moz-appearance: none !important;
    appearance: none !important;
    font-size: unset !important;
}

#variableScheduleSettingsTableContainer input[type='text']:focus,
#variableScheduleSettingsHistoryModal input[type='text']:focus,
#searchQuerySelections .gh-tree-dropdown .gh-tree-filter:focus, 
#enrollmentsTable, .shadow-bottom, .gh-ba-container .gh-ba-bs-light,
.fixed-header-table #schedule-table tr > td:first-child, .fixed-header-table #schedule-table th,
#caht_search_contact:focus {
    box-shadow: unset !important;
}

#variableScheduleSettingsTableContainer .flex-text-field,
#dropShiftSettingCardBody2 {
    display: flex;
    flex-direction: column;
}

#variableScheduleSettingsTableContainer .flex-text-field input[type='text'],
#variableScheduleSettingsHistoryModal .flex-text-field input[type='text'] {
    max-width: unset !important;
    border: var(--v-border-input-field) !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

#variableScheduleSettingsTableContainer .flex-text-field input[type='text'].gh-error,
#variableScheduleSettingsHistoryModal .flex-text-field input[type='text'].gh-error,
#variableScheduleSettingsTableContainer .flex-text-field input.error {
    border: var(--v-border-input-field-danger) !important;
}

#variableScheduleSettingsTableContainer .flex-text-field input[type='text'].gh-error:focus,
#variableScheduleSettingsHistoryModal .flex-text-field input[type='text'].gh-error:focus,
#variableScheduleSettingsTableContainer .flex-text-field input.error:focus {
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
}

#chat_search_participants div.align-group-flex-start.bg-white {
    border-radius: var(--v-rounded-8) !important;
}

#GhChatNewContactPage div[data-type="selected_container"] div.vega-chat-selected-user,
#sharedWithForm .inputs-style.multi-input-tages span {
    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;
    height: 27px !important;
}

#sharedWithForm .multi-input-tages .tag-wrapper .fa-times {
    margin-left: 5px !important;
}

#TimesheetPunchLocationTableSettingsModal .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    left: 0px !important;
}

#sharedWithForm .inputs-style.multi-input-tages span i:before,
.vega-job-input-close.far.fa-times-circle::before,
.vega-group-select-close.far.fa-times-circle::before {
    content: '' !important;
    background: url("/v4/img/vega-select-remove.svg") no-repeat !important;
    width: 8px !important;
    height: 9px !important;
    display: inline-block !important;
}

.vega-job-input-close.far.fa-times-circle::before,
.vega-group-select-close.far.fa-times-circle::before {
    width: 18px !important;
    height: 18px !important;
    margin-top: 8px;
    margin-right: -2px;
    background-size: 12px 12px !important;
}

#reopenButtonContainer .vega-button.vega-primary-button {
    margin-left: 0px !important;
}

#taSheetTimeOffBankTable thead th > div, #taSheetTimeOffBankTable tbody td > div {
    justify-content: space-between !important;
}

#taSheetTimeOffBankTable tbody td > div {
    padding: 0px !important;
}

#taSheetTimeOffBankTable tbody td > div .vega-bank-time-error {
    padding: 8px !important;
}

#timeoff_request_report_modal #timeoffRequestTable .gh-table-th, 
#timeoff_request_report_modal #timeoffRequestTable .gh-table-td {
    min-width: 150px !important;
}

.vega-group-select-close.far.fa-times-circle::before {
    margin-right: 8px !important;
}

#GhChatNewContactPage div[data-type="selected_container"] div.vega-chat-selected-user .vega-chat-remove-item {
    margin-left: var(--v-size-8) !important;
    float: right !important;
    margin-right: 0 !important;
    padding-left: 0px !important;
    color: transparent !important;
    position: relative;
    height: 8px !important;
    width: 8px !important;
    background: url("/v4/img/vega-select-remove.svg") no-repeat !important;
}

#mobilePortalFooter .tab-item.active i, #mobilePortalFooter .tab-item.active span {
    color: var(--v-bg-action) !important;
}

#ta-duration-table-body .vega-job-search-result-container {
    top: 0px !important;
}

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

#tos-ack-signature.signme-preview.tos-signme-preview {
    border: 1px dashed var(--v-bg-divider) !important;
    background-color: var(--v-bg-page) !important;
}

#tos-ack-signature.tos-signme-preview:hover {
    transform: scale(1) !important;
    border: 1px dashed var(--v-borderColor-input-field-hover) !important;
    background-color: var(--v-bg-secondary) !important;
}

.vega-dropdown-nav-link,
.dropdown-toggle.btn:not(.note-btn),
select,
.css-1pcexqc-container div[class$="-control"],
input:not(.vega-signme-type-input, [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field),
.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;
    box-sizing: border-box !important;
    padding: var(--v-size-8) var(--v-size-12);
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    background-color: #fff !important;
    text-overflow: ellipsis;
    overflow: hidden !important;
    outline: none !important;
}

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

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

#configRuleModalForm input {
    font: var(--v-font-field-value) !important;
    font-family: inherit !important;

}

.css-1pcexqc-container div[class$="-control"] {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.css-1pcexqc-container div[class$="-control"] .css-1hwfws3 {
    padding: 0 !important;
}

.css-1pcexqc-container div[class$="-control"] .css-1hwfws3 div[class$="-multiValue"] {
    border: var(--v-border-chip) !important;
    background-color: var(--v-bg-primary) !important;
    border-radius: var(--v-rounded-full) !important;
}

.css-1pcexqc-container div[class$="-control"] .css-1hwfws3 div[class$="-multiValue"] > div {
    color: var(--v-text-primary) !important;
    padding: var(--v-size-4) var(--v-size-8) !important;
    font: var(--v-font-field-label-sm) !important;
}

.css-1pcexqc-container div[class$="-control"] .css-1hwfws3 div[class$="-multiValue"] > div:hover {
    color: unset !important;
    background-color: unset !important;
}

.css-1pcexqc-container div[class$="-control"] .css-1hwfws3 div[class$="-multiValue"] svg {
    cursor: pointer !important;
}

.css-1pcexqc-container.react-mult-select .css-1wy0on6,
.css-1pcexqc-container .css-1wy0on6 .css-bgvzuu-indicatorSeparator {
    display: none !important;
}

.css-1pcexqc-container .css-1wy0on6 div[class$="-indicatorContainer"] {
    color: var(--v-bg-action) !important;
    padding: 0 !important;
    position: relative;
    left: 4px;
}

.css-1pcexqc-container .css-1wy0on6 div[class$="-indicatorContainer"] svg {
    width: 26px !important;
    height: 26px !important;
}

#gh-ep-profile .gh-pointer:not(button) {
    font-size: 14px !important;
    color: var(--v-text-link) !important;
}

#gh-ep-profile .gh-pointer:not(button):active {
    color: var(--v-text-link-active) !important;
}

.vega-job-pay-rate.gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0px !important;
}

#terminate-employee-modal .modal-footer .gh-form-control-sm {
    width: unset !important;
}

#gh_EP_TerminationForm .gh-bg-light, .onboarding-modal .gh_dialog_close.modal-header.vega-modal-header, #employeesDropdownMenuButton {
    background-color: #fff !important;
}

#sel_document_type {
    width: 500px !important;
}

#sel_document_type:focus, select.mobile-full-width.error:focus {
    outline: none !important;
}

#modal-photo-remove .vega-modal-footer .vega-danger-button {
    margin-left: 0px !important;
}

body .main a.btn.btn-outline-primary:hover {
    color: var(--v-text-link) !important;
}

#layout-pie-employee-content .success_hint.error, #file_deposit_document {
    color: var(--v-text-error) !important;
    font-size: 14px !important;
}

#interviewContainer .interview-actions > .mt-2 {
    min-width: max-content;
}

#vega-remove-loader.loader::before {
    content: unset !important;
}

#form-w4 input[type=checkbox], #race_fields input[type=checkbox] {
    padding-right: 20px !important;
}

#gh_AddEmployeeForm input[type="radio"] {
    top: 2px !important;
    margin-right: 0px !important;
}

#employeeEmploymentPage input[type="radio"] {
    top: 3px !important;
}

#timesheets_tab input[type="radio"] {
    top: 4px !important;
}

.dropdown-toggle.nav-link,
.dropdown-toggle.btn:not(.note-btn) {
    background: #fff !important;
    padding-left: 8px !important;
    padding-top: 6px !important;
    position: relative !important;
    padding-right: 30px !important;
}

#switchLanguageDropdownWrapper .dropdown-toggle.nav-link {
    background: unset !important;
}

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

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

.input-w-icon input[type="text"],
input[type="text"].pl-5,
.dropdown-toggle.pl-5,
input[type="text"].vega-padding-left-50 {
    padding-left: 50px !important;
}

#TimesheetPunchLocationTableSettingsModal .card-header .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0px !important;
}

.search_filter_sets_container .vega-tree-dropdown .vega-select {
    padding: 0px 20px !important;
    min-height: 46px !important;
    align-items: center;
}

#templateSelection .gh_loader {
    border-radius: 12px !important;
}

#search_employee_form input[type="text"].pl-5, #reportDateRangeControlInput, input.pl-5.period-date,
#reportDateRangeControlInput, #reportDateRangeControlInput,
#MALAPayPeriodTimesheetReportModal .align-group-flex-start input[type="text"].pl-5, 
#RampartPartitionsTimesheetReportModal .align-group-flex-start input.pl-5,
#AGMLLCCustomReportModal .align-group-flex-start input.pl-5,
#ScituateLightCaregiversLLCCustomReportModal .align-group-flex-start input.pl-5,
#AutoBoutiqueLLCReportModal .align-group-flex-start input.pl-5,
#clockTablePeriodPicker.pl-5,
input[data-type='start-date'].pl-5,
input[data-type='end-date'].pl-5 {
    padding-left: 35px !important;
}

#RampartPartitionsTimesheetTable .gh-table-head .gh-table-row,
#RampartPartitionsTimesheetTable .gh-table-body .gh-table-row {
    width: 100% !important;
}

#timesheet_punch_location_modal .fa-calendar-alt:before {
    margin-top: 0px !important;
    margin-left: -5px !important;
}

#time_off_balance_report_modal .fa-calendar-alt,
#timeOffAccrualReportModal .fa-calendar-alt {
    top: 46% !important;
}

#RampartPartitionsTimesheetReportModal .fa-calendar-alt,
#MALAPayPeriodTimesheetReportModal .fa-calendar-alt,
#AGMLLCCustomReportModal .fa-calendar-alt,
#ScituateLightCaregiversLLCCustomReportModal  .fa-calendar-alt,
#AutoBoutiqueLLCReportModal .fa-calendar-alt {
    top: 32% !important;
}

#clockByLocationReportTable > .gh-table-body > .gh-table-row > .gh-table-td:not(.detail-content),
#payroll-by-job-table > .gh-table-body > .gh-table-row > .gh-table-td:not(.detail-content),
#taSheetDetailReportTable > .gh-table-body > .gh-table-row > .gh-table-td:not(.detail-content) {
    display: flex;
    align-items: center;
    word-break: break-all;
}

#taClockHistoryTable .gh-table-td {
    display: inline-block;
}

#taClockHistoryTable .gh-table-td.align-group-flex-start {
    display: flex;
}

#search_employee_form .vega-chat-search {
    left: 15px !important;
    top: calc(50% - 8px) !important;
}

.vega-dropdown-nav-link:focus,
.dropdown-toggle.btn:not(.note-btn):not(:disabled):not(.disabled):not(.gh-topnav-user-menu):focus {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

.vega-dropdown-nav-link:active,
.dropdown-toggle.btn:not(.note-btn):not(:disabled):not(.disabled):not(.gh-topnav-user-menu):active {
    background-color: var(--v-bg-primary) !important;
    border: var(--v-border-input-field) !important;
}

.vega-dropdown-nav-link:hover,
.dropdown-toggle.btn:not(.note-btn):not(:disabled):not(.disabled):not(.gh-topnav-user-menu):not(.vega-timeout-bulk-actions-override):hover,
#employeesDropdownMenuButton:hover,
#taskPage .dropdown-toggle.vega-select-dropdown.dropdown-toggle.btn:hover {
    background-color: var(--v-bg-quaternary) !important;
}


.dropdown-toggle:not(.gh-topnav-user-menu, .vega-timeout-bulk-actions-override)::before {
    position: absolute !important;
    right: 8px !important;
    top: calc(50% - 8px) !important;
    content: "" !important;
    border-top: 8px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 6px solid transparent !important;
    z-index: 1 !important;
}

.dropdown-toggle::after {
    position: absolute !important;
    right: 10px !important;
    top: 38% !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-dropdown-nav-link,
.dropdown-toggle.nav-link {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.dropdown-toggle.nav-link .fa-chevron-down {
    color: var(--theme-color-desaturated-blue) !important;
}

.dropdown-toggle.nav-link::after {
    border-top-color: var(--theme-color-desaturated-blue) !important;
}

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

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

#variableScheduleSettingsTableContainer .dropdown-toggle:not(.gh-topnav-user-menu)::before {
    content: unset !important;
}

#variableScheduleSettingsTableContainer .dropdown-toggle:not(.gh-topnav-user-menu)::after {
    position: unset !important;
    margin-top: 8px !important;
}

#variableScheduleSettingsTableContainer .dropdown-toggle:not(:disabled):not(.disabled):not(.gh-topnav-user-menu):hover {
    border: unset !important;
    background-color: unset !important;
}

.gh-ba-container input.form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input),
.gh-ba-container input.lh-45-field {
    line-height: unset !important;
    height: 40px !important;
}

input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field )::placeholder, textarea::placeholder {
    font: var(--v-font-field-value) !important;
    color: var(--v-text-input-placeholder) !important;
    opacity: 1 !important;
}

#employee_email_for_register::placeholder {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400;
}

input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ):active,
textarea:active {
    text-decoration-line: none !important;
}

.css-1pcexqc-container span[aria-live="assertive"] + div[class$="-control"],
select.form-control:not(.disabled, :disabled, [readonly]):focus,
select.react-datepicker__month-select:focus-visible,
select.react-datepicker__year-select:focus-visible,
input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field, .error ):focus,
textarea:focus,
textarea.form-control:focus,
#chat_search_participants:focus { 
    outline: 0 !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

#signme-input:focus {
    box-shadow: unset !important;
}

#configRuleModalForm select:disabled,
input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ):disabled,
input[readonly]:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field, .schedule-number-input ),
select:disabled,
select:disabled:focus,
textarea[readonly] {
    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;
}

body input[type="radio"]:not(.jcrop-keymgr):checked:disabled:after,
body input[type="radio"]:disabled::after {
    background-color: #b0b4b5 !important;
}

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;
}

textarea[readonly]:focus {
    border: var(--v-border-input-field-disabled) !important;
    box-shadow: none !important;
} 

.form-control.rounded-0 {
    border-radius: var(--v-rounded-8) !important;
}

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

.custom-checkbox.gh-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;
}

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

.custom-checkbox.gh-checkbox input[type="checkbox"]:checked~label::before,
.gh-themed.sm input[type="checkbox"]:checked~label::before,
.gh-themed.sm input[type="radio"]:checked~label::before {
    background-color: var(--v-text-link) !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]),
.note-modal.link-dialog .modal-body input[type="checkbox"]  {
    position: relative !important;
    height: var(--v-size-16) !important;
    width: 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;
    margin-right: var(--v-size-8) !important;
}

input[type=checkbox]:disabled:not([data-toggle="toggle"], [class*=switch]), 
input[type=checkbox].disabled:not([data-toggle="toggle"], [class*=switch]) {
    cursor: not-allowed !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]) + .padding_left_5 {
    padding-left: 0 !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]) ~ .control_indicator {
    border: var(--v-border-input-field) !important;
    background-color: #fff !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):checked ~ .control_indicator {
    background-color: var(--v-text-link) !important;

}

.schedule-custom-checkbox input[type="checkbox"].custom-control-input {
    opacity: 1 !important;
    z-index: 0 !important;
    margin-bottom: 2px !important;
}

.schedule-custom-checkbox input[type="checkbox"].custom-control-input#shiftUpdateToEmployeeTimezone {
    margin-top: 3px !important;
}

.schedule-custom-checkbox input[type="checkbox"] ~ label.custom-control-label::before,
.schedule-custom-checkbox input[type="checkbox"] ~ label.custom-control-label::after {
    content: none !important;
}

/* .schedule-custom-checkbox input[type="checkbox"]:not(:checked)~label:before,
.schedule-custom-checkbox input[type="checkbox"]:checked~label:before {
    left: -24px !important;
    border-radius: var(--v-rounded-4) !important;
    border: var(--v-border-input-field) !important;
    width: var(--v-size-16) !important;
    height: var(--v-size-16) !important;
}

.schedule-custom-checkbox input[type="checkbox"]:checked~label:before {
    background-color: var(--v-text-link) !important;
}

.custom-checkbox .custom-control-label:after,
.custom-checkbox input[type="checkbox"].custom-control-input:checked~.custom-control-label::after {
    left: -24px !important;
    width: 16px !important;
    height: 16px !important;
    background-size: auto !important;
} */

#configRuleModalForm .gh-checkbox-kit input:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"])::before,
.note-modal.link-dialog .modal-body input[type="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 {
    padding-left: 26px !important;
}

.gh-checkbox-kit input[type=checkbox] {
    top: calc(50% - 8px) !important;
    position: absolute !important;
}

#employeeWithEmailTable #allEmployeeWithEmailCheckbox {
    top: 2px !important;
}

#ghAccountPermissionsList .gh-checkbox-kit input[type=checkbox] {
    top: 4px !important;
}

input#cbx_tos.vega-input-checkbox {
    display: inline-block !important;
}

input#cbx_tos.vega-input-checkbox + label span.fake-checkbox,
input#cbx_tos.vega-input-checkbox + label > span.fake-checkbox.uncheck,
input#cbx_tos.vega-input-checkbox:checked + label > span.fake-checkbox.checked {
    display: none !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):focus ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:focus::before,
#configRuleModalForm .gh-checkbox-kit input:focus-visible::before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):focus::before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):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;
    border: 1px solid #1362E2 !important;
}

#updatePayCodeForm .cursor-pointer.payroll-option-container .gh-checkbox-kit.cursor-pointer:hover input[type=checkbox]::before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):hover ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:hover:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):hover::before,
.note-modal.link-dialog .modal-body input[type="checkbox"]:hover::before {
    background-color: #fff !important;
    border: 1px solid var(--v-light-border-color-input-field-hover, #73A0BE) !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):active ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:active::before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):active::before,
.note-modal.link-dialog .modal-body input[type="checkbox"]:active::before {
    border: 1px solid var(--v-light-border-color-input-field-focus, #1362E2) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
}

#configRuleModalForm .gh-checkbox-kit input:checked:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):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-bg-action) !important;
    background-size: 10px !important;
    border: var(--v-border-input-field) !important;
}

#updatePayCodeForm .cursor-pointer.payroll-option-container .gh-checkbox-kit.cursor-pointer:hover input[type=checkbox]:checked:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):checked:hover ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:checked:hover:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):checked:hover::before,
.note-modal.link-dialog .modal-body input[type="checkbox"]:checked:hover::before {
    border: 1px solid var(--v-light-border-color-input-field-hover, #73A0BE) !important;
    background-color: var(--v-light-background-action-hover, #0470EC) !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):checked:active ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:checked:active::before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):checked:active::before,
.note-modal.link-dialog .modal-body input[type="checkbox"]:checked:active::before {
    border: 1px solid var(--v-light-border-color-input-field-focus, #1362E2) !important;
    background-color: var(--v-light-background-action-pressed, #1D41C3) !important;
}

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"])::after,
.note-modal.link-dialog .modal-body input[type="checkbox"]::after {
    display: none !important;
}

.gh-tree-dropdown-select .gh-checkbox-sm {
    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;
}

.gh-tree-dropdown-select .gh-checkbox-sm:not(input[type=checkbox]):checked {
    background-color: var(--v-bg-action) !important;
    background-position: center !important;
    background-size: var(--v-size-24) !important;
}

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

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

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

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

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

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

input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):disabled ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:disabled:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):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]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):disabled:checked ~ .control_indicator,
#configRuleModalForm .gh-checkbox-kit input:disabled:checked:before,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]):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;
}

#configRuleModalForm .gh-radio,
#configRuleModalForm .gh-radio:checked,
input[type="radio"]:not(.jcrop-keymgr) {
    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;
    margin-right: 6px !important;
}

#configRuleModalForm .gh-radio:focus,
#configRuleModalForm .gh-radio:checked:focus,
input[type="radio"]:not(.jcrop-keymgr):focus {
    outline-offset: 2px !important;
    outline: var(--v-border-secondary-btn) !important;
}

#configRuleModalForm .gh-radio:focus-visible,
#configRuleModalForm .gh-radio:checked:focus-visible,
input[type="radio"]:not(.jcrop-keymgr):focus-visible {
    outline: none !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

#configRuleModalForm .gh-radio:hover,
#configRuleModalForm .gh-radio:checked:hover,
input[type="radio"]:not(.jcrop-keymgr):hover {
    border: var(--v-border-input-field-hover) !important;
}

#configRuleModalForm .gh-radio:active,
#configRuleModalForm .gh-radio:checked:active,
input[type="radio"]:not(.jcrop-keymgr):active {
    border: var(--v-border-input-field-focus) !important;
}

.vega-dependents-sex input[type="radio"] {
    vertical-align: middle !important;
}

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

#configRuleModalForm .gh-radio:checked::after,
input[type="radio"]:not(.jcrop-keymgr):checked::after {
    background-color: var(--v-bg-action) !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;
}

#configRuleModalForm .gh-radio:checked:hover::after,
input[type="radio"]:not(.jcrop-keymgr):checked:hover::after {
    background-color: var(--v-bg-action-hover) !important;
}

#configRuleModalForm .gh-radio:checked:active::after,
input[type="radio"]:not(.jcrop-keymgr):checked:active::after {
    background-color: var(--v-bg-action-active) !important;
}

input[type="radio"]:not(.jcrop-keymgr).error,
input[type="radio"]:not(.jcrop-keymgr):invalid,
#configRuleModalForm .gh-radio.error,
#configRuleModalForm .gh-radio:invalid,
#form-wotc ul:has(input.error[type="checkbox"]) input:before {
    border: var(--v-border-input-field-danger) !important;
}

input[type="radio"]:not(.jcrop-keymgr).error:focus,
input[type="radio"]:not(.jcrop-keymgr):invalid:focus,
#configRuleModalForm .gh-radio.error:focus,
#configRuleModalForm .gh-radio:invalid:focus,
#form-wotc ul:has(input.error[type="checkbox"]) input:focus:before {
    outline-offset: 2px !important;
    outline: var(--v-border-secondary-danger-btn) !important;
}

input[type="radio"]:not(.jcrop-keymgr).error:hover,
input[type="radio"]:not(.jcrop-keymgr):invalid:hover,
#configRuleModalForm .gh-radio.error:hover,
#configRuleModalForm .gh-radio:invalid:hover,
#form-wotc ul:has(input.error[type="checkbox"]) input:hover:before {
    border: var(--v-border-input-field-danger-hover) !important;
}

input[type="radio"]:not(.jcrop-keymgr).error:active,
input[type="radio"]:not(.jcrop-keymgr):invalid:active,
#configRuleModalForm .gh-radio.error:active,
#configRuleModalForm .gh-radio:invalid:active,
#form-wotc ul:has(input.error[type="checkbox"]) input:active:before {
    border: var(--v-border-input-field-danger-focus) !important;
}

#configRuleModalForm .gh-radio:invalid:checked::after,
input[type="radio"]:not(.jcrop-keymgr):invalid:checked::after,
#configRuleModalForm .gh-radio.error:checked::after,
input[type="radio"]:not(.jcrop-keymgr).error:checked::after {
    background-color: var(--v-bg-danger) !important;
}

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

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

input[type="radio"]:not(.jcrop-keymgr):disabled:after,
#configRuleModalForm .gh-radio:disabled::after {
    background-color: var(--v-bg-disabled) !important;
}
#configRuleModalForm .gh-radio:disabled,
input[type="radio"]:not(.jcrop-keymgr):disabled {
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
    pointer-events: none !important;
}

.question-mc input[type="radio"],
.step .job_application_form_fields input[type="radio"],
input[type="radio"].sm {
    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;
}

.question-mc input[type="radio"]:checked::after,
.step .job_application_form_fields input[type="radio"]:checked::after,
input[type="radio"].sm:checked::after {
    left: 3px !important;
    top: 3px !important;
    width: var(--v-size-8) !important;
    height: var(--v-size-8) !important;
}

input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).error + label {
    display: block !important;
}

#ApprovalForm input[type="number"].error + label {
    display: inline !important;
    position: absolute !important;
    top: 40px !important;
}   

.vega-form-error-msg,
.invalid-feedback,
form span.error,
form label.error,
form .error_hint,
.form_elem.error .error_hint,
.form_elem.field_hint.error .error_hint,
#drop-field-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;
    margin-top: 0px !important;
}

#accountProfile span.error,
#accountUsername span.error,
#accountPassword span.error {
    display: block !important;
    margin-left: 26% !important;
}

#employeeAccountContainer span.error {
    margin-left: 15px !important;
}

.custom-field-file.vega-input.error {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
}

div.form-group .btn-toolbar + .error-container,
#configRuleModalForm label.time-error,
#configRuleModalForm .gh-tree-dropdown-select.error + label.errortext,
#configRuleModalForm label.error,
#configRuleModalForm .error-text,
#configRuleModalForm #additional-weekdays.error + .error-container.error,
form input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ) + label.error,
form input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ) + .error-message,
form select + label.error,
form select + .error-message,
#container-employee-i9 label.font_red,
.form_elem input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ) + label.error,
.form_elem select + label.error,
#esheet-inout-addline-modal .text-danger,
.variable-schedule-settings-table-weekday-item .employee-template-flex-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: 0px !important;
}

#federal_withholding_container .form_elem + div .font_12.font_italic,
#apply_eeo_race label > .font_12.font_grey,
.form_elem input + .hint,
.form_elem label ~ .hint {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-secondary) !important;
    padding: var(--v-size-8) 0 0 var(--v-size-8) !important;
}

input[type="file"].is-invalid,
.btn-group[name="repeatOnOptions"].invalid-feedback,
#configRuleModalForm input.time-picker.error,
#configRuleModalForm .gh-tree-dropdown-select.error label,
#configRuleModalForm .gh-tree-dropdown-select.errored,
.gh-tree-dropdown-select.errored,
form input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).error,
input.is-invalid:not([type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ),
form textarea.error,
.note-editor.error,
textarea.error,
.note-editable.error,
select.error + .select2 > .selection > .select2-selection,
.css-1pcexqc-container.select-invalid-error div[class$="-control"],
form .select2.select2-container .select2-selection.error,
form.error .select2.select2-container .select2-selection,
.form_elem.error .select2.select2-container .select2-selection,
.form_elem.error input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ),
.form_elem.error input[type="password"],
.form_elem.error table.mceLayout,
.form_elem.error textarea,
input.error[type="text"],
input.error[type="password"],
input.error[type="number"],
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]).error[type="checkbox"]::before,
.smb-enterprise-cross .form-control.error,
select.is-invalid.form-control,
select.form-control.error,
select.error,
#input_radius.warning,
input.field-error[type="text"],
.was-validated .form-control:not([type="radio"]):not([type="checkbox"]):invalid,
input.gh-error,
#duration_input.gh-error,
#schedule_duration_input.gh-error {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
    color: var(--v-text-secondary) !important;
}

input[type="file"].is-invalid {
    border: none !important;
}

.gh-tree-dropdown-select.tree-displayed.errored,
select.is-invalid.form-control:not(.disabled, :disabled, [readonly]):focus,
select.error.form-control:not(.disabled, :disabled, [readonly]):focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).is-invalid:focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).form-control.error[required]:focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).gh-has-error:focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).error:focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).error.form-control:focus,
input:not(:disabled, [readonly], [id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ).gh-error:focus,
input[type=checkbox]:not([data-toggle="toggle"], [class*=switch], [name="weekday"], [name="esheetInoutAddlineRepeatWeekday"]).error:focus::before,
textarea.error:focus,
textarea.error.form-control:focus,
#chat_search_participants.error:focus,
#div_add_new .form_elem.error input[type="text"]:not(:disabled, [readonly]):focus,
input.field-error[type="text"]:not(:disabled, [readonly]):focus,
form .select2.select2-container.select2-container--open .select2-selection.error,
#form-addteam #sel-role.error + label + span.select2.select2-container.select2-container--open span.select2-selection.select2-selection--single {
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
    border: var(--v-border-input-field-danger) !important;
}

label.gh-toggle-checkbox {
    height: var(--v-size-32) !important;
    width: 56px !important;
}

input[type=checkbox].switch,
input[type=checkbox].ent-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;
}

input[type=checkbox].switch::after,
body input[type=checkbox].ent-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;
}

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

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

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

.onoffswitch:hover .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-inner::after,
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:hover,
.gh-switch-inner:hover::after,
input[type=checkbox].switch:hover,
input[type=checkbox].ent-switch:hover,
.gh-toggle-checkbox input[type='checkbox']:hover::before {
    background: #6B747D !important;
}


.onoffswitch:hover .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner::before,
.gh-toggle-checkbox input[type='checkbox']:checked:hover::before,
.gh-switch-inner:hover::before,
input[type=checkbox].switch:checked:hover,
input[type=checkbox].ent-switch:checked:hover {
    background: var(--v-bg-action-hover) !important;
}

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

.onoffswitch-inner {
    transition: none !important;
}

.onoffswitch-inner::before {
    content: "" !important;
    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;
}

.onoffswitch-inner::after {
    content: '' !important;
    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;
}

.onoffswitch-switch {
    width: 24px !important;
    height: 24px !important;
    margin: 4px 6px !important;
    border-radius: var(--v-rounded-full) !important;
    border: none !important;
}

.onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {
    right: 34px !important;
}

.onoffswitch-label {
    border: unset !important;
}

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

.pagination {
    border: none !important;
}

.pagination li {
    width: 32px !important;
    height: 32px !important;
 }

.schedule-pagination-container .pagination .page-item a,
.pagination 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;
 }

 .pagination a:visited {
    color: var(--v-text-link) !important;
}
 
.pagination a:focus {
     box-shadow: none !important;
 }
 
.pagination .navigate-btn {
     border-radius: 50% !important;
 }
 
.pagination .navigate-btn:hover {
     background-color: var(--v-bg-action-tertiary-hover) !important;
 }

.container-fluid .schedule-pagination-container .pagination a.active,
.pagination li.active a {
     color: rgba(32, 54, 69, 1) !important;
     background-color: inherit !important;
 }
 
.pagination a:hover {
     text-decoration: underline !important;
     text-decoration-color: var(--v-text-link-hover) !important;
 } 

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

.pagination .page-item:first-of-type:not(.disabled):hover,
.pagination .page-item:last-of-type:not(.disabled):hover {
    background-color: rgba(4,4,28,.05) !important;
    border-radius: 9999px !important;
}

.pagination .page-item:first-of-type:not(.disabled):active,
.pagination .page-item:last-of-type:not(.disabled):active {
    background-color: rgba(4,4,28,.1) !important;
    border-radius: 9999px !important;
}

.pagination .page-item:first-of-type a,
.pagination .page-item:last-of-type a {
    padding: 0;
}

.pagination .page-item:first-of-type a::before,
.pagination .page-item:last-of-type a::before {
    width: 32px !important;
    height: 32px !important;
}

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

.pagination .page-item .page-link {
    line-height: unset !important;
}

.pagination .page-item .page-link:active {
    color: #203645 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

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

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

.count:not(.vega-counter),
.badge:not(.vega-counter, .vega-bg-color-action),
.ent-db-section-head-count {
    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;
}

#taEmployerDashboardContainer .badge, 
#taEmployerShiftNotificationsContainer .badge,
.vega-schedule-nav-tabs .badge:not(.vega-counter),
#variableScheduleSettingsHistoryModal .variable-schedule-settings-history-list .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;
    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;
}

#time_off_badge_container .badge {
    background:  var(--v-bg-action) !important;
    color: var(--v-text-inverted-primary) !important;
    font: var(--v-font-btn-label-sm) !important;
    padding: 4px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    margin-right: 0px !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;
}

.main-copyright-footer {
    left: 15px !important;
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-primary) !important;
    margin-bottom: 20px !important;
}

.main-copyright-footer a {
    color: var(--v-text-link) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.main-copyright-footer hr {
    margin: 24px 20px !important;
    border-top: var(--v-border-divider-secondary) !important;
}

.pronouns-checkbox {
    white-space: nowrap !important;
}

.gh-ba-container label.control-label {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.asterisk, .required-star, .invalid-feedback-error, .required-label {
    color: var(--v-text-error) !important;
    font-size: 14px !important;
    margin-left: 4px !important;
}

#ta-team-punch-modal span.no-fit-notice, #ta-team-punch-modal span.no-employees-notice {
    font-size: 14px;
}

#ta-team-punch-modal .required-star {
    font-size: 14px !important;
    vertical-align: top !important;
    margin-left: 4px !important;
}

.gh-table-pie .vega-default-link,
.gh-table .vega-default-link:not(.input-group-text),
.table .text-info,
.gh-table .text-info,
.gh-table-pie .text-info:not(.vega-text-primary) {
    font: var(--v-font-btn-label-sm) !important;
}

/* Approver Begin */

#configHolidayRuleTemplateModalBody select,
select.vega-select:not(.vega-timeoffEmployeeSelect-overrides, .vega-timeoffRepeatUnit-override, .form-control:disabled),
select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 13px) center/16px 16px !important;
    padding-right: 35px !important;
}

#configHolidayRuleTemplateModalBody select:disabled,
select:disabled {
    background: var(--v-bg-secondary) url(/v4/img/vega-select-disabled-arrow-down.svg) no-repeat scroll calc(100% - 13px) center/16px 16px !important;
    cursor: not-allowed !important;
}

#accessAndPermissionContainer .select2.select2-container .selection,
#import_form .select2.select2-container .selection,
#ApprovalForm .select2.select2-container .selection,
#report-form .select2.select2-container .selection {
    line-height: 100% !important;
}

.select2.select2-container.select2-container--default.select2-container--disabled .select2-selection:hover {
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection,
#ApprovalForm .select2.select2-container .select2-selection--multiple,
#report-form .select2.select2-container .select2-selection--multiple {
    padding: 0px var(--v-size-12) 0 var(--v-size-12) !important;
    min-height: 40px !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection,
#report-form .select2.select2-container .select2-selection--multiple {
    padding: 3px var(--v-size-12) !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection--single .select2-selection__clear,
#import_form .select2.select2-container .select2-selection--single .select2-selection__clear,
#ApprovalForm .select2.select2-container .select2-selection--single .select2-selection__clear,
#report-form .select2.select2-container .select2-selection--single .select2-selection__clear {
    display: none !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection__choice,
#import_form .select2.select2-container .select2-selection__choice,
#report-form .select2.select2-container .select2-selection__choice {
    padding: 3px var(--v-size-8) !important;
    height: 26px !important;
    margin-top: 3px !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection__choice,
#report-form .select2.select2-container .select2-selection__choice {
    margin-top: 0px !important;
}

#accessAndPermissionContainer .select2.select2-container .select2-selection__choice__remove,
#ApprovalForm .select2.select2-container .select2-selection__choice__remove,
#report-form .select2.select2-container .select2-selection__choice__remove {
     width: 8px !important;
     height: 8px !important;
}

#accessAndPermissionContainer .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message):before {
    margin-right: 8px !important;
}

#import_form .select2.select2-container .select2-selection {
    padding: 7px var(--v-size-12) !important;
    min-height: 38px !important;
}

#import_form .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message):before {
    margin-right: 8px !important;
}

#import_form .select2.select2-container .select2-selection__choice {
    margin-top: 0px !important;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-width: 30px !important;
}

#import_form .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 4px !important;
}

#import_form .select2.select2-container .select2-selection__choice__remove {
    width: 8px !important;
    height: 8px !important;
    top: 0 !important;
}

#accessAndPermissionContainer .form-check-label {
    font: var(--v-font-field-label) !important;
}

.list .gh-checkbox-kit + span {
    padding-left: 8px !important;
    font: var(--v-font-footnote1-short) !important;
}

#deleteBreakModal #warning-msg-container + div {
    font: var(--v-font-field-label) !important;
}

#deleteBreakModal .vega-modal-content {
    padding: var(--v-size-16) var(--v-size-32) var(--v-size-16) var(--v-size-32) !important;;
}

#gh-account-list-component .org-component-title {
    font: var(--v-font-h6) !important;
}

.org-table-container .gh-table th {
    font: var(--v-font-field-label-sm-em) !important;
}

.org-table-container .gh-table .table-condensed th {
    font-size: 16px !important;
    padding: 8px !important;
    text-align: center !important;
}

.vega-form-group {
    margin-bottom: 1rem !important;
}

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

#ta-approver-table-body.vega-table-tbody tr td.buttonGroup button {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
}

#ta-approver-table-body.vega-table-tbody tr td.buttonGroup button:focus {
    outline: 5px auto var(--v-bg-action) !important;
}

#ta-approver-table-body.vega-table-tbody tr td.buttonGroup button i.far {
    line-height: 22px !important;
}

#ta-approver-table-body.vega-table-tbody tr td.buttonGroup button i.far.fa-edit {
    margin-left: 2px !important;
}

#accessAndPermissionContainer .vega-form-group,
#TaApproverModal #TaApproverForm .select-container {
    min-width: 300px !important;
}

#TaApproverModal #TaApproverForm select {
    min-width: 268px !important;
}
/* Approver End */

.vega-field-label {
    font: var(--v-font-field-label) !important;
}

#web-clocks-form .gh-checkbox-kit > input, #new_device_form .gh-checkbox-kit > input, #addNewClockForm .gh-checkbox-kit > input {
    left: 0px !important;
}

#web-clocks-form .gh-checkbox-kit + div, #new_device_form .gh-checkbox-kit + div, #addNewClockForm .gh-checkbox-kit + div {
    margin-left: 4px !important;
    font: var(--v-font-footnote1-short) !important;
}

.vega-primary-tab-group li a, .vega-primary-tab-group > a {
    height: 40px !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .list > .job-option-container > .job-option {
    padding-left: 16px !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .job-option-container .job-option {
    border: none !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
    margin: 0 !important;
    padding-top: var(--v-size-8) !important;
    padding-bottom: var(--v-size-8) !important;
    padding-right: var(--v-size-16) !important;
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget, .note-dropdown-menu) .job-option-container .job-option.disabled {
    color: #999 !important;
    cursor: not-allowed !important;
}

.job-option:not(.disabled):hover, .gh-time-picker-wrapper li:hover, .gh-time-picker-wrapper li.selected {
    background-color: var(--v-bg-quaternary) !important;
    color: var(--v-text-primary) !important;
}

#zkt-setting-modal .row.loader-section i.fas.fa-circle-notch {
    background: url(/v4/img/vega-loader.svg) !important;
}

#zkt-setting-modal .row.loader-section i.fas.fa-circle-notch:before {
    color: transparent !important;
}

#web-clock-pin-component div.web-clock-toggle-section .gh_loader::before {
    left: calc(50% - 14px) !important;
    top: calc(50% - 28px) !important;
}

input:focus + .dropdown-menu {
    margin-top: 3px !important;
}

#taEmployeeDashboardCardContainer .dropdown-menu {
    padding: 0px !important;
    /*background-color: var(--v-bg-quaternary) !important;*/
    width: 100% !important;
    max-width: unset !important;
    overflow: hidden !important;
}

#taEmployeeDashboardCardContainer .dropdown-menu p,
#taEmployeeDashboardCardContainer .dropdown-menu li > label,
#taEmployeeDashboardCardContainer .dropdown-menu p.empty-hint {
    background-color: #fff !important;
    color: var(--v-text-primary) !important;
    min-height: 40px !important;
    font: var(--v-font-field-value) !important;
    border-width: 0;
    border-style: solid;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#taEmployeeDashboardCardContainer .dropdown-menu p.empty-hint {
    padding: 8px !important;
}

.custom-pay-days-preview-table::-webkit-scrollbar, .vega-group-search-input::-webkit-scrollbar {
    display: none;
}

.custom-pay-days-preview-table, .vega-group-search-input{
    scrollbar-width: none !important;
}

/* .jobDropDownView {
    scrollbar-color: lightgray transparent !important;
} */

#taEmployeeDashboardCardContainer #taskList .dropdown-menu li > label {
    padding: var(--v-size-8) var(--v-size-16) !important;
}

#taEmployeeDashboardCardContainer #groupList .dropdown-menu li > label {
    padding-top: var(--v-size-8) !important;
    padding-bottom: var(--v-size-8) !important;
}

#taEmployeeDashboardCardContainer .dropdown-menu p:hover,
#taEmployeeDashboardCardContainer .dropdown-menu li > label:not(.disabled):hover {
    background-color: var(--v-bg-quaternary) !important;
}

#taEmployeeDashboardCardContainer select {
    background-color: #fff !important;
}

#taEmployeeDashboardCardContainer select.error {
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
}

#taEmployeeTemplateAssignJobForm .job-search-result-container > i {
    opacity: 1;
}

#taEmployeeTemplateAssignJobForm .job-option.disabled, #taskList .job-option.disabled,
#taEmployeeDashboardCardContainer .dropdown-menu li > label.disabled {
    color: #999 !important;
    background-color: #fff !important;
}

#taEmployeeDashboardCardContainer .custom-field-file.vega-input {
    height: unset !important;
    min-height: 40px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.custom-field-file-item-content {
    margin-top: 3px !important;
}

#afterClockInHeader .ticker-content {
    margin-top: 10px !important;
}

#taEmployeeDashboardCardContainer .custom-field-item.custom-field-file-in-form {
    border: 0px !important;
    background-color: unset !important;
}

#taEmployeeDashboardCardContainer .job-search-result-container > i {
    margin-right: 10px !important;
}

#taEmployeeDashboardCardContainer .job-input-arrow-down {
    color: var(--v-borderColor-action) !important;
    right: 12px !important;
    font-size: 24px;
}

#taEmployeeDashboardForm .vega-border-transparent-2 {
    width: 100% !important;
}

#taEmployeeDashboardForm .card-container > div {
    background-color: var(--v-bg-primary) !important;
    border-radius: 12px !important;
    border: var(--v-border-input-field) !important;
}

#timesheets_container i.fa-edit,
#payrates_form i.fa-edit,
#time_off_form i.fa-edit,
#shift_schedules_form i.fa-edit {
    cursor: pointer;
}

.pin-code-num {
    background-color: #F7F7F7 !important;
}

#taEmployeeDashboardForm .vega-group-select-close.far.fa-times-circle::before {
    margin-right: -4px !important;
}

#dragable-file-modal .dragable-file-modal__area {
    text-align: center;
}

#delete-custom-file-notice .vega-modal-container,
#update-custom-file-notice .vega-modal-container {
    border-top-left-radius: var(--v-rounded-12) !important;
    border-top-right-radius: var(--v-rounded-12) !important;
}

#delete-custom-file-notice .vega-button.vega-primary-button:hover,
#update-custom-file-notice .vega-button.vega-primary-button:hover {
    background-color: var(--v-bg-danger-hover) !important;
    border-color: var(--v-bg-danger-hover) !important;
}

#delete-custom-file-notice .vega-button.vega-primary-button:focus {
    background-color: var(--v-bg-danger-focus) !important;
    box-shadow: var(--v-ring-action-danger-focus) !important;
}

#delete-custom-file-notice .vega-button.vega-primary-button:active,
update-custom-file-notice .vega-button.vega-primary-button:active {
    background-color: var(--v-bg-danger-active) !important;
    border-color: var(--v-bg-danger-active) !important;
    box-shadow: none !important;
}

#taEmployeeDashboardCardContainer.row #taEmployeeDashboardHeader:not(pt-0) {
    border-radius: 0 0 0 0 !important;
}

.gh-employee-pov #taEmployeeDashboardCardContainer.row #taEmployeeDashboardHeader:not(pt-0) {
    border-radius: 12px 12px 0 0 !important;
}

#taEmployeeDashboardHeader {
    background-color: var(--theme-color-desaturated-blue) !important;
}

.vega-override-holiday-preview-table-body .gh_loader::before  {
    margin-top: 220px !important
}

.vega-override-approval-select .select2-container .select2-selection--single {
    width: 100px !important;
}

.vega-chat-section {
    width: 52px !important;
    height: 52px !important;
    padding: 16px !important;
    background-color: #F0F3F7 !important;
    border-radius: 99px !important;
    cursor: pointer !important;
}

.vega-chat-section .chat-count-container {
    right: -4px;
    top: -4px !important;
    background-color: rgba(230, 50, 87, 1) !important;
    color: rgba(252, 252, 252, 1) !important;
    width:fit-content !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 4px !important;
    border-radius: 9999px !important;
}

.vega-chat-section i:before {
    content: '' !important;
    background: url('/v4/img/vega-icon-chat.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.vega-search-query-container-override span.select2-container span.select2-dropdown {
    margin-top: 0 !important;
}

.vega-timeout-sync-to-calendar-override {
    width: 175px !important;
}

.vega-inputComment-override {
    width: 670px !important;
}

/* Cacncle button & Delete button begin */
#deleteBreakModal .vega-button.vega-secondary-button:active,
#new_device_form .vega-button.vega-secondary-button:active,
#webClocksModal .vega-button.vega-secondary-button:active,
#zkt-setting-modal .vega-button.vega-secondary-button:active,
#zktClockModal .vega-button.vega-secondary-button:active,
#TaApproverModal .vega-button.vega-secondary-button:active {
    background-color: var(--v-bg-action-secondary-active) !important;
}

#TaApproverModal .w-300 {
    width: 300px !important;
}

#deleteBreakModal .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;
    border-color: var(--v-bg-danger-hover) !important;
}

#deleteBreakModal .vega-button.vega-danger-button:active {
    background-color: var(--v-bg-danger-active) !important;
    border-color: var(--v-bg-danger-active) !important;
    box-shadow: none !important;
}
/* Cacncle button & Delete button end */

.vega-time-off-support-settings-override {
    width: 245px !important;
}

#empty_approver_section {
    padding: 0px !important;
}

#ta_employee_timeoff_detail .vega-button.vega-secondary-button:hover,
#TimeoffUnsaveAlertMessageModal .vega-button.vega-secondary-button:hover,
#deleteBreakModal .mt-0.btn.gh-non-primary-btn.btn-block:hover,
#scheduleCalendarSyncModal .btn .gh-non-primary-btn {
    background-color: rgba(4, 112, 236, 0.1) !important;
}

#ta_employee_timeoff_detail #draft:hover {
    background-color: rgb(0,0,0,0) !important;
}

#file-delete .vega-button.vega-danger-button:hover,
#select-option-delete .vega-button.vega-danger-button:hover,
#text-number-delete .vega-button.vega-danger-button:hover,
#taDeleteCommentModal .btn.btn-danger.float-right.width_110.vega-button.vega-danger-button:hover,
#select-delete .vega-button.vega-danger-button:hover,
#deleteRuleModalContent .mt-0.btn.btn-danger.btn-block.vega-button.vega-danger-button:hover,
#delete-holiday-rule-button .mt-0.btn.btn-danger.btn-block.vega-button.vega-danger-button:hover,
#delete-pay-rule-button .mt-0.btn.btn-danger.btn-block.vega-button.vega-danger-button:hover {
    background-color: var(--v-bg-danger-hover) !important;
    border-color: var(--v-bg-danger-hover) !important;
}

#file-delete .vega-button.vega-danger-button:active,
#select-option-delete .vega-button.vega-danger-button:active,
#text-number-delete .vega-button.vega-danger-button:active,
#select-delete .vega-button.vega-danger-button:active {
    background-color: var(--v-bg-danger-active) !important;
    border-color: var(--v-bg-danger-active) !important;
    box-shadow: none !important;
}

#TimeoffUnsaveAlertMessageModal .btn.btn-danger.vega-button.vega-primary-button:active,
#deleteBreakModal .mt-0.btn.btn-danger.btn-block:active,
#unassign-alert-confirm-yes .btn.btn-danger.btn-block.vega-button.vega-primary-button:active,
#unassignTaskAlertModal .btn.btn-danger.btn-block.vega-button.vega-primary-button:active {
    background-color: rgb(189, 41, 71) !important;
}

#display_custom_job_code_switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
#timeoff-tab-settings .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
#timeoff-settings .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
#timeoff-update-modal-body .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 36px !important; 
}

#display_custom_job_code_switch .onoffswitch-switch,
#timeoff-tab-settings .onoffswitch-switch,
#timeoff-settings .onoffswitch-switch,
#timeoff-update-modal-body .onoffswitch-switch {
    top: 0px !important;
}

#upsert-shift-premium-policy-modal .gh-tree-dropdown-select > label > span.gh-selected-label,
#configRuleModalForm .gh-tree-dropdown-select > label > span.gh-selected-label,
.gh-ba-container .gh-tree-dropdown-select > label > span.gh-selected-label {
    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;
    height: 28px !important;
    margin: 0px !important;
}

.gh-ba-container .gh-tree-dropdown-select .fa-times:before {
    font-size: 7px !important;
}

#employeeComponent hr,
.audit-trail ul:first-child > li,
.profile.no-filter ul li:not(.vega-border-radius-4) > a {
    border-top: 1px solid #C7D9E5 !important;
}

#timeAttendanceSideBar a.border-bottom {
    border-bottom: 1px solid #C7D9E5 !important;
}

.vega-audit-trail ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: unset !important;
}

.vega-audit-trail ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.profile.no-filter ul li > a, #timeAttendanceSideBar a, .vega-audit-trail li a,
#sharedWithForm .multiselect-native-select > .btn-group > ul.multiselect-container > li > a > .checkbox {
    color: var(--v-text-primary) !important;
}

#table-fields #dropArea {
    border: 2px dashed #bd2947 !important;
}

.profile.no-filter ul li.selected > a, #timeAttendanceSideBar a.active, .vega-audit-trail li.selected a {
    color: var(--v-text-link) !important;
}

.vega-audit-trail li.selected ul li:not(.selected) a {
    color: var(--v-text-primary) !important;
}

.gh-tree-dropdown-select .gh-tree-dropdown,
.vega-tree-dropdown > div {
    top: calc(100% + 1px) !important;
}

#custom-fields-text-number-table-body td, #custom-fields-file-table-body td {
    font: var(--v-font-field-label) !important;
}

#custom-fields-text-number-table-body.vega-table-tbody tr:last-of-type td,
#custom-fields-file-table-body.vega-table-tbody tr:last-of-type td {
    border-radius: 0 !important;
}

#custom-fields-component .vega-table-tbody tr td button.btn_icon {
    width: 24px !important;
    height: 24px !important;
}

#custom-fields-component .vega-table-tbody tr td button.btn_icon:focus {
    outline: 5px auto var(--v-bg-action) !important;
}

#custom-fields-component .vega-table-tbody tr td button.btn_icon i.far {
    margin-left: -1px !important;
}

#custom_fields_form .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input) {
    height: 40px !important;
}

#custom_fields_form .select2 .select2-selection {
    height: 40px !important;
    min-height: 40px !important;
}

#custom_fields_form .file-url-item {
    text-align: center;
    line-height: 18px !important;
}

#custom-fields-component .badge {
    color: var(--v-text-black) !important;
    font: var(--v-font-field-label-sm-em) !important;
    border-radius: 9999px !important;
    min-width: unset !important;
    width: fit-content !important;
}

#custom-fields-component .badge-danger {
    background: var(--v-bg-status-error) !important;
}

#custom-fields-component .badge-success {
    background: var(--v-bg-status-success) !important;
}

.text-number-item.active {
    background: var(--v-bg-action) !important;
}

#custom-fields-component .loader::before,
#custom-fields-component .gh_loader::before,
#custom-fields-component .gh_pie_loader::before {
    left: calc(50% - 14px) !important;
    top: calc(50% - 28px) !important;
}

#custom-fields-modal .gh_loader::before {
    left: calc(50% - 14px) !important;
    top: calc(50% - 28px) !important;
}

#new_device_form_left .gh-checkbox-kit:not(.disabled-gh-checkbox-kit) .vega-input-checkbox {
    margin-top: -8px !important;
    margin-right: 8px !important;
    position: relative !important;
    visibility: visible !important;
}

#new_device_form_left .vega-input-checkbox:focus-visible {
    outline: none !important;
}

#new_device_form_left .disabled-gh-checkbox-kit .vega-input-checkbox {
    cursor: not-allowed !important;
}

#new_device_form_left input.vega-input-switch {
    height: var(--v-size-32) !important;
    visibility: visible !important;
    position: relative !important;
    top: 4px !important;
    left: 4px !important;
    background-color: rgba(107, 116, 125, 0.7) !important;
    border: none !important;
    border-radius: var(--v-rounded-full) !important;
    box-shadow: none !important;
    outline: none !important;
}

#new_device_form_left input.vega-input-switch::after {
    transform: none !important;
    display: block !important;
}

#new_device_form_left input.vega-input-switch:checked {
    background: var(--v-bg-action) !important;
    border-color: var(--v-bg-action) !important;
}

#new_device_form_left .gh-checkbox-kit {
    width: fit-content !important;
}

#custom_fields_form input[type="checkbox"].vega-input-switch {
    height: var(--v-size-32) !important;
    visibility: visible !important;
}

#custom_fields_form input[type="checkbox"].vega-input-switch::after {
    display: block !important;
}

#custom-fields-component #drop-down-tab-component #group-table-container thead tr th {
    border-bottom: unset !important;
}

#custom-fields-component #drop-down-tab-component #group-table-container td.buttonGroup.groupaction {
    column-gap: 4px !important;
}

#custom-fields-component #drop-down-tab-component #group-table-container tbody tr:first-child td {
    border-top: var(--v-border-divider-secondary) !important;
}

#custom-fields-modal #dropdown-option-container .drag-item-container {
    background-color: transparent !important;
}

#custom-fields-modal .drag-item-container:first-child .cf-option-container {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

#custom-fields-modal .drag-item-container:last-child .cf-option-container {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

#custom-fields-modal .drag-item-container .cf-option-container {
    background-color: var(--v-bg-secondary) !important;
}

#custom-fields-component .buttonGroup button[disabled],
#custom-fields-component .buttonGroup button[disabled] i.far {
    cursor: not-allowed !important;
}

#custom-fields-modal #custom_fields_form .file-notice {
    background-color: var(--v-bg-secondary) !important
}

#shift-edit-modal-footer-button-groups button:disabled,
#custom-fields-modal .modal-footer button.btn:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

#custom-fields-modal .modal-footer .vega-button.vega-primary-button:disabled:hover {
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
}

#custom-fields-modal .modal-footer .vega-button.vega-secondary-button:disabled:hover {
    border: var(--v-border-secondary-btn-disabled) !important;
    color: var(--v-text-disabled) !important;
    background-color: var(--v-bg-action-secondary) !important;
}

#drop-down-tab-component #group-table-container .table.vega-table {
    margin-bottom: 0 !important;
}

#drop-down-tab-component #group-table-container .table.vega-table thead tr {
    background-color: var(--v-bg-table-header) !important;
}

#drop-down-tab-component .select-component .card-header .group-title .vega-card-title {
    margin-bottom: 0 !important;
    align-items: flex-start !important;
}

#drop-down-tab-component .select-component .card-header .group-title .vega-card-title .field-name-container {
    word-break: break-word;
}

#drop-down-tab-component .select-component .card-header .fa-angle-up:before {
    line-height: 26px !important;
}

#drop-down-tab-component .select-component .group-card.vega-card .card-body {
    padding: 0 !important;
    padding-top: 8px !important;
}

#drop-down-tab-component #group-table-container .group-table-body .buttonGroup button {
    height: 20px !important;
    width: 20px !important;
}

#group-table-container button.vega-button:focus {
    outline: none !important;
}

#btnGroupDrop1 .dropdown-toggle::after {
    right: 1px !important;
}

#btnGroupDrop1 .vega-select-dropdown.dropdown-toggle.btn {
    padding:inherit !important
}

#laborField2TaskModal .datepicker table tr td.today {
    background: var(--v-bg-action) !important;
}

#tatimeoffpolicy-component .vega-time-off-support-settings-override {
    padding: 8px 24px 8px 8px !important;
}

.vega-icon-dropdown {
    background: url(/v4/img/vega-select-arrow-down.svg) no-repeat !important;
    background-size: 16px 24px !important;
    background-position: calc(100% - 13px) 66% !important;
}

.report-settings-checkbox-list li[draggable].select-multiple-for-drag {
    border-radius: 8px !important;
}

#search_employee_form .typeahead.dropdown-menu li {
    padding: 0px;
}

#configRuleModalForm #additional-settings-weekday-container #additional-weekdays + .error-container {
    margin-left: -15px !important;
}

.vega-schedule-setting-modal .modal-body .vega-border-radius-12 .form-group {
    margin-bottom: 0 !important;
}

/* schedule page */

.card .card-container .border-bottom:last-child,
#taEmployerShiftNotificationsSwappedShiftsContainer .card-container .border-bottom.card-item-container:last-child,
#taEmployerShiftNotificationsDroppedShiftsContainer .card-container .border-bottom.card-item-container:last-child,
#taEmployerShiftNotificationsClaimedShiftsContainer .card-container .border-bottom.card-item-container:last-child {
    border: none !important;
}

#scheduleTableTopButton #employeesFilterContainer > .col-12 {
    padding: 0 !important;
}

#scheduleTableTopButton #formTimeRange input.form-control {
    border-radius: unset !important;
}

#shiftTabForm #color-picker-input .input-group-prepend .input-group-text,
#taShiftTemplateForm .input-group-prepend .input-group-text {
    width: 37px !important;
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) 0 0 var(--v-rounded-8) !important;
}

#taShiftTemplateForm .input-group-prepend .input-group-text.vega-override-border-disabled {
    border: var(--v-border-input-field-disabled) !important;
}

#color-picker-input input,
#taShiftTemplateForm #formTaShiftColor {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

.gh-time-picker-container,
#ghTimePickerWrapper {
    overflow: hidden !important;
    box-shadow: var(--v-shadow-dropdown-menu) !important;
    border-radius: var(--v-rounded-8) !important;
    border: var(--v-border-input-field) !important;
    min-width: 120px !important;
}

#ghTimePickerWrapper .gh-time-picker-wrapper {
   border: none !important;
   box-shadow: none !important;
   width: 100% !important;
}

#ghTimePickerWrapper .gh-time-picker-wrapper .gh-time-picker-li {
    color: var(--v-text-primary) !important;
}

#start_end_time_section .gh-time-picker-container {
    width: 100% !important;
}

#scheduleTableTopButton #formTimeRange .gh-input-group-append-btn {
    border-radius: unset !important;
    padding: 7px !important;
    background-color: var(--v-bg-action-secondary) !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-input-field) !important;
}

#scheduleTableTopButton #formTimeRange .gh-input-group-append-btn:hover {
    color: var(--v-text-link-hover) !important;
    border: var(--v-border-secondary-btn-hover) !important;
    border-width: 1px !important;
    background-color: var(--v-bg-action-secondary-hover) !important;
}


#scheduleTableTopButton #formTimeRange .gh-input-group-append-btn:focus {
    border: var(--v-border-secondary-btn) !important;
    border-width: 1px !important;
}

#scheduleTableTopButton #formTimeRange .gh-input-group-append-btn:active {
    background-color: var(--v-bg-action-secondary-active) !important;
    border: var(--v-border-secondary-btn-active) !important;
    border-width: 1px !important;
    color: var(--v-text-link-active) !important;
}

.vega-override-schedule-table input[placeholder="Search"] {
    min-width: 96px !important;
}

.vega-override-schedule-table input[placeholder="Search"],
#schedule-display-duration-option button:first-child,
#scheduleTableTopButton #formTimeRange .input-group-prepend .gh-input-group-append-btn {
    border-radius: var(--v-rounded-8) 0 0 var(--v-rounded-8) !important;
}

.vega-override-schedule-table .sticky-th-first input[placeholder="Search"] + .btn.btn-info,
#schedule-display-duration-option button:last-child,
#scheduleTableTopButton #formTimeRange .input-group-append .gh-input-group-append-btn {
    border-radius: 0 var(--v-rounded-8) var(--v-rounded-8) 0 !important;
}

#schedule-display-duration-option button {
    border-radius: unset !important;
    height: 40px !important;
    border: var(--v-border-input-field) !important;
}

#continueUpdateTimeOffButton .btn.btn-info.vega-button.vega-primary-button:hover {
    background-color: rgba(4, 112, 236, 0.1) !important;
}

input[type=checkbox].vega-input-checkbox.vega-table-display-column-select::before {
    top: 2px !important;
}

#ChangeTableDisplayColumnSettingsModal input[type=checkbox].vega-input-checkbox.vega-table-display-column-select::before {
    top: 1px !important;
}

#custom-report-empty-template {
    background-color: #fff;
    border-radius: 12px !important;
}

.text-danger {
    color: #bd2947 !important;
    font-size: 14px;
}

.inout-custom-field-error-message {
    font-weight: 400 !important;
    margin-left: 8px !important;
    margin-top: 8px !important;
}

.text-danger-error-color.error,
.gh-ba-container .gh-termination-text {
    color: #bd2947 !important;
}

#addLocationModal .form-group label {
    font-weight: 400 !important;
}

#new_location_form_left label[for='primary_location'] {
    padding-left: 20px !important;
}

#new_location_form_left label[for='primary_location'] input {
    margin-left: -5px !important;
}

.vega-v4-page-navigation .vega-fa-chevron-right, .vega-v4-page-navigation .vega-fa-chevron-left {
    display: block !important;
}

#timeoff_balance_modal_chart text, #payroll-by-job-modal-chart text {
    font-size: 14px !important;
}

#AutoBoutiqueLLCReportTable > .gh-table-body > .gh-table-row.gh-table-row-total-row > .gh-table-td,
#ScituateLightCaregiversLLCCustomReportTable.gh-table-pie > .gh-table-body > .gh-table-row.gh-table-row-total-row > .gh-table-td {
    background: #fff !important;
}

#AutoBoutiqueLLCReportTable > .gh-table-body > .gh-table-row:hover > .gh-table-td,
#ScituateLightCaregiversLLCCustomReportTable.gh-table-pie > .gh-table-body > .gh-table-row:hover > .gh-table-td {
    background-color: #F1F8FB !important; 
}

#AssignNewTimeOffPolicyModal .select2-selection {
    height: 40px !important;
}

#assignSaveButton .vega-button.vega-primary-button:disabled {
    background-color: var(--v-bg-action) !important;
}

#benefitsSummary {
    background-color: transparent !important;
    padding-bottom: 0px !important;
}

#time_off_badge_container .dropdown-toggle::after {
    border-top: 0.3em solid !important;
}

#timeoffModifyReasonModal .modal-content.border-0.vega-modal-container {
    width: fit-content;
}

.row[data-changed="true"] .effective_date, .row[data-date-changed="true"] .effective_date, 
.variable-schedule-settings-table-weekday-item .time-range-field, 
.variable-schedule-settings-table-fields-container .text-field {
    border: var(--v-border-input-field) !important;
}

#timesheets_container .shadow-bottom, .gh-ba-container .gh-ba-bs-light, #pay_rules_and_rates_tab .shadow-bottom
#jobBasedPayRateModal .shadow-bottom, #pay_rules_and_rates_tab .shadow-bottom, #time_off_tab .shadow-bottom, #auditTrailTableComponent {
    border-radius: var(--v-rounded-12) !important;
}

#auditTrailTableComponent tbody td {
    font-size: 14px !important;
}

#taHolidayPolicyModal .gh_loader::before {
    margin: 225px 0 0 17px !important;
}

/* Begin Import */

#import_form #employee_template_cbx {
    margin-right: 6px !important;
}

#import_form a:visited {
    color: unset;
}

#import_form a.ta-back-to-import:hover .fas.fa-chevron-left {
    text-decoration: none !important;
}

#import_form #bulk_update_select_all {
    margin-right: 6px !important;
}

#import_form .mt-1.vega-margin-top-8 {
    font: var(--v-font-field-value) !important;
}

#import_form .vega-input, #ta-import-display-name {
    height: 40px !important;
}

#import_form #employee_template_btn_group .vega-switch-btn {
    border-radius: 0.25rem !important;
}

#import_form #employee_template_btn_group btn.import-btn-group.vega-switch-btn {
    margin-left: 0px !important;
}

#import_form #employee_template_btn_group .vega-switch-btn:hover {
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
    background-color: var(--v-bg-action-hover) !important;
}

#import_form #employee_template_btn_group .vega-switch-btn:active {
    background-color: var(--v-bg-action-active) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#import_form .vega-form span.error {
    font: var(--v-font-field-label) !important;
}

#import_container #option_group_container a:visited {
    color: unset !important;
}

#import_container #upload_file_container .file-upload span.vega-color-text-link {
    color: var(--v-text-link) !important;
}

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

.gh-employer-select #dataSource,
.gh-employer-select #templates,
#import_container .text-danger.error-message-container.review-message {
    font-size: 16px !important;
}

#import_form .select2-container--default .select2-selection--multiple .select2-search--inline input.select2-search__field {
    font: var(--v-font-field-value) !important;
    line-height: 20px !important;
}

/*.pagination .page-item.disabled .page-link {*/
/*    cursor: not-allowed !important;*/
/*    pointer-events: auto !important;*/
/*}*/

#taSheetTimeOffBankTable .vega-bank-time-error {
    height: 100%;
    display: flex;
    align-items: center;
}

.pagination .page-item.disabled .page-link::before {
    color: #6c757d !important;
    filter: grayscale(90%);
    opacity: 0.5;
}

#import_container #option_group_container .vega-secondary-button a {
    color: inherit !important;
}

#import_container #review_container .review-header-container.vega-color-text-success {
    color: #01801F!important;
}

#import_container #review_container .warning-message-container.vega-color-bg-warning {
    color: #203645 !important;
}

#import_history_log_table .vega-table-tbody tr[data-status="completed"] td:last-child {
    color: #01801F !important;
}

#import_history_log_table .vega-table-tbody tr[data-status="in_progress"] td:last-child {
    color: #203645 !important;
}

#import_upload_error_table #import_upload_error_table_body .vega-color-bg-warning {
    color: #203645 !important;
}

#import-file-container #ta-import-complete-container {
    color: #203645 !important;
    font-weight: 400;
}

#ta-import-no-data-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#ta-import-no-data-container .col-sm-12 > div {
    border: var(--v-border-divider-secondary) !important;
    border-top: none !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#import-file-container #import_form .progress-bar-container .progress {
    height: 16px !important;
    border-radius: 9999px;
}

#import-file-container #import_form .progress-bar-container .progress .progress-bar {
    border-radius: 9999px;
    background-image: none !important;
    content-visibility: auto !important;
}
.ta-employee-sheet-import-content-container .import-action-card div[style*="background: #F7F7F7"],
.ta-employee-sheet-import-content-container .import-action-card .tips,
.ta-employee-sheet-import-content-container .import-action-card .ta-employee-import-file-reupload-container .p-3,
.ta-employee-sheet-import-content-container #import-file-container #import_form #upload_file_container .bg-light-white {
    background-color: #f5f7f7 !important;
    padding: var(--v-size-24) !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-p2-short) !important;
    border-radius: var(--v-rounded-12) !important;
}

.ta-employee-sheet-import-content-container .file-upload,
#import-file-container #import_form .file-upload {
    padding: 24px !important;
    background-color: rgba(240, 243, 247, 1) !important;
    border: 1px dashed rgba(171, 198, 216, 1) !important;
    border-radius: var(--v-size-8) !important;
}

.ta-employee-sheet-import-content-container .file-upload > div.d-flex,
.ta-employee-sheet-import-content-container .file-upload > div.d-flex div[style*="border: 2px dashed"] { 
    padding: 0 !important;
    border: none !important;
}

#import-file-container #import_form .file-upload .file-upload-title {
    color: rgba(19, 98, 226, 1) !important;
    font: var(--v-font-btn-label) !important;
}

#import-file-container #import_form .file-upload:has(input.file.error) {
    background-color: rgba(240, 243, 247, 1) !important;
    border: 1px dashed rgba(230, 50, 87, 1) !important;
}

#modal-photo-uploader form:has(input.file:hover),
#import-file-container #import_form .file-upload:has(input.file:hover) {
    background-color: rgba(245, 247, 247, 1) !important;
    border: 1px dashed rgba(115, 160, 190, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file:hover) .file-upload-title {
    color: rgba(4, 112, 236, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file:hover) .file-upload-title .vega-file-upload-svg path {
    fill: rgba(4, 112, 236, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file.error):hover {
    border: 1px dashed rgba(255, 87, 114, 1) !important;
}

#modal-photo-uploader form:has(input.file:focus),
#import-file-container #import_form .file-upload:has(input:focus) {
    background-color: rgba(240, 243, 247, 1) !important;
    border: 1px dashed rgba(19, 98, 226, 1) !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

#import-file-container #import_form .file-upload:has(input.file.error:focus) {
    border: 1px dashed rgba(233, 71, 104, 1) !important;
    box-shadow: 0px 0px 0px 4px rgba(230, 50, 87, 0.25) !important;
}

#modal-photo-uploader form:has(input.file:active),
#import-file-container #import_form .file-upload:has(input.file:active) {
    background-color: rgba(245, 247, 247, 1) !important;
    border: 1px dashed rgba(29, 65, 195, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file:active) .file-upload-title {
    color: rgba(29, 65, 195, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file:active) .file-upload-title .vega-file-upload-svg path {
    fill: rgba(29, 65, 195, 1) !important;
}

#import-file-container #import_form .file-upload:has(input.file.error:active) {
    border: 1px dashed rgba(255, 87, 114, 1) !important;
}

#import_form #review_container .vega-color-text-success {
    color: #01801F !important;
}

#import_form #review_container .fa-exclamation-triangle:before {
    font-size: 14px !important;
}

#import_container .upload_file_info > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.main .vega-button.vega-secondary-button:disabled:hover {
    border: var(--v-border-secondary-btn-disabled) !important;
    color: var(--v-text-disabled) !important;
    background-color: var(--v-bg-action-secondary) !important;
}

.main .vega-button.vega-primary-button:disabled:hover {
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
}

.main button.btn.btn-info:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.main input[type='checkbox'].vega-input-checkbox:disabled::before {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

#import_action_card_container .import-action-card.vega-card .vega-card-title {
    color: rgba(32, 54, 69, 1);
}

#import_action_card_container .import-action-card.vega-card .vega-card-content {
    color: #000 !important;
}

#import_employee_profile_update_effective_date:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

#import-file-container #import_form .select2.select2-container--disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

#import_form #bulk_update_select_all:before {
    margin-top: -2px !important;
}

#import_form #toggle-tooltip.font_italic {
    font: var(--v-font-field-label-xs) !important;
}

#import_history_log_table.gh-table > thead > tr > th:not(:first-child), #import_history_log_table.gh-table > tbody > tr > td:not(:first-child) {
    min-width: 115px !important;
}

#import_action_card_container ._pendo-badge,
.main-content .container-fluid:has(#import_action_card_container) ._pendo-badge {
    vertical-align: middle !important;
    margin-top: -3px !important;
}

#import_action_card_container ._pendo-badge:focus,
.main-content .container-fluid:has(#import_action_card_container) ._pendo-badge:focus {
    outline: 2px solid var(--v-borderColor-input-field-focus) !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border-radius: 8px !important;
}

#import_history_log_table tr td button.btn-transparent.update .fa-edit::before {
    vertical-align: middle !important;
}

#import_history_log_table tr td button.btn-transparent.update,
#employee-sheet-bulk-table button.btn-transparent,
#taemployeesheets-component #print-ledger-table-body button.btn-transparent {
    padding: 4px !important;
}

#import_history_log_table tr td button.btn-transparent.update:focus,
#employee-sheet-bulk-table button.btn-transparent:focus,
#taemployeesheets-component #print-ledger-table-body button.btn-transparent:focus {
    outline: 2px solid var(--v-borderColor-input-field-focus) !important;
    border-radius: 2px !important;
    padding: 4px !important;
}

#import-file-container #import_form #upload_file_container:not(.vega-width-full):has(.upload_file_info.display-none) {
    width: fit-content !important;
}

#import-file-container #employee_template_btn_group ~ div.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;
}

#import_container #import-file-container.import-action-card div.disabled {
    cursor: auto !important;
}

#import_history_log_table_body td button.update {
    height: 26px !important;
    padding: 4px !important;
}
/* End Import */

#time_off_policy_table thead tr:first-child th:first-child {
    border-top-left-radius: 12px !important;
}

#time_off_policy_table thead tr:first-child th:last-child {
    border-top-right-radius: 12px !important;
}

#time_off_policy_table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px !important;
}

#time_off_policy_table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px !important;
}

.btn.btn-info.dropdown-toggle.vega-select-dropdown {
    padding: 8px 24px 8px 8px !important;
}

#employeeInputSearch.vega-input {
    width: 100% !important;
}

#timeoff-tab-rules .vega-select {
    padding-right: 40px !important;
    min-width: 165px !important;
}

#assign-holiday-section .vega-select-dropdown::after {
    border-top: 0px solid var(--v-text-link) !important;
}

#time_off_badge_container .dropdown-toggle.btn {
    padding-left: 8px !important;
    padding-top: 7px !important;
}

#timeoff-table .table tbody td,
#timeoff-table .gh-table tbody td {
    padding: var(--v-size-12) !important;
}

#drop-down-tab-component .vega-table {
    margin-bottom: 1px !important;
}

#search_bar_location + div button, 
#search-bar-tatimeoffpaygroup + div #add-new-tatimeoffpaygroup,
#groupCardListContainer #search_bar_group + div button {
    width: 100% !important;
}

.vega-lh-single.invalid-feedback {
    margin-top: -11px !important;
}

.set-face-id-component-sub-component {
    border-radius: 12px;
}

#tos-privacy-policy-partial .vega-zkt-buttons {
    display: flex;
    flex-flow: row-reverse !important;
}

#tos-privacy-policy-partial .vega-zkt-buttons div.mt-3 {
    margin-top: 0px !important;
    margin-right: 8px !important;
}

#tos-acknowledgement-partial .vega-signme-preview-done {
    display: flex;
    justify-content: end;
}

#tos-acknowledgement-partial .vega-signme-preview-done button.w-100 {
    width: inherit !important;
    margin-right: 15px !important;
}

.gh-table tr:hover {
    border-spacing: 0px !important;
}

#taEmployerDashboardTimesheetAndTimeOffCardContainer .border-bottom {
    border-bottom: unset !important;
}

.vega-time-off-policy-table[style*="display: flex"] + div .vega-table-border-radius_container {
    overflow: hidden !important;
}

#new_location_form #new_location_form_left + div #map .gm-style .gm-style-cc a, 
#taEmployerDashboardContainer .vega-dashboard-map .gm-style-cc a,
#timesheet_punch_modal_map .gm-style-cc a,
#clockTableMapViewContainer .gm-style-cc a,
.gm-style-cc a[href^="http"]:not([class*="btn"]) {
    font: unset !important;
    color: unset !important;
}

#new_location_form #new_location_form_left + div #map .gm-style .gm-style-cc a:hover,
#taEmployerDashboardContainer .vega-dashboard-map .gm-style-cc a:hover,
#timesheet_punch_modal_map .gm-style-cc a:hover,
#clockTableMapViewContainer .gm-style-cc a:hover,
.gm-style-cc a:hover {
    text-decoration: unset !important;
}

#policy-list-tbody button:focus,
#pay-code-list-tbody button:focus,
#taRuleTableBody button:focus,
#gh-account-table-body button:focus, #place_table_body button:focus,
#group-table-container button:focus, #tatimeoffpaygroup_table_body button:focus,
#taEmployeeTemplateTableBody button:focus,
#job-table-body button:focus,
#tatimeoffpolicy-table-body button:focus,
#time_off_table_body button:focus,
#sendEmailModalNav li a:focus-visible,
#company_top_nav li a:focus-visible,
#device_table_body button.btn_icon:focus,
#webClockTableBody button.btn_icon:focus,
#zkt-clock-table-body button.btn_icon:focus,
#timeoff-table button:focus,
#schedule-print-ledger-table-body button:focus,
#employeeProfilePage a.d-inline-block:focus-visible i,
#employeeContactPage a.d-inline-block:focus-visible i,
#employeeEmploymentPage a.d-inline-block:focus-visible i,
#employeeCompensationPage a.d-inline-block:focus-visible i,
#employeeContainer .gh-employee-header .nav-tabs li a:focus-visible,
#timeAttendanceSideBar a:focus-visible,
#gh-ep-audit-trail .vega-audit-trail ul li a:focus-visible,
#employeeContactPage .partner-group-emergency_contact a.d-inline-flex:focus-visible i,
#tashift-template-approval-table-body button:focus,
#taschedule-approval-table-body button:focus,
#break-table-body button:focus,
#job-table-body button:focus,
#timeoff-approval-table-body button:focus,
#timeOffLieuTableBody button:focus,
#taHolidayPolicy-table-body button:focus {
    outline: 5px auto var(--v-bg-action) !important;
}

#break-table-body button,
#job-table-body button,
#time_off_table_body button,
#timeoff-approval-table-body button,
#timeOffLieuTableBody button,
#taHolidayPolicy-table-body button {
    padding: 4px !important;
}

#taHolidayPolicy-table-container #taHolidayPolicy-table-body button {
    padding-right: 4px !important;
}

button.btn > a:focus-visible,
#employeeCompensationPage a.d-inline-block:focus-visible,
#employeeContactPage a.d-inline-block:focus-visible,
#employeeProfilePage a.d-inline-block:focus-visible,
#employeeEmploymentPage a.d-inline-block:focus-visible,
#gh-ep-profile ul li a:focus-visible,
#employeeContactPage .partner-group-emergency_contact a.d-inline-flex:focus-visible {
    outline: none !important;
}

#input_radius:focus-visible,
#gh-ep-profile ul li a:focus-visible,
#gh-ep-profile .profile li:first-child a:focus-visible {
    border: 2px solid var(--v-bg-action) !important;
}

#input_radius {
    width: 80px !important;
}

#addLocationModal #input_radius:focus-visible {
    border: 1px solid #1362E2 !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

#addLocationModal #radius_unit:focus-visible {
    outline: none !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

#group-table-container .group-table-body .buttonGroup button {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

#gh-account-table-body .buttonGroup button i.fa-spinner {
    font-size: 14px !important;
}

.css-1pcexqc-container div[class$="-menu"],
#esheet-modal .pending-clock-detail-container .table-header .gh-checkbox-kit,
#report-exception-modal .exception-name input,
#data-range-control-container .fa-calendar-alt,
.gh-checkbox-kit #select-all-permission-checkbox {
    margin-top: 2px !important;
}

#group-table .groupaction button {
    padding-right: 0px !important;
}

#zkt-config-component .select2-selection__rendered {
    padding-top: 0px !important;
    line-height: 22px !important;
}

#zkt-config-component .select2-selection.select2-selection--single,
#tableFieldsPanel,
#dropAreaWrapper {
    border: var(--v-border-input-field) !important;
}

#zkt-config-component .select2-container--focus .select2-selection, 
#zkt-config-component .select2-container--open .select2-selection {
    border: 1px solid #1362E2 !important; 
}

#employeeContactPage div.gh_loader:last-child, 
#employeeEmploymentPage div.gh_loader:last-child,
#employeeCompensationPage div.gh_loader:last-child,
#v-pills-time-off #time_off_form div.gh_loader:last-child {
    height: 101% !important;
}

#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody .table-row:not(:last-child) {
    bottom: unset !important;
}

#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody div.dropdown {
    width: 94% !important;
}

#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody div.table-row {
    min-height: 150px;
}

/** Employee **/
.vega-employee-jobs.error {
    margin-top: 10px !important;
}

#ta-clock-table-partial .vega-add-punch-btn {
    align-items: center !important;
}

#ta-clock-table-partial .vega-add-punch-btn .add-new-ta-clock a,
#ta-clock-table-partial .vega-add-punch-btn .vega-h6-font  {
    display: inline-block;
    height: 25px !important;
    line-height: 25px !important;
}

#ta-clock-table-partial .vega-add-punch-btn .add-new-ta-clock {
    margin-top: 2px;
}

#clockTableTableViewContainer .header-row div.bg-light:first-child {
    border-top-left-radius: 12px;
}

#clockTableTableViewContainer .header-row div.bg-light:last-child {
    border-top-right-radius: 12px;
}

#clockTableTableViewContainer .row-total-container {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#clockTableTableViewContainer .row-total-container {
    width: 100% !important;
} 

#clockTableTableViewContainer a.vega-font-size-12 {
    font-size: 12px !important;
}

#holidayListBody div.table-row {
    border-bottom: unset !important;
}

.position-relative #taClockTimezone {
    border-radius: 8px !important;
}

#holiday-pay-table-container {
    overflow: hidden !important;
}

#holiday-pay-table-container #holidayListBody {
    margin-bottom: 0px !important;
}

#holiday-pay-table-container #holidayListBody .dropdown .vega-select-dropdown {
    width: inherit !important;
}

#register-invalidjob .gh-container.vega-copyright-footer {
    left: unset !important;
}

@media (min-width: 1200px) {
    .enable-session-watcher .container.applyjob {
        max-width: 1200px;
    }
}

#job_application_container .answer {
    margin-left: -60px !important;
    width: calc(100% + 60px) !important;
}

body[data-career-theme="modern"] #job_application_container  .screening-video-float+div .answer {
    margin-left: -32px !important;
    width: calc(100% + 32px) !important;
}

#job_application_container .answer .video-player-container,
#job_application_container .answer .video-player-container *[width*="250"], 
#job_application_container .answer .video-player-container *[style*="250"], 
#job_application_container .answer .video-player-container .mejs__container, 
#job_application_container .answer .video-player-container .mejs__container video,
    #job_application_container .answer .video-player-container .mejs__container .mejs__layer {
    width: 100% !important;
}


.signme-preview.error, .error .signme-preview {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
}

body[data-career-theme="modern"] .modern-application-form-container #application-form-content .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.field_group .choicequestion_well,
.field_group .card-body {
    background-color: #fff !important;
}

#application-form-content #applicationForm .field_dropdown select.select2-hidden-accessible + label.error {
    position: relative;
    top: 44px;
}

#application-form-content #applicationForm .field_dropdown select.select2-hidden-accessible + label.error + span.select2 {
    top: -20px;
}

#application-form-content #applicationForm .choicequestion_well .option input.vega-radio-small {
    margin-bottom: 1px !important;
}

#application-form-content #applicationForm .choicequestion_well .option input.vega-input-checkbox {
    margin-bottom: 3px !important;
}

#div_application_tab_etails ul {
    padding-left: 14px !important;
}

.gh-header #ghLoginInfoDropdownWrapperButton img.gh_header_user_photo {
    border-radius: 50%;
}

form #paymentFormContainer fieldset table {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

#CandidateProfileButtonList a.btn.btn-info {
    font-size: 16px !important;
}

#modal-videoRecorder .modal-content.smb-enterprise-cross .vega-modal-footer i.fa {
    display: none !important;
}

.ob-employee-form input[type="checkbox"].gh-themed.sm {
    margin-bottom: 3px !important;
}

.form-control.vega-override-calculate-pay-rate-field {
    text-overflow: unset !important;
    width: 95px !important;
}

#taEmployeeTemplateAssignPiecesPayRatesModal .modal-content .modal-header .close {
    margin-top: 4px !important;
}

.variable-schedule-settings-table-fields-container .time-range-field input[type="text"] {
    padding: 0px !important;
}

.custom-pay-days-preview-table .custom-pay-days-item:not(:last-child) {
    border-bottom: var(--v-border-divider-secondary) !important;
}

.custom-pay-days-preview-table .custom-pay-days-item {
    background-color: #fff !important;
}

#ghAccountEditModal .modal-lg {
    min-width: 1000px !important;
}

.middle-header-item {
    color: #fff !important;
}

.left-header-item {
    margin-left: 0px !important;
    justify-content: center !important;
    padding-right: 13px !important;
}

#ghChatContactList .segment.active,
#employeeWithEmailTable .row .col-5 div,
#employeeWithoutEmailTable .row .col-5 div {
    color: var(--v-text-primary) !important;
}

#pronounsCheckBoxData input[type=checkbox] {
    border: none !important;
    width: 16px !important;
    height: 16px !important;
    background: unset !important;
    margin-top: -2px !important;
}

#payrates_table_body_job tr td:nth-child(4) {
    white-space: nowrap !important;
}

#tos-ack-signature #signature_img {
    min-width: unset !important;
}

#dependent-content {
    border: none !important;
}

#feature_container_5 input.margin_top_0,
#taEmployeeDashboardCardContainer .custom-field-container {
    margin-top: 0px !important;
}

#taClockModal .modal-dialog {
    max-width: 750px !important;
}

#report-exception-modal .modal-dialog {
    max-width: 60vw !important;
}

#taEmployeeSheetEmployeeViewListModal .modal-body {
    padding: 1rem !important;
}

#taEmployeeSheetEmployeeViewListModal .setting-icon {
    right: 28px !important;
    top: 14px !important;
}

#ta-clock-table-partial #nav-tab {
    border-bottom: none !important;
}

#taClockModal .custom-field-item.custom-field-file-in-form, #taDurationModalContent .custom-field-item.custom-field-file-in-form,
#esheet-inout-addline-modal .custom-field-item.custom-field-file-in-form {
    height: 0px !important;
}

#sheetPrintProgressModal .modal-body, #ChangeTableDisplayColumnSettingsModal .card-header {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

#taInoutWorkJob.error {
    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; 
}

#esheet-inout-addline-modal .dropdown-menu.jobDropDownView {
    max-width: 100% !important;
}

#weekly-threshold-list-container .vega-bg-trash img[alt="X"],
#daily-threshold-list-container .vega-bg-trash img[alt="X"],
#config-paycode-additional-container .vega-bg-trash img[alt="X"] {
    display: none;
}

#esheet-inout-table-body .vega-esheet-date-column {
    padding: 0px !important;
}

#esheet-inout-table-body tr[name='table-total-line'] td.bg-secondary,
#ta-duration-table-body .ta-duration-total-row td {
    background-color: #F5F7F7 !important;
    color: var(--v-text-primary) !important;
}

table.ta-duration-employee > thead > tr > th:last-child, table.ta-duration-employee > tbody > tr > td:last-child {
    background-color: #F1F8FB !important;
}

table.ta-duration-employee > tbody > tr:not(:last-child) > td:last-child:after {
    border-right: unset !important;
}

/* #time_off_badge_container a {
    flex-direction: row-reverse !important;
} */

#time_off_badge_container a .badge {
    margin-left: 8px !important;
}

#time_off_badge_container a:hover span.badge {
    color: #fff !important;
}

#timeoff-table thead tr th, #company-holidays thead tr th, .vega-administrator-tab thead tr th {
    border-bottom: unset !important;
}

.tatimeoffteambalance #timeoff-team-table-container {
    overflow: auto !important;
}

#show_filter_empty_state, #timeoff-table #timeoff-table-body tr td, #taholidays_table_body tr td, #gh-account-table-body tr td {
    border-top: var(--v-border-divider-secondary) !important;
}

.vega-administrator-tab .gh-table {
    border-collapse: collapse !important;
}

#tatimeoffpolicy-component .vega-secondary-tab-group {
    padding: 0px !important;
}

.daterangepicker .table-condensed, .daterangepicker .drp-calendar, .daterangepicker .calendar-table {
    background-color: rgba(252, 252, 252, 1) !important;
    border: none !important;
}

.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
    padding: 0px !important;
    padding-bottom: 32px !important;
}

#timeoff_employee_view_top {
    margin-top: 16px !important;
}

#ta-duration-table-partial table.ta-duration-employee {
    width: 100% !important;
}

body button:disabled i.far, a.disabled i.fa {
    color: #b0b4b5 !important;
}

/* Schedule **/

#bulkAssignModal input[type="radio"][name="selectBy"],
#bulkDeleteModal input[type="radio"][name="selectBy"],
#bulkUpdateModal input[type="radio"][name="selectBy"],
#bulkCopyPasteModal input[type="radio"][name="selectBy"] {
    margin-bottom: -2px !important;
}

.schedule-month-view-container>.tcell {
    height: 80px !important;
}

.schedule-month-view-container>.tcell .position-relative,
.schedule-month-view-container>.tcell .position-relative .tcell-item {
    height: 100% !important;
    box-sizing: border-box !important;
}

.schedule-table-container > .table-responsive > .table > .vega-override-schedule-table + tbody .tcell {
    width: calc(100% - 2px) !important;
}

.schedule-table-container > .table-responsive > .table > .vega-override-schedule-table + tbody .tcell[style*="width: 200%"] {
    width: calc(200% - 2px) !important;
}

.schedule-table-container .vega-override-schedule-table th.vega-schedule-day-view-th:last-child,
.schedule-table-container .vega-override-schedule-table th.vega-schedule-day-view-th th,
.schedule-table-container .day-view-root-table-body tr > td:last-child,
.schedule-table-container .day-view-root-table-body tr > td:last-child td {
    padding: 0 !important;
}

.vega-override-schedule-table th.vega-schedule-day-view-th:first-child {
    padding: 0 var(--v-size-12) !important;
}
.schedule-table-container .vega-override-schedule-table + .vega-schedule-month-view-tbody > tr > td,
.schedule-table-container .vega-override-schedule-table + tbody tr td:not(:first-child) {
    padding: 0 !important;
}

.schedule-table-container .vega-override-schedule-table + tbody .delete-icon-display {
    right: 3px !important;
 }

.schedule-table-container .vega-override-schedule-table + tbody .fa-trash-alt.delete-shift {
   font-size: 14px !important;
}

.schedule-table-container .vega-override-schedule-table + tbody .tcell-item[style*="background-color: rgb(235, 20, 76)"] .fa-trash-alt.delete-shift {
    color: white !important;
 }

.schedule-table-container .vega-override-schedule-table + tbody .open-shift-number-container.vega-message-count {
    line-height: 12px !important;
    padding: 2px 4px !important;
    font-size: 10px !important;
 }

.schedule-table-container .sticky-th-first input,
.schedule-table-container .sticky-th-first .btn {
    height: 40px !important;
}

#companyLogo .btn.btn-info.text-white.uploadbtn.d-block.vega-margin-bottom-4 {
    margin-bottom: 4px !important;
    margin-left: 4px !important;
}

#companyLogo .btn.btn-danger.deletebtn.ml-auto.bg-transparent.border-0 {
   margin-bottom: 4px !important;
   margin-right: 4px !important;
}

#policyTableBody .gh-table-body,
#employeeInputSearch .form-control.search-bar.vega-input
{
    width: 100%;
}

#addDeviceModal .gh_loader::before,
#deleteBreakModal .gh_loader::before,
#webClocksModal .gh_loader::before,
#zktClockModal .gh_loader::before {
    left: calc(50% - 14px) !important;
    top: calc(50% - 28px) !important;
}

.select2-results__option .select2-results__group {
    padding-left: 16px !important;
}

#configRuleModalForm div[name="additional-paycode"] .d-flex.gh-input-section {
    flex-wrap: wrap;
}

#configRuleModalForm div[name="additional-paycode"] label.error {
    order: 3;
}

#configRuleModalForm input[name="modeWeekRidio"].gh-radio,
#configRuleModalForm input[name="modeWeekRidio"].gh-radio:checked {
    margin-right: 4px !important;
}

#configRuleModalForm button.vega-icon-trash-alt {
    font-size: var(--v-size-16) !important;
    font-weight: 400 !important;
}

/* #configRuleModalForm .round-checkbox input[type="checkbox"]:checked + label {
    background-color: initial !important;
    color: initial !important;
} */

#employeeWithEmailTable .gh-checkbox-kit input:before {
    top: -1px !important;
}

#employeeWithEmailTable .bulk-email-table-body label.gh-checkbox-kit {
    padding-top:2px;
    padding-bottom: 2px;
}

.vega-close-modal-button-override {
    position: absolute;
    top: 30px;
    right: 20px;
}

/* Begin Time sheet settings */
#addSheetModal .sheet-conf-message-line span {
    line-height: 40px !important;
}

#addSheetModal .sheet-conf-message-line #new-sheet-name + span.text-danger {
    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;
}

#addSheetModal .sheet-conf-message-line #new-sheet-name + div.error {
    padding: 0 8px !important;
    font-weight: 400 !important;
}

#updateSheetModal .selection .select2-selection.select2-selection--single {
    height: 40px !important;
    min-width: 130px !important;
}

#updateSheetModal input:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input) {
    padding: 0 10px;
}

#updateSheetModal .sheet-conf-switch-line .onoffswitch {
    min-width: 70px !important;
    min-height: 32px !important;
    height: 32px !important;
}

#updateSheetModal .onoffswitch-switch {
    top: 0px !important;
}

#updateSheetModal .sheet-conf-switch-line .onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {
    right: 36px !important;
}

#updateSheetModal .sheet-conf-switch-line .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -2px !important;
}

#updateSheetModal th,
#periodPreviewTable th {
    font: var(--v-font-field-label-sm-em) !important;
}

#updateSheetModal .sheet-checkbox .checkmark {
    display: none;
}

#config-punch #punch-ip-other-lines .settings-ip-address-xdelete {
    top: 0px !important;
}

#period_form .gh-checkbox-kit input[type="checkbox"] {
    position: absolute !important;
}

#updateSheetModal #config-punch .config-rounding-punch div.error {
    padding: unset !important;
    top: unset !important;
    padding-left: 8px !important;
}

#updateSheetModal .sheet-conf-add-anchor .blue-circle {
    line-height: 14.5px !important;
    border-color: var(--v-text-link) !important;
}

#sheet-update-modal-body #ui-blocks .sheet-block-item-text {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding: 10px !important;
}

.popover-body .custom-field-container-component .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
}

body div.popover:has(.custom-field-container-component) .popover-header {
    margin-bottom: 0 !important;
}

#sheet-tab-blocks .select2.select2-container +.error,
#ta-team-punch-modal #ta-team-punch-table .table-select .select2.select2-container +.error {
    padding: 0 8px !important;
    line-height: 18px !important;
    margin-top: 2px !important;
}

#sheet-tab-blocks .select2.select2-container.error .selection .select2-selection,
#ta-team-punch-modal #ta-team-punch-table .table-select .select2.select2-container.error .selection .select2-selection {
    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;
}

#sheet-tab-blocks .select2.select2-container.error .selection .select2-selection:focus,
#ta-team-punch-modal #ta-team-punch-table .table-select .select2.select2-container.error .selection .select2-selection:focus {
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
}

#updateSheetModal #auto-submit-delay-after-due-date {
    text-overflow: clip !important;
}

#ApprovalForm .align-group.flex-column.flex-md-row:not(.vega-approval_step-overrides) {
    margin-bottom: 0 !important;
}

#inout-auto-breaks-configs input[type=number] + .error,
#punch-auto-breaks-content  input[type=number] + .error,
#punch-enforce-break-duration-content input[type=number] + .error,
#punch-enforce-maximum-break-duration-content  input[type=number] + .error {
    padding: 0 10px 0 0 !important;
}

#config-punch #punch-round-table-panel input[type=number] + .error,
#config-inout #inout-round-table-panel input[type=number] + .error {
    height: 18px !important;
}

#config-punch #punch-round-table-panel input[type=number] + .error span.text-danger,
#config-inout #inout-round-table-panel input[type=number] + .error span.text-danger {
    position: absolute;
    white-space: nowrap;
    line-height: 18px !important;
    margin-top: 2px !important;
}

.auto-expand-error-space:has(input.error) {
    margin-bottom: 10px !important;
}

#approvalPathModal #approval-limit-time-input-error {
    padding-bottom: 8px;
    padding-left: 8px !important;
}

#approvalPathModal .approval-limit-time-container:has(input.error) {
    padding-bottom: 8px !important;
}

body.modal-open:has(#tatimesheetperiod-component) {
    padding-right: 0 !important;
}

#sheet-tab-blocks .sheet-block-head {
    background-color: var(--v-bg-action-quaternary) !important;
}

#sheet-tab-blocks #hint-to-drop span.text-danger {
    color: var(--v-text-sidebar-link-hover) !important;
}

#sheet-partial-blocks .sheet-settings-ip-address-line .ip-address-xdelete-panel {
    padding-left: 0 !important;
}

#sheet-partial-blocks #config-punch #punch-ip-other-lines .settings-ip-address-xdelete {
    color: transparent;
    background: url(/v4/img/vega-modal-close-btn.svg) no-repeat center !important;
    content: "" !important;
}

#sheet-partial-blocks #punch-ip-first-line .sheet-settings-ip-address-line span:not(.text-danger) {
    font-weight: 500 !important;
}

#sheet-partial-blocks .sheet-conf-check-line span.text-danger {
    font-weight: 400 !important;
}

#ApprovalForm .align-group.flex-column.flex-md-row:has(input.error) {
    margin-bottom: 30px !important;
}

#timeSheetPeriodModal #fill_pay_period_bln_container {
    padding-left: 0px !important;
}

#approval_options #approval-limit-time-input + .error-container {
    padding-left: 8px !important;
}

#approvalPathModal .vega-modal-header button.close {
    min-width: 24px !important;
    min-height: 24px !important;
}

#approval-path-table-container #group-table th {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

#ApprovalForm .approval-path-condition {
    padding-right: 10px !important;
}

#ApprovalForm .delete-approval-condition-section-container {
    right: 0 !important;
}

#ApprovalForm .approval-condition-border:not(:last-child) {
    border-bottom: 1px solid #dee2e6 !important;
}

#updateSheetModal .fa.fa-trash-alt, #updateSheetModal .fas.fa-trash-alt, #updateSheetModal .far.fa-trash-alt {
    font-weight: 400 !important;
}

#ApprovalForm .approval-path-condition .position-relative input[type="number"].error + label.error {
    left: 8px !important;
}

#ApprovalForm .approval-path-condition .approval-method-option-container .position-relative input[type="number"].error + label.error {
    left: 4px !important;
}

.delete-approval-condition-section-container i.fas.fa-times {
    width: 16px;
    height: 16px;
    background: url(/v4/img/vega-modal-close-btn.svg) left !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}

.delete-approval-condition-section-container i.fas.fa-times::before {
    content: none !important;
}

#tasheets-component .vega-table-border-radius_container table .vega-table-header th {
    border-bottom: none !important;
}

#sheet-tab-settings .onoffswitch input.onoffswitch-checkbox,
#sheet-tab-blocks .onoffswitch input.onoffswitch-checkbox {
    display: none !important;
}

#addSheetModal .sheet-conf-message-line div:first-child {
    white-space: nowrap !important;
    padding: 0 !important;
}

#addSheetModal .modal-content {
    min-width: 450px !important;
}

#punch-auto-breaks-content .tasheet-break-card .vega-flex-align-center:has(div.error),
#punch-enforce-break-duration-configs .tasheet-break-card .vega-flex-align-center:has(div.error),
#punch-enforce-maximum-break-duration-configs .tasheet-break-card .vega-flex-align-center:has(div.error),
#inout-auto-breaks-content .tasheet-break-card .vega-flex-align-center:has(div.error) {
    margin-bottom: 22px !important;
}

#config-punch #punch-auto-breaks-configs input[type=number] + .error,
#config-punch #punch-enforce-break-duration-content input[type=number] + .error,
#config-punch #punch-enforce-maximum-break-duration-content input[type=number] + .error,
#inout-auto-breaks-content input[type=number] + .error {
    padding-left: 16px !important;
}

#config-punch #punch-auto-breaks-configs input[type=number] + .error span.text-danger,
#config-punch #punch-enforce-break-duration-content input[type=number] + .error span.text-danger,
#config-punch #punch-enforce-maximum-break-duration-content input[type=number] + .error span.text-danger,
#inout-auto-breaks-content input[type=number] + .error span.text-danger {
    position: absolute;
    white-space: nowrap;
}


#punch-auto-breaks-content #punch-auto-breaks-configs .select2.select2-container,
#punch-enforce-break-duration-content #punch-enforce-break-duration-configs .select2.select2-container,
#punch-enforce-maximum-break-duration-content #punch-enforce-maximum-break-duration-configs .select2.select2-container {
    min-width: 60px !important;
}

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

#updateSheetModal .sheet-checkbox input {
    visibility: visible !important;
}

#updateSheetModal a.sheet-conf-add-anchor {
    align-items: center !important;
    color: var(--v-text-link) !important;
}

#updateSheetModal #ui-blocks .sheet-block-item-bk {
    border-style: solid !important;
}

#config-punch .text-danger {
    font-weight: 400 !important;
}

#config-punch #punch-auto-breaks-configs .tasheet-break-card > div:first-child,
#config-punch #punch-enforce-break-duration-configs .tasheet-break-card > div:first-child,
#config-punch #punch-enforce-maximum-break-duration-configs .tasheet-break-card > div:first-child {
    max-width: 95% !important;
}

#config-punch .sheet-settings-ip-address-line {
    display: flex !important;
    justify-content: space-between !important;
}

#config-punch .sheet-settings-ip-address-line div:has(#addNewIPAddressButton) {
    padding: 0 !important;
    /*max-width: fit-content !important;*/
}

#config-punch #punch-enforce-break-duration-content + .sheet-conf-switch-line.immutable-break {
    padding-bottom: 15px !important;
}

#config-punch #punch-enforce-maximum-break-duration-content {
    padding-top: 0 !important;
}

#config-punch .link-text.add-new-field-btn {
    font-size: 14px !important;
}

#config-punch #continuous-track-distance {
    max-width: 200px;
}

#updateSheetModal #sheet-settings hr {
    margin-top: 15px !important;
}

#sheet-tab-blocks #sheet-partial-blocks .tasheet-break-card,
#sheet-tab-blocks #sheet-partial-blocks #enable-continuous-tracking-content,
#sheet-tab-blocks #sheet-partial-blocks #enable-continuous-tracking-content .sheet-conf-check-line,
#sheet-tab-blocks #sheet-partial-blocks #punch-restrict-ip-content,
#ApprovalForm .approval-method-approvers-tmpl,
#ApprovalForm .criteria-container .criteria-group-section {
    background-color: #F5F7F7 !important;
    border: none !important;
}

#ApprovalForm .criteria-container .criteria-group-section {
    padding: 0 8px 0 0 !important;
}

#ApprovalForm .criteria-container .criteria-group-section > div.flex-md-row {
    padding: 8px 8px 8px 0 !important;
}

#updateSheetModal .error .text-danger {
    font-weight: 400 !important;
}

#updateSheetModal #page-config .custom-fields-item select+.select2.select2-container,
#updateSheetModal #page-config .custom-field-item-container select+.select2.select2-container {
    width: fit-content !important;
}

#updateSheetModal #page-config .sheet-block-body {
    overflow-x: hidden !important;
}

#ApprovalForm .select2-selection__arrow {
    height: 40px !important;
}

#addSheetModal .modal-dialog > div.col-4 {
    min-width: 725px !important;
}

#addSheetModal .modal-footer.org-modal-footer {
    padding: var(--v-size-20) var(--v-size-32) !important;
}

#tasheets-component #tasheet-table-body td.tasheetaction button,
#tatimesheetperiod-component #tatimesheetperiod_table_body td.buttonGroup button,
#approval-path-table-container #approval-path-table-body td.buttonGroup button {
    padding: 4px !important;
}

#tasheets-component #tasheet-table-body td.tasheetaction button:focus,
#tatimesheetperiod-component #tatimesheetperiod_table_body td.buttonGroup button:focus,
#approval-path-table-container #approval-path-table-body td.buttonGroup button:focus {
    outline: 2px solid var(--v-borderColor-input-field-focus) !important;
    border-radius: 2px !important;
}

#tasheets-component #tasheet-table-body td:not(.tasheetaction),
#tatimesheetperiod-component #tatimesheetperiod_table_body td:not(.buttonGroup),
#approval-path-table-container #approval-path-table-body td:not(.buttonGroup) {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#timeSheetPeriodModal #period_form label + div:has(#inputDescription),
#approvalPathModal #ApprovalForm label + div:has(#descriptionInput) {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    overflow: hidden;
}

#timeSheetPeriodModal #period_form label + div:has(#inputDescription:focus),
#approvalPathModal #ApprovalForm label + div:has(#descriptionInput:focus) {
    outline: 0 !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

#timeSheetPeriodModal #period_form #inputDescription,
#approvalPathModal #ApprovalForm #descriptionInput {
    border: none !important;
}

#sheet-partial-blocks #page-config i {
    font-style: normal !important;
}

#ApprovalForm .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 4px !important;
}

#ApprovalForm .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 0 !important;
}
/* End Time sheet settings */

.map-content-container .gmnoprint.gm-style-cc a, .ta-time-off-report-card .gmnoprint.gm-style-cc a,
.main .ta-time-off-report-card .gm-style-cc a {
    font: unset !important;
    color: unset !important;
}

#taEmployerDashboardTaClockCardContainer .clock-nav-header {
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0px 0px !important;
}

#taEmployerDashboardTaClockCardContainer .list-body > .col-md-12 .card-header {
    background-color: transparent !important;
    box-shadow: unset !important;
    border-bottom: var(--v-border-input-field) !important;
}

#taEmployerDashboardContainer .border-bottom:not(:last-of-type) {
    border-bottom: var(--v-border-input-field) !important;
}

#taEmployerDashboardShiftCardContainer .border-bottom, 
#taEmployerDashboardTaClockCardContainer .list-group.list-group-flush .border-bottom {
    border-bottom: var(--v-border-input-field) !important;
}

#taEmployerDashboardTaClockCardContainer .taEmployerCardItem:last-of-type .list-group.list-group-flush .border-bottom:last-of-type,
#taEmployerDashboardShiftCardContainer .taEmployerCardItem:not(.hasMoreData) .list-group.list-group-flush .border-bottom:last-of-type {
    border-bottom: unset !important;
}

#taEmployerDashboardTaClockCardContainer .taEmployerCardItem:last-of-type .list-group.list-group-flush.remained .border-bottom:first-of-type {
    border-top: var(--v-border-input-field) !important;
}

#taEmployerDashboardContainer .font-weight-bold.text-black:not(.smaller-text),
#taEmployerDashboardContainer .vega-claimed-shifts {
    font: var(--v-font-btn-label-sm) !important;
    color: var(--v-text-primary) !important;
}

#taEmployerDashboardContainer .text-black.vega-card-time,
#taEmployerDashboardContainer .text-black.font-weight-bold.vega-card-time,
#taEmployerDashboardContainer .vega-claimed-shifts-duration,
#taEmployerDashboardContainer .pb-1.text-black.text-sm,
#taEmployerDashboardContainer .pb-1.text-black.multi-line-text {
    font: var(--v-font-field-value-sm) !important;
    color: var(--v-text-primary) !important;
}

#taEmployerDashboardContainer .pb-1.text-black.multi-line-text {
    padding-bottom: 0px !important;
}

#ta-team-punch-modal .modal-dialog {
    min-width: 1200px !important;
}

body .select2-dropdown.select2-dropdown--below {
    border-radius: 8px !important;
    border: var(--v-border-input-field) !important;
}

#ta-team-punch-footer .no-employees-notice, #ta-team-punch-footer .no-fit-notice {
    color: var(--v-text-error) !important;
    line-height: 40px !important;
}

.vega-dashboard-map {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    min-height: 50px !important;
    box-shadow: unset !important;
}

select.select2-hidden-accessible.error + span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
    border: var(--v-border-input-field-danger) !important;
}

#taEmployeeDashboardCardContainer .card-sub-item {
    padding: 0px !important;
    padding-bottom: 21px !important;
}

#taEmployeeDashboardCardContainer .fa-times {
    margin: 10px !important;
}

#submitButtonContainer .employee-terminated-detectable {
    margin-left: 0px !important;
}

.fixed-header-table #schedule-table tr > th:first-child:before, .fixed-header-table #schedule-table tr > td:first-child:before {
    border-left: var(--v-border-divider-secondary) !important;
}

#bulkDeleteModal .modal-body .bg-light,
#bulkUpdateModal .modal-body .bg-light,
#bulkCopyPasteModal .modal-body .bg-light,
#schedule-index-page > .gh_loader,
#taClockModalForFeed .gh_loader,
#taClockModalForBreak .gh_loader {
    border-radius: 12px !important;
}

#schedule-index-page .table-responsive, #description_input, #ghAccountPermissionsList {
    border-radius: var(--v-rounded-12) !important;
}

#ghAccountPermissionsList li input[type=checkbox]:disabled:before {
    border: unset !important;
}

#ghAccountPermissionsList .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0px !important;
    margin-left: 2px !important;
}

#select-all-permission-checkbox::before {
    top: -2px !important;
}

.gh-checkbox-kit input[type="checkbox"].disabled:not(.switch)::before,
.gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    cursor: not-allowed !important;
}

#schedule-table th, #schedule-table tbody td {
    border-right: var(--v-border-divider-secondary) !important;
}

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

#schedule-table .across-day {
    width: calc(200% + 1px);
}

#unavailabilityModal #form-delete-button {
    padding: 6px 11px !important;
}

#unavailabilityModal #form-delete-button i.fa-trash-alt {
    color: unset !important;
}

#error-msg-container .alert.alert-danger {
    margin-bottom: 8px !important;
}

#schedule-index-page .clearfix .dropdown-toggle::after {
    top: 42% !important;
}

#incoming_shift_request_container .card, #my_shift_requests_container .card {
    padding: 0px !important;
}

#incoming_shift_request_container .card-header:first-child, #my_shift_requests_container .card-header:first-child {
    border-radius: var(--v-rounded-12) var(--v-rounded-12) 0 0 !important;
}

.gh-calendar-bg > table > tbody > tr > td, #GhCalendarTable th {
    border-color: var(--v-bg-divider-secondary) !important;
}

#timeoff-form input[type=checkbox].vega-input-checkbox::before,
#timeoffRepeatContainer input[type=checkbox].vega-input-checkbox::before {
    top: -6px !important;
    left: -5px !important;
    opacity: 1 !important;
}

#timeoffRepeatContainer input[type=checkbox].vega-input-checkbox::before {
    background-position: 2px center !important;
}

#showAllButton {
    border: unset !important;
}

#break-form .overtime-cal-include.align-group-flex-start {
    width: 500px;
    bottom: 10px;
}

#form-library div.error input[type=text]{
    border-color: var(--v-text-error) !important;
}

#deleteTemplateModal .modal-dialog {
    max-width: 610px !important;
}

#taskList .empty-hint,
#groupList .empty-hint {
    margin-left: 10px;
    text-align: left !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
}

/* Begin PBJ Report */

#report-share-modal #share_with_multiple_selection-error {
    position: absolute;
    top: 20px;
}

#report-share-modal #share_with_multiple_selection-error:not([style*="display: none;"]) + .btn-group button.dropdown-toggle:not(.disabled) {
    border: var(--v-border-input-field-danger) !important;
}

#report-share-modal #share_with_multiple_selection-error:not([style*="display: none;"]) + .btn-group button.dropdown-toggle:not(.disabled):focus {
    box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
    border: var(--v-border-input-field-danger) !important;
}

#clockByLocationReportTable .align-group-space-between {
    justify-content: space-between !important;
}

div.gh-table-pie > .gh-table-body > .gh-table-row:not(.gh-table-customized-foot, .gh-table-row-total-row):hover > .gh-table-td {
   background-color: #F1F8FB !important; 
}

.far.fa-times-circle.close-icon::before {
    content: '' !important;
    background: url("/v4/img/vega-modal-close-btn.svg") center !important;
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
}

#report-table #report-table-body td a.btn {
    padding: 0.5rem !important;
}

#payroll-based-journal-create #report-table .gh-table-row {
    width: 100% !important;
}

#report-exception-modal #exceptions-list li .exception-name .exception-content,
#report-exception-modal #exceptions-list li .vega-default-link.vega-link-small {
    font: var(--v-font-field-label-sm) !important;
}

#report-exception-modal #exceptions-list {
    overflow-y: auto !important;
    border-radius: 0 !important;
    border: none !important;
}

#report-exception-modal #exceptions-list .list-group-item:first-child {
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit !important;
    border-top-color: transparent !important;
}

#report-exception-modal #exceptions-list .list-group-item {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

#report-exception-modal #exceptions-list .list-group-item:last-child {
    border-bottom-right-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
    border-bottom-color: transparent !important;
}

#ChangeTableDisplayColumnSettingsModal .gh-checkbox-kit input[type="checkbox"] {
    position: absolute !important;
}

#report-form .select2 .select2-selection--single {
    height: 40px !important;
    min-height: 40px !important;
}

#report-table .gh-table-th {
    font: var(--v-font-field-label-sm-em) !important;
}

#report-table .gh-table-td {
    font: var(--v-font-field-label-sm) !important;
}

#report-table .gh-table-foot .gh-table-row .gh-table-td {
    padding: var(--v-size-12) !important;
}

#taskModal .vega-select,
#new_location_form .vega-select,
#timeoffModal #timeoffRepeatUnit,
#taDurationModal .custom-field-item.vega-select {
    padding: inherit !important;
    padding-left: 12px !important;
    padding-right: 35px !important;
}

.vega-override-small-button,
#report-exception-modal .exception-fix-btn {
    height: unset !important;
    padding: 2px 8px 2px 8px !important;
    font: var(--v-font-field-label-sm) !important;
    overflow-wrap: unset !important;
}

@-moz-document url-prefix() {
    @media screen and (-ms-windows: 1) {
        #report-exception-modal .exception-fix-btn {
            padding-top: 0 !important;
        }
    }
}

#esheetPaySummarySvgContainer #esheetPaySummarySvg {
    width: 100% !important;
}

table.gh-table > tbody > tr:not(.total-tr, .heading-row):hover > td {
    background-color: #F1F8FB !important;
    border-spacing: 0px !important;

    &:has(.text-empty) {
        background: none !important;
    }
}

#esheet-inout-table-body > tr:hover > td {
    background-color: #F1F8FB !important;
}

#taskModal .job-code-code {
    padding-left: unset !important;
}

#taskModal .select2-results li.select2-results__option > div {
    width: 100% !important;
}

#payroll-based-journal-create #report-table .summary-foot.gh-table-foot .gh-table-td {
    padding: var(--v-size-12) !important;
}

#payroll-based-journal #report-table tr th,
#payroll-based-journal #report-table #report-table-body tr td {
    padding: var(--v-size-12) var(--v-size-20) !important;
}

#esheet-modal th:first-child,
#esheet-modal tr td:first-child,
#esheet-modal > thead > tr > th:first-child:before,
#esheet-modal table.ta-duration-employee > tbody > tr > td:first-child:before, table.ta-duration-employee > tbody > tr > td.stick-cell:before {
    border-left: unset !important;
}

#esheet-modal th:last-child,
#esheet-modal th td:last-child,
#esheet-modal table.ta-duration-employee > thead > tr > th:last-child:after,
#esheet-modal table.ta-duration-employee > tbody > tr:last-child > td:last-child:after {
    border-right: unset !important;
}

#esheet-modal .table tbody tr:last-child td {
    border-bottom: unset !important;
}

#esheet-modal #taSheetTimeOffBankForm select,
#esheet-modal #taSheetLevelFieldForm select {
    line-height: unset !important;
}

/* #taClockModal #taClockRepeatOption .btn-toolbar button.active {
    color: #fff !important;
} */

.vega-border-none, #caht_search_contact {
    border: none !important;
}

#esheet-modal #taDurationTableForm .custom-field-input.vega-select {
    line-height: unset !important;
}

#taSheetSubmitCommentModal .modal-dialog {
    max-width: 800px !important;
}

#taClockForm .vega-select {
    line-height: 40px !important;
    padding: 0 12px !important;
}

#taClockForm .custom-field-item.vega-select {
    padding: 0 35px 0 12px !important;
}

#taClockForm .radio-group-row > div {
    min-width: 90px !important;
}

#report-exception-modal .exception-name,
#report-exception-modal #exceptions-list li .exception-name + span {
    padding-top: 4px !important;
}

#ta-day-level-fields-table-partial .ta-duration-table-container .vega-select {
    line-height: 40px !important;
    padding: 0 35px 0 12px !important;
}

#report-exception-modal .exception-name .exception-content {
    padding-top: 1px !important;
}

.bulk-email-table-row div[name="employee_name"],
.bulk-email-table-row div[name="details"],
.bulk-email-table-row div[name="status"] {
    color: var(--v-text-primary) !important;
    font-size: 14px !important;
}

#taClockForFeedForm #taClockWorkJob {
    margin-bottom: 2px !important;
}

#zkt-config-component .select2-selection__arrow {
    height: 26px !important;
    top: 1px !important;
}

div.gh-table-pie::-webkit-scrollbar,
#taemployeesheet-table::-webkit-scrollbar,
#report-table::-webkit-scrollbar,
table::-webkit-scrollbar,
textarea:not(#shiftNotes textarea)::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
#group_ul::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar,
.jobDropDownView::-webkit-scrollbar,
.gh-table-pie::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border-radius: 12px;
}

div.gh-table-pie::-webkit-scrollbar-track,
#taemployeesheet-table::-webkit-scrollbar-track,
#report-table::-webkit-scrollbar-track,
table::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
#group_ul::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track,
.gh-table-pie::-webkit-scrollbar-track {
    width: 8px;
    border-radius: 12px;
    background-color: transparent;
}

.jobDropDownView::-webkit-scrollbar-track {
    width: 8px;
    border-radius: 12px;
    border-bottom-left-radius: 0px;
    background-color: white;
}

.vega-tree-dropdown-container .gh-tree-dropdown-select > label::-webkit-scrollbar {
    width: var(--v-size-8);
}

.vega-tree-dropdown-container .gh-tree-dropdown-select > label::-webkit-scrollbar-track {
    border-radius: 8px;
    background: transparent;
}

.vega-tree-dropdown-container .gh-tree-dropdown-select > label::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: var(--v-size-8);
}

div.gh-table-pie::-webkit-scrollbar-thumb:horizontal,
#taemployeesheet-table::-webkit-scrollbar-thumb:horizontal,
#report-table::-webkit-scrollbar-thumb:horizontal,
table::-webkit-scrollbar-thumb:horizontal,
.table-responsive::-webkit-scrollbar-thumb:horizontal,
.gh-table-pie::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px;
    height: 6px;
    background-color: lightgray;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.select2-results__options::-webkit-scrollbar-thumb:horizontal,
#group_ul::-webkit-scrollbar-thumb:horizontal,
textarea::-webkit-scrollbar-thumb:horizontal {
    width: 6px;
    min-height: 30px;
    background-color: lightgray;
    border-radius: 8px;
}

div.gh-table-pie::-webkit-scrollbar-thumb:vertical,
#taemployeesheet-table::-webkit-scrollbar-thumb:vertical,
#report-table::-webkit-scrollbar-thumb:vertical,
table::-webkit-scrollbar-thumb:vertical,
.table-responsive::-webkit-scrollbar-thumb:vertical,
.gh-table-pie::-webkit-scrollbar-thumb:vertical {
    width: 6px;
    min-height: 60px;
    background-color: lightgray;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.schedule-table-container.vega-org-table-container .table-responsive::-webkit-scrollbar-thumb:vertical {
    border-top-right-radius: 0 !important;
}

textarea::-webkit-scrollbar-thumb:vertical, 
#group_ul::-webkit-scrollbar-thumb:vertical,
.select2-results__options::-webkit-scrollbar-thumb:vertical,
.jobDropDownView::-webkit-scrollbar-thumb:vertical {
    width: 6px;
    min-height: 30px;
    background-color: lightgray;
    border-radius: 8px;
}

div.gh-table-pie::-webkit-scrollbar-track-piece,
#taemployeesheet-table::-webkit-scrollbar-track-piece,
#report-table::-webkit-scrollbar-track-piece,
table::-webkit-scrollbar-track-piece,
textarea::-webkit-scrollbar-track-piece,
.table-responsive::-webkit-scrollbar-track-piece,
#group_ul::-webkit-scrollbar-track-piece,
.select2-results__options::-webkit-scrollbar-track-piece,
.jobDropDownView::-webkit-scrollbar-track-piece,
.gh-table-pie::-webkit-scrollbar-track-piece {
    width: 8px;
    --webkit-border-radius: 12px;
    background-color: transparent;
}

div.gh-table-pie::-webkit-scrollbar-corner,
#taemployeesheet-table::-webkit-scrollbar-corner,
#report-table::-webkit-scrollbar-corner,
table::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner,
.table-responsive::-webkit-scrollbar-corner,
#group_ul::-webkit-scrollbar-corner, 
.select2-results__options::-webkit-scrollbar-corner,
.jobDropDownView::-webkit-scrollbar-corner,
.gh-table-pie::-webkit-scrollbar-corner {
    width: 2px;
    border-radius: 12px;
}

#report-table .gh-table-head .gh-table-th:last-child,
#AutoBoutiqueLLCReportTable .gh-table-head .gh-table-th:last-child {
    border-radius: 0 !important;
}

#taskModal .job-codes-header div.job-code-content {
    margin-left: 52px !important;
}

.vega-textarea-container, .vega-group-container {
    overflow: hidden !important;
    border-radius: 8px !important;
    border: var(--v-border-input-field) !important
}

.vega-group-container.error {
    border: unset !important;
    padding: 0px !important;
}

.vega-textarea-container textarea, .vega-textarea-container textarea:focus {
    border: none !important;
}

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

#shiftNotes .vega-textarea-container textarea {
    overflow: auto !important;
}

#locationAssignContainer .vega-group-container {
    margin-right: 15px !important;
}

#feature_container_5 input.margin_top_0,
.vega-location-list .location_list {
    margin-right: 0px !important;
}

.vega-group-ul, .vega-location-list {
    overflow: hidden !important;
}

.vega-group-ul.error,  .vega-location-list.error {
    border-color: var(--v-text-error) !important;
    border-radius: 8px;
    border: var(--v-border-input-field-danger) !important;
    padding: 0px;
}

#report-table .buttonGroup a.btn {
    border-radius: 6px !IMPORTANT;
}

#report-table .buttonGroup a.btn:focus {
    outline: 0 !important;
    border: 1px solid #1362E2 !important;
}

#payroll-based-journal-show .report-view-title,
#payroll-based-journal-create .report-create-title {
    color: var(--v-text-black) !important;
}

#report-exception-modal #exceptions-list a.exception-fix-btn {
    background-color: var(--v-bg-action-secondary) !important;
    color: var(--v-text-link) !important;
    border: var(--v-border-secondary-btn) !important;
    border-radius: var(--v-rounded-full) !important;
    margin-left: 2px !important;
}

#report-exception-modal #exceptions-list a.exception-fix-btn:hover {
    text-decoration: none !important;
    color: var(--v-text-link-hover) !important;
    border: var(--v-border-secondary-btn-hover) !important;
    background-color: var(--v-bg-action-secondary-hover) !important;
}

#report-exception-modal #exceptions-list a.exception-fix-btn: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;
}

#report-exception-modal #exceptions-list a.exception-fix-btn: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;
}

#report-exception-modal h5#exception-title + .check-ignore {
    border: 1px solid var(--v-bg-divider-secondary) !important;
    border-bottom: none !important;
}

#report-exception-modal h5#exception-title + .check-ignore #check-box-all {
    margin-left: 1px !important;
}

.gh-sort-content .gh-sort-item:hover {
    background: var(--v-bg-quaternary) !important;
}

#report-table-container .gh_loader,
#payroll-based-journal-create .gh_loader,
#taEmployeeSheetRecalculateModal .gh_loader {
    border-radius: var(--v-rounded-12) !important;
}

#report-exception-modal .modal-footer button.btn-info:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

#report-exception-modal .modal-footer button.btn-info:disabled:hover {
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
}

#taskModal .select2-selection__rendered .job-code-content {
    vertical-align: top !important;
}

#report-exception-modal .vega-table-border-radius_container .list-group-item {
    border-color: var(--v-bg-divider-secondary) !important;
}

#payroll-based-journal-create #report-form .select2.select2-container .select2-selection--multiple {
    padding: 0 !important;
}

#payroll-based-journal-create #report-form .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}

#payroll-based-journal-create #report-form .select2-container .select2-selection .select2-selection__rendered {
    gap: 4px !important;
    padding: 4px 6px !important;
}

#timeoffTimeContainer .bootstrap-datetimepicker-widget a[data-action] {
    padding-bottom: 16px !important;
    display: flex;
    justify-content: center;
}

#custom-field-form select.custom-field-item.vega-select,
#esheet-inout-table select.custom-field-input-item.vega-select {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#esheet-modal .dropdown-menu.groupDropDownView {
    overflow-y: auto !important;
}

#esheet-modal #clockTableMapPathViewContainer .far.fa-calendar-alt {
    top: calc(50% - 1.1rem / 2) !important;
    left: 12px !important;
}

.gh-ba-container #timeoffModal .form-group #timeoffAttachmentFile {
    min-height: 45px !important;
    height: auto !important;
}

.gh-ba-container #timeoffModal #timeoffRepeatOption .select2-selection__arrow {
    top: 0px !important;
    right: 9px !important;
}

.gh-ba-container #timeoffModal #timeoffRepeatOption .select2-selection__arrow b {
    top: 40% !important;
}

.container-fluid:has(#taskModal) ~ .select2-container {
    max-width: 470px !important;
}

#taClockModal #taClockForm label[for="taClockDate"] + .position-relative div:first-child {
    top: 18px !important;
}

#selectFilterButtonContainer input.item-checked.clock-table-filter-item.vega-input-checkbox {
    pointer-events: visible !important;
}

#esheet-modal #esheet-inout-table-body .custom-field-input-container .taInoutBreak.vega-select {
    line-height: 22px !important;
}

#esheet-inout-table #esheet-inout-table-body .custom-field-input-container .jobDropDownView + .job-search-result-container .leaf-path {
    line-height: 20px !important;
}

#taClockModal .job-search-result-container .leaf-path {
    line-height: 1.4rem !important;
}

#timesheetPunchDataTable .gh-table-td {
    display: flex;
    align-items: center;
}
/* End PBJ Report */

#custom_document_form textarea,#custom_document_form input, #custom_document_form select{
    line-height: 100% !important;
    border: 1px solid rgb(118, 118, 118)  !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: inherit !important;
    background: #fff !important;
    appearance: auto !important;
}
#custom_document_form input[type=checkbox]::before {
    box-shadow: 0 0 0 1.5px #2a2f46;
    border: 1px solid rgb(118, 118, 118)  !important;

}
#custom_document_form input[type=checkbox]:checked::before{
    box-shadow: 0 0 0 1.5px #2a2f46;
    border: 1px solid rgb(118, 118, 118)  !important;
    background-color: #ffffff !important;
    font-family: Helvetica-Bold;
    content: "X" !important;
}
.vega-dollar-text{
    font-family: monospace !important;
}
.vega-flex-center{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.onboarding-health-insurance .vega-flex-center span{
    width: auto !important;
}

@media (max-width: 1600px) {
    #pronouns_modal + div {
        margin-top: 30px !important;
    }

    #OtherValue-error {
        left: 0px !important;
    }

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

.employee-avatar-wrapper .upload-button i {
    font-size: 50px !important;
}

#timesheet_assign_job, #timesheet_assign_break {
    line-height: 33px !important;
}

.job-search-result-container {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    padding-left: 12px !important;
}

.job-search-result-container .leaf-path {
    font-size: 16px !important;
    height: 20px;
    font-weight: 400 !important;
    line-height: 20px !important;
}

#synchronize-employee-progress-modal .progress {
    border-radius: 9999px;
    background-color: rgba(229, 239, 255, 1);
}

#synchronize-employee-progress-modal .progress .progress-bar {
    border-radius: 9999px;
    background-color: rgba(153, 192, 255, 1);
}

#synchronize-employee-progress-modal .progress-bar-striped {
    background-image: unset !important;
    background-size: unset !important;
}

#synchronize-employee-progress-modal #warningUnable {
    font-weight: 400 !important;
    text-align: left;
    color: #203645;
}

#zkt_verification_method_container div.text-left label {
    margin-bottom: 0px !important;
}

#AutoBoutiqueLLCReportModalOption #ab-down,
#ScituateLightCaregiversLLCCustomReportModalOption #ab-down {
    top: 40px !important;
}

#modal-photo-uploader + .gh_dialog_bottom_bar,
#deleteTemplateModal .modal-footer,
#TimeoffUnsaveAlertMessageModal .modal-footer,
#claim_open_shift_modal .modal-footer .gh-ba-container {
    justify-content: right !important;
    flex-direction: unset !important;
}

#scheduleCalendarSyncModal .modal-footer button {
    margin-right: 12px !important;
}

.vega-terminate-pay-rate-multiplier-override {
    width: 232px !important;
}

select#sel_wish_deposit, select#sel_deposit_document{
    padding: .375rem .75rem;
}

#moreAssignJob.btn.btn-outline-primary.vega-button.vega-primary-button {
    color: var(--v-text-on-action) !important;
    border: 2px solid transparent !important;
}

#moreAssignJob.btn.btn-outline-primary.vega-button.vega-primary-button:hover {
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
    background-color: var(--v-bg-action-hover) !important;
}

#moreAssignJob.btn.btn-outline-primary.vega-button.vega-primary-button:active {
    background-color: var(--v-bg-action-active) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#taskModalContent .nav.nav-tabs, #sendEmailModalNav, #paySummaryCardNavContainer .nav.nav-tabs {
    padding-bottom: 0px !important;
}

/* #AssignMoreTasksearchQueryContainerExpandButton.search-query-container-expand-button.font-weight-bold.text-info.text-info-fis.vega-default-link {
    text-decoration: initial !important;
} */

label.gh-toggle-checkbox input[type=checkbox] {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #FFF !important;
    border: unset !important;
    box-shadow: unset !important;
    border-radius: 0.2rem !important;
    color: #000 !important;
    cursor: pointer !important;
}

label.gh-toggle-checkbox input[type=checkbox]::before {
    content: '' !important;
    color: #fff !important;
    font-weight: bold !important;
    width: 56px !important;
    transition: unset !important;
    background-color: rgba(107, 116, 125, 0.7) !important;
    position: absolute !important;
    height: 32px !important;
    transform: translateX(-9px) !important;
    top: -6px !important;
    z-index: 1 !important;
    cursor: pointer !important;
    text-align: right !important;
    padding-right: 8px !important;
    font-size: 13px !important;
    padding-top: 0px !important;
    border-radius: 32px !important;
    border: transparent !important;
    visibility: visible !important;
    left: 2px !important;
}

label.gh-toggle-checkbox input[type=checkbox]:checked::before {
    content: '' !important;
    background-color: var(--v-bg-action) !important;
    text-align: left !important;
    padding-left: 8px !important;
    top: -6px !important;
    height: 32px !important;
    background-image: unset !important;
    left: 2px !important;
}

label.gh-toggle-checkbox input[type=checkbox]::after {
    display: block !important;
    visibility: visible !important;
    content: '' !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    position: absolute !important;
    transition: all 0.4s !important;
    z-index: 2 !important;
    right: auto !important;
    left: -4px !important;
    top: -2px !important;
    background-color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

label.gh-toggle-checkbox input[type=checkbox]:checked::after {
    transform: translateX(26px) !important;
    right: auto !important;
}

div.input-icon-container {
    background-color: transparent !important;
}

.fa-dollar-sign::before {
    color: #6b747d !important;
}

#taEmployeeTemplateTableBody tr:last-of-type td:first-of-type,
#taEmployeeTemplateTableBody tr:last-of-type td:last-of-type,
#GhChatNewContactPage .gh_loader, #ghChatContactList .gh_loader, 
#GhChatRoomRenamePage .gh_loader, #ghChatSideContainer .gh_loader {
    border-radius: unset !important;
}

#taEmployeeTemplateTableBody tr:last-child td {
    border-bottom: unset !important;
}

.btn-default.vega-disabled-button,
#form-library .btn-default.vega-disabled-button{
    border: var(--v-border-secondary-btn-disabled) !important;
    color: var(--v-text-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
    cursor: not-allowed !important;
    color: var(--v-text-on-disabled) !important;
}

#adjustTimeoffLedgerModal .modal-header.org-modal-header {
    box-shadow: initial !important;
}

#taClockModalContent .select2-selection.select2-selection--single {
    padding-top: 0px !important;
}

.gh-tree-dropdown.border.bg-white {
    padding-top: 0 !important;
}

#taClockModalContent .dropdown-menu.jobDropDownView.vega-dropdown.vega-dropdown-container,
#taClockModalContent .dropdown-menu.groupDropDownView{
    width: 437px;
    overflow-y: auto !important;
}

#createGhAccountFieldsContainer .select2-selection.select2-selection--single {
    height: 40px !important;
}

#createGhAccountFieldsContainer .select2.select2-container .select2-selection {
    margin-right: 0px !important;
}

#ghAccountEditForm label.required::after, #ta-team-punch-modal #ta-team-punch-table .schedule-start {
    color: var(--v-text-error) !important;
}

#form-library div#handbook_signature.signme-preview.error,
.onboarding-health-insurance form div.signme-preview.error,
#div_state_tax div#signature_state.signme-preview.error,
#form-w4 div#signature_w4.signme-preview.error
{
    padding: 0 !important;
    text-align: center !important;

}
.vega-font-style-unset {
    font-style: unset !important;
}

#link_save_and_continue_fake:hover{
    background-color: var(--v-bg-action) !important;
    color: var(--v-text-on-action) !important;
    border: 2px solid transparent !important;;
}
#link_save_and_continue_fake{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
    pointer-events: none !important;
}

#link_save_and_continue, #link_save_library_form {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#modal-photo-uploader #avatar-box input[type=radio].jcrop-keymgr{
    display: none !important;
}

/* Begin Report */
#custom-report-table-body td a  i.fa-clone,
#custom-report-table-body td a  i.fa-clipboard,
#custom-report-table-body td a  i.fa-share-alt,
#timeoffBalanceReportTable.gh-table-pie .gh-table-row[has-child="1"] > .gh-table-td:first-child > i {
    color: var(--v-text-link) !important;
}

#custom-report-table-body td a  i.fa-clipboard::before {
   content: '';
   display: block;
   width: 20px;
   height: 20px;
   background: url(/pie/images/icons/vega-report-generate.svg) no-repeat !important; 
   position: relative;
   top: 3px;
}

.modal-dialog .gh-table-th {
    font: var(--v-font-field-label-sm-em) !important;
}

.modal-dialog .gh-table-td {
    font: var(--v-font-field-label-sm) !important;
}

#schedule-table div.text-info {
    color: var(--v-text-primary) !important;
}

#ta-report-timeoff-component .ta-time-off-report-card-title,
#payroll-report-component .ta-time-off-report-card-title,
.ta-time-off-report-card  .ta-time-off-report-card-title {
    color: #203645 !important;
}

.ta-time-off-report-card-title {
    line-height: 32px !important;
}

#ta-report-timeoff-component .view-more-option,
#payroll-report-component .view-more-option,
.ta-time-off-report-card .view-more-option {
    color: var(--v-text-link) !important;
    font: var(--v-font-field-label-sm-em) !important;
}

#taPunchByLocationReportsearchQuerySelections .search_filter_sets_container {
    margin: 0 !important;
}

#reportSaveForm select {
    background-color: #ffffff !important;
}

#templateSelection label:not(.error):not(#dropArea *) {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

#templateSelection #dropArea div.label {
    background-color: var(--v-bg-action) !important;
}

#report-delete-modal btn.btn-danger:focus {
    border-color: var(--v-bg-danger-focus) !important;
}

#sharedWithForm .btn-group {
    border: none !important;
}

#sharedWithForm .btn-group ul.multiselect-container.show {
    transform: translate3d(0px, 40px, 0px) !important;
}

#sharedWithForm .inputs-style.multi-input-tages {
    min-height: 40px !important;
    padding: 0 5px 0 5px !important;
    border-radius: var(--v-size-8) !important;
    border: var(--v-border-input-field) !important;
}

#report-template-add-modal label:not(.error) {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.search_filter_sets label:not(.gh-tree-dropdown-select *, .select2 *) {
    font: var(--v-font-field-label) !important;
    white-space: nowrap;
}
/* End Report */

/* Begin gh-tree-dropdown-select */

.gh-ba-container .gh-tree-dropdown-select .fa-times {
    margin-left: 0.6rem;
    margin-right: 0.2rem;
}

.gh-ba-container .gh-tree-dropdown-select .fa-times:before {
    font-size: 10px !important;
    margin-left: 5px;
}
/* End gh-tree-dropdown-select */

.vega-dollar-text-svg{
    content: '' !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;
    padding-right: var(--v-size-16) !important;
}

.input-group-text:has(.vega-dollar-text-svg) {
    padding: 0 5px !important;
}

#payroll_report_download_option .vega-select-dropdown {
    padding-right: 25px !important;
}

#add-break-container .dropdown-menu.w-100.vega-dropdown.vega-dropdown-container {
    top: -2px !important
}

#notification-edit-modal-form .select2-search__field {
    width: auto !important;
    color: var(--v-text-primary) !important;
}

.vega-input-notifications-override {
    width: 4em !important
}

#notification_timing_input {
    width: 5em !important;
}

/* 
#setup-paycodes-excluded .gh-tree-initialized > label > span.gh-selected-label  {
    line-height: 1.2em !important;
} */

#employeesSendEmailBulkModal .modal-dialog {
    max-width: 1000px !important;
}

#bulkUpdateModal.modal-dialog {
    margin-top: 120px !important;
}

#bulkSendEmailProgressBarModal .modal-dialog, #timeOffPolicyModal .modal-dialog {
    max-width: 680px !important;
}

#terminate-employee-modal .modal-dialog,  #piecesBasedPayRateModal .modal-dialog, #compensationPayTypeModal .modal-dialog,
#unassignCompletedTimeoffPolicyModal .modal-dialog {
    max-width: 650px !important;
}

#createEmployeeModal .modal-dialog {
    max-width: 1200px !important;
}

#shiftPremiumPolicyModal .modal-dialog {
    max-width: fit-content !important;
}

#jobBasedPayRateForm select.calculate-pay-rate-field {
    height: 40px !important;
    line-height: 40px !important;
}

#jobBasedPayRateForm .col-sm-4 label {
    line-height: 40px !important;
}

#defaultPayRateRadio + .company-employee-pay-rate-container {
    margin-bottom: 0px !important;
}

#updateSheetModal input.error:focus-visible {
    outline: none !important;
}

#place_table_body .fa-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;
}
#adjustTimeoff-form .far.fa-calendar-alt {
    top: 11px !important;
}

#timeoffBalanceContainer .vega-default-link {
    border-bottom: 0px solid !important;
}

.vega-taskAssignProgressBarModal-override {
    width: 760px !important;
    left: -145px !important;
}

#container-employee-i9 .vega-edit-button, #enrollmentsTable, #enrollmentActivityComponent,
#time_off_tab .bootstrap-datetimepicker-widget th.dow {
    background-color: unset !important;
}

#supporting_files a:not(.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;
}

#wotc_file_delete_modal div{
    color: #203645;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.vega-modal-container:has(#wotc_file_delete_modal){
    max-width: 500px !important;
}
.vega-modal-container:has(#wotc_file_delete_modal) .vega-modal-header{
    border-bottom: none !important;
    width: 710px !important;
}

#review_container .bg-light-white.align-group-space-between.pl-4.pr-3.pb-2 > div > div > div {
    max-width: 870px;
}

#timesheet_option_container_link .vega-select-dropdown,
#ta-clock-table-partial .vega-select-dropdown,
#timesheet_history_option .vega-select-dropdown {
    padding-right: 25px !important;
}

.vege-add-pay-code-model-override {
    width: 640px !important
}

/* Begin Team Timesheets */
#payRollDateRangeDropDown i.far.fa-calendar-alt {
    top: calc(50% - 9px) !important;
    left: 15px !important;
}

#timesheet_badge_container .btn.dropdown-toggle {
    background-color: #fff !important;
}

.dropdown-toggle.vega-select-dropdown.dropdown-toggle.btn {
    padding-right: 32px !important;
}

#clockTableTableViewContainer .timepicker-container .input-wrapper .position-relative div {
    top: 3px !important;
    line-height: 40px !important;
}

#clockTableTableViewContainer .timepicker-container .input-wrapper .fa-clock:before {
    font-size: 20px !important;
}

#clockTableTableViewContainer input.edit-time-input {
    padding-left: 36px !important;
}

#taemployeesheets-bulk-component #prefix-filter-field-group {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

#taemployeesheets-bulk-component #prefix-filter-field-group .gh-tree-dropdown-select {
    background-color: transparent !important;
    min-height: 40px !important;
    border: none !important;
}

#taemployeesheets-bulk-component #prefix-filter-field-group #bulk_punch_start_date,
#taemployeesheets-bulk-component #prefix-filter-field-group #bulk_punch_date {
    height: 40px !important;
    line-height: 40px !important;
}

#ta-team-punch-form .custom-field-file.vega-input {
    height: unset !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#ta-team-punch-form .custom-field-file.vega-input .custom-field-item.custom-field-file-in-form {
    border: none !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered {
    height: 100% !important;
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    text-align: left !important;
    background-color: #fff !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 3px !important;
    font: var(--v-font-field-value) !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered input.filter-field-input {
    border: none !important;
    height: 26px !important;
    width: calc(100% - 20px) !important;
    padding: 0 !important;
    margin: 0 !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered input.filter-field-input.selected {
    width: 5px !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered input.filter-field-input:active {
    border: none !important;
    box-shadow: none !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered li {
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    height: 26px !important;
    vertical-align: middle;
    line-height: 100% !important;
    padding: 3px var(--v-size-8) !important;
    background-color: var(--v-bg-primary) !important;
    border: var(--v-border-chip) !important;
    border-radius: var(--v-rounded-full) !important;
    font: var(--v-font-field-label-sm) !important;
    color: var(--v-text-primary) !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown-select ul.selection__rendered li:first-child {
    margin-top: 6px !important;
}

#taemployeesheets-bulk-component .selection__rendered .selection__choice .selection__choice__remove {
    line-height: 16px !important;
    color: #000 !important;
}

/* #taClockModal #taClockRepeatOn button {
    color: var(--v-bg-action-active) !important;
    margin-bottom: 12px !important;
}

#taClockModal #taClockRepeatOn button:hover {
    background: var(--v-bg-action-active) !important;
    color: #fff !important;
}

#taClockModal #taClockRepeatOn button.active {
    background: var(--v-bg-action-active) !important;
    color: #fff !important;
}

#taClockModal #taClockRepeatOn button:focus {
    box-shadow: var(--v-ring-action-focus) !important;
} */


#esheet-inout-table .timepicker-pair-line-container.inout-table-subline .timepicker-pair-panel .timepicker-container:first-child input:focus {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

#taClockModal .custom-field-file.vega-input {
    height: unset !important;
}

#taClockModal .custom-field-file.vega-input .custom-field-item.custom-field-file-in-form {
    border: none !important;
}

#taemployeesheets-component .gh_loader {
    bottom: -1px;
    left: -1px;
    right: -1px;
}

#taemployeesheets-component #print-ledger-table-body .gh_loader {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

#taemployeesheet-table #tdLoaderInTable .gh_loader {
    height: 42px !important;
}

#taemployeesheets-component .gh-table-pie .gh-table-head .gh-table-row .gh-table-th {
    font: var(--v-font-field-label-sm-em) !important;
    padding: var(--v-size-12) var(--v-size-20) !important;
}

#taemployeesheets-component .org-table-container .dropdown .dropdown-toggle:not(.disabled):hover {
    color: unset !important;
    background-color: var(--v-bg-quaternary) !important;
}

#taemployeesheets-component .org-table-container .dropdown .dropdown-toggle:not(.disabled):focus {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
    border: 1px solid #1362E2 !important;
}

#taEmployeeSheetImportTemplateOptionModal .gh_loader::before,
#taEmployeeSheetImportMatchFieldsModal .gh_loader::before {
    left: calc(50% - 14px) !important;
    top: calc(50% - 28px) !important;
}

.job-search-result-container > i {
    opacity: 1 !important;
    box-shadow: none !important;
}

#taEmployeeSheetImportMatchFieldsModal .job-search-result-container > i {
    margin-right: 10px !important;
}

#esheet-modal div.vega-modal-header.display-none + div.vega-modal-content {
    border-radius: var(--v-rounded-12) !important;
}

#taEmployeeSheetEmployeeViewHeader,
#taEmployeeSheetEmployeeViewHeader div.col-md-12 {
    padding-left: 0 !important;
}

#taEmployeeSheetEmployeeViewHeader .clearfix button.btn {
    margin-bottom: 8px !important;
    margin-top: 4px;
    margin-left: 4px;
}

#taDurationModal .modal-dialog {
    max-width: 650px;
}

#ta-duration-table-body .custom-field-file__action input,
.custom-field-file__action input {
    background-color: unset !important;
}

#taDurationModal .custom-field-file.vega-input,
#esheet-modal .custom-field-file.vega-input {
    height: unset !important;
}

#taDurationModal .custom-field-file.vega-input .custom-field-input.custom-field-file-in-form,
#esheet-modal .custom-field-file.vega-input .custom-field-input.custom-field-file-in-form {
    border: none !important;
}

#taDurationModal .custom-field-file.vega-input .custom-field-input.custom-field-file-in-form:focus,
#esheet-modal .custom-field-file.vega-input .custom-field-input.custom-field-file-in-form:focus {
    box-shadow: none !important;
}

#taDurationModal .dropdown-menu p.empty-hint {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 12px !important;
}

#taDurationModal #taDurationWorkJob.error {
    padding-left: 12px !important;
}

#taClockModal .dropdown-menu .job-option
#taDurationModal .dropdown-menu .job-option {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.job-option.disabled {
    color: #999 !important;
}

#taDurationModal .dropdown-menu:not(.bootstrap-datetimepicker-widget) {
    width: 100% !important;
    max-width: 100% !important;
}

#taemployeesheets-component .dropdown .dropdown-toggle {
    padding-top: 7px !important;
}

#taemployeesheet-table .gh-table-row .gh-table-th,
#taemployeesheet-table .gh-table-row .gh-table-td {
    padding: var(--v-size-12) var(--v-size-20) !important;
}

#taemployeesheet-table > .gh-table-body > .gh-table-row > .gh-table-td.gh-table-cell-period {
    max-width: 200px !important;
    width: 200px !important;
    flex-wrap: nowrap;
}

#esheet-inout-addline-modal .dropdown-menu.groupDropDownView,
#taDurationForm .dropdown-menu.groupDropDownView,
#taClockModalForFeed .dropdown-menu.groupDropDownView {
    width: 100% !important;
}

#taClockModal .dropdown-menu {
    max-width: 100% !important;
}

#esheet-modal .badge.badge-primary {
    background-color: #FFDC83 !important;
    color: #203645 !important;
}

#esheet-modal .badge.badge-info {
    background-color: #CDD1D3 !important;
    color: #203645 !important;
}

#esheet-modal .badge.badge-danger, #clockByLocationReportTable .badge.badge-danger, #v-pills-tabContent .badge.badge-danger,
#payroll-by-job-table .badge.badge-danger, #taSheetDetailReportTable .badge.badge-danger,
.gh-table-pie .badge.badge-danger {
    background-color: #FF6E8B !important;
    color: #203645 !important;
}

#esheet-modal .badge.badge-success {
    background-color: #A0E9A7 !important;
    color: #203645 !important;
}

#esheet-modal .badge.badge-secondary {
    background-color: #FF5772 !important;
    color: #203645 !important;
}

#clockByLocationReportTable .badge.badge-danger,
#payroll-by-job-table .badge.badge-danger,
#taSheetDetailReportTable .badge.badge-danger,
.gh-table-pie .badge.badge-danger {
    margin-top: -1px !important;
    margin-right: 0px !important;
    margin-left: 2px !important;
    min-width: 76px !important;
}

#policy-list-tbody .Enabled,
#taEmployeeTemplateTableBody .enabled {
    background-color: #A0E9A7 !important;
    color: #203645 !important;
    display: inline-block;
    border-radius: 99px;
    padding: 4px 10px !important;
    font-weight: 700 !important;
}

#job-table-body .badge.disabled-badge,
#policy-list-tbody .Disabled,
#taEmployeeTemplateTableBody .disabled {
    background-color: #FF6E8B !important;
    color: #203645 !important;
    display: inline-block;
    border-radius: 99px;
    width: auto !important;
    padding: 4px 10px !important;
    font-weight: 700 !important;
}

#taClockModal .radio-group-row .form-check .form-check-label {
    font: var(--v-font-field-value) !important;
}

#timeoffModal #timeoff-table .table:not(.vega-group-table) tbody td,
#timeoffModal .gh-table:not(.vega-group-table) thead th,
#timeoffModal .gh-table:not(.vega-group-table) tbody td,
#employee-sheet-bulk-table thead th,
#employee-sheet-bulk-table tbody td {
    padding: var(--v-size-12) var(--v-size-20) !important;
}


#esheet-inout-table #esheet-inout-table-body .vega-table-tbody td div.text-sm {
    border-radius: var(--v-rounded-8) !important;
}

#taSheetTimeOffBankForm .auto-apply-placeholder {
    width: 100% !important;
}

#ta-duration-table-body tr td:first-child label.error {
    font-size: 14px !important;
    padding-top: 0px !important;
    top: 65px !important;
}

#esheet-modal #ta-duration-table-body td {
    padding: 20px !important;
    padding-bottom: 23px !important;
}

table.ta-duration-employee > tbody > tr > td.stick-cell > div.custom-field-error {
    top: 63px;
    font-size: 14px;
}

#taDurationTableForm #ta-duration-table-body .vega-employee-jobs.error {
    margin-top: 0px !important;
}

#ta-duration-table-body tr td div.error {
    color: var(--v-text-error) !important;
    font-weight: 400 !important;
}

#taEmployeeDashboardCardContainer .vega-job-input-close.far.fa-times-circle::before {
    margin-right: -14px !important;
}

#taDayLevelFieldForm .custom-link-url a {
    font-size: 14px !important;
}

#taDayLevelFieldForm table {
   margin-bottom: 0px !important; 
}

#esheet-inout-addline-modal .dropdown-menu.groupDropDownView,
#esheet-inout-addline-modal .dropdown-menu.jobDropDownView {
    width: 100% !important;
    overflow: auto !important;
}

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

/* #esheet-inout-addline-repeat-weekday .round-checkbox {
    margin-left: 10px !important;
} */

/* #esheet-inout-addline-repeat-weekday .round-checkbox input {
    display: none !important;
} */

/* #esheet-inout-addline-repeat-weekday .round-checkbox > label {
    border-radius: 20px !important;
    min-width: 60px !important;
    background-color: rgb(244, 246, 249)!important;
    border: none !important;
}

#esheet-inout-addline-repeat-weekday .round-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--v-bg-action) !important;
} */

#esheet-inout-addline-modal #ghTimePickerWrapper {
    width: 100% !important;
}

#esheet-inout-addline-modal .select2-selection__rendered {
    padding-top: 0px !important;
    line-height: unset !important;
}

#esheet-inout-addline-modal .select2-selection.select2-selection--single {
    border: var(--v-border-input-field) !important;
    border-radius: var(--v-rounded-8) !important;
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    height: 40px !important;
}

#esheet-inout-addline-modal .select2-container--open .select2-selection.select2-selection--single {
    border: 1px solid #1362E2 !important;
}

#esheet-inout-addline-modal .select2-selection__arrow {
    height: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    right: 6px !important;
    margin-top: 0 !important;
}

#esheet-inout-addline-modal #taInoutWorkJob + .dropdown-menu + .job-search-result-container + i {
    display: none !important;
}

#esheet-inout-addline-modal .round-radio input[type="radio"] + label::before,
#esheet-inout-addline-modal .round-radio input[type="radio"] + label::after {
    display: none !important;
}

#esheet-inout-addline-modal .round-radio input[type="radio"] {
    visibility: visible !important;
}

#esheet-modal .timepicker-pair-container {
    height: 40px !important;
}

#esheet-modal .timepicker-pair-container .timepicker-pair-tag.work {
    background-color: var(--v-bg-status-success) !important;
    border-top-left-radius: var(--v-rounded-8) !important;
    border-bottom-left-radius: var(--v-rounded-8) !important;
}

#esheet-modal .timepicker-pair-container .timepicker-pair-tag.rest {
    background-color: var(--v-bg-accent3-primary) !important;
    border-top-left-radius: var(--v-rounded-8) !important;
    border-bottom-left-radius: var(--v-rounded-8) !important;
}

#esheet-modal .timepicker-pair-container .timepicker-pair-panel {
    border: var(--v-border-input-field) !important;
    border-top-right-radius: var(--v-rounded-8) !important;
    border-bottom-right-radius: var(--v-rounded-8) !important;
}

#esheet-inout-table-body .timepicker.timepicker-start:has(.timepicker-pair-panel) {
    border-top-left-radius: var(--v-rounded-8) !important;
    border-bottom-left-radius: var(--v-rounded-8) !important;
}

#esheet-modal .timepicker-pair-container .timepicker-pair-panel input {
    background-color: transparent !important;
    height: 38px !important;
}

#esheet-modal .timepicker-pair-line-container .none-border {
    border: none !important;
}

#esheet-modal .timepicker-pair-line-container .none-border:focus {
    border: 1px solid #1362E2 !important;
}

#esheet-modal .timepicker-pair-line-container .none-outline {
    outline: none !important;
}

#esheet-modal .table:not(.vega-group-table) thead th,
#esheet-modal .table:not(.vega-group-table) tbody td,
#esheet-modal .gh-table:not(.vega-group-table) thead td,
#esheet-modal .gh-table:not(.vega-group-table) tbody td {
    padding: var(--v-size-12) var(--v-size-20) !important;
}

#esheet-inout-table .gh-table:not(.vega-group-table) .timepicker .table-condensed td {
    padding: 0px !important;
    text-align: center !important;
}

#esheet-modal .custom-field-item.custom-field-file-in-form {
    border: 0px !important;
    background-color: unset !important;
}

body .custom-field-file__action .input-group-text {
    color: var(--v-text-link) !important;
}

body .custom-field-file__action svg path {
    fill: currentColor;
}

#taEmployeeSheetImportTemplateOptionModal .modal-footer {
    justify-content: flex-end !important;
    flex-direction: unset !important;
}

#taEmployeeSheetImportMatchFieldsModal .dropdown-menu.groupDropDownView,
#taEmployeeSheetImportMatchFieldsModal .dropdown-menu.jobDropDownView {
    width: 100% !important;
    max-width: unset !important;
    overflow: auto !important;
}

#taEmployeeSheetImportMatchFieldsModal .dropdown-menu.groupDropDownView + .job-search-result-container + i,
#taEmployeeSheetImportMatchFieldsModal .dropdown-menu.jobDropDownView + .job-search-result-container + i {
    display: none !important;
}

#esheet-modal #esheet-inout-table-body .custom-field-file .input-group .custom-field-file-in-form {
    height: 0 !important;
    visibility: hidden !important;
}

#TaPayrollDraftExceptionModal .table-body > ul > li .vega-default-link.vega-font-medium {
    margin-top: 4px !important;
    font-weight: 500 !important;
}

#StartsReceivingHolidayPayContainer #NewHireEmployeeReceiveHolidayContainer {
    margin-bottom: 36px !important;
}

#StartsReceivingHolidayPayContainer #NewHireReceiveHolidayPayAfterDay,
#StartsReceivingHolidayPayContainer #RehireReceiveHolidayPayAfterDay {
    width: 80px !important;
} 

#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody button.dropdown-toggle > span {
    overflow: hidden !important;
    display: unset !important;
}

#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody div.table-row:has(button[aria-expanded="true"]) {
    min-height: 200px !important;
}

#taemployeesheets-component #timesheet_badge_container .badge.badge-danger {
    background-color: var(--v-text-link) !important;
    margin-left: 8px !important;
    border-radius: 9999px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 4px !important;
    line-height: 20px !important;
    font-size: 12px !important;
}

#taemployeesheets-component .horizontal-nav-pills a.pill {
    border-bottom: 2px solid var(--v-borderColor-divider-secondary) !important;
    padding-bottom: 12px !important;
}

#taemployeesheets-component .horizontal-nav-pills a.pill.active {
    border-bottom: 3px solid var(--v-text-link) !important;
    padding-bottom: 11px !important;
}

#time_off_table_body .sticky-column .gh-checkbox-kit .vega-input-checkbox {
    top: 0 !important;
}

#esheet-inout-table .timepicker-container .bootstrap-datetimepicker-widget.dropdown-menu {
    height: auto !important;
}

#esheet-inout-table .timepicker-picker td.separator {
    border: none !important;
}

#esheet-modal #taDayLevelFieldForm .custom-field-file .custom-field-input,
#esheet-modal #taSheetLevelFieldForm .custom-field-file .custom-field-input {
    height: 0 !important;
    visibility: hidden !important;
}

#esheet-modal #taSheetLevelFieldForm .value-container.div_text_content {
    min-height: 40px !important;
    line-height: 27px !important;
    font-size: 16px !important;
}

#taSheetLevelFieldForm .vega-table-tbody tr:first-child td {
    border-radius: 12px !important;
}

#taSheetLevelFieldForm .vega-table-tbody tr:last-child td {
    border-radius: 12px !important;
}

#tasheetFooterContainer #tasheetFooterAttestationContainer .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0 !important;
    left: 0 !important;
}

#esheet-modal #holidayListBody .table-row:last-child .table-col:first-child,
#esheet-modal #holidayListBody .table-row:last-child .table-col:last-child {
    border-bottom-left-radius: 12px !important;
}

body.gh-employee-pov .content > .main {
    padding-top: 30px !important;
}

#time-off-info-table-container .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before,
.vega-table-display-column .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0 !important;
    left: 0 !important;
}

#ta-team-punch-modal #ta-team-punch-table .table-select {
    padding-left: 0 !important;
    max-width: 260px !important;
}

#taClockModal .select2-selection__arrow,
#esheet-inout-addline-modal .select2-selection__arrow,
#ta-team-punch-modal .select2-container--default .select2-selection__arrow {
    top: 1px !important;
    right: 4px !important;
}

#ta-employee-sheet-import-component .result-container > div {
    padding: 14px !important;
}

#ta-employee-sheet-import-component .ta-employee-sheet-import-content-container .li-counter {
    border-radius: unset !important;
    color: var(--v-text-primary) !important;
    background-color: unset !important;
}

#ta-employee-sheet-import-component .ta-employee-sheet-import-content-container .li-counter::after {
    content: ".";
}


#taemployeesheets-bulk-component #prefix-filter-field-group .gh-tree-dropdown-select .selection__rendered.vega-select {
    padding: 0 var(--v-size-12) !important;
    min-height: 40px !important;
    gap: 0 !important;
}

#taemployeesheets-bulk-component #prefix-filter-field-group .gh-tree-dropdown-select .filter-field-input {
    padding-left: 8px !important;
}

#ta-team-punch-modal #ta-team-punch-footer .no-fit-notice {
    line-height: 20px !important;
}

#ta-team-punch-modal #ta-team-punch-form .form-group.row.custom-field {
    margin: 0 0 14px 0 !important
}

#ta-team-punch-modal #ta-team-punch-form .form-group.row.custom-field .col-sm-12 {
    padding: 0 !important;
}

#taemployeesheets-bulk-component .gh-tree-dropdown .selection__options .selection__option:before {
    top: 13px !important;
}

#ta-team-punch-modal .gh_loader {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#synchronize-employee-progress-modal .gh_loader {
    border-radius: 12px !important;
}

#taemployeesheet-table .gh-table-cell-period {
    max-width: 214px !important;
    min-width: 214px !important;
}

#ta_employee_sheet_detail table.ta-duration-employee > thead > tr > th:last-child {
    right: -1px !important;
}

#ta_employee_timeoff_detail .vega-modal-footer #approvalButtonGroup button.btn.vega-danger-button,
#ta_employee_timeoff_detail .vega-modal-footer #forceApprovalButtonGroup button[data-type="force-reject"] {
    margin-left: 6px !important;
}

#ta_employee_sheet_detail #approvalButtonContainer button[data-type="approve"] {
    margin-right: 3px !important;
}

#taemployeesheets-component .sheet-loader-container .gh_loader {
    border-radius: 12px !important;
}

#ta_employee_sheet_detail #forceApprovalButtonContainer button[data-type="force-reject"] {
    margin-left: -3px !important;
}

#taemployeesheet-table .gh-table-head .gh-table-th:last-child {
    border-radius: 0 !important;
}

.pending-clock-detail-container .table-header {
    border-bottom: 2px solid #FAE7C4 !important;
}

#taDurationTableForm .custom-link-url {
    line-height: 40px !important;
    color: #0060CA !important;
}

.custom-field-file.custom-operation-disabled .custom-field-file__action {
    display: none !important;
}

.custom-field-file.custom-operation-disabled {
    min-height: 40px !IMPORTANT;
}

#taemployeesheets-component #payRollDateRangeDropDown .fas.fa-chevron-down:before,
#taemployeesheets-component #payRollDateRangeDropDown .dropdown-menu i.fas.fa-chevron-right:before {
    color: var(--v-bg-action) !important;
}

#ta-employee-sheet-import-component .review-card .align-group-space-between .sub-card-container {
    color: #01801F !important;
    font-weight: 400 !important;
}

#getHumanBodyMappingComponent .vega-group-select-close.far.fa-times-circle::before,
#getHumanBodyMappingComponent .vega-job-input-close.far.fa-times-circle::before {
    margin-right: 0 !important;
    background-position: center !important;
    margin-top: 4px !important;
}

#getHumanBodyMappingComponent .vega-job-input-close.far.fa-times-circle {
    right: 2px !important;
}

#sheet-bulk-submit-error-modal .fa-exclamation-circle::before {
    font-size: 32px !important;
}

#sheet-bulk-submit-error-modal .card.error-message-container {
    background-color: #F5F7F7 !important;
    color:  #BD2947 !important;
    box-shadow: unset !important;
    padding: 8px 12px !important;
}

#sheet-bulk-submit-error-modal .card.error-message-container > div {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

#sheet-bulk-submit-error-modal .card.error-message-container > div > code {
    font-size: inherit !important;
    color: inherit !important;
}

#ta-team-punch-modal .bootstrap-datetimepicker-widget .timepicker {
    padding-top: 55px !important;
}

#ta-employee-sheet-import-component .gh_loader {
    border-radius: var(--v-rounded-8) !important;
}

#taemployeesheets-bulk-component .vega-table-container.vega-table-border-radius_container {
    border: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#employee-sheet-bulk-table thead th:first-child {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

#employee-sheet-bulk-table thead th:last-child {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#ta-team-punch-table .table.gh-table > tbody > tr > td:not(:first-child) {
    min-width: 140px !important;
}

#ta-employee-sheet-import-component .ta-employee-sheet-import-btn.socket-readonly.ele-disabled {
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
    opacity: 1 !important;
}

#taemployeesheet-table.gh-table-pie > .gh-table-body > .gh-table-row > .gh-table-td[data-key=issues] {
    word-break: break-word;
}

#taemployeesheets-component .sheet-loader-container .org-table-container .horizontal-nav-pills {
    background-color: #FCFCFC !important;
}

#taemployeesheets-component .sheet-loader-container .org-table-container .align-group-flex-end {
    background-color: transparent !important;
}

#ta-team-punch-modal .vega-modal-container .vega-modal-content {
    padding-bottom: 20px !important;
}

#timeoffAttachmentFile.text-info,
#ta-employee-sheet-import-history a.vega-default-link.vega-text-decoration-unset {
    text-decoration: none !important;
}

#ta-employee-sheet-import-history a.vega-default-link.vega-text-decoration-unset:hover span {
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
}

#taemployeesheets-component #taemployeesheet-table .gh-table-body {
    background-color: #F3F5F7 !important;
}

#taemployeesheets-component #taemployeesheet-table:has(.gh-table-head .gh-sort-content:not([style*="display: none;"])) .gh-table-body {
    min-height: 40px !important;
}

#ta-team-punch-modal #ta-team-punch-form .custom-field-file.vega-input {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#ta-team-punch-modal #ta-team-punch-form .custom-field-file .input-group.custom-field-file__action .custom-field-file-in-form {
    height: 24px !important;
}

.vega-progress {
    height: 16px !important;
    border-radius: 9999px !important;
}

.vega-progress-bar {
    border-radius: 9999px !important;
    background-image: none !important;
    content-visibility: auto !important;
}

#ChangeTableDisplayColumnSettingsModal .type-search-container,
.vega-table-display-column .type-search-container {
    padding-left: 24px !important;
    padding-right: 21px !important;
    padding-top: 8px !important;
}

#searchQuerySelections .gh-employee-option-btn + .dropdown-menu {
    transform: translate3d(-115px, 40px, 0px) !important
}

#taemployeesheets-component .sheet-loader-container .vega-table-border-radius_container {
    overflow: hidden !important;
    border: none !important;
}

#taemployeesheets-component .vega-table-border-radius_container:has(.gh-table-pie .gh-table-body) {
    border: 1px solid var(--v-bg-divider-secondary) !important;
    border-radius: 12px !important;
}

#ta-team-punch-modal #ta-team-punch-table td.table-select span.required-star[style*="display: inline;"] {
    display: block !important;
    margin-top: 4px !important;
}

#ta-team-punch-modal .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker a.btn i.fa {
    color: var(--v-text-black) !important;
}

#taemployeesheets-component .daterangepicker .table-condensed .prev.available span,
#taemployeesheets-component .daterangepicker .table-condensed .next.available span {
    border-color: var(--v-text-black) !important;
}

#employeeContainer .employee-avatar {
    border-color: #C7D9E5 !important;
}

#taemployeesheets-component .gh-table:not(.vega-group-table) tbody td {
    vertical-align: middle !important;
}

#taemployeesheets-component #print-ledger-table-body button,
#taemployeesheets-bulk-component #employee-sheet-bulk-table button {
    height: 26px !important;
}

#taEmployeeSheetImportMatchFieldsModal .match-fields-card {
    background-color: #F5F7F7 !important;
}

#taemployeesheets-component #search-card-container.search-disabled {
    z-index: 1001 !important;
}

#employee-sheet-bulk-table thead th,
#employee-sheet-bulk-table tbody td,
#taemployeesheets-component #print-ledger-table-body td {
    vertical-align: middle;
}

#taClockModal .job-search-result-container .leaf-path {
    height: auto !important;
}

#taClockModal #taClockForm .vega-select {
    line-height: unset !important;
}

#taClockBreak.vega-select,
#taClockModal .punch-custom-field-container .custom-field-item.vega-select {
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 11px) center/16px 16px !important;
}

#taClockModal #taClockContentSelectionContainer .vega-job-input-close.far.fa-times-circle::before {
    margin-right: -4px !important;
}

#esheet-modal .enforce_maximum_break_help,
.gh-employee-pov #esheet-modal .tooltip-inner {
    bottom: 106px !important;
    border-radius: 4px !important;
    outline: none;
    color: #ffffff !important;
    background-color: #0c0c0c !important;
    border-width: 0 !important;
    left: -35px !important;
    font-weight: 500 !important;
}

#esheet-modal .enforce_maximum_break_help .enforce_maximum_break_help_arrow {
    background-color: #0c0c0c !important;
    border: none !important;
}

#taClockForm .job-search-result-container .vega-group-select-close.far.fa-times-circle::before {
    margin-right: 5px !important;
}

#punch-selected-allocate-rule + .select2.select2-container {
    width: 100% !important;
}

#sheet-partial-blocks .drag-item-container .custom-fields-item {
    border-radius: 4px !important;
}

#taemployeesheet-table .gh-table-body .gh-table-row .gh-table-td {
    align-items: flex-start;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#taemployeesheet-table .gh-table-body .gh-table-row .gh-table-td .gh-checkbox-kit {
    margin-top: -2px !important;
}

#taemployeesheets-component #payRollDateRangeDropDown .dropdown-submenu > a {
    padding-right: 30px !important;
}

#taemployeesheets-component #searchQueryContainer .select2-container--default .select2-selection--multiple .select2-search--inline input.select2-search__field {
    margin-top: 0 !important;
}

#taClockModal input:not([id*="react-select"], [type="button"], [type="submit"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="checkbox"], [type="file"], [type="hidden"], [type="search"].select2-search__field ) + label.error {
    pointer-events: none !important;
}

#ta-employee-sheet-import-component .import-action-card .ta-employee-import-file-reupload-container {
    padding-right: 0 !important;
}

#ta-employee-sheet-import-component .import-action-card .ta-employee-import-file-reupload-container .reupload-btn {
    margin-right: -12px !important;
}

#ta-team-punch-modal .select2-container--default .select2-selection--single .select2-selection__arrow b,
#esheet-inout-addline-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -1px !important;
}

#taEmployeeSheetImportMatchFieldsModal input.gh-select-input.vega-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 13px) center/16px 16px !important;
    padding-right: 35px !important;
}

.select2.select2-container .select2-selection {
    margin-right: 0 !important;
}

#ta-team-punch-modal #ta-team-punch-table .ta-team-punch-table-title .vega-padding-left-0 {
    padding-left: 0 !important;
}

/* End Team Timesheets */

/* Start Dashaboard  */
#ta-team-punch-table .vega-table-td-border .vega-table-tbody tr:last-child td {
    border-bottom: unset !important;
}

#ta-team-punch-table .gh-table thead tr:last-child th {
    border-radius: unset !important;
}

#taEmployerDashboardTaClockCardContainer .vega-card-heading-title {
    border-radius: 12px 12px 0px 0px !important;
}

#ta-team-punch-form .bootstrap-datetimepicker-widget.dropdown-menu .datepicker {
    padding-right: 0px !important;
}

#taClockForFeedForm .job-input-arrow-down {
    width: 15px !important;
}

.job-input-arrow-down::before{
    content: '' !important;
    height: var(--v-size-24) !important;
    background: url(/v4/img/vega-select-arrow-down.svg) no-repeat !important;
    display: block !important;
    margin-top: 8px !important;
    width: 16px !important;
    margin-right: 2px !important;
}

.custom-field-file.vega-input {
    height: inherit !important;
}

.custom-field-file-item-content .mine-type-icon {
    display: flex;
    align-items: center;
}

.custom-field-file-item-content .mine-type-icon img {
    margin-left: -2px;
}

.custom-field-file-item-content .mine-type-icon svg {
    width: 16px !important;
    height: 16px !important;
    margin-left: -2px !important;
}

.custom-field-file-item-content .mine-type-icon svg path.vega-upload-blue-icon {
    fill: #1362E2 !important;
}

.custom-field-file-item-content .mine-type-icon svg path.vega-upload-white-icon {
    fill: #ffff !important;
}

.custom-field-item.custom-field-file-in-form, 
#taClockModalForFeed .custom-field-item.custom-field-file-in-form,
#taClockModalForBreak .feed-custom-field-container .custom-field-item.custom-field-file-in-form {
    height: 0 !important;
    visibility: hidden !important;
}

#ghChatSideContainer .gh-msg-loader {
    border-top: 5px solid #99C0FF !important;
    border-right: 5px solid #99C0FF !important;
}

/* End Dashaboard  */

/* Start schedule */
.schedule-table-container tr.employee-list-view>th:first-child:after,
.schedule-table-container tr.employee-list-view>td:first-child:after,
.schedule-table-container tr.shift-list-view>td:first-child:after,
.schedule-table-container tr.shift-list-view>th:first-child:after,
.schedule-table-container tr.employee-list-view>td:first-child:before, 
.schedule-table-container tr.employee-list-view>th:first-child:before, 
.schedule-table-container tr.shift-list-view>td:first-child:before, 
.schedule-table-container tr.shift-list-view>th:first-child:before,
.vega-override-schedule-table table th:first-child {
    border-left: unset !important;
}

.schedule-table-container div.add-new-shift.btn {
    width: 90% !important;
    padding: 2px !important;
}

.schedule-table-container.vega-org-table-container tbody.day-view-root-table-body>tr.employee-list-view:hover>td,
.schedule-table-container.vega-org-table-container tbody.day-view-root-table-body>tr.shift-list-view:hover>td {
    background-color: #fff !important;
}

.container-fluid .schedule-table-container table.table>thead>tr>th {
    border-bottom: var(--v-border-divider-secondary) !important;
    border-right: var(--v-border-divider-secondary) !important;
}

.schedule-table-container table.table>tbody>tr>td,
.schedule-table-container .table tbody td {
    border-right: var(--v-border-divider-secondary) !important;
}

.schedule-table-container table tr td p.leaf-path {
    font: inherit !important;
}

.schedule-table-container.vega-org-table-container {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
    width: calc(100% - 1rem) !important;
    margin: auto !important;
}

.schedule-table-container.vega-org-table-container .table-responsive table th:last-child,
.schedule-table-container.vega-org-table-container .table-responsive table td:last-child {
    border-right: none !important;
}

.schedule-table-container.vega-org-table-container #revenue_datagrid .revenue-grid-body .grid-cell input {
    height: 22px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.schedule-table-container.vega-org-table-container .userInfo .avatar-placeholder {
    flex: none !important;
}

#scheduleTableTopButton .dropdown-toggle::after{
    top: 42% !important;
}

.vega-override-schedule-table th.sticky-th-first,
.vega-override-schedule-table th.schedule-day-view-head:not(:last-child) {
    border-right: var(--v-border-divider-secondary) !important;
}

#shift-edit-modal-footer .col-12,
#shift-edit-modal-footer-button-groups, 
#shift-edit-modal-footer-button-groups .schedule-custom-checkbox {
    padding: 0 !important
}

/* .container-fluid .schedule-pagination-container .pagination a.active {
    color: #fff !important;
    background-color: var(--v-bg-action) !important;
} */

.schedule-day-view-table-container .schedule-day-view-cell-table tbody tr td {
    border-top: unset !important;
    text-align: center !important;

}

.revenue-report-modal-top .dropdown-menu {
    min-width: 100% !important;
}

.revenue-report-modal-top .dropdown-menu .dropdown-item {
    width: 100% !important;
}

#popover-trigger-click-root-close .popover-body .btn-group-vertical button {
    margin-top: 8px !important;
    width: 100% !important;
}

.ta-employee-sheet-import-content-container #import_form .fa-calendar-alt {
    top: calc(50% - 8px) !important;
}

#validate_container #validate_message_container {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
    padding-top: var(--v-size-8) !important;
}

#validate_container #validate_message_container .fa-exclamation-triangle {
   margin-right: 8px !important;
}

#createDraftExceptionsContainer .row.table-header > .col-1.justify-content-center,
#createDraftExceptionsContainer .table-body > ul > li > .row > .col-1.justify-content-center {
    justify-content: center !important;
}

.schedule-table-container.vega-org-table-container th,
.schedule-table-container.vega-org-table-container tbody,
#schedule-table-body,
#schedule-table-body i.far {
    font-size: 12px !important;
}

.schedule-table-container .shift-container .tcell-item > div,
#schedule-table-body .schedule-item-container .schedule-item > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
}

.schedule-table-container div[id^="StatusTooltip"] {
    border-right-width: 10px !important;
    border-bottom-width: 10px !important;
}

#schedule-table-body .schedule-item-container:hover .employee-view-claim {
    display: flex !important;
    flex-flow: column;
    justify-content: space-evenly;
    justify-content: space-around;
    justify-content: space-between;
    height: calc(100% + 2px);
}

#schedule-table-body .schedule-item-container:hover .employee-view-claim > div {
    flex-grow: 1;
    padding: 0 !important;
}

.schedule-table-container .schedule-holiday-container,
#schedule-table .schedule-holiday-container {
    color: var(--v-text-primary) !important;
    font-weight: 500  !important;
}

#ShiftTemplateApplyOptionModal .modal-body .text-center {
    text-align: left !important;
}

#employer_view_shift_detail_modal .profileImage {
    font-weight: 400 !important;
}

/* End schedule */
#form-teamsignup .form-group.align-items-center {
    align-items: baseline !important;
}

#form-teamsignup .form-group:not(.has-error) span.error {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

#form-teamsignin .form-group label.text-right,
#form-teamsignup .form-group label.text-right {
    text-align: left !important;
}

#form-teamsignup .form-group .col-sm-3,
#form-teamsignup .form-group .col-sm-9 {
    padding: 0 var(--v-size-24) !important;
}

#form-teamsignup .form-group.has-error span.error {
    display: inline-block !important;
}

#clockTableMapViewContainer .status-header span {
    font-size: 16px !important;
}

#clockTableMapViewContainer .status-header span.text-warning,
#number_of_pay_dates_per_year {
    color: #6B747D !important;
}

#clockTableMapViewContainer .status-header .text-info {
    color: var(--v-text-link) !important;
}

#taSheetLevelFieldForm table.ta-day-level-field-table .value-container {
    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; 
}

.input-group-prepend .input-group-text.vega-default-link  label {
    font-size: 14px !important;
}

#profile_nav_menu li a i {
   width: 40px !important;
   height: 40px !important;
   line-height: 40px !important;
   text-align: center !important;
}

#profile_nav_menu li.selected a i {
    background-color: var(--v-bg-action) !important;
    border-radius: var(--v-rounded-8) !important;
}

#profile_nav_menu li:hover a i {
    background-color: transparent !important;
}

#tableHeadSection .gh-table-body {
    width: auto !important;
}
.vega-group-text{
    background-color: unset !important;
    border: none !important;
}
#form-wotc input[type="radio"].gh-themed.sm:disabled:checked:after{
    background-color: var(--v-text-disabled) !important;
}

.pie-plain-footer.web-clock-pie-plain-footer {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-primary) !important;
    margin-bottom: 20px !important;
}

#btnGroupDrop1 .btn.btn-info:hover {
    color: var(--v-text-primary) !important;
}

#div_wotc_setting .gh_dialog_bottom_bar.btns-group {
    flex-direction: row !important;
    justify-content: end !important;
    display: flex !important;
}

#btn_wotc_accept,
#link-sign-form2848 {
    color: #fff !important;
    background-color: var(--v-bg-action) !important;
    border-color: var(--theme-color-active-main) !important;
}
.vega-modal-footer:has(a#submit_custom_document_btn, a#download_custom_document_btn){
    display: block !important;
    background-color: unset !important;
    border-top: unset !important;
}

.vega-addTenureBalanceRow-override {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.vega-addTenureBalanceRow-div-override {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}

#send_reminder .vega-input {
    min-width: 75px;
}

#additional-weekday-monday-container .ml-2.mt-2 {
    margin-left: 15px !important;
}

#monday-time-specific-container .time-picker.compareDate {
   padding-left: 45px !important;
}

#taTimeOffContainer .dropdown-menu {
    min-width: 12.4rem;
}

a.gh_dialog_close_link.pb-4:hover {
    opacity: .7;
    color: #fff;
}

#div_account_setting .vega-langCancelModal-overrides {
    color: var(--v-bg-danger) !important;
    text-decoration-color: var(--v-bg-danger) !important;
}

#form-addteam label.error:not(#sel-role-error) {
    margin-left:  25%  !important;
}

#btn-zip-search {
    top: 4px !important;
    padding: 1px 16px !important;
}

#zip-list-menu:hover > ul {
    border: unset !important;
}

#form-submit-profile #card_month-error,
#form-submit-profile #card_year-error,
#form-submit-profile #card_state-error {
        top: 40px;
}

#teamDelete .footer-btns,
#teamNotice .footer-btns,
#addCCModal .footer-btns {
    display: flex;
}

.vega-assignMoreTaskModalContent-overrides {
    width: 1135px;
    left: -170px;
}

.gh-h3-icon.gh-h3-icon-settings {
    margin-top: 10px;
}

#gh-body-secondary.vega-card .vega-card-heading-title {
    padding-left: 32px !important;
    font: var(--v-font-h4) !important;
    color: var(--v-text-primary) !important;
}

#gh-body-secondary.vega-card .gh-h3-container.vega-card-with-shadow {
    padding: 32px 64px !important;
    text-align: left !important;
}

#frmPasswordResetRequest label:not(.error) {
    display: block !important;
    text-align: left !important;
}

#frmPasswordResetRequest #loaderContainer,
#frmPasswordResetRequest #buttonSubmitPasswordReset,
#frmPasswordResetRequest input.txtInput {
    width: 100% !important;
    box-sizing: border-box !important;
}

.break-rule-section label,
#bulkUpdateContainer .form-control-label,
#bulkUpdateContainer label.font-weight-bold,
#updatePayCodeForm label:not(.error),
#configRuleModalForm .vega-text-primary:not(.error),
#shiftTabForm .form-control-label:not(.error),
#unavailabilityTabForm .form-control-label:not(.error),
#frmPasswordResetRequest label:not(.error),
#frmEmailChange label:not(.error) {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

#frmSettings #category_wrapper {
    min-height: 40px !important;
    border: var(--v-border-input-field) !important;
    margin: 0 !important;
}

#frmSettings .vega-frm-settings-footer {
    width: calc(100vw - 240px - 60px) !important;
}


#frmSettings #category_wrapper .category_summary {
    margin-top: -4px !important;
}

#frmSettings #category_wrapper .category_summary .sp_selector {
    background-position: 14px center !important;
}

#btnGroupDrop1 .vega-select-dropdown:hover {
    color: var(--v-text-primary) !important;
}

#taskPage .vega-dropdown-container {
    left: 1px !important;
}

#timeoff-table .table:not(.vega-group-table) tbody td, .gh-table:not(.vega-group-table) tbody td {
    padding: var(--v-size-12) var(--v-size-12) !important;
}

.gh-table:not(.vega-group-table) .table-condensed tbody td {
    padding: 8px !important;
    font-size: 16px !important;
}

.vega-required-lebal-overrides, .required-mark-container {
    color: var(--v-text-error) !important;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]::after {
    content: '' !important;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"] {
    background-color: rgba(107, 116, 125, 0.7) !important;
    border-color: transparent !important;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:checked {
    background-color: var(--v-bg-action) !important;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:checked:hover {
    background: var(--v-bg-action-hover) !important;
}

.onoffswitch input.onoffswitch-checkbox {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
    border: none !important;
    display: block !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.onoffswitch input.onoffswitch-checkbox:focus + label.onoffswitch-label,
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:focus {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

label.gh-toggle-checkbox input[type=checkbox]:focus::before {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

body .modal .modal-content .modal-header .close {
    opacity: unset !important;
}

body .modal-dialog .modal-header button.close:hover {
    opacity: 0.7 !important;
}

#new_location_form_left .pbj-facility-id-notice {
    border-radius: 8px !important;
    text-align: center !important;
    color: var(--v-text-primary) !important;
}

/* #policy-weekdays .round-checkbox input {
    visibility: hidden !important;
    min-height: 0 !important;
    min-width: 0 !important;
} */

/* #policy-weekdays .round-checkbox > label {
    border-radius: 20px;
    min-width: 60px;
    width: fit-content !important;
    margin-left: 10px;
    font-weight: 600 !important;
} */

#upsert-shift-premium-policy-modal .error-days label {
    border: 1px solid #bd2947 !important;
}

#time_off_policy_modal_warning_msg_container_future_date .alert.alert-warning,
#time_off_policy_modal_warning_msg_container_current_date .alert.alert-warning,
#upsert-shift-premium-policy-modal .error-days label {
    color: #bd2947 !important;
}

/* #policy-weekdays .round-checkbox > input {
    display: none
} */

/* .round-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--v-bg-action) !important;
} */

#policy-weekdays input[type=checkbox]:not([data-toggle="toggle"], [class*=switch])::before,
#policy-weekdays input[type=checkbox]:not([data-toggle="toggle"], [class*=switch]):checked::before {
    display: none;
}

/* #additional-weekdays .round-checkbox > label {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 43px !important;
    cursor: pointer !important;
    height: 35px !important;
    width: fit-content !important;
    min-width: 55px;
    line-height: 32px !important;
    text-align: center !important;
    margin-left: 10px;
} */

/* #additional-weekdays .round-checkbox > input {
    display: none;
} */

/* .round-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--v-bg-action) !important;
} */


#additional-weekdays input[type=checkbox]:not([data-toggle="toggle"], [class*=switch])::before,
#additional-weekdays input[type=checkbox]:not([data-toggle="toggle"], [class*=switch]):checked::before {
    display: none;
}

#additional-weekdays input[type=checkbox]:not([data-toggle="toggle"], [class*=switch]) {
    min-width: 0 !important;
}

#pay-code-list-table th .fa {
    font-size: 14px !important;
}

#pay-code-list-table th .fa.active {
    color: var(--v-text-link) !important;
}

#pay-code-list-tbody tr td {
    overflow: hidden;
}

#btn_wotc_accept:hover,
#link-sign-form2848:hover {
    color: var(--v-text-on-action) !important;
    border-color: transparent !important;
    background-color: var(--v-bg-action-hover) !important;
}

#btn_wotc_accept:active,
#link-sign-form2848:active {
    background-color: var(--v-bg-action-active) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

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

body input.ent-switch-2848[type="checkbox"]::after {
    content: '' !important;
}

body input.ent-switch-2848[type="checkbox"]:checked {
    background-color: var(--v-bg-action) !important
}

body input.ent-switch-2848[type="checkbox"]:checked::after {
    margin-left: -2px !important
}

#div_wotc_setting a.el-button-green:not(.vega-button, [class*="primary"]), a.btn-success:not(.vega-button, [class*="primary"]) {
    height: auto !important;
}

.variable-schedule-settings-table-row-header {
    border-top-left-radius: var(--v-rounded-12) !important;
    border-top-right-radius: var(--v-rounded-12) !important;
}

.variable-schedule-settings-table-row-body {
    border-bottom-left-radius: var(--v-rounded-12) !important;
    border-bottom-right-radius: var(--v-rounded-12) !important;
}

#web-ipad_clock .pin_code.edit .edit-mode input {
    width: 120px !important;
}

#ta-team-punch-modal .select2-selection__rendered {
    max-width: unset !important;
}

#payroll-report-component svg text, .ta-time-off-report-card.vega-card, .vega-vip-report .ta-time-off-report-card {
    font-size: 14px !important;
}

.vega-vip-report .ta-time-off-report-card {
    border-radius: var(--v-rounded-12) !important;
}

#payroll-report-component #hours-by-location-chart svg text,  
#hours-by-location-modal-chart svg text {
    font-size: 10px !important;
} 

.modal .modal-content .modal-body .ta-employee-report-option-button:not(.vega-width-120) {
    width: 100% !important;
}

#sharedWithForm .share-with-role-tages-container.multi-input-tages span {
    height: 100% !important;
    line-height: 23px !important;
}

body:not(.gh-ie11) table.gh-table > #timesheets_table_body_job > tr > td:not(:first-child) {
    white-space: nowrap !important;
}

#new_location_form_left .error-message {
    margin-top: 0px !important;
}

#schedule-table tbody td:not(.text-left) {
    padding: unset !important;
}

.vega-input-outline,
#swap_shift_modal .search-border,
#drop_shift_modal .search-border {
    position: relative;
    border: none !important;
}

.vega-input-outline i.fa-calendar-alt,
#swap_shift_modal .search-border > i,
#drop_shift_modal .search-border > i {
    position: absolute;
    left: 8px;
    top: calc(50% - 8px);
    z-index: 1;
}

.vega-input-outline > i.ml-3,
#swap_shift_modal .search-border > i.ml-3,
#drop_shift_modal .search-border > i.ml-3 {
    margin-left: 8px !important;
}

.vega-input-outline > input,
#swap_shift_modal .search-border > input,
#drop_shift_modal .search-border > input {
    padding-left: 40px;
}

#swap-shift-table-body .ml-4.name-container {
    width: 80px;
}

.error-msg-container, .no-conflict-msg-container {
    margin-bottom: 10px !important;
}

#annualBenefitSalaryInput + .invalid-feedback {
    margin-bottom: 10px !important;
    padding-left: 0px !important;
}

#face-id-upload-modal .file-upload {
    border-radius: 12px !important;
}

/* Begin Login(/signup) */
#signupFormContainer .gh_loader {
    box-shadow: unset !important;
}

.vega-login-title-override {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
}

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

#signInPage .card {
    width: 560px !important;
}

#signInPage #btn-login input {
    width: 100% !important;
}

#signInPage #forgotPwdLink {
    font: var(--v-font-field-label-sm-em) !important;
}

#signInPage .vega-login-title-override {
    padding-left: 1.5rem !important;
}

#signInPage .vega-login-title-override.vega-padding-left-20 {
    padding-left: 20px !important;
}

#signInPage .vega-font-footnote1-long {
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--v-text-secondary) !important;
}

#signInPage .text-center.vega-font-footnote1-long.vega-text-align-left {
    text-align: left !important;
}

#signInPage .vega-default-link.vega-font-footnote1-long {
    font: var(--v-font-footnote1-long) !important;
}

/* #panel-signup .vega-default-link, */
#signInPage .vega-default-link:not(.vega-link),
.pie-plain-footer .terms-disclaimer a {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

#signInPage .vega-default-link.vega-link-small {
    line-height: 24px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

#signInPage .vega-default-link.vega-link-regular {
    line-height: 18px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

#signInPage .vega-default-link.vega-link-regular:hover {
    text-decoration: none !important;
}

#signInPage .vega-default-link.vega-link-regular:hover span {
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
}

#signInPage .vega-default-link.vega-link-regular:focus {
    color: var(--v-text-link) !important;
    text-decoration: none !important;
}

#signInPage .vega-default-link.vega-link-regular:focus span {
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-focus) !important;
}

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

#signInPage .vega-default-link.vega-link-regular:active span {
    text-decoration: none !important;
}

#signInPage .badge-danger {
    background-color: var(--v-bg-primary) !important;
    border: 1px solid #CDD1D3 !important;
    font: var(--v-font-field-label) !important;
    color: var(--v-text-black) !important;
    border-radius: 9999px !important;
}

#signInPage .dropdown-toggle::after {
    right: 0 !important;
}

#signInPage #forgotPasswordForm input[type="submit"],
#signInPage #moreOptionForm input[type="submit"],
#signInPage #newPasswordForm input[type="submit"] {
    width: 100% !important;
}

#signInPage #forgotPasswordForm #forgotPwdBackLink {
    font: var(--v-font-footnote1-short) !important;
}

#signInPage #forgotPasswordForm #moreOptionLink {
    font: var(  --v-font-field-label-em) !important;
}

.vega-p1-short {
    font: var(--v-font-p1-short) !important;
}

#signInPage .dropdown-toggle::after {
    border-top: 4px solid var(--v-text-link) !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

#signInPage #createBtn {
    padding: 16px 32px !important;
    min-width: 300px !important;
    margin-top: 24px !important;
}

#panel-signup .vega-override-signup.vega-font-size-14 {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    padding-left: 9px !important;
}

#panel-signup .vega-width-full, #duration-format .vega-width-full {
    width: 100% !important;
}

#duration-format .dropdown-toggle::after {
    top: 50% !important;
}

@media (max-width: 844px) {
    #signInPage .card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #signInPage .card .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #signInPage #forgotPasswordForm #moreOptionLink {
        display: contents !important;
    }
}

#signInPage #signupForm input[name=company_id] {
    background: #fff url(/pie/images/icons/vega-access-code.svg) no-repeat scroll 12px center/16px 16px !important;
    padding-left: 36px !important;
}

#signInPage #signupForm input[name=dob] {
    background: #fff url(/v4/img/vega-job-calendar.svg) no-repeat scroll 12px center/14px 14px !important;
    padding-left: 36px !important;
}

#signInPage #signupForm input[name=ssn] {
    background: #fff url(/pie/images/icons/vega-hash-light.svg) no-repeat scroll 12px center/16px 16px !important;
    padding-left: 36px !important;
}

#signInPage #signupForm input[name=username] {
    background: #fff url(/pie/images/icons/vega-email.svg) no-repeat scroll 12px center/16px 16px !important;
    padding-left: 36px !important;
}

#signInPage #signupForm input[name=password] {
    background: #fff url(/pie/images/icons/vega-password.svg) no-repeat scroll 12px center/16px 16px !important;
    padding-left: 36px !important;
}

#signInPage #signupForm input[name=password2] {
    background: #fff url(/pie/images/icons/vega-password.svg) no-repeat scroll 12px center/16px 16px !important;
    padding-left: 36px !important;
}

#esheet-inout-addline-date-picker {
    background-image: url(/v4/img/vega-timepicker-calendar.svg) !important;
    padding-left: 36px !important;
}

#signInPage .py-2.vega-padding-bottom-16 #formTitle {
    font: var(--v-font-h2) !important;
    margin-bottom: 24px;
}

#signInPage .vega-override-signup[name=policy-and-terms] {
    font-size: 16px !important;
    font-style: normal;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: var(--v-text-primary) !important;
}

#signInPage .signup-page-partner {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 400 !important;
}

#signInPage .signup-page-footer {
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 24px;
}

#signInPage .vega-override-signup .vega-default-link:not(.vega-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;
}

#signInPage .card.signup-card {
    width: auto !important;
    padding: 0 !important;
}

#signInPage .card .banner {
    box-shadow: unset !important;
    margin-bottom: 0px !important;
    height: auto !important;
    padding: 48px 0px !important;
    background: #F5F7F7 !important;
    border-bottom: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

#signInPage .card.signup-card.vega-signup-card {
    max-width: 720px !important;
}

#signInPage #signupForm .form_error:last-child {
    padding-bottom: var(--v-size-8) !important;
}
/* End Login */

/* Login Start */
.login-page-title {
    font-size: 28px !important;
    font-style: normal;
    line-height: 36px;
    text-align: left;
    color: var(--v-text-primary) !important;
    padding: 0px !important;
    padding-left: 2.5rem !important;
}

.login-info-item {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 22px;
    color: var(--v-text-primary) !important;
}

.login-page-container #btn-login input, #forgotPasswordForm .login-send-email input {
    width: 100% !important;
}

.login-tips {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    text-align: left !important;
    color: #6B747D !important;
    padding-right: 0px !important;
    padding-left: 1rem !important;
}

.login-tips a {
    font-weight: 400 !important;
    font-size: 14px !important;
}

#loginFormContainer .gh_loader, #forgotPasswordFormContainer .gh_loader {
    box-shadow: unset !important;
}

#loginFormContainer #forgotPwdLink {
    line-height: 18px !important;
    padding-top: 5px !important;
}

.login-reset-password-info {
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 18px;
    color: var(--v-text-primary) !important;
}

.login-back-sign-in {
    text-align: left !important;
    padding-left: 1rem;
    text-decoration: unset !important;
}

.login-heartland-header .logo {
    padding:0px !important;
    overflow: hidden;
}

.login-vega-heartland-logo {
    width: 142px !important;
    height: 26px !important;
    float: left !important;
}

.login-heartland-header {
    padding: 24px 40px !important;
    background-color: #FCFCFC !important;
}

#forgotPwdBackLink .vega-button-left-back {
    display: inline-block !important;
}

#signInPage .country-select-dropdown a.dropdown-toggle:-webkit-any-link:focus-visible {
    outline-color: var(--v-borderColor-input-field-focus) !important;
}
/* Login End */


/* Onboarding Employee Start */

.vega-employee-onboarding {
    max-width: 720px !important;
    box-shadow: none !important;
    border: none !important;
    margin: 10px 0px !important;
}

.vega-employee-onboarding .banner {
    background-image: unset !important;
    box-shadow: unset !important;
    margin-bottom: 0px !important;
    height: auto !important;
    padding: 48px 0px !important;
    background: #F5F7F7 !important;
    border-bottom: none !important;
}

.vega-onboarding-employee-sign, .vega-onboarding-employee-login {
    padding: 24px 48px !important;
}

.vega-employee-onboarding input[name='email'][readonly] {
    background-color: var(--v-bg-secondary) !important;
}

.vega-employee-onboarding .div_language_selector {
    margin-top: 24px !important;
    margin-right: 0px !important;
    float: unset !important;
    min-width: 194px !important;
    display: flex;
    justify-content: center;
}

.vega-employee-onboarding .btn-glow.success:hover {
    opacity: 1;
}

.employee_onboarding {
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column !important;
}

.employee_onboarding > .banner > img {
    width: 166px;
    height: 30px;
}

.container.employee_onboarding .title {
    font: var(--v-font-h2) !important;
    color: var(--v-text-primary) !important;
    margin-bottom: 24px !important;
    text-align: center !important;
}

.container.employee_onboarding .subtitle {
    font: var(--v-font-p1-short) !important;
    color: var(--v-text-primary) !important;
    text-align: center !important;
}

.container.employee_onboarding .sub_banner {
    margin-bottom: 48px !important;
}

.vega-onboarding-login-text {
    text-align: center !important;
    margin-bottom: 16px !important;
    font: var(--v-font-p1-short) !important;
    color: var(--v-text-primary) !important;
    font-weight: 700 !important;
}

.employee_onboarding .btns {
    margin-bottom: 24px !important;
}

.vega-onboarding-employee-sign + .vega-onboarding-footer {
    margin-top: 0px !important;
    padding-bottom: 24px !important;
}

.vega-onboarding-employee-login .vega-onboarding-footer {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

.vega-onboarding-footer .vega-enroll {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 0px !important;
    width: 100%;
    margin: 0px 48px !important;
    padding: 0px 20px !important;
} 

.vega-onboarding-footer .vega-enroll.vega-login {
    margin: 0px !important;
}

.vega-onboarding-footer .float-right {
    display: flex;
}

.vega-onboarding-footer .float-right a {
    display: inline-block;
    width: fit-content;
}

.vega-onboarding-footer .float-right span {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    color:#ABC6D8;
}

#forgot_pwd_link .separator {
    padding: 0px;
    margin-left: 12px;
    margin-right: 12px;
    color:#ABC6D8;
}

.vega-employee-onboarding #countries-selector {
    min-width: 194px !important;
}

.vega-employee-onboarding #country-selector #countries-selector::before {
    content: unset !important;
}

.vega-employee-onboarding #country-selector #countries-selector::after {
    content: "" !important;
    top: 31% !important;
    width: 16px !important;
    height: 16px !important;
    background: url(/v4/img/vega-select-arrow-down.svg) no-repeat !important;
    border: unset !important;
    margin-left: 0px;
}

input#cbx_tos + label > span.fake-checkbox {
    border-radius: 4px !important;
    border: var(--v-border-input-field) !important;
    width: 16px !important;
    height: 16px !important;
}

input#cbx_tos + label > span.fake-checkbox.checked {
    background-color: var(--v-bg-action) !important;
}

input#cbx_tos + label > span.fake-checkbox.checked::after {
    top: 3px !important;
    left: 2px !important;
}

#link-trigger-signin, #link-trigger-signup, #link_forgot_pwd {
    font-size: 18px !important;
}

.vega-create-account-btn {
    margin-top: 48px !important;
}

#countries-selector i {
   margin-left: 4px;
   margin-right: 8px; 
}

.vega-onboarding-country {
    display: inline-block;
    width: fit-content;
    color: var(--v-text-primary);
}

.vega-employee-onboarding .agree_terms {
    font-size: 16px !important;
}

.vega-employee-onboarding .vega-onboarding-input-label {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    display: block !important;
    font-weight: 500 !important;
    padding: 0px !important;
    margin-bottom: 8px !important;
}

.vega-employee-onboarding .hint {
    font: var(--v-font-footnote1-short) !important;
    color: var(--v-text-secondary) !important;
    font-weight: 400 !important;
    padding-top: 8px !important;
    padding-left: 5px !important;
}

.vega-employee-onboarding .form-group {
    margin-bottom: 24px !important;
}

#signup-form label.error, #login-form label.error {
    margin-bottom: 0px !important;
}

.vega-employee-onboarding .vega-button.vega-primary-button {
    min-width: 300px !important;
    padding: 16px 32px !important;
}

.vega-employee-onboarding .sub_banner img {
    margin-bottom: 24px !important;
}

.vega-employee-onboarding .alert-danger {
    color: var(--v-text-error) !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: none !important;
    text-align: center;
}

.vega-employee-onboarding .alert-success {
    border-radius: 12px !important;
}

#btn-signup.vega-button.vega-primary-button {
    background: var(--v-bg-action) !important;
}

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

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

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

#login-form .input-group, #forgot-pwd-form .input-group,
#signup-form .input-group {
    position: relative !important;
    display: flex;
    align-items: center !important;
}

#login-form .input-group .input-group-addon, #forgot-pwd-form .input-group .input-group-addon,
#signup-form .input-group .input-group-addon {
    background-color: unset !important;
    border: 1px solid transparent !important;
    position: absolute !important;
    left: 12px !important;
    margin-right: 8px !important;
    text-align: center !important;
    padding: 0px !important;
}

#login-form .input-group .input-group-addon img, #forgot-pwd-form .input-group .input-group-addon img,
#signup-form .input-group .input-group-addon img {
    display: block !important;
}

#login-form .input-group input, #forgot-pwd-form .input-group input,
#signup-form .input-group input {
    padding-left: 36px !important;
} 

#login-form .input-group input:focus + span.input-group-addon,
#forgot-pwd-form .input-group input:focus + span.input-group-addon,
#signup-form .input-group input:focus + span.input-group-addon {
    z-index: 999 !important;
}

/* Onboarding Employee End */

#activeteammember td, #pending td {
    padding: var(--v-size-12) var(--v-size-12) !important;
}

#btnGroupDrop1.btn.btn-info:hover {
    background-color: var(--v-bg-primary) !important;
    color: var(--v-text-primary) !important;
}

#copyHolidayRuleConfigs input[type=checkbox].vega-input-checkbox {
    top: -2px;
}

#upsert-policy-Form #policyModeContainer input[name="mode"] {
    margin-right: 0 !important;
}

#upsert-policy-Form > div > .col-4 {
    -ms-flex: 0 0 24% !important;
    flex: 0 0 24% !important;
    max-width: 24% !important;
}

#upsert-policy-Form > div > .col-8 {
    -ms-flex: 0 0 76% !important;
    flex: 0 0 76% !important;
    max-width: 76% !important;
}

#upsert-policy-Form .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
    height: auto;
    width: auto !important;
    padding: 0px 5px 0px 0px;
    border-radius: 5px !important;
    background-color: #fff !important;
}

#monday-time-specific-container .time-picker {
    min-width: 135px;
}

.vega-modal-content-right-overrides {
    right: 290px;
}

.vega-search-bar-tatimeoffpolicy-overrides {
    border: 0px !important;
    width: 100%;
    background-color: var(--v-bg-table-header) !important;
}

.align-group.flex-column.flex-md-row {
    margin-bottom: 14px;
}

#error-date-type-label.error.error_message {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
}

.vega-settings-wotc-overrides {
    padding: 1.25rem;
}

#timeoff_start_date.form-control.vega-input {
    min-height: 46px !important;
}

#timeoff_end_date.form-control.vega-input {
    min-height: 46px !important;
}

.vega-foot-button-overrides {
    margin-left: var(--v-size-12) !important;
}

#tableHeadSection div.gh-table-pie.payroll-table > .gh-table-head > .gh-table-row {
    width: 100% !important;
}

#policyTableBody .gh-table-row.employee-row-data {
    width: 100% !important;
}

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

#txt-website.vega-txt-website-overrides,
#txt-twitter.vega-txt-website-overrides,
#txt-facebook.vega-txt-website-overrides,
#txt-instagram.vega-txt-website-overrides,
#txt-instagram.vega-txt-website-overrides,
#txt-youtube-video.vega-txt-website-overrides,
#txt-linkedin.vega-txt-website-overrides {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#break-form .gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: 0 !important;
    border-radius: 2px !important;
    border: 1px solid #cbcbcc !important;
    background: var(--light-background-secondary, #F5F7F7) !important;
    color: var(--light-text-color-disabled, #B0B4B5) !important;
}

.vega-global-css .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ghalert {
    width: auto !important;
    padding: 0 !important;
    background: var(--v-bg-primary) !important;
}

.vega-global-css .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ghalert .ui-dialog-titlebar.ui-corner-all.ui-widget-header {
    background-position: 32px 46% !important;
    height: auto !important;
    min-height: 20px !important;
}

.vega-global-css .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ghalert .ui-dialog-titlebar.ui-corner-all.ui-widget-header .ui-dialog-titlebar-close {
    right: 20px !important;
    top: 26% !important;
}

.vega-global-css .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ghalert .ui-dialog-content.ui-widget-content{
    height: auto !important;
}

.vega-global-css #gh-footer.vega-copyright-footer {
    left: 0 !important;
}


#setup-paycodes-excluded > div > div:not(.gh-tree-dropdown-select) > label > span {
    margin-right: 20px !important;
}

.supervisor-hierarchy-level-input {
    width: fit-content !important; 
    max-width: 80px !important;
}

#group_ul.error, .location_list.error {
    border: var(--v-border-input-field-danger) !important;
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
    color: var(--v-text-error) !important; 
}

#groups_tab_view, #locationAssignContainer {
    padding-right: 0px !important;
}

#esheet-inout-addline-repeat-until .error-container  {
    min-height: 70px !important;
}

#esheet-inout-addline-repeat-until .error-container .text-danger {
    display: inline-block;
}

#timesheet_history_option .ta-employee-report-option-button,
#timesheet_history_option #options-list {
    min-width: 175px !important;
}

.no-custom-field-show, #personalInfoModal .section_header_title  {
    margin-bottom: 14px !important;
}

.gh-ba-container .arrow-content {
    border-radius: 12px !important;
}

#jobBasedPayRateModal .modal-dialog {
    min-width: 800px !important;
}

#resetConfirmModal .modal-dialog {
    max-width: 600px !important;
}

.time-attendance.nav-pills .nav-link.active, .gh-ba-container .gh-ep-tab-content .nav-pills .show > .nav-link,
#gh-ep-profile .profile li.selected a, .audit-trail li.selected > a  {
    border-left-color: #1362E2 !important;
}

#gh-ep-profile .profile li:first-child a {
    border-top: unset !important;
}

#timeAttendanceSideBar a:last-child {
    border-bottom: unset !important;
}

#ghemployees_table .employees-sort-icon-container {
    margin-left: 5px !important;
}

#employeesSearchInput {
    padding-left: 35px !important;
}

#employeesSearchInput + i.fas.fa-search {
    left: 15px !important;
    top: calc(50% - 8px) !important;
}

.gh-ba-container .needs-validation.was-validated .gh-has-error input:not([type="checkbox"]):not([type="radio"]), 
.gh-ba-container .needs-validation.was-validated .gh-has-error select {
    border: var(--v-border-input-field-danger) !important;
}

.gh-ba-container .form-control[required]:focus, .gh-ba-container .gh-ba-bs-none:focus {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

.gh-ba-container .form-control[required][readonly]:focus {
    box-shadow: unset !important;
}

.was-validated .form-control:not([type="radio"]):not([type="checkbox"]):invalid {
    border: var(--v-border-input-field-danger) !important;
}


.gh-ba-container .needs-validation.was-validated .form-control:invalid ~ .select2.select2-container.select2-container--open .select2-selection,
.gh-ba-container .needs-validation.was-validated .gh-has-error input:not(.disabled, :disabled, [readonly], [type="checkbox"]):not([type="radio"]):focus, 
.gh-ba-container .needs-validation.was-validated .gh-has-error select:not(.disabled, :disabled, [readonly]):focus,
.gh-ba-container .form-control.error[required]:focus,
.was-validated .form-control:not([type="radio"]):not([type="checkbox"]):invalid:focus {
   box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important;
   border: var(--v-border-input-field-danger) !important;
}

.vega-lh-single {
    margin-top: -8px !important;
    padding-top: 0px !important;
}

#auditTrailTableComponent, #enrollmentActivityComponent, 
#dependentsElectionComponent {
    box-shadow: unset !important;
}

#auditTrailTableComponent th[colspan='9'],
#enrollmentsTable th[colspan='9'],
#enrollmentActivityComponent th[colspan='9'] {
    border-bottom: unset !important;
}

input:disabled ~ .jobDropDownView, input:disabled ~ .job-search-result-container {
    color: var(--v-text-input-disabled) !important;
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
}

#priorW2EarningInput + .invalid-feedback {
    margin-bottom: 5px !important;
}

#period_form .col-sm-12, #period_form .custom-pay-days-container .col-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#variableScheduleSettingsTableContainer .variable-schedule-settings-table-row-body .dropdown-menu a {
    display: block;
}

#sendEmailModalNav {
    padding: 0px !important;
}

.gh-ba-container .gh-bg-light, #employeeContactPage .bg-light, #employeeEmploymentPage .bg-light {
    border-radius: 12px !important;
}

.gh-employee-status.terminated {
    color: var(--v-text-error) !important;
}

.vega-mobile-cancle-btn {
   color: #1362E2 !important;
   font: var(--v-font-btn-label-lg) !important; 
   font-size: 16px !important;
}

#ta-duration-table-body .custom-field-input.custom-field-file-in-form {
    height: 0px !important;
}

#report-preview-modal #ghCustomReportSearchQueryContainer a.dropdown-toggle {
    width: 180px !important;
}

#scheduled-hours-by-shift-modal .text-lg-center {
    font-size: 14px !important;
}

i.fas.fa-search::before,
.vega-chat-search::before {
    content: "" !important;
    background: url(/v4/img/vega-select-search.svg) !important;
    width: 16px;
    height: 16px;
    display: block;
}

.vega-chat-user::before {
    content: "" !important;
    background: url(/mobile/images/new_chat_group.svg) center no-repeat !important;
    width: 16px;
    height: 16px;
    display: block;
    background-size: 20px 20px !important;
}

.jobpage-pagination .page-link-turn {
    color: transparent !important;
}

#form-jobsearch ~ #list .jobpage-pagination .pagination .page-item:first-of-type a::before, 
#form-jobsearch ~ #list .jobpage-pagination .pagination .page-item:last-of-type a::before {
    content: '';
    display: block;
    background: url(/v4/img/vega-chevron-left.svg) center no-repeat;
    width: 11px;
    height: 15px;
    background-size: 11px 15px;
    margin-top: 1px;
}

#form-jobsearch ~ #list .jobpage-pagination .pagination .page-item:last-of-type a::before {
    transform: rotate(180deg);
}

#form-jobsearch ~ #list .jobpage-pagination .pagination .page-item.disabled .page-link::before {
    color: #6c757d !important;
    filter: grayscale(90%);
    opacity: 0.5;
}

#esheet-inout-table-body .list-unstyled .timepicker-picker tr td {
    text-align: center !important;
}

.timepicker-pair-line-container.inout-table-subline .text-danger {
    margin-left: 20px !important;
}

#esheet-inout-table-body .row.pb-2.m-0.inout-table-subline.vega-form {
    height: fit-content !important;
}

#holidayListBody .table-row .align-items-center {
    align-items: unset !important;
}

#taHolidayOverrideListBody .popover {
    max-width: unset !important;
}

#resetOptions > label > span:not(.vega-unassignRadioInput2-overrides, .vega-unassignRadioInput1-overrides, .vega-resetOptions-span-overrides) {
    color: var(--v-text-error) !important;
}

#tableHeadSection .payroll-table {
    overflow-x: hidden;
}

#loading {
    margin-bottom: 5px;
}

.chat-message-item .message-container {
    max-width: unset !important;
}

#new_device_form_left .gh-toggle-checkbox {
    height: 45px !important;
}

#new_device_form_left input.vega-input-switch:focus {
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

#new_device_form_left input.vega-input-switch:hover {
    background: #6B747D !important;
}

#new_device_form_left input.vega-input-switch:checked:hover {
    background: #0470EC !important;
}

#new_device_form_left input.vega-input-switch:disabled {
    background: #B0B4B5 !important;
}

#sheet-level-fields-table tbody > tr > td:first-child, #sheet-level-fields-table > tbody > tr > td:not(:first-child, :last-child) {
    position: unset !important;
}

#sheet-level-fields-table .text-center.field-td div a {
    font-size: 14px !important;
}

.vega-transactionDetails-overrides {
    display: flex;
}

#ot-rule-comment.form-control, #description_input {
    border-radius: var(--v-rounded-8) !important;
}

#param_check_input_1.vega-input-checkbox {
    margin-right: 0px !important;
}

.vega-employee-template {
    min-width: calc(100% - 480px) !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px !important;
    padding-left: 0px !important;
}

#pay-code-modal .vega-modal-container {
    width: 531px;
}

#pay-code-modal #updatePayCodeForm .gh-checkbox-kit {
    margin-right: 0 !important;
}

#modal-photo-uploader + .gh_dialog_bottom_bar .btn.gh-non-primary-btn {
    margin-right: 8px !important;
}

#modal-photo-uploader form i {
    margin-top: 55px !important;
    margin-bottom: 20px !important;
}

#modal-photo-uploader p i.fa-image:before {
    content: '' !important;
    background: url(/v4/img/vega-upload.svg) center no-repeat;
    display: block;
    width: 24px;
    height: 24px; 
}

#modal-photo-uploader form p span {
    color: var(--v-text-link) !important;
    font: var(--v-font-btn-label) !important;
}

#modal-photo-uploader form {
    margin: 0px !important;
    outline: unset !important;
    border: 1px dashed #ABC6D8;
    background-color: rgba(240, 243, 247, 1) !important;
    border-radius: 8px !important;
}

.form_error {
    border: unset !important;
}

#saveFaceIDSuccessModal .modal-header {
    border: none !important;
    padding-bottom: 0px !important;
}

#saveFaceIDSuccessModal .modal-body {
    border: none !important;
    padding-top: 0px !important;
}

#saveFaceIDSuccessModal .modal-title {
    visibility: hidden !important;
}

#saveFaceIDSuccessModal .modal-body .fas.fa-check-circle {
    font-size: 40px !important;
}

#saveFaceIDSuccessModal .modal-body .text-center.font-weight-bold {
    margin-top: 10px;
}

#employeeProfilePage .form-group label[for]:not(.error),
#gh-ep-profile .form-group label:not(.error).control-label {
    font-size: 14px !important;
    font-weight: 700 !important;
}

#deleteRuleModal #deleteRuleModalContent .modal-footer {
    justify-content: end !important;
}

#taskModal > span > span > div {
    display: flex;
}

#taskModal > span > span > div .job-code-content {
    margin-left: 58px;
}

#select2-pbj_job_code_input-results .job-code-code {
    vertical-align: top;
}

#unassignNumber.vega-unassignNumber-overrides {
    background-color: inherit !important;
    margin-top: -5px;
    margin-left: 0 !important;
}

#ta_employee_timeoff_history .org-table-container{
    margin-left: 17px;
}

#GhCalendarTableBody .gh-event-container {
    border-radius: 3px;
}

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

#collapse-additional .vega-addTenureBalanceRow-background-override .fa-trash-alt {
    margin-bottom: 10px;
}

.vega-tatimeoffpolicy-component-overrides {
    width: 230px;
}

.bf-content #dependentsElectionComponent .table.table-main tr.table-bdr {
    box-shadow: unset !important;
}

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

#ghChatFileInputResult {
    display: flex;
    align-items: center;
}

.org-modal-header .modal-title {
    word-break: break-word;
}

#taClockModalForFeed #taClockWorkJob + .dropdown-menu {
    width: 94% !important;
    max-width: unset !important;
}

#assignJobInput + .dropdown-menu {
    width: calc(100% - 30px) !important;
    max-width: unset !important;
}

#taClockWorkJob:focus ~ .job-search-result-container, #assignJobInput:focus ~ .job-search-result-container,
input:focus ~ .job-search-result-container {
    border: 1px solid #1362E2 !important;
}

#dependentsElectionComponent .fa.fa-trash {
    width: 18px;
    height: 18px;
}

#dependentsElectionComponent .fa.fa-trash:before {
    width: 18px;
    height: 23px;
    background-size: 18px 18px !important;
}

#groupCardListContainer .card-header {
    border-radius: 12px !important;
}

#ghChatFileInputResult i {
    margin-top: 3px;
}

#gh-body .gh-container #gh-body-primary {
    min-height: calc(100vh - 200px);
}

#modal-login-wrapper {
    background: none !important;
    text-align: center !important;
}

#modal-login-wrapper #frmSignin label[for] {
    line-height: 40px;
    margin-bottom: 0;
}

#modal-login-wrapper input {
    padding: var(--v-size-8) var(--v-size-12) !important;
}

.login-vega-heartland-logo.d-none {
    display: block !important;
}

.vega-img-override-logo {
    display: none !important;
}

/* Password Reset & Invite Begin*/
#password-reset-form #agreement {
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--v-text-secondary) !important;
}

#password-reset-form #agreement a {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    color: var(--v-text-link) !important;
}

#password-reset-form label.error {
    color: var(--v-text-error) !important;
    font: var(--v-font-footnote1-short) !important;
}

#country-selector button.dropdown-toggle::before,
#country-selector button.dropdown-toggle::after {
    display: none !important;
}

#country-selector button.dropdown-toggle:not(.vega-dropdown-arrow-hidden) {
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 8px) center/16px 16px !important;
}

#country-selector button.dropdown-toggle i.icon-flag {
    vertical-align: middle !important;
}
/* Password Reset & Invite End*/

/** COM-511 **/
.vega_break_inputDescription_overrides::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}

.vega_break_inputDescription_overrides {
    -ms-overflow-style: none;
}

.vega_break_inputDescription_overrides {
    overflow: -moz-scrollbars-none;
}
/** COM-511 **/

/** COM-501 **/

#timeoffModal .vega-modal-container{
    background-color: white !important
}

.vega-calendar::before {
    content: "" !important;
    background: url("/v4/img/vega-calendar.svg") center no-repeat !important;
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 20px 20px !important;
    opacity: 0.5;
}

#deviceHeartbeatModal #deviceDateRangePicker {
    padding-left: 40px !important;
}
/** COM-501 **/

/** COM-612 **/
.vega-loading-width-overrides {
    width: 35px;
}

/** COM-612 **/
.vega-well-text-center-overrides {
    height: 180px;
    background-color: white; 
    display: flex;
    justify-content: center;
    margin-left: 0;
}

.vega-card-shadow-none-overrides {
    background-color: #f8f9fa !important;
    padding: var(--v-size-16) !important;
}

/** COM-612 **/


/** COM-513 **/
#bulkUnassignTimeOffPolicyForm .fa-exclamation-triangle:before {
    color: #bd2947 !important;
}

.vega-tatimeoffpolicy-component-overrides {
    min-width: 300px;
}

.vega-d-flex-overrides {
    display: flex;
}

/** COM-513 **/


#clock_detail_tab .zkt-clock-connect-status-container  .configuration-container .text-primary.vega-default-link:not(.disabled-link):not(.text-secondary):hover
{
   color: var(--v-text-link-hover) !important;
}

#clock_detail_tab .zkt-clock-connect-status-container  .configuration-container .text-primary.vega-default-link:not(.disabled-link):not(.text-secondary){
    color: var(--v-text-link) !important;
}

#clock_detail_tab .zkt-clock-connect-status-container  .configuration-container .text-primary.vega-default-link:not(.disabled-link):not(.text-secondary):focus
{
   color: var(--v-text-link-focus) !important;
}
#clock_detail_tab .zkt-clock-connect-status-container  .configuration-container .text-primary.vega-default-link:not(.disabled-link):not(.text-secondary):active
{
   color: var(--v-text-link-active) !important;
}

#moreAssignEmployees.vega-button.btn.btn-outline-primary {
    color:var(--v-text-on-action) !important ;
    border-color: var(--v-bg-action) !important;
}

#moreAssignEmployees.vega-button.btn.btn-outline-primary:focus {
    background: var(--v-bg-action-focus) !important; ;
    border-color: var(--v-bg-action-focus) !important;
}

#moreAssignEmployees.vega-button.btn.btn-outline-primary:hover {
    background:  var(--v-bg-action-hover) !important;;
    border-color: var(--v-bg-action-hover) !important;
}

#moreAssignEmployees.vega-button.btn.btn-outline-primary:active {
    background:  var(--v-bg-action-active) !important;;
    border-color: var(--v-bg-action-active) !important;
}

#zktClockAssignContainer .gh_loader {
    left: -32px;
    right: -32px;
}

#unassignZktClockAlertModal .vega-modal-footer .col-sm-3.vega-padding-lr-0 {
    flex: none;
    width: auto;
}

.vega-upload-error-close {
    text-shadow: unset !important;
    opacity: 1;
}

#employer-view-detail-table-body .checked-employee {
    background-color: var(--v-text-link);
}

/** COM-517 **/
#ghemployees_table .gh-table-th {
    justify-content: flex-start !important;
}
.vega-job_details-warning-txt-overrides {
    color: var(--v-text-error) !important;
}

.search_filter_sets_container .vega-tree-dropdown .vega-select {
    min-height: 46px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#cancelAllAssigned .far.fa-times-circle::before {
    content: "\f00d";
    top: 10px !important;
    margin-left: var(--v-size-8) !important;
    float: right !important;
    margin-right: 0 !important;
    position: relative;
    top: 11px !important;
    right: 4px;
    width: 20px !important;
    height: 20px !important;
    background: url(/v4/img/vega-select-remove.svg) no-repeat !important;
}

.vega-review-message-overrides {
    color: #01801F;
    flex-wrap: inherit !important;
}

.vega-file-name-container-overrides {
    color: var(--light-text-color-link, #1362E2);
    font: var(--v-font-btn-label) !important;
    text-decoration: unset !important;
}

#job-progress-bar .progress .progress-bar {
    background-color: #a0e9a9 !important;
    border-radius: 1.25rem !important;
}

#job-progress-bar .status_message {
    margin-top: 10px;
    font: var(--v-font-btn-label) !important;
}

#esheet-inout-addline-repeat-bln {
    margin-left: -4px !important;
}

#esheet-inout-addline-repeat-weekday {
    position: relative;
    left: 10px;
}

.gh-employee-pov .enforce_maximum_break_help {
    left: -37px !important;
    bottom: 105px !important;
}

.enforce_maximum_break_help .enforce_maximum_break_help_arrow {
    background-color: #fff !important;
    height: 7px !important;
    width: 7px !important;
    top: 28px !important;
    border-bottom: 1px solid rgb(199,217,229) !important;
    border-right: 1px solid rgb(199,217,229) !important;
}

.bs-tooltip-top.show {
    opacity: 1 !important;
}

.enforce_maximum_break_help,
.gh-employee-pov .tooltip-inner {
    background-color: #fff !important;
    border: var(--v-border-divider-secondary) !important;
    color: var(--v-text-primary) !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    padding: 3.5px 7px !important;
}

.gh-employee-pov .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, 
.gh-employee-pov .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: rgb(199,217,229) !important;
}

#clockTableTableViewContainer .orig-time-tooltip {
    margin-right: 3px !important;
}

#esheet-inout-table-body .timepicker-interval .vega-input.none-outline {
    border: none !important;
    box-shadow: none !important;
}

#taClockModal .select2-selection.select2-selection--single:focus,
 #esheet-inout-addline-modal .select2-selection.select2-selection--single:focus {
    border: 1px solid #1362E2 !important;
}

#taClockModal select.error + .select2 .select2-selection.select2-selection--single:focus {
    border: var(--v-border-input-field-danger) !important;
}

.bootstrap-datetimepicker-widget table td {
    border: none !important;
}

.web-clock-confirmation-container .fas.fa-times::before {
    background: url(/v4/img/vega-modal-close-btn.svg) center !important;
    background-repeat: no-repeat !important;
    content: '' !important;
    width: 16px;
    height: 16px;
    display: block;
}

#esheet-inout-addline-repeat-weekday .round-checkbox,  #esheet-inout-addline-repeat-weekday .round-checkbox label{
    margin-bottom: 0px !important;
}


#paySummaryHeaderDateText, #timeOffBankHeaderDateText {
    color: var(--v-text-primary) !important;
}

/** COM-517 **/


.vega-org-table-container .vega-table-border-radius_container .vega-table .vega-table-tbody tr:last-of-type td:first-of-type,
.vega-org-table-container .vega-table-border-radius_container .vega-table .vega-table-tbody tr:last-of-type td:last-of-type {
    border-radius: unset !important;
}

.vega-org-table-container .user-avatar,
.vega-org-table-container .profileImage,
.employee-avatar-wrapper {
    box-shadow: none !important;
}

#ClockInButtonGroup .custom-field-file__action svg path {
    fill: currentColor;
}

#taShiftTemplateForm #formTaShiftTimezone .select2-search .select2-search__field{
    padding-left:0px
}
.disabled-gh-checkbox-kit input[type=checkbox].vega-input-checkbox:checked::before {
    background-color: #767778 !important;
}


.vega_time_off_badge_container_items {
    overflow-x: auto !important;
}

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

.vega-sync-btn-group-overrides {
    position: unset !important;
}
.web-clock-pie-plain-footer.pie-plain-footer {
    display: block !important
}

#employeeWithEmailTab .bulk-email-table-row div[name="status"],
#employeeWithoutEmailTable .bulk-email-table-row div[name="status"] {
    font-weight: 500 !important;
}

#web-clock-pin-component .web-clock-time-container {
    background: #464765 padding-box;
}

.gh-select-input.vega-dropdown {
    padding-right: 35px !important;
}

#taEmployeeDashboardButtonGroup .take-break-button {
    color: #203645;
}

.vega-startTime-icon-overrides,
.vega-endTime-icon-overrides {
    top: 8px !important;
}

.vega-assigned-holiday-container-overrides {
    overflow-y: auto !important;
}

#taEmployeeDashboardButtonGroup .required-mark-container  {
    margin-left: 4px;
}
#taEmployeeDashboardButtonGroup .jobDropDownView p.empty-hint {
   text-align: left;
   padding: 8px 12px !important;
}

.custom-field-file__action .input-group-text.vega-default-link {
    font-weight: 700 !important;
    line-height: 22px !important;
}

 .custom-field-file__action .input-group-text.vega-default-link svg.d-none {
    display: block !important;
    margin-left: -2px;
}

.custom-field-file__action .input-group-text.vega-default-link svg.d-none path {
    fill: unset !important;
}

.custom-field-file__action .input-group-text.vega-default-link:hover {
    color: var(--v-text-link-hover) !important;
}

.custom-field-file__action .input-group-text.vega-default-link:focus {
    color: var(--v-text-link-focus) !important;
}

.custom-field-file__action .input-group-text.vega-default-link:active {
    color: var(--v-text-link-active) !important;
    outline: none !important;
    text-decoration: unset !important;
}

.custom-field-file__action .input-group-text.vega-default-link:hover svg.d-none path {
    stroke: var(--v-text-link-hover) !important;
}

.custom-field-file__action .input-group-text.vega-default-link:focus svg.d-none path {
    stroke: var(--v-text-link-focus) !important;
}

.custom-field-file__action .input-group-text.vega-default-link:active svg.d-none path {
    stroke: var(--v-text-link-active) !important;
}


/** COM-501 **/
#inputComment.form-control[readonly]::-webkit-scrollbar-track {
    background-color: #e9ecef;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: var(--v-rounded-8);
    border-bottom-right-radius: var(--v-rounded-8);
}

.vega-transactionDetails-font-overrides {
    width: 91px !important;
}

.vega-font-weight-bold-overrides {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

.vega-approved-time-off-overrides {
    background-color: #A0E9A7 !important;
    color: #203645 !important;
}

#GhCalendarTableBody table > thead > tr > td.not-current-month > a {
    color: #6B747D;
} 

#schedule-repeat-option #RepeatEndsByTimes {
    height: 95px;
}

#schedule-repeat-option #RepeatEndsByTimes .input-group {
    position: relative;
}

#schedule-repeat-option #RepeatEndsByTimes #repeat_end_times-error {
    position: absolute;
    top: 40px;
} 

/** COM-501Transaction Details **/

/** COM-710 **/

#time_off_badge_container_items a > span.ml-1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #203645;
}

#time_off_badge_container_items a.active > span.ml-1 {
    color: #1362E2;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

/** COM-710 **/

/** COM-513 **/

#collapse-additional .vega-addTenureBalanceRow-div-override .timeoff_policy_error  {
    position: absolute!important;
    width: max-content;
}

#collapse-additional  .vega-addTenureBalanceRow-div-override {
    margin-bottom: 20px
}

#timeOffLieuModal label.error {
    margin-bottom: -33px;
    font-size: 14px !important;
}

/** COM-513 **/

/** COM-517 **/

#employee-search-container .gh-ba-container .vega-select {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

#bulk_upsert_task_form .fas.fa-file::before {
    content: '' !important;
    background: url(/v4/img/vega-Icon-fas-fa-file-lines.svg) center no-repeat !important;
    width: 14px;
    height: 18px;
    display: block;
    background-size: 15px 18px !important;
    margin-bottom: -3px;
}

.vega-progress-bar-striped-overrides {
    background-image: none;
}

#AssignMoreTaskemployeesSearchInput.vega-input {
    padding-left: 40px !important;
}

/** COM-517 **/

/** COM-613 **/

.vega_team_members_title_overrides {
    display: flex;
    justify-content: space-between;
    max-width: 65%;
}

/** COM-613 **/

/** COM-501 **/

#timeoff-table tbody > tr > td:not(:first-child) {
    min-width: 111px;
}

#time_off_badge_bulk_action.dropdown-toggle.btn.disabled,
#time_off_badge_sync_btn.dropdown-toggle.btn.disabled{
    background-color: var(--v-bg-disabled) !important;
}

/** COM-501 **/

/** COM-710 **/

#time_off_badge_container_items .pill.active {
        color: var(--light-text-color-primary, #203645) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

/** COM-710 **/

/** COM-612 **/

.vega-loading-center-overrides {
    display: flex;
    justify-content: center;
}

#activeteammember .table tbody tr td:last-child {
    padding: 0 !important
}

.vega-assignJobstoTeamMember-modal-content {
    width: 650px;
}

.vega-companyProfile-control-label-overrides {
    color: #bd2947 !important;
}

/** COM-612 **/

#taEmployeeDashboardHeader {
    background-color: #181830 !important;
}
#taEmployeeDashboardAvatarContainer {
    background-color: #464765 !important;
}
#taEmployeeDashboardStatusContainer {
    background-color: #464765 !important;
}

.vega-assign-task-form-font-weight-bold-overrides {
    font-weight: 400 !important;
}

.dragable-file-modal__area {
    margin: 10px 20px 20px !important;
    outline: unset !important;
    border: 1px dashed #ABC6D8 !important;
    background-color: rgba(240, 243, 247, 1) !important;
    border-radius: 8px !important;
}

.dragable-file-modal__area h4,  
.dragable-file-modal__area h5 {
    font-weight: 600 !important;
    color: var(--v-text-primary) !important;
}

.vega-file-upload-overrides {
    display: flex;
    justify-content: center;
    height: 100px
}

#taEmployeeDashboardButtonGroup .custom-field-file__list {
    margin-top: 11px;
    margin-bottom: -12px;
}

.custom-field-file__list .custom-field-file-item-content .file-delete-icon .far.fa-trash-alt.d-none {
    display: block !important;
}

.custom-field-file__list .custom-field-file-item-content .file-name.vega-link-small {
    margin-left: 5px;
}


#taEmployeeDashboardButtonGroup button.btn.btn-success:focus {
    background-color: #A0E9A7 !important;
    border: 2px solid #A0E9A7 !important;
    box-shadow: 0px 0px 0px 4px #01801F40 !important;
}

#taEmployeeDashboardButtonGroup  button.btn.btn-success:hover {
    background-color:  #8DE39B !important;
    border: 2px solid #8DE39B !important;
}


#taEmployeeDashboardButtonGroup button.btn.btn-success:active {
    background-color:  #59D977 !important;
    border: 2px solid #59D977 !important;
    box-shadow:none !important
}


#taEmployeeDashboardButtonGroup  button.btn.btn-warning {
    border: 2px solid var(--v-bg-status-warning) !important;
    background-color: var(--v-bg-status-warning) !important;
}


#taEmployeeDashboardButtonGroup button.btn.btn-warning:focus {
    background-color:  #FFDC83 !important;
    border: 2px solid #FFDC83 !important;
    box-shadow: 0px 0px 0px 4px #FFBF3F40  !important;
}

#taEmployeeDashboardButtonGroup  button.btn.btn-warning:hover {
    background-color:  #FED78E !important;
    border: 2px solid #FED78E !important;
}


#taEmployeeDashboardButtonGroup button.btn.btn-warning:active {
    background-color:  #FFD469 !important;
    border: 2px solid #FFD469 !important;
    box-shadow:none !important
}

#taEmployeeDashboardButtonGroup button.btn.btn-danger:focus {
    background-color:  var(--v-bg-danger-focus) !important;
    border: 2px solid var(--v-bg-danger-focus) !important;
    box-shadow: var(--v-ring-action-danger-focus) !important;
}

#taEmployeeDashboardButtonGroup  button.btn.btn-danger:hover {
    background-color:  var(--v-bg-danger-hover) !important;
    border: 2px solid var(--v-bg-danger-hover) !important;
}


#taEmployeeDashboardButtonGroup button.btn.btn-danger:active {
    background-color:  var(--v-bg-danger-active) !important;
    border: 2px solid  var(--v-bg-danger-active)  !important;
    box-shadow:none !important
}

.custom-field-file-item-content .mine-type-icon img.d-none{
    display: block !important;
    width: 16px !important;
    height: 16px !important;
}

/** COM-501 **/

#emptyFileField label[disabled="disabled"] > a.vega-default-link {
    color: var(--v-bg-disabled) !important;
}

#repeatByWeekContainer label[disabled="disabled"] + div > button.circle-button.active {
    background-color: var(--v-bg-disabled) !important;
    color: white !important;
    border-color: var(--v-bg-disabled) !important;
}

#repeatByWeekContainer label[disabled="disabled"] + div > button.circle-button {
    color: var(--v-bg-disabled) !important;
    border-color: var(--v-bg-disabled) !important;
}

.vega-Balance-after-booking-overrides {
    font-weight: 400;
}

.vega-default-link:focus {
    color: var(--v-text-link-hover) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
    background-color: unset !important;
}

#nonEmptyFileField {
    align-items: baseline !important;
}

#timeoff_balance_history.form-control {
    padding-left: 2em !important;
}

.gh-event-container .gh-event {
    color: #203645 !important;
    font-size: .8rem;
    padding: 0.2rem 0.4rem;
}

.vega-requested-time-off-overrides {
    color: #203645 !important;
}

#timeoff-form .py-4.position-relative.fg-1,
#timeoff-form .py-4.position-relative.mr-3 {
        display: flex !important;
}
/** COM-501 **/

/** COM-513 **/

#rules-timeoff-reset-date.vega-input.error {
    display: flex;
    position: relative;
    top: 17px;
}

#rules-timeoff-reset-date.vega-input.error ~ .error {
    display: flex;
    position: relative;
    top: 17px;
    left: 5px;
}

#resetSection #rules-timeoff-reset-date + .timeoff_policy_error {
    position: relative;
    top: 16px !important;
}

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error + .vega-fa-calendar-alt-overrides {
    top: 11px !important;
}

#waitingPeriodSection #rules-timeoff-timeoff-waiting-date.error + .vega-fa-calendar-alt-overrides,
#waitingPeriodSection #rules-timeoff-timeoff-waiting-date-for-rehire.error + .vega-fa-calendar-alt-overrides {
    top: 25px !important;
}

#waitingPeriodSection #rules-timeoff-timeoff-waiting-date.error + .bootstrap-datetimepicker-widget + div,
#waitingPeriodSection #rules-timeoff-timeoff-waiting-date-for-rehire.error + .bootstrap-datetimepicker-widget + div {
    top: 25px !important;
}

#waitingPeriodSection #rules-timeoff-timeoff-waiting-date.error,
#waitingPeriodSection #rules-timeoff-timeoff-waiting-date-for-rehire.error,
#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error,
#rules-timeoff-accuralparams-timing.vega-input.error{
    position: relative;
    top: 16px;
}

#waitingPeriodSection #rules-timeoff-timeoff-waiting-date.error ~ .error,
#waitingPeriodSection #rules-timeoff-timeoff-waiting-date-for-rehire.error ~ .error,
#rules-timeoff-accuralparams-timing.vega-input.error ~ .error {
    position: relative !important;
    top: 16px;
}

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input {
    padding-left: 25px !important;
}

.vega-radius-overrides {
    border-radius: 12px;
}

#approvalPathModal .vega-modal-content,
#approvalPathModal .modal-dialog {
    min-width: 1200px !important;
}

#wipeSection #wipeOutOption.error {
    padding-top: 0px !important;
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
    word-break: break-word;
    max-width: 100%;
}

#timeoff-update-modal-body .vega-fa-chevron-down-overrides {
    color: var(--v-text-link) !important;
    font-weight: 700 !important;
    font-size: var(--v-size-20) !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.vega-Recalculate-overrides {
    margin-right: -6px;
}

#tableHeadSection .gh-table-head .gh-table-th.align-group-space-between,
#policyTableBody .gh-table-row.employee-row-data > div:nth-child(2),
#policyTableBody .gh-table-row.employee-row-data > div:nth-child(3) {
    padding-left: 0px !important;
}

#BulkUnassignTimeOffPolicyModal #employeeInputSearch {
    border-radius: var(--v-rounded-12) !important;
    border-collapse: collapse !important;
}

#timeOffLieuModal .vega-modal-container {
    width: 1000px;
}

#timeOffLieuModal .gh_loader {
    width: 1000px;
    left: 100px;
    border-radius: 8px !important;
}

#timeOffLieuNameInput-error {
    position: absolute;
    margin-left: 150px !important;
    margin-top: 27px !important;
}

/* #dateTypeRadioLabel1.error .form-check-label,
#dateTypeRadioLabel2.error .form-check-label {
    color: var(--v-text-error) !important;
} */

#taDeleteHolidayModal .vega-modal-content .text-center {
    text-align: left !important;
}

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

#ApprovalForm .select2.select2-container .select2-selection__choice {
    margin-bottom: 4px !important;
    margin-left: 6px !important;
    margin-top: 4px !important;
    margin-right: 6px !important;
}

#ApprovalForm .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 0;
    padding-top: 4px !important;
    padding-left: 6px !important;
    padding-bottom: 4px !important;
    padding-right: 6px !important;
}

.vega-italic-span-overrides {
    color: var(--light-text-color-secondary, #6B747D);
    font-family: Inter !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500;
    line-height: 22px;
}

.vega-light-text-color {
    color: var(--light-text-color-secondary, #6B747D) !important;
}

#timeOffLieuForm div > label:not(.error),
#timeOffPayCodeForm div > label:not(.error),
#timeOffPayCodeForm #payCodeMultiplierInput + span,
#lieuPayCodeTable .tree-table-empty-placeholder .font-weight-bold,
#ta-holiday-preview-no-data-container .font-weight-bold {
    font-size: 16px !important;
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
}

#rules-timeoff-reset-date {
    padding: var(--v-size-8) var(--v-size-12) !important;
}

#taHolidayPolicyForm select.system-readonly {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

#taHolidayPolicyForm select.system-readonly {
    background: #fff url(/v4/img/vega-select-disabled-arrow-down.svg) no-repeat scroll calc(100% - 13px) center/16px 16px !important;
}

#taHolidayPolicyForm select.system-readonly {
    color: var(--v-text-input-disabled) !important;
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
    opacity: 1;
}

#noDataMsg {
    font-size: 14px !important;
}

#lieuPayCodeTable {
    box-shadow: none !important;
}

#expire-line .position-relative {
    margin-left: 5px !important;
}

#ApprovalForm .select2.select2-container .select2-selection--multiple {
    padding: 0!important;
}

#ApprovalForm .approval_method_approvers {
    padding: 0;
}

.vega-addTenureBalanceRow-parent-div-override-right .timeoff_policy_error {
    left: 22px !important;
}

#rules-timeoff-carry-limit + .timeoff_policy_error {
    display: flex;
    position: relative;
    left: 3px;
}

.years-div.timing:has(.error) {
    position: relative;
    top: -16px
}

#rules-timeoff-accuralparams-timing + .bootstrap-datetimepicker-widget + .vega-fa-calendar-alt-overrides {
    top: 9px !important;
}

#ApprovalForm .approval-condition-border .selection .select2-selection.select2-selection--single{
    padding-right: 35px !important;
}

/** COM-513 **/


/* #dragable-file-modal .dragable-file-modal__area .vega-button.vega-primary-button.btn-info {
    border-color: var(--v-bg-action) !important;
} */

.web-clock-toggle-section .web-clock-pin-pad-container .pin-code-card {
    box-shadow: var(--v-shadow-modal) !important;
}
/** COM-517 **/

.vega_empty_employees_section_assign_more_overrides {
    border-radius: var(--v-rounded-12) !important;
    padding-bottom: 0px !important;
}

#employee-search-container .container-fluid.gh-ba-container .p-3.mx-0.row.bg-white.rounded.border,
#assignMoreTaskModalContent .container-fluid.gh-ba-container .p-3.mx-0.row.bg-white.rounded.border,
#assignMoreZktClockModalContent .container-fluid.gh-ba-container .p-3.mx-0.row.bg-white.rounded.border,
#empty_employees_section > div {
    border-radius: var(--v-rounded-12) !important;
}

#job-table-container table .vega-table-tbody tr[level = "1"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "1"]  .col-3.relative {
    padding-left: 40px !important;
}
#job-table-container table .vega-table-tbody tr[level = "2"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "2"]  .col-3.relative {
    padding-left: 80px !important;
}
#job-table-container table .vega-table-tbody tr[level = "3"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "3"]  .col-3.relative {
    padding-left: 120px !important;
}
#job-table-container table .vega-table-tbody tr[level = "4"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "4"]  .col-3.relative {
    padding-left: 160px !important;
}
#job-table-container table .vega-table-tbody tr[level = "5"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "5"]  .col-3.relative {
    padding-left: 200px !important;
}
#job-table-container table .vega-table-tbody tr[level = "6"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "6"]  .col-3.relative {
    padding-left: 240px !important;
}
#job-table-container table .vega-table-tbody tr[level = "7"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "7"]  .col-3.relative {
    padding-left: 280px !important;
}
#job-table-container table .vega-table-tbody tr[level = "8"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "8"]  .col-3.relative {
    padding-left: 320px !important;
}
#job-table-container table .vega-table-tbody tr[level = "9"]  .col-4.relative,
#job-table-container table .vega-table-tbody tr[level = "9"]  .col-3.relative {
    padding-left: 360px !important;
}

#bulkUnassignButton.vega-button.vega-secondary-button:disabled {
    cursor: not-allowed !important;
    pointer-events: unset !important;
}

#job-table-body .badge.disabled-badge {
    position: static !important;
    border-radius: 15px !important;
}

/** COM-517 **/

/** COm-501 **/

#timeoff_team_top li > a > button:focus-visible {
    outline: 5px auto var(--v-bg-action) !important;
}

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

#adjustTimeoffLedgerModal .vega-required-lebal-overrides {
    margin-left: 4px;
}

#timeoffIntersectLedgersContainer {
    padding-right: 20px !important;
}

#nonEmptyFileField.not-allowed i.fa-trash-alt {
    color: var(--v-text-input-disabled) !important
}

#timeoffEmployeeSelectContainer > select,
#inputTimeOffType.form-control {
    max-width: calc(100% - 13px) !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 30px !important;
}

#adjustTimeoffLedgerForm textarea.form-control.error {
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
}

#timeoff-team-balance-table-body .total-tr > td {
    background-color: #464765 !important;
}

#adjustTimeoffLedgerForm > div:nth-child(4) > div > div:nth-child(1),
#adjustTimeoffLedgerForm > div:nth-child(5) > div > div:nth-child(1) {
    margin-top: -3px !important;
}

#adjustTimeoffLedgerForm > div:nth-child(4) > div > div:nth-child(1) > label > input,
#adjustTimeoffLedgerForm > div:nth-child(5) > div > div:nth-child(1) > label > input{
    margin-bottom: -2px !important;
}

#adjustTimeoffLedgerForm > div:nth-child(4) > div > div:nth-child(2) > input,
#adjustTimeoffLedgerForm > div:nth-child(5) > div > div:nth-child(2) > input {
    margin-top: -5px !important;
}

#pickupShiftSettingCheckGroup .align-group-col:first-of-type {
    margin-left: -6px !important;
}
/** COm-501 **/

/** COM-517 **/

.vega-gh-assignmoretask-overrides {
    min-height: 75px !important;
}

#ghemployees_div_assignmore .vega-table-header .gh-table-th.d-flex:nth-child(2) {
    margin-left: -15px
}

#assign-employee-body-assignmore .gh-table-row > div:nth-child(2) {
    margin-left: -15px
}

/** COM-517 **/

/** COM-513 **/

#tenure-reset-section .tenure-reset-item {
    border-radius: 12px !important;
}

#ApprovalForm .col-sm-8.criteria-1.vega-margin-left-8 {
    padding: 8px;
}

#ApprovalForm .align-group.flex-column.flex-md-row:has(input.error) + .vega-criteria-delete-overrides {
    margin-bottom: 15px;
    margin-top: 0px;
}

#ApprovalForm .align-group.flex-column.flex-md-row + .vega-criteria-delete-overrides {
    margin-top: 13px;
}


#timeoff-rules .fa-angle-down.fa-chevron-down {
    color: var(--v-text-link) !important;
    font-size: var(--v-size-20) !important;
}

#timeoff-rules[style*="pointer-events: none;"] .fa-angle-down.fa-chevron-down {
    color: #b0b4b5 !important;
}

.veaga-timeoff-rules-special-overrides {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500;
    line-height: 22px;
    color: var(--light-text-color-secondary, #6B747D);
}

#waitingPeriodSection input[type="radio"].vega-radio {
    margin-top: -1px;
    margin-right: 0px !important;
}

#timeoff-settings input[type="radio"].vega-radio {
    margin-top: -1px;
    margin-right: 0px !important;
}

#timeoff-rules .p-4 input[type="radio"].vega-radio {
     margin-top: -1px;
}

#timeOffPayCodeModal .vega-form label.error {
    font-size: 14px !important;
}

#multipleTimeOffPolicySelectContainer > div:has(select.error) {
    margin-bottom: -25px;
}

#tenure-balance-section-list .fa-trash-alt {
    margin-bottom: 6px !important;
}

/** COM-513 **/

/** COM-612 **/

#div_account_setting .vega-table-border-radius_container table th:first-child {
    border-radius: var(--v-rounded-12) 0 0 0 !important;
}

#div_account_setting .vega-table-border-radius_container table th:last-child {
    border-radius: 0 var(--v-rounded-12) 0 0 !important;
}

#div_account_setting .vega-table-border-radius_container table tr:last-child td:first-child {
    border-radius: 0 0 0 12px !important;
}

#div_account_setting .vega-table-border-radius_container table tr:last-child td:last-child {
    border-radius: 0 0 12px 0 !important;
}

#div_account_setting .vega-table-border-radius_container table tr:first-child th {
   border-bottom: var(--v-border-divider-secondary) !important;
}

#div_account_setting .vega-table-border-radius_container table td {
   border-right: unset !important;
   border-bottom: var(--v-border-divider-secondary) !important;
   background-color: #fff !important;
}

#div_account_setting .vega-table-border-radius_container table tr:last-child td {
   border-bottom: unset !important;
}

#logoWarningModal .modal-header button {
    margin-top: 27px !important;
    margin-right: 23px !important;
}

#modal-account-changer,
#div_add_team_member_container,
#div_delete_team_member_container,
#div_add_team_member_container {
    background-color: #fff !important;
}

#div_delete_team_member_container {
    text-align: left !important;
}

#modal-account-changer select {
    margin-top: 20px
}

#modal-account-changer,
#div_add_team_member_container,
#div_delete_team_member_container,
#div_add_team_member_container {
    font: var(--v-font-field-label) !important;
    color: var(--v-text-primary) !important;
}

#div_onboarding_permissions span,
#div_wotc_permissions span {
    margin-left: 2px !important;
}

.vega-modal-container:has(#div_add_team_member_container) {
    min-width: 580px !important;
}

#div_onboarding_permissions {
    margin-top: 10px;
    border-radius: 12px;
    background-color: rgba(245, 247, 247, 1);
    border: none;
    box-shadow: none;
}

#div_wotc_permissions {
    border-radius: 12px;
    background-color: rgba(245, 247, 247, 1);
    border: none;
    box-shadow: none;
}

#div_add_team_member_container input[type="checkbox"] {
    margin-right: 2px !important;
}

.gh_dialog .gh_dialog_close_link {
    margin-top: 8px
}

#form-addteam #sel-role.error + label + span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    background-color: var(--v-light-background-primary, #FCFCFC) !important;
    border: var(--v-border-input-field-danger) !important;
}

#sel-role-error {
    position: absolute;
    top: 38px;
}

#addCCModal .modal-body, .note-modal.link-dialog .modal-body, .ui-dialog .ui-dialog-content {
    /* padding-top: 0 !important; */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#team-members .img_delete_team_member {
    width: 15px !important
}

.gh-content-company-settings .main-content .font_grey {
    color: var(--light-Text-Color-Secondary, #6B747D);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

#activeteammember table td:nth-child(5) > span {
    color: #203645 !important
}

#div_account_setting table tr.orderRow.pointer td {
    background-color: #fff !important;
}

#div_account_setting table tr.orderRow.pointer td:last-child {
    border-right: var(--v-border-divider-secondary) !important;
}

#div_account_setting table tr.orderRow.pointer td:nth-child(1) {
    border-left: var(--v-border-divider-secondary) !important;
}

#div_account_setting table tr.orderRow.pointer:last-child td:nth-child(1) {
    border-bottom-left-radius: 12px
}

#div_account_setting table tr.orderRow.pointer:last-child td:last-child {
    border-bottom-right-radius: 12px
}

#div_account_setting table tr.orderRow.pointer td,
#div_account_setting table tr th {
    border-bottom: var(--v-border-divider-secondary) !important;
}

#company-btns {
    margin-right: -8px !important;
}

#company-btns .text-right button {
    margin-top: -40px !important;
}

#form-addteam span.select2-container--above.select2-container--focus > span > span {
    border: 1px solid #1362E2 !important;
}

#activeteammember .table tbody tr td:last-child> a {
    margin-top: -2px !important;
}

#div_account_setting a[data-target="#deleteCCModal"] > img{
    height: 18px !important
}

/** COM-612 **/

#taEmployeeDashboardButtonGroup .custom-field-file .custom-field-file__action input.custom-field-file-in-form {
    visibility: hidden !important;
}

#taEmployeeDashboardButtonGroup .custom-field-file.vega-input {
    padding-top: var(--v-size-8) var(--v-size-12) !important;
}


#timeoff-rules[style*="pointer-events: none;"] .vega-onoff-switch::before {
    background-color: rgba(153, 192, 255, 1) !important;
}

/** COM-612 **/

/** COM-513 **/

#time-off-rule-component .fa-angle-down.fa-chevron-down {
    color: var(--v-text-link) !important;
    font-size: var(--v-size-20) !important;
}

#tableHeadSection .gh-table-row > div:nth-child(2) {
    left: 45px !important;
}

#tableHeadSection .gh-table-row > div:nth-child(1) {
    max-width: 45px !important;
    min-width: 45px !important;
}

#resetOptions > label > input {
    margin-bottom: -2px;
}

#timeoff-tab-rules .card-header {
    border-radius: var(--v-rounded-12) var(--v-rounded-12) var(--v-rounded-12) var(--v-rounded-12) !important;
}

#time-off-rule-accrual-preview .gh-table > thead > tr > th:first-child {
    border-bottom-left-radius: 12px !important;
}

#time-off-rule-accrual-preview .gh-table > thead > tr > th:last-child {
    border-bottom-right-radius: 12px !important;
}

#timeOffPayCodeForm .error-msg-container {
    margin-bottom: 0px !important;
}

#timeOffPayCodeForm div:has(#payCodeMultiplierInput.error) .error-msg-container {
    margin-bottom: -7px !important;
}

#timeOffPayCodeForm.vega-form > div:nth-child(4):has(input.error) > label {
    margin-top: -20px;
}

#payCodePolicySelect2.error + span {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

#timeoff_waiting_mode_period + label > div:has(#rules-timeoff-timeoff-waiting-period) + div,
#timeoff_waiting_mode_period_for_rehire + label > div:has(#rules-timeoff-timeoff-waiting-period-for-rehire) + div {
    margin-left: 10px !important
}

#timeOffLieuModal .vega-modal-content {
    border-radius: 0 !important;
}

#lieuPayCodeTable th,
#lieuPayCodeTable td > div {
    text-align: left !important;
    justify-content: flex-start !important;
}

/** COM-513 **/

/** COM-501 **/

#timeoff-form .time-off-type-container .time-off-duration-row-item:nth-child(1) > div:nth-child(1) {
    margin-bottom: 10px !important;
}

#timeoff-form .time-off-type-container .time-off-duration-row-item > div:nth-child(2):has(.vega-input.error) {
    margin-bottom: 35px !important
}

#timeoff-form .time-off-type-container .time-off-duration-row-item > div:nth-child(3) > div {
    margin-bottom: -9px;
}

#timeoff-form .time-off-type-container .time-off-duration-row-item > div:nth-child(3) {
    width: 100% !important;
    margin-bottom: 10px !important;
}

#timeoff-form .time-off-type-container .time-off-duration-row-item .position-absolute.font-weight-bold{
    font: var(--v-font-field-label) !important;
    font-weight: 500 !important;
}

#timeOffDurationSameHour-error,
#timeOffDurationSameMin-error {
    position: absolute;
    top: 60px;
    left: 15px;
}

/** COM-501 **/

#webClocksModal .modal-header .close.vega-close-background-image {
    min-width: 24px;
}

.vega-addTenureBalanceRow-div-override .vega-fa-calendar-alt-overrides {
    top: 9px !important;
}


/** COM-517 **/

#job-table tr td.text-danger {
    color: var(--v-text-primary) !important;
    font-weight: 400!important;
}

#employee-search-container #assign-employee-body .gh-table-row > div:nth-child(2),
#employee-search-container .gh-table-head .gh-table-row > div:nth-child(2) {
    padding-left: 0px !important;
    margin-left: -5px;
}

/** COM-517 **/

/** COM-612 **/

#companyLogo .uploadbtn {
    max-width: 150px !important;
}

#pending table td:nth-child(5) > span {
    color: #203645 !important;
}
/** COM-612 **/

/** COM-513 **/

#wipeOutOption {
    margin-left: 5px !important;
    margin-top: 0px;
}

#wipeOutOption.error {
    margin-left: -5px !important;
}

#tableHeadSection:has(#noDataMsg[style*="display: none;"]) .gh-table-head .gh-table-th {
    border-bottom: var(--v-border-divider-secondary) !important;
}

#bulkUnassignTimeOffPolicyForm #search-bar-tatimeoffpolicy {
    padding: 10px 10px 10px 10px;
}

#taHolidayItemForm .form-check-input {
    margin-right: 8px !important;
}

#payCodeTableBody tr > td:nth-child(3) {
    font-weight: 500 !important;
}

/* #holiday-preview-table tbody tr:last-child > td {
    border-bottom: var(--v-border-divider-secondary) !important
} */

#assign-holiday-section .assigned-holiday-container {
    border: 1px solid var(--v-bg-divider-secondary) !important;
    box-shadow: none !important;
}

#assign-holiday-section:has(#ta-holiday-preview-no-data-container) #holiday-preview-table thead > tr > th  {
    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
}

.vega-holiday-preview-table-overrides {
    height: auto !important;
    max-height: 456px !important;
}

/** COM-513 **/

/** COM-517 **/

#assign-employee-body-assignmore.vega-table-tbody {
    max-height: 400px !important;
    height: auto !important;
}

.vega-assign-employee-body-overrides {
    height: fit-content !important;
    max-height: 400px !important;
    overflow: auto !important;
}

#job-table .disabled-badge {
    opacity: 0.9;
}

#job-table-body tr > td.text-danger {
    height: 50px !important;
    padding-top: 9px !important;
}

#unassignNumberText.text-primary {
    color: var(--v-text-link) !important;
}

#task_edit_tab .vega-textarea-container #description_input:disabled {
    cursor: not-allowed !important;
}

#job_details .vega-textarea-container:has(#description_input:disabled) {
    border: var(--v-border-input-field-disabled) !important;
}

#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload {
    padding: 24px !important;
    background-color: rgba(240, 243, 247, 1) !important;
    border: 1px dashed rgba(171, 198, 216, 1) !important;
    border-radius: var(--v-size-8) !important;
}

.file-upload:hover,
#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:hover {
    background-color: var(--v-bg-secondary) !important;
    border: 1px dashed var(--v-borderColor-input-field-hover) !important;
}

.file-upload:focus-within,
#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:focus-within {
    background-color: var(--v-bg-tertiary) !important;
    border: 1px dashed var(--v-borderColor-input-field-focus) !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

.file-upload:active,
#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:active {
    color: var(--v-text-link-active) !important;
    border: 1px dashed var(--v-borderColor-action-active) !important;
    background-color: var(--v-bg-secondary) !important;
    box-shadow: none !important;
}

#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:active > div:nth-child(2) > div{
    color: rgba(29, 65, 195, 1) !important;
}

#task_edit_tab select:disabled,
#task_edit_tab input:disabled {
    pointer-events: painted !important
}

#task_edit_tab textarea:disabled {
    color: var(--v-text-input-disabled) !important;
    background-color: var(--v-bg-secondary) !important;
}

#ghemployees_div {
    margin-top: 25px !important;
}

#taskModalContent {
    min-width: 1040px !important
}

.vega-bulk-upsert-overrides-active {
    display: none;
}

#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:has(#job_file_input:active) > div:nth-child(2) > img:nth-child(1)  {
    display: none;
}

#bulkUpsertTaskModal #bulk_upsert_task_form .file-upload:has(#job_file_input:active) > div:nth-child(2) > img:nth-child(2)  {
    display: block !important;
}

#review_container .review-message div:nth-child(2) {
    flex-wrap: nowrap;
}

#upload_file_container .gh_loader {
    border-radius: var(--v-size-8) !important;
}

#assignToEmployee1,
#assignToEmployee2 {
    margin-bottom: -2px !important;
    margin-right: 0px !important;
}

#task-form .select2-selection.select2-selection--single {
    padding-right: 40px !important;
}

#task-form .select2-selection.select2-selection--single .select2-selection__rendered {
    margin-top: -2px;
}

#task-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -9px !important;
    margin-top: -2px;
}

#taskModal .job-codes-header div.job-code-content.vega-pbgJobTitle-overrides {
    margin-left: 0 !important;
    padding-left: 40px;
}

#taskModal .select2-selection__rendered .vega-job-code-content-overrides {
    padding-left: 43px !important;
}

#taskModal .select2-selection__rendered .vega-job-code-code-overrides {
    padding-left: 18px !important;
}

#taskModal .job-codes-header .vega-job-code-code-overrides {
    padding-left: 30px !important;
}

/** COM-517 **/

.sign-tos-link ~ input {
    padding: unset !important
}

/** COM-501 **/

#time_off_badge_container a.active {
    padding-top: 2px !important;
}

#time_off_badge_container .dropdown-toggle::after { 
    content: none !important
}

#time_off_badge_container .dropdown-toggle {
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 7px) center/16px 16px !important;
}

#time_off_badge_container .dropdown-toggle:hover {
    border: var(--v-border-input-field-hover) !important;
}

#time_off_badge_container .dropdown-toggle:focus {
    outline: none !important;
    border: var(--v-border-input-field-focus) !important;
    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
}

#time_off_badge_container .dropdown-toggle.disabled {
    background: #fff url(/v4/img/vega-select-disabled-arrow-down.svg) no-repeat scroll calc(100% - 7px) center/16px 16px !important;
    color: var(--v-text-input-disabled) !important;
    cursor: not-allowed !important;
}

#sync-btn-group .dropdown-menu.show {
    transform: translate3d(-81px, 45px, 0px) !important;
}

#taTimeOffContainer .vega-timeout-bulk-actions-override + .dropdown-menu.show {
    transform: translate3d(0px, 45px, 0px) !important;
}

#timeoff-team-balance-table-body a.text-info:focus {
    text-decoration: underline !important;
    text-decoration-color: var(--v-text-link-hover) !important;
    background-color: unset !important;
    outline: none !important;
    color: var(--v-text-link-hover) !important;
}

#timeoffBalanceContainer .clearfix.w-100.mb-1 span,
#timeoffBalanceContainer .clearfix.w-100.mb-1 {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

#timeoffBalanceContainer .clearfix.w-100.mb-1 .float-left {
    max-width: 75%;
}

#timeoffBalanceContainer .clearfix.w-100.mb-1 .float-right {
    max-width: 25%;
}

#timeoff-form .time-off-duration-sub-container.time-off-duration-input .tf-error-container .error {
    position: absolute;
    top: 60px;
    left: 15px;
}

/** COM-501 **/

/** COM-513 **/

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error {
    position: relative;
    top: 5px;
}

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error + .vega-fa-calendar-alt-overrides {
    top: 14px !important;
}

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error + .bootstrap-datetimepicker-widget + .vega-fa-calendar-alt-overrides {
    top: 14px !important;
}

#collapse-additional .vega-addTenureBalanceRow-div-override .vega-input.error ~ .error {
    top: 45px;
    left: 3px
}

#BulkUnassignTimeOffPolicyModal .vega-modal-container {
    width: 700px
}

#wipeSection.checkbox-container .align-group-space-between > label:has(.error) + i {
    margin-left: 10px;
}

#wipeSection.checkbox-container .align-group-space-between:has(.error) {
    justify-content: flex-start !important;
}

#BulkUnassignTimeOffPolicyModal .vega-modal-container {
    width: 700px
}

#wipeSection.checkbox-container .align-group-space-between > label:has(.error) + i,
#wipeSection label:has(span:not(.error)) + i {
    margin-left: 10px;
}

#wipeSection.checkbox-container .align-group-space-between {
    justify-content: flex-start !important;
}

#rules-timeoff-accuralparams-timing.vega-input,
#resetSection #rules-timeoff-reset-date {
    padding-left: 25px !important;
}

#resetSection .reset-settings .parent-div {
    position: relative;
}

#resetSection #rules-timeoff-reset-date.error + .vega-fa-calendar-alt-overrides, 
#rules-timeoff-accuralparams-timing.error + .vega-fa-calendar-alt-overrides {
    top: 25px !important;
}

#resetSection #rules-timeoff-reset-date.error + .bootstrap-datetimepicker-widget + .vega-fa-calendar-alt-overrides{
    top: 25px !important;
}

#collapse-tenure-bonus .table-responsive th:nth-child(1) {
    border-bottom-left-radius: 8px !important
}

#collapse-tenure-bonus .table-responsive th:nth-child(2) {
    border-bottom-right-radius: 12px !important
}

#collapse-tenure-bonus .table-responsive:has(.display-none) th:nth-child(1) {
    border-bottom-left-radius: 0 !important
}

#collapse-tenure-bonus .table-responsive:has(.display-none) th:nth-child(2) {
    border-bottom-right-radius: 0 !important
}

#collapse-accrual-params .added-tenure .timeoff-rule-line > div.parent-div:has(input[data-msg-valid="Tenure Bonus Metric is Invalid"]) {
    margin-left: 35px !important;
}

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

#bulkUnassignTimeOffPolicyForm #search-bar-tatimeoffpolicy:has(.search-bar[style*="display: none;"]) {
    padding: 0px !important;
}

#timeoff-settings .timeoff-conf-message-line[style*="pointer-events: none;"] span.vega-onoff-switch::before {
    background-color: rgba(153, 192, 255, 1) !important;
}

#timeoff-settings .timeoff-conf-message-line[style*="pointer-events: none;"] .onoffswitch {
    opacity: 1 !important;
}

#bulkUnassignTimeOffPolicyForm #unassignRadioInput3 {
    margin-top: -1px !important
}

#no-selected-holiday-img .font-weight-bold {
    font-size: 16px !important;
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 22px !important;
}

#collapse-additional .blackout-periods-item > div .vega-addTenureBalanceRow-div-override:nth-child(1):has(.error) {
    margin-bottom: 20px
}

#waitingPeriodSection .parent-div:has(input[type="number"]) {
    max-width: 100px;
}

/* #assigned-holiday-container .far.fa-edit {
    color: var(--v-text-primary) !important;
} */

#taHolidayItemForm #error-date-type-label {
    position: absolute;
    top: 38px;
    left: 17px;
}

#taHolidayItemForm div:nth-child(3) .form-group.row {
    margin-bottom: 20px;
}

#collapse-balance-reset .gh-checkbox-kit {
    margin-top: 2px;
}

#timeoff-rules[style*="pointer-events: none;"] #collapse-balance-reset .gh-checkbox-kit {
    margin-top: 9px;
}

#ta-holiday-assign-modal .vega-modal-content > div:nth-child(2) .col-md-12 div {
    background: #F5F7F7 !important;
    border-radius: 8px !important;
}

#timeoff-settings .select2.select2-container {
    width: 100% !important
}

#start_end_time_section label.error {
    position: absolute
}

#timeoff-tab-rules .vega-select.error {
    margin-bottom: -25px;
}

#timeoff-tab-rules .vega-select.error + .error.timeoff_policy_error  {
    position: relative;
    top: 25px;
}

#collapse-accrual-params .sub-component-show-by-accrual-method .border {
    border-radius: 8px !important;
    height: 135px;
}

#rules-timeoff-accuralparams-value.error ~ .error {
    position: absolute !important;
    top: 40px !important;
}


#rules-timeoff-accuralparams-metric.vega-input.error {
    display: flex;
    position: relative;
    top: 3px;
}

#rules-timeoff-accuralparams-metric.vega-input.error ~ .error {
    position: absolute !important;
    top: 43px !important;
    width: 150px;
}

#updateTimeOffModal .select2-container--disabled,
#updateTimeOffModal input:disabled,
#updateTimeOffModal select:disabled {
    pointer-events: painted !important;
    cursor: not-allowed !important;
}

#resetSection .gh-ba-select:has(#rules-timeoff-carry-unit) + .error {
    position: relative;
    top: 25px;
}

#timeoff-settings .timeoff-setting-right-line .error {
    margin-top: 3px;
}

#timeoff-rules[style*="pointer-events: none;"] .timeoff-rule-checkbox input[type=checkbox] + label {
    background-color: #fff !important;
    color: #B0B4B5 !important;
    border: 1px solid #DEE1E3 !important;
}

#timeoff-rules[style*="pointer-events: none;"] .timeoff-rule-checkbox input[type=checkbox]:checked + label {
    color: var(--v-text-input-disabled) !important;
    background-color: var(--v-bg-secondary) !important;
    border: var(--v-border-input-field-disabled) !important;
}

#ta-holiday-assign-modal .vega-modal-content input[type="checkbox"] {
    top: 2px !important;
}

#no-selected-holiday-img .pb-4.pl-4.pr-4 {
    width: 302px !important;
}

#assigned-holiday-container .far.fa-edit.edit-disabled {
    color: var(--v-text-primary) !important;
}

#tableHeadSection .text-danger {
    font-weight: normal !important
}

#timeoff-settings input[type="checkbox"]:disabled + label.onoffswitch-label {
    pointer-events: painted !important;
    cursor: not-allowed !important;
}

#tenure-reset-section input.error {
    display: flex;
    position: relative;
    top: 3px;
}

#time-off-rule-accrual-preview .table-responsive:has(.empty-table-hint[style*="display: none;"]) th:nth-child(1) {
    border-bottom-left-radius: 0 !important;
}

#time-off-rule-accrual-preview .table-responsive:has(.empty-table-hint[style*="display: none;"]) th:nth-child(2) {
    border-bottom-right-radius: 0 !important;
}

#holiday-list-container {
    max-height: 545px;
    overflow-y: auto;
}

#ta-holiday-assign-modal .vega-modal-content input[type="checkbox"][disabled]:not(.switch) {
    margin-left: 2px;
    margin-top: 4px;
}

#searchQueryContainer a:hover {
    outline: none !important;
    box-shadow: none !important;
}

#timeoff-settings span.text-danger {
    font-weight: normal;
}

#collapse-additional .timeoff-rule-checkbox {
    margin-top: 10px;
}

#collapse-additional .remove-blackout-periods-button {
    margin-top: 5px;
}

#collapse-additional .vega-addTenureBalanceRow-override div:nth-child(2) > span{
    margin-left: -11px;
}

#ApprovalForm .approval_method_approvers {
    background-color: unset !important
}

#timeoff-rules[style*="pointer-events: none;"] .onoffswitch {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

/* #timeoff-rules[style*="pointer-events: none;"] .onoffswitch:hover input.onoffswitch-checkbox[disabled]:checked + .onoffswitch-label .onoffswitch-inner::before  {
    background-color: #0470EC !important;   
} */

#timeoff-settings .timeoff-setting-right-line .error {
    margin-left: 5px;
}

#collapse-additional .vega-addTenureBalanceRow-div-override span {
    margin-top: 5px !important;
}

#wipeOutOption.error {
    color: var(--v-text-primary) !important;
}

#rules-timeoff-accuralparams-timing + .vega-fa-calendar-alt-overrides,
#rules-timeoff-reset-date + .vega-fa-calendar-alt-overrides {
    top: 9px !important;
}

.vega-Accrual-Method-month-overrides:has(input.error) {
    top: 16px
}

.vega-Accrual-Method-month-overrides .timeoff_policy_error {
    width: 150px;
}

#rules-timeoff-reset-date + .bootstrap-datetimepicker-widget + .vega-fa-calendar-alt-overrides {
    top: 9px !important;
}

#tatimeoffpolicy-table-body button {
    position: relative;
    top: -1px;
    height: 25px;
    width: 25px;
    padding-left: 5px;
}

#rules-timeoff-accrual-params-monthly-value.error {
    position: relative !important;
    top: 16px !important;
}

#rules-timeoff-accuralparams-quarterly-value.error {
    position: relative !important;
    top: 16px !important;
}

#rules-timeoff-accuralparams-quarterly-value.error + .timeoff_policy_error {
    position: relative !important;
    top: 15px !important;
    width: 150px;
}

#rules-timeoff-accrual-params-monthly-value.error + .timeoff_policy_error {
    position: relative !important;
    top: 15px !important;
    width: 150px;
}

#timeoff-tab-rules .timeoff_policy_error {
    position: relative;
    left: 0px;
}

#timeoff-update-modal-body .vega-input.error[type="number"]:not(#rules-timeoff-accuralparams-delay-days) {
    top: 3px;
    position: relative;
}

#collapse-accrual-params .both-years-pay-period-div .timeoff-rule-line span {
    margin-top: 7px;
}

#collapse-accrual-params .vega-accruals-overrides {
    align-items: flex-start!important;
}

#policyRecalculationSubmitButton.vega-button.vega-primary-button.disabled:hover {
    cursor: not-allowed !important;
    pointer-events: auto !important;
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
}

#recalculationSaveButton.vega-button.vega-primary-button.disabled:hover {
    cursor: not-allowed !important;
    pointer-events: auto !important;
    border: 2px solid transparent !important;
    color: var(--v-text-on-disabled) !important;
    background-color: var(--v-bg-disabled) !important;
}

#timeOffLieuModal .modal-dialog {
    justify-content: center;
    display: flex;
}

/** COM-513 **/

/** COM-501 **/

#GhCalendarTableContainerHeader > input {
    flex-grow: 0;
    background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 7px) center/16px 16px !important;
}

#timeoff-form .time-off-type-container .time-off-duration-row-item > div:nth-child(2) {
    margin-bottom: 0 !important
}

#adjustTimeoffLedgerForm #addHoursInput-error {
    width: 200px !important;
}

#timeoff-form .form-group.row div:has(#timeoffEmployeeSelect, #inputTimeOffType) {
    padding-right: 4px !important;
}

.horizontal-nav-pills.no-border .pill {
    opacity: 1 !important
}

#time_off_table_body td a,
#timeoff-team-table-container a {
    font-size: 14px !important;
}

#time_off_badge_container {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    border-bottom: unset !important;
}

#time_off_badge_container.vega-employee-time-off-nav {
    background-color: transparent !important;
}

#tatimeoffpolicy-component #time_off_badge_container {
    padding-top: 12px !important;
    border-radius: 0px !important;
    border-bottom: var(--v-border-divider-secondary) !important;
}

#tatimeoffpolicy-component #time_off_badge_container a {
    flex-direction: row-reverse;
}

#repeatByWeekContainer .btn-toolbar {
    flex-wrap: nowrap !important;
}

#timeoff-table td {
    vertical-align: inherit !important;
}

#timeoff-table button:focus,
#time_off_table_body button:focus {
    padding-top: 5px;
    padding-bottom: 3px;
    margin-top: -5px;
}

#time_off_team_balance_today.text-info {
    color: #1362E2 !important;
}

#timeoffIntersectLedgersContainer.card.border,
#timeoffBalanceContainer.card.border {
    border: var(--v-border-divider) !important;
}

/** COM-501 **/

/** COM-612 **/

.gh-content-company-settings .main-content a.text-info {
    font-size: 14px !important;
}

#div_team_member_container tbody td:nth-child(6) > span::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(160, 233, 167, 1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translate(-50%, -50%);
}

#div_team_member_container tbody td:nth-child(6) > span
{
    position: relative;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-label-sm) !important;
    background-color: unset;
    display: inline-block !important;
    text-align: center !important;
    margin-right: 5px !important;
    min-width: 37px !important;
    min-height: 25px !important;
}

#div_account_setting table.sms-billing-history-table tr:not(.total-tr):hover > td {
    background-color: #F1F8FB !important;
    border-spacing: 0px !important;
}

.sms-billing-history-table td {
    border-right: 0;
}

#div_account_setting .gh-paginator-info  {
    font: var(--v-font-field-label-sm) !important;
    margin-top: 3px !important
}

#permission_container2 .card {
    background-color: #F5F7F7 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#div_account_setting table.sms-billing-history-table tr > td {
    transition: background-color 200ms linear;
}

#activeteammember .btn-flat:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#div_account_setting .pagination a:focus,
#div-member-joblist .pagination a:focus {
    background-color: transparent !important;
    color: #203645 !important;
    font-weight: 700 !important;
    text-decoration: none !important
}

#companyLogo .btn.btn-danger:not(.vaga-button):focus {
    box-shadow: none !important;
}

#companyLogo .btn.btn-danger:not(.vaga-button, :active):focus:hover {
    background-color: unset !important
}

#div_account_setting .loader {
    background-color: unset !important;
}

#form-addteam .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus > span > span,
#form-updateteam .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus > span > span{
    border: 1px solid #1362E2 !important;
    border-radius: var(--v-rounded-8) !important;
}

#add-employee-permissions {
    background: #F5F7F7 !important;
    border-radius: var(--v-rounded-12) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font: var(--v-font-field-value) !important;
    color: var(--v-text-primary) !important;
    text-align: left !important;
    text-overflow: ellipsis;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#div-member-joblist .vega-pagination-navbar .vega-pagination li:last-child:has(.gh-active):hover,
#div-member-joblist .vega-pagination-navbar .vega-pagination li:first-child:has(.gh-active):hover,
#div_account_setting .vega-pagination-navbar .vega-pagination li:first-child:has(.gh-active):hover,
#div_account_setting .vega-pagination-navbar .vega-pagination li:last-child:has(.gh-active):hover {
    background-color: unset !important
}

#div-member-joblist .vega-pagination-navbar .gh-paginator-info {
    padding-top: 0 !important;
}

#div_account_setting .vega-pagination-navbar .vega-pagination li:last-child:has(.gh-active) {
    position: relative !important;
    top: 6px !important;
}

#div-member-joblist .vega-pagination-navbar .vega-pagination li:has(.fas) {
    position: relative !important;
    top: -6px !important;
}

#div_account_setting .vega-pagination-navbar .vega-pagination li:first-child:has(.fas) {
    position: relative !important;
    top: -6px !important;
}

#div_account_setting .vega-pagination-navbar .vega-pagination li:not(li:last-child) {
    margin-top: 6px !important;
}

#taskModal .select2-container--default .select2-results__option {
    padding-left: 6px !important;
}

.vega-job-code-content-overrides {
    padding-left: 28px !important;
}

#select2-pbj_job_code_input-results li:first-child {
    padding-left: 5px !important;
}

/** COM-612 **/

#unapprovedSheetsOperationContainer,
#missingPunchSheetsOperationContainer {
    margin-left: calc(0px - var(--v-size-32)) !important;
    margin-right: calc(0px - var(--v-size-32)) !important;;
}

#createDraftExceptionsContainer {
    margin-top: 0.5rem !important;
}

#unapprovedSheetsListContainer {
    overflow: hidden;
}

#zkt-setting-modal .loader-section i.fa-circle-notch.fa-spin {
    width: 48px;
    height: 48px;
}

a.text-info.vega-text-primary:hover {
    color: var(--v-text-primary) !important;
}
a.text-info.vega-text-primary:focus {
    color: var(--v-text-primary) !important;
}
a.text-info.vega-text-primary:active {
    color: var(--v-text-primary) !important;
}

#zktClockAssignContainer #ghemployees_table {
    height: auto !important;
    max-height: 400px !important;
}


#zkt_verification_method_container .badge-method-input,
#zkt_config_password_edit_area div.row{
    margin-left: unset;
}

#zkt_config_password_edit_area img,
#zkt_config_password_text_area{
    padding-left: 0 !important;
}

#holidayModalEntitySelect a.vega-direction-rtl span{
    color: var(--v-text-primary) !important
}

#holidayModalEntitySelect a.vega-direction-rtl.active {
    border-color: var(--v-text-link) !important
}

#holidayModalEntitySelect a.vega-direction-rtl.active span.vega-text-primary{
    color: var(--v-text-link) !important
}

#holidayModalEntitySelect .vega-direction-rtl span.vega-text-primary{
    margin-right: 0.25rem!important;
}


#holidayModalEntitySelect.gh-nav-pills-tabs .badge-danger {
    background-color: #FF6E8B !important;
}

#holiday-override-list-container,
#missingPunchSheetsListContainer {
    overflow: hidden;
}

#selectedSheetIndicator i.vega-icon-xmark {
    height: var(--v-size-16) !important;;
}

#selectedSheetIndicator span.bg-light {
    background-color: #F0F3F7 !important;
}

#ta-payroll-component .payroll_table_container {
    box-shadow: unset !important;
}

#ghemployees_table #assign-employee-body a.text-info.vega-text-primary:hover,
#ghemployees_table-assignmoretask a.text-info.vega-text-primary:hover {
    text-decoration: unset !important
}

#ghemployees_table #assign-employee-body a.text-info.vega-text-primary,
#ghemployees_table-assignmoretask a.text-info.vega-text-primary {
    word-break: break-word !important;
}

#zkt_config_password_edit_area div[data-name="visible-toggle"] span {
    line-height: inherit !important;
}

#UnassignZktClocksearchQuerySelections .gh-tree-dropdown-select .gh-tree-dropdown li > label {
    overflow: unset !important;
    white-space: unset !important;
    text-overflow: unset !important;
}

#timeSheetsTableContainer {
    padding-bottom: 12px;
}

#zkt_config_password_edit_area img {
    transform: scale(0.9);
    transform-origin: left;
}

#zktClockModal #ghemployees_table .gh-table-head .gh-table-row .gh-table-th:last-child,
#ghemployees_table-assignmoretask .gh-table-head .gh-table-row .gh-table-th:last-child,
#zktClockModal #ghemployees_table .gh-table-body .gh-table-row .gh-table-td:last-child,
#ghemployees_table-assignmoretask .gh-table-body .gh-table-row .gh-table-td:last-child {
    flex: 1.5 1 0px !important;
}

#zktClockModal #clock_job_mapping .gh_loader {
  margin: 0 -32px;
}

#zkt-pin_code-container .editPinCodeContainer .gh_loader {
    height: inherit;
}

#clock_detail_tab .zkt-clock-connect-status-container .status-timing-container .zkt-timer.text-primary {
    color: var(--v-text-primary) !important;
}

#esheet-inout-table .vega-override-message-pop {
    padding-top: 12px !important;
}

#search_employee_form .empty-message span{
    cursor: pointer;
    border: none !important;
    color: var(--v-text-primary) !important;
    font: var(--v-font-field-value) !important;
    margin: 0 !important;
    padding: var(--v-size-8) var(--v-size-16) !important;
}

/** COM-1049 **/

@media (min-width: 768px) {
    #timeOffLieuModal .gh_loader {
        left: 0px;
    }
}

/** COM-1049 **/

/* COM-1028 Fix content left blank due to excessively long head */

/* COM-1073 */

#policyRecalculationForm .alert-warning {
    color: var(--light-Text-Color-Secondary, #6B747D);
    font-family: Inter !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    background-color: unset;
}

#policyRecalculationForm .text-center {
    text-align: left !important;
}

/* COM-1073 */

#holiday-override-list-modal .table-header {
    margin-right: -18px !important;
    scrollbar-gutter: stable;
    overflow-y: auto;
}

#holiday-override-list-modal #taHolidayOverrideListBody {
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

#holiday-override-list-modal #taHolidayOverrideListBody ul {
    margin-right: -18px;
}

/* Benefits Dashboard */
.vega-icon-no {
    content: url(/images/bf-new-dashboard/vega-no.svg) !important;
}

.vega-icon-heart {
    content: url(/images/bf-new-dashboard/vega-heart.svg) !important;
}

.vega-icon-cart {
    content: url(/images/bf-new-dashboard/vega-cart.svg) !important;
}

.vega-icon-dollar {
    content: url(/images/bf-new-dashboard/vega-dollar.svg) !important;
}

.vega-icon-sort {
    content: url(/v4/img/vega-icon-sort.svg) !important;
}

.vega-icon-plan-sort {
    content: url(/v4/img/vega-icon-plan-sort.svg) !important;
}

.benefits-sidenav {
    .vega-icon-reports-active {
      content: url(/images/enterprise-sidenav/vega_reports_active.svg) !important;
    }
    .vega-icon-reports-inactive {
      content: url(/images/enterprise-sidenav/vega_reports_inactive.svg) !important;
    }
    .selected .vega-icon-reports-inactive {
      content: url(/images/enterprise-sidenav/vega_reports_white_inactive.svg) !important;
    }
    .vega-icon-dashboard-active {
      content: url(/images/enterprise-sidenav/vega_dashboard_active.svg) !important;
    }
    .vega-icon-dashboard-inactive {
      content: url(/images/enterprise-sidenav/vega_dashboard_inactive.svg) !important;
    }
    .selected .vega-icon-dashboard-inactive {
      content: url(/images/enterprise-sidenav/vega_dashboard_white_inactive.svg) !important;
    }
    .vega-icon-notifications-active {
      content: url(/images/enterprise-sidenav/vega_notifications_active.svg) !important;
    }
    .vega-icon-notifications-inactive {
      content: url(/images/enterprise-sidenav/vega_notifications_inactive.svg) !important;
    }
    .selected .vega-icon-notifications-inactive {
      content: url(/images/enterprise-sidenav/vega_notifications_white_inactive.svg) !important;
    }
    .vega-icon-company-active {
      content: url(/images/enterprise-sidenav/vega_company_active.svg) !important;
    }
    .vega-icon-company-inactive {
      content: url(/images/enterprise-sidenav/vega_company_inactive.svg) !important;
    }
    .selected .vega-icon-company-inactive {
      content: url(/images/enterprise-sidenav/vega_company_white_inactive.svg) !important;
    }
    .vega-icon-benefits-active {
      content: url(/images/enterprise-sidenav/vega_benefits_active.svg) !important;
    }
    .vega-icon-benefits-inactive {
      content: url(/images/enterprise-sidenav/vega_benefits_inactive.svg) !important;
    }
    .selected .vega-icon-benefits-inactive {
      content: url(/images/enterprise-sidenav/vega_benefits_white_inactive.svg) !important;
    }
    .vega-icon-enrollment-active {
      content: url(/images/enterprise-sidenav/vega_enrollment_active.svg) !important;
    }
    .vega-icon-enrollment-inactive {
      content: url(/images/enterprise-sidenav/vega_enrollment_inactive.svg) !important;
    }
    .selected .vega-icon-enrollment-inactive {
      content: url(/images/enterprise-sidenav/vega_enrollment_white_inactive.svg) !important;
    }
    .vega-icon-tools-active {
      content: url(/images/enterprise-sidenav/vega_tools_active.svg) !important;
    }
    .vega-icon-tools-inactive {
      content: url(/images/enterprise-sidenav/vega_tools_inactive.svg) !important;
    }
    .selected .vega-icon-tools-inactive {
      content: url(/images/enterprise-sidenav/vega_tools_white_inactive.svg) !important;
    }
    .vega-icon-prepare-for-payroll-active {
      content: url(/images/enterprise-sidenav/vega_prepare_for_payroll_active.svg) !important;
    }
    .vega-icon-prepare-for-payroll-inactive {
      content: url(/images/enterprise-sidenav/vega_prepare_for_payroll_inactive.svg) !important;
    }
    .selected .vega-icon-prepare-for-payroll-inactive {
      content: url(/images/enterprise-sidenav/vega_prepare_for_payroll_white_inactive.svg) !important;
    }
    .vega-icon-EDI-active {
      content: url(/images/enterprise-sidenav/vega_EDI_active.svg) !important;
    }
    .vega-icon-EDI-inactive {
      content: url(/images/enterprise-sidenav/vega_EDI_inactive.svg) !important;
    }
    .selected .vega-icon-EDI-inactive {
      content: url(/images/enterprise-sidenav/vega_EDI_white_inactive.svg) !important;
    }
    .vega-icon-ACA-active {
      content: url(/images/enterprise-sidenav/vega_ACA_active.svg) !important;
    }
    .vega-icon-ACA-inactive {
      content: url(/images/enterprise-sidenav/vega_ACA_inactive.svg) !important;
    }
    .selected .vega-icon-ACA-inactive {
      content: url(/images/enterprise-sidenav/vega_ACA_white_inactive.svg) !important;
    }
}

.benefits-sidenav .sidenav-text {
    text-transform: uppercase;
}

.vega-benefits-content, #plansComponent {
    & .file-upload {
        width: fit-content !important;
        text-align: center !important;
        border-radius: 8px !important;
        background-color: rgba(240, 243, 247, 1) !important;
        border: 1px dashed rgba(171, 198, 216, 1) !important;
        padding: 24px !important;

        &:hover {
            background-color: rgba(245, 247, 247, 1) !important;
            border-color: rgba(115, 160, 190, 1) !important;
        }

        & img[src="/v4/img/uploading-document.svg"] {
            content: url(/v4/img/vega-uploading-document.svg);
            width: 16px;
            height: 16px;
            margin-right: 8px !important;
        }

        & > div {
            & .text-document-browse {
                margin-top: 0 !important;
            }

            & p {
                margin-top: 0 !important;
                color: rgba(38,42,255, 1) !important;
                font-family: "Inter", sans-serif !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                line-height: 24px !important;
                letter-spacing: 0px !important;
            }
        }
    }

    #upload-file-form {
        & .file-upload {
            & .before-upload {
                display: flex !important;
                & img[src="/v4/img/employee/upload.svg"] {
                    content: url(/v4/img/vega-uploading-document.svg);
                    width: 16px;
                    height: 16px;
                    margin-right: 8px !important;
                    margin-top: 0 !important;
                }

                & > div {
                    margin-top: 0 !important;
                }

                & p {
                    margin-top: 0 !important;
                    color: rgba(38,42,255, 1) !important;
                    font-family: "Inter", sans-serif !important;
                    font-size: 16px !important;
                    font-weight: 700 !important;
                    line-height: 24px !important;
                    letter-spacing: 0px !important;
                }
            }

            & .upload_file_input {
                &:focus, &:focus-within {
                    border: none !important;
                    box-shadow: none !important;
                    outline: none !important;
                }
            }
        }
    }

    & input.switch[type="checkbox"] {
        height: var(--v-size-32) !important;
    }

    & .vega-hidden {
        display: none;
    }

    & .select2-container--disabled .select2-search--inline .select2-search__field {
        width: 0.25em !important;
    }

    & input[type="checkbox"].gh-themed.switch:checked:after {
        left: calc(100% - 28px) !important;
    }

    & .gh-search-input-standalone {
        background-image: url("/v4/img/vega-select-search.svg");
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 16px;
        padding-left: 35px !important;
    }

    & img[src="/v4/img/employee-loader.gif"],
    & img[src="/v4/img/spinner-dotted.svg"],
    & img[src="/v4/img/benefits-new/Spinner.svg"] {
        content: url("/v4/img/vega-loader.svg") !important;
        margin: auto !important;
        -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
        animation: circle-loader-animation 2000ms linear infinite !important;
        padding: 0 !important;
    }

    & img[src="/v4/img/go.svg"] {
        content: url("/v4/img/vega-icon-go.svg") !important;
    }

    & img[src="/v4/img/benefits-new/Information-yellow.svg"] {
        content: url("/v4/img/benefits-new/vega-icon-Information-yellow.svg") !important;
    }

    & img[src="/v4/img/employee/schedule_24px_outlined.svg"] {
        content: url("/v4/img/employee/vega-icon-schedule.svg") !important;
    }

    & img[src="/v4/img/benefits-new/edit-new.svg"] {
        content: url("/v4/img/benefits-new/vega-icon-edit-new.svg") !important;
    }

    & img[src="/v4/img/delete-icon.png"] {
        filter: none !important;
        content: url("/v4/img/vega-icon-delete-red.svg") !important;
    }

    & img[src="/v4/img/enrollment-item.png"] {
        content: url("/v4/img/vega-enrollment-item.svg") !important;
    }

    & img[src="/v4/img/benefit-cart.svg"] {
        content: url("/v4/img/vega-benefit-cart.svg") !important;
    }

    & img[src="/v4/img/locked-icon.svg"] {
        content: url("/v4/img/vega-icon-locked.svg") !important;
    }

    & img[src="/v4/img/edit-icon.png"] {
        content: url("/v4/img/vega-icon-edit-black.svg") !important;
    }

    & img[src="/v4/img/print_icon.svg"] {
        content: url("/v4/img/vega-icon-print-blue.svg") !important;
    }

    & img[src="/v4/img/download_icon.svg"] {
        content: url("/v4/img/vega-icon-download-blue.svg") !important;
    }

    & img[src="/v4/img/employee/document-blue-v2.svg"] {
        content: url("/v4/img/vega-icon-forms-blue.svg") !important;
    }

    & input[type="radio"]:focus {
        outline: none !important;
    }

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

    & .card {
        & .card-header {
            background-color: white !important;
            padding-left: 0 !important;

            & i.fa-angle-up::before {
                content: '' !important;
                background: url("/v4/img/vega-select-arrow-up.svg") no-repeat !important;
                display: block;
                width: 16px;
                height: 16px;
            }

            & i.fa-angle-down::before {
                content: '' !important;
                background: url("/v4/img/vega-select-arrow-down.svg") no-repeat !important;
                display: block;
                width: 16px;
                height: 16px;
            }
        }
    }

    & .table-container {
        border: none !important;
        border-radius: unset !important;
        background-color: unset !important;
        & .table {
            padding: 12px 24px !important;
        }
    }

    & .gh-plans-table {
        padding: 12px 24px 12px !important;
    }

    & .table, & .vega-table {
        box-shadow: none !important;
        & thead {
            & tr.heading-row th {
                border: none !important;
                &:first-child {
                    padding-left: 0 !important;
                }
                &:last-child {
                    padding-right: 0 !important;
                }
            }
            & tr:not(.heading-row) th {
                font-size: 14px !important;
                line-height: 18px !important;
                border: none !important;
                color: var(--v-text-primary) !important;
                font-weight: 700 !important;
                background-color: var(--v-bg-table-header) !important;
                text-transform: capitalize;

                &:first-child {
                    border-top-left-radius: 12px !important;
                    border-bottom-left-radius: 12px !important;
                }
                &:last-child {
                    border-top-right-radius: 12px !important;
                    border-bottom-right-radius: 12px !important;
                }

                & a.pointer[data-toggle="dropdown"] {
                    color: #1362E2 !important;
                }
            }
        }
        & tbody {
            & tr {
                box-shadow: none !important;
                height: auto !important;
                & td {
                    font-size: 14px !important;
                    line-height: 18px !important;
                    min-height: 0 !important;
                    border: none !important;
                    vertical-align: middle !important;

                    &.primary-link{
                        color: var(--v-text-link) !important;
                        font-weight: 700;
                    }

                    & img:not(.employee-pov-empty-img-md):not([src="/v4/img/benefits-new/noData-empty-state.svg"]):not([src="/v4/img/benefits-new/empty.png"])
                    {
                        width: 16px !important;
                        height: 16px !important;
                    }

                    & .vega-status-active {
                        display: inline-flex;
                        align-items: center;
                        padding: 4px 12px;
                        border-radius: 16px;
                        background-color: rgba(252, 252, 252, 1);
                        font-weight: 400 !important;
                        color: rgba(4, 4, 28, 0.95) !important;

                        &::before {
                            content: "";
                            display: inline-block;
                            width: 12px;
                            height: 12px;
                            border-radius: 50%;
                            background-color: var(--v-bg-status-success);
                            margin-right: 8px;
                        }
                    }

                    & .vega-status-inactive {
                        display: inline-flex;
                        align-items: center;
                        padding: 4px 12px;
                        border-radius: 16px;
                        background-color: rgba(252, 252, 252, 1);
                        font-weight: 400 !important;
                        color: rgba(4, 4, 28, 0.95) !important;

                        &::before {
                            content: "";
                            display: inline-block;
                            width: 12px;
                            height: 12px;
                            border-radius: 50%;
                            background-color: rgba(176, 180, 181, 1);
                            margin-right: 8px;
                        }
                    }

                    & .vega-status-expired {
                        display: inline-flex;
                        align-items: center;
                        padding: 4px 12px;
                        border-radius: 16px;
                        background-color: rgba(252, 252, 252, 1);
                        font-weight: 400 !important;
                        color: rgba(4, 4, 28, 0.95) !important;

                        &::before {
                            content: "";
                            display: inline-block;
                            width: 12px;
                            height: 12px;
                            border-radius: 50%;
                            background-color: rgba(255, 110, 139, 1);
                            margin-right: 8px;
                        }
                    }

                    &:first-child {
                        border-top-left-radius: 12px !important;
                        border-bottom-left-radius: 12px !important;
                    }
                    &:last-child {
                        border-top-right-radius: 12px !important;
                        border-bottom-right-radius: 12px !important;
                    }
                }
            }
            & tr:nth-child(even) td {
                background-color: var(--v-bg-secondary) !important;
            }

            & tr:not(.total-tr, .heading-row):hover > td {
                &:first-child {
                    border-top-left-radius: 12px !important;
                    border-bottom-left-radius: 12px !important;
                }
                &:last-child {
                    border-top-right-radius: 12px !important;
                    border-bottom-right-radius: 12px !important;
                }
            }
        }
    }

    & .nav.nav-tabs {
        & .nav-item {
            padding: 0 16px !important;
            margin-bottom: 0 !important;
            &:has(.active) {
                border-radius: 5px 5px 0px 0px;
                background-color: transparent !important;
                border-bottom: 2px solid var(--v-text-link) !important;
                color: var(--v-text-link) !important;
            }
            & .nav-link {
                &.active {
                    border-bottom: 3px solid var(--v-text-link) !important;
                    color: var(--v-text-link) !important;
                    background-color: unset !important;

                    border-bottom: none !important;
                }
                &:hover {
                    color: var(--v-text-link) !important;
                }
            }
        }
    }

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

    & .text-bf-primary:not(.btn), & .text-primary:not(.btn) {
        cursor: pointer !important;
        color: var(--v-text-link) !important;
        font: var(--v-font-btn-label);
        word-break: break-word !important;
        text-decoration: unset !important;
        outline: none !important;
        border: none !important;

        &:hover {
            text-decoration: underline !important;
            text-decoration-color: var(--v-text-link-hover) !important;
            background-color: unset !important;
            outline: none !important;
            color: var(--v-text-link-hover) !important;
        }

        &:focus {
            outline: 0 !important;
            color: var(--v-text-link-focus) !important;
        }

        &:active {
            color: var(--v-text-link-active) !important;
            text-decoration: unset !important;
        }
    }

    & .vega-button.vega-primary-button, .note-modal.link-dialog .modal-footer .btn.btn-primary, .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: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, .vega-button.vega-primary-button:not(:disabled, .disabled):hover, .ui-dialog button.vega-primary-button:hover:not(.ui-dialog-titlebar-close), .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, .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;
    }

    & .new-oe-table-wrapper, & .new-oe-prior-wrapper {
        box-shadow: none !important;
        & .table {
            & th.new-oe-bg-white {
                color: rgba(107, 116, 125, 1) !important;
                background-color: white !important;
                font-weight: 500 !important;
            }

            & th.plan-section-header {
                border: none !important;
                border-radius: 0 !important;
                background-color: rgba(245, 247, 247, 1) !important;
            }

            & tbody tr td {
                border-radius: 0 !important;
                background-color: white !important;
                &.plan-section-header {
                    background-color: rgba(245, 247, 247, 1) !important;
                }
            }

             & tbody tr:not(.total-tr, .heading-row):hover > td {
                &:last-child {
                    border-top-right-radius: 0 !important;
                    border-bottom-right-radius: 0 !important;
                }

                &:first-child {
                    border-top-left-radius: 0 !important;
                    border-bottom-left-radius: 0 !important;
                }
            }
        }
    }

    & .new-oe-table-content {
        & #edit_oe_banner_show {
            border-radius: 12px;
            padding: 12px;
        }
    }

    & h4.body_title_2 {
        color: var(--v-text-primary) !important;
    }

    & .number-circle-wrapper {
        & .number-circle {
            color: transparent !important;
            border: 1px solid rgba(160, 233, 167, 1) !important;
            background-color: rgba(160, 233, 167, 1) !important;

            &::after {
                content: url("/v4/img/vega-icon-check.svg");
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                height: 16px;
                width: 16px;
            }

            &.active {
                color: rgba(41, 47, 72, 1) !important;
                border: 1px solid rgba(160, 233, 167, 1) !important;
                background-color: white !important;

                & .new-oe-edit-current-under {
                    color: rgba(41, 47, 72, 1) !important;
                }

                &::before {
                    border-color: rgba(160, 233, 167, 1) !important;
                }

                &::after {
                    display: none;
                }

                & ~ .number-circle {
                    color: rgba(41, 47, 72, 1) !important;
                    border: 1px solid  rgba(107, 116, 125, 1) !important;
                    background-color: white !important;

                    &::before {
                        border-color: rgba(199, 217, 229, 1) !important;
                    }

                    &::after {
                        display: none;
                    }
                }
            }
        }
    }
}

.vega-page-title {
    font-size: 24px;
}

#benefitsDashboardComponent {
    & .progress {
        background-color: var(--v-bg-tertiary) !important;
    }

    & .progress .progress-bar {
        background-color: var(--v-bg-status-success) !important;
    }

    #employee_participation_by_benefit_chart {
        & .c3-chart {
            & .c3-shapes {
                & .c3-shape-0 {
                    stroke: rgba(0, 187, 255, 1) !important;
                    fill: rgba(0, 187, 255, 1) !important;
                }

                & .c3-shape-1 {
                    stroke: rgba(160, 233, 167, 1) !important;
                    fill: rgba(160, 233, 167, 1) !important;
                }

                & .c3-shape-2 {
                    stroke: rgba(255, 185, 162, 1) !important;
                    fill: rgba(255, 185, 162, 1) !important;
                }

                & .c3-shape-3 {
                    stroke: rgba(199, 189, 255, 1) !important;
                    fill: rgba(199, 189, 255, 1) !important;
                }

                & .c3-shape-4 {
                    stroke: rgba(255, 130, 201, 1) !important;
                    fill: rgba(255, 130, 201, 1) !important;
                }
            }
        }
        & .c3-texts text {
            font: var(--v-font-field-label-sm-em) !important;
            fill: rgba(4, 4, 28, 0.95) !important;
        }

        & .c3-axis text {
            font: var(--v-font-field-label-xs) !important;
            fill: rgba(4, 4, 28, 0.64) !important;
        }

        & .c3-axis-x, & .c3-axis-y {
            path {
                stroke: rgba(199, 217, 229, 1) !important;
            }
        }
    }

    #employer_monthly_cost_by_benefit_chart {
        & .c3-chart {
            & .c3-shape[class*="Voluntary-Short-Term-Disability"] {
                fill: rgba(0, 187, 255, 1) !important;
            }

            & .c3-shape[class*="Group-Long-Term-Disability"] {
                fill: rgba(160, 233, 167, 1) !important;
            }

            & .c3-shape[class*="Voluntary-Long-Term-Disability"] {
                fill: rgba(255, 185, 162, 1) !important;
            }

            & .c3-shape[class*="Voluntary-Whole-Life"] {
                fill: rgba(184, 167, 233, 1) !important;
            }

            & .c3-shape[class*="Others"] {
                fill: rgba(255, 130, 201, 1) !important;
            }
        }

        & .gh-custom-legend {
            & span[data-id*="Voluntary Short Term Disability"] {
                & .color-block{
                    background-color: rgba(0, 187, 255, 1) !important
                }

                & .font-weight-bold {
                    font: var(--v-font-field-label-sm-em) !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                }

                & .text-secondary{
                    font: var(--v-font-field-label-xs) !important;
                    color: rgba(4, 4, 28, 0.64) !important;
                }
            }

            & span[data-id*="Group Long Term Disability"] {
                & .color-block{
                    background-color: rgba(160, 233, 167, 1) !important
                }

                & .font-weight-bold {
                    font: var(--v-font-field-label-sm-em) !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                }

                & .text-secondary{
                    font: var(--v-font-field-label-xs) !important;
                    color: rgba(4, 4, 28, 0.64) !important;
                }
            }

            & span[data-id*="Voluntary Long Term Disability"] {
                & .color-block{
                    background-color: rgba(255, 185, 162, 1) !important
                }

                & .font-weight-bold {
                    font: var(--v-font-field-label-sm-em) !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                }

                & .text-secondary{
                    font: var(--v-font-field-label-xs) !important;
                    color: rgba(4, 4, 28, 0.64) !important;
                }
            }

            & span[data-id*="Voluntary Whole Life"] {
                & .color-block{
                    background-color: rgba(184, 167, 233, 1) !important
                }

                & .font-weight-bold {
                    font: var(--v-font-field-label-sm-em) !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                }

                & .text-secondary{
                    font: var(--v-font-field-label-xs) !important;
                    color: rgba(4, 4, 28, 0.64) !important;
                }
            }

            & span[data-id*="Others"] {
                & .color-block{
                    background-color: rgba(255, 130, 201, 1) !important
                }

                & .font-weight-bold {
                    font: var(--v-font-field-label-sm-em) !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                }

                & .text-secondary{
                    font: var(--v-font-field-label-xs) !important;
                    color: rgba(4, 4, 28, 0.64) !important;
                }
            }
        }
    }
}

#plansComponent {
    & div:has(.header-title) {
        flex-wrap: wrap;

        & .header-title {
            flex: 0 0 100% !important;
            margin-bottom: 10px;
        }
    }

    div[data-target="#bf-change-plan-order-modal"] {
        & .vega-sort-icon{
            height: 16px;
            width: 16px;
            display: flex;
        }
    }

    & .table {
        & tr.table-bdr:not(.active){
            a.primary-link {
                color: rgba(4, 4, 28, 0.35) !important;
                text-decoration: none !important;
            }
        }

        & td.feed-status span {
            & img[src="/v4/img/bf-carrier-feed-connected.svg"] {
                display: none;
            }

            & img[src="/v4/img/bf-carrier-feed-not-connected.svg"] {
                display: none;
            }

            span.connected {
                display: inline-flex;
                align-items: center;
                padding: 4px 12px !important;
                border-radius: 16px;
                background-color: rgba(224, 249, 247, 1);
                font-weight: 400 !important;
                color: rgba(4, 4, 28, 0.95) !important;
                text-transform: capitalize;

                &::before {
                    content: url("/v4/img/vega-icon-connected.svg");
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    margin-right: 4px;
                    margin-bottom: 4px;
                }
            }

            span.not-connected {
                display: inline-flex;
                align-items: center;
                padding: 4px 12px !important;
                border-radius: 16px;
                background-color: rgba(176, 180, 181, 1);
                font-weight: 400 !important;
                color: rgba(4, 4, 28, 0.95) !important;
                text-transform: capitalize;

                &::before {
                    display: inline-block;
                    content: url("/v4/img/vega-icon-not-connected.svg");
                    width: 12px;
                    height: 12px;
                    margin-right: 4px;
                    margin-bottom: 4px;
                }
            }
        }
    }
}

#unlock-individual-modal {
    & .list-scroll {
        & .btn-group {
            gap: 8px;
        }
    }
}

#oe-email-employees-modal {
    & .input-group {
        & .input-group-prepend {
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 1;
            display: flex;
            align-self: center;

            & .input-group-text {
                display: flex;
                align-self: center;
                background-image: url("/v4/img/vega-dollar-sign.svg") !important;
                background-repeat: no-repeat;
                background-position: center;
                text-indent: -9999px;
                width: 16px;
                height: 16px;
                background-color: transparent;
                border: none !important;
                padding: 8px 0 !important;

                &:has(.fa-link){
                    background-image: url("/v4/img/vega-icon-link.svg") !important;
                }
            }
        }

        & .input-group-append {
            position: absolute;
            top: 12px;
            right: 12px;
            display: flex;
            align-self: center;

            &.lh-45 {
                height: 16px;
            }

            & .input-group-text {
                display: flex;
                align-self: center;
                background-image: url("/v4/img/vega-percentage.svg") !important;
                background-repeat: no-repeat;
                background-position: center;
                text-indent: -9999px;
                width: 16px;
                height: 16px;
                background-color: transparent;
                border: none !important;
                padding: 8px 0 !important;
            }
        }

        & .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input) {
            border: 1px solid rgb(171, 198, 216) !important;
            box-shadow: none !important;
            color:rgb(32, 54, 69) !important;
            font-size: 16px !important;
            border-radius: 8px !important;
            height: 40px !important;

            &::placeholder {
                color: #999 !important;
                opacity: 1 !important;
            }

            &:focus, &:focus-within {
                outline: 0 !important;
                box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                border: 1px solid #1362E2 !important;
                z-index: 0 !important;
            }

            &:disabled {
                border: 1px solid rgba(222, 225, 227, 1) !important;
            }
        }

        &:has(.input-group-prepend){
            & .form-control {
                padding: 8px 12px 8px 32px !important;
            }
        }

        &:has(.input-group-append){
            & .form-control {
                padding: 8px 32px 8px 12px !important;
            }
        }

        & .invalid-feedback {
            padding-top: 4px !important;
        }
    }

    & .file-upload {
        & img[src="/v4/img/employee/upload.svg"] {
            display: none;
        }

        & .upload_file_container {
            margin-top: 0 !important;

            & > p {
                display: inline-flex;
                gap: 8px;
                align-items: center;
                &::before {
                    content: url(/v4/img/vega-uploading-document.svg);
                    line-height: 16px;
                }
            }
        }

        & .upload_file_input {
            &:focus, &:focus-within {
                border: none !important;
                box-shadow: none !important;
                outline: none !important;
            }
        }
    }
}

#openEnrollmentsComponent {
    & .oe-subtitle{
        margin-bottom: 24px !important;
    }

    #oe-plans-table {
        margin-top: 0px !important;

        & .text-new-oe-activating {
            align-items: center;
            & div:has(.loading){
                flex: 0;
                padding-right: 4px;
            }

            & .loading > img {
                width: 20px !important;
                height: 20px !important;
            }

            & .new-oe-status {
                display: flex;
                gap: 4px;
                color: var(--v-text-primary);
                text-transform: capitalize;
            }
        }

        & .text-new-oe-success {
            &::before {
                content: "";
            }

            & .new-oe-status {
                display: inline-flex;
                align-items: center;
                padding: 4px 12px;
                border-radius: 16px;
                background-color: rgba(252, 252, 252, 1);
                font-weight: 400 !important;
                color: rgba(4, 4, 28, 0.95) !important;
                text-transform: capitalize;

                &::before {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background-color: var(--v-bg-status-success);
                    margin-right: 8px;
                }
            }
        }

        & .text-new-oe-inactive {
            &::before {
                content: "";
            }

            & .new-oe-status {
                display: inline-flex;
                align-items: center;
                padding: 4px 12px;
                border-radius: 16px;
                background-color: rgba(252, 252, 252, 1);
                font-weight: 400 !important;
                color: rgba(4, 4, 28, 0.95) !important;
                text-transform: capitalize;

                &::before {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background-color: rgba(176, 180, 181, 1) !important;
                    margin-right: 8px;
                }
            }
        }
    }

    & .empty-gradient-bg {
        background-image: none !important;
    }
}

#enrollmentSettingsComponent {
    #gh_BF_EnrollmentSettings_Form > div {
        margin-top: 0px !important;
        & > div {
            padding: 0 !important;
        }
    }

    & .nav.nav-tabs{
        & li {
            &.active {
                border-bottom: 3px solid var(--v-text-link) !important;
                color: var(--v-text-link) !important;
                background-color: unset !important;
            }

            & a {
                border-bottom: none !important;
                &:hover {
                    color: var(--v-text-link) !important;
                }
            }
        }
    }
}

#customizationComponent {
    padding: 0 !important;
    & .action-controls {
        background-color: white;
        border-radius: 12px !important;
        padding: 12px 24px 12px !important;
        min-height: 64px;
        width: 100%;

        & div:has(.btn-primary) {
            order: 1;
        }
    }
}

#customizationHeaderComponent {
    & .customizaation_tab.bf-content-header {
        background: none !important;
        border-bottom: none !important;
    }


}

.vega-benefits-content {
    #addPlanComponent {
        & .add-plan-actions .btn-primary {
            width: 100% !important;
        }
    }

    #productOverviewComponent {
        & > div:first-child {
            margin-bottom: 21px !important;
        }

        & .table {
            & img[src*="delete-icon.png"] {
                filter: none !important;
            }
            & tr.bg-white {
                display: flex;
            }

            & tr.bg-white > th:nth-child(1) {
                flex: 0 0 80%;
            }

            & tr.bg-white > th:nth-child(2) {
                flex: 0 0 10%; order: 3;
                border-top-right-radius: 12px !important;
                border-bottom-right-radius: 12px !important;
            }

            & tr.bg-white > th:nth-child(3) {
                flex: 0 0 10%; order: 2;
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 0 !important;
            }

            & tr.bg-white > th:nth-child(2)::after {
                content: "Status";
                display: block;
            }

            & tr.bg-white > th:nth-child(2) > span {
                display: none;
            }

            & tr.bg-white > th:nth-child(3)::after {
                content: "Actions";
                display: block;
            }

            & tr.bg-white > th:nth-child(3) > span {
                display: none;
            }


            & tr.table-bdr {
                display: flex;
            }

            & tr.table-bdr > td:nth-child(1) {
                flex: 0 0 80%;
                color: rgba(19, 98, 226, 1) !important;
            }

            & tr.table-bdr > td:nth-child(2) {
                flex: 0 0 10%;
                gap: 8px;
            }

            & tr.table-bdr > td:nth-child(3) {
                flex: 0 0 10%;
            }

            & tr.table-bdr > td:nth-child(2) {
                order: 3;
                border-top-right-radius: 12px !important;
                border-bottom-right-radius: 12px !important;
            }

            & tr.table-bdr > td:nth-child(3) {
                order: 2;
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 0 !important;
            }
        }
    }

    #enrollmentSummaryComponent {
        & > div:first-child {
            margin-bottom: 21px !important;
        }
    }

    #underwritingQuestionComponent {
        & > div:first-child {
            margin-bottom: 21px !important;
        }

        & .plan-disclosures-table {
            margin: 0 !important;
            padding: 10px 24px 24px !important;
            & table {
                & img[src*="delete-icon.png"] {
                    filter: none !important;
                }
                & thead {
                    border: none !important;
                }

                & thead > tr {
                    display: flex;
                }

                & thead > tr > th {
                    padding: 12px;
                }

                & thead > tr > th:nth-child(1) {
                    flex: 0 0 70%;
                }

                & thead > tr > th:nth-child(2) {
                    flex: 0 0 10%;
                }

                & thead > tr > th:nth-child(3) {
                    flex: 0 0 10%; order: 4;
                    border-top-right-radius: 12px !important;
                    border-bottom-right-radius: 12px !important;
                }

                & thead > tr > th:nth-child(4) {
                    flex: 0 0 10%; order: 3;
                    border-top-right-radius: 0 !important;
                    border-bottom-right-radius: 0 !important;
                }

                & thead > tr > th:nth-child(3)::after {
                    content: "Actions";
                    display: block;
                }

                & thead > tr > th:nth-child(3) > span {
                    display: none;
                }

                & thead > tr > th:nth-child(4)::after {
                    content: "Status";
                    display: block;
                }

                & thead > tr > th:nth-child(4) > span {
                    display: none;
                }


                & tbody > tr {
                    display: flex;
                    border: none !important;
                }

                & tbody > tr > td {
                    padding: var(--v-size-12) !important;
                }

                & tbody > tr > td:nth-child(1) {
                    flex: 0 0 70%;
                    color: rgba(19, 98, 226, 1) !important;
                }

                & tbody > tr > td:nth-child(2) {
                    flex: 0 0 10%;
                }

                & tbody > tr > td:nth-child(3) {
                    flex: 0 0 10%;
                }

                & tbody > tr > td:nth-child(4) {
                    flex: 0 0 10%;
                    gap: 8px;
                }

                & tbody > tr > td:nth-child(3) {
                    order: 4;
                    border-top-right-radius: 12px !important;
                    border-bottom-right-radius: 12px !important;
                }

                & tbody > tr > td:nth-child(4) {
                    order: 3;
                    border-top-right-radius: 0 !important;
                    border-bottom-right-radius: 0 !important;
                }

                & tbody > tr:nth-child(even) > td {
                    background-color: var(--v-bg-secondary) !important;
                }

                & tbody > tr:hover {
                    background-color: transparent !important;
                    & > td {
                        background-color: rgb(241, 248, 251);
                    }
                }
            }
        }
    }
}


#eoiComponent {
    & .gh-ba-bs-lighter-v3:has(.table) {
        padding: 24px;
    }

    & .bf-content {
        & .d-flex {
            display: flex !important;
            flex-direction: column;
            align-items: flex-start !important;
            & h5 {
                margin-bottom: 10px;
            }
        }

        & .gh-plans-filter {
            width: 100%;
            margin-top: 8px;
        }
        & .gh-search-input-standalone {
            width: 100%;
        }
    }

    & .table {
        & td .text-success{
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 16px;
            background-color: rgba(252, 252, 252, 1);
            font-weight: 400 !important;
            color: rgba(4, 4, 28, 0.95) !important;
            text-transform: capitalize !important;

            &::before {
              content: "";
              display: inline-block;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              background-color: var(--v-bg-status-success);
              margin-right: 8px;
            }
        }

        & td .text-black {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 16px;
            background-color: rgba(252, 252, 252, 1);
            font-weight: 400 !important;
            color: rgba(4, 4, 28, 0.95) !important;
            text-transform: capitalize !important;

            &::before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--v-bg-status-info);
            margin-right: 8px;
            }
        }

        & td .text-danger {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 16px;
            background-color: rgba(252, 252, 252, 1);
            font-weight: 400 !important;
            color: rgba(4, 4, 28, 0.95) !important;
            text-transform: capitalize !important;

            &::before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: var(--v-bg-status-error);
                margin-right: 8px;
            }
        }

        & td .text-secondary {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 16px;
            background-color: rgba(252, 252, 252, 1);
            font-weight: 400 !important;
            color: rgba(4, 4, 28, 0.95) !important;
            text-transform: capitalize !important;

            &::before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: rgb(128, 107, 255);
                margin-right: 8px;
            }
        }

        & td .text-warning {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 16px;
            background-color: rgba(252, 252, 252, 1);
            font-weight: 400 !important;
            color: rgba(4, 4, 28, 0.95) !important;
            text-transform: capitalize !important;

            &::before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: var(--v-bg-status-warning);
                margin-right: 8px;
            }
        }

        & td a[disabled] {
            color: rgba(4, 4, 28, 0.35) !important;
        }

        & td:first-child {
            & > div {
                justify-content: space-between;

                & i.fas.fa-exclamation-circle {
                    &::before {
                        content: url("/v4/img/vega-icon-exclamation-circle.svg") !important;
                    }
                }
            }
        }
    }
}

#openEnrollmentComponent {
    & hr {
        border-top: 1px solid var(--v-bg-divider-secondary) !important;
    }

    & img:has(+ .text-success) {
        display: none;
    }

    & img:has(+ .error) {
        display: none;
    }

    & .text-success {
        display: inline-flex;
        align-items: center;
        padding: 4px 12px;
        border: 1px solid var(--v-borderColor-chip);
        border-radius: 16px;
        background-color: rgba(252, 252, 252, 1);
        font-weight: 400 !important;
        color: rgba(4, 4, 28, 0.95) !important;
        text-transform: capitalize !important;

        &::before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: var(--v-bg-status-success);
          margin-right: 8px;
        }
    }

    & .error {
        display: inline-flex;
        align-items: center;
        padding: 4px 12px;
        border: 1px solid var(--v-borderColor-chip);
        border-radius: 16px;
        background-color: rgba(252, 252, 252, 1);
        font-weight: 400 !important;
        color: rgba(4, 4, 28, 0.95) !important;
        text-transform: capitalize !important;

        &::before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: var(--v-bg-status-error);
          margin-right: 8px;
        }
    }

    & .gh-oe-enrollment-status {
        & .table {
            & thead {
                & tr th {
                    font-size: 14px !important;
                    line-height: 18px !important;
                    color: var(--v-text-secondary) !important;
                    font-weight: 700 !important;
                    background-color: white !important;
                    border-bottom: var(--v-border-divider-secondary) !important;

                    &:first-child, &:last-child {
                        border-radius: 0 !important;
                    }
                }
            }
            & tbody {
                & tr {
                    box-shadow: none !important;
                    height: auto !important;
                    & td {
                        font-size: 14px !important;
                        line-height: 24px !important;
                        color: var(--v-text-primary) !important;
                        font-weight: 700 !important;
                        background-color: white !important;
                        border-bottom: var(--v-border-divider-secondary) !important;
                        img[src="/v4/img/go.svg"] {
                            margin: auto !important;
                        }

                        &:first-child {
                            border-radius: 0 !important;
                            display: flex;
                            align-items: center;
                            line-height: 25px !important;
                        }

                        &:last-child {
                            border-radius: 0 !important;
                        }
                    }
                }

                & tr.gh_oe_enrollment_not_started {
                    & .inline-dot {
                        background-color: var(--v-bg-accent2-secondary) !important;
                    }
                }

                & tr.gh_oe_enrollment_in_progress {
                    & .inline-dot {
                        background-color: var(--v-bg-accent9-secondary) !important;
                    }
                }

                & tr.gh_oe_enrollment_completed {
                    & .inline-dot {
                        background-color: var(--v-bg-status-success) !important;
                    }
                }

                & tr:last-child td {
                    border-bottom: none !important;
                }
            }
        }
    }

    & .gh-oe-comms-tabs {
        & .nav.nav-tabs {
            border: var(--v-border-divider-secondary) !important;
            border-radius: 12px;
            & .nav-item {
                background-color: transparent !important;
                border: none !important;
            }
        }
    }

    #employee_enrollment_chart {
        & .c3-chart-arcs {
            & path.c3-arc-Not-Started {
                fill: var(--v-bg-accent2-secondary) !important;
            }

            & path.c3-arc-In-progress {
                fill: var(--v-bg-accent9-secondary) !important;
            }

            & path.c3-arc-Completed {
                fill: var(--v-bg-status-success) !important;
            }
        }
    }

    & .col-8 {
        & .gh-oe-stats {
            & > div {
                border-color: var(--v-bg-divider-secondary) !important;
                &:last-of-type {
                    & div:has(img[src="/v4/img/benefits-new/Information-yellow.svg"]) {
                        display: flex;
                        align-items: center;
                    }
                }
            }

            & .icon-new-oe-inactive {
                margin-top:  0 !important;
            }

            & .icon-new-oe-success {
                margin-top:  0 !important;
            }

            & .icon-new-oe-pause {
                margin-top:  0 !important;
            }
        }
    }

    & .col-4 {
        & .gh-oe-stats {
            & > div {
                border-color: var(--v-bg-divider-secondary) !important;
                &:last-of-type {
                    border-bottom: none !important;
                }
            }
        }
    }
}

#carrierFeedsComponent {
    .card-header {
        padding-top: 0 !important;
    }

    & td input.switch[type="checkbox"] {
        min-width: auto !important;
    }

    & .nav.nav-tabs {
        & li {
            &.active {
                border-bottom: 3px solid var(--v-text-link) !important;
                color: var(--v-text-link) !important;
                background-color: unset !important;
            }

            & a {
                border-bottom: none !important;
                &:hover {
                    color: var(--v-text-link) !important;
                }
            }
        }
    }

    #orgStructureMapping {
        & .card-header, & .card-body{
            padding: 0 !important;
        }
    }

    #org-structure-mapping_table_body {
        & td  {
            vertical-align: middle;
            & label {
                display: inline-flex;
                align-items: center;
            }
        }
    }
}

.vega-benefits-content {
    #gh-ep-benefits {
        & .gh-ba-bs-lighter-v2 {
            box-shadow: none;
        }

        & img[src="/v4/img/doc-icon.svg"] {
            width: 35px !important;
            height: 35px !important;
            object-fit: cover;
            border-radius: 8px;
        }

        & .bf-content {
            .table {
                border: 1px solid var(--v-borderColor-divider) !important;
                border-radius: 12px !important;

                & tr:first-child th {
                    &:first-child {
                        border-top-left-radius: 12px !important;
                        border-bottom-left-radius: 0 !important;
                    }

                    &:last-child {
                        border-top-right-radius: 12px !important;
                        border-bottom-right-radius: 0 !important;
                    }
                }

                & tr:last-child td {
                    &:first-child {
                        border-top-left-radius: 0 !important;
                        border-bottom-left-radius: 12px !important;
                    }

                    &:last-child {
                        border-top-right-radius: 0 !important;
                        border-bottom-right-radius: 12px !important;
                    }
                }

                & tr td {
                    &:first-child {
                        border-top-left-radius: 0 !important;
                        border-bottom-left-radius: 0 !important;
                    }

                    &:last-child {
                        border-top-right-radius: 0 !important;
                        border-bottom-right-radius: 0 !important;
                    }
                }
            }
        }

        img[src="/v4/img/benefits-new/warn-exclamation.svg"]{
            content: url(/v4/img/benefits-new/vega-warn-exclamation.svg);
        }

        img[src="/v4/img/employee/Attention-yellow.svg"]{
            content: url(/v4/img/employee/vega-attention-yellow.svg);
        }

        & .enrollment_status {
            &.text-success {
                color: #01801F !important;
            }
        }

        & .pending-approval {
            color: #ED7A23 !important;
        }

        & .btn-deny {
            height: 40px !important;
        }

        & #benefitsSummary {
            width: 100%;
            margin-bottom: 12px !important;
        }

        & .vega-secondary-tab-group {
            padding-top: 0 !important;
            border-bottom: none !important;
        }

        & .header-title {
            margin-bottom: 12px;
        }

        & #benefitsSummaryContent {
            border-radius: 12px;
            border: none !important;
            & .table-container {
                padding: 24px !important;
                box-shadow: none !important;
                & .table {
                    padding: 0 !important;
                    margin: 0 !important;

                    & td {
                        & .bg-theme-color {
                            border-radius:  12px !important;
                        }

                        & a.pointer {
                            padding-right: 4px;
                        }
                    }

                    & td.bg-theme-color {
                        background: none !important;
                    }
                }
            }
        }

        & .manage-enrollment-actions {
            gap: 8px;

            & > div {
                margin: 0 !important;
                display: flex;
                align-items: center;

                #btn-lock-enrollment {
                    height: 20px !important;
                    line-height: 16px !important;
                }
            }

            & .custom-field-value {
                padding-top: 0 !important;
            }
        }
    }

    #addGroupButtonCard {
        & .card-body {
            padding: 0 !important;

            & i[data-expand-mode="all"] {
                display: none;
            }
        }
    }

    #groupCardListContainer {
        & .card-header {
            padding: 0 !important;
        }
        & .card-body {
            padding-bottom: 0 !important;
        }

        #group-table th {
            padding-left: 24px !important;
            padding-right: 24px !important;
        }

        #group-table td {
            padding-left: 24px !important;
            padding-right: 24px !important;
        }

        & .org-table-container {
            border: none !important;
        }

        & i[data-type="delete"] {
            display: flex;
            &::before {
                content: url("/v4/img/vega-icon-delete-black.svg") !important
            }
        }

        & i[data-type="update"] {
            display: flex;
            &::before {
                content: url("/v4/img/vega-icon-edit-black.svg") !important
            }
        }

        & i.fa-plus {
            display: flex;
            &::before {
                content: url("/v4/img/vega-icon-plus-black.svg") !important
            }
        }

        & i.fa-edit {
            display: flex;
            &::before {
                content: url("/v4/img/vega-icon-edit-black.svg") !important
            }
        }

        & i.fa-trash-alt {
            display: flex;
            &::before {
                content: url("/v4/img/vega-icon-delete-black.svg") !important
            }
        }

        & button:has(i.fas, i.far):focus {
            outline: none !important;
        }
    }

    #tatimeoffpaygroup-component {
        & .org-table-container {
            border: none !important;
            padding: 24px !important;
            background-color: white !important;
        }

        & div:has(.org-component-title){
            flex-wrap: wrap;

            & .org-component-title {
                flex: 0 0 100% !important;
                margin-bottom: 10px;
            }
        }

        & .table {
            & td.buttonGroup {
                & i.fa-plus {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-plus-black.svg") !important
                    }
                }

                & i.fa-edit {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-edit-black.svg") !important
                    }
                }

                & i.fa-trash-alt {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-delete-black.svg") !important
                    }
                }

                & button:has(i.far):focus{
                    outline: none !important;
                }
            }
        }
    }

    #places_component {
        & div:has(.locations-title) {
            flex-wrap: wrap;

            & .locations-title {
                flex: 0 0 100% !important;
                margin-bottom: 10px;
            }
        }

        & .org-table-container {
            border: none !important;
            padding: 24px !important;
            background-color: white !important;
        }

        & .table {
            & th[scope="col"]::first-letter {
                text-transform: uppercase;
            }

            & th[scope="col"] {
                text-transform: lowercase;
            }

            & td.locationaction {
                & i.fa-plus {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-plus-black.svg") !important
                    }
                }

                & i.fa-edit {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-edit-black.svg") !important
                    }
                }

                & i.fa-trash-alt {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-delete-black.svg") !important
                    }
                }

                & button:has(i.far):focus{
                    outline: none !important;
                }
            }
        }
    }

    #terminationReasonMapComponent {
        padding: 0 !important;

        & > div {
            padding: 0 !important;
        }
    }

    #prepareForPayrollComponent {
        padding: 0 !important;
        & > div {
            padding: 0 !important;
        }

        & .nav.nav-tabs {
            margin-bottom: 0 !important;
        }

        & .search_filter_sets_container {
            margin: 12px 0 0 0 !important;
            background-color: white !important;
            border-radius: 12px !important;
        }

        & .org-table-container {
            background-color: white !important;
            padding: 24px !important;
            border-radius: 12px !important;
        }

        #empty_approver_section > div {
            border-radius: 12px !important;
        }
        #payroll-deductions-pagination-container {
            margin-top: 0px !important;
        }

        #payrollDeductionsTotalCountContainer {
            margin-bottom: 12px !important;
        }
    }

    #terminationReasonMapComponent {
        & .nav.nav-tabs {
            margin-bottom: 12px !important;
        }

        #mapReasonForm {
            & > div {
                padding: 0 !important;
            }

            & + div.text-right {
                margin-top: 12px !important;
                padding: 0 !important;
            }
        }
    }

    #gh-account-list-component {
        & div:has(.org-component-title) {
            flex-wrap: wrap;

            & .org-component-title {
                flex: 0 0 100% !important;
                margin-bottom: 10px;
                font-size: 24px !important;
            }
        }

        & .org-table-container {
            border: none !important;
            padding: 24px !important;
            background-color: white !important;
        }

        & .table {
            & th.status-header {
               position: relative;

               & .link_filter_status {
                    float: left !important;
                    margin-left: 8px !important;
               }

                & .status-popver-container {
                    position: absolute;
                }
            }
            & td {
                & .vega-chip {
                    display: inline-flex;
                    align-items: center;
                    padding: 4px 12px;
                    border-radius: 16px;
                    background-color: rgba(252, 252, 252, 1);
                    font-weight: 400 !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                    text-transform: capitalize !important;

                    & i.inactive::before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: var(--v-bg-status-info);
                        margin-right: 8px;
                    }

                    & i.active::before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: var(--v-bg-status-success);
                        margin-right: 8px;
                    }

                    & i.pending::before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: var(--v-bg-status-warning);
                        margin-right: 8px;
                    }
                }
            }
            & td.buttonGroup {
                display: flex;
                & i.fa-plus {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-plus-black.svg") !important;
                        width: 16px;
                        height: 16px;
                    }
                }

                & i.fa-edit {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-edit-black.svg") !important;
                        width: 16px;
                        height: 16px;
                    }
                }

                & i.fa-trash-alt {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-delete-black.svg") !important;
                        width: 16px;
                        height: 16px;
                    }
                }

                & i.fa-bell {
                    display: flex;
                    &::before {
                        content: url("/v4/img/vega-icon-bell.svg") !important;
                        width: 16px;
                        height: 16px;
                    }
                }

                & button:has(i.far):focus{
                    outline: none !important;
                }
            }
        }
    }

    #import_history_log_panel {
        background-color: white;
        padding: 24px;
        border-radius: 12px;
        & > div {
            margin-top:0 !important;
        }

        & .table {
            & tr[data-status="completed"] {
                & td.font-weight-bold > span {
                    display: inline-flex;
                    align-items: center;
                    padding: 4px 12px;
                    border-radius: 16px;
                    background-color: rgba(252, 252, 252, 1);
                    font-weight: 400 !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                    text-transform: capitalize;

                    &::before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: var(--v-bg-status-success) !important;
                        margin-right: 8px;
                    }
                }
            }

            & tr[data-status="not_finished"] {
                & td.font-weight-bold > span {
                    display: inline-flex;
                    align-items: center;
                    padding: 4px 12px;
                    border-radius: 16px;
                    background-color: rgba(252, 252, 252, 1);
                    font-weight: 400 !important;
                    color: rgba(4, 4, 28, 0.95) !important;
                    text-transform: capitalize;

                    &::before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: var(--v-bg-status-error) !important;
                        margin-right: 8px;
                    }
                }
            }

            & td i.fa-edit {
                &::before {
                    content: url("/v4/img/vega-icon-edit.svg") !important
                }
            }
        }
    }

    #fileTransmissionsComponent {
        & td {
            & .btn[name="download-file-button"],
            & .btn[name="view-file-button"],
            & .btn[name="resend-file-button"] {
                position: relative;
                width: 32px !important;
                height: 32px !important;
                padding: 0 !important;
                color: transparent !important;
                overflow: hidden;
                border: none !important;
                background-color: transparent !important;
                min-width:0 !important;
            }

            & .btn[name="download-file-button"]:disabled:hover::after,
            & .btn[name="view-file-button"]:disabled:hover::after,
            & .btn[name="resend-file-button"]:disabled:hover::after {
                content: none !important;
            }

            & .btn:disabled {
                opacity: 0.6;
            }

            & .btn[name="download-file-button"]::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 20px;
                height: 20px;
                background-image: url("/v4/img/vega-icon-download.svg");
                background-repeat: no-repeat;
                background-position: center;
                z-index: 1;
            }

            & .btn[name="download-file-button"]:hover::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 32px;
                height: 32px;
                background-color: rgba(4, 4, 28, 0.05);
                border-radius: 50%;
                z-index: 0;
            }

            & .btn[name="view-file-button"]::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 20px;
                height: 20px;
                background-image: url("/v4/img/integration_setting_apikey_txt_able_icon.svg");
                background-repeat: no-repeat;
                background-position: center;
                z-index: 1;
            }

            & .btn[name="view-file-button"]:hover::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 32px;
                height: 32px;
                background-color: rgba(4, 4, 28, 0.05);
                border-radius: 50%;
                z-index: 0;
            }

            & .btn[name="resend-file-button"]::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 20px;
                height: 20px;
                background-image: url("/v4/img/vega-icon-resend.svg");
                background-repeat: no-repeat;
                background-position: center;
                z-index: 1;
            }

            & .btn[name="resend-file-button"]:hover::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 32px;
                height: 32px;
                background-color: rgba(4, 4, 28, 0.05);
                border-radius: 50%;
                z-index: 0;
            }

            & .loading {
                content: url("/v4/img/vega-loader.svg") !important;
                margin: auto !important;
                -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
                animation: circle-loader-animation 2000ms linear infinite !important;
                padding: 0 !important;

                & + span {
                    margin-left: 4px;
                }
            }
        }
    }

    & .vega-toggle-btn {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        cursor: pointer;
        gap: 4px;

        & .toggle-icon {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
        }
        & .collapsed .toggle-icon {
            transform: rotate(0deg);
        }
        & .expanded .toggle-icon {
            transform: rotate(180deg);
        }

        & .expand-text {
            color: rgba(19, 98, 226, 1);
            font: var(--v-font-btn-label);
        }
    }
}

#employeeSideNav.employee-main-sidenav {
    margin-top: -80px !important;
    .vega-side-nav {
        width: 300px !important;
        margin-top: 0 !important;
    }

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

    ul > li > a {
        &:hover {
            color: var(--v-text-sidebar-link-hover) !important;
            background-color: var(--v-bg-sidebar-item-hover) !important;
            border-radius: var(--v-rounded-8) !important;

            & img {
                &.vega-icon-benefits-active, &.vega-icon-benefits-inactive {
                    content: url(/images/enterprise-sidenav/vega_benefits_active.svg) !important;
                }

                &.vega-icon-enrollment-history-active, &.vega-icon-enrollment-history-inactive {
                    content: url(/images/enterprise-sidenav/vega_enrollment_history_active.svg) !important;
                }

                &.vega-icon-documents-active, &.vega-icon-documents-inactive {
                    content: url(/images/enterprise-sidenav/vega_documents_active.svg) !important;
                }
            }
        }

        & > img {
            min-width: unset !important;
            max-width: unset !important;
            max-height: unset !important;

            &.vega-icon-benefits-inactive {
                content: url(/images/enterprise-sidenav/vega_benefits_inactive.svg) !important;
            }

            &.vega-icon-benefits-active  {
                content: url(/images/enterprise-sidenav/vega_benefits_white_inactive.svg) !important;
            }

            &.vega-icon-enrollment-history-inactive {
                content: url(/images/enterprise-sidenav/vega_enrollment_history_inactive.svg) !important;
            }

            &.vega-icon-enrollment-history-active  {
                content: url(/images/enterprise-sidenav/vega_enrollment_history_white_inactive.svg) !important;
            }

            &.vega-icon-documents-inactive {
                content: url(/images/enterprise-sidenav/vega_documents_inactive.svg) !important;
            }

            &.vega-icon-documents-active  {
                content: url(/images/enterprise-sidenav/vega_documents_white_inactive.svg) !important;
            }
        }

        &.current-nav-link {
            color: var(--v-text-on-action) !important;
            background-color: var(--v-bg-sidebar-item-selected) !important;
            border-radius: var(--v-rounded-8) !important;

            & > img {
                background-color: var(--v-bg-action) !important;
                border-radius: var(--v-rounded-8) !important;

                &.vega-icon-benefits-inactive {
                    content: url(/images/enterprise-sidenav/vega_benefits_inactive.svg) !important;
                }

                &.vega-icon-benefits-active  {
                    content: url(/images/enterprise-sidenav/vega_benefits_white_inactive.svg) !important;
                }

                &.vega-icon-enrollment-history-inactive {
                    content: url(/images/enterprise-sidenav/vega_enrollment_history_inactive.svg) !important;
                }

                &.vega-icon-enrollment-history-active  {
                    content: url(/images/enterprise-sidenav/vega_enrollment_history_white_inactive.svg) !important;
                }

                &.vega-icon-documents-inactive {
                    content: url(/images/enterprise-sidenav/vega_documents_inactive.svg) !important;
                }

                &.vega-icon-documents-active  {
                    content: url(/images/enterprise-sidenav/vega_documents_white_inactive.svg) !important;
                }
            }

            &:hover {
                color: var(--v-text-sidebar-link-hover) !important;
                background-color: var(--v-bg-sidebar-item-hover) !important;
                border-radius: var(--v-rounded-8) !important;

                & img {
                    background-color: transparent !important;
                    &.vega-icon-benefits-active, &.vega-icon-benefits-inactive {
                        content: url(/images/enterprise-sidenav/vega_benefits_active.svg) !important;
                    }

                    &.vega-icon-enrollment-history-active, &.vega-icon-enrollment-history-inactive {
                        content: url(/images/enterprise-sidenav/vega_enrollment_history_active.svg) !important;
                    }


                    &.vega-icon-documents-active, &.vega-icon-documents-inactive {
                        content: url(/images/enterprise-sidenav/vega_documents_active.svg) !important;
                    }
                }
            }
        }
    }
}

#employeeWelcomeComponent {
    & i.fa-angle-up {
        margin-left: 8px !important;

        &::before {
            content: '' !important;
            background: url("/v4/img/vega-select-arrow-up.svg") no-repeat !important;
            display: block;
            width: 16px;
            height: 16px;
        }
    }

    & i.fa-angle-down {
        margin-left: 8px !important;

        &::before {
            content: '' !important;
            background: url("/v4/img/vega-select-arrow-down.svg") no-repeat !important;
            display: block;
            width: 16px;
            height: 16px;
        }
    }

    .bf-only-emp-shadow {
        box-shadow: none !important;
        background-color: white !important;

        & .table {
            & tr:last-child td {
                background-color: white !important;
            }
        }
    }

    .planElectionNavContainer {
        padding: 0 24px !important;
    }

    #planElectionNav {
        flex: 1;

        & a.nav-link {
            & > span {
                color: var(--v-text-primary);
                border: none !important;
                padding:0 16px 12px 16px !important;
                font-weight: 500 !important;
                font-size: 16px !important;
                line-height: 22px !important;
            }

            &.active > span {
                color: var(--v-text-link);
            }
        }
    }


}

#enrollmentHistoryComponent {
    & hr {
        border-top: 1px solid var(--v-bg-divider-secondary) !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .enrollment-history:last-child {
        & hr {
            display: none;
        }
    }
}

.confirmation-report-container {
    font-family: "Inter", sans-serif !important;
    color: rgba(0, 0, 0, 1) !important;
    & .block-label {
        color: rgba(0, 0, 0, 1) !important;
        font-size: 18px !important;
        font-weight: 700 !important;

    }

    & .block-wrapper {
        border: var(--v-border-divider-secondary) !important;
    }

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

    & .block-wrapper-dependent-start {
        border: var(--v-border-divider-secondary) !important;
    }

    & .block-wrapper-dependent-mid {
        border-bottom: var(--v-border-divider-secondary) !important;
        border-left: var(--v-border-divider-secondary) !important;
        border-right: var(--v-border-divider-secondary) !important;
    }

    & .block-wrapper-dependent-end {
        border-bottom: var(--v-border-divider-secondary) !important;
        border-left: var(--v-border-divider-secondary) !important;
        border-right: var(--v-border-divider-secondary) !important;
    }

    & .block-wrapper.label-none {
        border: none !important;
    }

    & .table {
        & th {
            border: none !important;
            color: rgba(4, 4, 28, 0.95) !important;

            &:first-child {
                border-bottom-left-radius: 12px !important;
            }

            &:last-child {
                border-bottom-right-radius: 12px !important;
            }
        }

        & td {
            color: rgba(4, 4, 28, 0.95) !important;
            border: none !important;

            &:first-child {
                border-top-left-radius: 12px !important;
                border-bottom-left-radius: 12px !important;
            }

            &:last-child {
                border-top-right-radius: 12px !important;
                border-bottom-right-radius: 12px !important;
            }
        }

        & tr:first-of-type, & tr:last-of-type {
            & td {
                border: none !important;

                &:first-child {
                    border-top-left-radius: 12px !important;
                    border-bottom-left-radius: 12px !important;
                }

                &:last-child {
                    border-top-right-radius: 12px !important;
                    border-bottom-right-radius: 12px !important;
                }
            }
        }

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

        & tbody tr td:first-child {
            border: none !important;
        }


        & tbody tr td:last-child {
            border: none !important;
        }
        & tbody tr:last-child td {
            border: none !important;
        }

        & tr.table-summary td {
            background-color: rgba(89, 96, 99, 0.1) !important;
        }
    }

    & .ml-auto.text-right {
        & .text-uppercase {
            color: rgba(4, 4, 28, 0.64) !important;
            font-size: 16px !important;
            font-weight: 400 !important;
        }
    }
}


.bf-confirmation-report-modal-footer {
    & .text-primary {
        color: rgba(0, 0, 0, 1) !important;
        font-family: "Inter", sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
    }
}


#document-forms-component  {
    & div.list-item {
        border-bottom: var(--v-border-divider-secondary) !important;

        &:last-child {
            border: none !important;
        }
    }

    & .col-8 {
        .list-container {
            padding: 0 16px !important;

            & div.mt-2, div.mt-3 {
                margin-top: 0 !important;
            }

            & .list-item-sub-component {
                & .font-weight-bold {
                    font-weight: normal !important;
                }
            }
        }
    }

    & .col-4 {
        .list-container {
            & .list-item {
                & .p-3 {
                    & div:first-child {
                        color: rgba(4, 4, 28, 0.64) !important;
                    }

                    & .mt-3 span:first-child{
                        color: rgba(4, 4, 28, 0.64) !important;
                    }
                }
            }
        }
    }

    img[src="/v4/img/employee/file.svg"] {
        content: url(/v4/img/employee/vega-file.svg) !important;
        width: 48px;
        height: 48px;
    }
}

.employee-election {
    & #employeeSideNav.employee-election-sidenav {
        color: rgba(41, 47, 72, 1) !important;

        & .bf_employee_loader {
            border-top-color: rgba(153, 192, 255, 1) !important;
        }

        & .gh-employee-sidenav {
            margin-left: 38px !important;
        }

        & img[src="/v4/img/employee/user.png"]{
            content: url(/v4/img/employee/vega-user.svg);
        }

        & img[src="/v4/img/employee/ProgressActive.png"]{
            content: url(/v4/img/employee/vega-progress-active.svg);
        }

        & img[src="/v4/img/employee/todo.png"]{
            content: url(/v4/img/employee/vega-todo.svg);
        }

        & img[src="/v4/img/employee/benefits.png"]{
            content: url(/v4/img/employee/vega-benefits.svg);
        }

        & li {
            & a {
                padding: 12px 20px;
            }

            &.has-child {
                & .sidenav-text {
                    font-weight: 500 !important;
                }

                & li {
                    &.selected {
                        & .sidenav-text {
                            font-size: 14px !important;
                            font-weight: 700 !important;
                        }
                    }

                    & .sidenav-text {
                        font-size: 14px !important;
                        font-weight: 400 !important;
                    }

                }
            }

            &:first-child a {
                background-color: white !important;

                & .employee-name {
                    font-weight: 700 !important;
                    font-size: 18px !important;
                }

                & .enrollment-type {
                    font-weight: 400 !important;
                    font-size: 14px !important;
                }
            }

            &:not(:last-child) a.border-bottom {
                border-bottom: var(--v-border-divider-secondary) !important;
            } 

            & a:hover {
                background-color: rgba(4, 112, 236, 0.1) !important;
            }

            &.selected a {
                background-color: rgba(4, 112, 236, 0.1) !important;
            }
        }
    }

    & .gh-header-logo {
        display: flex !important;
        & .vega-header-logo {
            margin-bottom: 0 !important;
        }
    }
    
    & .gh-header-nav-menu {
        margin-left: 0 !important;
    }

    & .vega-benefits-content {
        & img[src="/v4/img/employee/Edit_icon.svg"] {
            content: url(/v4/img/vega-icon-edit-black.svg);
        }

        & img[src="/v4/img/employee/Delete_icon.svg"] {
            content: url(/v4/img/vega-icon-delete-black.svg);
        }

        & img[src="/v4/img/employee/DatePickerInput-02.svg"] {
            content: url(/v4/img/employee/vega-datepicker-02.svg);
        }

        & img[src="/v4/img/benefit-cart.svg"] {
            content: url(/v4/img/vega-benefit-cart.svg);
        }

        & .plan-date-picker-icon {
            align-items: baseline !important;
        }

        & .search-border input[data-datepicker]{
            border: none !important;
        }

        & .employee-form-actions {
            margin-top: 20px !important;
        }

        & .before-sitenav-block {
            margin-top: 0 !important;
        }

        & .error-message-banner {
            border: none !important;
            border-radius: 12px !important;
            background-color: transparent !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            padding: 0 12px !important;
            color: rgba(32, 54, 69, 1) !important;
            line-height: 22px !important;

            & img[src="/v4/img/employee/informational_icon.png"]{
                content: url(/v4/img/vega-infomation-icon.svg);
            }

            & .primary-message-container {
                padding: 24px !important;
                border: none !important;
                background: rgba(205, 209, 211, 1) !important;
                align-items: center !important;
                display: flex !important;
                gap: 16px !important;
                font-weight: normal !important;
                text-align: left !important;
            }
        }

        & .alert-message-container {
            border: none !important;
            border-radius: 12px !important;
            background: rgba(255, 220, 131, 1) !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            padding: 24px !important;
            color: rgba(32, 54, 69, 1) !important;
            line-height: 24px !important;
            align-items: start !important;
            display: flex !important;
            justify-content: center !important;
            gap: 16px !important;

            & img[src="/v4/img/benefits-new/warning-red.svg"]{
                content: url(/v4/img/benefits-new/warning-triangle-black.svg);
            }

            & img[src="/v4/img/enroll-error-exclamation.svg"]{
                content: url(/v4/img/benefits-new/warning-triangle-black.svg);
            }

            & img {
                margin: 0 !important;
            }
        }

        & .enrollment-error-banner {
            border: none !important;
            border-radius: 12px !important;
            background: rgba(255, 110, 139, 1) !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            padding: 24px !important;
            color: rgba(32, 54, 69, 1) !important;
            line-height: 24px !important;
            align-items: start !important;
            display: flex !important;
            justify-content: center !important;
            gap: 16px !important;

            & img[src="/v4/img/benefits-new/warning-red.svg"]{
                content: url(/v4/img/benefits-new/warning-triangle-black.svg);
            }

            & img[src="/v4/img/enroll-error-exclamation.svg"]{
                content: url(/v4/img/benefits-new/warning-triangle-black.svg);
            }

            & img {
                margin: 0 !important;
            }
        }

        & img[src="/v4/img/plus-circle.svg"] {
            content: url(/v4/img/vega-icon-plus-blue.svg);
            height: 16px !important;
            width: 16px !important;
        }

        & #dependentsElectionComponent {
            & .row.form-group.mt-5 {
                margin: 0 !important;
            }

            & .text-right:has(.btn-primary){
                margin-top: 24px !important;    
            }

            & .text-right .gh-non-primary-btn {
                margin-right: 24px !important;
            }

            & .dependent-list {
                background-color: white;
                padding: 24px;
                border-radius: 12px;
            }
        }

        & #electionElectionComponent {
            & .was-validated {
                 & input[type="radio"]:invalid {
                    border: var(--v-border-input-field-danger) !important;
                 }
            }

            & input[type="radio"]:invalid {
                border: var(--v-border-input-field) !important;
            }
            
            & .employee-election-container {
                margin-top: 0 !important;
            }

            & .selected-plan-container {
                border: var(--v-border-divider-secondary) !important;

                & .selected-plan-item-container {
                    & .remove.pointer {
                        font-size: 0;
                        color: transparent;
                        &::before {
                            font-family: 'Font Awesome 5 Free';
                            content: "\f00d";
                            font-size: 16px;
                            color: var(--bg-action);
                        }
                    }
                }
            }

            & .waive-reason {
                border: none !important;
                background-color: rgba(255, 220, 131, 1) !important;
                color: rgba(32, 54, 69, 1) !important;
                font-size: 16px !important;
                font-weight: 500 !important;
                padding: 24px 24px 24px 64px !important;
                position: relative;

                & .waive-message {
                    &::before {
                        content: "";
                        position: absolute;
                        left: 24px;
                        top: 30px;
                        width: 24px;
                        height: 24px;
                        background-image: url(/v4/img/benefits-new/warning-triangle-black.svg);
                        background-size: contain;
                    }
                }

                & .btn-warning {
                    background-color: rgba(255, 220, 131, 1) !important;
                    border: solid 2px rgba(32, 54, 69, 1) !important;
                    color: rgba(32, 54, 69, 1) !important;

                    &:hover {
                        background-color: rgba(255, 200, 90, 1) !important;
                    }
                }
            }

            & .empty-line {
                display: none;
            }

            & .input-group {
                & .input-group-prepend {
                    position: absolute;
                    top: 12px;
                    left: 12px;
                    z-index: 1;
                    display: flex;
                    align-self: center;

                    & .input-group-text {
                        display: flex;
                        align-self: center;
                        background-image: url("/v4/img/vega-dollar-sign.svg") !important;
                        background-repeat: no-repeat;
                        background-position: center;
                        text-indent: -9999px;
                        width: 16px;
                        height: 16px;
                        background-color: transparent;
                        border: none !important;
                        padding: 8px 0 !important;

                        &:has(.fa-link){
                            background-image: url("/v4/img/vega-icon-link.svg") !important;
                        }
                    }
                }

                & .input-group-append {
                    position: absolute;
                    top: 12px;
                    right: 12px;
                    display: flex;
                    align-self: center;

                    & .input-group-text {
                        display: flex;
                        align-self: center;
                        background-image: url("/v4/img/vega-percentage.svg") !important;
                        background-repeat: no-repeat;
                        background-position: center;
                        text-indent: -9999px;
                        width: 16px;
                        height: 16px;
                        background-color: transparent;
                        border: none !important;
                        padding: 8px 0 !important;
                    }
                }

                & .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input) {
                    border: 1px solid rgb(171, 198, 216) !important;
                    box-shadow: none !important;
                    color:rgb(32, 54, 69) !important;
                    font-size: 16px !important;
                    border-radius: 8px !important;
                    height: 40px !important;

                    &.invalid-contribution {
                        border: 1px solid #AA091C !important;
                        background-image: url(/v4/img/vega-enroll-error-exclamation-red.svg) !important;

                        &:focus, &:focus-within {
                            outline: 0 !important;
                            box-shadow: 0px 0px 0px 4px rgba(170, 9, 28, 0.25) !important;
                            border: 1px solid #AA091C !important;
                        }
                    }

                    &::placeholder {
                        color: #999 !important;
                        opacity: 1 !important;
                    }

                    &:focus, &:focus-within {
                        outline: 0 !important;
                        box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                        border: 1px solid #1362E2 !important;
                        z-index: 0 !important;
                    }

                    &:disabled {
                        border: 1px solid rgba(222, 225, 227, 1) !important;
                    }
                }

                &:has(.input-group-prepend){
                    & .form-control {
                        padding: 8px 12px 8px 32px !important;

                        &.invalid-contribution {
                            padding-right: 32px !important;
                        }
                    }
                }

                &:has(.input-group-append){
                    & .form-control {
                        padding: 8px 32px 8px 12px !important;

                        &.invalid-contribution {
                            padding-right: 62px !important;
                            background-position: right 32px center !important;
                            background-image: url(/v4/img/vega-enroll-error-exclamation-red.svg) !important;
                        }
                    }
                }
            }

            & .text-gh-warning {
                color: #ED7A23 !important;
            }

            & .border-separate {
                border-color: rgb(199, 217, 229) !important;
            }
            
            & .dependent-list {
                gap: 12px !important;

                & .form-check {
                    margin: 0 !important;
                }
            }

            & label.dependent-checkbox {
                display: flex;
                align-items: center;
                color: rgba(4, 4, 28, 0.35);
                border: 2px solid rgba(176, 180, 181, 1);

                &:hover {
                    color: rgba(41, 47, 72, 1);
                    border: 2px solid rgba(160, 233, 167, 1);
                }

                & input[type="checkbox"] {
                    position: absolute !important;
                }

                &.selected {
                    background-color: rgba(160, 233, 167, 1);
                    color: rgba(41, 47, 72, 1);
                    border: 1px solid rgba(160, 233, 167, 1);
                }

                &.disabled {
                    background-color: rgba(176, 180, 181, 1);
                    color: rgba(4, 4, 28, 0.35);
                    border: 1px solid rgba(176, 180, 181, 1);
                    opacity: 1;
                }
            }

            & .gh-ba-bs-lighter-v2-current-election {
                background-color: white !important;
            }

            & .gh-ba-bs-lighter-v2-401k-disclaimer {
                background-color: var(--v-bg-status-info) !important;
                border-radius: 12px !important;
                color: rgba(32, 54, 69, 1) !important;
                padding: 24px 24px 24px 64px !important;
                position: relative;

                & .mb-3 {
                    margin-bottom: 0 !important;
                    font-size: 20px !important;
                    &::before {
                        content: "";
                        position: absolute;
                        left: 24px;
                        top: 26px;
                        width: 24px;
                        height: 24px;
                        background-image: url(/v4/img/vega-infomation-icon.svg);
                        background-size: contain;
                    }
                    & + div {
                        font-size: 16px !important;
                    }
                }
            }

            & .gh-ba-bs-lighter-v2-aof {
                border: none !important;
                padding: 0 !important;

                & .plan-details-section {
                    padding-left: 24px !important;
                    padding-right: 24px !important;
                }

                & .plan-actions-section:not(:empty) {
                    border-top: var(--v-border-divider-secondary);
                    padding-left: 24px !important;
                    padding-right: 24px !important;

                    padding-top: 15px !important;
                    padding-bottom: 15px !important;
                    margin-top: 6px !important;
                }

                &.plan-selected-border {
                    padding-left: 24px !important;
                    padding-right: 24px !important;
                    border: 3px solid rgba(160, 233, 167, 1) !important;

                    & .eoi-information-title {
                        border-radius: 12px !important;
                        background-color: rgba(240, 243, 247, 1) !important;
                    }

                    & p.gh-row-margin.text-gh-dark {
                        border-radius: 12px !important;
                        background-color: rgba(240, 243, 247, 1) !important;
                    }

                    & .plan-is-selected {
                        & > div.mt-3 {
                            margin-top: 0 !important;
                        }

                        & .plan-contribution {
                            & > div.font-weight-bold.mt-4 {
                                margin-top: 0 !important;
                            }

                            & .text-success {
                                color: #01801F !important;
                            }

                            & .border {
                                border-color: rgba(171, 198, 216, 1) !important;
                            }

                            & .border-bottom {
                                border-color: rgba(171, 198, 216, 1) !important;
                            }

                            & .tab-content {
                                & .bg-light.rounded {
                                    background-color: rgba(240, 243, 247, 1) !important;
                                    border-radius: 12px !important;
                                }
                            }

                            & .hra-employer-contribution {
                                border-bottom: none !important;
                            }
                        }
                    }

                    & .plan-details-section {
                        background: rgba(236, 251, 237, 1);
                        margin: 0 -24px !important;
                        padding-left: 8px !important;
                        padding-right: 8px !important;
                    }

                    & .plan-actions-section {
                        border-top: none !important;
                        padding-left: 0 !important;
                        padding-right: 0 !important;
                        padding-bottom: 15px !important;
                        margin-top: 0 !important;
                    }

                    & .text-success {
                        color: var(--v-bg-status-success);
                    }
                }
            }

            & .btn-plan-action {
                background-color: white !important;
                border: 2px solid rgba(19, 98, 226, 1) !important;
                color: rgba(19, 98, 226, 1) !important;
                font-weight: 700 !important;
                font-size: 16px !important;
            }

            & .selected-btn-check-icon {
                width: 16px !important;
                height: 16px !important;
                content: url(/v4/img/vega-icon-selected.svg) !important;
            }

            & .btn-plan-action > .align-group-center > div:last-child {
                font-size: 16px !important;
                letter-spacing: 0.5px !important;
            }

            & .employer-pay-cost {
                color: rgba(41, 47, 72, 1) !important;
            }

            & .plan-effective-start-date {
                font-size: 16px !important;
                font-weight: 700 !important;
            }

            & .plan-shopping-cart {
                & .bg-gh-light {
                    background-color: white !important;
                }

                & .border-bottom {
                    border-color: rgba(199, 217, 229, 1) !important;
                }
            }

            & .waive-section {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                margin-bottom: 0 !important;
            }
        }

        & #dependentsElectionComponent {
            & .search-border  {
                &:has(input[data-datepicker]:focus) {
                    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                }

                & input[data-datepicker] {
                    border: 0 !important;
                    &:focus {
                        box-shadow: none !important;
                    }
                }
            }

            & .was-validated {
                & .search-border  {
                    &:has(input[data-datepicker]:invalid:focus) {
                        box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important
                    }
                 }

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

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

        & #otherCoverageComponent {
            & .text-primary:not(.disabled-link) {
                color: var(--v-text-link) !important;
                font-weight: 700 !important;
            }

            & .text-right:has(.btn-primary){
                margin-top: 24px !important;    
            }

            & .other-coverage-title {
                margin-top: 16px !important;
            }

            & .other-coverage-title + div {
                background-color: white !important;
                padding: 12px !important;
                border-radius: 12px;
            }
        }

        & #addOtherCoverageModal {
            & .search-border  {
                &:has(input.datetimepicker:focus) {
                    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                }

                & input.datetimepicker {
                    border: 0 !important;
                    &:focus {
                        box-shadow: none !important;
                    }
                }

                & .search-border {
                    align-items: center !important;

                    & input {
                        border: none !important;

                        &:focus {
                            box-shadow: none !important;
                        }
                    }
                }

                & .was-validated {
                    & .search-border  {
                        &:has(input.datetimepicker:invalid:focus) {
                            box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important
                        }
                    }

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

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

            & .col-md-5.lh-45{
                padding: 0 !important;
            }

            & .modal-header, & .modal-footer {
                width: 100% !important;
            }
        }

        & #employeeSummaryComponent {
            img[src="/v4/img/benefits-new/Attention.svg"]{
                content: url(/v4/img/benefits-new/vega-attention.svg);
            }

            & .total-per-pay-cost-label {
                text-align: right !important;
                padding: 0 !important;
            }

            & .table-container {
                background-color: white !important;
                border-radius: 12px !important;
                padding: 12px !important;

                & .table {
                    padding:0  !important;

                    & tr.bg-gh-light.text-gh-dark td {
                        background-color: white !important;
                    }
                }
            }

            & #summary-submit-modal {
                & #offer_signature {
                    border: none !important;

                    & .signature_preview {
                        justify-content: start !important;
                        height: 38px !important;
                        min-height: 38px !important;
                        & img {
                            max-height: 38px !important;
                        }
                    }
                }

                & .sign-submit-container {
                    flex: 0 0 25%;
                    max-width: 25%;

                    & > div.text-center {
                        padding: 0 !important;
                    }

                    & .btn-sign-submit {
                        width: 100% !important;
                    }
                }

                & .modal-footer {
                    justify-content: center !important;
                }

                & #gh_agreeSign {
                    & .col-md-10 > div.row {
                        align-items: center !important;
                    }
                }
            }
        }

        & #medicareComponent {
            & .table {
                background-color: white !important;
                padding: 12px !important;
            }

            & .text-primary:not(.disabled-link) {
                color: var(--v-text-link) !important;
                font-weight: 700 !important;
            }

            & .text-right:has(.btn-primary){
                margin-top: 24px !important;    
            }

            & #medicareModal {
                & .modal-header, & .modal-footer {
                    width: 100% !important;
                }
                & #medicare-form {
                    & .search-border  {
                        &:has(input.datetimepicker:focus) {
                            box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                        }

                        & input.datetimepicker {
                            border: 0 !important;
                            &:focus {
                                box-shadow: none !important;
                            }
                        }
                    }

                    & .search-border {
                        align-items: center !important;

                        & input {
                            border: none !important;

                            &:focus {
                                box-shadow: none !important;
                            }
                        }
                    }

                    & .was-validated {
                        & .search-border  {
                            &:has(input.datetimepicker:invalid:focus) {
                                box-shadow: 0 0 0 4px rgba(230,50,87,.25) !important
                            }
                        }

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

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

        & #informationalPlanComponent {
            & .resource-line {
                border-top: var(--v-border-divider-secondary) !important;
            }
        }
    }
}

.select2-search.select2-search--dropdown {
    & img[src="/images/smb/search.svg"] {
        display: none !important;
    }
}

& .select2-container.select2-container--default.select2-container--open .select2-results__options.gh-select2-v2-options > li {
    padding-left: 16px !important;
}

& .gh-select2-v2-select-all[data-checked="true"]:before {
    background-color: var(--v-bg-action) !important;
}

.vega-benefits-content {
    & .table-responsive::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: transparent;
    }

    & .table-responsive::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        background-clip: padding-box;
        border-radius: 9999px;
        margin: 2px 0;
    }

    & .table-responsive::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 9999px;
        border: 2px solid transparent;
    }

    & .table-responsive::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.4);
    }

    & #planHeaderComponent {
        & .plan_tab {
            padding: 20px 38px 8px 38px !important;
            background-color: transparent !important;

            & a.text-gh-dark {
                color: rgba(19, 98, 226, 1) !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                display: inline-flex !important;
                align-items: center;

                & img[src="/v4/img/arrow-left.png"] {
                    content: url(/v4/img/vega-arrow-left.svg);
                    max-width: 16px;
                    max-height: 16px;
                }
            }
        }

        & .header-plan-name {
            font-size: 24px !important;
        }
    }

    & #planDetailsComponent {
        padding: 0 38px !important;
        & .plan_tab {
            gap: 16px !important;
            box-shadow: none !important;
            background-color: transparent !important;
            border-bottom: 1px solid rgba(199, 217, 229, 1);

            & .nav {
                border: 0 !important;
                & .nav-item {
                    padding: 12px 16px !important;

                    & .nav-link {
                        padding: 0 !important;
                        & .plan-status-header {
                            bottom: 0 !important;

                            & img[src="/v4/img/plan-active.svg"] {
                                content: url(/v4/img/vega-plan-active.svg);
                            }
                        }
                    }
                }
            }

            & .bf-renew-button-in-plan {
                margin: 0 0 12px 0 !important
            }
        }
    }

    & .plan-components {
        padding-right: 38px !important;
        padding-left: 38px !important;

        & img[src="/v4/img/employee/Add_Icon_grey.svg"] {
            width: 16px !important;
            height: 16px !important;
            content: url(/v4/img/vega-icon-plus-grey.svg);
        }

        & img[src="/v4/img/employee/Add_Icon.svg"] {
            width: 16px !important;
            height: 16px !important;
            content: url(/v4/img/vega-icon-plus-blue.svg);
        }

        & img[src="/v4/img/plus-circle.png"] {
            content: url(/v4/img/vega-icon-plus-blue.svg);
        }

        /* & img[src="/v4/img/res-weblink.png"] {
            content: url(/v4/img/vega-icon-link.svg);
        } */

        & img[src="/v4/img/res-contact.png"] {
            content: url(/v4/img/vega-icon-phone.svg);
        }

        & .coverageTier_select {
            & .btn-select-list {
                padding: 4px !important;
                box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
                border: 1px solid rgb(171, 198, 216);
                border-radius: 12px;

                & > li {
                    display: flex;
                    gap: 8px;
                    align-items: center;
                    padding: 8px 16px;
                    margin: 0;
                    font-size: 16px;
                    font-weight: 400;
                    color: var(--v-text-primary) !important;

                    &:hover {
                        background-color: rgba( 241, 248, 251, 1);
                    }

                    & .selector {
                        color: var(--v-text-link) !important;

                        &.far.fa-circle {
                            width: 20px;
                        }
                    }

                    & .fa.fa-caret-right {
                        display: none;
                    }
                }
            }
        }

        & .gh-ba-select {
            & button.btn-select {
                border: 1px solid rgb(171, 198, 216) !important;
                border-radius: 8px !important;
                line-height: 26px !important;
                font-weight: normal !important;
                padding-right: 40px !important;
                background: #fff url(/v4/img/vega-select-arrow-down.svg) no-repeat scroll calc(100% - 13px) center / 16px 16px !important;
            }
        }

        & a.icon-new-oe {
            display: inline-flex;
            gap: 4px;
            color: rgb(19, 98, 226) !important;
            font-family: "Inter", sans-serif !important;
            img[src="/images/smb/copy-2.svg"] {
                content: url(/images/smb/vega-copy-2.svg) !important;
            }
        }

        & .btn-group {
            gap: 8px;
        }

        & .input-group {
            & .input-group-prepend {
                position: absolute;
                top: 12px;
                left: 12px;
                z-index: 1;
                display: flex;
                align-self: center;

                & .input-group-text {
                    display: flex;
                    align-self: center;
                    background-image: url("/v4/img/vega-dollar-sign.svg") !important;
                    background-repeat: no-repeat;
                    background-position: center;
                    text-indent: -9999px;
                    width: 16px;
                    height: 16px;
                    background-color: transparent;
                    border: none !important;
                    padding: 8px 0 !important;

                    &:has(.fa-link){
                        background-image: url("/v4/img/vega-icon-link.svg") !important;
                    }
                }
            }

            & .input-group-append {
                position: absolute;
                top: 12px;
                right: 12px;
                display: flex;
                align-self: center;

                &.lh-45 {
                    height: 16px;
                }

                & .input-group-text {
                    display: flex;
                    align-self: center;
                    background-image: url("/v4/img/vega-percentage.svg") !important;
                    background-repeat: no-repeat;
                    background-position: center;
                    text-indent: -9999px;
                    width: 16px;
                    height: 16px;
                    background-color: transparent;
                    border: none !important;
                    padding: 8px 0 !important;
                }
            }

            & .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input) {
                border: 1px solid rgb(171, 198, 216) !important;
                box-shadow: none !important;
                color:rgb(32, 54, 69) !important;
                font-size: 16px !important;
                border-radius: 8px !important;
                height: 40px !important;

                &::placeholder {
                    color: #999 !important;
                    opacity: 1 !important;
                }

                &:focus, &:focus-within {
                    outline: 0 !important;
                    box-shadow: 0px 0px 0px 4px rgba(19, 98, 226, 0.25) !important;
                    border: 1px solid #1362E2 !important;
                    z-index: 0 !important;
                }

                &:disabled {
                    border: 1px solid rgba(222, 225, 227, 1) !important;
                }
            }

            &:has(.input-group-prepend){
                & .form-control {
                    padding: 8px 12px 8px 32px !important;
                }
            }

            &:has(.input-group-append){
                & .form-control {
                    padding: 8px 32px 8px 12px !important;
                }
            }

            & .invalid-feedback {
                padding-top: 4px !important;
            }
        }

        & .was-validated .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input):invalid {
            border: 1px solid #AA091C !important;

            &:focus, &:focus-within {
                outline: 0 !important;
                box-shadow: 0px 0px 0px 4px rgba(170, 9, 28, 0.25) !important;
                border: 1px solid #AA091C !important;
            }
        }

        & div:has(.plan-locking-banner):not(.modal-content):not(.modal-body):not(.modal-dialog) {
            margin-top: 0 !important;
            max-width: 100% !important;
        }

        & .gh-ba-bs-lighter-v2-401k-disclaimer {
            background-color: var(--v-bg-status-info) !important;
            border-radius: 12px !important;
            color: rgba(32, 54, 69, 1) !important;
            padding: 24px 24px 24px 64px !important;
            position: relative;

            & .mb-3 {
                margin-bottom: 0 !important;
                font-size: 20px !important;
                &::before {
                    content: "";
                    position: absolute;
                    left: 24px;
                    top: 26px;
                    width: 24px;
                    height: 24px;
                    background-image: url(/v4/img/vega-infomation-icon.svg);
                    background-size: contain;
                }
                & + div {
                    font-size: 16px !important;
                }
            }
        }

        & .plan-section-header {
            background: rgba(89, 96, 99, 0.1) !important;
        }

        & img[src="/v4/img/employee/Add_Icon.svg"] {
            content: url(/v4/img/vega-icon-plus-blue.svg);
            width: 16px !important;
            height: 16px !important;
        }

        & hr {
            border-top: 1px solid var(--v-bg-divider-secondary) !important;
        }

        & .vega-or-line {
            border-top-width: 1px !important;
            border-color: rgba(171, 198, 216, 1) !important;
        }

        & .ql-toolbar {
            margin-top: 12px !important;
            background-color: rgb(240, 243, 247);
            border: 1px solid rgba(171, 198, 216, 1);
        }

        & .ql-container {
            border: 1px solid rgba(171, 198, 216, 1);
            border-top: 0 !important;
        }

        & .file-upload {
            & img[src="/v4/img/employee/upload.svg"] {
                display: none;
            }

            & div:has(.file-drop-text) {
                margin-top: 0 !important;

                & .file-drop-text {
                    display: inline-flex;
                    gap: 8px;
                    align-items: center;
                    &::before {
                        content: url(/v4/img/vega-uploading-document.svg);
                        line-height: 16px;
                    }
                }
            }

            & .upload_file_input {
                &:focus, &:focus-within {
                    border: none !important;
                    box-shadow: none !important;
                    outline: none !important;
                }
            }
        }

        & .btn-default.text-primary {
            color: var(--v-text-link) !important;
            display: inline-flex;
            align-items: center;
            gap: 4px;

            &:not(.text-secondary) {
                color: var(--v-text-link) !important;
            }

            &:disabled {
                color: rgb(176, 180, 181) !important;
                border-color: rgb(176, 180, 181) !important;

                & img[src="/v4/img/plus-circle.png"] {
                    display: none;
                }
            }

            img[src="/v4/img/plus-circle.png"] {
                display: none;
            }
        }

        & #policyComponent {
            & .policy-info-actions {
                display: flex;
                justify-content: end;
                gap: 16px;
                align-items: center;
                border-top: 1px solid rgba(199, 217, 229, 1);
                padding-top: 24px;

                #btn-recalculate-plan {
                    color: var(--v-text-link) !important;
                }

                & a.mr-4 {
                    padding: 0 !important;
                    margin-right: 0 !important;
                }

                & .btn-primary{
                    margin-right: 0 !important;
                }

                & #btn-delete-policy {
                    display: inline-flex !important;
                    align-items: center;
                    justify-content: center;
                    background: white;
                    border: 2px solid rgba(230, 50, 87, 1);
                    border-radius: 9999px;
                    color: rgba(230, 50, 87, 1);
                    padding: 6px 16px !important;
                    cursor: pointer;
                    font-size: 16px;
                    font-weight: 700;
                    gap: 8px;
                    transition: all 0.25s ease;

                    & img[src="/v4/img/delete-icon.png"] {
                        content: url(/v4/img/vega-icon-delete-red2.svg) !important;
                        filter: none !important;
                    }

                    &::after {
                        content: "Delete";
                    }

                    &:hover {
                        border: 2px solid rgba(255, 87, 114, 1);
                        background-color: rgba(255, 87, 114, 0.2);
                        color: rgba(233, 71, 104, 1);
                    }

                    &:active {
                        border: 2px solid rgba(189, 41, 71, 1);
                        color: rgba(189, 41, 71, 1);
                        background-color: rgba(189, 41, 71, 0.2);
                    }
                }
            }

            & .policy-content {
                max-width: 100%;
                flex-basis: 100%;
            }

            & a[data-target="#requestNewCarrier"] {
                display: inline-flex !important;
                gap: 4px;
                line-height: 10px !important;
                align-items: center;
                &::before {
                    content: url(/v4/img/vega-icon-plus-blue.svg);
                }
            }
        }

        & .plan-locking-banner {
            border: none !important;
            border-radius: 12px !important;
            background: rgba(255, 220, 131, 1) !important;
            padding: 24px !important;
            font-weight: 500 !important;
            font-size: 16px !important;

            & img[src="/v4/img/employee/informational_icon.png"] {
                content: url(/v4/img/benefits-new/warning-triangle-black.svg);
                margin-right: 16px !important;
            }
        }

        & #payrollComponent {
            & .payroll-tab {
                &:first-child {
                    margin-left: 24px;
                }

                background-color: rgba(222, 225, 227, 1);

                &.payroll-tab-current {
                    background: #fff;

                    & > span:after {
                        background: none !important;
                    }
                }
            }

            & #frequencyOverridesComponent {
                & .pay-group-selector {
                    margin-top: 1px;
                    & > label {
                        margin-bottom: 0 !important;
                    }
                }

                & img[src="/v4/img/up-thick.png"]{
                    content: url(/v4/img/vega-icon-arrow-right.svg);
                    transform: rotate(-90deg);
                }

                & img[src="/v4/img/down-thick.png"]{
                    content: url(/v4/img/vega-icon-arrow-right.svg);
                    transform: rotate(90deg);
                }

                & .ov-table {
                    &.border {
                        border: 1px solid rgb(171, 198, 216) !important;
                    }

                    & .border-bottom {
                        border-bottom: 1px solid rgb(171, 198, 216) !important;
                    }

                    & .border-left {
                        border-left: 1px solid rgb(171, 198, 216) !important;
                    }
                }
            }
        }

        & #ridersComponent {
            & img[src="/v4/img/arrow-dn2.svg"] {
                content: url(/v4/img/vega-icon-arrow-right.svg);
                transform: rotate(90deg);
            }

            & img[src="/v4/img/arrow-right.png"] {
                content: url(/v4/img/vega-icon-arrow-right.svg);
            }

            & .rider-rates-table {
                border: 1px solid rgb(171, 198, 216) !important;
                box-shadow: none !important;

                & a.btn:has(img[src="/v4/img/delete-icon.png"]) {
                    height: 45px !important;
                }
            }
        }

        & #resourcesComponent {
            & label.btn-default[for="resource-file-upload"] {
                color: var(--v-text-link) !important;
            }

            & .gh-ba-bs-lighter-v3-aof {
                border-radius: 12px !important;
            }

            & .resource-line {
                padding: 12px !important;
                border-top: 1px solid var(--v-bg-divider-secondary) !important;
            }
        }

        & #deductionCodesComponent {
            & > .gh-ba-bs-lighter-v3 {
                border-radius: 12px !important;
            }
        }

        & #eligibilityComponent {
            & .add-or-button {
                padding: 0px !important;
                width: 68px !important;
                height: 40px !important;
            }
        }

        & #planSummaryComponent {
            & img[src="/v4/img/print-icon.png"]{
                content: url(/v4/img/vega-icon-print-blue.svg);
            }

            & img[src="/v4/img/Groups_Inactive.svg"] {
                content: url(/v4/img/vega-groups_inactive.svg);
            }

            & img[src="/v4/img/Groups_Inactive.svg"] {
                content: url(/v4/img/vega-groups_inactive.svg);
            }

            & img[src="/v4/img/active.svg"] {
                content: url(/v4/img/vega-icon-active.svg);
            }

            & img[src="/v4/img/active.svg"] {
                content: url(/v4/img/vega-active.svg);
            }

            & img[src="/v4/img/activate-validation.svg"] {
                content: url(/v4/img/vega-activate-validation.svg);
            }

            & > .row {
                & > div.col-md-9 {
                    max-width: 100%;
                    flex-basis: 100%;
                }

                & > div.col-md-11 {
                    max-width: 100%;
                    flex-basis: 100%;
                }
            }

            & button:has(img[src="/v4/img/print-icon.png"]) {
                display: inline-flex;
                gap: 4px;
                &::after {
                    content: 'Print';
                    color: rgba(19, 98, 226, 1);
                }
            }

            & #planCountRefreshButton {
                & svg {
                    fill: rgba(19, 98, 226, 1);
                    transform: rotate(-90deg);
                }

                &:hover {
                    & svg {
                        fill: rgba(19, 98, 226, 1);
                        transform: rotate(90deg);
                    }
                }
            }

            & .row div.item.gh-ba-bs-lighter-v3 {
                border-radius: 12px !important;
            }

            & #accordions {
                & > div.item {
                    & > a[data-toggle="collapse"] {
                        & span.body_title_3 {
                            padding-left: 24px !important;
                        }

                        & img[src="/v4/img/benefits-new/summary-item-open.png"] {
                            content: url(/v4/img/vega-icon-arrow-right.svg);
                            transform: rotate(90deg);
                        }

                        & img[src="/v4/img/benefits-new/summary-item-closed.png"] {
                            content: url(/v4/img/vega-icon-arrow-right.svg);
                        }
                    }
                }
            }

            & .striped-card.primary {
                border-top-color: rgba(19, 98, 226, 1) !important;
            }

            & #eligibility_detail {
                & .border-bottom {
                    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
                }
            }

            & #contributions_detail {
                & .border-bottom {
                    border-bottom: 1px solid var(--v-bg-divider-secondary) !important;
                }

                & .row {
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                }
            }
        }

        & #coverageComponent {
            & .border-top {
                border-color: rgb(199, 217, 229) !important;
            }

            & .vega-border {
                border-radius: 12px;
                border-color: rgb(19, 98, 226) !important;
                padding: 16px;
            }

            & #gh_PS_CoverageForm {
                & > div:first-child {
                    background-color: white;
                    margin-bottom: 10px;
                    padding: 24px;
                    border-radius: 12px;
                }
            }

            & img[src="/v4/img/arrow-right.png"] {
                content: url(/v4/img/vega-icon-arrow-right.svg);
                width: 16px;
                height: 16px;
            }

            & img[src="/v4/img/arrow-dn2.svg"] {
                content: url(/v4/img/vega-icon-arrow-right.svg);
                transform: rotate(90deg);
                width: 16px;
                height: 16px;
            }

        }

        & #ratesComponent {
            & h3.body_title + div.bg-white {
                border-radius: 12px;
            }

            & .rates-container {
                border: 1px solid var(--v-bg-divider-secondary) !important;
                border-radius: 12px !important;

                & .form-group {
                    a.btn:has(img[src="/v4/img/delete-icon.png"]){
                        line-height: 40px !important;
                        height: 40px !important;
                    }
                }

                & > div.form-group.bg-light {
                    background-color: rgba(240, 243, 247, 1) !important;
                    border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                }
            }
        }

        & #additionalSettingsComponent {
            & .plan-disclosures-table {
                margin: 0 !important;
                padding: 10px 24px 24px !important;
                & table {
                    & img[src*="delete-icon.png"] {
                        filter: none !important;
                    }
                    & thead {
                        border-bottom: none !important;
                    }

                    & thead > tr > th {
                        padding: 12px !important;
                        background-color: var(--v-bg-table-header) !important;
                    }

                    & thead > tr > th:first-child {
                        border-top-left-radius: 12px !important;
                        border-bottom-left-radius: 12px !important;
                    }

                    & thead > tr > th:last-child {
                        border-top-right-radius: 12px !important;
                        border-bottom-right-radius: 12px !important;
                    }

                    & tbody > tr {
                        border-bottom: none !important;
                    }

                    & tbody > tr > td {
                        padding: var(--v-size-12) !important;
                    }

                    & tbody > tr:nth-child(even) td {
                        background-color: var(--v-bg-secondary) !important;
                    }

                    & tbody > tr > td:first-child {
                        border-top-left-radius: 12px !important;
                        border-bottom-left-radius: 12px !important;
                    }

                    & tbody > tr > td:last-child {
                        border-top-right-radius: 12px !important;
                        border-bottom-right-radius: 12px !important;
                    }

                    & tbody > tr:nth-child(even) > td {
                        background-color: var(--v-bg-secondary) !important;
                    }

                    & tbody > tr:hover {
                        background-color: transparent !important;
                        & > td {
                            background-color: rgb(241, 248, 251);
                        }
                    }
                }
            }

            & #add-carrier-form-modal {
                & #search-bar-tatimeoffpaygroup {
                    align-self: center;
                    flex: 0 0 82.333333%;
                    max-width: 82.333333%;

                    & + div.col-md-2 {
                        flex: 0 0 17.666667%;
                        max-width: 17.666667%;
                    }
                }
            }
        }
    }

    & .bf-report-component {
        & .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
            width: auto !important;

            &::placeholder {
                color: rgb(176, 180, 181) !important;
            }
        }

        & .gh-tree-dropdown-select {
            padding-bottom: 3px !important;
            & > label > span.gh-selected-label {
                background-color: var(--v-bg-primary) !important;
                border: var(--v-border-chip) !important;
            }
        }

        & .gh-ba-reports-filters {
            padding: 0 16px !important;
            & .card-body {
                padding: 0px !important;
            }

            & .label-has-border-bottom:not(.gh-no-decoration):not(.company-group-label):not(.error) {
                border-radius: 8px !important;
                border-color: rgb(171, 198, 216) !important;
            }

            & + div.bg-white.border {
                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: var(--v-shadow-card) !important;
            }

            & .include-old-waive-records {
                display: flex !important;
                align-items: center !important;
                
                & > input[type="checkbox"] {
                    margin-right: 6px !important;
                }

                & .gh-activate-help {
                    margin-left: 2px !important;
                }
            }
        }

        & .report-datetimepicker + .bootstrap-datetimepicker-widget {
            & .datepicker {
                padding: 12px !important;
            }
        }

        & iframe[name="compensation_report_iframe"] {
            border: var(--v-border-input-field) !important;
        }

        & .page-links {
            & > .gh-report-page-button.btn.btn-default {
                width: 32px !important;
                height: 32px !important;
                background: none !important;
                border: none !important;

                &:hover{
                    background-color: rgba(4, 4, 28, .05) !important;
                    border-radius: 9999px !important;
                    border: none !important;
                }

                &:disabled {
                    filter: none !important;
                    opacity: 0.5 !important;

                    &:hover {
                        background: none !important;
                        border: none !important;
                    }

                    & > img {
                        filter: none !important;
                    }
                }

                &:active {
                    border: none !important;
                    background: none !important;
                    & > img {
                        display: block !important;
                    }
                }

                & > img {
                    filter: invert(16%) sepia(90%) saturate(3361%) hue-rotate(212deg) brightness(93%) contrast(93%) !important;
                }
            }

            & span > .gh-report-page-button.btn.btn-default {
                width: 32px !important;
                height: 32px !important;
                color: rgba(var(--v-text-primary, 32, 54, 69, 1)) !important;
                border: none !important;
                background: none !important;
                font-weight: 400 !important;

                &.gh-report-link-inactive {
                    color: var(--v-bg-action) !important;
                }

                & img[src="/v4/img/page-left.png"] {
                    width: 32px !important;
                }

                & img[src="/v4/img/page-right.png"] {
                    width: 32px !important;
                }

                &:hover {
                    text-decoration: underline !important;
                    text-underline-offset: 2px !important;
                }

                &:disabled {
                    opacity: 0.5 !important;
                    border: none !important;
                }

                &:active {
                    border: none !important;
                    background: none !important;
                    color: rgba(var(--v-text-primary, 32, 54, 69, 1)) !important;
                    & > img {
                        display: block !important;
                    }
                }
            }
        }
    }
}